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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color:transparent
}

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

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

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left
}

[tabindex="-1"]:focus {
    outline:0 !important
}

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

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom:0
}

address {
    font-style: normal;
    line-height:inherit
}

address, dl, ol, ul {
    margin-bottom:1rem
}

dl, ol, ul {
    margin-top:0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom:0
}

dt {
    font-weight:700
}

dd {
    margin-bottom: .5rem;
    margin-left:0
}

dfn {
    font-style:italic
}

b, strong {
    font-weight:bolder
}

small {
    font-size:80%
}

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

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style:scrollbar
}

figure {
    margin:0 0 1rem
}

img {
    vertical-align: middle;
    border-style:none
}

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

table {
    border-collapse:collapse
}

th {
    text-align:inherit
}

label {
    display: inline-block;
    margin-bottom:.5rem
}

button {
    border-radius:0
}

button:focus {
    outline: 1px dotted;
    outline:5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit
}

button, input {
    overflow:visible
}

button, select {
    text-transform:none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style:none
}

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

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance:listbox
}

textarea {
    overflow: auto;
    resize:vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border:0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space:normal
}

progress {
    vertical-align:baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance:none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance:button
}

output {
    display:inline-block
}

summary {
    display: list-item;
    cursor:pointer
}

template {
    display:none
}

[hidden] {
    display:none !important
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top:1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight:400
}

.mark, mark {
    padding: .2em;
    background-color:#fcf8e3
}

.list-inline {
    padding-left: 0;
    list-style:none
}

.list-inline-item {
    display:inline-block
}

.list-inline-item:not(:last-child) {
    margin-right:.5rem
}

.figure {
    display:inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height:1
}

code, kbd, pre, samp {
    font-family:SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break:break-word
}

a > code {
    color:inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius:.2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight:700
}

pre {
    display: block;
    font-size: 87.5%;
    color:#212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break:normal
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left:15px
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left:-15px
}

.col-lg-7, .col-lg-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left:15px
}

@media (min-width: 992px) {
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width:58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width:66.66667%
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border:0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow:0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity:1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity:1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity:1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity:1
}

.form-control::placeholder {
    color: #6c757d;
    opacity:1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity:1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color:#fff
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left:-5px
}

.form-row > .col, .form-row > [class * =col-] {
    padding-right: 5px;
    padding-left:5px
}

.btn {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:focus, .btn:hover {
    text-decoration:none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity:.65
}

.btn:not(:disabled):not(.disabled) {
    cursor:pointer
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image:none
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events:none
}

.btn-link, .btn-link:hover {
    background-color:transparent
}

.btn-link.focus, .btn-link:focus, .btn-link:hover {
    text-decoration: underline;
    border-color:transparent
}

.btn-link.focus, .btn-link:focus {
    box-shadow:none
}

.btn-link.disabled, .btn-link:disabled {
    color:#6c757d
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius:.3rem
}

.btn-block {
    display: block;
    width:100%
}

.btn-block + .btn-block {
    margin-top:.5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width:100%
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style:none
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius:.25rem
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color:#c3e6cb
}

.alert-success hr {
    border-top-color:#b1dfbb
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity:.5
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity:.75
}

.close:not(:disabled):not(.disabled) {
    cursor:pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance:none
}

.visible {
    visibility:visible !important
}

.invisible {
    visibility:hidden !important
}

#FilestackModal {
    z-index:2147483647 !important
}

#FilestackModal, .link__tab__nav--stats {
    position:relative
}

.btn-link[class * =animate] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position:relative
}

@-webkit-keyframes spin {
    0% {
        transform:rotate(0deg)
    }

    to {
        transform:rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform:rotate(0deg)
    }

    to {
        transform:rotate(359deg)
    }
}

@-webkit-keyframes spin-positioned-x {
    0% {
        transform:translateX(-50%) rotate(0deg)
    }

    to {
        transform:translateX(-50%) rotate(359deg)
    }
}

@keyframes spin-positioned-x {
    0% {
        transform:translateX(-50%) rotate(0deg)
    }

    to {
        transform:translateX(-50%) rotate(359deg)
    }
}

@-webkit-keyframes spin-positioned-xy {
    0% {
        transform:translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform:translate(-50%, -50%) rotate(359deg)
    }
}

@keyframes spin-positioned-xy {
    0% {
        transform:translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform:translate(-50%, -50%) rotate(359deg)
    }
}

@-webkit-keyframes breathing {
    0% {
        transform:scale(1)
    }

    to {
        transform:scale(1.1)
    }
}

@keyframes breathing {
    0% {
        transform:scale(1)
    }

    to {
        transform:scale(1.1)
    }
}

@-webkit-keyframes animate-buzz {
    0% {
        transform:translateX(3px) rotate(1deg)
    }

    2.5% {
        transform:translateX(-3px) rotate(-1deg)
    }

    5% {
        transform:translateX(3px) rotate(1deg)
    }

    7.5% {
        transform:translateX(-3px) rotate(-1deg)
    }

    10% {
        transform:translateX(2px) rotate(1deg)
    }

    12.5% {
        transform:translateX(-2px) rotate(-1deg)
    }

    15% {
        transform:translateX(2px) rotate(1deg)
    }

    17.5% {
        transform:translateX(-2px) rotate(-1deg)
    }

    20% {
        transform:translateX(1px) rotate(1deg)
    }

    22.5% {
        transform:translateX(-1px) rotate(-1deg)
    }

    25% {
        transform:translateX(0) rotate(0)
    }
}

@keyframes animate-buzz {
    0% {
        transform:translateX(3px) rotate(1deg)
    }

    2.5% {
        transform:translateX(-3px) rotate(-1deg)
    }

    5% {
        transform:translateX(3px) rotate(1deg)
    }

    7.5% {
        transform:translateX(-3px) rotate(-1deg)
    }

    10% {
        transform:translateX(2px) rotate(1deg)
    }

    12.5% {
        transform:translateX(-2px) rotate(-1deg)
    }

    15% {
        transform:translateX(2px) rotate(1deg)
    }

    17.5% {
        transform:translateX(-2px) rotate(-1deg)
    }

    20% {
        transform:translateX(1px) rotate(1deg)
    }

    22.5% {
        transform:translateX(-1px) rotate(-1deg)
    }

    25% {
        transform:translateX(0) rotate(0)
    }
}

.admin .link__highlight .animate-buzz.active, .admin .link__highlight .animate-buzz:hover, .service .animate-buzz {
    -webkit-animation-name: animate-buzz;
    animation-name: animate-buzz;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count:infinite
}

.service .animate-buzz:active, .service .animate-buzz:hover {
    -webkit-animation-name: unset;
    animation-name:unset
}

@-webkit-keyframes animate-wobble {
    4.16% {
        transform:translateY(8px)
    }

    8.33% {
        transform:translateY(-6px)
    }

    12.48% {
        transform:translateY(4px)
    }

    16.66% {
        transform:translateY(-2px)
    }

    20.81% {
        transform:translateY(1px)
    }

    25% {
        transform:translateY(0)
    }
}

@keyframes animate-wobble {
    4.16% {
        transform:translateY(8px)
    }

    8.33% {
        transform:translateY(-6px)
    }

    12.48% {
        transform:translateY(4px)
    }

    16.66% {
        transform:translateY(-2px)
    }

    20.81% {
        transform:translateY(1px)
    }

    25% {
        transform:translateY(0)
    }
}

.admin .link__highlight .animate-wobble.active, .admin .link__highlight .animate-wobble:hover, .service .animate-wobble {
    -webkit-animation-name: animate-wobble;
    animation-name: animate-wobble;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count:infinite
}

.service .animate-wobble:active, .service .animate-wobble:hover {
    -webkit-animation-name: unset;
    animation-name:unset
}

@-webkit-keyframes animate-pop {
    0% {
        transform:scale(1)
    }

    12.5% {
        transform:scale(1.05)
    }

    25% {
        transform:scale(1)
    }
}

@keyframes animate-pop {
    0% {
        transform:scale(1)
    }

    12.5% {
        transform:scale(1.05)
    }

    25% {
        transform:scale(1)
    }
}

.admin .link__highlight .animate-pop.active, .admin .link__highlight .animate-pop:hover, .service .animate-pop {
    -webkit-animation-name: animate-pop;
    animation-name: animate-pop;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count:infinite
}

.service .animate-pop:active, .service .animate-pop:hover {
    -webkit-animation-name: unset;
    animation-name:unset
}

@-webkit-keyframes animate-swipe-admin {
    4.16%, 8.33% {
        background-position: 0 0;
        color:#fff
    }

    12.49%, 20.83% {
        background-position: -100% 0;
        color:#777
    }

    24.99%, 29.16% {
        background-position: 0 0;
        color:#fff
    }

    33.33% {
        background-position: 100% 0;
        color:#777
    }
}

@keyframes animate-swipe-admin {
    4.16%, 8.33% {
        background-position: 0 0;
        color:#fff
    }

    12.49%, 20.83% {
        background-position: -100% 0;
        color:#777
    }

    24.99%, 29.16% {
        background-position: 0 0;
        color:#fff
    }

    33.33% {
        background-position: 100% 0;
        color:#777
    }
}

.admin .link__highlight .animate-swipe {
    background-size: 200% auto;
    background-position: 100% 0;
    background-color: transparent !important;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transition-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, #777 50%, transparent 0);
    color:#777
}

.admin .link__highlight .animate-swipe.active, .admin .link__highlight .animate-swipe:hover {
    -webkit-animation-name: animate-swipe-admin;
    animation-name:animate-swipe-admin
}

body:after {
    content: "small";
    display:none
}

@media only screen and (min-width: 768px) {
    body:after {
        content: "medium"
    }
}

@media only screen and (min-width: 992px) {
    body:after {
        content: "large"
    }
}

@media only screen and (min-width: 1260px) {
    body:after {
        content: "extra-large"
    }
}

.ui-helper-hidden {
    display:none
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style:none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse:collapse
}

.ui-helper-clearfix:after {
    clear:both
}

.ui-helper-clearfix {
    min-height:0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0)
}

.ui-front {
    z-index:100
}

.ui-state-disabled {
    cursor:default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat:no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.ui-sortable-handle {
    touch-action:none
}

.ui-widget {
    font-family:Arial, Helvetica, sans-serif
}

.ui-widget, .ui-widget .ui-widget {
    font-size:1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size:1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color:#333
}

.ui-widget-content a {
    color:#333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight:700
}

.ui-widget-header a {
    color:#333
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color:#454545
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #454545;
    text-decoration:none
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color:#2b2b2b
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #2b2b2b;
    text-decoration:none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color:#fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration:none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color:#777620
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color:#777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color:#5f3f3f
}

.ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
    color:#5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight:700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight:400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image:none
}

.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height:16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image:url(/images/ui-icons_444444_256x240.png)
}

.ui-state-default .ui-icon {
    background-image:url(/images/ui-icons_777777_256x240.png)
}

.ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image:url(/images/ui-icons_555555_256x240.png)
}

.ui-state-active .ui-icon {
    background-image:url(/images/ui-icons_ffffff_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image:url(/images/ui-icons_777620_256x240.png)
}

.ui-state-error-text .ui-icon, .ui-state-error .ui-icon {
    background-image:url(/images/ui-icons_cc0000_256x240.png)
}

.ui-icon-blank {
    background-position:16px 16px
}

.ui-icon-carat-1-n {
    background-position:0 0
}

.ui-icon-carat-1-ne {
    background-position:-16px 0
}

.ui-icon-carat-1-e {
    background-position:-32px 0
}

.ui-icon-carat-1-se {
    background-position:-48px 0
}

.ui-icon-carat-1-s {
    background-position:-64px 0
}

.ui-icon-carat-1-sw {
    background-position:-80px 0
}

.ui-icon-carat-1-w {
    background-position:-96px 0
}

.ui-icon-carat-1-nw {
    background-position:-112px 0
}

.ui-icon-carat-2-n-s {
    background-position:-128px 0
}

.ui-icon-carat-2-e-w {
    background-position:-144px 0
}

.ui-icon-triangle-1-n {
    background-position:0 -16px
}

.ui-icon-triangle-1-ne {
    background-position:-16px -16px
}

.ui-icon-triangle-1-e {
    background-position:-32px -16px
}

.ui-icon-triangle-1-se {
    background-position:-48px -16px
}

.ui-icon-triangle-1-s {
    background-position:-64px -16px
}

.ui-icon-triangle-1-sw {
    background-position:-80px -16px
}

.ui-icon-triangle-1-w {
    background-position:-96px -16px
}

.ui-icon-triangle-1-nw {
    background-position:-112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position:-128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position:-144px -16px
}

.ui-icon-arrow-1-n {
    background-position:0 -32px
}

.ui-icon-arrow-1-ne {
    background-position:-16px -32px
}

.ui-icon-arrow-1-e {
    background-position:-32px -32px
}

.ui-icon-arrow-1-se {
    background-position:-48px -32px
}

.ui-icon-arrow-1-s {
    background-position:-64px -32px
}

.ui-icon-arrow-1-sw {
    background-position:-80px -32px
}

.ui-icon-arrow-1-w {
    background-position:-96px -32px
}

.ui-icon-arrow-1-nw {
    background-position:-112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position:-128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position:-144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position:-160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position:-176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position:-192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position:-208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position:-224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position:-240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position:0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position:-16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position:-32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position:-48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position:-64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position:-80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position:-96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position:-112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position:-128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position:-144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position:-160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position:-176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position:-192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position:-208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position:-224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position:-240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position:0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position:-16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position:-32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position:-48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position:-64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position:-80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position:-96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position:-112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position:-128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position:-144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position:-160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position:-176px -64px
}

.ui-icon-arrow-4 {
    background-position:0 -80px
}

.ui-icon-arrow-4-diag {
    background-position:-16px -80px
}

.ui-icon-extlink {
    background-position:-32px -80px
}

.ui-icon-newwin {
    background-position:-48px -80px
}

.ui-icon-refresh {
    background-position:-64px -80px
}

.ui-icon-shuffle {
    background-position:-80px -80px
}

.ui-icon-transfer-e-w {
    background-position:-96px -80px
}

.ui-icon-transferthick-e-w {
    background-position:-112px -80px
}

.ui-icon-folder-collapsed {
    background-position:0 -96px
}

.ui-icon-folder-open {
    background-position:-16px -96px
}

.ui-icon-document {
    background-position:-32px -96px
}

.ui-icon-document-b {
    background-position:-48px -96px
}

.ui-icon-note {
    background-position:-64px -96px
}

.ui-icon-mail-closed {
    background-position:-80px -96px
}

.ui-icon-mail-open {
    background-position:-96px -96px
}

.ui-icon-suitcase {
    background-position:-112px -96px
}

.ui-icon-comment {
    background-position:-128px -96px
}

.ui-icon-person {
    background-position:-144px -96px
}

.ui-icon-print {
    background-position:-160px -96px
}

.ui-icon-trash {
    background-position:-176px -96px
}

.ui-icon-locked {
    background-position:-192px -96px
}

.ui-icon-unlocked {
    background-position:-208px -96px
}

.ui-icon-bookmark {
    background-position:-224px -96px
}

.ui-icon-tag {
    background-position:-240px -96px
}

.ui-icon-home {
    background-position:0 -112px
}

.ui-icon-flag {
    background-position:-16px -112px
}

.ui-icon-calendar {
    background-position:-32px -112px
}

.ui-icon-cart {
    background-position:-48px -112px
}

.ui-icon-pencil {
    background-position:-64px -112px
}

.ui-icon-clock {
    background-position:-80px -112px
}

.ui-icon-disk {
    background-position:-96px -112px
}

.ui-icon-calculator {
    background-position:-112px -112px
}

.ui-icon-zoomin {
    background-position:-128px -112px
}

.ui-icon-zoomout {
    background-position:-144px -112px
}

.ui-icon-search {
    background-position:-160px -112px
}

.ui-icon-wrench {
    background-position:-176px -112px
}

.ui-icon-gear {
    background-position:-192px -112px
}

.ui-icon-heart {
    background-position:-208px -112px
}

.ui-icon-star {
    background-position:-224px -112px
}

.ui-icon-link {
    background-position:-240px -112px
}

.ui-icon-cancel {
    background-position:0 -128px
}

.ui-icon-plus {
    background-position:-16px -128px
}

.ui-icon-plusthick {
    background-position:-32px -128px
}

.ui-icon-minus {
    background-position:-48px -128px
}

.ui-icon-minusthick {
    background-position:-64px -128px
}

.ui-icon-close {
    background-position:-80px -128px
}

.ui-icon-closethick {
    background-position:-96px -128px
}

.ui-icon-key {
    background-position:-112px -128px
}

.ui-icon-lightbulb {
    background-position:-128px -128px
}

.ui-icon-scissors {
    background-position:-144px -128px
}

.ui-icon-clipboard {
    background-position:-160px -128px
}

.ui-icon-copy {
    background-position:-176px -128px
}

.ui-icon-contact {
    background-position:-192px -128px
}

.ui-icon-image {
    background-position:-208px -128px
}

.ui-icon-video {
    background-position:-224px -128px
}

.ui-icon-script {
    background-position:-240px -128px
}

.ui-icon-alert {
    background-position:0 -144px
}

.ui-icon-info {
    background-position:-16px -144px
}

.ui-icon-notice {
    background-position:-32px -144px
}

.ui-icon-help {
    background-position:-48px -144px
}

.ui-icon-check {
    background-position:-64px -144px
}

.ui-icon-bullet {
    background-position:-80px -144px
}

.ui-icon-radio-on {
    background-position:-96px -144px
}

.ui-icon-radio-off {
    background-position:-112px -144px
}

.ui-icon-pin-w {
    background-position:-128px -144px
}

.ui-icon-pin-s {
    background-position:-144px -144px
}

.ui-icon-play {
    background-position:0 -160px
}

.ui-icon-pause {
    background-position:-16px -160px
}

.ui-icon-seek-next {
    background-position:-32px -160px
}

.ui-icon-seek-prev {
    background-position:-48px -160px
}

.ui-icon-seek-end {
    background-position:-64px -160px
}

.ui-icon-seek-first, .ui-icon-seek-start {
    background-position:-80px -160px
}

.ui-icon-stop {
    background-position:-96px -160px
}

.ui-icon-eject {
    background-position:-112px -160px
}

.ui-icon-volume-off {
    background-position:-128px -160px
}

.ui-icon-volume-on {
    background-position:-144px -160px
}

.ui-icon-power {
    background-position:0 -176px
}

.ui-icon-signal-diag {
    background-position:-16px -176px
}

.ui-icon-signal {
    background-position:-32px -176px
}

.ui-icon-battery-0 {
    background-position:-48px -176px
}

.ui-icon-battery-1 {
    background-position:-64px -176px
}

.ui-icon-battery-2 {
    background-position:-80px -176px
}

.ui-icon-battery-3 {
    background-position:-96px -176px
}

.ui-icon-circle-plus {
    background-position:0 -192px
}

.ui-icon-circle-minus {
    background-position:-16px -192px
}

.ui-icon-circle-close {
    background-position:-32px -192px
}

.ui-icon-circle-triangle-e {
    background-position:-48px -192px
}

.ui-icon-circle-triangle-s {
    background-position:-64px -192px
}

.ui-icon-circle-triangle-w {
    background-position:-80px -192px
}

.ui-icon-circle-triangle-n {
    background-position:-96px -192px
}

.ui-icon-circle-arrow-e {
    background-position:-112px -192px
}

.ui-icon-circle-arrow-s {
    background-position:-128px -192px
}

.ui-icon-circle-arrow-w {
    background-position:-144px -192px
}

.ui-icon-circle-arrow-n {
    background-position:-160px -192px
}

.ui-icon-circle-zoomin {
    background-position:-176px -192px
}

.ui-icon-circle-zoomout {
    background-position:-192px -192px
}

.ui-icon-circle-check {
    background-position:-208px -192px
}

.ui-icon-circlesmall-plus {
    background-position:0 -208px
}

.ui-icon-circlesmall-minus {
    background-position:-16px -208px
}

.ui-icon-circlesmall-close {
    background-position:-32px -208px
}

.ui-icon-squaresmall-plus {
    background-position:-48px -208px
}

.ui-icon-squaresmall-minus {
    background-position:-64px -208px
}

.ui-icon-squaresmall-close {
    background-position:-80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position:0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position:-16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position:-32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position:-48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position:-64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position:-80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius:3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius:3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius:3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius:3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter:Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius:8px
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action:auto
}

.ps__rail-x {
    height: 15px;
    bottom:0
}

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position:absolute
}

.ps__rail-y {
    width: 15px;
    right:0
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color:transparent
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity:.6
}

.ps__rail-x:focus, .ps__rail-x:hover, .ps__rail-y:focus, .ps__rail-y:hover {
    background-color: #eee;
    opacity:.9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom:2px
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position:absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right:2px
}

.ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height:11px
}

.ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width:11px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow:auto !important
    }
}

@media (-ms-high-contrast: none), screen and(-ms-high-contrast: active) {
    .ps {
        overflow:auto !important
    }
}

.ps-container {
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style:none
}

@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow:auto !important
    }
}

@media (-ms-high-contrast: none), screen and(-ms-high-contrast: active) {
    .ps-container {
        overflow:auto !important
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color:transparent
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity:.9
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height:11px
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity:.9
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width:11px
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height:15px
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    bottom: 2px;
    height:6px
}

.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    height:11px
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width:15px
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    right: 2px;
    width:6px
}

.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    width:11px
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity:.9
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height:11px
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity:.9
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width:11px
}

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity:.6
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity:.9
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color:#999
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity:.9
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color:#999
}

.Scp {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    box-sizing:content-box
}

.Scp-saturation {
    position: relative;
    height: 100%;
    background: linear-gradient(90deg, #fff, red);
    float: left;
    margin-right: 5px;
    border-radius:2px
}

.Scp-brightness {
    width: 100%;
    height: 100%;
    background: linear-gradient(hsla(0, 0%, 100%, 0), #000);
    border-radius:2px
}

.Scp-sbSelector {
    border: 2px solid #fff;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 10px;
    top: -7px;
    left: -7px;
    box-sizing: border-box;
    z-index:10
}

.Scp-hue {
    border-radius: 2px;
    width: 20px;
    height: 100%;
    position: relative;
    float: left;
    background:linear-gradient(red, #f0f 17%, #00f 34%, #0ff 50%, #0f0 67%, #ff0 84%, red)
}

.Scp-hSelector {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 0 1px 1px rgba(0, 0, 0, .1);
    right: -10%;
    width: 120%;
    height: 4px;
    transform: translateY(-50%);
    border-radius:1px
}

body {
    width: 100%;
    -moz-osx-font-smoothing:grayscale
}

.lte8 body {
    min-width:1200px
}

@media only screen and (max-width: 767px) {
    #__bs_notify__ {
        padding: 5px !important;
        font-size: 10px;
        border-radius:0 !important
    }
}

.is-Flexbox {
    display: flex;
    align-items: center;
    justify-content:center
}

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display:none !important
    }
}

html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    min-height:100%
}

@media only screen and (max-width: 767px) {
    html {
        height:auto
    }
}

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

body {
    position: relative;
    padding: 0 0 60px;
    margin: 0;
    max-width: 100%;
    background-color: #fff;
    min-height:100vh
}

@media only screen and (max-width: 767px) {
    body {
        padding:0 0 80px
    }
}

.content-wrapper {
    padding-left: 5px;
    padding-right:5px
}

@media only screen and (min-width: 768px) {
    .content-wrapper {
        padding-left: 10px;
        padding-right:10px
    }
}

@media only screen and (min-width: 992px) {
    .content-wrapper {
        padding-left: 20px;
        padding-right:20px
    }
}

.content-wrapper article {
    padding-left: 10px;
    padding-right:10px
}

@media only screen and (min-width: 768px) {
    .content-wrapper article {
        padding-left: 10px;
        padding-right:10px
    }
}

@media only screen and (min-width: 992px) {
    .content-wrapper article {
        padding-left: 20px;
        padding-right:20px
    }
}

.content-wrapper article.post-type-page {
    margin-top:20px
}

.left-gutter {
    margin-left:5px
}

.right-gutter {
    margin-right:5px
}

.full-height {
    height:100%
}

body {
    -webkit-font-smoothing:antialiased
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Karla, Helvetica, sans-serif;
    color:#0a0b0d
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-bottom: 0;
    margin-top:0
}

h1 {
    font-size:64px
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size:70px
    }
}

h2 {
    font-size: 28px;
    text-align:center
}

@media only screen and (min-width: 768px) {
    h2 {
        font-size:32px
    }
}

h3 {
    font-size:20px
}

h4 {
    font-size:30px
}

h5 {
    font-size:14px
}

h6 {
    font-size:16px
}

p {
    font-size: 15px;
    line-height:1.5
}

@media only screen and (min-width: 768px) {
    p {
        font-size:16px
    }
}

strong {
    font-weight:600
}

a {
    color: #282f37;
    text-decoration:none
}

a:hover {
    color:currentColor
}

sup {
    font-size: 60%;
    font-weight: 700;
    margin-left:1px
}

.main-wrap header.site-header {
    position: relative;
    height: 50px;
    width: 100%;
    background-color: #f5f6f8;
    color:#fff
}

.main-wrap header.site-header .socials {
    display:none
}

@media only screen and (min-width: 992px) {
    .main-wrap header.site-header .socials {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        margin-left: 5px;
        justify-content: center;
        align-items:center
    }

    .main-wrap header.site-header .socials a {
        margin-right:10px
    }

    .main-wrap header.site-header .socials a svg {
        display:block
    }
}

.main-wrap header.site-header .site-logo-wrap {
    position: relative;
    text-align: center;
    height:50px
}

@media only screen and (min-width: 768px) {
    .main-wrap header.site-header .site-logo-wrap {
        height: auto;
        position: absolute;
        top: 50%;
        left: 0;
        transform:translateY(-50%)
    }
}

@media only screen and (min-width: 992px) {
    .main-wrap header.site-header .site-logo-wrap {
        top: 50%;
        left: 50%;
        transform:translateY(-50%) translateX(-50%)
    }
}

.main-wrap header.site-header h1 {
    position: relative;
    z-index: 100;
    font-size: 0;
    text-align: left;
    height:50px
}

.main-wrap header.site-header h1 .logo {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(https://acesseonline-arquivos-publicos.s3.us-east-2.amazonaws.com/logo-email-colorida.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 120px;
    height:50px
}

@media only screen and (min-width: 768px) {
    .main-wrap header.site-header h1 .logo {
        position: relative;
        width: 135px;
        height: 20px;
        top: 50%;
        transform:translateX(-50%) translateY(-50%)
    }
}

.main-wrap header.site-header .login {
    z-index:1039
}

@media only screen and (max-width: 767px) {
    .main-wrap header.site-header .login {
        margin-right: 0;
        background-color:#ddd
    }
}

@media only screen and (min-width: 768px) {
    .main-wrap header.site-header .login {
        position: absolute;
        top: 0;
        right: 0;
        height:50px
    }
}

.main-wrap header.site-header .login .inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align:right
}

.main-wrap header.site-header .login .inner img {
    width: 32px;
    height: 32px;
    margin-right:10px
}

.main-wrap header.site-header .login .inner .btn-secondary {
    display: inline-block;
    padding-left: .8rem;
    margin-right:10px
}

@media only screen and (min-width: 768px) {
    .main-wrap header.site-header .login .inner .btn-secondary.only-mobile {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .main-wrap header.site-header .login .inner .btn-secondary.only-desktop {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .main-wrap header.site-header .login .inner .btn-secondary {
        font-size: 15px;
        margin-right: 0;
        width:25%
    }
}

.main-wrap header.site-header .login .inner .btn-secondary.user {
    padding-top:5px
}

.main-wrap header.site-header .login .inner .btn-secondary span {
    margin-right: 5px;
    margin-top: -2px;
    width: 10.8px;
    height: 11px;
    vertical-align: middle;
    display: inline-block;
    line-height:11px
}

.main-wrap header.site-header .login .inner .btn-secondary span svg {
    width: 10.8px;
    height: 11px;
    fill: transparent;
    stroke:currentColor
}

@media only screen and (max-width: 767px) {
    .main-wrap header.site-header .login .inner .btn-primary {
        display:none
    }
}

.main-wrap header.site-header img.user-img {
    width:115px
}

.main-wrap header.site-header a.user-name {
    font-size:15px
}

@media only screen and (max-width: 767px) {
    .main-wrap header.site-header {
        height: 90px;
        padding-bottom:10px
    }

    .main-wrap header.site-header .login {
        height:40px
    }

    .main-wrap header.site-header .logo-wrap {
        height:50px
    }
}

.main-wrap .logo-wrap {
    height: 50px;
    width: 150px;
    margin-left:10px
}

@media only screen and (min-width: 768px) {
    .main-wrap .logo-wrap {
        width: 199px;
        margin-left:40px
    }
}

.main-wrap .logo-wrap a {
    display: block;
    height:100%
}

.main-wrap .logo-wrap h1 {
    position: relative;
    top: 50%;
    transform:translateY(-50%)
}

.service header {
    position: absolute;
    top: 0;
    right:0
}

.service header .login {
    height: 90px;
    z-index:1039
}

.service header .login .inner {
    position: relative;
    top: 50%;
    transform:translateY(-50%)
}

.service header .login .inner img {
    width: 32px;
    height: 32px;
    margin-right:15px
}

.service header .logo-wrap {
    height:90px
}

.service header a.btn.btn-primary {
    border-width: 0 !important;
    padding:7px
}

.service header a.btn.btn-primary span {
    margin:0
}

footer {
    background: #fff;
    font-size: 14px;
    width: 100%;
    height:80px
}

@media only screen and (min-width: 768px) {
    footer {
        position: absolute;
        bottom:0
    }
}

footer a {
    left: 15px;
    position:absolute
}

footer .copyright {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    font-size: 11px;
    position: relative;
    display: block;
    text-align: center;
    margin-top: 10px;
    right:0
}

footer > div {
    position: relative;
    top: 50%;
    transform:translateY(-50%)
}

footer a {
    position: relative;
    display: block;
    text-align: center;
    left:0
}

footer .blstr-logo {
    width: 100px;
    margin-bottom:20px
}

footer .socials {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:5px
}

footer .socials a {
    padding:0 2px
}

footer .socials a svg {
    display:block
}

footer .footer-links {
    text-align: center;
    margin-right: 0;
    margin-bottom:10px
}

footer .footer-links a {
    display:inline-block
}

footer .footer-links a:not(:last-of-type):after {
    content: "";
    margin: 0 10px;
    display:inline-block
}

.service section.service-footer {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    padding-bottom:15px
}

.service section.service-footer h1 {
    position: relative;
    z-index: 100;
    font-size:0
}

.service section.service-footer h1 .logo {
    background-image: url(https://acesseonline-arquivos-publicos.s3.us-east-2.amazonaws.com/logo-email-colorida.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    width: 150px;
    height:20px
}

.service section.service-footer a {
    display: inline-block;
    vertical-align:middle
}

.service section.service-footer .blstr {
    margin-top: 8px;
    margin-left: 10px;
    width: 83px;
    height: 16px;
    background-image: url();
    display: inline-block;
    opacity: .3;
    position: relative;
    z-index: 100;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:50%
}

.service section.service-footer .service-logo-wrap, .service section.service-footer .site-logo-wrap {
    margin-left: -10px;
    display: block;
    text-align:center
}

.service section.service-footer .copyright {
    bottom: 0;
    font-size: 11px;
    position: relative;
    display: block;
    text-align: center;
    margin-top: 10px;
    right:0
}

.service.luminance-dark .service-footer .logo {
    background-image:url(https://acesseonline-arquivos-publicos.s3.us-east-2.amazonaws.com/logo-email-colorida.png)
}

.mobile-menu__toggle {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #282f37;
    border-radius: 0;
    outline: none;
    overflow: visible;
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 100%;
    right: 0;
    padding: 0 20px;
    width:64px
}

.mobile-menu__toggle, .mobile-menu__toggle i {
    top: 50%;
    transform:translateY(-50%)
}

.mobile-menu__toggle i, .mobile-menu__toggle i:after, .mobile-menu__toggle i:before {
    position: absolute;
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transition-property: transform, background;
    transition-duration: .1;
    transition-timing-function:ease-out
}

.mobile-menu__toggle i:after, .mobile-menu__toggle i:before {
    content: " ";
    top: 0;
    left:0
}

.mobile-menu__toggle i:before {
    transform:translateY(-8px)
}

.mobile-menu__toggle i:after {
    transform:translateY(8px)
}

.is-menu-open .mobile-menu__toggle i {
    background:hsla(0, 0%, 100%, 0)
}

.is-menu-open .mobile-menu__toggle i:before {
    transform:rotate(45deg)
}

.is-menu-open .mobile-menu__toggle i:after {
    transform:rotate(-45deg)
}

.is-menu-open .mobile-menu__toggle i, .is-menu-open .mobile-menu__toggle i:after, .is-menu-open .mobile-menu__toggle i:before {
    transition-duration: .1;
    transition-timing-function:ease-in
}

@media only screen and (min-width: 768px) {
    .mobile-menu__toggle {
        display:none
    }
}

.button {
    position: relative;
    display: block;
    text-align: center;
    outline: 0 !important;
    background-color: #3d444b;
    color: #fff;
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    border: 0;
    border-radius: 8px;
    cursor:pointer
}

.button:hover {
    background-color: #53585f;
    color:#fff
}

.button[disabled] {
    pointer-events: none;
    color: #686d73 !important;
    background-color:#ebeef1 !important
}

@media only screen and (max-width: 767px) {
    .button {
        width:100%
    }
}

.button.fill {
    display: block;
    width:100%
}

.button.inline {
    display:inline-block
}

.button.large {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 24px !important;
    border-radius:12px
}

.button.green {
    background-color:#38e29b
}

.button.green.loading, .button.green:hover {
    background-color:#7aebbc
}

.button.grey {
    background-color: #ebeef1;
    color:#686d73
}

.button.red {
    background-color:#ff1731
}

.button.red.loading, .button.red:hover {
    background-color:#ff4c63
}

.button.purple {
    background-color: #7c41ff;
    color:#fff
}

.button.purple.loading, .button.purple:hover {
    background-color: #a071ff;
    color:#fff
}

.button.black {
    background-color: #0a0b0d;
    color:#fff
}

.button.black.loading, .button.black:hover {
    background-color: #1d2329;
    color:#fff
}

.button.outline {
    background-color: transparent;
    border: 2px solid #3d444b;
    color: #3d444b;
    padding:7px 12px
}

.button.outline:hover {
    color: #fff;
    border-color: #3d444b;
    background-color:#3d444b
}

.button.swish {
    background-color: transparent;
    border: 2px solid #3d444b;
    color: #3d444b;
    padding: 7px 12px;
    z-index: 2;
    overflow:hidden
}

.button.swish:after {
    content: "";
    position: absolute;
    background-color: #3d444b;
    width: 0;
    height: 120%;
    left: -10%;
    bottom: 0;
    transition: all .25s cubic-bezier(.08, .59, .29, .99);
    transform: skewX(15deg);
    z-index:-1
}

.button.swish:hover {
    cursor: pointer;
    opacity: 1 !important;
    color:#fff
}

.button.swish:hover:after {
    left: -10%;
    width:120%
}

.button.clear {
    background-color: transparent;
    color:#3d444b
}

.button.clear:hover {
    background-color:#e9eaeb
}

.btn {
    position: relative;
    outline: 0 !important;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    text-decoration: none;
    display: inline-block;
    line-height:1.5
}

.btn, .btn:focus, .btn:hover {
    color:#282f37
}

.btn[disabled] {
    pointer-events:none
}

.btn-swish {
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 2;
    background:transparent !important
}

.btn-swish, .btn-swish:after {
    transition:all .25s cubic-bezier(.08, .59, .29, .99)
}

.btn-swish:after {
    position: absolute;
    content: "";
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    height: 120%;
    left: -10%;
    transform: skewX(15deg);
    z-index:-1
}

.btn-swish:hover {
    cursor: pointer;
    opacity:1 !important
}

.btn-swish:hover:after {
    left: -10%;
    width:120%
}

.btn-swish.btn-inverted {
    background-color:transparent !important
}

.btn-swish.btn-inverted:after {
    left: -10%;
    width:120%
}

.btn-swish.btn-inverted:hover:after {
    left: 110%;
    width:0
}

.btn-primary {
    background-color:transparent
}

.btn-primary:hover {
    color:#fff
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus {
    box-shadow: none;
    color:#fff
}

.btn-primary:disabled, .btn-primary:disabled:hover {
    color:#fff
}

.btn-default {
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: #ebeef1;
    border:2px solid #ebeef1
}

.btn-default:hover {
    opacity:.7
}

.btn-secondary, .btn-secondary:hover {
    color: #fff;
    background-color: transparent;
    border-color:#fff
}

.btn-secondary.active, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary.focus, .btn-secondary:active, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:focus {
    box-shadow: none;
    color: #fff;
    background-color: transparent;
    border-color:#fff
}

.btn-secondary.active.focus:after, .btn-secondary.active:focus:after, .btn-secondary.active:hover:after, .btn-secondary.focus:after, .btn-secondary:active.focus:after, .btn-secondary:active:focus:after, .btn-secondary:active:hover:after, .btn-secondary:focus:after {
    opacity:.4
}

.btn-secondary:disabled, .btn-secondary:disabled:hover {
    color:#fff
}

.btn-link, .btn-link:focus, .btn-link:hover {
    text-decoration:none
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background:#38e29b
}

.bootstrap-switch {
    border:2px solid #38e29b
}

.dismissable {
    z-index: 10000000;
    display:none
}

.message {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    color: #fff;
    font-weight: 700;
    z-index:10003
}

.message.show {
    display: block;
    background:#38e29b
}

.message span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 18px;
    width: 80%;
    text-align:center
}

.message[data-message-type=success] {
    background:#38e29b
}

.message[data-message-type=error] {
    background:#ff1731
}

.message__form {
    position: relative;
    display: block;
    max-width:100%
}

.message__form label {
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: 30px;
    margin-bottom:0
}

.message__form label > span {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 300;
    line-height: 32px;
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: border-bottom-color .2s ease-in-out;
    cursor: text;
    pointer-events:none
}

.message__form label > span span {
    transform-origin: 0 50%;
    transition: transform .2s ease-in-out;
    cursor:text
}

.message__form label.error {
    color:#ff1731
}

.message__form label.error > span {
    color: #ff1731;
    border-bottom-color:#ff1731 !important
}

.message__form label.error .field {
    color:#ff1731
}

.message__form label .field.is-focused + span span, .message__form label .field:not(.is-empty) + span span {
    transform: scale(.68) translateY(-31px);
    cursor:default
}

.message__form label .field.is-focused + span {
    border-bottom-color:#38e29b
}

.message__form label .field {
    background: transparent;
    font-weight: 300;
    border: 0;
    color: #282f37;
    outline: none;
    cursor: text;
    display: block;
    width: 100%;
    line-height: 32px;
    padding-bottom: 3px;
    transition:opacity .2s ease-in-out
}

.message__form label .field::-webkit-input-placeholder {
    color:#888
}

.message__form label .field::-moz-placeholder {
    color:#888
}

.message__form label .field:-ms-input-placeholder {
    color:#424770
}

.message__form label .field.is-empty:not(.is-focused) {
    opacity:0
}

.message__form [data-active-input-error] {
    display: block;
    max-height: 0;
    overflow: hidden;
    position: relative;
    background-color: #ff4c63;
    color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 12px;
    transition: max-height .25s cubic-bezier(.08, .59, .29, .99), padding .25s cubic-bezier(.08, .59, .29, .99);
    padding: 0 10px;
    line-height:20px
}

.message__form [data-active-input-error].active {
    max-height: 100px;
    padding:5px 10px
}

.message__form [data-active-input-error] li, .message__form [data-active-input-error] ul {
    padding: 0;
    margin:0
}

.tip {
    position: relative;
    z-index: 10001;
    text-align: center;
    background-color: #1f2d3d;
    color: #f4f4f4;
    font-size: 16px;
    border-radius: 8px;
    padding: 16px 16px 24px;
    width: 100%;
    max-width: 320px;
    left: 50%;
    transform:translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .tip {
        max-width: none;
        width:100%
    }
}

.tip-small {
    max-width:240px
}

.tip:before {
    display: block;
    width: 100%;
    height:10px
}

.tip:after, .tip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform:translateX(-50%)
}

.tip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom:10px solid #1f2d3d
}

.tip a {
    color: #f4f4f4;
    text-decoration:underline
}

.tip a:hover {
    text-decoration:none
}

.tip a[data-close] {
    transition: all .25s cubic-bezier(.08, .59, .29, .99);
    display: block;
    text-transform: uppercase;
    position: absolute;
    bottom: 7px;
    right: 7px;
    color: #fff;
    opacity: .5;
    text-shadow: 0;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    text-shadow: none !important;
    letter-spacing:.03em
}

.tip a[data-close]:hover {
    opacity:1
}

.tip a[data-close]:after {
    content: "Got it";
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-left:5px
}

.tip.bottom:before {
    display: block;
    top: -10px;
    width: 100%;
    height:10px
}

.tip.bottom:after, .tip.bottom:before {
    content: "";
    position: absolute;
    left: 50%;
    transform:translateX(-50%)
}

.tip.bottom:after {
    bottom: -15px;
    top: auto;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #1f2d3d;
    border-bottom:none
}

.tip.affiliate {
    position: absolute;
    box-shadow: 0 2px 5px #333;
    font-weight: 300;
    font-size: 14px;
    z-index: 10000;
    padding: 10px 6px;
    left: auto;
    transform:none
}

.tip.affiliate .text-section {
    padding:0 10px 16px
}

.tip.affiliate .button-section {
    cursor:pointer
}

.tip.affiliate .button-section a {
    text-decoration: none !important;
    opacity: .8;
    transition:opacity .2s ease-in-out
}

.tip.affiliate .button-section a:hover {
    opacity:1
}

.tip.affiliate .button-section .tip-answer-yes {
    border: 1px solid #cfcfcf;
    background-color: transparent;
    border-radius: 2px;
    margin-right: 5px;
    color: #dfdfdf;
    padding: 3px 8px;
    letter-spacing: .5px;
    text-decoration:none !important
}

.tip.affiliate .button-section .tip-answer-no {
    opacity: .6;
    border: none;
    background-color: transparent;
    color: #fff;
    margin-left: 10px;
    letter-spacing: .5px;
    text-decoration:none
}

.tip.affiliate.eligible {
    top: -115px;
    left: 17px;
    width:260px
}

.tip.affiliate {
    width: 300px;
    top: -103px;
    right:0
}

@media (max-width: 399px) {
    .tip.affiliate:after {
        left:43px
    }
}

@media (min-width: 400px) {
    .tip.affiliate {
        right:77px
    }
}

@media only screen and (min-width: 768px) {
    .tip.affiliate {
        top: -93px;
        left:16px
    }
}

.tip.affiliate .button-section a:first-child {
    padding:3px 16px
}

.tippy-tooltip[data-animation=fade][data-state=hidden] {
    opacity:0
}

.tippy-iOS {
    cursor: pointer !important;
    -webkit-tap-highlight-color:transparent
}

.tippy-popper {
    pointer-events: none;
    max-width: calc(100vw - 10px);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-property:transform
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    background-color: #333;
    transition-property: visibility, opacity, transform;
    outline:0
}

.tippy-tooltip[data-placement^=top] > .tippy-arrow {
    border-width: 8px 8px 0;
    border-top-color: #333;
    margin: 0 3px;
    transform-origin: 50% 0;
    bottom:-7px
}

.tippy-tooltip[data-placement^=bottom] > .tippy-arrow {
    border-width: 0 8px 8px;
    border-bottom-color: #333;
    margin: 0 3px;
    transform-origin: 50% 7px;
    top:-7px
}

.tippy-tooltip[data-placement^=left] > .tippy-arrow {
    border-width: 8px 0 8px 8px;
    border-left-color: #333;
    margin: 3px 0;
    transform-origin: 0 50%;
    right:-7px
}

.tippy-tooltip[data-placement^=right] > .tippy-arrow {
    border-width: 8px 8px 8px 0;
    border-right-color: #333;
    margin: 3px 0;
    transform-origin: 7px 50%;
    left:-7px
}

.tippy-tooltip[data-interactive][data-state=visible] {
    pointer-events:auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function:cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    position: absolute;
    border-color: transparent;
    border-style:solid
}

.tippy-content {
    padding:5px 9px
}

.tooltip-template {
    display:none
}

.tippy-content {
    padding:0 !important
}

.tippy-tooltip.toplnk-theme {
    background-color: #0a0b0d;
    border-radius: 8px;
    padding:12px 0 0
}

.tippy-tooltip.toplnk-theme[data-placement^=top] .tippy-arrow {
    border-top-color:#0a0b0d
}

.tippy-tooltip.toplnk-theme[data-placement^=bottom] .tippy-arrow {
    border-bottom-color:#0a0b0d
}

.tippy-tooltip.toplnk-theme .tooltip-content {
    padding:0 16px
}

.tippy-tooltip.toplnk-theme .tooltip-content p > a {
    display: initial;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    height: auto;
    text-decoration: underline;
    color:#bec1c3
}

.tippy-tooltip.toplnk-theme .tooltip-content:last-child {
    padding-bottom:12px
}

.tippy-tooltip.toplnk-theme .tooltip-content:last-child p {
    margin-bottom:0
}

.tippy-tooltip.toplnk-theme .tooltip-buttons {
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #1d2329;
    display: flex;
    flex-direction: row;
    overflow:hidden
}

.tippy-tooltip.toplnk-theme b, .tippy-tooltip.toplnk-theme strong {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.67;
    color: #fff;
    margin-bottom:4px
}

.tippy-tooltip.toplnk-theme p {
    font-size: 12px;
    line-height: 1.67;
    color: #bec1c3;
    margin-bottom: 14px;
    margin-top:0
}

.tippy-tooltip.toplnk-theme a:hover {
    text-decoration:underline
}

.tippy-tooltip.toplnk-theme a, .tippy-tooltip.toplnk-theme button {
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    background-color: #0a0b0d;
    color: #fff;
    cursor: pointer;
    transition:background-color .2s ease-in-out
}

.tippy-tooltip.toplnk-theme a:hover, .tippy-tooltip.toplnk-theme button:hover {
    background-color:#1d2329
}

[data-popper] {
    z-index:10001
}

[data-popper-visible=true] {
    opacity: 1;
    visibility:visible
}

[data-popper-visible=false] {
    opacity: 0;
    visibility: hidden;
    pointer-events:none
}

[data-popper-animation=fade] {
    transition:.2s ease-in-out
}

[data-popper-theme=interface] {
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
    color: #686d73;
    font-size: 14px;
    min-width:230px
}

[data-popper-theme=interface] ul {
    list-style: none;
    padding: 0;
    margin:0
}

[data-popper-theme=interface] ul li {
    padding: 8px 16px 8px 12px;
    border-radius: 4px;
    cursor:pointer
}

[data-popper-theme=interface] ul li:hover {
    color: #4f29cc;
    background-color:#eee8ff
}

[data-popper-theme=interface] ul li:not(:last-child) {
    margin-bottom:8px
}

#HW_frame_cont {
    display:none
}

@media only screen and (min-width: 768px) {
    #HW_frame_cont {
        z-index: 10001 !important;
        left: 70px !important;
        display:block
    }
}

section.plans {
    background-color: #fff;
    border-left: 0;
    border-top: 0;
    position: relative;
    padding: 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom:160px
}

@media only screen and (min-width: 768px) {
    section.plans {
        flex-direction:row
    }
}

section.plans > section {
    flex: 1;
    text-align: left;
    padding: 0 26.66667px 40px;
    background-color: #fff;
    overflow:auto
}

@media only screen and (min-width: 768px) {
    section.plans > section {
        padding:0 60px 80px
    }

    section.plans > section:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius:8px
    }

    section.plans > section:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius:8px
    }
}

section.plans section.free {
    border-top: 5px solid transparent;
    border-right:1px solid #f5f6f8
}

section.plans section.pro {
    border-top:5px solid #38e29b
}

section.plans section.pro ul svg {
    fill:#00d775
}

section.plans h3 {
    margin: 40px 0 0;
    text-align: left;
    font-weight:700
}

@media only screen and (min-width: 768px) {
    section.plans h3 {
        margin:60px 0 0
    }
}

section.plans ul {
    list-style: none;
    padding-left:20px
}

@media only screen and (min-width: 768px) {
    section.plans ul {
        padding-left:0
    }
}

section.plans ul li {
    position: relative;
    margin-bottom:.5em
}

section.plans ul svg {
    position: absolute;
    top: 7px;
    left: -25px;
    fill:#a9abaf
}

@media only screen and (max-width: 767px) {
    section.plans .btn {
        width:100%
    }
}

section.plans a:not(.button) {
    opacity: .5;
    padding: .5em 0;
    display: block;
    border-top: 2px solid transparent;
    border-bottom:2px solid transparent
}

section.plans .desc h3 {
    margin-top: 2em !important;
    margin-bottom: 0 !important;
    font-size:30px !important
}

section.plans .desc p {
    margin-top: .25em;
    font-size:1.2em
}

section.plans .price {
    font-weight:700
}

section.plans .price .cur {
    font-style: normal;
    line-height: 4em;
    vertical-align:top
}

section.plans .price .val {
    font-size:4em
}

section.plans .features p {
    margin-top: 2em;
    font-size: 1.2em;
    font-weight:700
}

section.plans .features svg {
    height: 10.5px;
    width:15px
}

@media print {
    body {
        background:#fff
    }

    a, h1, h2, h3, h4, h5, li, p {
        color:#000
    }
}

.sidebar-logo-wrap {
    top: 20px;
    display:block
}

.secondary.admin.has-toolbar, .sidebar-logo-wrap {
    transition:all .2s cubic-bezier(.08, .59, .29, .99)
}

.banner--error {
    background-color:#ffe2e5 !important
}

.banner--error-text {
    color: #cc0e1f;
    -webkit-text-decoration-color: #cc0e1f;
    text-decoration-color: #cc0e1f;
    text-decoration:underline
}

.banner {
    color: #323232;
    background-color: #ffe2e5;
    min-height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    line-height: 1;
    border-bottom:1px solid #d7dce1
}

@media only screen and (max-width: 767px) {
    .banner {
        font-size:12px
    }
}

.banner .banner__inner {
    text-decoration: none !important;
    line-height: 1.4;
    padding: 0 24px;
    width: 100%;
    display: flex;
    align-items:center
}

.banner .banner__inner > :not(:last-child) {
    margin-right:8px
}

@media only screen and (max-width: 767px) {
    .banner .banner__inner {
        display: block;
        padding:15px 50px 15px 15px
    }
}

.banner--login .banner__inner {
    justify-content:center
}

.banner--admin {
    padding: 0;
    z-index: 1000000;
    transition: all .2s cubic-bezier(.08, .59, .29, .99);
    overflow:hidden
}

@media only screen and (min-width: 768px) {
    .banner--admin {
        height: 0;
        margin-left:64px
    }
}

.banner__close {
    width: 70px;
    height: 64px;
    z-index: 100000;
    display: block;
    position: absolute;
    padding-right: 30px;
    padding-top: 15px;
    right: 0;
    color: #fff;
    font-size: 20px;
    top: 0;
    text-align: right;
    cursor:pointer
}

@media only screen and (max-width: 767px) {
    .banner__close {
        padding-right:20px
    }
}

.cta-button {
    background: transparent;
    border: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-weight:700
}

.cta-button:focus {
    outline:none
}

.banner-tooltip, .support-icon {
    display: inline-block;
    line-height: 0;
    vertical-align:text-bottom
}

.banner-tooltip svg, .support-icon svg {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    border:1px solid grey
}

@media only screen and (min-width: 768px) {
    body.slide-down-admin .body__inner {
        position:relative
    }

    body.slide-down-admin .banner--admin {
        height:64px
    }

    body.slide-down-admin .secondary.admin.has-toolbar {
        top:64px
    }

    body.slide-down-admin section.main.admin, body.slide-down-admin section.secondary.admin {
        height: calc(100vh - 64px) !important;
        min-height:calc(100vh - 64px) !important
    }

    body.slide-down-admin--ig-auth-warning.slide-down-admin--email-verification .secondary.admin.has-toolbar {
        top:128px
    }

    body.slide-down-admin--ig-auth-warning.slide-down-admin--email-verification section.main.admin, body.slide-down-admin--ig-auth-warning.slide-down-admin--email-verification section.secondary.admin {
        height: calc(100vh - 128px) !important;
        min-height:calc(100vh - 128px) !important
    }
}

.donation_banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    z-index: 1000;
    padding: 16px;
    min-height: 56px;
    color: #fff;
    cursor:pointer
}

.donation_banner:after {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    line-height: 1 !important;
    transition: opacity .2s ease-in-out .2s;
    text-align:center
}

.donation_banner--open {
    cursor:default
}

.donation_banner--open:after {
    opacity: 0;
    transition:opacity .2s ease-in-out
}

.donation_banner--open .donation_banner {
    transition:max-width .2s ease-in-out .4s, padding .2s ease-in-out .4s
}

.donation_banner--open .donation_banner__toggle {
    transform: rotate(0);
    pointer-events:auto
}

.donation_banner--open .donation_banner__collapsible {
    transition:max-height .2s ease-in-out .2s, max-width .2s ease-in-out .4s
}

.donation_banner__toggle {
    height: 24px;
    width: 24px;
    margin-left: auto;
    position: absolute;
    right: 16px;
    top: 16px;
    transform: rotate(180deg);
    pointer-events: none;
    cursor: pointer;
    transition:transform .2s ease-in-out .2s
}

.donation_banner__toggle.active .chevron {
    display:none
}

.donation_banner__toggle.active .cross, .donation_banner__toggle:not(.active) .chevron {
    display:block
}

.donation_banner__toggle:not(.active) .cross {
    display:none
}

.donation_banner__toggle svg {
    height: 24px;
    width:24px
}

.donation_banner__toggle svg, .donation_banner__toggle svg path {
    fill:#888
}

.donation_banner__collapsible {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out;
    max-width: 680px;
    margin:0 auto
}

.donation_banner__inner {
    min-height: 48px;
    height: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    align-items: center;
    transition:margin-top .2s ease-in-out, margin-bottom .2s ease-in-out
}

.donation_banner__slide {
    overflow: hidden;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    transition:margin .2s ease-in-out
}

.donation_banner__iframe {
    margin-top:0
}

.donation_banner__logo {
    border-radius: 50%;
    display: block;
    background-color: #fff;
    margin-bottom:8px
}

.donation_banner__content {
    max-width: 358px;
    padding: 0 16px;
    text-align:center
}

.donation_banner:after, .donation_banner__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing:-.32px
}

.donation_banner__message {
    opacity: .75;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -.28px;
    margin:8px 0 24px
}

.donation_banner__cta {
    width: 100%;
    color: #000;
    text-align:center
}

.donation_banner__cta .btn, .donation_banner__cta .cta {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
    display: block;
    text-transform: uppercase;
    padding: 16px 0;
    border-radius: 12px;
    color: #000;
    background-color: #fff;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.32px;
    text-decoration:none
}

.donation_banner--preview .donation_banner__cta {
    pointer-events:none
}

.preview .preview-wrap .donation_banner {
    position: absolute;
    bottom: 20px;
    left: 17px;
    right:17px
}

.service:not(.is-mobile) .donation_banner--profile .service:not(.is-mobile) .donation_banner__slide {
    flex-direction:row
}

.service:not(.is-mobile) .donation_banner--profile .service:not(.is-mobile) .donation_banner__logo {
    height: 80px;
    width: 80px;
    margin-bottom:0
}

.service:not(.is-mobile) .donation_banner--profile .service:not(.is-mobile) .donation_banner__content {
    text-align:left
}

.service:not(.is-mobile) .donation_banner--profile .service:not(.is-mobile) .donation_banner__message {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -.32px;
    margin:4px 0 0
}

.service:not(.is-mobile) .donation_banner--profile .service:not(.is-mobile) .donation_banner__cta {
    max-width:192px
}

.coupon-banner {
    position: absolute;
    top: -48px;
    left: 0;
    right: 0;
    height: 48px;
    background: #000;
    color:#fff
}

@media only screen and (max-width: 400px) {
    .coupon-banner {
        display: flex;
        justify-content: center;
        top: -80px;
        height:80px
    }
}

.coupon-banner__box {
    text-align: center;
    padding: 12px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #bec1c3;
    align-content:center
}

.coupon-banner__flex-break {
    flex-basis: 100%;
    height: 0;
    display:none
}

@media only screen and (max-width: 400px) {
    .coupon-banner__flex-break .coupon-banner__flex-break {
        display:unset
    }
}

.coupon-banner__duration-label {
    text-transform: capitalize;
    font-weight: 600;
    padding-left: 36px;
    padding-right: 8px;
    color: #fff;
    background:url(https://d1qr63pinnvtia.cloudfront.net/assets/ba751f9298291f7c687075ee941ff4e9caa4b943/images/icon-coupon.svg) 0 0 no-repeat
}

body[data-has-coupon] {
    margin-top:48px !important
}

@media only screen and (max-width: 400px) {
    body[data-has-coupon] {
        margin-top:80px !important
    }
}

body[data-has-coupon] .admin-sidebar.sidebar {
    height: calc(100vh - 48px);
    top:48px !important
}

@media only screen and (max-width: 400px) {
    body[data-has-coupon] .admin-sidebar.sidebar {
        height: calc(100vh - 80px);
        top:80px !important
    }
}

.img-circle {
    border-radius:50%
}

@media (min-width: 544px) {
    .container {
        max-width:576px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:940px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

.service.theme .user-profile__social-icon {
    fill: #FFF;
    width: 32px;
    height: 32px;
}

.service.theme .video-button .close-icon {
    background-color: hsla(0, 0%, 100%, .5) !important;
}        

.video-button .video-wrapper .close-icon {
    position: absolute !important;
    bottom: 8px !important;
    left: calc(50% - 16px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px;
    border-radius: 100% !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: background-color .2s ease-in-out !important;
}