* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:root {
    --icon-arrow-down: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%20width%3D%2233%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9.97288536%2013h13.05422924c.9388841%200%201.7.7611159%201.7%201.6999999%200%20.4371865-.1684289.8575675-.4702956%201.1738087l-6.3101079%206.6105893c-.7626785.7989965-2.0286661.8284381-2.8276626.0657596l-.0657596-.0657596-6.31010792-6.6105893c-.64827665-.6791469-.62325132-1.7552364.05589566-2.403513.31624123-.3018667.73662228-.4702956%201.17380872-.4702956z%22%20fill%3D%22%23323039%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    --icon-tick: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.45%206.64a1.5%201.5%200%200%201%202.27%201.96l-.1.12-5.93%206.17c-.5.53-1.32.6-1.91.21l-.12-.08-2.9-2.35a1.5%201.5%200%200%201%201.78-2.42l.11.09%201.83%201.48z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    --icon-menu: url("data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%201%2010%208%22%20viewBox%3D%220%201%2010%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%201v.9h10v-.9zm0%203.6v.9h10v-.9zm0%203.5v.9h10v-.9z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    --icon-logo: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2010%2010%22%20enable-background%3D%22new%200%200%2010%2010%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7.1%2C8L7.1%2C8C8.8%2C7.3%2C10%2C5.9%2C10%2C4.3C10%2C2%2C7.8%2C0.1%2C5%2C0.1S0%2C2%2C0%2C4.3s2.2%2C4.1%2C5%2C4.1l0%2C0l0%2C0c0%2C0%2C0.7%2C1.5%2C2.5%2C1.5c0.2%2C0%2C0.8%2C0%2C1.5-0.3C8.9%2C9.5%2C7.6%2C9.5%2C7.1%2C8z%22%2F%3E%3C%2Fsvg%3E");
    --icon-lock: url("data:image/svg+xml;charset=utf8,%3Csvg%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M400%20224h-24v-72C376%2068.2%20307.8%200%20224%200S72%2068.2%2072%20152v72H48c-26.5%200-48%2021.5-48%2048v192c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V272c0-26.5-21.5-48-48-48zm-104%200H152v-72c0-39.7%2032.3-72%2072-72s72%2032.3%2072%2072v72z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    --icon-lock-footer: url("data:image/svg+xml;charset=utf8,%3Csvg%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%239f9f9f%22%20d%3D%22M400%20224h-24v-72C376%2068.2%20307.8%200%20224%200S72%2068.2%2072%20152v72H48c-26.5%200-48%2021.5-48%2048v192c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V272c0-26.5-21.5-48-48-48zm-104%200H152v-72c0-39.7%2032.3-72%2072-72s72%2032.3%2072%2072v72z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    --icon-battery: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2307bf0e%22%20d%3D%22m15%204v6h-13v-6zm1%204.5h1v-3h-1v-2.25q0-.109-.07-.18t-.18-.07h-14.5q-.109%200-.18.07t-.07.18v7.5q0%20.109.07.18t.18.07h14.5q.109%200%20.18-.07t.07-.18zm2-3v3q0%20.414-.293.707t-.707.293v1.25q0%20.516-.367.883t-.883.367h-14.5q-.516%200-.883-.367t-.367-.883v-7.5q0-.516.367-.883t.883-.367h14.5q.516%200%20.883.367t.367.883v1.25q.414%200%20.707.293t.293.707z%22%2F%3E%3C%2Fsvg%3E");
    --icon-wifi: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20640%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m634.91%20154.88c-177.17-163.87-452.72-163.81-629.82%200-6.66%206.16-6.79%2016.59-.35%2022.98l34.24%2033.97c6.14%206.1%2016.02%206.23%2022.4.38%20145.92-133.68%20371.3-133.71%20517.25%200%206.38%205.85%2016.26%205.71%2022.4-.38l34.24-33.97c6.43-6.39%206.3-16.82-.36-22.98zm-314.91%20197.12c-35.35%200-64%2028.65-64%2064s28.65%2064%2064%2064%2064-28.65%2064-64-28.65-64-64-64zm202.67-83.59c-115.26-101.93-290.21-101.82-405.34%200-6.9%206.1-7.12%2016.69-.57%2023.15l34.44%2033.99c6%205.92%2015.66%206.32%2022.05.8%2083.95-72.57%20209.74-72.41%20293.49%200%206.39%205.52%2016.05%205.13%2022.05-.8l34.44-33.99c6.56-6.46%206.33-17.06-.56-23.15z%22%2F%3E%3C%2Fsvg%3E");
    --icon-chevron-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20width%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.648%206.852-5.797%205.797q-.148.148-.352.148t-.352-.148l-1.297-1.297q-.148-.148-.148-.352t.148-.352l4.148-4.148-4.148-4.148q-.148-.148-.148-.352t.148-.352l1.297-1.297q.148-.148.352-.148t.352.148l5.797%205.797q.148.148.148.352t-.148.352z%22%20fill%3D%22%230af%22%2F%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: linear
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: linear
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: linear
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show-text {
    from {
        max-width: 0;
        opacity: 0
    }

    to {
        max-width: 70%;
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(-180deg)
    }

    to {
        -webkit-transform: rotate(180deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-zoom {
    from {
        -webkit-transform: rotate(-180deg) scale(2)
    }

    to {
        -webkit-transform: rotate(180deg) scale(2)
    }
}

@keyframes rotate-zoom {
    from {
        transform: rotate(0deg) scale(2)
    }

    to {
        transform: rotate(360deg) scale(2)
    }
}

.loading {
    animation: rotate 2s linear infinite;
    pointer-events: none
}

@-webkit-keyframes jump {
    0% {
        bottom: 0
    }

    20% {
        bottom: 5px
    }

    40% {
        bottom: 0
    }
}

@keyframes jump {
    0% {
        bottom: 0
    }

    20% {
        bottom: 5px
    }

    40% {
        bottom: 0
    }
}

@-webkit-keyframes progress-circle-short {
    0% {
        border-width: 0
    }

    100% {
        border-width: 10px
    }
}

@keyframes progress-circle-short {
    0% {
        border-width: 0
    }

    100% {
        border-width: 10px
    }
}

@-webkit-keyframes progress-circle-delay {
    0%,70% {
        border-width: 0
    }

    100% {
        border-width: 10px
    }
}

@keyframes progress-circle-delay {
    0%,70% {
        border-width: 0
    }

    100% {
        border-width: 10px
    }
}

@-webkit-keyframes progress-bar-to-middle {
    from {
        width: 0
    }

    to {
        width: 49%
    }
}

@keyframes progress-bar-to-middle {
    from {
        width: 0
    }

    to {
        width: 49%
    }
}

@-webkit-keyframes progress-bar-to-end {
    from {
        width: 50%
    }

    to {
        width: 98%
    }
}

@keyframes progress-bar-to-end {
    from {
        width: 50%
    }

    to {
        width: 98%
    }
}

.choices {
    position: relative;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid silver;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*=select-one] .choices__button:hover,.choices[data-type*=select-one] .choices__button:focus {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #0af
}

.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #08c;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=text] .choices__button:hover,.choices[data-type*=text] .choices__button:focus {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: var(--icon-arrow-down) no-repeat right 15px center/20px;
    border-radius: 10px;
    font-size: 1em;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #e7e9f0,0 1px 3px 0 rgba(6,13,64,.1)
}

.choices__inner:hover {
    box-shadow: inset 0 0 0 1px #e2e4ed,0 3px 5px 0 rgba(6,13,64,.1)
}

.choices__inner:active {
    box-shadow: inset 0 0 0 1px #d6d9e5,0 1px 3px 0 rgba(6,13,64,.1)
}

.is-open .choices__inner {
    border-radius: 10px 10px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 10px 10px
}

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

.choices__list--single {
    display: inline-block;
    width: 100%;
    padding: 10px 20px 10px 14px;
    box-sizing: border-box
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: .8em;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #0af;
    border: 1px solid #0099e6;
    color: #fff;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #0099e6
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #e7e9f0,0 1px 3px 0 rgba(6,13,64,.1);
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--dropdown.is-active {
    display: block
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 320px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    padding: 9px 14px;
    font-size: .875em
}

@media(min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right:100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: .875em;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    color: #fff;
    background-color: #0af
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__list--single .choices__item,.choices__list--dropdown .choices__item {
    position: relative
}

.choices__list--single .choices__item[data-value^='+'],.choices__list--dropdown .choices__item[data-value^='+'] {
    position: relative;
    padding-left: 42px
}

.choices__list--single .choices__item[data-value^='+']::before,.choices__list--dropdown .choices__item[data-value^='+']::before {
    position: absolute;
    top: 11px;
    left: 15px;
    width: 20px;
    height: 15px;
    background: center/contain no-repeat;
    content: "";
    display: inline-block;
    pointer-events: none;
    border-radius: 4px
}

.choices__list--single .choices__item[data-value^='+1']::before,.choices__list--dropdown .choices__item[data-value^='+1']::before {
    background-image: url(/img/flags/US.svg)
}

.choices__list--single .choices__item[data-value^='+44']::before,.choices__list--dropdown .choices__item[data-value^='+44']::before {
    background-image: url(/img/flags/GB.svg)
}

.choices__list--single .choices__item[data-value^='+55']::before,.choices__list--dropdown .choices__item[data-value^='+55']::before {
    background-image: url(/img/flags/BR.svg)
}

.choices__list--single .choices__item[data-value^='+32']::before,.choices__list--dropdown .choices__item[data-value^='+32']::before {
    background-image: url(/img/flags/BE.svg)
}

.choices__list--single .choices__item[data-value^='+'] {
    padding-left: 27px
}

.choices__list--single .choices__item[data-value^='+']::before {
    top: 3px;
    left: 1px
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    font-weight: 500;
    cursor: pointer
}

.choices__item--disabled {
    pointer-events: none
}

.choices__item--disabled,.choices__heading {
    font-size: .875em;
    font-weight: 700;
    padding: 10px 14px!important;
    background: #fafafa;
    user-select: none;
    cursor: default;
    box-shadow: inset 0 0 0 1px #e7e9f0
}

.choices__group+.choices__item--disabled {
    display: none
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #fff;
    font-size: 1em;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

.choices__placeholder {
    opacity: .5
}

.choices__input.is-hidden,.choices[data-type*=select-one] .choices__input.is-hidden,.choices[data-type*=select-multiple] .choices__input.is-hidden {
    display: none
}























html,button,input[type=text],input[type=tel],input[type=datetime-local],input[type=email],input[type=number],input[type=submit],button[type=submit],select,textarea {
    color: #34333b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

img {
    vertical-align: middle
}

a {
    text-decoration: none
}

a[href^=tel] {
    color: inherit;
    text-decoration: inherit
}

p,.main .breadcrumb,li,td {
    color: #43464d;
    line-height: 1.5
}

p a:hover,.main .breadcrumb a:hover,p a:active,.main .breadcrumb a:active,li a:hover,li a:active,td a:hover,td a:active {
    text-decoration: underline
}

sup {
    font-size: .75em;
    vertical-align: text-top;
    padding-left: .15em
}

b,strong {
    font-weight: 600
}

h1[class*=icon],h2[class*=icon] {
    display: flex;
    align-items: center
}

h1[class*=icon]::before,h2[class*=icon]::before {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background: no-repeat center/contain;
    border-radius: 20px;
    margin-right: .4em;
    display: inline-flex;
    content: ""
}

h1[class*=icon] span,h2[class*=icon] span {
    margin-right: .25em;
    display: contents
}

h1 {
    font-size: 1.4em;
    margin: .67em 0;
    padding: 0 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500
}

h1.icon-tick::before {
    background-color: #07bf0e;
    background-color: color(display-p3 0.0274 0.749 0.0549);
    background-image: var(--icon-tick)
}

h1.icon-cross::before {
    background-color: #ff0046;
    background-color: color(display-p3 1 0 0.2745);
    background-image: url(/img/icons/cross.svg);
    background-size: 50%
}

h1.icon-clock::before {
    background-color: #0af;
    background-color: color(display-p3 0 0.6666 1);
    background-image: url(/img/icons/clock.svg);
    background-size: 65%
}

h1[class*=icon].black::before {
    background-color: #000
}

h2.icon-track::before {
    background-color: #2a2b31;
    background-image: url(/img/icons/track.svg);
    background-size: 55%
}

h2.icon-refund::before {
    background-color: #2a2b31;
    background-image: url(/img/icons/refund.svg);
    background-size: 60%
}

h2.icon-shield::before {
    background-color: #2a2b31;
    background-image: url(/img/icons/shield.svg);
    background-size: 56%
}

h2,h3 {
    font-size: 1.3em;
    margin: 1em 0 .9em;
    padding: 0 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500
}

h3 {
    font-size: 1.15em
}

p,.main .breadcrumb {
    margin: 1em 0;
    padding: 0 15px
}

p.smaller,.main .smaller.breadcrumb,p.smaller-mobile-only,.main .smaller-mobile-only.breadcrumb {
    font-size: .8em
}

p.italic,.main .italic.breadcrumb {
    color: #87898c;
    font-size: .75em;
    font-style: italic
}

table {
    position: relative;
    margin: 1.25em 0 1.25em 15px;
    border-top: 4px solid #0af;
    border-top-color: color(display-p3 0 0.6666 1);
    background: #f3f3f3
}

@media(max-width: 1039px) {
    table {
        margin-right:15px;
        width: calc(100% - 30px)
    }
}

table tr:nth-child(even) {
    background-color: rgba(255,255,255,.5)
}

table td,table th {
    padding: .4em .8em
}

blockquote {
    position: relative;
    margin: 1.25em 0 1.25em 15px;
    padding: 1em 5.25em 1em 1em;
    border-left: 4px solid #0af;
    border-left-color: color(display-p3 0 0.6666 1);
    background: #f3f3f3
}

@media(max-width: 1039px) {
    blockquote {
        margin-right:15px
    }
}

blockquote .copytext {
    position: absolute;
    top: 0;
    right: 0;
    width: 4em;
    height: 100%;
    cursor: pointer;
    background: #c8c8c8
}

blockquote .copytext::before {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url("/img/icons/copy.svg") no-repeat center/contain;
    content: ""
}

blockquote .copytext:hover {
    background: #6cf
}

blockquote .copytext[data-copied=yes] {
    background: #4be178
}

blockquote .copytext[data-copied=yes]::before {
    background-image: var(--icon-tick);
    background-size: 150%
}

span.highlight,.content span.highlight {
    font-weight: 600
}

span.highlight,span.highlight a,.content span.highlight,.content span.highlight a {
    color: #0af;
    color: color(display-p3 0 0.6666 1)
}

span.highlight.green,span.highlight.green a,.content span.highlight.green,.content span.highlight.green a {
    color: #07bf0e;
    color: color(display-p3 0.0274 0.749 0.0549)
}

span.highlight.black,span.highlight.black a,.content span.highlight.black,.content span.highlight.black a {
    color: #000
}

hr {
    width: 100%;
    border-top: 1px solid #f5f5f9;
    height: 0;
    margin: 1.5em 0
}

.main.main-custom {
    background: #fff
}

.main.main-custom .mainpart>*:first-child {
    margin-top: 0;
    padding-top: 25px
}

@media(min-width: 740px) {
    .main.main-custom .mainpart>*:first-child {
        padding-top:30px
    }
}

@media(min-width: 1040px) {
    .main.main-custom .mainpart>*:first-child {
        padding-top:40px
    }
}

.main.main-custom .mainpart>*:last-child {
    margin-bottom: 0;
    padding-bottom: 40px
}

@media(min-width: 740px) {
    .main.main-custom .mainpart>*:last-child {
        padding-bottom:50px
    }
}

.main.main-custom .mainpart-white {
    background: #fff
}

.main.main-custom .mainpart-gray {
    background: #f5f5f9
}

.main.main-custom .mainpart-gray--progress {
    background: linear-gradient(180deg,#fff 0%,#f5f5f9 100%)
}

.main.main-gray {
    background: #f5f5f9
}

.main .mainpart-gray--progress+.mainpart .content {
    margin-top: -10px
}

.main .blogposts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1em
}

.main .blogposts h2 {
    color: #333;
    margin: .6em 0 0;
    font-size: 1em;
    text-align: center
}

.main .blogposts a {
    width: calc(50% - 15px);
    margin-bottom: 1.6em
}

.main .blogposts img {
    width: 100%;
    border-radius: 8px/7px
}

@media(max-width: 739px) {
    .main .blogposts {
        margin:0 15px
    }

    .main .blogposts h2 {
        font-size: 1em;
        line-height: initial
    }

    .main .blogposts a {
        width: 100%
    }
}

.main .hero {
    line-height: 0
}

.main .hero>amp-img,.main .hero>img {
    width: 100%;
    margin-top: 1.5em;
    display: inline-block
}

@media(min-width: 740px) {
    .main .hero>amp-img,.main .hero>img {
        margin-bottom:2.5em;
        border-radius: 20px
    }
}

.main .toc {
    background: #f5f5f9;
    padding: 1.1em 1em;
    text-align: center
}

@media(min-width: 740px) {
    .main .toc {
        text-align:left;
        border-radius: 20px;
        float: right;
        margin: 0 0 1.1em 1.1em
    }

    .main .toc+.article>*:first-child {
        margin-top: 0
    }

    .main .toc>* {
        max-width: 350px
    }
}

.main .toc h2,.main .toc ul {
    margin: 0
}

.main .toc h2 {
    color: #505050;
    font-size: 1.2em;
    margin-bottom: .3em
}

.main .toc ul {
    display: inline-block;
    line-height: 1.5;
    padding-bottom: 0
}

.main .toc ul li {
    text-align: left;
    margin-top: 0;
    padding-left: 0
}

.main .toc ul li:not(:first-child) {
    padding-top: 3px
}

.main .toc a {
    color: #0af;
    color: color(display-p3 0 0.6666 1);
    font-size: .925em
}

.main .article h2 {
    margin-top: 1.4em;
    font-weight: 700
}

.main .article ol,.main .article ul {
    line-height: 1.5
}

.main .article ol p,.main .article ol .breadcrumb,.main .article ul p,.main .article ul .breadcrumb {
    padding: 0 0 0 4px
}

.main .article ol {
    list-style-type: none;
    counter-reset: section;
    padding-left: 50px
}

.main .article ol li {
    position: relative
}

.main .article ol li::before {
    position: absolute;
    top: -1px;
    left: -35px;
    counter-increment: section;
    content: counters(section,".");
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: .875em
}

.main .article ol li p:last-child,.main .article ol li .breadcrumb:last-child {
    margin-bottom: 1.4em
}

.main .article ol li:nth-child(5n+1)::before {
    background-image: linear-gradient(-8deg,#ff0090 0%,#ff6b00 100%)
}

.main .article ol li:nth-child(5n+2)::before {
    background-image: linear-gradient(202deg,#ffb800 0%,red 100%)
}

.main .article ol li:nth-child(5n+3)::before {
    background-image: linear-gradient(-8deg,#7500ff 0%,#ff00d5 100%)
}

.main .article ol li:nth-child(5n+4)::before {
    background-image: linear-gradient(-8deg,#0053ff 0%,#9a00ff 100%)
}

.main .article ol li:nth-child(5n+5)::before {
    background-image: linear-gradient(222deg,#00cbff 0%,#003bff 100%)
}

.main .article ol li:nth-child(1n+10)::before {
    font-size: .7em
}

.main .article p b,.main .article .breadcrumb b,.main .article p strong,.main .article .breadcrumb strong {
    font-weight: 700
}

.main .article p>amp-img,.main .article .breadcrumb>amp-img,.main .article p>img,.main .article .breadcrumb>img {
    width: calc(100% + 30px);
    margin: 2.2em 0 2.2em -15px;
    display: block
}

.main .article .quicklink {
    padding: 12px 15px;
    border-radius: 20px;
    background: #f5f5f9;
    display: inline-block;
    margin: 1.4em .9em -.4em
}

@media(min-width: 740px) {
    .main .article .quicklink {
        margin:auto;
        display: flex
    }

    .main .article .quicklink>* {
        display: contents
    }
}

.main .intro h1 {
    font-weight: 700;
    margin-top: .5em
}

.main .intro,.main .intro+.breadcrumb {
    text-align: center
}

@media(min-width: 740px) {
    .main .intro,.main .intro+.breadcrumb {
        zoom:110%
    }
}

@media(min-width: 1040px) {
    .main .intro,.main .intro+.breadcrumb {
        zoom:120%
    }
}

.main .breadcrumb {
    font-size: 14px;
    margin-bottom: 1em
}

.main .breadcrumb span {
    color: #5b5f62
}

.main .image {
    position: relative;
    width: 100%;
    height: 22.5vh;
    min-height: 125px;
    max-height: 225px;
    background: #d4d4d4 no-repeat center/contain;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main .image::after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.main .image.image-preview {
    height: 33.3vh;
    min-height: 230px;
    max-height: 300px;
    background: #f5f5f9
}

.main .image.image-preview~.notification {
    margin-top: 1.8em;
    margin-bottom: -.2em
}

.main .image.image-preview::after {
    background: #6bccff;
    background: color(display-p3 0.4196 0.8 1)
}

.main .image.image-preview .preview {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.main .image.image-preview-static {
    margin-top: 15px;
    margin-bottom: 15px
}

.mobile-device {
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -180px;
    border-radius: 40px;
    color: #fff;
    background: #414345;
    width: 360px;
    height: 660px;
    display: inline-block;
    transform-origin: center top 0;
    transform: scale(.7)
}

.mobile-device .device-speaker {
    position: absolute;
    top: 19px;
    left: 47.5%;
    width: 75px;
    height: 8px;
    border: 2px solid rgba(255,255,255,.3);
    border-radius: 5px;
    margin-left: -30px
}

.mobile-device .device-screen-container {
    position: absolute;
    top: 50px;
    left: 15px;
    width: calc(100% - 30px);
    height: 540px;
    border-radius: 20px;
    background: #6bccff;
    background: color(display-p3 0.4196 0.8 1);
    overflow: hidden
}

.mobile-device .device-status-bar {
    position: absolute;
    width: 100%;
    top: 0;
    font-size: .875em;
    padding: 15px 20px;
    box-sizing: border-box
}

.mobile-device .device-status-bar .icon-wifi {
    width: 15px;
    height: 12px;
    background: #fff;
    mask-image: var(--icon-wifi);
    mask-size: cover;
    -webkit-mask-image: var(--icon-wifi);
    -webkit-mask-size: cover;
    margin-top: 1px;
    float: left
}

.mobile-device .device-status-bar .icon-battery {
    width: 18px;
    height: 14px;
    background: #fff;
    mask-image: var(--icon-battery);
    mask-size: cover;
    -webkit-mask-image: var(--icon-battery);
    -webkit-mask-size: cover;
    margin-left: 7px;
    float: left
}

.mobile-device .device-status-bar .status-bar-right {
    float: right
}

.mobile-device .text-conversation {
    width: 100%;
    padding: 75px 30px 0;
    box-sizing: border-box
}

.mobile-device .text-conversation .text-bubble p,.mobile-device .text-conversation .text-bubble .main .breadcrumb,.main .mobile-device .text-conversation .text-bubble .breadcrumb {
    position: relative;
    margin: 0;
    padding: 12px 15px;
    border-radius: 15px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mobile-device .text-conversation .text-bubble p span,.mobile-device .text-conversation .text-bubble .main .breadcrumb span,.main .mobile-device .text-conversation .text-bubble .breadcrumb span {
    color: #2c3640;
    word-wrap: break-word
}

.mobile-device .text-conversation .text-bubble p span.error,.mobile-device .text-conversation .text-bubble .main .breadcrumb span.error,.main .mobile-device .text-conversation .text-bubble .breadcrumb span.error {
    color: #fff;
    background: #ff9c00;
    border-radius: 5px;
    padding: 0 3px
}

.mobile-device .text-conversation .text-bubble p::after,.mobile-device .text-conversation .text-bubble .main .breadcrumb::after,.main .mobile-device .text-conversation .text-bubble .breadcrumb::after {
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-device .text-conversation .text-bubble p.smaller,.mobile-device .text-conversation .text-bubble .main .smaller.breadcrumb,.main .mobile-device .text-conversation .text-bubble .smaller.breadcrumb {
    font-size: .875em;
    line-height: 1.4
}

.mobile-device .text-conversation .text-bubble p.smallest,.mobile-device .text-conversation .text-bubble .main .smallest.breadcrumb,.main .mobile-device .text-conversation .text-bubble .smallest.breadcrumb {
    font-size: .75em;
    line-height: 1.3
}

.mobile-device .text-conversation .text-bubble span.preview-info {
    float: right;
    font-size: .875em;
    margin-top: 5px
}

.mobile-device .text-conversation .text-bubble:not(.no-animation) {
    animation-name: zoomIn;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-delay: .4s
}

.jumping-dots {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.jumping-dots.visible {
    display: inline-block;
    opacity: 1
}

.jumping-dots span {
    position: relative;
    bottom: 0;
    animation: jump 1.5s infinite
}

.jumping-dots .dot-1 {
    animation-delay: 200ms
}

.jumping-dots .dot-2 {
    animation-delay: 400ms
}

.jumping-dots .dot-3 {
    animation-delay: 600ms
}

.main.main-custom .mainpart .share {
    width: 100%;
    padding: 35px 15px;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden
}

.main.main-custom .mainpart .share p,.main.main-custom .mainpart .share .breadcrumb {
    margin: 0;
    padding-left: 0;
    font-size: .875em;
    line-height: 32px;
    float: left
}

.main.main-custom .mainpart .share .items {
    height: 32px
}

.main.main-custom .mainpart .share .items a {
    outline: none
}

.main.main-custom .mainpart .share .items a:first-child .item {
    margin-left: 0
}

.main.main-custom .mainpart .share .items .item {
    position: relative;
    width: 32px;
    height: 32px;
    background: red;
    display: inline-block;
    color: transparent;
    border-radius: 50%;
    margin-left: 5px
}

.main.main-custom .mainpart .share .items .facebook {
    background: #325a97
}

.main.main-custom .mainpart .share .items .facebook:hover {
    background: #3763a6
}

.main.main-custom .mainpart .share .items .facebook:active {
    background: #2d5188
}

.main.main-custom .mainpart .share .items .facebook::after {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCA2MCA2MCcgdmlld0JveD0nMCAwIDYwIDYwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J200NS45IDEyLjVoLTkuNmMtMS4xIDAtMi4zIDEuMy0yLjMgMy4ydjQuN2gxMS45djExLjloLTExLjl2MjdoLTExLjJ2LTI3aC04Ljd2LTExLjhoOC43di00LjZjMC04IDYtMTUuMiAxMy40LTE1LjJoOS42djExLjh6JyBmaWxsPScjZmZmJy8+PC9zdmc+);
    background-size: contain
}

.main.main-custom .mainpart .share .items .twitter {
    background: #00aced
}

.main.main-custom .mainpart .share .items .twitter:hover {
    background: #00b3f7
}

.main.main-custom .mainpart .share .items .twitter:active {
    background: #00a5e3
}

.main.main-custom .mainpart .share .items .twitter::after {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCA2MCA2MCcgdmlld0JveD0nMCAwIDYwIDYwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J201My4xIDE4LjF2MS41YzAgMTUuOC0xMiAzNC0zNCAzNC02LjcgMC0xMy0yLTE4LjMtNS40LjkuMSAxLjkuMiAyLjguMiA1LjYgMCAxMC43LTEuOSAxNC44LTUuMS01LS4xLTkuNC0zLjUtMTEtOC4zLjcuMSAxLjUuMiAyLjIuMiAxLjEgMCAyLjEtLjEgMy4xLS40LTUuNS0xLjEtOS42LTUuOS05LjYtMTEuNyAwLS4xIDAtLjEgMC0uMSAxLjYuOSAzLjQgMS40IDUuNCAxLjUtMy4yLTIuMS01LjMtNS44LTUuMy05LjkgMC0yLjIuNi00LjIgMS42LTYgNS45IDcuMiAxNC43IDEyIDI0LjYgMTIuNS0uMi0uOS0uMy0xLjgtLjMtMi43IDAtNi42IDUuMy0xMS45IDExLjktMTEuOSAzLjQgMCA2LjUgMS40IDguNyAzLjggMi43LS41IDUuMy0xLjUgNy42LTIuOS0uOSAyLjgtMi44IDUuMS01LjIgNi42IDIuNC0uMyA0LjctLjkgNi45LTEuOS0xLjUgMi4zLTMuNSA0LjQtNS45IDZ6JyBmaWxsPScjZmZmJy8+PC9zdmc+);
    background-size: contain
}

.main.main-custom .mainpart .share .items .pinterest {
    background: #cc2127
}

.main.main-custom .mainpart .share .items .pinterest:hover {
    background: #dc262c
}

.main.main-custom .mainpart .share .items .pinterest:active {
    background: #ba1e24
}

.main.main-custom .mainpart .share .items .pinterest::after {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCA2MCA2MCcgdmlld0JveD0nMCAwIDYwIDYwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J20xNS41IDU1LjNjMC0xLjcgMC0zLjEuMS0zLjguNS0zLjkgNS0yMC4yIDUtMjAuMnMuNC0uNy0uOC01LjRjLTEuMy00LjkgMS41LTEwLjggNi0xMS4yIDUuMi0uNSA1LjggNCA1LjcgNi43cy0yLjcgOC44LTMgMTEuN2MtLjMgMi44LjUgNi45IDUuMyA3LjEgMy45LjIgOS43LTMuOSAxMS44LTE1LjQgMS41LTguMy0zLjMtMTguMi0xNS43LTE3LjgtMTIuNS41LTE2LjMgMTItMTYuMyAxMnMtMS4xIDMuMS0uMiA3LjljLjkgNC43IDIuNSA1IDIuNSA1bC0xIDZzLTctLjctOC42LTkuMWMtNC4zLTIyLjcgMTguNC0zMC4yIDI5LjMtMjcuOCAxOS40IDQuNCAxOS43IDE4LjggMTcuOSAyOS43LTIuMSA4LjctNy44IDEzLTExLjkgMTQuOS00IDEuOS03LjcgMS4yLTExIC4yLTMuMy0xLjEtNC40LTMuMi00LjQtMy4ycy0xLjcgNi42LTIuOCAxMWMtLjMgMS4zLS45IDIuNS0xLjYgNC4xLTIuMSAzLjEtNi42IDEuOS02LjMtMi40eicgZmlsbD0nI2ZmZicvPjwvc3ZnPg==);
    background-size: contain
}

@media only screen and (min-width: 1040px) {

    .main .image.image-preview {
        right: 60px;
        width: 400px;
        height: 380px;
        max-height: none
    }

    .main .image.image-preview,.main .image.image-preview::after {
        background: 0 0
    }

    .main .image.image-preview .preview {
        top: 45px
    }

    .main .image.image-preview-static {
        margin-top: 0;
        margin-bottom: 0
    }

    .main .image.image-preview-static .preview {
        top: 56px
    }

    .main.main-custom .mainpart {
        padding: 0 45px
    }

    .image-preview~.notification {
        margin-top: 1.2em;
        width: 50%
    }

    .image-preview~form #field-mensagem.field {
        width: 50%
    }

    .mobile-device {
        top: 0;
        left: 25px;
        margin: 0;
        /* color:#666; */
        background: #eaeaee;
        transform: none
    }

    .mobile-device .device-speaker {
        border-color: rgba(0,0,0,.075)
    }

    .mobile-device .device-status-bar .icon-wifi {
        background: #666
    }

    .mobile-device .device-status-bar .icon-battery {
        background: #07bf0e
    }

    .mobile-device .device-screen-container {
        background: linear-gradient(180deg,#fff 0%,#ececf3 100%)
    }

    .mobile-device .text-conversation {
        padding: 60px 30px 0 15px
    }

    .mobile-device .text-conversation .text-bubble p,.mobile-device .text-conversation .text-bubble .main .breadcrumb,.main .mobile-device .text-conversation .text-bubble .breadcrumb {
        margin-left: 15px;
        padding: 15px
    }

    .mobile-device .text-conversation .text-bubble p span,.mobile-device .text-conversation .text-bubble .main .breadcrumb span,.main .mobile-device .text-conversation .text-bubble .breadcrumb span {
        color: #fff
    }

    .mobile-device .text-conversation .text-bubble p,.mobile-device .text-conversation .text-bubble .main .breadcrumb,.main .mobile-device .text-conversation .text-bubble .breadcrumb,.mobile-device .text-conversation .text-bubble p::after,.mobile-device .text-conversation .text-bubble .main .breadcrumb::after,.main .mobile-device .text-conversation .text-bubble .breadcrumb::after {
        background: #0af;
        background: color(display-p3 0 0.6666 1)
    }

    .mobile-device .text-conversation .text-bubble span {
        color: #000
    }

    .mobile-device .text-conversation .text-bubble.no-animation p,.mobile-device .text-conversation .text-bubble.no-animation .main .breadcrumb,.main .mobile-device .text-conversation .text-bubble.no-animation .breadcrumb,.mobile-device .text-conversation .text-bubble.no-animation p::after,.mobile-device .text-conversation .text-bubble.no-animation .main .breadcrumb::after,.main .mobile-device .text-conversation .text-bubble.no-animation .breadcrumb::after {
        background: #6b6b77
    }

}

@media only screen and (max-width: 1039px) {
    .main .image.image-preview-static {
        display:none
    }
}