@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap");

body {
    padding: 0;
    margin: 0;
    height: auto
}

html {
    font-family: "Roboto", sans-serif !important
}

.login-bg {
    background-image: url("smacss/logo-background-notifadz-login-MCxrhxM.png"), linear-gradient(180deg, #f4f4f4 0, #fff 100%);
    background-repeat: repeat;
    background-position: center;
    min-height: 100vh;
    border-top-color: #135de4;
    border-top-style: solid;
    opacity: 1;
}

.fake-body {
    background-image: url("/styles/smacss/fake-body.png");
    background-position: center;
    background-size: cover;
    font-family: "Roboto", sans-serif !important;
    min-height: 100vh;
    border-top-color: #135de4;
    border-top-style: solid;
    opacity: 1;
    letter-spacing: -0.02em
}

.classic-body {
    background-color: #fff;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: -0.02em
}

h1 {
    font-weight: 600;
    font-size: 1.9em
}

.h1-large {
    font-size: 2.4rem !important
}

h2 {
    font-weight: 600;
    font-size: 1.6em
}

h3 {
    font-weight: 600
}

p {
    font-size: 1em
}

.main-img-modal {
    max-height: 55px;
    max-width: 50px
}

.very-light-element {
    color: #b4b4b4;
    font-size: 12px
}

.big-checkbox {
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    height: 29px;
    width: 29px;
    background: #fff 0 0 no-repeat padding-box
}

.bg-light-grey {
    background: #f4f4f4;
    border-radius: 5px
}

.full-div-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit
}

.clickable-div {
    cursor: pointer
}

.clickable-div-no-hover {
    cursor: pointer
}

.clickable-div:hover {
    background-color: #f0f0f0
}

.semi-bold-600 {
    font-weight: 600;
    color: #3e4c5c
}

.footer-text {
    font-size: .8rem !important
}

@media(max-width:575.98px) {
    .center-title-sm {
        text-align: center;
        margin-bottom: 1rem !important
    }
}

.spinner-border-md {
    width: 1.8rem;
    height: 1.8rem
}

.partner-img {
    max-height: 56px !important
}

@media(min-width:0) {
    .w-xs-5 {
        width: 5% !important
    }
}

@media(min-width:0) {
    .w-xs-6 {
        width: 6% !important
    }
}

@media(min-width:0) {
    .w-xs-7 {
        width: 7% !important
    }
}

@media(min-width:0) {
    .w-xs-8 {
        width: 8% !important
    }
}

@media(min-width:0) {
    .w-xs-9 {
        width: 9% !important
    }
}

@media(min-width:0) {
    .w-xs-10 {
        width: 10% !important
    }
}

@media(min-width:0) {
    .w-xs-11 {
        width: 11% !important
    }
}

@media(min-width:0) {
    .w-xs-12 {
        width: 12% !important
    }
}

@media(min-width:0) {
    .w-xs-13 {
        width: 13% !important
    }
}

@media(min-width:0) {
    .w-xs-14 {
        width: 14% !important
    }
}

@media(min-width:0) {
    .w-xs-15 {
        width: 15% !important
    }
}

@media(min-width:0) {
    .w-xs-16 {
        width: 16% !important
    }
}

@media(min-width:0) {
    .w-xs-17 {
        width: 17% !important
    }
}

@media(min-width:0) {
    .w-xs-18 {
        width: 18% !important
    }
}

@media(min-width:0) {
    .w-xs-19 {
        width: 19% !important
    }
}

@media(min-width:0) {
    .w-xs-20 {
        width: 20% !important
    }
}

@media(min-width:0) {
    .w-xs-21 {
        width: 21% !important
    }
}

@media(min-width:0) {
    .w-xs-22 {
        width: 22% !important
    }
}

@media(min-width:0) {
    .w-xs-23 {
        width: 23% !important
    }
}

@media(min-width:0) {
    .w-xs-24 {
        width: 24% !important
    }
}

@media(min-width:0) {
    .w-xs-25 {
        width: 25% !important
    }
}

@media(min-width:0) {
    .w-xs-26 {
        width: 26% !important
    }
}

@media(min-width:0) {
    .w-xs-27 {
        width: 27% !important
    }
}

@media(min-width:0) {
    .w-xs-28 {
        width: 28% !important
    }
}

@media(min-width:0) {
    .w-xs-29 {
        width: 29% !important
    }
}

@media(min-width:0) {
    .w-xs-30 {
        width: 30% !important
    }
}

@media(min-width:0) {
    .w-xs-31 {
        width: 31% !important
    }
}

@media(min-width:0) {
    .w-xs-32 {
        width: 32% !important
    }
}

@media(min-width:0) {
    .w-xs-33 {
        width: 33% !important
    }
}

@media(min-width:0) {
    .w-xs-34 {
        width: 34% !important
    }
}

@media(min-width:0) {
    .w-xs-35 {
        width: 35% !important
    }
}

@media(min-width:0) {
    .w-xs-36 {
        width: 36% !important
    }
}

@media(min-width:0) {
    .w-xs-37 {
        width: 37% !important
    }
}

@media(min-width:0) {
    .w-xs-38 {
        width: 38% !important
    }
}

@media(min-width:0) {
    .w-xs-39 {
        width: 39% !important
    }
}

@media(min-width:0) {
    .w-xs-40 {
        width: 40% !important
    }
}

@media(min-width:0) {
    .w-xs-41 {
        width: 41% !important
    }
}

@media(min-width:0) {
    .w-xs-42 {
        width: 42% !important
    }
}

@media(min-width:0) {
    .w-xs-43 {
        width: 43% !important
    }
}

@media(min-width:0) {
    .w-xs-44 {
        width: 44% !important
    }
}

@media(min-width:0) {
    .w-xs-45 {
        width: 45% !important
    }
}

@media(min-width:0) {
    .w-xs-46 {
        width: 46% !important
    }
}

@media(min-width:0) {
    .w-xs-47 {
        width: 47% !important
    }
}

@media(min-width:0) {
    .w-xs-48 {
        width: 48% !important
    }
}

@media(min-width:0) {
    .w-xs-49 {
        width: 49% !important
    }
}

@media(min-width:0) {
    .w-xs-50 {
        width: 50% !important
    }
}

@media(min-width:0) {
    .w-xs-51 {
        width: 51% !important
    }
}

@media(min-width:0) {
    .w-xs-52 {
        width: 52% !important
    }
}

@media(min-width:0) {
    .w-xs-53 {
        width: 53% !important
    }
}

@media(min-width:0) {
    .w-xs-54 {
        width: 54% !important
    }
}

@media(min-width:0) {
    .w-xs-55 {
        width: 55% !important
    }
}

@media(min-width:0) {
    .w-xs-56 {
        width: 56% !important
    }
}

@media(min-width:0) {
    .w-xs-57 {
        width: 57% !important
    }
}

@media(min-width:0) {
    .w-xs-58 {
        width: 58% !important
    }
}

@media(min-width:0) {
    .w-xs-59 {
        width: 59% !important
    }
}

@media(min-width:0) {
    .w-xs-60 {
        width: 60% !important
    }
}

@media(min-width:0) {
    .w-xs-61 {
        width: 61% !important
    }
}

@media(min-width:0) {
    .w-xs-62 {
        width: 62% !important
    }
}

@media(min-width:0) {
    .w-xs-63 {
        width: 63% !important
    }
}

@media(min-width:0) {
    .w-xs-64 {
        width: 64% !important
    }
}

@media(min-width:0) {
    .w-xs-65 {
        width: 65% !important
    }
}

@media(min-width:0) {
    .w-xs-66 {
        width: 66% !important
    }
}

@media(min-width:0) {
    .w-xs-67 {
        width: 67% !important
    }
}

@media(min-width:0) {
    .w-xs-68 {
        width: 68% !important
    }
}

@media(min-width:0) {
    .w-xs-69 {
        width: 69% !important
    }
}

@media(min-width:0) {
    .w-xs-70 {
        width: 70% !important
    }
}

@media(min-width:0) {
    .w-xs-71 {
        width: 71% !important
    }
}

@media(min-width:0) {
    .w-xs-72 {
        width: 72% !important
    }
}

@media(min-width:0) {
    .w-xs-73 {
        width: 73% !important
    }
}

@media(min-width:0) {
    .w-xs-74 {
        width: 74% !important
    }
}

@media(min-width:0) {
    .w-xs-75 {
        width: 75% !important
    }
}

@media(min-width:0) {
    .w-xs-76 {
        width: 76% !important
    }
}

@media(min-width:0) {
    .w-xs-77 {
        width: 77% !important
    }
}

@media(min-width:0) {
    .w-xs-78 {
        width: 78% !important
    }
}

@media(min-width:0) {
    .w-xs-79 {
        width: 79% !important
    }
}

@media(min-width:0) {
    .w-xs-80 {
        width: 80% !important
    }
}

@media(min-width:0) {
    .w-xs-81 {
        width: 81% !important
    }
}

@media(min-width:0) {
    .w-xs-82 {
        width: 82% !important
    }
}

@media(min-width:0) {
    .w-xs-83 {
        width: 83% !important
    }
}

@media(min-width:0) {
    .w-xs-84 {
        width: 84% !important
    }
}

@media(min-width:0) {
    .w-xs-85 {
        width: 85% !important
    }
}

@media(min-width:0) {
    .w-xs-86 {
        width: 86% !important
    }
}

@media(min-width:0) {
    .w-xs-87 {
        width: 87% !important
    }
}

@media(min-width:0) {
    .w-xs-88 {
        width: 88% !important
    }
}

@media(min-width:0) {
    .w-xs-89 {
        width: 89% !important
    }
}

@media(min-width:0) {
    .w-xs-90 {
        width: 90% !important
    }
}

@media(min-width:0) {
    .w-xs-91 {
        width: 91% !important
    }
}

@media(min-width:0) {
    .w-xs-92 {
        width: 92% !important
    }
}

@media(min-width:0) {
    .w-xs-93 {
        width: 93% !important
    }
}

@media(min-width:0) {
    .w-xs-94 {
        width: 94% !important
    }
}

@media(min-width:0) {
    .w-xs-95 {
        width: 95% !important
    }
}

@media(min-width:0) {
    .w-xs-96 {
        width: 96% !important
    }
}

@media(min-width:0) {
    .w-xs-97 {
        width: 97% !important
    }
}

@media(min-width:0) {
    .w-xs-98 {
        width: 98% !important
    }
}

@media(min-width:0) {
    .w-xs-99 {
        width: 99% !important
    }
}

@media(min-width:0) {
    .w-xs-100 {
        width: 100% !important
    }
}

@media(min-width:576px) {
    .w-sm-5 {
        width: 5% !important
    }
}

@media(min-width:576px) {
    .w-sm-6 {
        width: 6% !important
    }
}

@media(min-width:576px) {
    .w-sm-7 {
        width: 7% !important
    }
}

@media(min-width:576px) {
    .w-sm-8 {
        width: 8% !important
    }
}

@media(min-width:576px) {
    .w-sm-9 {
        width: 9% !important
    }
}

@media(min-width:576px) {
    .w-sm-10 {
        width: 10% !important
    }
}

@media(min-width:576px) {
    .w-sm-11 {
        width: 11% !important
    }
}

@media(min-width:576px) {
    .w-sm-12 {
        width: 12% !important
    }
}

@media(min-width:576px) {
    .w-sm-13 {
        width: 13% !important
    }
}

@media(min-width:576px) {
    .w-sm-14 {
        width: 14% !important
    }
}

@media(min-width:576px) {
    .w-sm-15 {
        width: 15% !important
    }
}

@media(min-width:576px) {
    .w-sm-16 {
        width: 16% !important
    }
}

@media(min-width:576px) {
    .w-sm-17 {
        width: 17% !important
    }
}

@media(min-width:576px) {
    .w-sm-18 {
        width: 18% !important
    }
}

@media(min-width:576px) {
    .w-sm-19 {
        width: 19% !important
    }
}

@media(min-width:576px) {
    .w-sm-20 {
        width: 20% !important
    }
}

@media(min-width:576px) {
    .w-sm-21 {
        width: 21% !important
    }
}

@media(min-width:576px) {
    .w-sm-22 {
        width: 22% !important
    }
}

@media(min-width:576px) {
    .w-sm-23 {
        width: 23% !important
    }
}

@media(min-width:576px) {
    .w-sm-24 {
        width: 24% !important
    }
}

@media(min-width:576px) {
    .w-sm-25 {
        width: 25% !important
    }
}

@media(min-width:576px) {
    .w-sm-26 {
        width: 26% !important
    }
}

@media(min-width:576px) {
    .w-sm-27 {
        width: 27% !important
    }
}

@media(min-width:576px) {
    .w-sm-28 {
        width: 28% !important
    }
}

@media(min-width:576px) {
    .w-sm-29 {
        width: 29% !important
    }
}

@media(min-width:576px) {
    .w-sm-30 {
        width: 30% !important
    }
}

@media(min-width:576px) {
    .w-sm-31 {
        width: 31% !important
    }
}

@media(min-width:576px) {
    .w-sm-32 {
        width: 32% !important
    }
}

@media(min-width:576px) {
    .w-sm-33 {
        width: 33% !important
    }
}

@media(min-width:576px) {
    .w-sm-34 {
        width: 34% !important
    }
}

@media(min-width:576px) {
    .w-sm-35 {
        width: 35% !important
    }
}

@media(min-width:576px) {
    .w-sm-36 {
        width: 36% !important
    }
}

@media(min-width:576px) {
    .w-sm-37 {
        width: 37% !important
    }
}

@media(min-width:576px) {
    .w-sm-38 {
        width: 38% !important
    }
}

@media(min-width:576px) {
    .w-sm-39 {
        width: 39% !important
    }
}

@media(min-width:576px) {
    .w-sm-40 {
        width: 40% !important
    }
}

@media(min-width:576px) {
    .w-sm-41 {
        width: 41% !important
    }
}

@media(min-width:576px) {
    .w-sm-42 {
        width: 42% !important
    }
}

@media(min-width:576px) {
    .w-sm-43 {
        width: 43% !important
    }
}

@media(min-width:576px) {
    .w-sm-44 {
        width: 44% !important
    }
}

@media(min-width:576px) {
    .w-sm-45 {
        width: 45% !important
    }
}

@media(min-width:576px) {
    .w-sm-46 {
        width: 46% !important
    }
}

@media(min-width:576px) {
    .w-sm-47 {
        width: 47% !important
    }
}

@media(min-width:576px) {
    .w-sm-48 {
        width: 48% !important
    }
}

@media(min-width:576px) {
    .w-sm-49 {
        width: 49% !important
    }
}

@media(min-width:576px) {
    .w-sm-50 {
        width: 50% !important
    }
}

@media(min-width:576px) {
    .w-sm-51 {
        width: 51% !important
    }
}

@media(min-width:576px) {
    .w-sm-52 {
        width: 52% !important
    }
}

@media(min-width:576px) {
    .w-sm-53 {
        width: 53% !important
    }
}

@media(min-width:576px) {
    .w-sm-54 {
        width: 54% !important
    }
}

@media(min-width:576px) {
    .w-sm-55 {
        width: 55% !important
    }
}

@media(min-width:576px) {
    .w-sm-56 {
        width: 56% !important
    }
}

@media(min-width:576px) {
    .w-sm-57 {
        width: 57% !important
    }
}

@media(min-width:576px) {
    .w-sm-58 {
        width: 58% !important
    }
}

@media(min-width:576px) {
    .w-sm-59 {
        width: 59% !important
    }
}

@media(min-width:576px) {
    .w-sm-60 {
        width: 60% !important
    }
}

@media(min-width:576px) {
    .w-sm-61 {
        width: 61% !important
    }
}

@media(min-width:576px) {
    .w-sm-62 {
        width: 62% !important
    }
}

@media(min-width:576px) {
    .w-sm-63 {
        width: 63% !important
    }
}

@media(min-width:576px) {
    .w-sm-64 {
        width: 64% !important
    }
}

@media(min-width:576px) {
    .w-sm-65 {
        width: 65% !important
    }
}

@media(min-width:576px) {
    .w-sm-66 {
        width: 66% !important
    }
}

@media(min-width:576px) {
    .w-sm-67 {
        width: 67% !important
    }
}

@media(min-width:576px) {
    .w-sm-68 {
        width: 68% !important
    }
}

@media(min-width:576px) {
    .w-sm-69 {
        width: 69% !important
    }
}

@media(min-width:576px) {
    .w-sm-70 {
        width: 70% !important
    }
}

@media(min-width:576px) {
    .w-sm-71 {
        width: 71% !important
    }
}

@media(min-width:576px) {
    .w-sm-72 {
        width: 72% !important
    }
}

@media(min-width:576px) {
    .w-sm-73 {
        width: 73% !important
    }
}

@media(min-width:576px) {
    .w-sm-74 {
        width: 74% !important
    }
}

@media(min-width:576px) {
    .w-sm-75 {
        width: 75% !important
    }
}

@media(min-width:576px) {
    .w-sm-76 {
        width: 76% !important
    }
}

@media(min-width:576px) {
    .w-sm-77 {
        width: 77% !important
    }
}

@media(min-width:576px) {
    .w-sm-78 {
        width: 78% !important
    }
}

@media(min-width:576px) {
    .w-sm-79 {
        width: 79% !important
    }
}

@media(min-width:576px) {
    .w-sm-80 {
        width: 80% !important
    }
}

@media(min-width:576px) {
    .w-sm-81 {
        width: 81% !important
    }
}

@media(min-width:576px) {
    .w-sm-82 {
        width: 82% !important
    }
}

@media(min-width:576px) {
    .w-sm-83 {
        width: 83% !important
    }
}

@media(min-width:576px) {
    .w-sm-84 {
        width: 84% !important
    }
}

@media(min-width:576px) {
    .w-sm-85 {
        width: 85% !important
    }
}

@media(min-width:576px) {
    .w-sm-86 {
        width: 86% !important
    }
}

@media(min-width:576px) {
    .w-sm-87 {
        width: 87% !important
    }
}

@media(min-width:576px) {
    .w-sm-88 {
        width: 88% !important
    }
}

@media(min-width:576px) {
    .w-sm-89 {
        width: 89% !important
    }
}

@media(min-width:576px) {
    .w-sm-90 {
        width: 90% !important
    }
}

@media(min-width:576px) {
    .w-sm-91 {
        width: 91% !important
    }
}

@media(min-width:576px) {
    .w-sm-92 {
        width: 92% !important
    }
}

@media(min-width:576px) {
    .w-sm-93 {
        width: 93% !important
    }
}

@media(min-width:576px) {
    .w-sm-94 {
        width: 94% !important
    }
}

@media(min-width:576px) {
    .w-sm-95 {
        width: 95% !important
    }
}

@media(min-width:576px) {
    .w-sm-96 {
        width: 96% !important
    }
}

@media(min-width:576px) {
    .w-sm-97 {
        width: 97% !important
    }
}

@media(min-width:576px) {
    .w-sm-98 {
        width: 98% !important
    }
}

@media(min-width:576px) {
    .w-sm-99 {
        width: 99% !important
    }
}

@media(min-width:576px) {
    .w-sm-100 {
        width: 100% !important
    }
}

@media(min-width:768px) {
    .w-md-5 {
        width: 5% !important
    }
}

@media(min-width:768px) {
    .w-md-6 {
        width: 6% !important
    }
}

@media(min-width:768px) {
    .w-md-7 {
        width: 7% !important
    }
}

@media(min-width:768px) {
    .w-md-8 {
        width: 8% !important
    }
}

@media(min-width:768px) {
    .w-md-9 {
        width: 9% !important
    }
}

@media(min-width:768px) {
    .w-md-10 {
        width: 10% !important
    }
}

@media(min-width:768px) {
    .w-md-11 {
        width: 11% !important
    }
}

@media(min-width:768px) {
    .w-md-12 {
        width: 12% !important
    }
}

@media(min-width:768px) {
    .w-md-13 {
        width: 13% !important
    }
}

@media(min-width:768px) {
    .w-md-14 {
        width: 14% !important
    }
}

@media(min-width:768px) {
    .w-md-15 {
        width: 15% !important
    }
}

@media(min-width:768px) {
    .w-md-16 {
        width: 16% !important
    }
}

@media(min-width:768px) {
    .w-md-17 {
        width: 17% !important
    }
}

@media(min-width:768px) {
    .w-md-18 {
        width: 18% !important
    }
}

@media(min-width:768px) {
    .w-md-19 {
        width: 19% !important
    }
}

@media(min-width:768px) {
    .w-md-20 {
        width: 20% !important
    }
}

@media(min-width:768px) {
    .w-md-21 {
        width: 21% !important
    }
}

@media(min-width:768px) {
    .w-md-22 {
        width: 22% !important
    }
}

@media(min-width:768px) {
    .w-md-23 {
        width: 23% !important
    }
}

@media(min-width:768px) {
    .w-md-24 {
        width: 24% !important
    }
}

@media(min-width:768px) {
    .w-md-25 {
        width: 25% !important
    }
}

@media(min-width:768px) {
    .w-md-26 {
        width: 26% !important
    }
}

@media(min-width:768px) {
    .w-md-27 {
        width: 27% !important
    }
}

@media(min-width:768px) {
    .w-md-28 {
        width: 28% !important
    }
}

@media(min-width:768px) {
    .w-md-29 {
        width: 29% !important
    }
}

@media(min-width:768px) {
    .w-md-30 {
        width: 30% !important
    }
}

@media(min-width:768px) {
    .w-md-31 {
        width: 31% !important
    }
}

@media(min-width:768px) {
    .w-md-32 {
        width: 32% !important
    }
}

@media(min-width:768px) {
    .w-md-33 {
        width: 33% !important
    }
}

@media(min-width:768px) {
    .w-md-34 {
        width: 34% !important
    }
}

@media(min-width:768px) {
    .w-md-35 {
        width: 35% !important
    }
}

@media(min-width:768px) {
    .w-md-36 {
        width: 36% !important
    }
}

@media(min-width:768px) {
    .w-md-37 {
        width: 37% !important
    }
}

@media(min-width:768px) {
    .w-md-38 {
        width: 38% !important
    }
}

@media(min-width:768px) {
    .w-md-39 {
        width: 39% !important
    }
}

@media(min-width:768px) {
    .w-md-40 {
        width: 40% !important
    }
}

@media(min-width:768px) {
    .w-md-41 {
        width: 41% !important
    }
}

@media(min-width:768px) {
    .w-md-42 {
        width: 42% !important
    }
}

@media(min-width:768px) {
    .w-md-43 {
        width: 43% !important
    }
}

@media(min-width:768px) {
    .w-md-44 {
        width: 44% !important
    }
}

@media(min-width:768px) {
    .w-md-45 {
        width: 45% !important
    }
}

@media(min-width:768px) {
    .w-md-46 {
        width: 46% !important
    }
}

@media(min-width:768px) {
    .w-md-47 {
        width: 47% !important
    }
}

@media(min-width:768px) {
    .w-md-48 {
        width: 48% !important
    }
}

@media(min-width:768px) {
    .w-md-49 {
        width: 49% !important
    }
}

@media(min-width:768px) {
    .w-md-50 {
        width: 50% !important
    }
}

@media(min-width:768px) {
    .w-md-51 {
        width: 51% !important
    }
}

@media(min-width:768px) {
    .w-md-52 {
        width: 52% !important
    }
}

@media(min-width:768px) {
    .w-md-53 {
        width: 53% !important
    }
}

@media(min-width:768px) {
    .w-md-54 {
        width: 54% !important
    }
}

@media(min-width:768px) {
    .w-md-55 {
        width: 55% !important
    }
}

@media(min-width:768px) {
    .w-md-56 {
        width: 56% !important
    }
}

@media(min-width:768px) {
    .w-md-57 {
        width: 57% !important
    }
}

@media(min-width:768px) {
    .w-md-58 {
        width: 58% !important
    }
}

@media(min-width:768px) {
    .w-md-59 {
        width: 59% !important
    }
}

@media(min-width:768px) {
    .w-md-60 {
        width: 60% !important
    }
}

@media(min-width:768px) {
    .w-md-61 {
        width: 61% !important
    }
}

@media(min-width:768px) {
    .w-md-62 {
        width: 62% !important
    }
}

@media(min-width:768px) {
    .w-md-63 {
        width: 63% !important
    }
}

@media(min-width:768px) {
    .w-md-64 {
        width: 64% !important
    }
}

@media(min-width:768px) {
    .w-md-65 {
        width: 65% !important
    }
}

@media(min-width:768px) {
    .w-md-66 {
        width: 66% !important
    }
}

@media(min-width:768px) {
    .w-md-67 {
        width: 67% !important
    }
}

@media(min-width:768px) {
    .w-md-68 {
        width: 68% !important
    }
}

@media(min-width:768px) {
    .w-md-69 {
        width: 69% !important
    }
}

@media(min-width:768px) {
    .w-md-70 {
        width: 70% !important
    }
}

@media(min-width:768px) {
    .w-md-71 {
        width: 71% !important
    }
}

@media(min-width:768px) {
    .w-md-72 {
        width: 72% !important
    }
}

@media(min-width:768px) {
    .w-md-73 {
        width: 73% !important
    }
}

@media(min-width:768px) {
    .w-md-74 {
        width: 74% !important
    }
}

@media(min-width:768px) {
    .w-md-75 {
        width: 75% !important
    }
}

@media(min-width:768px) {
    .w-md-76 {
        width: 76% !important
    }
}

@media(min-width:768px) {
    .w-md-77 {
        width: 77% !important
    }
}

@media(min-width:768px) {
    .w-md-78 {
        width: 78% !important
    }
}

@media(min-width:768px) {
    .w-md-79 {
        width: 79% !important
    }
}

@media(min-width:768px) {
    .w-md-80 {
        width: 80% !important
    }
}

@media(min-width:768px) {
    .w-md-81 {
        width: 81% !important
    }
}

@media(min-width:768px) {
    .w-md-82 {
        width: 82% !important
    }
}

@media(min-width:768px) {
    .w-md-83 {
        width: 83% !important
    }
}

@media(min-width:768px) {
    .w-md-84 {
        width: 84% !important
    }
}

@media(min-width:768px) {
    .w-md-85 {
        width: 85% !important
    }
}

@media(min-width:768px) {
    .w-md-86 {
        width: 86% !important
    }
}

@media(min-width:768px) {
    .w-md-87 {
        width: 87% !important
    }
}

@media(min-width:768px) {
    .w-md-88 {
        width: 88% !important
    }
}

@media(min-width:768px) {
    .w-md-89 {
        width: 89% !important
    }
}

@media(min-width:768px) {
    .w-md-90 {
        width: 90% !important
    }
}

@media(min-width:768px) {
    .w-md-91 {
        width: 91% !important
    }
}

@media(min-width:768px) {
    .w-md-92 {
        width: 92% !important
    }
}

@media(min-width:768px) {
    .w-md-93 {
        width: 93% !important
    }
}

@media(min-width:768px) {
    .w-md-94 {
        width: 94% !important
    }
}

@media(min-width:768px) {
    .w-md-95 {
        width: 95% !important
    }
}

@media(min-width:768px) {
    .w-md-96 {
        width: 96% !important
    }
}

@media(min-width:768px) {
    .w-md-97 {
        width: 97% !important
    }
}

@media(min-width:768px) {
    .w-md-98 {
        width: 98% !important
    }
}

@media(min-width:768px) {
    .w-md-99 {
        width: 99% !important
    }
}

@media(min-width:768px) {
    .w-md-100 {
        width: 100% !important
    }
}

@media(min-width:992px) {
    .w-lg-5 {
        width: 5% !important
    }
}

@media(min-width:992px) {
    .w-lg-6 {
        width: 6% !important
    }
}

@media(min-width:992px) {
    .w-lg-7 {
        width: 7% !important
    }
}

@media(min-width:992px) {
    .w-lg-8 {
        width: 8% !important
    }
}

@media(min-width:992px) {
    .w-lg-9 {
        width: 9% !important
    }
}

@media(min-width:992px) {
    .w-lg-10 {
        width: 10% !important
    }
}

@media(min-width:992px) {
    .w-lg-11 {
        width: 11% !important
    }
}

@media(min-width:992px) {
    .w-lg-12 {
        width: 12% !important
    }
}

@media(min-width:992px) {
    .w-lg-13 {
        width: 13% !important
    }
}

@media(min-width:992px) {
    .w-lg-14 {
        width: 14% !important
    }
}

@media(min-width:992px) {
    .w-lg-15 {
        width: 15% !important
    }
}

@media(min-width:992px) {
    .w-lg-16 {
        width: 16% !important
    }
}

@media(min-width:992px) {
    .w-lg-17 {
        width: 17% !important
    }
}

@media(min-width:992px) {
    .w-lg-18 {
        width: 18% !important
    }
}

@media(min-width:992px) {
    .w-lg-19 {
        width: 19% !important
    }
}

@media(min-width:992px) {
    .w-lg-20 {
        width: 20% !important
    }
}

@media(min-width:992px) {
    .w-lg-21 {
        width: 21% !important
    }
}

@media(min-width:992px) {
    .w-lg-22 {
        width: 22% !important
    }
}

@media(min-width:992px) {
    .w-lg-23 {
        width: 23% !important
    }
}

@media(min-width:992px) {
    .w-lg-24 {
        width: 24% !important
    }
}

@media(min-width:992px) {
    .w-lg-25 {
        width: 25% !important
    }
}

@media(min-width:992px) {
    .w-lg-26 {
        width: 26% !important
    }
}

@media(min-width:992px) {
    .w-lg-27 {
        width: 27% !important
    }
}

@media(min-width:992px) {
    .w-lg-28 {
        width: 28% !important
    }
}

@media(min-width:992px) {
    .w-lg-29 {
        width: 29% !important
    }
}

@media(min-width:992px) {
    .w-lg-30 {
        width: 30% !important
    }
}

@media(min-width:992px) {
    .w-lg-31 {
        width: 31% !important
    }
}

@media(min-width:992px) {
    .w-lg-32 {
        width: 32% !important
    }
}

@media(min-width:992px) {
    .w-lg-33 {
        width: 33% !important
    }
}

@media(min-width:992px) {
    .w-lg-34 {
        width: 34% !important
    }
}

@media(min-width:992px) {
    .w-lg-35 {
        width: 35% !important
    }
}

@media(min-width:992px) {
    .w-lg-36 {
        width: 36% !important
    }
}

@media(min-width:992px) {
    .w-lg-37 {
        width: 37% !important
    }
}

@media(min-width:992px) {
    .w-lg-38 {
        width: 38% !important
    }
}

@media(min-width:992px) {
    .w-lg-39 {
        width: 39% !important
    }
}

@media(min-width:992px) {
    .w-lg-40 {
        width: 40% !important
    }
}

@media(min-width:992px) {
    .w-lg-41 {
        width: 41% !important
    }
}

@media(min-width:992px) {
    .w-lg-42 {
        width: 42% !important
    }
}

@media(min-width:992px) {
    .w-lg-43 {
        width: 43% !important
    }
}

@media(min-width:992px) {
    .w-lg-44 {
        width: 44% !important
    }
}

@media(min-width:992px) {
    .w-lg-45 {
        width: 45% !important
    }
}

@media(min-width:992px) {
    .w-lg-46 {
        width: 46% !important
    }
}

@media(min-width:992px) {
    .w-lg-47 {
        width: 47% !important
    }
}

@media(min-width:992px) {
    .w-lg-48 {
        width: 48% !important
    }
}

@media(min-width:992px) {
    .w-lg-49 {
        width: 49% !important
    }
}

@media(min-width:992px) {
    .w-lg-50 {
        width: 50% !important
    }
}

@media(min-width:992px) {
    .w-lg-51 {
        width: 51% !important
    }
}

@media(min-width:992px) {
    .w-lg-52 {
        width: 52% !important
    }
}

@media(min-width:992px) {
    .w-lg-53 {
        width: 53% !important
    }
}

@media(min-width:992px) {
    .w-lg-54 {
        width: 54% !important
    }
}

@media(min-width:992px) {
    .w-lg-55 {
        width: 55% !important
    }
}

@media(min-width:992px) {
    .w-lg-56 {
        width: 56% !important
    }
}

@media(min-width:992px) {
    .w-lg-57 {
        width: 57% !important
    }
}

@media(min-width:992px) {
    .w-lg-58 {
        width: 58% !important
    }
}

@media(min-width:992px) {
    .w-lg-59 {
        width: 59% !important
    }
}

@media(min-width:992px) {
    .w-lg-60 {
        width: 60% !important
    }
}

@media(min-width:992px) {
    .w-lg-61 {
        width: 61% !important
    }
}

@media(min-width:992px) {
    .w-lg-62 {
        width: 62% !important
    }
}

@media(min-width:992px) {
    .w-lg-63 {
        width: 63% !important
    }
}

@media(min-width:992px) {
    .w-lg-64 {
        width: 64% !important
    }
}

@media(min-width:992px) {
    .w-lg-65 {
        width: 65% !important
    }
}

@media(min-width:992px) {
    .w-lg-66 {
        width: 66% !important
    }
}

@media(min-width:992px) {
    .w-lg-67 {
        width: 67% !important
    }
}

@media(min-width:992px) {
    .w-lg-68 {
        width: 68% !important
    }
}

@media(min-width:992px) {
    .w-lg-69 {
        width: 69% !important
    }
}

@media(min-width:992px) {
    .w-lg-70 {
        width: 70% !important
    }
}

@media(min-width:992px) {
    .w-lg-71 {
        width: 71% !important
    }
}

@media(min-width:992px) {
    .w-lg-72 {
        width: 72% !important
    }
}

@media(min-width:992px) {
    .w-lg-73 {
        width: 73% !important
    }
}

@media(min-width:992px) {
    .w-lg-74 {
        width: 74% !important
    }
}

@media(min-width:992px) {
    .w-lg-75 {
        width: 75% !important
    }
}

@media(min-width:992px) {
    .w-lg-76 {
        width: 76% !important
    }
}

@media(min-width:992px) {
    .w-lg-77 {
        width: 77% !important
    }
}

@media(min-width:992px) {
    .w-lg-78 {
        width: 78% !important
    }
}

@media(min-width:992px) {
    .w-lg-79 {
        width: 79% !important
    }
}

@media(min-width:992px) {
    .w-lg-80 {
        width: 80% !important
    }
}

@media(min-width:992px) {
    .w-lg-81 {
        width: 81% !important
    }
}

@media(min-width:992px) {
    .w-lg-82 {
        width: 82% !important
    }
}

@media(min-width:992px) {
    .w-lg-83 {
        width: 83% !important
    }
}

@media(min-width:992px) {
    .w-lg-84 {
        width: 84% !important
    }
}

@media(min-width:992px) {
    .w-lg-85 {
        width: 85% !important
    }
}

@media(min-width:992px) {
    .w-lg-86 {
        width: 86% !important
    }
}

@media(min-width:992px) {
    .w-lg-87 {
        width: 87% !important
    }
}

@media(min-width:992px) {
    .w-lg-88 {
        width: 88% !important
    }
}

@media(min-width:992px) {
    .w-lg-89 {
        width: 89% !important
    }
}

@media(min-width:992px) {
    .w-lg-90 {
        width: 90% !important
    }
}

@media(min-width:992px) {
    .w-lg-91 {
        width: 91% !important
    }
}

@media(min-width:992px) {
    .w-lg-92 {
        width: 92% !important
    }
}

@media(min-width:992px) {
    .w-lg-93 {
        width: 93% !important
    }
}

@media(min-width:992px) {
    .w-lg-94 {
        width: 94% !important
    }
}

@media(min-width:992px) {
    .w-lg-95 {
        width: 95% !important
    }
}

@media(min-width:992px) {
    .w-lg-96 {
        width: 96% !important
    }
}

@media(min-width:992px) {
    .w-lg-97 {
        width: 97% !important
    }
}

@media(min-width:992px) {
    .w-lg-98 {
        width: 98% !important
    }
}

@media(min-width:992px) {
    .w-lg-99 {
        width: 99% !important
    }
}

@media(min-width:992px) {
    .w-lg-100 {
        width: 100% !important
    }
}

@media(min-width:1200px) {
    .w-xl-5 {
        width: 5% !important
    }
}

@media(min-width:1200px) {
    .w-xl-6 {
        width: 6% !important
    }
}

@media(min-width:1200px) {
    .w-xl-7 {
        width: 7% !important
    }
}

@media(min-width:1200px) {
    .w-xl-8 {
        width: 8% !important
    }
}

@media(min-width:1200px) {
    .w-xl-9 {
        width: 9% !important
    }
}

@media(min-width:1200px) {
    .w-xl-10 {
        width: 10% !important
    }
}

@media(min-width:1200px) {
    .w-xl-11 {
        width: 11% !important
    }
}

@media(min-width:1200px) {
    .w-xl-12 {
        width: 12% !important
    }
}

@media(min-width:1200px) {
    .w-xl-13 {
        width: 13% !important
    }
}

@media(min-width:1200px) {
    .w-xl-14 {
        width: 14% !important
    }
}

@media(min-width:1200px) {
    .w-xl-15 {
        width: 15% !important
    }
}

@media(min-width:1200px) {
    .w-xl-16 {
        width: 16% !important
    }
}

@media(min-width:1200px) {
    .w-xl-17 {
        width: 17% !important
    }
}

@media(min-width:1200px) {
    .w-xl-18 {
        width: 18% !important
    }
}

@media(min-width:1200px) {
    .w-xl-19 {
        width: 19% !important
    }
}

@media(min-width:1200px) {
    .w-xl-20 {
        width: 20% !important
    }
}

@media(min-width:1200px) {
    .w-xl-21 {
        width: 21% !important
    }
}

@media(min-width:1200px) {
    .w-xl-22 {
        width: 22% !important
    }
}

@media(min-width:1200px) {
    .w-xl-23 {
        width: 23% !important
    }
}

@media(min-width:1200px) {
    .w-xl-24 {
        width: 24% !important
    }
}

@media(min-width:1200px) {
    .w-xl-25 {
        width: 25% !important
    }
}

@media(min-width:1200px) {
    .w-xl-26 {
        width: 26% !important
    }
}

@media(min-width:1200px) {
    .w-xl-27 {
        width: 27% !important
    }
}

@media(min-width:1200px) {
    .w-xl-28 {
        width: 28% !important
    }
}

@media(min-width:1200px) {
    .w-xl-29 {
        width: 29% !important
    }
}

@media(min-width:1200px) {
    .w-xl-30 {
        width: 30% !important
    }
}

@media(min-width:1200px) {
    .w-xl-31 {
        width: 31% !important
    }
}

@media(min-width:1200px) {
    .w-xl-32 {
        width: 32% !important
    }
}

@media(min-width:1200px) {
    .w-xl-33 {
        width: 33% !important
    }
}

@media(min-width:1200px) {
    .w-xl-34 {
        width: 34% !important
    }
}

@media(min-width:1200px) {
    .w-xl-35 {
        width: 35% !important
    }
}

@media(min-width:1200px) {
    .w-xl-36 {
        width: 36% !important
    }
}

@media(min-width:1200px) {
    .w-xl-37 {
        width: 37% !important
    }
}

@media(min-width:1200px) {
    .w-xl-38 {
        width: 38% !important
    }
}

@media(min-width:1200px) {
    .w-xl-39 {
        width: 39% !important
    }
}

@media(min-width:1200px) {
    .w-xl-40 {
        width: 40% !important
    }
}

@media(min-width:1200px) {
    .w-xl-41 {
        width: 41% !important
    }
}

@media(min-width:1200px) {
    .w-xl-42 {
        width: 42% !important
    }
}

@media(min-width:1200px) {
    .w-xl-43 {
        width: 43% !important
    }
}

@media(min-width:1200px) {
    .w-xl-44 {
        width: 44% !important
    }
}

@media(min-width:1200px) {
    .w-xl-45 {
        width: 45% !important
    }
}

@media(min-width:1200px) {
    .w-xl-46 {
        width: 46% !important
    }
}

@media(min-width:1200px) {
    .w-xl-47 {
        width: 47% !important
    }
}

@media(min-width:1200px) {
    .w-xl-48 {
        width: 48% !important
    }
}

@media(min-width:1200px) {
    .w-xl-49 {
        width: 49% !important
    }
}

@media(min-width:1200px) {
    .w-xl-50 {
        width: 50% !important
    }
}

@media(min-width:1200px) {
    .w-xl-51 {
        width: 51% !important
    }
}

@media(min-width:1200px) {
    .w-xl-52 {
        width: 52% !important
    }
}

@media(min-width:1200px) {
    .w-xl-53 {
        width: 53% !important
    }
}

@media(min-width:1200px) {
    .w-xl-54 {
        width: 54% !important
    }
}

@media(min-width:1200px) {
    .w-xl-55 {
        width: 55% !important
    }
}

@media(min-width:1200px) {
    .w-xl-56 {
        width: 56% !important
    }
}

@media(min-width:1200px) {
    .w-xl-57 {
        width: 57% !important
    }
}

@media(min-width:1200px) {
    .w-xl-58 {
        width: 58% !important
    }
}

@media(min-width:1200px) {
    .w-xl-59 {
        width: 59% !important
    }
}

@media(min-width:1200px) {
    .w-xl-60 {
        width: 60% !important
    }
}

@media(min-width:1200px) {
    .w-xl-61 {
        width: 61% !important
    }
}

@media(min-width:1200px) {
    .w-xl-62 {
        width: 62% !important
    }
}

@media(min-width:1200px) {
    .w-xl-63 {
        width: 63% !important
    }
}

@media(min-width:1200px) {
    .w-xl-64 {
        width: 64% !important
    }
}

@media(min-width:1200px) {
    .w-xl-65 {
        width: 65% !important
    }
}

@media(min-width:1200px) {
    .w-xl-66 {
        width: 66% !important
    }
}

@media(min-width:1200px) {
    .w-xl-67 {
        width: 67% !important
    }
}

@media(min-width:1200px) {
    .w-xl-68 {
        width: 68% !important
    }
}

@media(min-width:1200px) {
    .w-xl-69 {
        width: 69% !important
    }
}

@media(min-width:1200px) {
    .w-xl-70 {
        width: 70% !important
    }
}

@media(min-width:1200px) {
    .w-xl-71 {
        width: 71% !important
    }
}

@media(min-width:1200px) {
    .w-xl-72 {
        width: 72% !important
    }
}

@media(min-width:1200px) {
    .w-xl-73 {
        width: 73% !important
    }
}

@media(min-width:1200px) {
    .w-xl-74 {
        width: 74% !important
    }
}

@media(min-width:1200px) {
    .w-xl-75 {
        width: 75% !important
    }
}

@media(min-width:1200px) {
    .w-xl-76 {
        width: 76% !important
    }
}

@media(min-width:1200px) {
    .w-xl-77 {
        width: 77% !important
    }
}

@media(min-width:1200px) {
    .w-xl-78 {
        width: 78% !important
    }
}

@media(min-width:1200px) {
    .w-xl-79 {
        width: 79% !important
    }
}

@media(min-width:1200px) {
    .w-xl-80 {
        width: 80% !important
    }
}

@media(min-width:1200px) {
    .w-xl-81 {
        width: 81% !important
    }
}

@media(min-width:1200px) {
    .w-xl-82 {
        width: 82% !important
    }
}

@media(min-width:1200px) {
    .w-xl-83 {
        width: 83% !important
    }
}

@media(min-width:1200px) {
    .w-xl-84 {
        width: 84% !important
    }
}

@media(min-width:1200px) {
    .w-xl-85 {
        width: 85% !important
    }
}

@media(min-width:1200px) {
    .w-xl-86 {
        width: 86% !important
    }
}

@media(min-width:1200px) {
    .w-xl-87 {
        width: 87% !important
    }
}

@media(min-width:1200px) {
    .w-xl-88 {
        width: 88% !important
    }
}

@media(min-width:1200px) {
    .w-xl-89 {
        width: 89% !important
    }
}

@media(min-width:1200px) {
    .w-xl-90 {
        width: 90% !important
    }
}

@media(min-width:1200px) {
    .w-xl-91 {
        width: 91% !important
    }
}

@media(min-width:1200px) {
    .w-xl-92 {
        width: 92% !important
    }
}

@media(min-width:1200px) {
    .w-xl-93 {
        width: 93% !important
    }
}

@media(min-width:1200px) {
    .w-xl-94 {
        width: 94% !important
    }
}

@media(min-width:1200px) {
    .w-xl-95 {
        width: 95% !important
    }
}

@media(min-width:1200px) {
    .w-xl-96 {
        width: 96% !important
    }
}

@media(min-width:1200px) {
    .w-xl-97 {
        width: 97% !important
    }
}

@media(min-width:1200px) {
    .w-xl-98 {
        width: 98% !important
    }
}

@media(min-width:1200px) {
    .w-xl-99 {
        width: 99% !important
    }
}

@media(min-width:1200px) {
    .w-xl-100 {
        width: 100% !important
    }
}

.w-10 {
    width: 10%
}

.w-15 {
    width: 15%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-30 {
    width: 30%
}

.w-35 {
    width: 35%
}

.w-40 {
    width: 40%
}

.w-45 {
    width: 45%
}

.w-55 {
    width: 55%
}

.w-60 {
    width: 60%
}

.w-65 {
    width: 65%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.w-95 {
    width: 95%
}

.h-65-5 {
    height: 66.5%
}

.h-40 {
    height: 40%
}

.fa-xxs {
    font-size: .6em
}

.ms-1-3 {
    margin-left: .35rem
}

.mt-6 {
    margin-top: 5rem
}

.ml-0 {
    margin-left: 0
}

.ml-2 {
    margin: 5px
}

@media(max-width:575.98px) {
    .mb-xs-1 {
        margin-bottom: .3rem
    }

    .mb-6 {
        margin-bottom: 3re
    }
}

.p-0-90 {
    padding: .9rem
}

.pe-6 {
    padding-right: 5rem
}

.ps-1-1 {
    padding-left: 1.1rem
}

.fs-040 {
    font-size: .4rem
}

.fs-0-50 {
    font-size: .5rem
}

.fs-0-60 {
    font-size: .6rem
}

.fs-0-65 {
    font-size: .65rem
}

.fs-0-70 {
    font-size: .7rem
}

.fs-075 {
    font-size: .75rem
}

.fs-080 {
    font-size: .8em !important
}

.fs-087 {
    font-size: .87rem
}

.fs-060 {
    font-size: .9rem
}

.fs-1 {
    font-size: 1rem !important
}

.fs-1-10 {
    font-size: 1.1rem
}

.fs-1-125 {
    font-size: 1.125rem
}

.fs-1-25 {
    font-size: 1.25rem
}

.fs-1-5 {
    font-size: 1.5rem
}

.fs-2-5 {
    font-size: 2.5rem
}

@media(max-width:575.98px) {
    .fs-xs-060 {
        font-size: .6rem !important
    }

    .fs-xs-070 {
        font-size: .7rem !important
    }
}

.fs-xs-060 {
    font-size: .6rem !important
}

.fs-xs-080 {
    font-size: .8rem !important
}

@media(min-width:576px) {
    .fs-sm-060 {
        font-size: .6rem !important
    }

    .fs-sm-080 {
        font-size: .8rem !important
    }
}

@media(min-width:768px) {
    .fs-md-090 {
        font-size: .9rem !important
    }

    .fs-md-080 {
        font-size: .8rem !important
    }
}

@media(min-width:992px) {
    .fs-lg-1 {
        font-size: 1rem !important
    }
}

@media(min-width:1200px) {
    .fs-xl-1 {
        font-size: 1rem !important
    }
}

.fw-600 {
    font-weight: 600
}

.fw-650 {
    font-weight: 650
}

.underline {
    text-decoration: underline
}

.color-blue-adrenalead {
    color: #135de4
}

.color-blue {
    color: #1d64e5
}

.color-light-grey {
    color: #aaa
}

.color-gris-bizarre {
    color: #3e4c5c
}

.color-orange-light {
    color: #fdba6b
}

.focus-ring-none:focus {
    outline: 0
}

.input-light-grey {
    border: 1px solid #dbdbdb;
    font-size: 14px
}

.border-top-primary-4 {
    border-top: 4px solid #135de4
}

.shadow-color-danger {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25)
}

.popover-content .wrong .fa-check {
    display: none
}

.popover-content .good .fa-times {
    display: none
}

.min-vh-75 {
    min-height: 75vh
}

.is-valid {
    background-image: none !important
}

.spinner-border {
    transition: opacity .2s ease-out
}

.spinner-reset.text-success,
.spinner-reset.text-warning,
.spinner-reset.text-danger {
    opacity: 0;
    transition: opacity .3s ease-out
}

.text-success.active,
.text-warning.active,
.text-danger.active {
    opacity: 1
}

.fade-out {
    opacity: 0
}

.pe-forced {
    cursor: pointer !important
}

.disabled-el {
    opacity: .5 !important;
    cursor: not-allowed !important
}

.device-screen::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/styles/smacss/commetuveux.png");
    z-index: 1;
    opacity: 35%
}

.device-screen * {
    position: relative;
    z-index: 999 !important
}

.fake-opacity-50 {
    filter: opacity(0.5)
}

.opacity-65 {
    opacity: 55%
}

.header-blue-bar {
    border-top: #135de4 solid 5px
}

.content-div-4 {
    max-width: 461px;
    margin: 0 auto
}

.content-div-6 {
    max-width: 575px;
    margin: 0 auto
}

.content-div-8 {
    max-width: 630px;
    margin: 0 auto
}

.fake-dialog-box {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1882352941);
    border-radius: 4px 4px 0 0;
    max-height: 65px;
    max-width: 135px
}

.consent-box {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: -12px 6px 18px rgba(0, 0, 0, 0.1882352941);
    border-radius: 0 0 4px 4px
}

.form-step-3 {
    background: #fff 0 0 no-repeat padding-box;
    border: 2px solid #dbdbdb
}

@media(max-width:575.98px) {
    .bottom-xs {
        position: static !important;
        margin-top: 2rem !important
    }
}

.button {
    border-radius: 50px;
    outline: 0;
    padding: 2%
}

.small-button {
    border-radius: 50px;
    outline: 0;
    font-size: 13px;
    padding: 1%
}

.button-blue {
    background: #135de4;
    border: 0;
    color: white
}

.button-black {
    background: #2a2a2a;
    border: 0;
    color: white
}

.button-transparent {
    background: white;
    border: 1px solid #135de4;
    color: #135de4;
    padding: 1.5%;
    text-decoration: none;
    text-align: center
}

.button-transparent:hover {
    background: #135de4;
    color: white
}

.button-transparent:hover .white-element {
    color: white
}

.button-grey {
    color: white;
    background: #a9a9a9;
    border: 0
}

.button-eyes {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius)
}

.button-light-grey {
    color: black;
    background: #e1e1e1;
    border: 0
}

.button-square-very-light-grey {
    background: #f4f4f4 0 0 no-repeat padding-box;
    border-radius: 5px
}

.fake-button-magenta {
    background-color: #ff003f;
    border: 0;
    color: white;
    padding-bottom: 5%;
    padding-top: 5%
}

.button-card-grey {
    background-color: #aaa;
    color: white;
    border: 0
}

.button-fake-dialog-box {
    border: .01rem solid #d2d2d2;
    border-radius: 3px;
    color: #0065d9;
    font-size: 4px;
    padding: .1rem .3rem .1rem .3rem
}

.button-wordpress {
    background: #006c9d;
    color: white;
    border: 0
}

.divider {
    margin-bottom: .5rem !important;
    border: 1px solid #b5b5b5
}

.divider-last {
    margin-top: .5rem !important;
    border: 1px solid #b5b5b5
}

.divider-dashed {
    border-top: 1px dashed #333;
    height: 100%
}

.logo_adren {
    height: 1rem;
    margin-top: -7px;
    margin-left: 3px
}

#lang-menu-container {
    margin-right: 1.5%;
    margin-top: 1%;
    width: auto
}

#lang-menu-container label {
    margin-right: 3%
}

#lang-menu-container select {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    opacity: 1;
    outline: 0;
    font-weight: 300;
    text-align: center;
    width: 125px;
    height: auto
}

.range-bar {
    width: 100%;
    height: 20px;
    background-color: #ccc;
    position: relative;
    cursor: pointer;
    border-radius: 15px
}

.range-bar .bar {
    height: 100%;
    background-color: #007bff;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.range-bar .thumb {
    width: 20px;
    height: 20px;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: pointer
}

.value-display {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%;
    position: relative
}

.value-display span {
    font-size: 14px;
    white-space: nowrap
}

.value-display span:first-child {
    position: absolute;
    left: 0;
    transform: translateX(-25%)
}

.value-display span:nth-child(2) {
    position: absolute;
    left: 33.33%;
    transform: translateX(-50%)
}

.value-display span:nth-child(3) {
    position: absolute;
    left: 66.66%;
    transform: translateX(-50%)
}

.value-display span:last-child {
    position: absolute;
    right: 0;
    transform: translateX(10%)
}

.progresses-bar {
    display: flex;
    align-items: center
}

.line {
    width: 120px;
    height: 8px;
    background: #e2e2e2;
    margin: 0 -5px
}

.line-to-check {
    width: 120px;
    height: 8px;
    background: #135de4;
    margin: 0 -5px
}

.steps-in-progress {
    display: flex;
    background-color: #135de4;
    color: #fff;
    font-size: 9px;
    width: 19px;
    height: 19px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1
}

.steps {
    display: flex;
    background-color: white;
    border: .5px solid #e2e2e2;
    color: black;
    font-size: 9px;
    width: 19px;
    height: 19px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1
}

.first-card {
    max-width: 543px !important;
    max-height: 407px !important;
    min-height: 402px !important;
    background: #f2f6fe 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 12px;
    opacity: 1
}

.right-card {
    background: #fbfbfb 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 12px;
    opacity: 1
}

.last-card {
    background: #f2f6fe 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 12px;
    opacity: 1
}

.top-card {
    background: #f2f6fe 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 12px;
    opacity: 1
}

.basic-card {
    background: #fbf7f1 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 12px;
    opacity: 1
}

.solo-card {
    max-width: 609px !important;
    max-height: 221px !important;
    background: #f2f6fe 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 12px;
    opacity: 1
}

.img-card-first {
    max-height: 220px !important;
    max-width: 309px !important
}

.img-card-right {
    max-height: 170px !important;
    max-width: 227px !important
}

.sticker {
    top: -45px
}

.color-picker-input {
    border: 1px solid #e1e1e1;
    height: 100%;
    padding: 0;
    box-shadow: none
}

.color-picker-input::-webkit-color-swatch {
    border: 0
}

.color-picker-container {
    position: relative;
    margin-top: 1.75px;
    width: 100%;
    text-align: center;
    height: 39px
}

.color-picker-code-element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.accordion-sizer {
    max-height: 500px;
    height: 100%
}

.accordion-sizer-xl {
    max-height: 600px
}

.accordion-sizer-xxl {
    max-height: 700px
}

.accordion-sizer-xxxl {
    max-height: 800px
}

.accordion-sizer-xxxxl {
    max-height: 2500px
}

.accordion-container {
    max-width: 936px;
    max-height: 500px;
    width: 100%;
    background: #f2f6fe 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 14px;
    opacity: 1
}

.accordion-container-without-animation {
    max-width: 936px;
    max-height: 500px;
    width: 100%;
    background: #f2f6fe 0 0 no-repeat padding-box;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    border: 11px solid #fff;
    border-radius: 14px;
    opacity: 1
}

.accordion-container-xl {
    max-height: 600px
}

.accordion-container-xxl {
    max-height: 700px
}

.accordion-container-xxxl {
    max-height: 800px
}

.accordion-container-xxxxl {
    max-height: 2500px
}

.accordion-header {
    background: #f2f6fe 0 0 no-repeat padding-box
}

.accordion-item {
    max-width: 936px;
    max-height: 492px;
    width: 100%;
    height: 100%
}

.accordion-item-xl {
    max-height: 550px
}

.accordion-item-xxl {
    max-height: 650px
}

.accordion-item-xxxl {
    max-height: 800px
}

.accordion-item-xxxxl {
    max-height: 2500px
}

.accordion-button {
    background: #f2f6fe 0 0 no-repeat padding-box
}

.accordion-button:focus {
    box-shadow: none;
    border: 0;
    background: transparent
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    border: 0;
    background: transparent
}

.accordion-body {
    background: #f2f6fe 0 0 no-repeat padding-box
}

.code-container {
    width: 100%;
    border-radius: 5px;
    overflow-x: auto;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353)
}

.code-container pre {
    margin: 0;
    padding: 5px 0 5px 10px !important
}

.adstxt-container {
    background: #28292b;
    color: white;
    border-radius: 5px;
    box-shadow: 4px 4px 14px rgba(30, 30, 30, 0.0705882353);
    resize: none;
    font-size: 14px
}

.inputFileWithClick {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.dashed-drop-zone {
    outline: 2px dashed #b5b5b5;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    background-color: #f6f6f6;
    position: relative
}

.browser {
    font-size: 18px;
    padding: 2.1em 0 0 0;
    border-radius: .25em;
    background: #ddd;
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .25em .9em -0.1em rgba(0, 0, 0, 0.3)
}

.browser .browser-navigation-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    height: 2.1em;
    position: absolute;
    top: 0;
    padding: .3em;
    width: 100%;
    background: linear-gradient(to bottom, #edeaed 0, #dddfdd 100%);
    border-bottom: 2px solid #cbcbcb
}

.browser i {
    font-size: .7rem;
    margin: .3em;
    opacity: .5
}

.browser .browser-control-icons {
    margin-left: 1em;
    display: flex;
    align-items: center
}

.browser .browser-control-icons i {
    font-size: .7em;
    margin-left: .5em
}

.browser input {
    font-size: .75em;
    vertical-align: top;
    display: inline-block;
    height: 1.6em;
    color: #aaa;
    width: calc(100% - 6em);
    border: .1em solid #e1e1e1;
    border-radius: .25em;
    background-color: #eee;
    margin: .1em;
    padding: 0 .4em
}

.browser-container {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center
}

.col-mod {
    transform: scale(0.5);
    position: relative;
    top: -78px;
    left: -50px
}

@media screen and (max-width:992px) {
    .col-mod {
        transform: scale(0.5);
        top: -90px;
        left: -28px
    }
}

.scroll-bar::-webkit-scrollbar {
    width: 9px
}

.scroll-bar::-webkit-scrollbar-track {
    background: #332d2d
}

.scroll-bar::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #fff
}

.scroll-bar::-webkit-scrollbar-thumb:hover {
    background-color: #fff
}

.lib-emails-input-container {
    background: #fff;
    border: 1px solid #c3c2cf;
    border-radius: 5px;
    overflow-y: auto
}

.email-block {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 7px;
    display: inline-block;
    background: rgba(102, 153, 255, 0.2)
}

.invalid-email {
    background: #fff;
    border-radius: 0;
    padding: 0;
    border-bottom: 1px dashed red
}

.duplicate {
    background: #ffdada;
    position: relative
}

.tooltip {
    position: absolute;
    background: #000;
    color: #fff;
    white-space: nowrap;
    top: 110%;
    left: 0;
    z-index: 2;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    display: none
}

.tooltip:after {
    content: " ";
    position: absolute;
    left: 40%;
    bottom: 80%;
    display: block;
    border-bottom: 10px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.remove-button {
    padding: 0 7px;
    font-size: 20px;
    cursor: pointer;
    user-select: none
}

.invalid-email .remove-button {
    padding-right: 0
}

.email-input {
    border: 0;
    font-size: 14px;
    line-height: 24px;
    min-height: 24px;
    outline: 0
}

.select2-container {
    min-width: 100%
}

@media(min-width:576px) {
    .select2-container {
        min-width: 100%
    }
}

@media(min-width:768px) {
    .select2-container {
        min-width: 100%
    }
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: transparent;
    margin-right: 15px;
    margin-left: 10px;
    vertical-align: middle
}

.select2-results__option[aria-selected=true]:before {
    font-family: "fontAwesome";
    content: "\f00c";
    color: white;
    background-color: #135de4;
    border: 0;
    display: inline-block;
    padding: 0;
    line-height: 1.2;
    padding-left: 2px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: white;
    color: black
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.8);
    box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.8)
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #135de4;
    border-width: 2px
}

.select2-container--default .select2-selection--multiple {
    border-width: 2px;
    border-color: transparent;
    padding: 10px 10px;
    line-height: 1.6;
    transition: .3s;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.63);
    box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.63)
}

@media(prefers-reduced-motion:reduce) {
    .select2-container--default .select2-selection--multiple {
        transition: none
    }
}

.select2-container--open .select2-dropdown--below {
    padding: 10px 0;
    border-radius: 4px;
    border: 0;
    -webkit-box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.63);
    box-shadow: 0 3px 22px -15px rgba(0, 0, 0, 0.63)
}

.select2-selection .select2-selection--multiple:after {
    content: "hhghgh"
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 0;
    background: rgba(0, 0, 0, 0.1);
    font-size: 15px;
    padding: 2px 10px;
    color: gray
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none !important
}

.select2-search--inline {
    display: contents
}

.select2-selection__rendered {
    overflow: inherit !important
}

/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */
.device,
.device::before,
.device::after,
.device *,
.device *::before,
.device *::after {
    box-sizing: border-box;
    display: block
}

.device {
    position: relative;
    transform: scale(0.6);
    z-index: 1;
    top: -115px
}

.device .device-frame {
    z-index: 1
}

.device .device-screen {
    background-position: center center;
    background-size: cover;
    object-fit: cover;
    position: relative
}

@media screen and (max-width:1199px) {
    .device {
        top: auto
    }
}

.device-iphone-14-pro {
    height: 868px;
    width: 428px
}

.device-iphone-14-pro .device-frame {
    background: #010101;
    border: 1px solid #1b1721;
    border-radius: 68px;
    box-shadow: inset 0 0 4px 2px #c0b7cd, inset 0 0 0 6px #342c3f;
    height: 868px;
    padding: 19px;
    width: 428px
}

.device-iphone-14-pro .device-screen {
    border-radius: 49px;
    height: 830px;
    width: 390px
}

.device-iphone-14-pro .device-stripe::after,
.device-iphone-14-pro .device-stripe::before {
    border: solid rgba(1, 1, 1, 0.25);
    border-width: 0 7px;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.device-iphone-14-pro .device-stripe::after {
    top: 85px
}

.device-iphone-14-pro .device-stripe::before {
    bottom: 85px
}

.device-iphone-14-pro .device-header {
    background: #010101;
    border-radius: 20px;
    height: 35px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    top: 29px;
    width: 120px
}

.device-iphone-14-pro .device-sensors::after,
.device-iphone-14-pro .device-sensors::before {
    content: "";
    position: absolute
}

.device-iphone-14-pro .device-sensors::after {
    background: #010101;
    border-radius: 17px;
    height: 33px;
    left: 50%;
    margin-left: -60px;
    top: 30px;
    width: 74px
}

.device-iphone-14-pro .device-sensors::before {
    background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    height: 9px;
    left: 50%;
    margin-left: 36px;
    top: 42px;
    width: 9px
}

.device-iphone-14-pro .device-btns {
    background: #1b1721;
    border-radius: 2px;
    height: 32px;
    left: -2px;
    position: absolute;
    top: 115px;
    width: 3px
}

.device-iphone-14-pro .device-btns::after,
.device-iphone-14-pro .device-btns::before {
    background: #1b1721;
    border-radius: 2px;
    content: "";
    height: 62px;
    left: 0;
    position: absolute;
    width: 3px
}

.device-iphone-14-pro .device-btns::after {
    top: 60px
}

.device-iphone-14-pro .device-btns::before {
    top: 140px
}

.device-iphone-14-pro .device-power {
    background: #1b1721;
    border-radius: 2px;
    height: 100px;
    right: -2px;
    position: absolute;
    top: 200px;
    width: 3px
}

.device-iphone-14-pro .device-home::after,
.device-iphone-14-pro .device-home::before {
    border: solid rgba(1, 1, 1, 0.25);
    border-width: 6px 0;
    content: "";
    height: 6px;
    position: absolute;
    width: 6px;
    z-index: 9
}

.device-iphone-14-pro .device-home::after {
    right: 86px;
    top: 0
}

.device-iphone-14-pro .device-home::before {
    bottom: 0;
    left: 86px
}

.device-iphone-14-pro.device-silver .device-frame {
    border-color: #c8cacb;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #e2e3e4
}

.device-iphone-14-pro.device-silver .device-btns {
    background: #c8cacb
}

.device-iphone-14-pro.device-silver .device-btns::after,
.device-iphone-14-pro.device-silver .device-btns::before {
    background: #c8cacb
}

.device-iphone-14-pro.device-silver .device-power {
    background: #c8cacb
}

.device-iphone-14-pro.device-black .device-frame {
    border-color: #5c5956;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #76726f
}

.device-iphone-14-pro.device-black .device-btns {
    background: #5c5956
}

.device-iphone-14-pro.device-black .device-btns::after,
.device-iphone-14-pro.device-black .device-btns::before {
    background: #5c5956
}

.device-iphone-14-pro.device-black .device-power {
    background: #5c5956
}

.device-iphone-14-pro.device-gold .device-frame {
    border-color: #e7d19e;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #d2ab4c
}

.device-iphone-14-pro.device-gold .device-btns {
    background: #e7d19e
}

.device-iphone-14-pro.device-gold .device-btns::after,
.device-iphone-14-pro.device-gold .device-btns::before {
    background: #e7d19e
}

.device-iphone-14-pro.device-gold .device-power {
    background: #e7d19e
}

.device-iphone-14 {
    height: 868px;
    width: 428px
}

.device-iphone-14 .device-frame {
    background: #010101;
    border: 1px solid #101315;
    border-radius: 68px;
    box-shadow: inset 0 0 4px 2px #b0b8c0, inset 0 0 0 6px #272c31;
    height: 868px;
    padding: 19px;
    width: 428px
}

.device-iphone-14 .device-screen {
    border-radius: 49px;
    height: 830px;
    width: 390px
}

.device-iphone-14 .device-stripe::after,
.device-iphone-14 .device-stripe::before {
    border: solid rgba(1, 1, 1, 0.25);
    border-width: 0 7px;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.device-iphone-14 .device-stripe::after {
    top: 85px
}

.device-iphone-14 .device-stripe::before {
    bottom: 85px
}

.device-iphone-14 .device-header {
    background: #010101;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 30px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    top: 20px;
    width: 160px
}

.device-iphone-14 .device-header::after,
.device-iphone-14 .device-header::before {
    content: "";
    height: 10px;
    position: absolute;
    top: 0;
    width: 10px
}

.device-iphone-14 .device-header::after {
    background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, #010101 75%, #010101 100%);
    left: -10px
}

.device-iphone-14 .device-header::before {
    background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, #010101 75%, #010101 100%);
    right: -10px
}

.device-iphone-14 .device-sensors::after,
.device-iphone-14 .device-sensors::before {
    content: "";
    position: absolute
}

.device-iphone-14 .device-sensors::after {
    background: #151515;
    border: 1px solid #010101;
    border-radius: 4px;
    box-shadow: 0 0 4px #151515;
    height: 7px;
    left: 50%;
    margin-left: -35px;
    top: 8px;
    width: 70px
}

.device-iphone-14 .device-sensors::before {
    background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    height: 9px;
    left: 50%;
    margin-left: -60px;
    top: 26px;
    width: 9px
}

.device-iphone-14 .device-btns {
    background: #101315;
    border-radius: 2px;
    height: 32px;
    left: -2px;
    position: absolute;
    top: 115px;
    width: 3px
}

.device-iphone-14 .device-btns::after,
.device-iphone-14 .device-btns::before {
    background: #101315;
    border-radius: 2px;
    content: "";
    height: 62px;
    left: 0;
    position: absolute;
    width: 3px
}

.device-iphone-14 .device-btns::after {
    top: 60px
}

.device-iphone-14 .device-btns::before {
    top: 140px
}

.device-iphone-14 .device-power {
    background: #101315;
    border-radius: 2px;
    height: 100px;
    right: -2px;
    position: absolute;
    top: 200px;
    width: 3px
}

.device-iphone-14 .device-home::after,
.device-iphone-14 .device-home::before {
    border: solid rgba(1, 1, 1, 0.25);
    border-width: 6px 0;
    content: "";
    height: 6px;
    position: absolute;
    width: 6px;
    z-index: 9
}

.device-iphone-14 .device-home::after {
    right: 86px;
    top: 0
}

.device-iphone-14 .device-home::before {
    bottom: 0;
    left: 86px
}

.device-iphone-14.device-purple .device-frame {
    border-color: #af9bbf;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #c8bad3
}

.device-iphone-14.device-purple .device-btns {
    background: #af9bbf
}

.device-iphone-14.device-purple .device-btns::after,
.device-iphone-14.device-purple .device-btns::before {
    background: #af9bbf
}

.device-iphone-14.device-purple .device-power {
    background: #af9bbf
}

.device-iphone-14.device-starlight .device-frame {
    border-color: #bdb4aa;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #d3cdc7
}

.device-iphone-14.device-starlight .device-btns {
    background: #bdb4aa
}

.device-iphone-14.device-starlight .device-btns::after,
.device-iphone-14.device-starlight .device-btns::before {
    background: #bdb4aa
}

.device-iphone-14.device-starlight .device-power {
    background: #bdb4aa
}

.device-iphone-14.device-red .device-frame {
    border-color: #d11813;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #ec302b
}

.device-iphone-14.device-red .device-btns {
    background: #d11813
}

.device-iphone-14.device-red .device-btns::after,
.device-iphone-14.device-red .device-btns::before {
    background: #d11813
}

.device-iphone-14.device-red .device-power {
    background: #d11813
}

.device-iphone-14.device-blue .device-frame {
    border-color: #7992aa;
    box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #98abbe
}

.device-iphone-14.device-blue .device-btns {
    background: #7992aa
}

.device-iphone-14.device-blue .device-btns::after,
.device-iphone-14.device-blue .device-btns::before {
    background: #7992aa
}

.device-iphone-14.device-blue .device-power {
    background: #7992aa
}

.device-iphone-x {
    height: 868px;
    width: 428px
}

.device-iphone-x .device-frame {
    background: #222;
    border-radius: 68px;
    box-shadow: inset 0 0 2px 2px #c8cacb, inset 0 0 0 7px #e2e3e4;
    height: 868px;
    padding: 28px;
    width: 428px
}

.device-iphone-x .device-screen {
    border-radius: 40px;
    height: 812px;
    width: 375px
}

.device-iphone-x .device-stripe::after,
.device-iphone-x .device-stripe::before {
    border: solid rgba(1, 1, 1, 0.25);
    border-width: 0 7px;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.device-iphone-x .device-stripe::after {
    top: 85px
}

.device-iphone-x .device-stripe::before {
    bottom: 85px
}

.device-iphone-x .device-header {
    background: #222;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 30px;
    left: 50%;
    margin-left: -102px;
    position: absolute;
    top: 28px;
    width: 204px
}

.device-iphone-x .device-header::after,
.device-iphone-x .device-header::before {
    content: "";
    height: 10px;
    position: absolute;
    top: 0;
    width: 10px
}

.device-iphone-x .device-header::after {
    background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, #222 75%, #222 100%);
    left: -10px
}

.device-iphone-x .device-header::before {
    background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, #222 75%, #222 100%);
    right: -10px
}

.device-iphone-x .device-sensors::after,
.device-iphone-x .device-sensors::before {
    content: "";
    position: absolute
}

.device-iphone-x .device-sensors::after {
    background: #333;
    border-radius: 3px;
    height: 6px;
    left: 50%;
    margin-left: -25px;
    top: 32px;
    width: 50px
}

.device-iphone-x .device-sensors::before {
    background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    height: 10px;
    left: 50%;
    margin-left: 42px;
    top: 30px;
    width: 10px
}

.device-iphone-x .device-btns {
    background: #c8cacb;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 115px;
    width: 3px
}

.device-iphone-x .device-btns::after,
.device-iphone-x .device-btns::before {
    background: #c8cacb;
    content: "";
    height: 62px;
    left: 0;
    position: absolute;
    width: 3px
}

.device-iphone-x .device-btns::after {
    top: 60px
}

.device-iphone-x .device-btns::before {
    top: 140px
}

.device-iphone-x .device-power {
    background: #c8cacb;
    height: 100px;
    right: -3px;
    position: absolute;
    top: 200px;
    width: 3px
}

.device-iphone-8 {
    height: 871px;
    width: 419px
}

.device-iphone-8 .device-frame {
    background: #fff;
    border-radius: 68px;
    box-shadow: inset 0 0 0 2px #c8cacb, inset 0 0 0 7px #e2e3e4;
    height: 871px;
    padding: 102px 22px;
    width: 419px
}

.device-iphone-8 .device-screen {
    border: 2px solid #222;
    border-radius: 4px;
    height: 667px;
    width: 375px
}

.device-iphone-8 .device-stripe::after,
.device-iphone-8 .device-stripe::before {
    border: solid rgba(51, 51, 51, 0.15);
    border-width: 0 7px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.device-iphone-8 .device-stripe::after {
    top: 68px
}

.device-iphone-8 .device-stripe::before {
    bottom: 68px
}

.device-iphone-8 .device-home {
    border: 2px solid #c8cacb;
    border-radius: 50%;
    bottom: 25px;
    height: 58px;
    left: 50%;
    margin-left: -29px;
    position: absolute;
    width: 58px
}

.device-iphone-8 .device-sensors {
    background: #666;
    border-radius: 3px;
    height: 6px;
    left: 50%;
    margin-left: -38px;
    position: absolute;
    top: 52px;
    width: 76px
}

.device-iphone-8 .device-sensors::after,
.device-iphone-8 .device-sensors::before {
    background: #666;
    border-radius: 50%;
    content: "";
    position: absolute
}

.device-iphone-8 .device-sensors::after {
    height: 10px;
    left: 50%;
    margin-left: -5px;
    top: -25px;
    width: 10px
}

.device-iphone-8 .device-sensors::before {
    height: 12px;
    left: -42px;
    margin-top: -6px;
    top: 50%;
    width: 12px
}

.device-iphone-8 .device-btns {
    background: #c8cacb;
    height: 30px;
    left: -3px;
    position: absolute;
    top: 102px;
    width: 3px
}

.device-iphone-8 .device-btns::after,
.device-iphone-8 .device-btns::before {
    background: #c8cacb;
    content: "";
    height: 56px;
    left: 0;
    position: absolute;
    width: 3px
}

.device-iphone-8 .device-btns::after {
    top: 62px
}

.device-iphone-8 .device-btns::before {
    top: 132px
}

.device-iphone-8 .device-power {
    background: #c8cacb;
    height: 80px;
    right: -2px;
    position: absolute;
    top: 160px;
    width: 3px
}

.device-iphone-8.device-gold .device-frame {
    box-shadow: inset 0 0 0 2px #e4b08a, inset 0 0 0 7px #f7e8dd
}

.device-iphone-8.device-gold .device-home {
    border-color: #e4b08a
}

.device-iphone-8.device-gold .device-btns,
.device-iphone-8.device-gold .device-btns::after,
.device-iphone-8.device-gold .device-btns::before {
    background: #e4b08a
}

.device-iphone-8.device-gold .device-power {
    background: #e4b08a
}

.device-iphone-8.device-spacegray .device-frame {
    background: #222;
    box-shadow: inset 0 0 0 2px #74747a, inset 0 0 0 7px #9b9ba0
}

.device-iphone-8.device-spacegray .device-stripe::after,
.device-iphone-8.device-spacegray .device-stripe::before {
    border-color: rgba(204, 204, 204, 0.35)
}

.device-iphone-8.device-spacegray .device-btns,
.device-iphone-8.device-spacegray .device-btns::after,
.device-iphone-8.device-spacegray .device-btns::before {
    background: #74747a
}

.device-the-iphone {
    height: 610px;
    width: 320px
}

.device-the-iphone .device-frame {
    background: #010101;
    border: 1px solid darkgray;
    border-radius: 56px;
    box-shadow: inset 0 0 4px 3px #010101, inset 0 0 2px 13px #f5f5f5;
    height: 610px;
    padding: 100px 22px;
    width: 320px
}

.device-the-iphone .device-frame::before {
    border: 8px solid #010101;
    border-left-width: 2px;
    border-radius: 48px;
    border-right-width: 2px;
    box-shadow: inset 0 0 8px 2px #010101;
    content: "";
    height: 594px;
    left: 2px;
    position: absolute;
    top: 9px;
    width: 316px
}

.device-the-iphone .device-frame::after {
    border: 4px solid gainsboro;
    border-radius: 38px;
    content: "";
    height: 590px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 294px
}

.device-the-iphone .device-screen {
    border: 2px solid #272727;
    border-radius: 4px;
    height: 410px;
    width: 276px
}

.device-the-iphone .device-sensors::before {
    background: linear-gradient(to bottom, #272727 50%, rgba(220, 220, 220, 0.25) 50%, darkgray);
    border-radius: 5px;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -28px;
    position: absolute;
    top: 52px;
    width: 56px
}

.device-the-iphone .device-sensors::after {
    background: #272727;
    border: 1px solid #010101;
    border-radius: 3px;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -26px;
    position: absolute;
    top: 54px;
    width: 52px
}

.device-the-iphone .device-btns {
    background: dimgray;
    border-radius: 2px 0 0 2px;
    height: 30px;
    left: -2px;
    position: absolute;
    top: 60px;
    width: 2px
}

.device-the-iphone .device-btns::after,
.device-the-iphone .device-btns::before {
    background: dimgray;
    content: "";
    height: 56px;
    left: 0;
    position: absolute;
    width: 2px
}

.device-the-iphone .device-btns::after {
    border-radius: 2px 0 0 50%;
    top: 50px
}

.device-the-iphone .device-btns::before {
    border-radius: 50% 0 0 2px;
    top: 131px
}

.device-the-iphone .device-home {
    background: radial-gradient(circle at top center, #010101 70%, rgba(220, 220, 220, 0.25) 70%, darkgray);
    border: 1px solid #292929;
    border-radius: 50%;
    bottom: 28px;
    height: 56px;
    left: 50%;
    margin-left: -28px;
    position: absolute;
    width: 56px
}

.device-the-iphone .device-home::before {
    border: 1px solid gainsboro;
    border-radius: 4px;
    content: "";
    height: 20px;
    left: 17px;
    position: absolute;
    top: 17px;
    width: 20px
}

.device-the-iphone .device-power {
    background: dimgray;
    border-radius: 2px 2px 0 0;
    height: 2px;
    right: 52px;
    position: absolute;
    top: -2px;
    width: 52px
}

.device-google-pixel-6-pro {
    height: 862px;
    width: 404px
}

.device-google-pixel-6-pro .device-frame {
    background: #121212;
    border-radius: 28px;
    box-shadow: inset 0 0 12px #8d8d86, inset 0 7px 0 3px #fdfdfc, inset 0 -6px 0 3px #fdfdfc;
    height: 862px;
    margin: 0 2px;
    padding: 20px 12px 26px 12px;
    width: 400px
}

.device-google-pixel-6-pro .device-screen {
    border-radius: 27px;
    height: 816px;
    width: 376px
}

.device-google-pixel-6-pro .device-header {
    background: linear-gradient(to bottom, #8d8d86 0, #cbcbc8 30%, #cbcbc8 100%);
    height: 10px;
    left: 50%;
    margin-left: -147px;
    position: absolute;
    top: 0;
    width: 294px
}

.device-google-pixel-6-pro .device-stripe::after {
    background: linear-gradient(to top, #121212, #666661);
    border-radius: 50px 50px 0 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    bottom: 0;
    width: 44px
}

.device-google-pixel-6-pro .device-stripe::before {
    background: #cbcbc8;
    bottom: 0;
    content: "";
    height: 9px;
    left: 50%;
    margin-left: 40px;
    position: absolute;
    width: 11px
}

.device-google-pixel-6-pro .device-sensors {
    background: #121212;
    border-radius: 50%;
    height: 22px;
    left: 50%;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute;
    top: 39px;
    width: 22px
}

.device-google-pixel-6-pro .device-sensors::after,
.device-google-pixel-6-pro .device-sensors::before {
    content: "";
    position: absolute
}

.device-google-pixel-6-pro .device-sensors::after {
    background: linear-gradient(to bottom, #121212, #666661);
    border-radius: 0 0 50px 50px;
    height: 4px;
    left: 50%;
    margin-left: -103px;
    top: -18px;
    width: 206px
}

.device-google-pixel-6-pro .device-sensors::before {
    background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    height: 8px;
    left: 7px;
    top: 7px;
    width: 8px
}

.device-google-pixel-6-pro .device-btns {
    background: #b2b2ae;
    height: 102px;
    position: absolute;
    right: 0;
    top: 306px;
    width: 3px
}

.device-google-pixel-6-pro .device-power {
    background: #b2b2ae;
    height: 58px;
    position: absolute;
    right: 0;
    top: 194px;
    width: 3px
}

.device-google-pixel-6-pro.device-gold .device-frame {
    box-shadow: inset 0 0 12px #ff962e, inset 0 7px 0 3px white, inset 0 -6px 0 3px white
}

.device-google-pixel-6-pro.device-gold .device-header {
    background: linear-gradient(to bottom, #ff962e 0, #ffd6ad 30%, #ffd6ad 100%)
}

.device-google-pixel-6-pro.device-gold .device-stripe::after {
    background: linear-gradient(to top, #121212, #e07000)
}

.device-google-pixel-6-pro.device-gold .device-stripe::before {
    background: #ffd6ad
}

.device-google-pixel-6-pro.device-gold .device-btns {
    background: #ffbd7a
}

.device-google-pixel-6-pro.device-gold .device-power {
    background: #ffbd7a
}

.device-google-pixel-6-pro.device-black .device-frame {
    box-shadow: inset 0 0 12px black, inset 0 7px 0 3px #646668, inset 0 -6px 0 3px #646668
}

.device-google-pixel-6-pro.device-black .device-header {
    background: linear-gradient(to bottom, black 0, #323334 30%, #323334 100%)
}

.device-google-pixel-6-pro.device-black .device-stripe::after {
    background: linear-gradient(to top, #121212, black)
}

.device-google-pixel-6-pro.device-black .device-stripe::before {
    background: #323334
}

.device-google-pixel-6-pro.device-black .device-btns {
    background: #191a1a
}

.device-google-pixel-6-pro.device-black .device-power {
    background: #191a1a
}

.device-google-pixel-2-xl {
    height: 832px;
    width: 404px
}

.device-google-pixel-2-xl .device-frame {
    background: #121212;
    border-radius: 36px;
    box-shadow: inset 0 0 0 2px #cfcfcf, inset 0 0 0 7px #9c9c9c;
    height: 832px;
    padding: 56px 22px;
    width: 404px
}

.device-google-pixel-2-xl .device-screen {
    border-radius: 27px;
    height: 720px;
    width: 360px
}

.device-google-pixel-2-xl .device-header {
    height: 832px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    top: 0;
    width: 300px
}

.device-google-pixel-2-xl .device-header::after,
.device-google-pixel-2-xl .device-header::before {
    background: #333;
    border-radius: 3px;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -73px;
    margin-top: -3px;
    position: absolute;
    width: 146px
}

.device-google-pixel-2-xl .device-header::after {
    top: 24px
}

.device-google-pixel-2-xl .device-header::before {
    bottom: 28px
}

.device-google-pixel-2-xl .device-sensors {
    background: #333;
    border-radius: 7px;
    height: 14px;
    left: 54px;
    margin-top: -7px;
    position: absolute;
    top: 36px;
    width: 14px
}

.device-google-pixel-2-xl .device-btns {
    background: #cfcfcf;
    height: 102px;
    position: absolute;
    right: -3px;
    top: 306px;
    width: 3px
}

.device-google-pixel-2-xl .device-power {
    background: #cfcfcf;
    height: 58px;
    position: absolute;
    right: -3px;
    top: 194px;
    width: 3px
}

.device-google-pixel {
    height: 744px;
    width: 360px
}

.device-google-pixel .device-frame {
    background: #f7f7f8;
    border-radius: 54px;
    box-shadow: inset 0 0 0 2px #c8cacb, inset 0 0 0 6px #e2e3e4, inset 0 0 0 10px white;
    height: 744px;
    padding: 82px 18px 86px 18px;
    width: 360px
}

.device-google-pixel .device-screen {
    border: 2px solid #222;
    border-radius: 2px;
    height: 576px;
    width: 324px
}

.device-google-pixel .device-stripe {
    border-top: 6px solid rgba(51, 51, 51, 0.15);
    bottom: 0;
    left: 254px;
    position: absolute;
    top: 0;
    width: 8px
}

.device-google-pixel .device-stripe::after,
.device-google-pixel .device-stripe::before {
    border: solid rgba(51, 51, 51, 0.15);
    border-width: 0 6px;
    content: "";
    height: 10px;
    left: -254px;
    position: absolute;
    width: 360px;
    z-index: 9
}

.device-google-pixel .device-stripe::after {
    top: 60px
}

.device-google-pixel .device-stripe::before {
    bottom: 46px
}

.device-google-pixel .device-sensors {
    background: #ddd;
    border-radius: 2.5px;
    height: 5px;
    left: 50%;
    margin-left: -39px;
    margin-top: -2.5px;
    position: absolute;
    top: 41px;
    width: 78px
}

.device-google-pixel .device-sensors::after,
.device-google-pixel .device-sensors::before {
    background: #333;
    border-radius: 6px;
    content: "";
    position: absolute
}

.device-google-pixel .device-sensors::after {
    height: 12px;
    left: 50%;
    margin-left: -14px;
    top: 21.5px;
    width: 28px
}

.device-google-pixel .device-sensors::before {
    height: 10px;
    left: -81px;
    margin-top: -5px;
    top: 50%;
    width: 10px
}

.device-google-pixel .device-btns {
    background: #c8cacb;
    height: 102px;
    position: absolute;
    right: -2px;
    top: 298px;
    width: 3px
}

.device-google-pixel .device-power {
    background: #c8cacb;
    height: 50px;
    position: absolute;
    right: -2px;
    top: 184px;
    width: 3px
}

.device-google-pixel.device-black .device-frame {
    background: #211d1c;
    box-shadow: inset 0 0 0 2px #363635, inset 0 0 0 6px #6a6967, inset 0 0 0 10px #3d3533
}

.device-google-pixel.device-black .device-stripe,
.device-google-pixel.device-black .device-stripe::after,
.device-google-pixel.device-black .device-stripe::before {
    border-color: rgba(13, 13, 13, 0.35)
}

.device-google-pixel.device-black .device-sensors {
    background: #444
}

.device-google-pixel.device-black .device-sensors::after {
    background: #0d0d0d
}

.device-google-pixel.device-black .device-btns,
.device-google-pixel.device-black .device-btns::after,
.device-google-pixel.device-black .device-btns::before {
    background: #363635
}

.device-google-pixel.device-black .device-power {
    background: #363635
}

.device-google-pixel.device-blue .device-frame {
    box-shadow: inset 0 0 0 2px #2a5aff, inset 0 0 0 6px #7695ff, inset 0 0 0 10px white
}

.device-google-pixel.device-blue .device-btns,
.device-google-pixel.device-blue .device-btns::after,
.device-google-pixel.device-blue .device-btns::before {
    background: #2a5aff
}

.device-google-pixel.device-blue .device-power {
    background: #2a5aff
}

.device-galaxy-s8 {
    height: 480px;
    width: 380px
}

.device-galaxy-s8 .device-frame {
    background: #222;
    border: solid #cfcfcf;
    border-radius: 55px;
    border-width: 5px 0;
    box-shadow: inset 0 0 0 2px #9c9c9c;
    height: 828px;
    padding: 48px 10px 40px 10px;
    width: 380px
}

.device-galaxy-s8 .device-screen {
    border: 2px solid #222;
    border-radius: 34px;
    height: 740px;
    width: 360px
}

.device-galaxy-s8 .device-stripe::after,
.device-galaxy-s8 .device-stripe::before {
    border: solid rgba(51, 51, 51, 0.15);
    border-width: 5px 0;
    content: "";
    height: 828px;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 9
}

.device-galaxy-s8 .device-stripe::after {
    left: 48px
}

.device-galaxy-s8 .device-stripe::before {
    right: 48px
}

.device-galaxy-s8 .device-sensors {
    background: #666;
    border-radius: 3px;
    height: 6px;
    left: 50%;
    margin-left: -24px;
    margin-top: -3px;
    position: absolute;
    top: 32px;
    width: 48px
}

.device-galaxy-s8 .device-sensors::after,
.device-galaxy-s8 .device-sensors::before {
    background: #666;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%
}

.device-galaxy-s8 .device-sensors::after {
    box-shadow: -192px 0 #333, -174px 0 #333, -240px 0 #333;
    height: 8px;
    right: -90px;
    margin-top: -4px;
    width: 8px
}

.device-galaxy-s8 .device-sensors::before {
    box-shadow: 186px 0 #666;
    height: 12px;
    left: -90px;
    margin-top: -6px;
    width: 12px
}

.device-galaxy-s8 .device-btns {
    background: #9c9c9c;
    border-radius: 3px 0 0 3px;
    height: 116px;
    left: -3px;
    position: absolute;
    top: 144px;
    width: 3px
}

.device-galaxy-s8 .device-btns::after {
    background: #9c9c9c;
    border-radius: 3px 0 0 3px;
    content: "";
    height: 54px;
    left: 0;
    position: absolute;
    top: 164px;
    width: 3px
}

.device-galaxy-s8 .device-power {
    background: #9c9c9c;
    border-radius: 0 3px 3px 0;
    height: 54px;
    right: -3px;
    position: absolute;
    top: 260px;
    width: 3px
}

.device-galaxy-s8.device-blue .device-frame {
    border-color: #a3c5e8;
    box-shadow: inset 0 0 0 2px #5192d4
}

.device-galaxy-s8.device-blue .device-stripe::after,
.device-galaxy-s8.device-blue .device-stripe::before {
    border-color: rgba(255, 255, 255, 0.35)
}

.device-galaxy-s8.device-blue .device-btns,
.device-galaxy-s8.device-blue .device-btns::after {
    background: #5192d4
}

.device-galaxy-s8.device-blue .device-power {
    background: #5192d4
}

@media screen and (max-width:1199px) {
    .device-galaxy-s8 {
        height: 650px
    }
}

.device-macbook-pro {
    height: 434px;
    width: 740px
}

.device-macbook-pro .device-frame {
    background: #0d0d0d;
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px #c8cacb;
    height: 418px;
    margin: 0 auto;
    padding: 9px 9px 23px 9px;
    position: relative;
    width: 618px
}

.device-macbook-pro .device-frame::after {
    background: linear-gradient(to bottom, #272727, #0d0d0d);
    border-radius: 0 0 20px 20px;
    bottom: 2px;
    content: "";
    height: 24px;
    left: 2px;
    position: absolute;
    width: 614px
}

.device-macbook-pro .device-header {
    background: #0d0d0d;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 12px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: 11px;
    width: 64px;
    z-index: 2
}

.device-macbook-pro .device-header::after,
.device-macbook-pro .device-header::before {
    content: "";
    height: 4px;
    position: absolute;
    top: 0;
    width: 4px
}

.device-macbook-pro .device-header::after {
    background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, #0d0d0d 75%, #0d0d0d 100%);
    left: -4px
}

.device-macbook-pro .device-header::before {
    background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, #0d0d0d 75%, #0d0d0d 100%);
    right: -4px
}

.device-macbook-pro .device-screen {
    border: 2px solid #121212;
    border-radius: 10px 10px 0 0;
    height: 375px;
    width: 600px
}

.device-macbook-pro .device-power {
    background: radial-gradient(circle at center, #e2e3e4 85%, #c8cacb 100%);
    border: solid #a0a3a7;
    border-radius: 2px 2px 12px 12px;
    border-width: 1px 2px 0 2px;
    box-shadow: inset 0 -2px 8px 0 #6c7074;
    height: 24px;
    margin-top: -10px;
    position: relative;
    width: 740px;
    z-index: 9
}

.device-macbook-pro .device-power::after {
    background: #e2e3e4;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 4px 2px #babdbf;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    top: 0;
    width: 120px
}

.device-macbook-pro .device-power::before {
    background: transparent;
    border-radius: 0 0 3px 3px;
    bottom: -2px;
    box-shadow: -300px 0 #272727, 300px 0 #272727;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px
}

.device-macbook-pro.device-spacegray .device-frame {
    box-shadow: inset 0 0 0 2px #767a7d
}

.device-macbook-pro.device-spacegray .device-power {
    background: radial-gradient(circle at center, #83878a 85%, #767a7d 100%);
    border-color: #454749;
    box-shadow: inset 0 -2px 8px 0 #202121
}

.device-macbook-pro.device-spacegray .device-power::after {
    background: #b7babc;
    box-shadow: inset 0 0 4px 2px #6a6d70
}

.device-macbook-pro-2018 {
    height: 444px;
    width: 740px
}

.device-macbook-pro-2018 .device-frame {
    background: #0d0d0d;
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px #c8cacb;
    height: 428px;
    margin: 0 auto;
    padding: 29px 19px 39px 19px;
    position: relative;
    width: 614px
}

.device-macbook-pro-2018 .device-frame::after {
    background: #272727;
    border-radius: 0 0 20px 20px;
    bottom: 2px;
    content: "";
    height: 26px;
    left: 2px;
    position: absolute;
    width: 610px
}

.device-macbook-pro-2018 .device-frame::before {
    bottom: 10px;
    color: #c8cacb;
    content: "MacBook Pro";
    font-size: 12px;
    height: 16px;
    left: 50%;
    line-height: 16px;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 1
}

.device-macbook-pro-2018 .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 360px;
    width: 576px
}

.device-macbook-pro-2018 .device-power {
    background: #e2e3e4;
    border: solid #d5d6d8;
    border-radius: 2px 2px 0 0;
    border-width: 2px 4px 0 4px;
    height: 14px;
    margin-top: -10px;
    position: relative;
    width: 740px;
    z-index: 9
}

.device-macbook-pro-2018 .device-power::after,
.device-macbook-pro-2018 .device-power::before {
    content: "";
    position: absolute
}

.device-macbook-pro-2018 .device-power::after {
    background: #d5d6d8;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 4px 2px #babdbf;
    height: 10px;
    left: 50%;
    margin-left: -60px;
    top: -2px;
    width: 120px
}

.device-macbook-pro-2018 .device-power::before {
    background: #a0a3a7;
    border-radius: 0 0 180px 180px/0 0 12px 12px;
    box-shadow: inset 0 -2px 6px 0 #474a4d;
    height: 12px;
    left: -4px;
    margin: 0 auto;
    top: 10px;
    width: 740px
}

.device-macbook-pro-2018.device-spacegray .device-frame {
    box-shadow: inset 0 0 0 2px #767a7d
}

.device-macbook-pro-2018.device-spacegray .device-power {
    background: #909496;
    border-color: #767a7d
}

.device-macbook-pro-2018.device-spacegray .device-power::after {
    background: #83878a;
    box-shadow: inset 0 0 4px 2px #6a6d70
}

.device-macbook-pro-2018.device-spacegray .device-power::before {
    background: #515456;
    box-shadow: inset 0 -2px 6px 0 black
}

.device-macbook {
    height: 432px;
    width: 740px
}

.device-macbook .device-frame {
    background: #0d0d0d;
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px #c8cacb;
    height: 428px;
    margin: 0 auto;
    padding: 29px 19px 39px 19px;
    position: relative;
    width: 614px
}

.device-macbook .device-frame::after {
    background: #272727;
    border-radius: 0 0 20px 20px;
    bottom: 2px;
    content: "";
    height: 26px;
    left: 2px;
    position: absolute;
    width: 610px
}

.device-macbook .device-frame::before {
    bottom: 10px;
    color: #c8cacb;
    content: "MacBook";
    font-size: 12px;
    height: 16px;
    left: 50%;
    line-height: 16px;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 1
}

.device-macbook .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 360px;
    width: 576px
}

.device-macbook .device-power {
    background: #e2e3e4;
    border: solid #d5d6d8;
    border-radius: 2px 2px 0 0;
    border-width: 0 4px;
    height: 4px;
    margin-top: -10px;
    position: relative;
    width: 740px;
    z-index: 9
}

.device-macbook .device-power::after,
.device-macbook .device-power::before {
    content: "";
    position: absolute
}

.device-macbook .device-power::after {
    background: radial-gradient(circle at center, #e2e3e4 0, #e2e3e4 85%, #a0a3a7 100%);
    border: solid #adb0b3;
    border-width: 0 2px;
    height: 4px;
    left: 50%;
    margin-left: -60px;
    width: 120px
}

.device-macbook .device-power::before {
    background: #a0a3a7;
    border-radius: 0 0 180px 180px/0 0 10px 10px;
    box-shadow: inset 0 -2px 6px 0 #474a4d;
    height: 10px;
    left: -4px;
    margin: 0 auto;
    top: 4px;
    width: 740px
}

.device-macbook.device-gold .device-frame {
    box-shadow: inset 0 0 0 2px #edccb4
}

.device-macbook.device-gold .device-power {
    background: #f7e8dd;
    border-color: #edccb4
}

.device-macbook.device-gold .device-power::after {
    background: radial-gradient(circle at center, #f7e8dd 0, #f7e8dd 85%, #dfa276 100%);
    border-color: #e4b08a
}

.device-macbook.device-gold .device-power::before {
    background: #edccb4;
    box-shadow: inset 0 -2px 6px 0 #83491f
}

.device-macbook.device-rosegold .device-frame {
    box-shadow: inset 0 0 0 2px #f6a69a
}

.device-macbook.device-rosegold .device-power {
    background: #facfc9;
    border-color: #f6a69a
}

.device-macbook.device-rosegold .device-power::after {
    background: radial-gradient(circle at center, #facfc9 0, #facfc9 85%, #ef6754 100%);
    border-color: #f6a69a
}

.device-macbook.device-rosegold .device-power::before {
    background: #f6a69a;
    box-shadow: inset 0 -2px 6px 0 #851b0c
}

.device-macbook.device-spacegray .device-frame {
    box-shadow: inset 0 0 0 2px #767a7d
}

.device-macbook.device-spacegray .device-power {
    background: #909496;
    border-color: #767a7d
}

.device-macbook.device-spacegray .device-power::after {
    background: radial-gradient(circle at center, #909496 0, #909496 85%, #515456 100%);
    border-color: #5d6163
}

.device-macbook.device-spacegray .device-power::before {
    background: #515456;
    box-shadow: inset 0 -2px 6px 0 black
}

.device-imac {
    height: 540px;
    width: 640px
}

.device-imac .device-frame {
    background: #edeef0;
    border-radius: 18px;
    box-shadow: inset 0 0 0 1px #d4d5d7;
    height: 440px;
    padding: 16px 16px 80px 16px;
    position: relative;
    width: 640px
}

.device-imac .device-frame::after {
    background: #d4d5d7;
    border-radius: 0 0 18px 18px;
    bottom: 1px;
    box-shadow: inset 0 0 18px 0 #c7c8cb;
    content: "";
    height: 63px;
    left: 1px;
    position: absolute;
    width: 638px
}

.device-imac .device-frame::before {
    background: #050505;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 6px;
    z-index: 9
}

.device-imac .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 342px;
    width: 608px
}

.device-imac .device-power::after {
    background: radial-gradient(circle at center, #d4d5d7 85%, #9fa1a6 100%);
    border-top: 1px solid #d4d5d7;
    content: "";
    height: 6px;
    margin: 0 auto;
    position: relative;
    width: 152px
}

.device-imac .device-power::before {
    background: linear-gradient(to bottom, #9fa1a6 0, #c7c8cb 40%, #c7c8cb 85%, white 90%, #6b6e74 100%);
    content: "";
    height: 92px;
    margin: 0 auto;
    position: relative;
    width: 152px
}

.device-imac .device-home {
    background: transparent;
    border-radius: 0 0 3px 3px;
    bottom: 0;
    box-shadow: -61px 0 #d4d5d7, 61px 0 #d4d5d7;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px
}

.device-imac.device-blue .device-frame {
    box-shadow: inset 0 0 0 2px #b4c7da
}

.device-imac.device-blue .device-frame::after {
    background: #b4c7da;
    box-shadow: inset 0 0 18px 0 #a3bad2
}

.device-imac.device-blue .device-power::after {
    background: radial-gradient(circle at center, #b4c7da 85%, #7094b8 100%);
    border-top-color: #b4c7da
}

.device-imac.device-blue .device-power::before {
    background: linear-gradient(to bottom, #7094b8 0, #a3bad2 40%, #a3bad2 85%, white 90%, #406182 100%)
}

.device-imac.device-blue .device-home {
    box-shadow: -61px 0 #b4c7da, 61px 0 #b4c7da
}

.device-imac.device-green .device-frame {
    box-shadow: inset 0 0 0 2px #bbd0c8
}

.device-imac.device-green .device-frame::after {
    background: #bbd0c8;
    box-shadow: inset 0 0 18px 0 #acc6bc
}

.device-imac.device-green .device-power::after {
    background: radial-gradient(circle at center, #bbd0c8 85%, #7fa697 100%);
    border-top-color: #bbd0c8
}

.device-imac.device-green .device-power::before {
    background: linear-gradient(to bottom, #7fa697 0, #acc6bc 40%, #acc6bc 85%, white 90%, #4e7164 100%)
}

.device-imac.device-green .device-home {
    box-shadow: -61px 0 #bbd0c8, 61px 0 #bbd0c8
}

.device-imac.device-pink .device-frame {
    box-shadow: inset 0 0 0 2px #edccc6
}

.device-imac.device-pink .device-frame::after {
    background: #edccc6;
    box-shadow: inset 0 0 18px 0 #e7bbb3
}

.device-imac.device-pink .device-power::after {
    background: radial-gradient(circle at center, #edccc6 85%, #d58778 100%);
    border-top-color: #edccc6
}

.device-imac.device-pink .device-power::before {
    background: linear-gradient(to bottom, #d58778 0, #e7bbb3 40%, #e7bbb3 85%, white 90%, #b04a37 100%)
}

.device-imac.device-pink .device-home {
    box-shadow: -61px 0 #edccc6, 61px 0 #edccc6
}

.device-imac.device-yellow .device-frame {
    box-shadow: inset 0 0 0 2px #f4d595
}

.device-imac.device-yellow .device-frame::after {
    background: #f4d595;
    box-shadow: inset 0 0 18px 0 #f2cc7e
}

.device-imac.device-yellow .device-power::after {
    background: radial-gradient(circle at center, #f4d595 85%, #eab039 100%);
    border-top-color: #f4d595
}

.device-imac.device-yellow .device-power::before {
    background: linear-gradient(to bottom, #eab039 0, #f2cc7e 40%, #f2cc7e 85%, white 90%, #ab7912 100%)
}

.device-imac.device-yellow .device-home {
    box-shadow: -61px 0 #f4d595, 61px 0 #f4d595
}

.device-imac.device-orange .device-frame {
    box-shadow: inset 0 0 0 2px #e9b5a0
}

.device-imac.device-orange .device-frame::after {
    background: #e9b5a0;
    box-shadow: inset 0 0 18px 0 #e4a58b
}

.device-imac.device-orange .device-power::after {
    background: radial-gradient(circle at center, #e9b5a0 85%, #d6744d 100%);
    border-top-color: #e9b5a0
}

.device-imac.device-orange .device-power::before {
    background: linear-gradient(to bottom, #d6744d 0, #e4a58b 40%, #e4a58b 85%, white 90%, #994524 100%)
}

.device-imac.device-orange .device-home {
    box-shadow: -61px 0 #e9b5a0, 61px 0 #e9b5a0
}

.device-imac.device-purple .device-frame {
    box-shadow: inset 0 0 0 2px #c4c4e5
}

.device-imac.device-purple .device-frame::after {
    background: #c4c4e5;
    box-shadow: inset 0 0 18px 0 #b2b2dd
}

.device-imac.device-purple .device-power::after {
    background: radial-gradient(circle at center, #c4c4e5 85%, #7d7dc6 100%);
    border-top-color: #c4c4e5
}

.device-imac.device-purple .device-power::before {
    background: linear-gradient(to bottom, #7d7dc6 0, #b2b2dd 40%, #b2b2dd 85%, white 90%, #449 100%)
}

.device-imac.device-purple .device-home {
    box-shadow: -61px 0 #c4c4e5, 61px 0 #c4c4e5
}

.device-imac-pro {
    height: 484px;
    width: 624px
}

.device-imac-pro .device-frame {
    background: #0d0d0d;
    border-radius: 18px;
    box-shadow: inset 0 0 0 2px #080808;
    height: 428px;
    padding: 24px 24px 80px 24px;
    position: relative;
    width: 624px
}

.device-imac-pro .device-frame::after {
    background: #2f2e33;
    border-radius: 0 0 18px 18px;
    bottom: 2px;
    content: "";
    height: 54px;
    left: 2px;
    position: absolute;
    width: 620px
}

.device-imac-pro .device-frame::before {
    bottom: 15px;
    color: #0d0d0d;
    content: "";
    font-size: 24px;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 9
}

.device-imac-pro .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 324px;
    width: 576px
}

.device-imac-pro .device-power::after,
.device-imac-pro .device-power::before {
    content: ""
}

.device-imac-pro .device-power::after {
    background: #222225;
    border-radius: 2px;
    height: 6px;
    margin: 0 auto;
    position: relative;
    width: 180px
}

.device-imac-pro .device-power::before {
    border: solid transparent;
    border-bottom-color: #333;
    border-width: 0 8px 50px 8px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 130px
}

.device-surface-book {
    height: 424px;
    width: 728px
}

.device-surface-book .device-frame {
    background: #0d0d0d;
    border-radius: 12px;
    box-shadow: inset 0 0 0 2px #c8c8c8;
    height: 408px;
    margin: 0 auto;
    padding: 24px 22px;
    position: relative;
    width: 584px
}

.device-surface-book .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 360px;
    width: 540px
}

.device-surface-book .device-btns::after,
.device-surface-book .device-btns::before {
    background: #c8c8c8;
    content: "";
    height: 2px;
    position: absolute;
    top: -2px
}

.device-surface-book .device-btns::after {
    left: 122px;
    width: 20px
}

.device-surface-book .device-btns::before {
    left: 168px;
    width: 44px
}

.device-surface-book .device-power {
    background: linear-gradient(to bottom, #eee, #c8c8c8);
    border: solid #c8c8c8;
    border-radius: 2px;
    border-width: 0 2px;
    height: 16px;
    margin-top: 4px;
    position: relative;
    width: 728px
}

.device-surface-book .device-power::after,
.device-surface-book .device-power::before {
    content: "";
    position: absolute
}

.device-surface-book .device-power::after {
    background: radial-gradient(circle at center, #eee 0, #eee 95%, #a2a2a2 100%);
    border-radius: 0 0 6px 6px;
    height: 8px;
    left: 50%;
    margin-left: -125px;
    top: 0;
    width: 250px;
    z-index: 1
}

.device-surface-book .device-power::before {
    background: linear-gradient(to bottom, #eee, #c8c8c8);
    border-radius: 2px 2px 0 0;
    bottom: 16px;
    height: 8px;
    left: 50%;
    margin-left: -292px;
    width: 584px
}

.device-surface-studio {
    height: 506px;
    width: 640px
}

.device-surface-studio .device-frame {
    background: #0d0d0d;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px black;
    height: 440px;
    padding: 20px;
    width: 640px
}

.device-surface-studio .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 400px;
    width: 600px
}

.device-surface-studio .device-stripe {
    background: #444;
    border-radius: 0 0 2px 2px;
    bottom: 0;
    height: 4px;
    left: 50%;
    margin-left: -117px;
    position: absolute;
    width: 234px
}

.device-surface-studio .device-stripe::after,
.device-surface-studio .device-stripe::before {
    content: "";
    left: 50%;
    position: absolute;
    top: -75px
}

.device-surface-studio .device-stripe::after {
    border: 1px solid #e2e3e4;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    box-shadow: inset 0 0 4px 1px #c8cacb, inset 0 0 4px 2px #e2e3e4, inset 0 0 0 8px #c8cacb;
    height: 60px;
    margin-left: -140px;
    width: 280px;
    z-index: -1
}

.device-surface-studio .device-stripe::before {
    border: 15px solid #e2e3e4;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    height: 70px;
    margin-left: -150px;
    width: 300px;
    z-index: -2
}

.device-surface-studio .device-power {
    background: radial-gradient(circle at center, #e2e3e4 85%, #c8cacb 100%);
    border-radius: 0 0 2px 2px;
    height: 32px;
    margin: 30px auto 0 auto;
    position: relative;
    width: 250px
}

.device-surface-studio .device-power::after {
    background: #babdbf;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 250px
}

.device-ipad-pro {
    height: 778px;
    width: 560px
}

.device-ipad-pro .device-frame {
    background: #0d0d0d;
    border-radius: 36px;
    box-shadow: inset 0 0 0 1px #babdbf, inset 0 0 1px 3px #e2e3e4;
    height: 778px;
    padding: 27px;
    width: 560px
}

.device-ipad-pro .device-screen {
    border: 2px solid #121212;
    border-radius: 11px;
    height: 724px;
    width: 506px
}

.device-ipad-pro .device-btns::after,
.device-ipad-pro .device-btns::before {
    background: #babdbf;
    content: "";
    position: absolute
}

.device-ipad-pro .device-btns::after {
    height: 2px;
    right: 40px;
    top: -2px;
    width: 36px
}

.device-ipad-pro .device-btns::before {
    box-shadow: 0 37px #babdbf;
    height: 32px;
    right: -2px;
    top: 63px;
    width: 2px
}

.device-ipad-pro .device-sensors::after,
.device-ipad-pro .device-sensors::before {
    content: "";
    position: absolute
}

.device-ipad-pro .device-sensors::after {
    background: #1a1a1a;
    border-radius: 17px;
    box-shadow: -20px 0 #1a1a1a, 70px 0 #1a1a1a;
    height: 10px;
    left: 50%;
    margin-left: -30px;
    top: 12px;
    width: 10px
}

.device-ipad-pro .device-sensors::before {
    background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    height: 6px;
    left: 50%;
    margin-left: -3px;
    top: 14px;
    width: 6px
}

.device-ipad-pro.device-spacegray .device-frame {
    box-shadow: inset 0 0 0 1px #6a6d70, inset 0 0 1px 3px #83878a
}

.device-ipad-pro.device-spacegray .device-btns::after,
.device-ipad-pro.device-spacegray .device-btns::before {
    background: #6a6d70
}

.device-ipad-pro.device-spacegray .device-btns::before {
    box-shadow: 0 37px #6a6d70
}

.device-ipad-pro-2017 {
    height: 804px;
    width: 560px
}

.device-ipad-pro-2017 .device-frame {
    background: #fff;
    border-radius: 38px;
    box-shadow: inset 0 0 0 2px #c8cacb, inset 0 0 0 6px #e2e3e4;
    height: 804px;
    padding: 62px 25px;
    width: 560px
}

.device-ipad-pro-2017 .device-screen {
    border: 2px solid #222;
    border-radius: 2px;
    height: 680px;
    width: 510px
}

.device-ipad-pro-2017 .device-home {
    border: 2px solid #c8cacb;
    border-radius: 50%;
    bottom: 17px;
    height: 34px;
    left: 50%;
    margin-left: -17px;
    position: absolute;
    width: 34px
}

.device-ipad-pro-2017 .device-sensors {
    background: #666;
    border-radius: 50%;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 34px;
    width: 10px
}

.device-ipad-pro-2017.device-gold .device-frame {
    box-shadow: inset 0 0 0 2px #e4b08a, inset 0 0 0 6px #f7e8dd
}

.device-ipad-pro-2017.device-gold .device-header {
    border-color: #e4b08a
}

.device-ipad-pro-2017.device-rosegold .device-frame {
    box-shadow: inset 0 0 0 2px #f6a69a, inset 0 0 0 6px #facfc9
}

.device-ipad-pro-2017.device-rosegold .device-home {
    border-color: #f6a69a
}

.device-ipad-pro-2017.device-spacegray .device-frame {
    background: #222;
    box-shadow: inset 0 0 0 2px #818187, inset 0 0 0 6px #9b9ba0
}

.device-ipad-pro-2017.device-spacegray .device-home {
    border-color: #818187
}

.device-surface-pro-2017 {
    height: 394px;
    width: 561px
}

.device-surface-pro-2017 .device-frame {
    background: #0d0d0d;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #c8c8c8;
    height: 394px;
    margin: 0 auto;
    padding: 26px 24px;
    width: 561px
}

.device-surface-pro-2017 .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 342px;
    width: 513px
}

.device-surface-pro-2017 .device-btns::after,
.device-surface-pro-2017 .device-btns::before {
    background: #c8c8c8;
    content: "";
    height: 2px;
    position: absolute;
    top: -2px
}

.device-surface-pro-2017 .device-btns::after {
    left: 48px;
    width: 26px
}

.device-surface-pro-2017 .device-btns::before {
    left: 94px;
    width: 48px
}

.device-surface-pro-2017 .device-sensors {
    background: #333;
    border-radius: 50%;
    height: 6px;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    position: absolute;
    top: 14px;
    width: 6px
}

.device-apple-watch-ultra {
    height: 380px;
    width: 360px
}

.device-apple-watch-ultra .device-frame {
    background: #0d0d0d;
    border-radius: 92px;
    box-shadow: inset 0 0 12px 1px rgba(13, 13, 13, 0.75), inset 0 0 0 6px #d6ccc2, inset 0 0 0 12px #d6ccc2;
    height: 380px;
    margin: 0 20px;
    padding: 38px;
    position: relative;
    width: 320px
}

.device-apple-watch-ultra .device-frame::before {
    border: 1px solid #f5f2f0;
    border-radius: 80px;
    box-shadow: 0 0 6px rgba(13, 13, 13, 0.2), inset 0 0 4px 1px #f5f2f0, inset 0 0 0 10px #d6ccc2;
    content: "";
    height: 356px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 296px
}

.device-apple-watch-ultra .device-screen {
    border: 2px solid #121212;
    border-radius: 62px;
    height: 304px;
    width: 244px
}

.device-apple-watch-ultra .device-header {
    background: radial-gradient(circle at center, #d6ccc2 50%, #ebe6e1 85%, #a38c76 100%);
    border-radius: 4px 4px 4px 4px/8px 4px 4px 8px;
    box-shadow: inset 0 0 16px 1px rgba(13, 13, 13, 0.5), -8px 0 4px rgba(13, 13, 13, 0.2), inset 4px 0 4px rgba(13, 13, 13, 0.2);
    height: 214px;
    margin-top: -107px;
    position: absolute;
    right: 4px;
    top: 50%;
    width: 18px;
    z-index: 1
}

.device-apple-watch-ultra .device-header::before {
    border-radius: 8px 4px 4px 8px/32px 4px 4px 32px;
    box-shadow: -10px 0 8px rgba(13, 13, 13, 0.2);
    content: "";
    height: 194px;
    margin-top: -97px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 12px
}

.device-apple-watch-ultra .device-btns {
    background: #d6ccc2;
    border-left: 1px solid #4c4033;
    border-radius: 8px 6px 6px 8px/20px 6px 6px 20px;
    box-shadow: inset 8px 0 8px 0 #5c4d3e, inset -2px 0 6px #a38c76;
    height: 72px;
    position: absolute;
    right: 1px;
    top: 108px;
    width: 24px;
    z-index: 9
}

.device-apple-watch-ultra .device-btns::after {
    background: #d6ccc2;
    border-radius: 2px 4px 4px 2px/20px 8px 8px 20px;
    box-shadow: inset -2px 0 2px 0 #6b5948, inset -6px 0 18px #a38c76;
    content: "";
    height: 78px;
    right: 0;
    position: absolute;
    top: -4px;
    width: 6px
}

.device-apple-watch-ultra .device-btns::before {
    background: #d6ccc2;
    border-radius: 20%;
    box-shadow: 0 -30px rgba(163, 140, 118, 0.5), 0 -27px #d6ccc2, 0 -25px #89735c, 0 -21px rgba(163, 140, 118, 0.5), 0 -18px #d6ccc2, 0 -16px #89735c, 0 -12px rgba(163, 140, 118, 0.5), 0 -9px #d6ccc2, 0 -7px #89735c, 0 -3px rgba(163, 140, 118, 0.5), 0 0 #d6ccc2, 0 2px #89735c, 0 6px rgba(163, 140, 118, 0.5), 0 9px #d6ccc2, 0 11px #89735c, 0 15px rgba(163, 140, 118, 0.5), 0 18px #d6ccc2, 0 20px #89735c, 0 24px rgba(163, 140, 118, 0.5), 0 27px #d6ccc2, 0 29px #89735c;
    content: "";
    height: 3px;
    margin-top: -2px;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 16px;
    z-index: 9
}

.device-apple-watch-ultra .device-stripe {
    background: #e0d9d1;
    border-radius: 2px 8px 8px 2px;
    box-shadow: 0 14px 0 #d6ccc2, 0 28px 0 #d6ccc2;
    height: 10px;
    left: 19px;
    position: absolute;
    top: 98px;
    width: 4px;
    z-index: 1
}

.device-apple-watch-ultra .device-power {
    background: #d6ccc2;
    border-radius: 2px 4px 4px 2px/2px 8px 8px 2px;
    box-shadow: inset 0 0 2px 1px #a38c76;
    height: 72px;
    right: 1px;
    position: absolute;
    top: 212px;
    width: 4px
}

.device-apple-watch-ultra .device-home {
    background: #f18f42;
    border: 1px solid #a7500c;
    border-radius: 2px 4px 4px 2px/2px 8px 8px 2px;
    box-shadow: inset 0 0 1px 1px #ef812a;
    height: 106px;
    left: 19px;
    position: absolute;
    top: 162px;
    width: 4px;
    z-index: 1
}

.device-apple-watch-s8 {
    height: 380px;
    width: 360px
}

.device-apple-watch-s8 .device-frame {
    background: #0d0d0d;
    border-radius: 92px;
    box-shadow: inset 0 0 24px 1px #0d0d0d, inset 0 0 0 12px #606c78;
    height: 380px;
    margin: 0 20px;
    padding: 28px 26px;
    position: relative;
    width: 320px
}

.device-apple-watch-s8 .device-frame::before {
    border: 1px solid #0d0d0d;
    border-radius: 80px;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.5), inset 0 0 12px 2px rgba(255, 255, 255, 0.75);
    content: "";
    height: 356px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 298px
}

.device-apple-watch-s8 .device-screen {
    border: 2px solid #121212;
    border-radius: 62px;
    height: 324px;
    width: 268px
}

.device-apple-watch-s8 .device-btns {
    background: #606c78;
    border-left: 1px solid black;
    border-radius: 8px 6px 6px 8px/20px 6px 6px 20px;
    box-shadow: inset 8px 0 8px 0 #1c1f23, inset -2px 0 6px #272c31, -4px 0 8px rgba(13, 13, 13, 0.25);
    height: 72px;
    position: absolute;
    right: 10px;
    top: 108px;
    width: 18px;
    z-index: 9
}

.device-apple-watch-s8 .device-btns::after {
    background: #272c31;
    border-radius: 2px 4px 4px 2px/20px 8px 8px 20px;
    box-shadow: inset -2px 0 2px 0 black, inset -6px 0 18px #272c31;
    content: "";
    height: 72px;
    right: 0;
    position: absolute;
    top: 0;
    width: 6px
}

.device-apple-watch-s8 .device-btns::before {
    background: #272c31;
    border-radius: 20%;
    box-shadow: 0 -30px rgba(62, 70, 77, 0.75), 0 -27px #272c31, 0 -25px black, 0 -21px rgba(62, 70, 77, 0.75), 0 -18px #272c31, 0 -16px black, 0 -12px rgba(62, 70, 77, 0.75), 0 -9px #272c31, 0 -7px black, 0 -3px rgba(62, 70, 77, 0.75), 0 0 #272c31, 0 2px black, 0 6px rgba(62, 70, 77, 0.75), 0 9px #272c31, 0 11px black, 0 15px rgba(62, 70, 77, 0.75), 0 18px #272c31, 0 20px black, 0 24px rgba(62, 70, 77, 0.75), 0 27px #272c31, 0 29px black;
    content: "";
    height: 3px;
    margin-top: -2px;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 10px;
    z-index: 9
}

.device-apple-watch-s8 .device-power {
    background: #272c31;
    border-radius: 2px 4px 4px 2px/2px 8px 8px 2px;
    box-shadow: inset 0 0 2px 1px #101315;
    height: 72px;
    right: 18px;
    position: absolute;
    top: 212px;
    width: 4px
}

.device-homepod {
    height: 395px;
    width: 320px
}

.device-homepod .device-frame {
    background: linear-gradient(to right, #36373a 0, #8d8f95 25%, #1d1e20 60%, #111112 90%, #1d1e20 100%);
    border-radius: 80px;
    box-shadow: inset 0 0 0 2px #36373a, inset 0 0 40px 1px #1d1e20, inset 0 12px 40px 1px white, inset 0 -24px 40px 1px black;
    height: 385px;
    margin: 5px auto;
    overflow: hidden;
    position: relative;
    width: 320px
}

.device-homepod .device-stripe {
    background: repeating-linear-gradient(45deg, rgba(141, 143, 149, 0.35) 0, rgba(141, 143, 149, 0.35) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(135deg, rgba(141, 143, 149, 0.35) 0, rgba(141, 143, 149, 0.35) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(45deg, transparent 0, transparent 2px, rgba(29, 30, 32, 0.35) 2px, rgba(29, 30, 32, 0.35) 4px, transparent 4px, transparent 6px), repeating-linear-gradient(135deg, transparent 0, transparent 2px, rgba(29, 30, 32, 0.35) 2px, rgba(29, 30, 32, 0.35) 4px, transparent 4px, transparent 6px);
    border-radius: 80px;
    box-shadow: inset 0 0 0 2px #36373a, inset 0 0 40px 1px #1d1e20, inset 0 12px 24px 1px #9b9ca1, inset 0 -12px 24px 1px #050505;
    height: 385px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 5px;
    width: 320px;
    z-index: 9
}

.device-homepod .device-stripe::before {
    top: 0;
    transform: translateY(-34%) perspective(500px) rotateX(51deg)
}

.device-homepod .device-stripe::after {
    bottom: 0;
    transform: translateY(34%) perspective(500px) rotateX(-51deg)
}

.device-homepod .device-home::before,
.device-homepod .device-home::after {
    background: #36373a;
    content: "";
    left: 50%;
    position: absolute
}

.device-homepod .device-home::before {
    border-radius: 50% 50% 8px 8px;
    height: 10px;
    margin-left: -85px;
    top: 0;
    width: 170px
}

.device-homepod .device-home::after {
    border-radius: 0 0 10% 10%/0 0 8px 8px;
    bottom: 0;
    box-shadow: inset 0 0 4px 0 #111112;
    height: 5px;
    margin-left: -85px;
    width: 170px
}

.device-pro-display-xdr {
    height: 475px;
    width: 640px
}

.device-pro-display-xdr .device-frame {
    background: #151515;
    border-radius: 4px;
    box-shadow: inset 0 0 2px #d4d5d7;
    height: 368px;
    padding: 8px;
    position: relative;
    width: 640px
}

.device-pro-display-xdr .device-frame::before {
    background: #050505;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 6px;
    z-index: 9
}

.device-pro-display-xdr .device-screen {
    border: 2px solid #121212;
    border-radius: 2px;
    height: 352px;
    width: 624px
}

.device-pro-display-xdr .device-power::after {
    background: radial-gradient(circle at center, #d4d5d7 85%, #9fa1a6 100%);
    border-top: 1px solid #d4d5d7;
    content: "";
    height: 6px;
    margin: 0 auto;
    position: relative;
    width: 152px
}

.device-pro-display-xdr .device-power::before {
    background: linear-gradient(to bottom, #9fa1a6 0, #c7c8cb 40%, #c7c8cb 85%, white 90%, #6b6e74 100%);
    content: "";
    height: 102px;
    margin: 0 auto;
    position: relative;
    width: 152px
}

.device-pro-display-xdr .device-home {
    background: transparent;
    border-radius: 0 0 3px 3px;
    bottom: -2px;
    box-shadow: -61px 0 #6b6e74, 61px 0 #6b6e74;
    height: 1px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px
}

.wrong .fa-check {
    display: none
}

.good .fa-times {
    display: none
}

.address-collection-container {
    max-width: 500px;
    margin: auto
}

.autocomplete-container {
    position: relative
}

.address-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.address-row .main-part {
    flex: 1
}

.small-input {
    width: 90px
}

.margin-right {
    margin-right: 10px
}

.message-container {
    margin-top: 10px
}

.button-container {
    margin-top: 20px;
    text-align: right
}

.warning-input {
    border-color: #ffb610
}

.message-container {
    color: grey
}
.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: 40px;
    max-width: 400px;
    min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
    margin: 0;
    padding: 9px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
}