body {
    padding: 0px;
    margin: 0px;
}

header {
    position: relative;
    background-size: cover;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

h1 {
    color: #ff0000;
    font-size: 35px;
    text-shadow: 2px 2px #fff;
}

h3 {
    color: #0020C2;
    font-size: 20px;
    text-shadow: 3px;
}

header video {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
    header {
        /* background: url('video/aaa.mp4') black no-repeat center center scroll; */
    }
    header video {
        /* display: none; */
    }
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(9999px);
    position: fixed;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width:100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    margin: auto 0;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px
}

.Toastify--animate {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0;
        border-radius: 0
    }
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.Toastify__close-button--default {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: .7;
    background-color: hsla(0,0%,100%,.7);
    -webkit-transform-origin: left;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    -webkit-transform-origin: right;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}

.Toastify__progress-bar--dark {
    background: #bb86fc
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

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

@keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

@keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipIn {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut
}

@-webkit-keyframes Toastify__slideInRight {
    0% {
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInRight {
    0% {
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    0% {
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInUp {
    0% {
        -webkit-transform: translate3d(0,110%,0);
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        -webkit-transform: translate3d(0,110%,0);
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInDown {
    0% {
        -webkit-transform: translate3d(0,-110%,0);
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        -webkit-transform: translate3d(0,-110%,0);
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0)
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0)
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,500px,0);
        transform: translate3d(0,500px,0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,500px,0);
        transform: translate3d(0,500px,0)
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-500px,0);
        transform: translate3d(0,-500px,0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-500px,0);
        transform: translate3d(0,-500px,0)
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(/_next/static/media/slick.25572f22.eot);
    src: url(/_next/static/media/slick.25572f22.eot) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg) format("svg")
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.gradient-deg0 {
    background: #22abf9;
    background: linear-gradient(0deg,#22abf9,#22abf9 40%,#ff6a3a)
}

.gradient-deg25 {
    background: #22abf9;
    background: linear-gradient(25deg,#22abf9,#22abf9 40%,#ff6a3a)
}

.gradient-condensed {
    background: linear-gradient(0deg,#ff6a3a,#ff6a3a 25%,#22abf9 75%,#22abf9)
}

.color-1st {
    color: #22abf9!important
}

.color-2nd {
    color: #ff6a3a!important
}

.border-1st {
    border-color: #22abf9!important
}

.border-2nd {
    border-color: #ff6a3a!important
}

.fill-1st {
    fill: #22abf9!important
}

.fill-2nd {
    fill: #ff6a3a!important
}

.stroke-1st {
    stroke: #22abf9!important
}

.stroke-2nd {
    stroke: #ff6a3a!important
}

.stroke-black {
    stroke: #000
}

.fill-path-1st path {
    fill: #22abf9!important
}

.fill-path-2nd path {
    fill: #ff6a3a!important
}

.bg-1st {
    background-color: #22abf9!important
}

.bg-op5-1st {
    background-color: rgba(34,171,249,.5)!important
}

.bg-2nd {
    background-color: #ff6a3a!important
}

.m-t-0 {
    margin-top: 0!important
}

.p-t-0 {
    padding-top: 0!important
}

.m-b-0 {
    margin-bottom: 0!important
}

.p-b-0 {
    padding-bottom: 0!important
}

.m-r-0 {
    margin-right: 0!important
}

.p-r-0 {
    padding-right: 0!important
}

.m-l-0 {
    margin-left: 0!important
}

.p-l-0 {
    padding-left: 0!important
}

.m-0 {
    margin: 0!important
}

.p-0 {
    padding: 0!important
}

.m-x-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.m-y-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.m-t-1 {
    margin-top: .3125rem!important
}

.p-t-1 {
    padding-top: .3125rem!important
}

.m-b-1 {
    margin-bottom: .3125rem!important
}

.p-b-1 {
    padding-bottom: .3125rem!important
}

.m-r-1 {
    margin-right: .3125rem!important
}

.p-r-1 {
    padding-right: .3125rem!important
}

.m-l-1 {
    margin-left: .3125rem!important
}

.p-l-1 {
    padding-left: .3125rem!important
}

.m-1 {
    margin: .3125rem!important
}

.p-1 {
    padding: .3125rem!important
}

.m-x-1 {
    margin-left: .3125rem!important;
    margin-right: .3125rem!important
}

.m-y-1 {
    margin-top: .3125rem!important;
    margin-bottom: .3125rem!important
}

.m-t-2 {
    margin-top: .625rem!important
}

.p-t-2 {
    padding-top: .625rem!important
}

.m-b-2 {
    margin-bottom: .625rem!important
}

.p-b-2 {
    padding-bottom: .625rem!important
}

.m-r-2 {
    margin-right: .625rem!important
}

.p-r-2 {
    padding-right: .625rem!important
}

.m-l-2 {
    margin-left: .625rem!important
}

.p-l-2 {
    padding-left: .625rem!important
}

.m-2 {
    margin: .625rem!important
}

.p-2 {
    padding: .625rem!important
}

.m-x-2 {
    margin-left: .625rem!important;
    margin-right: .625rem!important
}

.m-y-2 {
    margin-top: .625rem!important;
    margin-bottom: .625rem!important
}

.m-t-3 {
    margin-top: .9375rem!important
}

.p-t-3 {
    padding-top: .9375rem!important
}

.m-b-3 {
    margin-bottom: .9375rem!important
}

.p-b-3 {
    padding-bottom: .9375rem!important
}

.m-r-3 {
    margin-right: .9375rem!important
}

.p-r-3 {
    padding-right: .9375rem!important
}

.m-l-3 {
    margin-left: .9375rem!important
}

.p-l-3 {
    padding-left: .9375rem!important
}

.m-3 {
    margin: .9375rem!important
}

.p-3 {
    padding: .9375rem!important
}

.m-x-3 {
    margin-left: .9375rem!important;
    margin-right: .9375rem!important
}

.m-y-3 {
    margin-top: .9375rem!important;
    margin-bottom: .9375rem!important
}

.m-t-4 {
    margin-top: 1.25rem!important
}

.p-t-4 {
    padding-top: 1.25rem!important
}

.m-b-4 {
    margin-bottom: 1.25rem!important
}

.p-b-4 {
    padding-bottom: 1.25rem!important
}

.m-r-4 {
    margin-right: 1.25rem!important
}

.p-r-4 {
    padding-right: 1.25rem!important
}

.m-l-4 {
    margin-left: 1.25rem!important
}

.p-l-4 {
    padding-left: 1.25rem!important
}

.m-4 {
    margin: 1.25rem!important
}

.p-4 {
    padding: 1.25rem!important
}

.m-x-4 {
    margin-left: 1.25rem!important;
    margin-right: 1.25rem!important
}

.m-y-4 {
    margin-top: 1.25rem!important;
    margin-bottom: 1.25rem!important
}

.m-t-6 {
    margin-top: 2.5rem!important
}

.p-t-6 {
    padding-top: 2.5rem!important
}

.m-b-6 {
    margin-bottom: 2.5rem!important
}

.p-b-6 {
    padding-bottom: 2.5rem!important
}

.m-r-6 {
    margin-right: 2.5rem!important
}

.p-r-6 {
    padding-right: 2.5rem!important
}

.m-l-6 {
    margin-left: 2.5rem!important
}

.p-l-6 {
    padding-left: 2.5rem!important
}

.m-6 {
    margin: 2.5rem!important
}

.p-6 {
    padding: 2.5rem!important
}

.m-x-6 {
    margin-left: 2.5rem!important;
    margin-right: 2.5rem!important
}

.m-y-6 {
    margin-top: 2.5rem!important;
    margin-bottom: 2.5rem!important
}

@media(min-width: 769px) {
    .d-m-0 {
        margin:0!important
    }

    .d-p-0 {
        padding: 0!important
    }

    .d-m-1 {
        margin: .3125rem!important
    }

    .d-p-1 {
        padding: .3125rem!important
    }

    .d-m-2 {
        margin: .625rem!important
    }

    .d-p-2 {
        padding: .625rem!important
    }

    .d-m-3 {
        margin: .9375rem!important
    }

    .d-p-3 {
        padding: .9375rem!important
    }

    .d-m-4 {
        margin: 1.25rem!important
    }

    .d-p-4 {
        padding: 1.25rem!important
    }

    .d-m-6 {
        margin: 2.5rem!important
    }

    .d-p-6 {
        padding: 2.5rem!important
    }
}

.box {
    background: #fefefe;
    border-radius: 1rem;
    margin-bottom: .6rem;
    box-shadow: 0 10px 28px -8px rgba(0,0,0,.32)
}

.safari-radius-fix,.SocialPhoto_image {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    mask-image: -webkit-radial-gradient(#fff,#000)
}

.no-scroll {
    overflow: hidden
}

.border {
    border-style: solid;
    border-width: 1px
}

.ratio-16-9 {
    position: relative;
    padding-bottom: 56.25%
}

.ratio-4-1 {
    position: relative;
    padding-bottom: 25%
}

.no-border {
    border: none!important
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.radius-icon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 15px;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .875rem
}

.radius-icon.big {
    width: 32px;
    height: 32px;
    font-size: 1.25rem;
    border-radius: 30px;
    margin: 1px
}

.radius-icon.gradient {
    color: #fff
}

.no-decoration {
    text-decoration: none
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.centered.profile_head .profile_head_line,.flex-center,.flex-center-col,.SocialActions_btn,.SocialLink_action {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.flex-center-col {
    -webkit-flex-direction: column;
    flex-direction: column
}

.flex-between {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-around,.flex-between {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.flex-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.text-muted {
    opacity: .5
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.border-danger {
    border-color: #e83e42
}

.color-danger {
    color: #e83e42
}

.hide {
    display: none!important
}

.loading-spinner,.loading-spinner-center:before {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: text-bottom;
    border-style: solid;
    border-right: solid transparent;
    border-width: .25em;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.loading-spinner-center {
    margin-top: 10%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #22abf9
}

.loading-spinner-center:before {
    width: 2.5rem;
    height: 2.5rem;
    content: " "
}

.fw-400 {
    font-weight: 400
}

.font-11,.fs-11 {
    font-size: .6875rem
}

.font-14,.stats_intervals_link {
    line-height: 1.0625rem;
    font-size: .875rem
}

.font-primary {
    font-family: Montserrat,sans-serif
}

.font-courgette {
    font-family: Courgette,cursive
}

.bg-primary {
    background-color: #22abf9
}

.color-primary {
    color: #22abf9
}

.bg-cover,.boxset_item_avatar,.plist_item_avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media(max-width: 769px) {
    .hide-mobile {
        display:none!important
    }
}

@media(min-width: 769px) {
    .hide-desktop {
        display:none!important
    }
}

html {
    font-size: 100%
}

@media(min-width: 1024px) {
    .grow {
        transition:all .2s ease-in-out
    }

    .grow:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media(min-device-width: 320px) {
    html {
        font-size:13px
    }
}

@media(min-device-width: 375px) {
    html {
        font-size:15px
    }
}

@media(min-device-width: 414px) {
    html {
        font-size:16px
    }
}

body {
    margin: 0;
    color: #333;
    font-family: Montserrat,sans-serif;
    font-weight: 400
}

h1,h2,h3,p {
    margin: 0;
    line-height: 1.25
}

img {
    max-width: 100%
}

input,textarea {
    color: #000
}

.grecaptcha-badge {
    visibility: hidden
}

.layout-width {
    max-width: 1152px;
    margin: 0 auto
}

.divider {
    border-bottom: 1px solid #c9c9c9;
    width: 100%
}

@media(min-width: 769px) {
    .login {
        padding-top:25px
    }
}

.login_separator {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin: .9375rem 0 .625rem;
    font-family: Helvetica,sans-serif
}

.privacy,.terms {
    text-align: justify;
    font-size: .8125rem
}

.privacy .contents a,.terms .contents a {
    display: block;
    margin: .3125rem 0 0;
    text-decoration: none
}

.privacy h3,.terms h3 {
    margin: 1.5625rem 0 .3125rem
}

.privacy p,.terms p {
    margin: .625rem 0
}

.p-EsperanzaGomez .profile_wrapper {
    background: #272526!important
}

.p-EsperanzaGomez .box,.p-EsperanzaGomez .profile_addbtn,.p-EsperanzaGomez .profile_head,.p-EsperanzaGomez .profile_head_btn,.p-EsperanzaGomez .SocialLink {
    color: #fff!important;
    background-color: #323232;
    border-color: #323232!important
}

.p-EsperanzaGomez .profile_bnr img {
    border-radius: .5rem
}

.p-EsperanzaGomez .SocialLink_body h3 {
    color: #cba351!important
}

.p-EsperanzaGomez .c-head-font-color,.p-EsperanzaGomez .color-1st {
    color: #fff!important
}

.p-EsperanzaGomez .color-2nd {
    color: #cba351!important
}

.p-EsperanzaGomez .profile_head_bar button,.p-EsperanzaGomez .SocialLink_btn {
    background-color: #252324
}

.p-EsperanzaGomez .profile_head_bar button {
    border-left-color: #323232
}

.Toastify__toast.aboveNav {
    margin-bottom: 4.0625rem
}

.btn {
    display: inline-block;
    font-weight: 500;
    font-family: Montserrat,sans-serif;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .75rem;
    margin: 0;
    line-height: 1.25rem;
    font-size: 1rem;
    border-radius: 30px;
    outline: 0;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer
}

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

.btn-chevron .chevron-right {
    margin-left: .25rem;
    position: relative;
    top: 1px
}

.btn-sm {
    padding: .25rem .75rem;
    font-size: .75rem;
    font-weight: 400
}

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

.btn-loading {
    line-height: 0;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.btn-loading .loading-spinner,.btn-loading .loading-spinner-center:before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: .75rem
}

.btn-gray {
    border: .5px solid #a39d68;
    background-color: #fff
}

.btn-gray,.btn-gray:active,.btn-gray:visited {
    color: #5d5a30
}

.btn-black {
    color: #000;
    font-weight: 500;
    border: none;
    background-color: transparent
}

.btn-black,.btn-black:active,.btn-black:visited {
    color: #000
}

.btn-danger {
    color: #fff;
    font-weight: 500;
    border: #ff4f4f;
    background-color: #ff4f4f
}

.btn-danger,.btn-danger:active,.btn-danger:visited {
    color: #fff
}

.btn-black-inverted {
    color: #fff;
    font-weight: 500;
    border: none;
    background-color: #000
}

.btn-black-inverted,.btn-black-inverted:active,.btn-black-inverted:visited {
    color: #fff
}

.btn-link {
    border-color: transparent
}

.btn-link.danger {
    color: #ff4f4f!important
}

.btn-blank,.btn-clear {
    border: none;
    padding: 0;
    line-height: 0;
    font-weight: 400;
    background: transparent
}

.btn-pill {
    width: auto;
    padding: .3125rem .625rem;
    font-size: 1.25rem;
    font-weight: 400;
    border: .5px solid #929292;
    background-color: #f3f3f3
}

.btn-pill.active {
    background-color: #22abf9;
    color: #fff
}

.btn-pill.active,.btn-pill:hover {
    border: 1px solid #22abf9
}

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

.btn-primary {
    border-color: #22abf9;
    color: #fff;
    background-color: #22abf9
}

.btn-primary:active {
    background-color: #0572b0;
    border-color: #0572b0
}

.btn-primary.disabled,.btn-primary:disabled {
    opacity: 1;
    background-color: #d6d6d6;
    border-color: #d6d6d6
}

.btn-primary-light {
    border-color: #e2e2e2;
    color: #22abf9;
    background-color: #fff
}

.btn-primary-light:active {
    background-color: #ccc;
    border-color: #afafaf
}

.btn-primary-light.disabled,.btn-primary-light:disabled {
    opacity: 1;
    color: #5d5a30;
    background-color: #d6d6d6;
    border-color: #d6d6d6
}

.btn-secondary {
    border-color: #ff6a3a;
    color: #fff;
    background-color: #ff6a3a
}

.btn-secondary:active {
    background-color: #d33300;
    border-color: #d33300
}

.btn-link {
    background-color: transparent;
    border: none;
    font-weight: 500
}

.btn-link,.btn-link:active,.btn-link:visited {
    color: #22abf9
}

.BtnIcon {
    position: relative
}

.BtnIcon_icon {
    position: absolute;
    left: 0;
    padding: inherit;
    line-height: 0
}

.Dialog {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;
    font-family: Montserrat,sans-serif
}

.Dialog_wrapper {
    position: relative;
    max-width: 16.25rem;
    margin: 4em auto;
    background: #fff;
    border-radius: 1rem;
    text-align: center;
    border: 1px solid #e4e4e4;
    -webkit-animation: zoomIn .3s;
    animation: zoomIn .3s
}

.Dialog_text {
    padding: 1.25rem 1.875rem
}

.Dialog_buttons {
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #e4e4e4
}

.Dialog_buttons .btn {
    -webkit-flex: 1 1;
    flex: 1 1;
    font-weight: 400;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.Dialog_buttons .btn+.btn {
    border-left: 1px solid #e4e4e4!important;
    border-bottom-left-radius: 0
}

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.error404 .main_content {
    max-width: none;
    margin: 0
}

.error404 .wrapper_body,.error404_banner {
    text-align: center
}

.error404_banner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 12.8125rem;
    margin-bottom: 1.25rem;
    background: #f3f3f3;
    padding: .6875rem .75rem
}

.error404_banner_sign {
    display: inline-block;
    background: #fff;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    border-radius: 3.1875rem;
    padding: 1rem 1.4375rem;
    color: #22abf9;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.6875rem;
    margin-bottom: 1.5625rem
}

.error404_banner_avatar {
    width: 6.875rem;
    height: 6.875rem;
    background-position: 50%;
    margin-bottom: .625rem;
    background-size: 11.25rem
}

.error404_banner h1 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    word-break: break-word
}

.error404_banner span {
    margin-top: .3125rem;
    font-size: 1.125rem
}

.error404_profiles {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .625rem .625rem
}

.error404_profiles h2 {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center
}

.error404_profiles .btn {
    border: 1px solid #e2e2e2;
    background: unset;
    color: #22abf9;
    font-weight: 600;
    padding: .875rem 0
}

.error404_profiles_items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(21.875rem,1fr));
    grid-gap: .625rem 1.875rem;
    padding: 1.25rem 0 1.5625rem
}

@media(min-width: 769px) {
    .error404_banner {
        min-height:13.75rem
    }

    .error404_banner h1 {
        font-size: 1.625rem;
        font-weight: 500
    }

    .error404_banner span {
        font-size: 1.375rem
    }

    .error404_profiles>h2 {
        font-size: 1.625rem
    }
}

input,textarea {
    font-family: Montserrat,sans-serif
}

.form-control {
    box-sizing: border-box;
    border-radius: 30px;
    display: block;
    width: 100%;
    padding: .5rem 1.25rem;
    font-size: 16px;
    line-height: 2rem;
    color: #495057;
    background-clip: padding-box;
    border: .5px solid #929292;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: 0
}

.form-control,.input-group {
    background-color: #f8f8f8
}

.form-group,.form-group-textarea {
    margin-bottom: 1rem
}

.form-group-textarea>label,.form-group>label {
    display: block;
    margin-bottom: .625rem;
    font-weight: lighter
}

.form-group,.form-group-textarea,.input-group {
    position: relative
}

.form-group.has-error .form-control,.has-error.form-group-textarea .form-control,.input-group.has-error .form-control {
    border-color: #e83e42;
    color: #000
}

.disabled.form-group-textarea .form-control,.form-group.disabled .form-control,.input-group.disabled .form-control {
    border-color: #bbb;
    color: #bbb;
    -webkit-text-fill-color: #bbb;
    cursor: not-allowed
}

.form-group-textarea .form-error,.form-group .form-error,.input-group .form-error {
    position: absolute;
    left: 0;
    top: -12px;
    height: 17px;
    color: #fff;
    font-size: .875rem;
    border-radius: .5rem;
    padding: 2px 8px;
    background: #e83e42;
    line-height: 17px;
    font-weight: lighter
}

.form-msg {
    font-size: .875rem;
    margin: .67rem 0
}

.input-group {
    position: relative;
    margin-bottom: .625rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    border: 1px solid;
    border-radius: 30px;
    box-sizing: border-box
}

.input-group>.form-control {
    position: relative;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0;
    padding-left: 1.25rem
}

.input-group.hasPrepend>.form-control {
    padding-left: .625rem
}

.input-group .form-control {
    border: none
}

.input-group-prepend {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.input-group .form-error {
    z-index: 6
}

.input-clear {
    border: none;
    background: transparent;
    outline: 0;
    padding: 0;
    line-height: 0
}

.input-group-text {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 0 .625rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border: none
}

.radio-btn {
    padding: 7px;
    font-weight: lighter;
    border-radius: 30px;
    border: 1px solid #22abf9;
    color: #22abf9;
    display: inline-block;
    margin: 0 8px 10px 0;
    font-size: 1rem
}

.radio-btn input {
    display: none
}

.radio-btn.checked {
    background: #22abf9;
    color: #fff
}

.loading-ring {
    display: inline-block;
    width: 80px;
    height: 80px
}

.loading-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 2px 8px 8px 2px;
    border-radius: 50%;
    border-color: #666 transparent;
    border-style: solid;
    border-width: 6px;
    -webkit-animation: loading-ring 1.2s linear infinite;
    animation: loading-ring 1.2s linear infinite
}

.loading-ring.sm {
    width: 56px;
    height: 56px
}

.loading-ring.sm:after {
    width: 32px;
    height: 32px;
    border-width: 4px;
    margin: 0
}

@-webkit-keyframes loading-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.modal {
    position: relative;
    padding: .6875rem;
    background: #fff;
    border-radius: 1.5rem;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #e2e2e2
}

.modal.block {
    width: 100%
}

.modal_head {
    position: relative;
    margin: .6rem 0 1.2rem;
    text-align: center
}

.modal_head h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0
}

.modal_back {
    position: absolute;
    left: .3125rem;
    top: 1.25rem;
    font-size: 1.6rem;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    z-index: 10
}

.modal_close {
    position: absolute;
    top: .625rem;
    right: .625rem;
    background: #eee;
    padding: .125rem .5rem;
    font-size: .875rem;
    border-radius: 30px;
    cursor: pointer
}

.modal-menu_button {
    position: relative;
    width: auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-radius: 0;
    background-color: #fff;
    align-items: center
}

.modal-menu_button h2 {
    font-size: 1rem;
    font-weight: 400
}

.modal-menu_button svg {
    margin-left: .5rem
}

.modal-menu_container {
    margin: 0;
    position: absolute;
    z-index: 100;
    background-color: #fff
}

@media(min-width: 769px) {
    .modal-menu {
        background-color:#fff
    }

    .modal-menu_button {
        height: 2.8125rem
    }

    .modal-menu_button h2 {
        font-size: 1.25rem;
        line-height: 1.375rem;
        font-weight: 500
    }

    .modal-menu_container {
        width: 100%;
        max-width: 1152px;
        border: 1px solid #e2e2e2
    }
}

.form-group-textarea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.form-group-textarea_header label {
    font-size: .875rem;
    font-weight: 700;
    color: #000
}

.form-group-textarea .form-control {
    padding: 0;
    resize: none;
    border-radius: 0;
    border: unset;
    border-bottom: 1px solid #e2e2e2;
    background: unset
}

.form-group-textarea .form-control-counter {
    text-align: center;
    color: #978e8e;
    font-weight: 500;
    font-size: .875rem;
    background: unset
}

.Tooltip {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid;
    padding: .75rem;
    line-height: 1.25rem;
    font-size: 1rem;
    border-radius: 30px;
    color: #fff;
    outline: 0;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position: relative
}

.Tooltip:before {
    border: .625rem solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.Tooltip.arrow-top:before {
    bottom: 100%;
    left: 50%;
    margin-left: -.625rem
}

.Tooltip.arrow-bottom-right:before {
    top: 100%;
    right: 2.3125rem
}

.Tooltip.primary {
    border-color: #22abf9;
    background: #22abf9
}

.Tooltip.primary.arrow-top:before {
    border-bottom-color: #22abf9
}

.Tooltip.primary.arrow-bottom-right:before {
    border-top-color: #22abf9
}

.Tooltip.secondary {
    border-color: #ff6a3a;
    background: #ff6a3a
}

.Tooltip.secondary.arrow-top:before {
    border-bottom-color: #ff6a3a
}

.Tooltip.secondary.arrow-bottom-right:before {
    border-top-color: #ff6a3a
}

.wrapper {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff
}

.wrapper.block {
    width: 100%
}

.wrapper.hasBack .designer_subtitle,.wrapper.hasBack .wrapper_title {
    padding-left: 1.25rem
}

@media(min-width: 769px) {
    .wrapper {
        margin-bottom:40px
    }

    .wrapper_modal {
        background: #fff;
        border-radius: 1.5rem;
        margin: 0 auto;
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #e2e2e2
    }
}

@media(max-width: 769px) {
    .wrapper {
        padding:1.25rem
    }
}

.section_header {
    position: relative;
    margin: 0 0 1.125rem;
    text-align: center
}

.section_header.gutter {
    margin: 1.25rem
}

.section_back {
    position: absolute;
    top: .5rem;
    left: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    z-index: 10;
    cursor: pointer
}

.section_title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0
}

.section_border_bottom {
    background-color: #dcdcdc;
    height: 1px
}

.remove-account .submit {
    font-weight: 500
}

.authinfo {
    padding: .75rem 1.25rem;
    border-radius: .25rem;
    box-shadow: 0 0 4px rgba(0,0,0,.1)
}

.authinfo h3 {
    margin-bottom: .3125rem
}

.authinfo_provider {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: .3125rem 0 0
}

.authinfo_provider svg {
    margin-right: .375rem;
    width: 1.625rem;
    height: 1.625rem
}

.authinfo.primary {
    border-left: 5px solid #22abf9;
    background-color: #d5effe;
    color: #22abf9
}

.authinfo.default {
    border-left: 5px solid #2e2e2e;
    background-color: #eee;
    color: #2e2e2e
}

.ActionConfirm {
    color: #000
}

.ActionConfirm .Dialog_wrapper {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-radius: .6875rem;
    max-width: 28.125rem
}

.ActionConfirm .btn {
    padding: 1rem 0;
    border-radius: 0;
    border-top: 1px solid #e4e4e4
}

.ActionConfirm_container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 1.375rem 1.0625rem 1.75rem
}

.ActionConfirm_icon {
    width: 4.4375rem;
    height: 4.4375rem;
    border-radius: 100%;
    border: 1px solid #22abf9;
    display: grid;
    place-items: center;
    font-size: 2.5625rem;
    margin-right: 1rem
}

.ActionConfirm_content {
    text-align: left
}

.ActionConfirm_content h2 {
    font-size: 1.25rem;
    font-weight: 700
}

.ActionConfirm_content p {
    font-size: 1.25rem;
    font-weight: 400
}

.addlink {
    width: 100%;
    box-sizing: border-box
}

.addlink .wrapper_body>p {
    margin-bottom: .9375rem;
    min-height: auto
}

.addlink.multiple {
    padding-bottom: 5rem
}

.addlink_header {
    text-align: center;
    margin-bottom: 20px
}

.addlink_header p {
    font-size: 1.125rem
}

.addlink_header .section_header {
    margin-bottom: .625rem
}

.addlink_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .625rem;
    gap: .625rem
}

.addlink_group {
    margin-top: 1.25rem
}

.addlink_group h3 {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: .625rem;
    text-align: center
}

.addlink_item {
    background: rgba(243,243,243,.6);
    border: .5px solid #929292;
    box-sizing: border-box;
    border-radius: 14px;
    display: -webkit-flex;
    display: flex;
    padding: 1.125rem .5rem;
    font-size: 1.125rem;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.addlink_item .asset-logo {
    margin: 0;
    width: 10vh;
    height: 10vh;
    border-radius: .625rem
}

.addlink_item h4 {
    margin: .9375rem 0 0;
    font-size: .9375rem;
    font-weight: 500;
    white-space: break-spaces
}

.addlink_item.selected {
    border: 2px solid #22abf9;
    box-shadow: 0 0 9px rgba(0,0,0,.15)
}

.addlink_item.selected h4 {
    margin-top: .5rem
}

.addlink_item.custom h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word
}

.addlink_checkicon {
    margin-top: -.75rem;
    width: 1rem
}

.addlink_form_title .asset-logo {
    border-radius: .625rem;
    width: 1.875rem;
    height: 1.875rem
}

.addlink_form_body {
    max-width: 696px;
    width: 100%
}

.addlink_form_body .LinkForm {
    margin-bottom: .625rem
}

.addlink_form_body .LinkForm_type {
    border: none;
    background-color: transparent;
    font-size: 1.5625rem;
    padding: 0;
    margin-bottom: 2.25rem
}

.addlink_form_body .LinkForm .asset-logo {
    margin: 0 .9375rem 0 0;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: .9375rem
}

.addlink_form_btnclose {
    background-color: #929292;
    color: #fff
}

.addlink_form_btnoutline {
    background-color: transparent;
    border: 1px solid #929292;
    color: #929292
}

.addlink_form_close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem
}

@media(max-width: 769px) {
    .addlink_bar {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 -3px 4px rgba(0,0,0,.06);
        padding: .75rem;
        background: #fff;
        z-index: 100
    }
}

@media(min-width: 769px) {
    .addlink_group:first-child {
        margin-top:0
    }

    .addlink_bar {
        margin-top: 20px
    }
}

.asset-logo {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .625rem;
    color: #fff
}

.resetpass_icon,.verifyemail_icon {
    width: 6.25rem;
    height: 6.25rem;
    margin-bottom: 1.875rem
}

.resetpass button {
    margin-top: 1.875rem
}

.verifyemail p {
    margin-bottom: 1.25rem
}

.avatar_upload_box {
    position: relative;
    border: 1px solid #929292;
    padding: 0;
    width: 7.75rem;
    height: 7.75rem;
    border-radius: 999px;
    background-color: #f7f7f7;
    margin: 1.25rem auto 1.875rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 0 14px rgba(0,0,0,.25)
}

.avatar_upload_box,.avatar_upload_placeholder {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.avatar_upload_placeholder span {
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 400;
    margin-top: .3125rem;
    white-space: normal
}

.avatar_upload_bottom {
    background-color: rgba(0,0,0,.3);
    position: absolute;
    bottom: 0;
    width: 10rem;
    color: #fff;
    padding: .125rem 0
}

.avatar_upload_bottom svg {
    width: 1.25rem;
    height: 1.25rem
}

.avatar_upload.danger .avatar_upload_box {
    border-color: #ff4f4f
}

.avatar_upload.danger .avatar_upload_placeholder i,.avatar_upload.danger .avatar_upload_placeholder span {
    color: #ff4f4f!important
}

.avatar_upload .loading-spinner,.avatar_upload .loading-spinner-center:before {
    color: #ff6a3a
}

.avatar_upload input[type=file] {
    display: none
}

.Checkbox input {
    position: absolute;
    left: -9999px
}

.Checkbox label {
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #22abf9
}

.Checkbox_icon {
    width: 1.125rem;
    height: 1.125rem;
    padding: .3125rem .3125rem .3125rem 0
}

.Checkbox_icon path {
    fill: #22abf9
}

.Checkbox.disabled label {
    color: #999
}

.Checkbox.disabled .Checkbox_icon path {
    fill: #999
}

.collapsible-nav {
    background-color: #fff;
    border-bottom: .375rem solid #f3f3f3
}

.collapsible-nav.light,.collapsible-nav_toggle,.collapsible-nav_wrapper {
    background-color: #f3f3f3
}

.collapsible-nav.light {
    border-bottom-color: #fff
}

.collapsible-nav.light .collapsible-nav_toggle,.collapsible-nav.light .collapsible-nav_wrapper {
    background-color: #fff
}

.collapsible-nav_toggle {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: .375rem .9375rem;
    font-size: 1.0625rem;
    font-weight: 400;
    border-radius: 1.0625rem 1.0625rem 0 0;
    color: #000
}

.collapsible-nav_toggle svg {
    margin-left: .9375rem;
    width: .875rem
}

.collapsible-nav_content {
    display: grid;
    padding: 1.25rem;
    margin: auto
}

.collapsible-nav_link {
    text-decoration: none;
    text-align: left;
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    margin: .5rem 0
}

@media(min-width: 769px) {
    .collapsible-nav_content {
        max-width:1152px;
        padding-top: 1.875rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-column-gap: 4.375rem
    }

    .collapsible-nav_toggle svg {
        width: .875rem
    }
}

@media(min-width: 1024px) {
    .collapsible-nav_content {
        grid-template-columns:1fr 1fr 1fr 1fr 1fr
    }
}

@media(max-width: 769px) {
    .collapsible-nav_content {
        grid-template-columns:1fr 1fr
    }
}

.picker {
    background: #fff;
    border-radius: .375rem;
    box-shadow: 0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);
    box-sizing: content-box;
    box-sizing: initial;
    font-family: Menlo;
    width: 240px;
    z-index: 100
}

.picker_header {
    padding: .9375rem;
    font-size: 12px;
    font-family: Montserrat,sans-serif
}

.picker_close {
    font-size: 0;
    cursor: pointer
}

.picker_saturation {
    width: 100%;
    padding-bottom: 55%;
    position: relative;
    border-radius: 2px 2px 0 0;
    overflow: hidden
}

.picker_hue {
    padding: .9375rem 1.875rem
}

.picker_hue_bar {
    position: relative;
    height: .75rem
}

.picker_footer {
    padding: 0 .625rem .625rem
}

.picker_footer .btn {
    background-color: #fff;
    border-radius: .625rem;
    padding: .375rem .625rem;
    border: 1px solid #aaa;
    font-size: .875rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.picker_btn_default {
    margin-bottom: .625rem
}

.picker_btn_submit {
    color: #22abf9;
    border-color: #22abf9;
    margin-left: .625rem
}

.picker_btn_close {
    color: #aaa
}

.picker_btn_box {
    border: 1px solid #000;
    border-radius: .25rem;
    margin-right: .5rem;
    overflow: hidden
}

.picker_btn_box_inner {
    width: 0;
    height: 0;
    border-color: #000 #fff #fff #000;
    border-style: solid;
    border-width: .75rem
}

.profile_links>a,.profile_links>button,.profile_links>div,.profile_links_dragitem {
    margin-bottom: .625rem
}

.BtnFavorite {
    padding: .25rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: .9375rem
}

.BtnFavorite .loading-spinner-center:before {
    width: 1rem;
    height: 1rem
}

.BtnFavorite_icon {
    width: 1.5rem;
    height: 1.5rem
}

.BtnFavorite.onlyIcon {
    background-color: transparent
}

.FavoriteDialog {
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.FavoriteDialog .Dialog_wrapper {
    width: 90%;
    margin-top: 20vh;
    max-width: 400px
}

.FavoriteDialog .Dialog_text {
    padding: 1.5625rem .3125rem;
    font-size: 1.125rem;
    color: #000
}

.FavoriteDialog .Dialog_text h3 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.FavoriteDialog a,.FavoriteDialog button {
    border-top: 1px solid #efefef;
    border-radius: 0;
    padding: 0;
    font-size: 1.25rem;
    line-height: 4rem
}

.FavoriteDialog a:last-child,.FavoriteDialog button:last-child {
    color: #848484
}

.FloatingLabel {
    width: 100%;
    padding-top: 1.25rem
}

.FloatingLabel_container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    font-size: inherit;
    margin-bottom: 1px
}

.FloatingLabel_container:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    position: absolute;
    transition: border-bottom-color .2s cubic-bezier(.4,0,.2,1) 0ms;
    border-bottom: 1px solid #e2e2e2;
    pointer-events: none
}

.FloatingLabel_container:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .2s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;
    border-bottom: 2px solid #1976d2;
    pointer-events: none
}

.FloatingLabel_container:hover:before {
    border-bottom: 1px solid rgba(0,0,0,.42)
}

.FloatingLabel_label {
    padding: 0;
    margin: 0;
    border: 0;
    color: #978e8e;
    transition: all .2s ease-in-out;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    cursor: text;
    pointer-events: none
}

.FloatingLabel_counter,.FloatingLabel_error,.FloatingLabel_label {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2.5rem;
    top: 0;
    position: absolute
}

.FloatingLabel_help {
    font-size: .75rem;
    font-weight: 400;
    padding: .25rem 0;
    color: rgba(0,0,0,.6)
}

.FloatingLabel_help span {
    margin-left: .25rem
}

.FloatingLabel_input {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1.125rem;
    height: 2.5rem;
    resize: none
}

.FloatingLabel_input::-webkit-input-placeholder {
    color: #9b9b9b;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.6,.04,.98,.335);
    transition: opacity .2s cubic-bezier(.6,.04,.98,.335)
}

.FloatingLabel_input:-ms-input-placeholder {
    color: #9b9b9b;
    opacity: 0;
    -ms-transition: opacity .2s cubic-bezier(.6,.04,.98,.335);
    transition: opacity .2s cubic-bezier(.6,.04,.98,.335)
}

.FloatingLabel_input::placeholder {
    color: #9b9b9b;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.6,.04,.98,.335)
}

.FloatingLabel_rightlabel {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 0 .3125rem;
    height: 2.5rem
}

.FloatingLabel_clearbtn {
    background: none;
    cursor: pointer
}

.FloatingLabel_clearbtn svg {
    height: 1.25rem;
    width: 1.25rem
}

.FloatingLabel_counter,.FloatingLabel_error {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    right: 0;
    white-space: nowrap
}

.FloatingLabel.active .FloatingLabel_label,.FloatingLabel_counter,.FloatingLabel_error {
    -webkit-transform: translate3d(0,-50%,0) scale(.7);
    transform: translate3d(0,-50%,0) scale(.7)
}

.FloatingLabel.active .FloatingLabel_label {
    color: #1976d2
}

.FloatingLabel.active .FloatingLabel_label::-webkit-input-placeholder {
    opacity: 1
}

.FloatingLabel.active .FloatingLabel_label:-ms-input-placeholder {
    opacity: 1
}

.FloatingLabel.active .FloatingLabel_label::placeholder {
    opacity: 1
}

.FloatingLabel.active .FloatingLabel_container:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.FloatingLabel.hasError .FloatingLabel_label {
    color: #978e8e
}

.FloatingLabel.hasError .FloatingLabel_input {
    color: #ff4f4f
}

.FloatingLabel.hasError .FloatingLabel_container:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-bottom-color: #ff4f4f
}

.FloatingLabel.textarea .FloatingLabel_input {
    line-height: 1.3125rem;
    padding: .25rem 0;
    min-height: 4.125rem
}

.FloatingLabel.textarea .FloatingLabel_container:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.FloatingLabel.sm .FloatingLabel_counter,.FloatingLabel.sm .FloatingLabel_error,.FloatingLabel.sm .FloatingLabel_label {
    font-size: 1rem;
    line-height: 2.25rem
}

.FloatingLabel.sm .FloatingLabel_input,.FloatingLabel.sm .FloatingLabel_rightlabel {
    height: 2.25rem
}

.FloatingLabel.hasClose .FloatingLabel_input {
    padding-right: 2rem
}

.footer {
    font-size: .875rem;
    background: #fff
}

.footer_row {
    padding: 1.4375rem
}

.footer_brand {
    font-size: 1.375rem;
    line-height: 1.6875rem
}

.footer_brand a,.footer_brand a:visited {
    color: #000;
    text-decoration: none
}

.footer .divider {
    border-bottom: 1px solid #e2e2e2
}

.footer_list-container {
    padding: 1.875rem 1.375rem 4.375rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(18.125rem,auto));
    grid-gap: 3.125rem 1.875rem
}

.footer_list-items h2 {
    color: #000;
    font-size: 1.1875rem;
    font-weight: 600;
    margin-bottom: .625rem
}

.footer_list-items h2 span {
    margin-right: .625rem
}

.footer_list-items_container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fill,1.375rem);
    grid-row-gap: .625rem
}

.footer_list-items_container a {
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 500;
    color: #787878;
    text-decoration: none
}

.footer_list-items_container a:hover {
    color: #22abf9
}

.footer .btn {
    padding: 6px 15px
}

@media(min-width: 769px) {
    .footer_brand {
        font-size:2.125rem
    }

    .footer_list-container {
        grid-template-columns: repeat(auto-fit,minmax(9.375rem,auto))
    }
}

.simple-footer {
    font-size: .875rem;
    box-shadow: 0 -.3125rem .25rem rgba(0,0,0,.04);
    text-align: center;
    background: #fff
}

.simple-footer_row {
    padding: .9375rem;
    max-width: 1024px;
    margin: auto
}

.simple-footer_brand {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    position: relative;
    top: -.125rem
}

.simple-footer_brand a,.simple-footer_brand a:visited {
    color: #000;
    text-decoration: none
}

.simple-footer_links {
    border-top: 1px solid #e2e2e2;
    padding: 1.25rem;
    background-color: #f3f3f3
}

.simple-footer_links a {
    color: #404040;
    text-decoration: none;
    cursor: pointer
}

.simple-footer_apps {
    border-top: 1px solid #dfdfdf;
    padding: 1.5625rem 0;
    text-align: center
}

.simple-footer_apps img {
    max-height: 3.125rem
}

.simple-footer_apps a {
    display: block;
    line-height: 0
}

.simple-footer_sep:last-child {
    display: none
}

.simple-footer_collapsible .collapsible-nav.light {
    background-color: #fff
}

.simple-footer_collapsible .collapsible-nav.light .collapsible-nav_toggle,.simple-footer_collapsible .collapsible-nav.light .collapsible-nav_wrapper {
    background: #f3f3f3
}

.brightness-dark .footer {
    box-shadow: 0 -.3125rem .375rem rgba(0,0,0,.2)
}

@media(min-width: 769px) {
    .simple-footer_brand {
        font-size:2.125rem
    }

    .simple-footer_row {
        padding: 32px 15px
    }

    .simple-footer_apps {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 40px 0
    }

    .simple-footer_apps a+a {
        margin-left: 20px
    }

    .simple-footer_apps img {
        max-height: 60px
    }

    .simple-footer .btn {
        padding: 6px 15px
    }
}

.react-autosuggest__container {
    position: relative
}

.react-autosuggest__container--open .form-control {
    border-radius: 1rem 1rem 0 0;
    border-bottom: 0
}

.react-autosuggest__input {
    width: 240px;
    height: 30px;
    padding: 10px 20px;
    font-weight: 300;
    font-size: 1rem;
    border: 1px solid #aaa;
    border-radius: 4px
}

.react-autosuggest__input--focused {
    outline: none
}

.react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.react-autosuggest__suggestions-container {
    display: none
}

.react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    background-color: #fff;
    text-align: left;
    font-family: Helvetica,sans-serif;
    font-weight: 300;
    font-size: 1rem;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    z-index: 2;
    border: 1px solid #929292;
    border-top: 0 solid #929292;
    box-sizing: border-box;
    width: 100%;
    margin-top: -2px
}

.react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.react-autosuggest__suggestion {
    cursor: pointer;
    padding: .75rem;
    border-top: 1px solid #eee;
    font-size: .875rem
}

.react-autosuggest__suggestion--highlighted {
    background-color: #ddd
}

.InputLocation {
    position: relative
}

.InputLocation_icon {
    position: absolute;
    left: .75rem;
    top: .9375rem;
    z-index: 9
}

.InputLocation .form-control {
    padding-left: 2rem
}

.PhoneInput {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .625rem;
    position: relative
}

.PhoneInput .FloatingLabel_label {
    left: 2.5rem
}

.PhoneInput .FloatingLabel_input {
    padding-left: 2.25rem
}

.PhoneInputCountry {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: .625rem;
    top: .5rem;
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 2
}

.PhoneInputCountryIcon {
    width: 1.25rem;
    font-size: 0
}

.PhoneInputCountryIconImg {
    width: 100%;
    height: 100%
}

.PhoneInputCountryIcon--square {
    width: 1rem
}

.PhoneInputCountrySelect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border: 0;
    opacity: 0;
    cursor: pointer
}

.PhoneInputCountrySelect[disabled] {
    cursor: default
}

.PhoneInputCountrySelectArrow {
    display: block;
    content: "";
    width: .3125rem;
    height: .3125rem;
    margin-left: .3125rem;
    border-style: solid;
    border-color: inherit;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .45
}

.InputUsername .form-group,.InputUsername .form-group-textarea {
    margin: 0
}

.InputUsername_input {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .1875rem .25rem;
    background: #fff;
    border-radius: 0;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 400
}

.InputUsername_input_wrapper {
    -webkit-flex: 1 1;
    flex: 1 1
}

.InputUsername_input svg {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 1.8125rem;
    margin-left: .375rem
}

.InputUsername_input input,.InputUsername_input span {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.InputUsername_input span {
    color: #000;
    margin-left: .5rem
}

.InputUsername_input input {
    border: none;
    padding: 0;
    outline: 0;
    width: 100%;
    background: transparent;
    font-weight: 400;
    border-radius: 0;
    margin: 0 0 0 1px
}

.InputUsername_input input::-webkit-input-placeholder {
    color: #a9a9a9!important
}

.InputUsername_input input::-moz-placeholder {
    color: #a9a9a9!important
}

.InputUsername_input input:-ms-input-placeholder {
    color: #a9a9a9!important
}

.InputUsername_input input:-moz-placeholder {
    color: #a9a9a9!important
}

.InputUsername_input.hasError {
    border-color: #ff4f4f
}

.InputUsername_input.hasError input {
    color: #ff4f4f
}

@media(max-width: 769px) {
    .InputUsername_input {
        position:relative
    }

    .InputUsername_error {
        position: absolute;
        top: -.75rem;
        right: 1.25rem;
        background-color: #ff4f4f;
        border-radius: .375rem;
        display: inline-block;
        line-height: 1.125rem;
        padding: 4px;
        color: #fff
    }
}

@media(min-width: 769px) {
    .InputUsername_input {
        padding:4px
    }

    .InputUsername_input .form-group,.InputUsername_input .form-group-textarea {
        -webkit-flex: 1 1;
        flex: 1 1
    }

    .InputUsername_input_wrapper {
        display: -webkit-flex;
        display: flex
    }

    .InputUsername_input svg {
        width: 42px;
        height: 42px;
        margin-left: 0
    }

    .InputUsername_error {
        background-color: transparent;
        color: #ff4f4f;
        font-weight: 500;
        font-size: 22px;
        line-height: 26px;
        margin-right: 18px;
        white-space: nowrap
    }
}

.list-item {
    position: relative;
    padding: 1.25rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    font-size: 1.125rem;
    border-top: 1px solid #e2e2e2
}

.list-item:last-child {
    border-bottom: 1px solid #e2e2e2
}

.list-item_body {
    -webkit-flex: 1 1;
    flex: 1 1
}

.list-item_content {
    margin-left: 1.25rem;
    padding-right: .625rem
}

.list-item_subtitle {
    font-size: .9375rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.0625rem
}

.list-item_chevron {
    width: .75rem;
    height: .75rem
}

.list-item.hasContent .list-item_title {
    width: 6.25rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.list-item.hasContent .list-item_body {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.list-item_language-item .list-item_body {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.list-item_language-item .list-item_body p {
    margin: 0
}

.list-item_language-item .list-item_body svg {
    width: 1.125rem;
    height: 1.125rem
}

.list-item_language-item .list-item_title {
    font-weight: 400;
    color: #000
}

.list-item_language-item-selected .list-item_title {
    font-weight: 600
}

.main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.main,.main_content {
    box-sizing: border-box
}

.main_content {
    -webkit-flex: 1 1;
    flex: 1 1;
    max-width: 696px;
    width: 100%;
    margin: auto
}

@media(max-width: 769px) {
    .main.hasNav {
        padding-bottom:4.0625rem
    }
}

.navbar {
    background: #fff;
    border-bottom: 1px solid #cfcfcf;
    padding: 0 .625rem
}

.navbar_action-link {
    padding: 1.25rem .625rem;
    font-weight: 600;
    color: #333;
    text-decoration: none
}

.navbar_action-link:hover {
    color: #22abf9
}

.navbar_action-link:last-child {
    border-top: 1px solid #b2b2b2
}

.navbar_wrapper {
    display: -webkit-flex;
    display: flex
}

.navbar_wrapper>.navbar_burguer-menu {
    display: grid
}

.navbar_burguer-menu {
    display: grid;
    place-items: center;
    margin-right: 1.0625rem
}

.navbar_burguer-menu_burguer-modal>.modal-menu_container {
    top: 4.0625rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.navbar_burguer-menu .modal-menu_button {
    padding-top: .5rem
}

.navbar_burguer-menu .modal-menu_button svg {
    margin: 0
}

.navbar_burguer-menu .modal-menu_container {
    width: 100%;
    left: 0;
    border-bottom: 1px solid #b2b2b2;
    box-shadow: 0 4px 9px rgba(0,0,0,.06)
}

.navbar_brand {
    font-family: Courgette,sans-serif;
    display: block;
    font-size: 1.375rem;
    line-height: 1.6875rem;
    display: grid;
    place-items: center;
    padding: .625rem 0;
    text-decoration: none;
    color: #000
}

.navbar_buttons {
    display: grid;
    grid-column-gap: .625rem;
    margin: .8125rem 0 .8125rem auto
}

.navbar_buttons .btn-link {
    background: #f1f1f1;
    padding: .5rem 1.25rem;
    font-size: .875rem;
    font-weight: 600
}

.navbar_buttons .btn-secondary {
    padding: .5rem .9375rem
}

.navbar_buttons a {
    font-size: 14px;
    font-weight: 600
}

.navbar_actions_categories-modal .modal-menu_button,.navbar_actions_guides-modal .modal-menu_button {
    width: 100%;
    padding: .625rem;
    border-bottom: 1px solid #b2b2b2
}

.navbar_actions_categories-modal .modal-menu_button h2,.navbar_actions_guides-modal .modal-menu_button h2 {
    font-weight: 600;
    color: #333
}

.navbar_actions_categories-modal .modal-menu_button svg,.navbar_actions_guides-modal .modal-menu_button svg {
    width: .625rem
}

.navbar_actions_categories-modal .modal-menu_button svg path,.navbar_actions_guides-modal .modal-menu_button svg path {
    fill: #c4c4c4
}

.navbar_actions_categories-modal_items,.navbar_actions_guides-modal_items {
    margin: 0;
    padding: 1.25rem .625rem 1.875rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1.25rem;
    max-height: calc(100vh - 196px);
    overflow-y: auto
}

.navbar_actions_categories-modal_items a,.navbar_actions_guides-modal_items a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    color: #333
}

.navbar_actions_categories-modal_items a:hover,.navbar_actions_guides-modal_items a:hover {
    color: #22abf9;
    transition-duration: .2s
}

@media(min-width: 769px) {
    .navbar .menu-common-styles .modal-menu_button,.navbar .navbar_actions_categories-modal .modal-menu_button,.navbar .navbar_actions_guides-modal .modal-menu_button {
        border-color:#fff;
        height: 1.25rem;
        padding: 0 .9375rem;
        height: 100%
    }

    .navbar .menu-common-styles .modal-menu_button h2,.navbar .navbar_actions_categories-modal .modal-menu_button h2,.navbar .navbar_actions_guides-modal .modal-menu_button h2 {
        font-size: 1.0625rem;
        font-weight: 600;
        color: #000
    }

    .navbar .menu-common-styles .modal-menu_button svg,.navbar .navbar_actions_categories-modal .modal-menu_button svg,.navbar .navbar_actions_guides-modal .modal-menu_button svg {
        width: .625rem
    }

    .navbar .menu-common-styles .modal-menu_button svg path,.navbar .navbar_actions_categories-modal .modal-menu_button svg path,.navbar .navbar_actions_guides-modal .modal-menu_button svg path {
        fill: #c4c4c4
    }

    .navbar .menu-common-styles .modal-menu_button-open,.navbar .navbar_actions_categories-modal .modal-menu_button-open,.navbar .navbar_actions_guides-modal .modal-menu_button-open {
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1
    }

    .navbar .menu-common-styles .modal-menu_button-open:before,.navbar .navbar_actions_categories-modal .modal-menu_button-open:before,.navbar .navbar_actions_guides-modal .modal-menu_button-open:before {
        content: "";
        display: block;
        width: 100%;
        border-top: 3px solid #fff;
        position: absolute;
        bottom: -4px;
        left: 0;
        z-index: 110
    }

    .navbar_wrapper {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        max-width: 1152px;
        margin: auto
    }

    .navbar_wrapper>.navbar_burguer-menu {
        display: none
    }

    .navbar_brand {
        padding: .9375rem 0;
        font-size: 2.125rem
    }

    .navbar .btn+.btn {
        margin-left: .3125rem
    }

    .navbar_buttons {
        grid-column-gap: .3125rem
    }

    .navbar_buttons .btn-link {
        border: 1px solid #22abf9;
        background: unset;
        font-size: 1rem
    }

    .navbar_action-link {
        display: grid;
        place-items: center;
        font-size: 1.0625rem;
        font-weight: 600;
        color: #000;
        text-decoration: none;
        padding: 0 .9375rem
    }

    .navbar_action-link:last-child {
        border-top: none
    }

    .navbar_actions {
        display: -webkit-flex;
        display: flex;
        padding-left: 2.5rem
    }

    .navbar_actions_categories-modal .modal-menu_container {
        left: 0;
        width: 100%;
        max-width: unset;
        background: unset;
        border: unset
    }

    .navbar_actions_categories-modal_items {
        padding: 1.875rem 0;
        max-width: 1152px;
        background-color: #fff;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
        grid-gap: 1.25rem 1.25rem;
        border: 1px solid #e2e2e2
    }

    .navbar_actions_categories-modal_items li {
        padding-left: 1.875rem;
        overflow: hidden
    }

    .navbar_actions_categories-modal_items a {
        color: #333
    }

    .navbar_actions_categories-modal_items a span {
        width: .3125rem;
        height: .3125rem;
        background: #000;
        border-radius: 100%;
        margin-right: .5rem
    }

    .navbar_actions_guides-modal .modal-menu_container {
        max-width: 12.5rem
    }

    .navbar_actions_guides-modal_items {
        padding: .625rem 1.25rem 1.25rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 1.875rem
    }

    .navbar_actions_guides-modal_items li {
        overflow: hidden
    }

    .navbar_actions_guides-modal_items a {
        text-decoration: none;
        font-weight: 500;
        color: #333
    }

    .navbar_actions_guides-modal_items a:hover {
        color: #22abf9;
        transition-duration: .2s
    }
}

@media(max-width: 1024px) {
    .navbar_actions {
        display:none
    }

    .navbar .navbar_burguer-menu {
        display: grid
    }
}

.onboard .wrapper {
    width: 100%;
    text-align: center
}

.onboard .wrapper,.onboard .wrapper_modal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.onboard .wrapper_modal {
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.onboard .main_content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.onboard .wrapper_body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1;
    flex: 1 1
}

.onboard_spacing {
    height: 1.5rem
}

.onboard .wrapper_head {
    margin-bottom: .625rem
}

.onboard .form-control {
    font-size: 1.25rem;
    line-height: 2.25rem
}

.ob_avatar,.ob_bio,.ob_category,.ob_done,.ob_fullname,.ob_location,.ob_username {
    padding-bottom: 3.75rem
}

.ob_splash {
    padding: 1.25rem 0;
    background: #22abf9;
    color: #fff
}

.ob_splash .btn-primary {
    background: #fff;
    color: #22abf9
}

.ob_splash .btn-primary path {
    fill: #22abf9
}

.ob_splash .btn-link {
    color: #fff;
    margin: .3125rem 0 -.3125rem
}

.ob_splash_slider {
    padding-bottom: .625rem;
    margin-bottom: 1.25rem;
    margin-top: .625rem
}

.ob_splash_slider div {
    outline: 0
}

.ob_splash_slider .slick-dots {
    bottom: -10px
}

.ob_splash_slider .slick-dots li,.ob_splash_slider .slick-dots li button,.ob_splash_slider .slick-dots li button:before {
    width: 15px
}

.ob_splash_slider .slick-dots li {
    margin: 0 .125rem
}

.ob_splash_slider .slick-dots li button {
    padding: 0
}

.ob_splash_slider .slick-dots li button:before {
    opacity: 1;
    color: #90d5fc;
    font-size: 9px
}

.ob_splash_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff
}

.ob_splash_slide_img {
    max-width: 90%;
    margin: auto
}

.ob_splash_slide_img img {
    max-height: 300px;
    margin: auto
}

.ob_splash_slide_img.borderBottom {
    border-bottom: 1px solid #7acfff
}

.ob_splash_slide p {
    margin: 0;
    padding: 1.875rem 1.25rem
}

.ob_splash .ob_footer {
    padding: 0 1.25rem
}

.ob_accounts .btn-link {
    color: #ff6a3a
}

.ob_accounts .wrapper_body button {
    background: #f5f5f5
}

.ob_accounts_divider {
    position: relative;
    margin: 1.875rem 0;
    color: #969696
}

.ob_accounts_divider:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #d9d9d9;
    width: 100%
}

.ob_accounts_divider span {
    position: relative;
    background: #fff;
    z-index: 10;
    display: inline-block;
    padding: 0 .625rem
}

@media(max-width: 769px) {
    .ob_footer.auto {
        margin-top:auto
    }
}

.ob_footer_next-arrow {
    margin-left: .3125rem
}

.ob_footer_next-arrow path {
    fill: #fff
}

.ob_sms .wrapper_body>p {
    margin: .625rem 0 1.875rem;
    font-family: Montserrat;
    font-size: .8125rem;
    line-height: 1rem;
    text-align: center;
    color: #969696
}

.ob_code_input {
    font-size: 1.25rem;
    letter-spacing: 80px;
    padding-left: 75px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

@media(max-width: 769px) {
    .ob_code_input {
        letter-spacing:calc(14vw - 18px);
        padding-left: 3.125rem
    }
}

.ob_code_input::-webkit-inner-spin-button,.ob_code_input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.ob_code .wrapper_body {
    position: relative
}

.ob_code .InputCode {
    margin-top: 2.5rem
}

.ob_fullname .form-control {
    background: unset;
    border: unset;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    color: #000
}

.ob_create .profile_head_line_item {
    text-decoration: none
}

.ob_bio .wrapper_modal {
    border-radius: 42px
}

.ob_location .form-control {
    border: unset;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    background: unset
}

.ob_location .form-control::-webkit-input-placeholder {
    color: #a9a9a9
}

.ob_location .form-control:-ms-input-placeholder {
    color: #a9a9a9
}

.ob_location .form-control::placeholder {
    color: #a9a9a9
}

.ob_location .react-autosuggest__suggestions-container {
    border: unset
}

.ob_location .react-autosuggest__suggestion {
    font-family: Montserrat,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #000;
    border-top: 1px solid #e2e2e2
}

.ob_location .react-autosuggest__suggestion:hover {
    background: unset;
    color: #22abf9
}

.ob_accounts .wrapper_modal {
    display: block
}

.ob_category_labels {
    display: block;
    text-align: left
}

.ob_category .radio-btn {
    font-size: .875rem;
    line-height: 1.0625rem;
    font-weight: 400;
    background-color: #f8f8f8;
    border-color: #929292;
    color: #000;
    display: inline-block;
    padding: .5rem .9375rem;
    margin: 0 .3125rem .5rem 0
}

.ob_category .radio-btn.checked {
    background-color: #22abf9;
    border-color: #22abf9;
    color: #fff;
    font-weight: 500
}

.ob_avatar .avatar_upload_box,.ob_done .avatar_upload_box {
    border: 2px solid #c9c9c9;
    width: 11.875rem;
    height: 11.875rem;
    margin-bottom: 3.4375rem;
    box-shadow: 0 0 0 15px #d6f1ff,0 0 0 30px #ebf8ff
}

.ob_avatar .profile_head_bar,.ob_done .profile_head_bar {
    border-radius: 1.75rem
}

.ob_avatar .profile_head_line,.ob_done .profile_head_line {
    margin: .625rem 0 1.875rem;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ob_avatar .profile_head_line .IconLocation,.ob_done .profile_head_line .IconLocation {
    display: none
}

.ob_avatar .profile_head_line_item,.ob_done .profile_head_line_item {
    color: #22abf9;
    font-weight: 500
}

.ob_avatar .profile_head_line_sep,.ob_done .profile_head_line_sep {
    color: #c4c4c4
}

.ob_avatar_name,.ob_done_name {
    border-radius: 3.125rem;
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 600;
    color: #4a4a4a;
    background-color: #efefef;
    display: inline-block;
    padding: .375rem .75rem
}

.ob_sent p {
    text-align: center;
    padding: 0 20px;
    color: #666;
    font-size: .9375rem
}

.ob_done .avatar_upload_box {
    border-color: #fff
}

.ob_done .CopyBar button {
    font-size: .9375rem;
    font-weight: 500
}

@media(min-width: 769px) {
    .onboard .main_content {
        display:block;
        padding-top: 25px
    }

    .onboard .navbar_buttons {
        display: none
    }

    .ob_avatar .avatar_upload,.ob_done .avatar_upload {
        margin: 40px 0 60px
    }

    .ob_splash_slide_img img {
        max-height: 300px;
        margin: auto
    }

    .ob_done .CopyBar {
        background: #f3f3f399
    }

    .ob_footer {
        margin: 20px 0 0
    }
}

.pagination {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1.5625rem
}

.pagination,.pagination .btn {
    -webkit-align-items: center;
    align-items: center
}

.pagination .btn {
    margin-right: .625rem;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-self: stretch;
    align-self: stretch;
    padding: .625rem 1rem;
    background: #fff;
    border: .5px solid #22abf9;
    font-weight: 600;
    color: #333
}

.pagination .btn.btn_dots {
    border: none;
    background: transparent
}

@media(max-width: 769px) {
    .pagination .pagination-next,.pagination .pagination-prev {
        width:1.3125rem;
        height: .375rem
    }

    .pagination .btn {
        margin-right: .375rem
    }

    .pagination .btn:last-child {
        margin: 0
    }
}

.profile_card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    border: 1px solid #e2e2e2;
    border-radius: 1.625rem;
    padding: .875rem;
    color: #333
}

.profile_card,.profile_card_link {
    text-decoration: none
}

.profile_card_wrapper {
    text-decoration: none;
    overflow: hidden
}

.profile_card:hover {
    border: 1px solid #22abf9
}

.profile_card_index {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #22abf9;
    width: .625rem;
    padding-right: .75rem;
    font-size: 1.25rem;
    font-weight: 600;
    border-right: 1px solid #e2e2e2;
    margin: -.875rem .5rem -.875rem 0
}

.profile_card_avatar {
    -webkit-align-self: center;
    align-self: center;
    border: 1px solid #e2e2e2;
    min-height: 4.75rem;
    min-width: 4.75rem;
    background-size: cover;
    border-radius: 50%
}

.profile_card_info {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    overflow: hidden;
    margin-top: 1rem
}

.profile_card_title,.profile_card_username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    text-align: center;
    margin: 0;
    padding: 0
}

.profile_card_title {
    font-size: 1.25rem
}

.profile_card_username {
    font-weight: 500;
    font-size: 1rem;
    margin-top: .3125rem;
    color: #22abf9
}

.profile_card.wide {
    -webkit-flex-flow: row;
    flex-flow: row;
    background-color: #fff
}

.profile_card.wide .profile_card_title,.profile_card.wide .profile_card_username {
    text-align: left
}

.profile_card.wide .profile_card_info {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0;
    margin-left: .625rem
}

.profile_card_wrapper {
    cursor: pointer
}

.CopyBar {
    display: -webkit-flex;
    display: flex;
    border: 1px solid #22abf9;
    font-size: .875rem;
    margin: .625rem 0 0;
    background-color: #fff;
    overflow: hidden;
    border-radius: 30px;
    font-weight: 500
}

.CopyBar>div {
    padding: .8125rem;
    line-height: 1.0625rem;
    -webkit-flex: 1 1;
    flex: 1 1
}

.CopyBar a {
    text-decoration: none;
    word-break: break-all
}

.CopyBar button {
    font-size: .875rem;
    background: #22abf9;
    color: #fff;
    margin: 0;
    padding: 0 1.875rem 0 1.375rem;
    border: none;
    border-left: 1px solid #22abf9;
    font-family: Montserrat,sans-serif
}

.profile_socialbar {
    text-align: center
}

.profile_socialbar_item {
    cursor: pointer;
    display: inline-block;
    padding: .5625rem;
    line-height: 0;
    background: #fff;
    border: 1px solid
}

.profile_socialbar_item+.profile_socialbar_item {
    margin-left: .625rem
}

.profile_socialbar_item svg {
    width: 1.1875rem;
    height: 1.1875rem
}

@media(max-width: 769px) {
    .profile_socialbar {
        margin-bottom:1.25rem
    }
}

.profile_information {
    text-align: center;
    padding-bottom: 1.25rem
}

.profile_information_btn {
    width: auto;
    margin: auto;
    display: inline-block;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
    background-color: transparent
}

.profile_information_table {
    margin: auto;
    border: 1px solid #c4c4c4;
    border-radius: .5625rem;
    font-size: .9375rem;
    font-family: Montserrat,sans-serif;
    background-color: #fff;
    border-spacing: 0;
    text-align: left;
    font-weight: 500;
    color: #000
}

.profile_information_table a {
    color: #000;
    text-decoration: none
}

.profile_information_table td {
    padding: .625rem;
    border-top: 1px solid #c4c4c4
}

.profile_information_table td:first-child {
    text-align: right;
    padding-right: 0;
    white-space: nowrap
}

.profile_information_table td:last-child {
    max-width: 400px
}

.profile_information_table tr:first-child td {
    border: none
}

.profile_information .icon-info-2 {
    display: inline-block;
    font-size: .875rem;
    background: #777;
    color: #fff;
    border-radius: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin: auto
}

.profile_information .icon-info {
    width: 1.25rem;
    height: 1.25rem;
    fill: #777
}

.profile_head {
    padding: .625rem;
    border: .125rem solid
}

.profile_head .thumb {
    box-sizing: border-box;
    width: 7.75rem;
    height: 7.75rem;
    font-size: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.profile_head .body {
    -webkit-flex: 1 1;
    flex: 1 1;
    min-width: 0;
    width: 100%
}

.profile_head .body h1 {
    margin-top: .375rem;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.profile_head .IconLocation {
    position: relative;
    top: .09375rem;
    height: .9375rem;
    margin-right: .3125rem
}

.profile_head_line,.profile_head_main {
    display: -webkit-flex;
    display: flex
}

.profile_head_line {
    opacity: .8
}

.profile_head_line_sep {
    margin: 0 .25rem
}

.profile_head_line_item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.profile_head_bio {
    font-size: 1rem;
    line-height: 1.0625rem;
    font-weight: 500
}

.profile_head_btn {
    padding: .375rem 0;
    font-size: .9375rem
}

.profile_head_btn+.profile_head_btn {
    margin-left: .5rem
}

.profile_head .BtnFavorite {
    margin: .5rem 0 0
}

.card.profile_head {
    margin-bottom: 1.25rem
}

.card.profile_head .body {
    margin-left: .7rem
}

.card.profile_head .profile_head_line {
    margin: .125rem 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.card.profile_head .profile_head_line a {
    text-decoration: none;
    color: inherit
}

.card.profile_head .profile_head_line_item:first-child {
    margin-right: .5rem
}

.card.profile_head .profile_head_line_sep {
    display: none
}

.card.profile_head .profile_head_bio {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 3
}

.centered.profile_head {
    padding: .625rem 0;
    border: none;
    text-align: center
}

.centered.profile_head .thumb {
    border-radius: 999px;
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 0 14px rgba(0,0,0,.25)
}

.centered.profile_head .IconLocation {
    display: none
}

.centered.profile_head .profile_head_main {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    justify-items: center;
    text-align: center
}

.centered.profile_head .profile_head_bio {
    padding: 0 .9375rem .25rem
}

.centered.profile_head .profile_head_line {
    margin: .25rem 0 .375rem
}

.centered.profile_head .profile_head_line a {
    text-decoration: none;
    color: inherit
}

.centered.profile_head .profile_head_btn {
    border-radius: .5rem;
    background: transparent;
    border: 1px solid
}

.centered.profile_head .profile_addsocialbtn {
    display: inline-block;
    width: auto;
    padding: .375rem .9375rem
}

.centered.profile_head .BtnFavorite {
    display: -webkit-inline-flex;
    display: inline-flex;
    width: auto;
    color: #000;
    background: #fff
}

.centered.profile_head .BtnFavorite .BtnIcon_body {
    padding: 0 .125rem 0 1.875rem
}

.LinkForm {
    display: grid;
    grid-row-gap: .875rem
}

.LinkForm .input-group {
    border: 1px solid #929292;
    background: #fff
}

.LinkForm .input-group .form-control {
    background-color: transparent
}

.LinkForm .form-group,.LinkForm .form-group-textarea {
    margin-bottom: .625rem
}

.LinkForm .input-group-text {
    padding-left: .125rem
}

.LinkForm .input-group-text .thumbnail {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 30px
}

.LinkForm .radius-icon {
    color: #fff;
    margin-left: .5rem
}

.LinkForm .asset-logo,.LinkForm .radius-icon {
    width: 1.5625rem;
    height: 1.5625rem
}

.LinkForm_confirm {
    margin-top: 1.25rem;
    font-weight: 600;
    font-size: 1rem
}

.LinkForm_preview {
    border-radius: .4375rem;
    margin-top: 1.25rem
}

.LinkForm_preview.empty {
    background-color: #ececec
}

.LinkForm_preview_txt {
    position: absolute;
    width: 100%;
    height: 100%
}

.LinkForm_preview_product_head_label {
    font-weight: 500;
    font-size: .8125rem;
    color: #1976d2
}

.LinkForm_preview_product_head .btn {
    padding-right: 0
}

.LinkForm_preview_product_img {
    margin-top: .625rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 11px;
    padding: .625rem;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1rem;
    color: #969696;
    text-align: center
}

.LinkForm_preview_product_img_wrapper {
    position: relative
}

.LinkForm_preview_product_img button {
    position: absolute;
    top: 0;
    right: 0
}

.LinkForm_preview_product_img.empty {
    padding: 1.875rem 0
}

.LinkForm_preview_product_img img {
    max-height: 200px;
    border-radius: .6875rem
}

.LinkForm .InputLocation {
    position: relative;
    margin-top: 20px
}

.LinkForm .InputLocation .form-control {
    background-color: #fff;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #1976d2;
    padding: .1875rem 0 .1875rem 1.25rem
}

.LinkForm .InputLocation_icon {
    top: .625rem;
    left: 0
}

.LinkForm .InputLocation .react-autosuggest__suggestions-container--open {
    border: none
}

.ArticleForm_toolbar {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border: none!important;
    padding: .625rem 0!important
}

.ArticleForm_toolbar:after {
    display: none!important
}

.ArticleForm .quill {
    margin-bottom: 1.25rem
}

.ArticleForm .quill .ql-editor {
    padding: .9375rem 0;
    font-size: 1rem;
    line-height: 1.2
}

.ArticleForm .quill .ql-editor ul {
    margin: .625rem 0
}

.ArticleForm .quill .ql-editor li:before {
    color: #22abf9;
    position: relative;
    top: .125rem;
    font-size: 1.25rem
}

.ArticleForm .quill .ql-editor:before {
    font-style: normal;
    font-family: Montserrat,sans-serif
}

.ArticleForm .ql-container.ql-snow {
    border-width: 0 0 1px;
    border-color: #e2e2e2;
    max-height: none
}

.ArticleForm .ql-editor.ql-blank:before {
    left: 0
}

.ArticleForm .ql-snow.ql-toolbar button {
    width: auto;
    float: none;
    -webkit-flex: 1 1;
    flex: 1 1;
    text-align: center;
    border: 1px solid #e2e2e2;
    padding: .625rem 0;
    height: 2.5rem
}

.ArticleForm .ql-snow.ql-toolbar button+button {
    border-left: none
}

.PhotoForm_addphotos {
    padding: 1.125rem 0;
    border: 1px solid #22abf9;
    width: 100%;
    margin: 1.25rem 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 1rem
}

.PhotoForm_addphotos svg {
    margin: 0 0 .9375rem
}

.PhotoForm_addphotos.small {
    -webkit-flex-direction: row;
    flex-direction: row
}

.PhotoForm_addphotos.small svg {
    width: 1.875rem;
    height: auto;
    margin: 0 .9375rem 0 0;
    position: relative;
    top: -.125rem
}

.PhotoForm_photos {
    margin: 1.25rem 0;
    text-align: center
}

.PhotoForm_photoitem {
    position: relative;
    background-color: #ebebeb;
    border-radius: 1rem;
    overflow: hidden;
    font-size: 0;
    margin-bottom: 1.25rem
}

.PhotoForm_photoitem_remove {
    position: absolute;
    top: .625rem;
    right: .625rem
}

.PhotoForm_photoitem_captioninput {
    background-color: transparent;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: .625rem;
    outline: 0
}

@media(min-width: 769px) {
    .PhotoForm_photoitem {
        display:inline-block
    }
}

.quill .ql-container {
    max-height: 600px;
    min-height: 300px;
    overflow-y: auto
}

.quill .ql-editor {
    min-height: 18.75rem
}

.quill .ql-picker.ql-size .ql-picker-item:before,.quill .ql-picker.ql-size .ql-picker-label:before {
    content: attr(data-value)!important
}

.select .select__single-value {
    color: #333
}

.select .select__control {
    border: 1px solid #e2e2e2;
    border-radius: 1.25rem
}

.select .select__control--is-focused {
    border: 1px solid #e2e2e2;
    box-shadow: none
}

.select .select__control--menu-is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media(min-width: 769px) {
    .select .select__control {
        height:2.8125rem
    }
}

@media(max-width: 769px) {
    .select .select__control {
        height:2.125rem
    }
}

.select .select__indicator-separator {
    display: none
}

.select .select__dropdown-indicator {
    padding-right: .875rem
}

.select .select__menu {
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    box-shadow: none;
    border-top: 0;
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 101
}

.select .select__menu-list {
    margin: 0;
    padding: 0
}

.select .select__option {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media(min-width: 769px) {
    .select .select__option {
        min-height:2.8125rem
    }
}

@media(max-width: 769px) {
    .select .select__option {
        min-height:2.125rem
    }
}

.select .select__option:not(:first-child) {
    border-top: 1px solid #e2e2e2
}

.select .select__option--is-focused {
    background-color: #fff;
    color: #333
}

.select .select__option:hover {
    background-color: #e2e2e2;
    color: #22abf9
}

.select.floating .select__control {
    border-width: 0 0 1px;
    border-radius: 0
}

.select.floating .select__control,.select.floating .select__menu {
    font-size: 1.125rem
}

.select.floating .select__value-container {
    padding-left: 0
}

.select.floating .select--is-focused {
    border: none
}

.select.floating .select--menu-is-open {
    border-radius: 0
}

.select.floating .select__menu {
    border-width: 0 0 1px;
    border-radius: 0
}

.slider {
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

.slider .arrow {
    position: absolute;
    top: 50%;
    margin-top: -.75rem;
    bottom: .5625rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #f1f1f1;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer
}

.slider .arrow svg path {
    fill: #22abf9
}

.slider .arrow__left {
    left: -1.875rem
}

.slider .arrow__right {
    right: -1.875rem
}

@media(max-width: 769px) {
    .slider {
        margin:0
    }

    .slider .arrow {
        display: none
    }
}

.social-btn {
    font-size: 1rem;
    font-weight: 500;
    padding: .375rem;
    background: #f5f5f5
}

.social-btn svg {
    width: 2.5rem;
    height: 2.5rem;
    float: left
}

.social-btn div {
    height: 2.5rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 2.5rem
}

.social-btn:hover {
    background-color: #ebebeb
}

.social-btn:active {
    background-color: #e1e1e1
}

.social-btn.facebook-btn {
    color: #3c579e
}

.social-btn.google-btn {
    color: #eb4335
}

.social-btn.sms-btn {
    color: #3abc5d
}

.social-btn.email-btn {
    color: #22abf9
}

@media(min-width: 769px) {
    .social-btn {
        font-size:22px;
        line-height: 27px
    }
}

.SocialLink {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    padding: .375rem .9375rem .375rem .375rem;
    line-height: 1.25rem
}

.SocialLink_body {
    -webkit-flex: 1 1;
    flex: 1 1;
    text-decoration: none;
    line-height: 1.125rem;
    overflow: hidden;
    text-align: center
}

.SocialLink_body h3 {
    font-size: 1rem;
    font-weight: 500
}

.SocialLink.editable .SocialLink_body {
    padding: 0 0 0 1.25rem
}

.asset-logo+.SocialLink_body {
    padding: 0 2.5rem 0 0
}

.SocialLink_subtitle {
    font-size: .875rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.SocialLink_clickable_logo {
    text-decoration: none;
    line-height: 0
}

.SocialLink_external {
    height: 1rem;
    width: 1.172em
}

.SocialLink .asset-logo {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.75rem;
    margin: 0
}

.SocialMedia {
    border: .125rem solid #000
}

.SocialMedia_bar {
    padding: .9375rem .9375rem .9375rem 1.25rem
}

.SocialMedia_title {
    font-size: 1rem;
    font-weight: 500;
    overflow: hidden
}

.SocialMedia_title a {
    text-decoration: none
}

.SocialAudio,.SocialVideo {
    overflow: hidden
}

.SocialVideo_wrapper {
    position: relative;
    padding-bottom: 56.25%
}

.SocialVideo .react-player {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.SocialAudio_wrapper {
    font-size: 0
}

.SocialAudio iframe {
    border: none;
    width: 101%
}

.SocialAudio .spotify {
    height: 80px
}

.SocialAudio .spotify-podcast {
    height: 152px
}

.SocialAudio .soundcloud {
    height: 116px
}

.SocialProduct_image {
    text-align: center;
    padding: .625rem;
    border: 1px solid #e2e2e2;
    border-radius: .9375rem;
    margin: 0 .4375rem 1.25rem
}

.SocialProduct_image img {
    max-height: 15.625rem;
    border-radius: .8125rem
}

.SocialProduct_description {
    padding: 0 1.25rem 1.25rem
}

.SocialProduct_cta {
    padding: 0 .625rem .625rem
}

.SocialWallText {
    padding: .75rem
}

.SocialWallText .SocialActions {
    float: right;
    width: 4.6875rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.SocialWallText ul {
    margin: 0;
    padding-left: 1.25rem
}

.SocialWallText p {
    line-height: 1.625rem
}

.SocialArticle_image {
    border-radius: 1rem;
    text-align: center;
    font-size: 0;
    width: 3.875rem;
    height: 3.875rem;
    background-color: #e4e4e4
}

.SocialArticle_main {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .75rem
}

.SocialArticle_title {
    font-weight: 700
}

.SocialArticle_body {
    -webkit-flex: 1 1;
    flex: 1 1;
    margin-left: .75rem
}

.SocialArticle_preview {
    -webkit-flex: 1 1;
    flex: 1 1;
    font-weight: 400;
    padding-top: .125rem;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 2;
    white-space: normal
}

.SocialArticle .SocialActions {
    padding-left: .3125rem;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.SocialArticle_cta {
    border-top: 1px solid #e2e2e2;
    padding: .125rem 0
}

.SocialArticle_cta .btn {
    font-weight: 500;
    font-size: 1rem
}

.SocialPhoto {
    padding-bottom: .625rem
}

.SocialPhoto_body {
    margin: 0 .625rem;
    font-size: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .5rem;
    overflow: hidden
}

.SocialPhoto_image {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.SocialPhoto_link {
    position: relative;
    display: inline-block;
    width: 100%
}

.SocialPhoto.m .SocialPhoto_link {
    position: relative;
    padding-bottom: 100%
}

.SocialPhoto.mm .SocialPhoto_link {
    padding-bottom: 50%
}

.SocialPhoto.mm .SocialPhoto_link:first-child {
    border-right: 1px solid transparent
}

.SocialPhoto.mm .SocialPhoto_link:last-child {
    border-left: 1px solid transparent
}

.SocialPhoto.mmm .SocialPhoto_body,.SocialPhoto.mmmm .SocialPhoto_body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 2px;
    gap: 2px
}

.SocialPhoto.mmm .SocialPhoto_link:first-child {
    padding-bottom: 50%;
    grid-column: 1/3
}

.SocialPhoto.mmm .SocialPhoto_link:nth-child(n+2) {
    grid-row-start: 2;
    padding-bottom: 100%
}

.SocialPhoto.mmmm .SocialPhoto_body {
    position: relative
}

.SocialPhoto.mmmm .SocialPhoto_link {
    padding-bottom: 100%
}

.SocialPhoto_more {
    position: absolute;
    bottom: 0;
    left: 50%;
    top: 50%;
    right: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-size: 2.8125rem
}

.SocialPhoto_preview {
    padding: 0 .75rem;
    -webkit-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 3
}

.SocialPhoto_cta {
    border-top: 1px solid #e2e2e2;
    padding: .5rem
}

.SocialPhoto_cta .btn {
    font-weight: 500;
    font-size: 1rem
}

.SocialPhoto .SocialMedia_bar {
    padding-left: .75rem
}

.SocialPhoto .SocialMedia_bar_empty {
    height: .625rem
}

.SocialActions_btn {
    border: none;
    padding: 0;
    color: #666;
    background-color: transparent;
    text-decoration: none;
    font-size: .9375rem;
    line-height: .9375rem;
    width: 1.625rem;
    height: 1.625rem
}

.SocialActions_btn+.SocialActions_btn {
    margin-left: .5rem
}

@media(max-width: 769px) {
    .SocialAudio,.SocialVideo {
        -webkit-mask-image:-webkit-radial-gradient(#fff,#000);
        mask-image: -webkit-radial-gradient(#fff,#000)
    }

    .SocialAudio iframe {
        width: 101%
    }

    .SocialVideo .react-player {
        right: -1px;
        width: auto!important
    }
}

@-webkit-keyframes slideup {
    0% {
        bottom: -150vh
    }

    to {
        bottom: 0
    }
}

@keyframes slideup {
    0% {
        bottom: -150vh
    }

    to {
        bottom: 0
    }
}

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

    to {
        bottom: -150vh
    }
}

@keyframes slidedown {
    0% {
        bottom: 0
    }

    to {
        bottom: -150vh
    }
}

@-webkit-keyframes appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes disappear {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes disappear {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.designer .item_selected {
    position: relative
}

.designer .item_selected:after {
    content: " ";
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 2px solid #22abf9;
    box-shadow: 0 0 14px rgba(0,0,0,.25)
}

.designer .item_selected.radius-rounded:after {
    border-radius: .625rem
}

.designer .item_selected.designer_fonts_item_box:after {
    border-radius: 1.8125rem
}

@media(max-width: 769px) {
    .designer_top_spacing {
        margin-top:2.8125rem
    }
}

.designer_subtitle {
    margin-bottom: 1.25rem
}

.designer_bg .slick-next,.designer_bg .slick-prev {
    top: 45%
}

.designer_bg .slick-next:before,.designer_bg .slick-prev:before {
    color: #22abf9
}

.designer_bg_item {
    margin: .3125rem;
    border-radius: .5rem;
    padding: 0 .3125rem;
    height: 9.0625rem
}

.designer_bg_item_custom {
    background-color: #ededed;
    position: relative
}

.designer_bg_item_custom_label h4 {
    font-size: .8125rem;
    text-align: center;
    margin: .625rem 0 0
}

.designer_bg_item_custom_sublabel {
    background: rgba(0,0,0,.4);
    border-radius: 0 0 .5rem .5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: .1875rem 0
}

.designer_bg_item_custom_sublabel svg {
    width: 1rem;
    height: 1rem;
    margin-right: .3125rem
}

.designer_bg_item_custom_sublabel h4 {
    color: #fff;
    font-size: .5625rem;
    margin: 0
}

.designer_bg_item_title {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.375rem;
    margin: 0 0 .3125rem;
    text-align: center
}

.designer_bg .item_selected:after {
    border-radius: .625rem
}

.designer_bg.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.designer_bglist {
    padding: 0 0 1.25rem 1.25rem;
    border-bottom: 1px solid #cecece
}

.designer_pheader {
    padding: 1.875rem 1.25rem;
    border-bottom: 1px solid #cecece
}

.designer_pheader_body {
    display: -webkit-flex;
    display: flex;
    grid-gap: .625rem;
    gap: .625rem;
    padding: 0 0 .3125rem
}

.designer_pheader_item {
    border-radius: .375rem;
    -webkit-flex: 1 1;
    flex: 1 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: transparent
}

@media(min-width: 769px) {
    .designer_pheader_item {
        padding-top:.9375rem
    }
}

.designer_pheader_item_title {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: .9375rem 0
}

.designer_pheader_item .item_selected:after {
    border-radius: .875rem;
    bottom: 0
}

.designer_pheader_item svg {
    max-width: 100%;
    height: auto;
    background: #fff
}

.designer_pheader_item.card {
    -webkit-justify-content: left;
    justify-content: left
}

.designer_buttons {
    padding: 1.875rem 1.25rem;
    background-color: #e7e7e7;
    border-bottom: 1px solid #cecece
}

.designer_buttons_title {
    font-size: 1.125rem;
    font-weight: 500;
    margin: 1.25rem 0 .5rem
}

.designer_buttons_set {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .625rem
}

.designer_buttons_item {
    -webkit-flex: 1 1;
    flex: 1 1;
    height: 2.25rem;
    box-sizing: border-box;
    border: 2px solid #000;
    background: #fff
}

.designer_buttons_item+.designer_buttons_item {
    margin-left: .625rem
}

.designer_buttons .radius-circle,.designer_buttons .radius-circle:after {
    border-radius: 999px
}

.designer_buttons .radius-rounded,.designer_buttons .radius-rounded:after {
    border-radius: .5rem
}

.designer_buttons .radius-square,.designer_buttons .radius-square:after {
    border-radius: 1px
}

.designer_buttons .fill-outlines {
    background: transparent
}

.designer_buttons .fill-soft-shadow {
    box-shadow: 3px 4px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 11px 0 #00000040
}

.designer_buttons .fill-hard-shadow {
    box-shadow: 3px 4px 0 #000
}

.designer_buttons .fill-fill,.designer_buttons .fill-soft-shadow {
    border: 1px solid #dbdbdb
}

.designer_fonts {
    padding: 1.5625rem 1.25rem
}

.designer_fonts .designer_subtitle {
    margin-bottom: .625rem
}

.designer_fonts_family {
    margin-top: 1.875rem
}

.designer_fonts_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.designer_fonts_color {
    position: relative
}

.designer_fonts_colorbox {
    width: 1.5625rem;
    height: 1.5625rem;
    border: 1px solid #000;
    border-radius: .25rem
}

.designer_fonts_colorbox.item_selected:after {
    border-radius: .375rem
}

.designer_fonts_colorbox+.designer_fonts_colorbox {
    margin-left: .625rem
}

.designer_fonts_colorbox.default {
    background: linear-gradient(45deg,#000,#000 50%,#fff 0,#fff);
    -webkit-transform: scale(1.00001);
    transform: scale(1.00001)
}

.designer_fonts_color_custom {
    border: 1px solid #c7c7c7;
    font-size: .875rem;
    width: 30%;
    padding: .4375rem;
    border-radius: .375rem;
    margin-right: .625rem
}

.designer_fonts_color_picker {
    position: absolute;
    top: 5.375rem;
    left: 0;
    z-index: 9999
}

.designer_fonts_item {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: .625rem
}

.designer_fonts_item_box {
    border: 1px solid #e2e2e2;
    border-radius: 1.625rem;
    font-size: 1.875rem;
    width: 100%;
    height: 6.25rem
}

.designer_fonts_item_title {
    margin: .625rem 0
}

.designer_preview {
    z-index: 10001
}

.designer_preview,.designer_preview_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.designer_preview_overlay {
    background-color: rgba(0,0,0,.25);
    opacity: 0;
    -webkit-animation-name: appear;
    animation-name: appear;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.designer_preview_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    padding: .9375rem .625rem
}

.designer_preview_bar button {
    -webkit-flex: 1 1;
    flex: 1 1
}

.designer_preview_bar button+button {
    margin-left: .3125rem
}

.designer_preview_body {
    min-height: 0!important;
    background-color: #f6f6f6;
    position: absolute;
    left: 0;
    right: 0;
    padding: .625rem;
    border-radius: .75rem .75rem 0 0;
    bottom: -150vh;
    height: 75vh;
    -webkit-animation-name: slideup;
    animation-name: slideup;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.designer_preview_body .bottom_nav,.designer_preview_body .footer {
    display: none
}

.designer_preview_body:before {
    position: absolute;
    top: 1.5625rem;
    left: .9375rem;
    right: .9375rem;
    bottom: 0;
    z-index: 0;
    width: auto;
    height: auto;
    border-radius: .75rem .75rem 0 0
}

.designer_preview_body .main_content {
    overflow: auto;
    padding-bottom: 4.0625rem;
    margin: 0;
    z-index: 1
}

@media(min-width: 769px) {
    .designer_preview_bar,.designer_preview_body {
        width:696px;
        margin: auto;
        box-sizing: border-box
    }

    .designer_preview_body {
        margin-bottom: 76px;
        padding-bottom: 0
    }

    .designer_preview_body .main_content {
        padding-left: 30px;
        padding-right: 30px
    }
}

.designer_preview.hiding .designer_preview_body {
    -webkit-animation-name: slidedown;
    animation-name: slidedown;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.designer_preview.hiding .designer_preview_overlay {
    -webkit-animation-name: disappear;
    animation-name: disappear;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@media(min-width: 769px) {
    .designer_wrapper {
        padding-top:0
    }
}

.ThumbUploader {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
    padding: .25rem 0
}

.ThumbUploader_loading {
    height: 2.5rem
}

.ThumbUploader img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .3125rem
}

.ThumbUploader span {
    position: relative;
    top: -1px
}

.ThumbUploader button {
    font-size: .875rem;
    font-weight: 700;
    padding: .625rem
}

.ThumbUploader button:first-child {
    padding-left: 0
}

.ThumbUploader .loading-spinner,.ThumbUploader .loading-spinner-center:before {
    width: 1.125rem;
    height: 1.125rem
}

.navbar svg {
    height: 1.875rem
}

.navbar_links {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.navbar_links a,.navbar_links button {
    text-align: center;
    line-height: 0;
    height: 4.0625rem;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 0
}

.navbar_links a,.navbar_links a:active,.navbar_links a:visited,.navbar_links button,.navbar_links button:active,.navbar_links button:visited {
    color: #909090
}

.navbar_links a.active,.navbar_links button.active {
    color: #000
}

.navbar_links a span,.navbar_links button span {
    display: block;
    margin-top: .3125rem;
    font-size: .75rem;
    line-height: .875rem
}

@media(min-width: 769px) {
    .navbar_links a {
        width:5rem
    }
}

@media(max-width: 769px) {
    .navbar.onProfile {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 -3px 4px rgba(0,0,0,.06);
        z-index: 10000;
        margin: 0;
        border-bottom: none;
        padding: 0
    }

    .navbar.onProfile .navbar_wrapper {
        display: block
    }

    .navbar.onProfile .navbar_brand {
        display: none
    }

    .navbar.onProfile a {
        width: 25%
    }
}

.profile_head {
    position: relative
}

.profile_head_share {
    position: absolute;
    top: .625rem;
    right: .625rem
}

.profile_head_share button {
    border-width: 1px;
    border-style: solid;
    line-height: 0;
    padding: .375rem
}

.profile_head .profile_head_bottom_bar {
    margin-top: .625rem
}

.profile_head_cleanbg {
    background: unset
}

.profile_addbtn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .625rem;
    padding: .625rem;
    font-size: .9375rem;
    background-color: #fff
}

.profile_addbtn>svg {
    padding-top: 1px
}

.profile_addsocialbtn {
    margin: .625rem auto 0;
    padding: .25rem 0;
    background-color: transparent
}

.profile_addmodal .Dialog_wrapper {
    width: 90%;
    max-width: 640px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-top: 1.25rem
}

.profile_addmodal_title {
    padding: 1.5625rem 2.5rem;
    text-align: center;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 500;
    width: 100%
}

.profile_addmodal_header {
    display: -webkit-flex;
    display: flex
}

.profile_addmodal_header button {
    position: absolute;
    height: 1.4375rem;
    right: .4375rem;
    top: .4375rem;
    padding: 0;
    background: unset
}

.profile_addmodal_header button svg {
    width: 1.0625rem;
    height: 1.0625rem
}

.profile_addmodal_header button svg path {
    fill: #d6d6d6
}

.profile_addmodal_btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline;
    border-top: 1px solid #d3d3d3;
    border-radius: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #000;
    font-weight: 400;
    text-align: left;
    padding: 1rem 1rem .75rem;
    background-color: transparent
}

.profile_addmodal_btn_icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.profile_addmodal_btn_icon svg {
    width: 1.125rem;
    height: 1.125rem
}

.profile_addmodal_btn_subtitle {
    font-size: 1rem;
    color: #636363
}

.profile_addmodal_btn svg {
    margin-right: .75rem;
    width: 1rem;
    height: 1rem
}

.profile_howto p {
    font-size: 1.125rem
}

.profile_howto a {
    color: #22abf9;
    margin-left: .3125rem;
    text-decoration: none
}

.profile_howto img {
    max-width: 100%;
    margin: .9375rem 0
}

.profile_howto .CopyBar_label {
    display: none
}

.profile_howto_list {
    list-style-type: none;
    padding: 0 1.125rem 0 .8125rem
}

.profile_howto_list li {
    font-size: 1.125rem;
    margin-bottom: 1.25rem
}

.profile_howto_list p {
    margin-top: .625rem
}

.profile_settings .list-item_body {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.profile_settings .list-item_icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .75rem
}

@media(min-width: 769px) {
    .profile_settings .wrapper {
        padding:20px
    }
}

.profile_favorites .section_title {
    padding-top: 1.25rem
}

.profile_favorites_list {
    padding: .3125rem .625rem
}

.profile_favorites>h3 {
    padding-top: 1.25rem
}

.profile_favorites_empty {
    min-height: 60vh
}

.profile_favorites_empty a {
    margin-top: 2.125rem;
    width: 13.125rem;
    font-size: 1rem;
    font-weight: 500
}

.profile_favorites .profile_card {
    padding: .75rem
}

.profile_favorites .profile_card_title {
    font-size: 1.25rem
}

.profile_favorites .profile_card_username {
    color: #000;
    font-size: 1rem
}

.profile_favorites .profile_card_info {
    -webkit-flex: 1 1;
    flex: 1 1
}

.profile_favorites .BtnFavorite {
    width: 1.875rem
}

.profile_share {
    padding: 4.375rem 0
}

@media(max-width: 375px) {
    .profile_share {
        padding-top:1.875rem
    }
}

.profile_share .section_title {
    font-size: 1.125rem;
    width: 75%;
    margin: auto
}

.profile_share .section_header {
    margin-bottom: 3.125rem
}

.profile_share_card {
    padding: 30px 0;
    border-radius: 1.375rem;
    box-shadow: 0 0 1.375rem rgba(0,0,0,.1);
    margin: auto;
    text-align: center
}

.profile_share_card_qr {
    margin-bottom: 30px
}

.profile_share_copy {
    background-color: transparent;
    border: none;
    color: #22abf9;
    font-size: 1.125rem;
    font-weight: 500;
    font-family: Montserrat,sans-serif;
    margin: auto
}

.profile_share_copy svg {
    margin-left: .625rem
}

.profile_share_buttons {
    padding: 30px 30px 0
}

.profile_share_buttons button {
    width: 30%;
    font-weight: 500
}

.profile_share_buttons svg {
    margin-right: .625rem
}

@media print {
    .hide-print,.navbar {
        display: none!important
    }
}

.explore_section {
    padding: .625rem
}

.explore_section h4 {
    font-size: 1.25rem;
    margin: 0 0 .9375rem
}

.explore_section .btn {
    border: 1px solid #22abf9;
    padding: .625rem 0
}

.explore_cat_list {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.explore_cat_item {
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    line-height: 1.25rem;
    background-color: rgba(243,243,243,.6);
    color: #000;
    border-color: #929292
}

.explore_catview {
    padding: 0
}

.explore_catview_item {
    width: 100%;
    display: block
}

.profile_another_back {
    top: .9375rem;
    left: 0;
    padding: 1.25rem
}

.profile_another_back svg path {
    fill: #fff
}

@media(max-width: 769px) {
    .p-b-navbar {
        padding-bottom:4.0625rem
    }
}

@media(min-width: 769px) {
    .profile_main_content {
        display:-webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .d-side_borders {
        border: 1px solid #e2e2e2;
        border-width: 0 1px;
        -webkit-flex: 1 1;
        flex: 1 1
    }

    .profile_another {
        position: relative
    }

    .profile_another_back {
        top: 30px;
        left: 0;
        padding: 15px;
        cursor: pointer
    }
}

.VerifyEmailBar {
    background: #fff9c7;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .75rem 0
}

.VerifyEmailBar_text {
    -webkit-flex: 1 1;
    flex: 1 1;
    padding-left: 1rem
}

.VerifyEmailBar .btn-gray {
    padding: .5rem .75rem;
    font-weight: 400
}

.VerifyEmailBar .btn-link {
    font-size: 1.25rem;
    padding: .5rem .75rem
}

.Dialog-welcome {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 9
}

.Dialog-welcome .CopyBar button {
    font-size: .9375rem;
    font-weight: 500
}

.Dialog-welcome_wrapper {
    position: relative;
    max-width: 22.5rem;
    margin: 1.5625rem auto;
    background: #fff;
    border-radius: 1rem;
    text-align: center;
    border: 1px solid #e4e4e4;
    padding: 1.25rem .625rem .9375rem
}

.Dialog-welcome_title {
    font-weight: 600;
    margin-bottom: .625rem
}

.Dialog-welcome_text {
    font-weight: 500;
    margin-bottom: 1.875rem
}

.Dialog-welcome .profile_head_bar {
    margin-bottom: .9375rem;
    text-align: left
}

.Dialog-welcome .profile_head_bar span {
    display: none
}

.Dialog-welcome .profile_head_bar a {
    font-weight: 500
}

.category-select {
    position: relative
}

.category-select_button {
    width: auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    border-radius: 0;
    background-color: #fff;
    align-items: center
}

.category-select_button h2 {
    font-size: 1rem;
    font-weight: 400
}

.category-select_button svg {
    margin-left: .5rem
}

.category-select_options {
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: #fff
}

.category-select_options_link {
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    text-align: left
}

@media(max-width: 769px) {
    .category-select_button {
        height:2.375rem;
        width: 100%;
        padding: 0 .8125rem 0 .625rem;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .category-select_button h2 {
        margin: 0;
        font-weight: 500
    }

    .category-select_button,.category-select_options_link {
        border-bottom: 1px solid #e2e2e2
    }

    .category-select_options {
        padding: 0;
        z-index: 1000;
        max-height: calc(100vh - 196px);
        overflow-y: auto
    }

    .category-select_options_link {
        overflow: hidden;
        height: 2.1875rem
    }

    .category-select_options_link .btn {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        background: unset;
        width: 100%;
        height: 100%;
        font-weight: 400;
        padding: 0 0 0 .625rem;
        border-radius: 0
    }

    .category-select_options_link .btn:hover {
        color: #22abf9;
        background: #e2e2e2
    }
}

@media(min-width: 769px) {
    .category-select {
        background-color:#fff
    }

    .category-select_button {
        height: 2.8125rem
    }

    .category-select_button h2 {
        font-size: 1.25rem;
        line-height: 1.375rem;
        font-weight: 500
    }

    .category-select_options {
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(13.75rem,1fr));
        grid-gap: 1.25rem;
        max-width: 1152px;
        padding: 1.5625rem;
        overflow-y: auto;
        width: 100%;
        margin-top: 1px;
        border: 1px solid #e2e2e2
    }

    .category-select_options_link {
        overflow: hidden
    }

    .category-select_options_link .btn {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        background: unset;
        padding: 0;
        width: auto
    }

    .category-select_options_link .btn span {
        width: 5px;
        height: 5px;
        background-color: #000;
        border-radius: 100%;
        margin-right: .625rem
    }

    .category-select_options_link .btn:hover {
        color: #22abf9
    }
}

.boxset {
    width: 100%;
    text-decoration: none;
    background: #f9f9f9;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 3.6vw;
    line-height: 4.4vw
}

.boxset h1,.boxset h3 {
    font-size: 4.4vw;
    line-height: 5.4vw
}

.boxset_header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 4.1vw 4.34vw
}

.boxset_header h1 {
    font-style: normal;
    font-weight: 500;
    color: #2c2c2c;
    margin: 0 0 0 8px
}

.boxset_header img {
    width: 8vw;
    height: 8vw
}

.boxset_body {
    margin: 0;
    padding: 0
}

.boxset_item {
    border-top: .5px solid #d6d6d6;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    padding: 2.9vw 6.28vw 2.9vw 4.34vw
}

.boxset_item_text {
    -webkit-flex: 1 1;
    flex: 1 1;
    min-width: 0;
    padding-right: 2vw
}

.boxset_item_text div,.boxset_item_text h3 {
    margin: 0;
    font-weight: 400
}

.boxset_item_text h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    color: #424242
}

.boxset_item_text div {
    color: #a0a0a0
}

.boxset_item_avatar {
    width: 17.63vw;
    height: 17.63vw;
    border-radius: 3px;
    margin-right: 4vw;
    font-size: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.boxset_button {
    background: #059dfc;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    padding: 2.41vw 3.62vw;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.top-categories.main,.top-categories.main.hasNav {
    padding-bottom: 0
}

.top-categories .main_content {
    max-width: unset
}

.top-categories_header {
    background-color: #22abf9;
    min-height: 7.875rem;
    text-align: center;
    color: #fff
}

.top-categories_header h1 {
    padding-top: 1.875rem;
    font-size: 2.25rem;
    font-weight: 500
}

.top-categories_header>h2 {
    text-align: center;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: 1.875rem
}

.top-categories_profiles {
    padding-bottom: 1.25rem;
    background: #f8f8f8;
    box-shadow: inset 0 0 20px rgba(0,0,0,.05)
}

.top-categories_profiles_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(22.1875rem,auto))
}

.top-categories_profiles .btn {
    margin: 0 auto;
    max-width: 1152px;
    border: 1px solid #22abf9;
    background: #fff;
    color: #22abf9
}

.top-categories_profiles_bottom-section .tops_latest-profiles .slider {
    max-width: 100vw
}

@media(min-width: 769px) {
    .top-categories_header h1 {
        padding-top:1.875rem;
        font-size: 1.5rem;
        font-weight: 600
    }

    .top-categories_header>h2 {
        padding-bottom: 1.875rem
    }

    .top-categories_header_filterbox {
        background: #fff;
        border: 1px solid #cfcfcf
    }

    .top-categories_header_filterbox .layout-width {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .top-categories_header_filterbox_interval .select__control {
        min-width: 7.625rem;
        border-radius: 0;
        transition: none;
        border: unset
    }

    .top-categories_header_filterbox_interval .select__control--menu-is-open {
        border: 1px solid #d6d6d6;
        -webkit-transform: none;
        transform: none;
        border-radius: 0
    }

    .top-categories_header_filterbox_interval .select__control--is-focused {
        border: 1px solid #d6d6d6!important
    }

    .top-categories_header_filterbox_interval .select__menu {
        text-align: left;
        border-radius: 0;
        min-width: 7.625rem;
        color: #000
    }

    .top-categories_header_filterbox_interval .select__value-container {
        margin: 0
    }

    .top-categories_header_filterbox_interval .select__single-value {
        margin: 0;
        font-size: 1rem;
        font-weight: 400;
        color: #22abf9
    }

    .top-categories_profiles_list {
        grid-gap: .9375rem 1.875rem;
        padding: 1.25rem .3125rem
    }

    .top-categories_bottom-section {
        display: grid;
        padding: 1.25rem .625rem .625rem;
        grid-row-gap: 2.8125rem
    }

    .top-categories_bottom-section .tops_home_create {
        margin: 0 auto
    }

    .top-categories_bottom-section .tops_latest-profiles {
        padding-bottom: 0
    }

    .top-categories_bottom-section .tops_latest-profiles .slider {
        margin-bottom: 0
    }
}

@media(max-width: 769px) {
    .top-categories_header h1 {
        padding-top:1.875rem;
        font-size: 1.25rem;
        font-weight: 500
    }

    .top-categories_header>h2 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0 auto
    }

    .top-categories_header_filterbox {
        background: #fff;
        border: 1px solid #cfcfcf
    }

    .top-categories_header_filterbox_interval .select__control {
        width: 100%;
        border-radius: 0;
        transition: none;
        border: unset
    }

    .top-categories_header_filterbox_interval .select__control--menu-is-open {
        border: 1px solid #d6d6d6;
        -webkit-transform: none;
        transform: none;
        border-radius: 0
    }

    .top-categories_header_filterbox_interval .select__control--is-focused {
        border: 1px solid #d6d6d6!important;
        border-top: unset!important
    }

    .top-categories_header_filterbox_interval .select__menu {
        border-radius: 0;
        color: #000
    }

    .top-categories_header_filterbox_interval .select__menu-list {
        max-height: calc(100vh - 145px)
    }

    .top-categories_header_filterbox_interval .select__single-value {
        font-size: 1rem;
        font-weight: 400;
        color: #22abf9
    }

    .top-categories_profiles_categories,.top-categories_title {
        display: none
    }

    .top-categories_profiles {
        padding: 1rem .625rem 1.25rem
    }

    .top-categories_profiles_list {
        grid-gap: .625rem 1.25rem;
        padding-bottom: .625rem
    }

    .top-categories .pagination {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: .75rem 0 0;
        padding: .75rem 0;
        background-color: #fff
    }

    .top-categories .pagination .btn_dots {
        padding: 0
    }

    .top-categories_bottom-section {
        display: grid;
        grid-row-gap: 1.6875rem;
        padding: 1.625rem .625rem
    }

    .top-categories_bottom-section .tops_home_create {
        margin: 0
    }

    .top-categories .tops_latest-profiles .slider {
        max-width: 100vw
    }
}

.home {
    background: #fff
}

.home hr {
    margin: 2rem auto;
    border: none;
    border-top: 1px solid #dedede;
    max-width: 52.5rem
}

.home_form .InputUsername {
    margin-bottom: 0
}

.home_form .InputUsername_input {
    border-radius: 30px
}

.home_form_btn {
    margin: 1rem 0 1.75rem;
    padding: .5rem 1.375rem;
    border: 2px solid #fff;
    font-size: 1.625rem;
    line-height: 2rem
}

.home_title {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 2.75rem;
    margin: 1.5rem auto
}

.home .gray-block {
    height: 100px;
    background-color: #f3f3f3;
    box-shadow: inset 0 17px 27px -22px rgba(0,0,0,.1);
    margin-top: 1.875rem;
    border-top: 1px solid #dfdfdf
}

.home_splash {
    padding: 0 .625rem;
    overflow: hidden;
    height: 50rem;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    background: #22abf9;
    text-align: center
}

.home_splash_left {
    color: #fff;
    padding: 0 .75rem
}

.home_splash_txt {
    padding-top: 2rem
}

.home_splash_txt h1 {
    font-size: 2.25rem;
    margin: 0;
    font-weight: 500
}

.home_splash_txt p {
    font-size: 1.625rem;
    line-height: 2.5rem;
    margin: 1.25rem 0;
    font-weight: lighter
}

.home_splash_right {
    position: relative;
    bottom: -6.5625rem;
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.home_form_float {
    display: none
}

.home_customize {
    background: #f8f8f8;
    border-top: 1px solid #dfdfdf
}

.home_customize_img {
    max-width: 95%;
    margin: auto;
    display: block
}

.home_section_compare {
    background: #fff;
    border-top: 1px solid #dfdfdf;
    padding: 0 .5rem
}

.home_bottom-banner {
    background: #22abf9
}

.home_bottom-banner .layout-width {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #fff;
    padding: 5rem
}

.home_bottom-banner_txt {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 39px
}

.home_top-users {
    padding: 2.875rem .625rem 1.25rem;
    text-align: center
}

.home_top-users_title {
    color: #000;
    font-size: 2.25rem;
    padding-bottom: 2.1875rem;
    font-weight: 500
}

.home_top-users_title span {
    margin-right: .625rem
}

.home_top-users_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(23.75rem,1fr));
    grid-row-gap: .625rem;
    row-gap: .625rem;
    padding-bottom: 1.25rem
}

.home_top-users .btn {
    border: 1px solid #22abf9;
    background: unset;
    color: #22abf9;
    font-weight: 600;
    height: 2.75rem
}

.home_categories {
    padding: 1.25rem .625rem;
    background-color: #fbfbfb;
    border: 1px solid #dfdfdf
}

.home_categories_header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: .9375rem
}

.home_categories_header h2 {
    color: #000;
    font-size: 1.25rem
}

.home_categories_header .btn {
    border: none!important;
    max-width: 6.25rem;
    font-weight: 400!important
}

.home_categories_container {
    display: grid;
    padding-bottom: 1.25rem;
    grid-template-columns: repeat(2,minmax(11.375rem,1fr));
    grid-gap: .5rem .625rem
}

.home_categories_container span {
    margin-right: .625rem
}

.home_categories_container h3 {
    padding: .4375rem 0;
    background-color: #f3f3f3;
    border: 1px solid #929292;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 1.625rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.home_categories_container a,.home_categories_container a:visited {
    color: #000;
    text-decoration: none
}

.home_categories .btn {
    border: 1px solid #22abf9;
    color: #22abf9;
    font-weight: 600;
    height: 2.75rem
}

.home_app-banner {
    padding: 1.25rem .625rem 2.5rem;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden
}

.home_app-banner_container {
    background: #22abf9;
    border-radius: 2rem;
    height: 36.375rem;
    display: grid;
    place-items: center;
    position: relative
}

.home_app-banner_container svg {
    position: absolute;
    top: -70px
}

.home_app-banner_info {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0 1.875rem 4rem;
    color: #fff
}

.home_app-banner_info h2 {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: .625rem
}

.home_app-banner_info p {
    font-weight: 400;
    font-size: 1.875rem
}

.home_app-banner_info_app a>img {
    width: 13.875rem;
    margin-top: 3.125rem
}

.home_app-banner_info_dual-app {
    padding-top: 1.25rem;
    display: grid;
    -webkit-align-items: center;
    align-items: center;
    grid-template-columns: 14.1875rem
}

.home_slider {
    padding: 1.625rem 0 4.6875rem
}

.home_slider .slick-dots {
    bottom: 1.5625rem
}

.home_slider .slick-dots li {
    margin: 1px
}

.home_slider .slick-dots li button:before {
    opacity: 1;
    color: #c4c4c4;
    font-size: 10px
}

.home_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #22abf9;
    -webkit-transform: scale(1.7);
    transform: scale(1.7)
}

.home_slider_customize_header {
    color: #000;
    padding: 0 1.25rem
}

.home_slider_customize_header h2 {
    max-width: 18.75rem;
    font-size: 2.25rem;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.home_slider_customize_header p {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2.5rem;
    max-width: 21.25rem
}

.home_slider_customize_list {
    color: #000;
    margin-top: 4.5625rem;
    display: grid;
    grid-row-gap: 2.375rem;
    padding: 0 1.25rem
}

.home_slider_customize_list_item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.home_slider_customize_list_item svg {
    margin-right: 1.25rem
}

.home_slider_customize_splash {
    height: 23.75rem;
    background-position: 50%;
    background-size: cover;
    margin-top: 24px
}

.home_slider_stats {
    padding: 0
}

.home_slider_stats_header {
    padding-left: 1.25rem;
    margin-bottom: 16px;
    color: #000
}

.home_slider_stats_header h2 {
    max-width: 25.625rem;
    font-size: 2.25rem;
    font-weight: 500;
    margin: 0 0 1.5rem
}

.home_slider_stats_header p {
    max-width: 31.25rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 40px
}

.home_slider_stats_list {
    color: #000;
    display: grid;
    grid-row-gap: 2.375rem;
    padding: .75rem 0 0 1.25rem
}

.home_slider_stats_list li {
    max-width: 28.125rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.home_slider_stats_list svg {
    width: .4375rem;
    margin-right: .625rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.home_slider_compare h2 {
    color: #000;
    margin-bottom: 1.875rem;
    padding: 0 1.25rem;
    max-width: 14.6875rem;
    font-size: 2.25rem;
    font-weight: 500
}

.home_slider_compare_list {
    color: #000;
    display: grid;
    grid-row-gap: 1.75rem;
    padding: 0 .625rem
}

.home_slider_compare_list h3 {
    padding-left: .625rem;
    margin-bottom: .625rem;
    font-size: 1.25rem;
    font-weight: 500
}

.home_slider_compare_list_item {
    display: grid;
    grid-template-columns: repeat(2,minmax(100px,1fr));
    grid-column-gap: .25rem
}

.home_slider_compare_list_item h3 {
    margin: 1.25rem 0 .625rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 400
}

.home_slider_compare_list_item>div {
    max-height: 3.375rem;
    -webkit-flex: 1 1;
    flex: 1 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .4375rem;
    border-radius: .375rem;
    color: #fff
}

.home_slider_compare_list_item>div span:first-child {
    font-size: 1.5rem
}

.home_slider_compare_list_item>div span:nth-child(2) {
    white-space: nowrap;
    display: grid;
    place-items: center;
    background: #fff;
    color: #5a5a5a;
    border-radius: 4px;
    padding: 0 .625rem;
    line-height: 2.5rem;
    font-weight: 600;
    font-size: 1.25rem
}

.home_slider_compare_list_item>div.magic {
    background: #22abf9
}

.home_slider_compare_list_item>div.magic span:first-child {
    font-family: Courgette,sans-serif
}

.home_slider_compare_list_item>div.magic span:nth-child(2) {
    color: #22abf9
}

.home_slider_compare_list_item>div.linktree {
    background: #5a5a5a
}

@media(max-width: 769px) {
    .desktop-only {
        display:none
    }

    .mobile-only {
        display: block
    }

    .home_section_slider .home_title {
        text-align: center
    }

    .home_form_float {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10
    }

    .home_form_float.visible {
        display: block
    }

    .home_form_float .home_form {
        background: #22abf9;
        padding: 1rem .75rem;
        box-shadow: 0 0 20px rgba(0,0,0,.15)
    }

    .home_form_float .home_form button {
        margin-bottom: 0
    }

    .home_customize_title {
        padding: 0 .5rem
    }
}

@media(min-width: 769px) {
    .desktop-only {
        display:block
    }

    .mobile-only {
        display: none
    }

    .home .navbar_wrapper,.home_wrapper {
        max-width: 1152px;
        margin: auto
    }

    .home_title {
        font-size: 32px;
        line-height: 39px;
        margin: 40px 0 20px
    }

    .home_form {
        position: relative
    }

    .home_form_btn {
        margin: 0;
        border: 0;
        padding: 8px 20px;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        font-weight: 500;
        font-size: 20.8px;
        line-height: 25px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 120px
    }

    .home_form input {
        padding-right: 125px
    }

    .home_splash {
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
        margin: 0;
        height: 25.625rem;
        text-align: left
    }

    .home_splash h1 {
        font-size: 2.25rem
    }

    .home_splash p {
        width: 32rem;
        font-size: 1.625rem;
        font-weight: 300;
        margin: 1.25rem 0 1.875rem;
        padding-left: 1.25rem
    }

    .home_splash_container,.home_splash_left {
        display: -webkit-flex;
        display: flex
    }

    .home_splash_left {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        padding: .75rem 1.375rem 0 0;
        width: 50%;
        height: 100%
    }

    .home_splash_right {
        position: relative;
        right: -3.125rem;
        bottom: -4.75rem;
        -webkit-transform: unset;
        transform: unset
    }

    .home_splash_right img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .home_splash_txt {
        padding: 3.75rem .625rem 0 0
    }

    .home_customize_title {
        margin-top: 0
    }

    .home_customize_title.logged {
        margin-top: 1.25rem
    }

    .home_section_stats .home_wrapper {
        display: -webkit-flex;
        display: flex
    }

    .home_section_stats_img {
        max-width: 50%
    }

    .home_top-users {
        text-align: left;
        padding: 0 0 20px
    }

    .home_top-users_title {
        padding: 1.875rem 2.5rem;
        font-size: 2rem
    }

    .home_top-users_container {
        padding: 1.875rem 2.5rem 0
    }

    .home_top-users_list {
        padding-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(22.5rem,1fr));
        grid-gap: 1.125rem 2.25rem
    }

    .home_categories {
        padding: 1.25rem 2.5rem
    }

    .home_categories_header {
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .home_categories_header .btn {
        padding: .1875rem .3125rem .625rem .625rem
    }

    .home_categories_header h2 {
        font-size: 2rem
    }

    .home_categories_container {
        grid-template-columns: repeat(auto-fit,minmax(14rem,1fr))
    }

    .home_app-banner {
        padding: 2.5rem
    }

    .home_app-banner_container {
        height: 100%;
        min-height: 12.1875rem;
        max-height: 18.75rem;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        position: relative
    }

    .home_app-banner_container svg {
        position: absolute;
        left: -60px
    }

    .home_app-banner_info {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        text-align: left;
        width: 100%;
        margin: auto 0;
        padding: .625rem 2.5rem .625rem 13.125rem;
        color: #fff
    }

    .home_app-banner_info_text {
        text-align: left;
        padding-bottom: .9375rem
    }

    .home_app-banner_info_text h2 {
        font-size: 1.625rem;
        margin: 0
    }

    .home_app-banner_info_text p {
        font-size: 1.625rem;
        max-width: 26.25rem
    }

    .home_app-banner_info_app a>img {
        width: 13.875rem;
        margin: 0
    }

    .home_app-banner_info_dual-app {
        padding: 0;
        display: grid;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        grid-template-columns: repeat(2,14.1875rem);
        grid-column-gap: .625rem
    }

    .home_app-banner_info_dual-app a>img {
        height: 4.5625rem;
        width: 13.875rem
    }

    .home_slider {
        padding: 2.5rem 0 4.0625rem
    }

    .home_slider .slick-dots {
        bottom: 1.875rem
    }

    .home_slider_customize_header h2 {
        font-size: 2rem;
        max-width: unset
    }

    .home_slider_customize_header p {
        max-width: 35.6875rem;
        font-size: 1.375rem;
        font-weight: 400
    }

    .home_slider_customize_list {
        margin-top: 2.5rem;
        grid-row-gap: 1.25rem;
        max-height: 16.875rem
    }

    .home_slider_customize_list_item {
        font-size: 1.25rem;
        white-space: nowrap
    }

    .home_slider_customize_splash_desktop {
        display: -webkit-flex;
        display: flex
    }

    .home_slider_customize_splash_desktop_img {
        position: relative;
        top: -50px;
        width: 40.625rem
    }

    .home_slider_stats_header {
        padding-bottom: 1.875rem;
        margin: 0
    }

    .home_slider_stats_header h2 {
        font-size: 2rem;
        max-width: unset
    }

    .home_slider_stats_header p {
        max-width: 45.3125rem;
        font-weight: 400;
        font-size: 1.375rem
    }

    .home_slider_stats_splash_desktop {
        display: -webkit-flex;
        display: flex;
        position: relative
    }

    .home_slider_stats_splash_desktop_img {
        z-index: -1;
        position: absolute;
        top: -140px;
        right: 0;
        width: 100%;
        width: 37.5rem
    }

    .home_slider_stats_list {
        grid-row-gap: 1.875rem;
        padding: 0 0 0 1.25rem;
        font-size: 1.25rem
    }

    .home_slider_stats_list li {
        max-width: 32.5rem
    }

    .home_slider_stats_list svg {
        width: .625rem;
        margin-right: .875rem
    }

    .home_slider_compare h2:first-child {
        margin-bottom: 1.875rem
    }

    .home_slider_compare h2 {
        max-width: unset;
        font-size: 2rem;
        margin-bottom: 2.5rem
    }

    .home_slider_compare_list {
        grid-row-gap: 0
    }

    .home_slider_compare_list div:first-child {
        border-top: 1px solid #eee
    }

    .home_slider_compare_list>div {
        padding: .375rem 0;
        border-bottom: 1px solid #eee;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .home_slider_compare_list>div,.home_slider_compare_list h3 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .home_slider_compare_list h3 {
        font-size: 1.3125rem;
        font-weight: 400;
        margin: auto 0
    }

    .home_slider_compare_list h3 svg {
        margin-right: 1.75rem
    }

    .home_slider_compare_list_item {
        grid-column-gap: 3.1875rem
    }

    .home_slider_compare_list_item>div span:first-child {
        margin-right: 2.6875rem;
        margin-left: .625rem
    }

    .home_slider_compare_list_item>div.magic span:first-child {
        margin-right: 3.375rem
    }
}

.plist {
    width: 100%;
    background: #fff
}

.plist,.plist_item {
    text-decoration: none
}

.plist_item {
    border-top: .5px solid #d6d6d6;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: .625rem .75rem
}

.plist_item_text {
    -webkit-flex: 1 1;
    flex: 1 1;
    min-width: 0;
    padding-right: .75rem
}

.plist_item_text h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    color: #424242
}

.plist_item_avatar {
    width: 3.625rem;
    height: 3.625rem;
    border-radius: .625rem;
    margin-right: .75rem;
    font-size: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.plist_item_number {
    width: 1.125rem;
    text-align: center;
    font-weight: 600;
    color: #000;
    margin-right: .625rem
}

.plist_item_headline {
    color: #999;
    margin: .125rem 0;
    display: -webkit-flex;
    display: flex;
    line-height: .9375rem;
    font-size: .75rem
}

.plist_item_headline>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.plist_item_headline>div i {
    position: relative;
    top: .0625rem
}

.plist_item a:not(.btn-primary) {
    text-decoration: none;
    color: #22abf9
}

.plist_item a:visited {
    color: #afafaf
}

.plist_button {
    font-size: .75rem;
    font-weight: 600;
    width: 4.6875rem;
    height: 1.6875rem;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    border-radius: .375rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.plist_button.btn-danger {
    padding: 0;
    width: 1.875rem
}

.userprev {
    width: 100%
}

.userprev_item {
    position: relative
}

.userprev a {
    text-decoration: none;
    color: #000;
    color: initial
}

.userprev .profile_wrapper {
    min-height: auto
}

.userprev_delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 0;
    padding: 0
}

.usertable {
    border-collapse: collapse;
    width: 100%
}

.usertable td,.usertable th {
    border: 1px solid #ddd;
    padding: 8px
}

.usertable tr:nth-child(2n) {
    background-color: #f2f2f2
}

.usertable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04aa6d;
    color: #fff
}

.admdash {
    padding-top: 20vh
}

.admdash h3 {
    margin-bottom: 30px
}

.admdash_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    gap: 20px
}

.admdash_btn {
    background-color: #0a6bff;
    border-radius: 4px;
    border: 0;
    box-shadow: inset 0 -1px 3px 0 rgba(1,60,136,.5),0 3px 6px 0 rgba(0,44,97,.1);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    min-height: 56px;
    padding: 16px 44px;
    text-decoration: none;
    position: relative;
    text-align: center;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    transition: all .2s cubic-bezier(.22,.61,.36,1)
}

.admdash_btn:hover {
    background-color: #005ff0;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.admsp .form-group,.admsp .form-group-textarea {
    margin: 0
}

.admsp .main_content {
    max-width: 80%
}

.admsp_form {
    margin-bottom: 30px
}

.admsp_grid {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 0;
    gap: 0
}

@media(max-width: 769px) {
    .admsp_grid {
        grid-template-columns:1fr
    }
}

@media(min-width: 1024px) {
    .admsp_grid {
        grid-template-columns:repeat(5,1fr)
    }
}

.admsp_inputq {
    padding: 5px 20px
}

.admsp .plist_item_number {
    display: none
}

.admsp .plist_item {
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.admsp .plist_button {
    width: 40px
}

.admsp .color-green {
    color: green
}

.admsp_deletebtn {
    width: 50%;
    margin: 40px auto
}

.top-categories_header_filterbox_interval {
    min-width: 180px
}

.tops.main {
    padding-bottom: 0
}

.tops.main .main_content {
    max-width: unset;
    padding: 0
}

.tops.main .main_content .tops_heading {
    color: #fff;
    background-color: #22abf9
}

.tops_home_header {
    background-color: #22abf9;
    padding: 2rem 0;
    margin: 0
}

.tops_home_header h1 {
    font-size: 2.25rem;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto
}

.tops_home_profiles {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: inset 0 0 20px rgba(0,0,0,.05)
}

.tops_home_profiles-block {
    overflow: auto
}

.tops_home_profiles-block_title {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    max-width: 1152px;
    margin: .875rem auto 0;
    padding: .5rem;
    border: 1px solid #e2e2e2;
    border-radius: 6.25rem;
    background-color: #fff
}

.tops_home_profiles-block_title>a {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    color: #22abf9;
    margin-right: .75rem
}

.tops_home_profiles-block_title>div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.tops_home_profiles-block_title>div img {
    margin-right: .625rem;
    height: 2rem;
    width: 2rem;
    border-radius: 50%
}

.tops_home_profiles-block_title>div h2 {
    font-size: 1.375rem
}

.tops_home_profiles-block_list {
    background-color: #f8f8f8;
    padding: .625rem 0;
    margin-bottom: .625rem
}

.tops_home_profiles-block_list_content {
    box-sizing: border-box;
    max-width: 1152px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: .625rem;
    grid-column-gap: 1.25rem
}

.tops_home_profiles-block_logo {
    width: 2rem;
    height: 2rem
}

.tops_home_discover-tops_content,.tops_home_discover-tops_title {
    max-width: 64rem;
    margin: 1rem auto
}

.tops_home_discover-tops_title {
    margin-top: 0;
    font-size: 1.5rem;
    text-align: center
}

.tops_home_discover-tops_content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: .625rem
}

.tops_home_discover-tops_link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
    color: #000;
    padding: .75rem .5rem;
    border: 1px solid #e3e3e3;
    border-radius: .75rem;
    position: relative
}

.tops_home_discover-tops_link h3 {
    font-size: 1.25rem;
    font-weight: 400;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.tops_home_discover-tops_logo {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0;
    border-radius: 1.625rem
}

.tops_home_create-container {
    padding-bottom: 1.875rem
}

.tops_home_create {
    box-sizing: border-box;
    max-width: 1152px;
    width: 100%;
    margin: 0 auto 1.875rem;
    padding: 1.875rem;
    border-radius: .75rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    background-color: #22abf9;
    color: #fff
}

.tops_home_create h2 {
    margin-bottom: 1.25rem
}

.tops_heading {
    padding: 1.875rem .3125rem;
    border-bottom: .5px solid #cfcfcf
}

.tops_title {
    margin-bottom: .625rem
}

.tops_subtitle {
    font-size: 1.25rem;
    font-weight: 400
}

.tops_subtitle,.tops_title {
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center
}

.tops_select_category {
    position: relative
}

.tops_select_category_button,.tops_select_category_options_link {
    display: -webkit-flex;
    display: flex;
    border-radius: 0;
    background-color: #fff
}

.tops_select_category_button {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: .6875rem .875rem .6875rem .6875rem
}

.tops_select_category_button h2 {
    font-size: 1rem;
    font-weight: 400
}

.tops_select_category_button svg {
    margin-left: .5rem
}

.tops_select_category_options {
    box-shadow: 0 4px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: #fff
}

.tops_select_category_options_link {
    overflow: hidden;
    font-weight: 400
}

.tops_select_interval {
    width: 166px;
    margin-left: auto
}

.tops_select_interval div.select__control {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    border-top: 0
}

.tops_select_interval div.select__control .select__single-value {
    color: #22abf9;
    font-weight: 400
}

.tops_select_interval div.select__menu {
    border-radius: 0
}

.tops_profiles {
    padding: 1rem .5rem
}

.tops_profiles_container {
    background-color: #f8f8f8
}

.tops_profiles_cards {
    display: grid;
    grid-gap: .5rem;
    margin-bottom: .5rem
}

.tops_profiles_load-more {
    border: 1px solid #22abf9
}

.tops_latest-profiles {
    padding-left: .625rem
}

.tops_latest-profiles_title {
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: 1.625rem
}

.tops_latest-profiles .slider {
    margin: 0 auto 1.25rem;
    max-width: 964px
}

.tops_latest-profiles .slider .profile_card {
    margin: 0 .25rem
}

@media(max-width: 769px) {
    .tops_home_header h1 {
        font-size:1.75rem;
        text-align: center
    }

    .tops_home_profiles-block {
        padding: 0 10px
    }

    .tops_home_profiles-block_list_content {
        grid-template-columns: 1fr
    }

    .tops_home_profiles-block_title {
        padding: .75rem;
        background-color: #fcfcfc;
        margin-top: 0;
        border: 1px solid #d6d6d6!important;
        border-radius: 1.875rem!important
    }

    .tops_home_profiles-block_title>div img {
        height: 1.625rem;
        width: 1.625rem;
        border-radius: 50%
    }

    .tops_home_profiles-block_title>div h2 {
        font-size: 1.125rem
    }

    .tops_home_profiles {
        padding-top: 1.25rem
    }

    .tops_home_discover-tops {
        padding-top: 1.625rem
    }

    .tops_home_discover-tops_title {
        font-size: 1.25rem
    }

    .tops_home_discover-tops_content {
        grid-template-columns: 1fr 1fr;
        grid-gap: .5rem;
        padding: .75rem
    }

    .tops_home_discover-tops_link {
        padding: .25rem
    }

    .tops_home_discover-tops_link h3 {
        font-size: 1.0625rem;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .tops_home_discover-tops_link img {
        width: 1.5rem;
        height: 1.5rem
    }

    .tops_home_create-container {
        padding: 0 .625rem
    }

    .tops_home_create {
        -webkit-flex-flow: column;
        flex-flow: column;
        padding: 1.25rem 1.125rem;
        text-align: center
    }

    .tops_home_create h2 {
        font-size: 2rem;
        font-weight: 500
    }

    .tops_home_create p {
        margin-bottom: 1.625rem
    }

    .tops_title {
        font-size: 1.125rem
    }

    .tops_subtitle {
        font-size: .875rem
    }

    .tops_select_category_button h2 {
        font-weight: 500
    }

    .tops_select_category_button,.tops_select_category_options_link {
        border-bottom: 1px solid #e2e2e2
    }

    .tops_select_category_options {
        z-index: 1000
    }

    .tops_select_interval div.select__control {
        min-height: 2.625rem;
        background-color: #fcfcfc
    }

    .tops_select_interval div.select__control--menu-is-open {
        background-color: #fff
    }

    .tops_latest-profiles_title {
        text-align: center
    }
}

@media(min-width: 769px) {
    .tops .navbar .navbar_wrapper .navbar_brand {
        padding-left:.625rem
    }

    .tops_home_selectbar {
        border-bottom: 1px solid #cfcfcf
    }

    .tops_home_create {
        margin-bottom: .625rem
    }

    .tops_home_create h2 {
        font-size: 2.125rem;
        text-align: right;
        font-weight: 500
    }

    .tops_home_create p {
        font-size: 1.25rem;
        max-width: 500px;
        text-align: right;
        padding-bottom: .625rem
    }

    .tops_home_create .btn.home_form_btn {
        position: unset;
        width: 100%;
        line-height: 2rem;
        font-size: 1.625rem;
        margin-top: .75rem;
        border: 2px solid #fff
    }

    .tops_home_discover-tops_content {
        max-width: 1152px;
        grid-template-columns: repeat(auto-fill,minmax(16.875rem,1fr));
        grid-gap: .75rem 1.125rem;
        padding: .75rem
    }

    .tops_home_discover-tops_link {
        padding: .375rem;
        border-radius: 1.625rem;
        background-color: #f3f3f399;
        border: 1px solid #929292
    }

    .tops_home_discover-tops_link h3 {
        font-size: 1.1875rem;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .tops_home_discover-tops_link img {
        width: 1.8125rem;
        height: 1.8125rem;
        border-radius: 1.25rem
    }

    .tops_select {
        border-bottom: .5px solid #cfcfcf;
        background-color: #fff
    }

    .tops_select_wrapper {
        min-height: 2.8125rem;
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        max-width: 1152px;
        margin: auto
    }

    .tops_select_category_button {
        height: 2.8125rem
    }

    .tops_select_category_button h2 {
        font-size: 1.375rem;
        line-height: 1.375rem;
        font-weight: 500
    }

    .tops_select_category_options {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: .375rem;
        max-width: 64rem;
        padding: 1.5625rem;
        width: 100%;
        top: 3.875rem;
        border: 1px solid #e2e2e2
    }

    .tops_select_interval div.select__control {
        height: 2.8125rem;
        font-size: 1rem;
        border: 0
    }

    .tops_select_interval div.select__control--menu-is-open {
        border: 1px solid #e2e2e2
    }

    .tops_profiles {
        max-width: 1152px;
        margin: auto
    }

    .tops_profiles_cards {
        grid-template-columns: 1fr 1fr
    }

    .tops_profiles_load-more {
        margin-top: 1.25rem
    }

    .tops_latest-profiles {
        padding: 1.875rem 0 1rem
    }

    .tops_latest-profiles .slider {
        max-width: 1152px
    }
}

@media(min-width: 1024px) {
    .tops_select_category_options {
        grid-template-columns:1fr 1fr 1fr 1fr
    }

    .tops_profiles_cards {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(max-width: 64rem) {
    .tops_home_profiles-block_title {
        border-radius:0;
        border-right: 0;
        border-left: 0;
        margin-top: 0
    }

    .tops_home_profiles-block:first-child .tops_home_profiles-block_title {
        border-top: 0
    }
}

.home-categories .main_content {
    max-width: unset
}

.home-categories_header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #22abf9;
    min-height: 6.25rem
}

.home-categories_header h1 {
    text-align: center;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 600
}

.home-categories_filter-box {
    height: 2.8125rem
}

.home-categories_filter-box .layout-width {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.home-categories_filter-box .layout-width .select {
    display: none;
    min-width: 7.8125rem
}

.home-categories_filter-box .layout-width .select__control {
    transition: none;
    border: none
}

.home-categories_filter-box .layout-width .select__control--menu-is-open {
    border: 1px solid #d6d6d6;
    -webkit-transform: none;
    transform: none;
    border-radius: 0
}

.home-categories_filter-box .layout-width .select__menu {
    border-radius: 0
}

.home-categories_filter-box .layout-width .select__single-value {
    color: #22abf9
}

.home-categories_filter-box .layout-width .select__dropdown-indicator {
    padding-right: .9375rem
}

.home-categories_container {
    border-top: 1px solid #d6d6d6;
    background-color: #f5f5f5;
    box-shadow: inset 0 0 20px rgba(0,0,0,.05)
}

.home-categories_container .layout-width {
    padding: 1.4375rem .625rem 2.0625rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1.25rem
}

.home-categories_category {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: .625rem
}

.home-categories_category_header {
    border: 1px solid #d6d6d6;
    background-color: #fcfcfc;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 1.75rem;
    padding: .4375rem
}

.home-categories_category_header span {
    display: grid;
    place-items: center;
    min-width: 1.625rem;
    min-height: 1.625rem;
    padding: .125rem .375rem .25rem .125rem;
    font-size: 1.125rem;
    border-radius: 1.375rem;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    margin-right: .4375rem
}

.home-categories_category_header h2 {
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.25rem;
    color: #000
}

.home-categories_category_header>div {
    margin-left: auto
}

.home-categories_category_header>div a,.home-categories_category_header>div a:visited {
    padding-right: .8125rem;
    color: #22abf9;
    text-decoration: none;
    font-weight: 500
}

.home-categories_category_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(22.1875rem,1fr));
    grid-gap: .625rem 1.875rem
}

.home-categories_top-users {
    width: 100%;
    text-align: center
}

.home-categories_top-users_header {
    padding-bottom: 1.25rem
}

.home-categories_top-users_header h2 {
    font-size: 1.25rem
}

.home-categories_top-users_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(12.0625rem,1fr));
    grid-gap: .5rem .625rem
}

.home-categories_top-users_list span {
    margin-right: .3125rem
}

.home-categories_top-users_list h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .4375rem .625rem;
    background-color: #f3f3f3;
    border: 1px solid #929292;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 1.625rem;
    text-align: center
}

.home-categories_top-users_list a,.home-categories_top-users_list a:visited {
    color: #000;
    text-decoration: none
}

.home-categories_top-users .btn {
    border: 1px solid #22abf9;
    background: unset;
    color: #22abf9;
    font-weight: 600;
    height: 2.75rem;
    margin-top: .75rem
}

.home-categories_bottom-section {
    display: grid;
    grid-row-gap: 1.6875rem;
    padding: 1.625rem .625rem
}

.home-categories_bottom-section .tops_home_create {
    margin: 0
}

@media(min-width: 769px) {
    .home-categories .navbar .navbar_wrapper .navbar_brand {
        padding-left:.625rem
    }

    .home-categories_header {
        min-height: 6.875rem
    }

    .home-categories_header h1 {
        max-width: unset;
        font-size: 2.25rem
    }

    .home-categories_container {
        border-bottom: 1px solid #e2e2e2;
        background-color: #f8f8f8
    }

    .home-categories_container .layout-width {
        padding-top: 1.25rem;
        grid-row-gap: 2.875rem
    }

    .home-categories_filter-box .layout-width {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .home-categories_category {
        grid-row-gap: .625rem
    }

    .home-categories_category_header {
        padding: .5rem;
        background-color: #fff;
        border: 1px solid #e2e2e2
    }

    .home-categories_category_header span {
        display: grid;
        place-items: center;
        min-width: 2rem;
        min-height: 2rem;
        padding: 0;
        font-size: 1.375rem;
        border-radius: 1.375rem;
        border: 1px solid #e2e2e2;
        margin-right: .75rem
    }

    .home-categories_category_header h2 {
        font-size: 1.375rem
    }

    .home-categories_category_list {
        grid-gap: .625rem 1.25rem
    }

    .home-categories_top-users {
        text-align: left
    }

    .home-categories_top-users_header {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-bottom: 1.5625rem
    }

    .home-categories_top-users_header h2 {
        font-size: 1.5rem
    }

    .home-categories_top-users_header .btn {
        max-width: 9.375rem;
        padding-top: .3125rem;
        height: .9375rem;
        text-align: right
    }

    .home-categories_top-users_list {
        grid-template-columns: repeat(auto-fit,minmax(15.625rem,1fr));
        grid-gap: .625rem 1rem
    }

    .home-categories_top-users_list span {
        margin-right: .3125rem
    }

    .home-categories_top-users .btn {
        font-weight: 400;
        border: unset;
        padding: .3125rem .625rem .5rem;
        margin: 0
    }

    .home-categories_bottom-section {
        padding: 1.25rem .625rem 2.5rem;
        grid-row-gap: 2.8125rem
    }

    .home-categories_bottom-section .tops_home_create {
        margin: 0 auto
    }
}

.blog_post.main.hasNav {
    padding-bottom: 0
}

.blog_post .main_content {
    max-width: 100%;
    padding: 0
}

.blog_post_header {
    background-color: #22abf9;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column
}

.blog_post_header_wrapper {
    margin: auto;
    box-sizing: border-box;
    padding: 1.25rem .625rem
}

@media(min-width: 769px) {
    .blog_post_header_wrapper {
        max-width:57.5rem
    }
}

.blog_post_header_content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column
}

.blog_post_header_main-img {
    border-radius: .6875rem;
    margin-bottom: 1rem
}

.blog_post_header_epigraph,.blog_post_header_title {
    color: #fff
}

.blog_post_header_title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.blog_post_header_epigraph {
    font-size: 1.25rem
}

.blog_post_body {
    box-sizing: border-box;
    padding: .625rem;
    margin: auto
}

@media(min-width: 769px) {
    .blog_post_body {
        max-width:57.5rem
    }
}

.blog_post_body_content {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 1.875rem
}

.blog_post_body_content p {
    margin: .5rem 0
}

.blog_post_body_content h1 {
    margin: .75rem 0
}

.blog_post_body_content h2 {
    margin: .625rem 0
}

.blog_post_body_content h3,.blog_post_body_content h4 {
    margin: .5rem 0
}

.blog_post_social-network-posts {
    box-sizing: border-box;
    padding: .625rem;
    margin: auto
}

@media(min-width: 769px) {
    .blog_post_social-network-posts {
        max-width:57.5rem
    }
}

.blog_post_social-network-posts_title {
    margin: .625rem 0 1.25rem
}

.blog_post_social-network-posts_tiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px
}

.blog_post_social-network-posts_item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
    background-color: #f9f9f9;
    border: 1px solid #dbdbdb;
    border-radius: .9375rem;
    text-decoration: none;
    padding: 1.25rem;
    font-size: 1.125rem;
    font-weight: 500
}

.blog_post_social-network-posts_item img {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: .625rem;
    margin-bottom: .75rem
}

.blog_post_recent-posts_content {
    padding: 1.25rem .625rem
}

.blog_post_recent-posts_title {
    margin-bottom: .625rem
}

.blog_post_recent-posts_link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .625rem;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    overflow: hidden
}

.blog_post_recent-posts_link_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.blog_post_recent-posts_link_img {
    margin-right: .5rem;
    width: 1.875rem;
    height: 1.875rem
}

.blog_admin_main .main_content {
    max-width: 64rem;
    padding: 0
}

.blog_admin_header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 1.5625rem 0 .9375rem;
    padding: 0 .625rem
}

.blog_admin_header h2 {
    display: inline;
    font-size: 1.625rem
}

.blog_admin_header button.btn {
    display: inline;
    margin: 0
}

.blog_admin_table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    background-color: #fff
}

.blog_admin_table td,.blog_admin_table th {
    border-top: 1px solid #ddd;
    padding: 8px
}

.blog_admin_table tr:nth-child(2n) {
    background-color: #f2f2f2
}

.blog_admin_table th {
    padding: .625rem;
    text-align: left;
    background-color: #22abf9;
    color: #fff
}

.blog_admin_table th:last-child {
    width: 1%;
    white-space: nowrap
}

.blog_admin_table_row:last-child {
    border-bottom: 1px solid #ddd
}

.blog_admin_table_row td {
    padding: .3125rem .625rem
}

.blog_admin_table_cell-header {
    max-width: 200px
}

.blog_admin_table_cell-header,.blog_admin_table_cell-url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.blog_admin_table_cell-url {
    max-width: 300px
}

.blog_admin_table_cell-url a {
    color: #22abf9;
    text-decoration: none;
    white-space: break-spaces
}

.blog_admin_table_cell-date {
    width: 1%;
    white-space: nowrap
}

.blog_admin_table_cell-actions .btn {
    display: inline;
    width: unset;
    padding: 0;
    background-color: transparent
}

.blog_admin_table_cell-actions .btn:last-child {
    margin-left: .625rem
}

.blog_admin_new-post-button {
    width: unset;
    margin-top: .625rem;
    font-size: .875rem
}

.blog_admin_post_form h3 {
    font-size: 1.125rem;
    margin: .3125rem 0
}

.blog_admin_post_form_inputs_row {
    display: -webkit-flex;
    display: flex
}

.blog_admin_post_form_inputs_cell {
    width: 50%
}

.blog_admin_post_form_inputs_cell:first-child {
    margin-right: .9375rem
}

.blog_admin_post_form_field {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: .625rem;
    width: 100%
}

.blog_admin_post_form_field_input,.blog_admin_post_form_field textarea {
    height: 2.8125rem;
    padding: 1rem
}

.blog_admin_post_form_field input,.blog_admin_post_form_field textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 1.25rem;
    font-size: 1rem;
    resize: none
}

.blog_admin_post_form_field input:focus,.blog_admin_post_form_field textarea:focus {
    outline: none
}

.blog_admin_post_form_field textarea {
    height: 4.6875rem
}

.blog_admin_post_form_field-upload {
    width: 100%;
    display: -webkit-flex;
    display: flex
}

.blog_admin_post_form_field-upload input {
    background-color: #fff;
    color: gray;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.blog_admin_post_form_field-upload_btn {
    width: auto;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    height: 2.8125rem;
    min-width: 5.625rem;
    font-size: 1rem;
    padding: .1875rem .75rem;
    border: 1px solid #e2e2e2;
    border-left: 0;
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.blog_admin_post_form .quill-editor {
    margin-bottom: .9375rem
}

.blog_admin_post_form .quill-editor .ql-toolbar {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

.blog_admin_post_form .quill-editor .ql-container {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

@media(min-width: 769px) {
    .blog_post_header {
        padding:0
    }

    .blog_post_header_wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .blog_post_header_content {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-order: 1;
        order: 1;
        margin-right: .9375rem
    }

    .blog_post_header_main-img {
        margin: 0;
        -webkit-order: 2;
        order: 2;
        width: 50%;
        max-height: 100%;
        object-fit: cover
    }

    .blog_post_header_title {
        font-size: 1.875rem;
        margin-bottom: .625rem
    }

    .blog_post_header_epigraph {
        font-size: 1.5rem
    }

    .blog_post_social-network-posts_tiles {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .blog_post_recent-posts {
        box-sizing: border-box;
        padding: .625rem;
        margin: 1.5625rem auto 1.875rem
    }
}

@media(min-width: 769px)and (min-width:769px) {
    .blog_post_recent-posts {
        max-width:57.5rem
    }
}

@media(min-width: 769px) {
    .blog_post_recent-posts_content {
        display:-webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        flex-flow: column;
        -webkit-align-items: center;
        align-items: center;
        background-color: #f3f3f3;
        padding: 1.875rem 2.5rem 2.5rem;
        border-radius: .9375rem;
        border: 1px solid #dbdbdb
    }

    .blog_post_recent-posts_title {
        margin-bottom: 1.5625rem
    }

    .blog_post_recent-posts_articles {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.25rem 6.25rem
    }

    .blog_post_recent-posts_link {
        margin: 0
    }
}

.useradm_table {
    width: 100%
}

.useradm_table th:first-child {
    text-align: left
}

.useradm_table .Checkbox label {
    -webkit-justify-content: center;
    justify-content: center
}

.useradm_filterbtn:first-child {
    margin-right: 10px
}

.nsfwadmin_list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    padding: 30px;
    grid-gap: 10px;
    gap: 10px;
    max-width: 1600px;
    margin: auto
}

.nsfwadmin .nsfw .profile_card {
    background-color: #ff4f4f
}

.nsfwadmin .select {
    margin-right: 20px;
    width: 160px
}

.Article {
    padding: 1.25rem 1.25rem 3.75rem
}

@media(min-width: 769px) {
    .Article_wrapper {
        border:1px solid #e2e2e2;
        border-width: 0 1px
    }
}

.Article_head {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 1.25rem
}

.Article_back {
    cursor: pointer
}

.Article_title {
    width: 100px;
    font-size: 1.25rem;
    margin: 0 auto
}

.Article_body {
    text-align: center
}

.Article_thumb {
    margin-bottom: 1.25rem
}

.Article ul {
    margin: .625rem 0
}

.Article ul li::marker {
    color: #22abf9
}

.profile_edit_submit {
    position: absolute;
    top: 1.4375rem;
    right: .75rem;
    width: auto;
    padding: 0 .5rem;
    font-size: .875rem;
    border-radius: .6875rem
}

.profile_edit_hint {
    font-size: .9375rem;
    line-height: 1.125rem
}

@media(min-width: 769px) {
    .profile_edit {
        border:1px solid #e2e2e2;
        border-width: 0 1px;
        padding-top: 20px
    }

    .profile_edit .wrapper {
        padding: 0 20px
    }

    .profile_edit_submit {
        top: 0
    }
}

.PhotoLibrary {
    padding: 1.25rem 1.25rem 3.75rem
}

@media(min-width: 769px) {
    .PhotoLibrary_wrapper {
        border:1px solid #e2e2e2;
        border-width: 0 1px
    }
}

.PhotoLibrary_head {
    position: relative;
    margin-bottom: 1.25rem
}

.PhotoLibrary_back {
    position: absolute;
    top: .75rem;
    left: 0;
    cursor: pointer
}

.PhotoLibrary_title {
    font-size: 1.75rem
}

.PhotoLibrary_item {
    position: relative;
    margin-bottom: 1.25rem;
    overflow: hidden;
    border-radius: 1rem;
    font-size: 0
}

.PhotoLibrary_caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(0,0,0,.3);
    padding: .9375rem
}

.stats .modal {
    border: 1px solid #e2e2e2;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.stats .modal_head {
    text-align: left;
    margin-bottom: .75rem
}

.stats_section {
    padding: 1.25rem;
    border-bottom: 1px solid #e2e2e2
}

.stats_title {
    margin-bottom: .9375rem
}

.stats .empty_body {
    height: 10rem;
    background-color: #f7f7f7;
    border-radius: .75rem
}

.stats .empty_body_label {
    background: #dfdfdf;
    border-radius: 1rem;
    font-weight: 500;
    font-size: .75rem;
    text-align: center;
    color: #737373;
    padding: .375rem 1.375rem
}

.stats_lifetime_body {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: .9375rem 0 0
}

.stats_lifetime_col {
    text-align: center
}

.stats_lifetime_label {
    font-size: .875rem;
    line-height: 1.0625rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.stats_lifetime_circle {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: .3125rem
}

.stats_lifetime_circle.visits {
    background-color: #488efb
}

.stats_lifetime_circle.clicks {
    background-color: #ff6231
}

.stats_lifetime_circle.ctr {
    background-color: #9e71ff
}

.stats_lifetime_value {
    margin-top: .625rem;
    font-size: 2.125rem;
    line-height: 2.5625rem;
    font-weight: 500
}

.stats_clicks .SocialLink {
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-radius: 2rem
}

.stats_clicks .SocialLink .asset-logo {
    border-radius: 2rem
}

.stats_clicks .SocialLink_body {
    margin-left: .5rem;
    text-align: left;
    padding-right: .625rem!important
}

.stats_clicks .SocialLink_body h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.stats_clicks .SocialLink_right span {
    margin-right: .5rem
}

.stats_item {
    display: -webkit-flex;
    display: flex;
    background: #f3f3f3;
    border-radius: 29px;
    margin-bottom: .625rem
}

.stats_item>img {
    position: relative;
    top: 2px
}

.stats_item_body {
    -webkit-flex: 1 1;
    flex: 1 1;
    padding: .625rem .625rem .625rem 0
}

.stats_item_body_sub,.stats_item_body_title {
    font-weight: 500;
    line-height: 1.25rem;
    font-size: .875rem;
    color: #000
}

.stats_item_body_sub {
    color: #929292;
    line-height: 1.1875rem
}

.stats_item_icon {
    width: 2.625rem;
    padding: .75rem 0
}

.stats_item.have_counter .stats_item_icon,.stats_item_icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.stats_item.have_counter .stats_item_icon {
    border-right: 1px solid #dcdcdc;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0;
    -webkit-align-items: center;
    align-items: center;
    border-left: .25rem solid transparent
}

.stats_item.have_counter .stats_item_body {
    padding-left: .625rem
}

.stats_geo .btn {
    margin: auto;
    display: block
}

.stats_device svg {
    position: relative;
    top: .125rem
}

.stats_intervals_link {
    display: block;
    font-weight: 500;
    border: none;
    background-color: transparent;
    padding: 0;
    margin-bottom: .625rem;
    color: #22abf9
}

.stats_intervals .modal_head {
    cursor: pointer;
    margin: .5rem 0
}

.stats_intervals_body {
    margin-top: .625rem;
    display: block
}

.stats_intervals_body.collapsed {
    display: none
}

@media(min-width: 769px) {
    .stats {
        border:1px solid #e2e2e2;
        border-width: 0 1px
    }
}

.timeline {
    background: #f7f7f7;
    border-radius: .75rem;
    padding: 0 .625rem
}

.timeline_crosshair .rv-crosshair__line {
    background: #000
}

.timeline_crosshair_body {
    padding: .375rem .75rem;
    background: #2e2e2e;
    font-size: .75rem;
    line-height: .875rem;
    border-radius: .3125rem;
    color: #fff;
    white-space: nowrap
}

.timeline_crosshair_body:after {
    content: " ";
    width: 2px;
    height: 2px;
    background: #2e2e2e;
    -webkit-transform: matrix(.71,.76,-.66,.71,0,0);
    transform: matrix(.71,.76,-.66,.71,0,0)
}

.profile_bnr {
    margin-bottom: .3125rem
}

.profile_bnr img {
    border-radius: 30px
}

.profile_socialbar {
    margin: .625rem 0 0
}

.profile_adm-delete {
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto
}

@media(max-width: 769px) {
    .profile_wrapper {
        min-height:100vh;
        padding: .625rem
    }
}

@media(min-width: 769px) {
    .profile {
        margin-top:1.5625rem
    }

    .profile:before {
        background-color: #f1f1f1;
        content: "";
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1
    }

    .profile_wrapper {
        border-radius: 1.5rem;
        padding: 36px;
        min-height: 66vh;
        margin-bottom: 36px
    }
}

.addsocial {
    padding: 1.25rem 1.25rem 5rem
}

.addsocial_draggable {
    border-bottom: 1px solid #e2e2e2;
    padding: .625rem 0 0;
    background-color: #fff
}

.addsocial_draggable.hasError {
    border-bottom-color: #ff4f4f
}

.addsocial_inputgroup {
    margin: 0;
    border: none;
    background: transparent
}

.addsocial_inputgroup .form-error {
    background-color: transparent;
    color: #ff4f4f;
    bottom: -1.25rem;
    right: 0;
    left: auto;
    top: auto;
    padding: 0
}

.addsocial_input {
    -webkit-flex: 1 1;
    flex: 1 1;
    outline: 0;
    background: transparent;
    border: none;
    font-size: 1.125rem;
    line-height: 1.875rem;
    padding-left: 0!important;
    border-radius: 0
}

.addsocial .asset-logo {
    margin: 0 .625rem;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: .3125rem
}

.addsocial_submit {
    margin-top: 1.25rem
}

@media(max-width: 769px) {
    .addsocial_submit {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: .625rem;
        background-color: #fff;
        border-top: 1px solid #e2e2e2;
        margin: 0
    }
}

.PayForm_row1 {
    margin-bottom: .625rem
}

.PayForm_row1 .form-group,.PayForm_row1 .form-group-textarea,.PayForm_row2 .radio-btn {
    margin: 0;
    -webkit-flex: 1 1;
    flex: 1 1
}

.PayForm_row2 .radio-btn {
    background-color: rgba(243,243,243,.6);
    color: #000;
    border: .5px solid #ddd;
    text-align: center;
    padding: 0
}

.PayForm_row2 .radio-btn label {
    display: block;
    padding: 7px
}

.PayForm_row2 .radio-btn.checked {
    background-color: #22abf9;
    border-color: #22abf9;
    color: #fff
}

.PayForm_row2 .radio-btn+.radio-btn {
    margin-left: .375rem
}

.PayForm .select {
    width: 30%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: .625rem
}

.PayForm .select .select__control {
    height: 2.625rem
}

.PayForm .form_label {
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .625rem;
    display: block
}

.PayForm_amount {
    padding: .25rem .625rem;
    background-color: #fff;
    border-color: #e2e2e2
}

@media(min-width: 769px) {
    .PayForm {
        margin-top:20px
    }
}

.settings {
    width: 100%
}

.settings .wrapper {
    height: calc(100vh - 100px)
}

.settings .wrapper_body {
    height: 100%
}

.settings .wrapper_body,.settings_confirmation {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.settings_confirmation {
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-size: 1.125rem
}

.settings_confirmation>div {
    display: grid;
    place-items: center;
    border: 1px solid #c4c4c4;
    border-radius: 100%;
    width: 10.0625rem;
    height: 10.0625rem;
    margin: 1.25rem 0
}

@media(max-width: 769px) {
    .settings_btn {
        margin-top:auto
    }
}