.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media {
    zoom: 1;
    overflow: hidden
}

.media>.pull-right {
    padding-left: 10px
}

.media>.pull-left {
    padding-right: 10px
}

.close {
    float: right;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    color: #e1e1e1
}

.close:focus,
.close:hover {
    color: #c8c8c8;
    text-decoration: none;
    cursor: pointer
}

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

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: auto;
    padding: 30px 0
}

.modal-content {
    position: relative;
    border-radius: 6px;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040
}

.modal .modal-header {
    padding: 16px 0;
    margin: 0 15px;
    position: relative
}

.modal .modal-header .close {
    margin-top: -2px
}

.modal .modal-title {
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font: inherit;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.modal .modal-body {
    position: relative;
    padding: 15px
}

.modal .modal-footer {
    padding: 15px 16px 16px
}

.modal-footer {
    text-align: right
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog,
    .modal .modal-dialog {
        width: 630px
    }
    .modal-sm {
        width: 350px
    }
}

@media (min-width:992px) {
    .modal .modal-dialog.modal-xl {
        width: 800px
    }
}

@media (min-width:1200px) {
    .modal .modal-dialog.modal-xl {
        width: 1140px
    }
}

@media (min-width:576px) {
    .modal .modal-sm {
        max-width: 350px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 750px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.popover {
    width: 276px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background-clip: padding-box
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 16px;
    background-color: #fff;
    border-bottom: 1px solid #dce8de;
    border-radius: 6px 6px 0 0;
    color: #333
}

.popover-content {
    padding: 9px 16px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block
}

.popover>.arrow:after {
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -17px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden,
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}

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

.nav-link {
    display: block;
    padding: .5rem 1rem
}

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

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #f4f7fa;
    border-color: #dee2e6 #dee2e6 #f4f7fa
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}



body[id*=page_],
html#guest_html {
    height: auto;
    min-height: 100vh
}

body#guest_body {
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: stretch;
    align-items: stretch
}

body#guest_body .guest_forms {
    -webkit-box-ordinal-group: 1;
    order: 0;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    align-self: auto
}

.guest_swiper {
    width: 308px;
    height: 545px;
    position: absolute;
    left: 112px;
    top: 81px
}

.guest_swiper_wrapper {
    background: url(87cf0aa66110db10466a58e745c25f40.png);
    width: 440px;
    height: 720px;
    position: relative
}

.container,
.guest_swiper img {
    max-width: 100%
}

.guest_forms {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 13px 0;
    text-align: center
}

@media (max-width:767px) {
    .guest_forms .container {
        width: 100%
    }
}

.guest_forms .checkbox-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.guest_forms .checkbox-label input[type=checkbox] {
    flex-shrink: 0;
    margin-right: 10px
}

.guest_forms input[type=checkbox]+span {
    text-align: left
}

.popup-youtube {
    cursor: pointer
}

.popover a {
    white-space: nowrap
}

.popover.bottom {
    margin: 0;
    top: 50px!important;
    left: -130px!important
}

.popover.bottom>.arrow {
    border-bottom-color: #b9bec1;
    left: 66.6%!important
}

@media screen and (max-width:1365px) {
    .popover.bottom {
        left: -190px!important
    }
    .popover.bottom>.arrow {
        left: 93.5%!important
    }
}

@media screen and (max-width:1100px) {
    .popover.bottom {
        left: -180px!important
    }
    .popover.bottom>.arrow {
        left: 90.2%!important
    }
}

@media screen and (max-width:880px) {
    .popover.bottom {
        left: -180px!important
    }
    .popover.bottom>.arrow {
        left: 90.2%!important
    }
}

.form-horizontal .form-control[name=zip] {
    width: 128px;
    max-width: 100%
}

.form-horizontal .form-inline .form-control {
    width: auto
}

.form-horizontal .form-inline span {
    padding: 0 5px
}

#content {
    width: 100%
}

#content,
#content>.container {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:767px) {
    #content>.container {
        width: 100%
    }
}

big {
    font-size: 16px
}

.profile_settings .form-group {
    position: relative
}

.profile_settings .chosen-container {
    width: 100%!important
}

.profile_settings select {
    width: 100%
}

.modal-open .modal[style*="display: -ms-flexbox;"],
.modal-open .modal[style*="display: -webkit-flex;"],
.modal-open .modal[style*="display: block;"],
.modal-open .modal[style*="display: flex;"],
.modal.in {
    display: -webkit-box!important;
    display: flex!important;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.modal-primary .modal-header {
    background: #00aff0;
    color: #fff;
    text-align: center;
    border-bottom: none
}

.modal-primary .close {
    color: #fff
}

.modal-primary .close:hover {
    color: #e6e6e6
}

label.attach_file {
    color: #8a96a3;
    margin: 0 12px 0 0
}

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

input[type=file][disabled]+label.attach_file,
label.attach_file.disabled {
    pointer-events: none;
    opacity: .3
}

label.attach_file .g-icon {
    vertical-align: top
}

.show_more_container {
    clear: both;
    padding: 20px 0 10px;
    text-align: center;
    width: 100%
}

.modal-body .close,
.modal-header .close {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNTJGMzE3ODE1MjA2ODExODhDNkU3ODZDRjk4OTVCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDBBQkU1MjNBNDUxMUU2OTZENEQ4MTNGQkU5OTBFOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NDBBQkU1MTNBNDUxMUU2OTZENEQ4MTNGQkU5OTBFOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODlGQUU1RkEyRkU2MTFBMkNCOTNGMzc3QTFDQkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI1MkYzMTc4MTUyMDY4MTE4OEM2RTc4NkNGOTg5NUJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+F1hV4AAAAKVJREFUeNqU0tEJwyAQBmDz07mSJTqDnSDpDMUN6nMfAulTF0g2y125glhPPeFHUO5DPYe4fl7OuSflcPYxUTwE2GTBCnBdhJzgaoR+ANftkEULlALfJ0Cy2QP9ATnSgopACdEgFdCQHJprAI9L5QG54EEJAqn/CBVkpNwpi8yTFWHgLVcIra6hARw97UcH0Gw/OoEqBAOgQjACRYiRmxHIIX8KMAB+5D6tvawP7QAAAABJRU5ErkJggg==");
    position: absolute;
    top: 21px;
    right: 20px;
    width: 17px;
    height: 17px;
    font-size: 0;
    line-height: 0
}

.modal-body .close:hover,
.modal-header .close:hover {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNTJGMzE3ODE1MjA2ODExODhDNkU3ODZDRjk4OTVCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NTcxMEJDQjNBNDUxMUU2OEM3OUY0QThCNjVDMzNEQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NTcxMEJDQTNBNDUxMUU2OEM3OUY0QThCNjVDMzNEQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODlGQUU1RkEyRkU2MTFBMkNCOTNGMzc3QTFDQkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI1MkYzMTc4MTUyMDY4MTE4OEM2RTc4NkNGOTg5NUJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cul7OQAAAKVJREFUeNqU0tEJhDAMBuDcj3PpEjeDTnDeDOIG57NviivoRjfCJUcEqU3bFH4KLflomz5o+85E9OEc5B8Np4UCiy54AamboCd4OqETkLoduuiBrsD/CXDZLIFuQIjkoCgQQyzIBCwkhF4pQEaVeEApGDijQuY/QgKpOW9Or3PjRQRY9QpjrmvIAEdJ+1EAZNuPQiAJwQGYEJxAFBKkcwIh1P4EGADrZj5V+oVLAQAAAABJRU5ErkJggg==")
}

.trust-modal .modal-body .close,
.trust-modal .modal-header .close {
    background: none!important
}

.progress {
    height: 10px
}

.modal-content .tips_text_input {
    font-size: 15px;
    line-height: 20px;
    padding-right: 25px;
    resize: none;
    height: auto;
    width: 100%;
    max-height: 215px
}

p.input-help {
    font-size: 13px;
    color: #9b9b9b;
    margin: 0
}

input[type=file].file_input,
input[type=file].input_file {
    display: none
}

.tt-menu {
    background: #fff;
    width: 100%;
    color: #8899a6;
    font: 13px/21px Open Sans, sans-serif
}

.tt-selectable {
    cursor: pointer;
    padding: 5px 8px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tt-selectable:hover {
    background: #8899a6;
    color: #fff
}

.has-feedback .form-control {
    padding-right: 26px
}

.table {
    font: 14px/18px Open Sans, sans-serif
}

.table th {
    background: transparent;
    color: #a6a6a6;
    padding: 10px 19px!important
}

.table td {
    background: #f4f7fa;
    border-top: 1px solid #e1e1e1;
    vertical-align: middle!important;
    padding: 10px 16px;
}
.model_avail_list .table td { padding:.75rem;}

.table td .completed {
    color: #00aef3;
    text-transform: uppercase
}

.table td .completed:before {
    content: "\F05D";
    font-family: fontawesome;
    margin-right: 6px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.table td .pending {
    text-transform: uppercase
}

.table td .pending:before {
    content: "\F017";
    color: #faa021;
    font-family: fontawesome;
    margin-right: 6px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

div.form-control {
    border: none;
    padding: 0;
    height: auto;
    background: none
}

div.form-control span.val {
    color: #adadad;
    padding-left: 10px
}

ol {
    list-style: none;
    counter-reset: list;
    padding: 0 30px;
    margin: 0 0 10px
}

#otp-form ol {
    margin: -10px 0 0
}

ol li {
    position: relative;
    padding: 0 0 6px
}

ol li:before {
    counter-increment: list;
    content: counter(list) ". ";
    position: absolute;
    right: 100%;
    top: 0;
    font-weight: 600;
    margin-right: 5px
}

.frame_container,
.youtube_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.frame_container iframe,
.youtube_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

#payment-form-legal fieldset {
    padding-right: 0;
    width: 100%
}

.label-group {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.label-group-addon,
.label-group label {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    margin: 0;
    font-size: 15px
}

.label-group-addon span,
.label-group label span {
    display: inline-block;
    text-align: center;
    background: #e1e1e1;
    border: 1px solid #afafaf;
    border-radius: 1000px;
    width: 14px;
    line-height: 12px;
    cursor: pointer;
    margin-left: 10px;
    color: #292f33;
    font-weight: 400;
    font-size: 11px
}

.label-group-addon .tip-top {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    margin-left: 5px
}

.label-group-addon .popover-content {
    word-break: break-word
}

.label-group-addon .popover-content a {
    max-width: 100%;
    display: inline-block;
    white-space: normal
}

.form-horizontal .control-label {
    font-size: 15px;
    padding-bottom: 7px
}

.dropdown-menu {
    display: block;
    /*top: -9999em;*/
    z-index: 97
}

.dropdown-menu>li,
.dropdown-menu>ul>li {
    margin: 0 16px;
    font-size: 15px
}

.dropdown-menu>li>a,
.dropdown-menu>li>button,
.dropdown-menu>ul>li>a,
.dropdown-menu>ul>li>button {
    padding: 0;
    border: none;
    background: none;
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 400
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>button:hover,
.dropdown-menu>ul>li>a:hover,
.dropdown-menu>ul>li>button:hover {
    background: none;
    color: #00aff0
}

.open>.dropdown-menu {
    top: 100%
}

.collapse.in {
    display: block!important
}

h1.title {
    border-bottom: 1px solid #00aff0;
    font: 300 25px/30px Open Sans, sans-serif;
    padding: 0 0 10px;
    margin: 0 0 24px
}

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

.guest_row .phones-col {
    width: 440px
}

.guest_row .form-col {
    display: block
}

@media (min-width:992px) {
    .guest_row .form-col {
        width: 350px
    }
}

@media (max-width:991px) {
    .guest_row .form-col {
        padding: 0 12px;
        max-width: 424px;
        -webkit-box-flex: 1;
        flex: 1
    }
}

strong {
    font-weight: 600
}

em>strong,
strong>em {
    color: #00aff0
}

ul.list {
    padding-left: 20px
}

ul.list li {
    margin: 0 0 15px
}

.underlined {
    text-decoration: underline
}

.hellip-animate {
    overflow: hidden;
    -webkit-animation: hellip-animate 1s linear infinite;
    animation: hellip-animate 1s linear infinite;
    display: inline-block;
    vertical-align: text-bottom;
    white-space: nowrap
}

@-webkit-keyframes hellip-animate {
    0% {
        width: 0
    }
    to {
        width: 12px
    }
}

@keyframes hellip-animate {
    0% {
        width: 0
    }
    to {
        width: 12px
    }
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.circular .path {
    stroke: #fff;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}

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

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.video-wrapper {
    position: relative;
    background: #000;
    overflow: hidden;
    z-index: 1
}

.post_media .video-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.blurred-poster {
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    background-position: 50%;
    background-size: cover;
    -webkit-filter: blur(5px) opacity(80%);
    filter: blur(5px) opacity(80%);
    z-index: -1
}

.contact_form .g-recaptcha {
    display: inline-block;
    vertical-align: top
}

.pdf-page {
    height: auto!important
}

.pdf-page .acroform-field {
    font-size: 20px!important
}

.pdf-page-inner {
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important
}

.pdf-page input[type=checkbox],
.pdf-page input[type=radio] {
    margin: 0
}

.b-dropzone__label {
    position: absolute;
    pointer-events: none;
    background: rgba(0, 175, 240, .5);
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    z-index: 10
}

.is-dragover .b-dropzone__label {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1
}

.b-dropzone__previews {
    position: relative
}

.b-dropzone__previews-scroller {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch
}

.b-dropzone__previews-scroller.swiper-container {
    margin-left: 0;
    z-index: unset
}

.b-dropzone__previews-scroller.swiper-container .swiper-wrapper {
    z-index: unset
}

.b-dropzone__previews-scroller .swiper-slide {
    width: unset;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    display: -webkit-box;
    display: flex
}

.b-dropzone__previews-scroller.ps .ps__rail-x,
.b-dropzone__previews-scroller.ps .ps__rail-x:focus>.ps__thumb-x,
.b-dropzone__previews-scroller.ps .ps__rail-x:hover>.ps__thumb-x {
    height: 4px
}

.b-dropzone__previews-scroller.ps .ps__thumb-x {
    bottom: 0;
    height: 4px
}

.b-dropzone__preview {
    position: relative;
    margin: 0 4px;
    border-radius: 6px;
    height: 96px;
    max-width: calc(100% - 2px);
    overflow: hidden;
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.b-dropzone__preview.m-square .b-dropzone__preview__media {
    width: 96px
}

.b-chat .b-dropzone__preview {
    height: 144px
}

.b-chat .b-dropzone__preview.m-square .b-dropzone__preview__media {
    width: 144px
}

.b-make-post .files .b-dropzone__preview {
    height: 144px
}

.b-make-post .files .b-dropzone__preview.m-square .b-dropzone__preview__media {
    width: 144px
}

.b-dropzone__preview.m-expire,
.b-dropzone__preview.m-schedule {
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-align: center;
    align-items: center
}

.b-dropzone__preview.m-expire>.g-icon,
.b-dropzone__preview.m-schedule>.g-icon {
    margin: 0 6px 0 0
}

.b-dropzone__preview.m-schedule strong {
    margin-left: 6px
}

.b-dropzone__preview[data-duration]:after {
    content: attr(data-duration);
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: #000;
    color: #fff;
    border-radius: 3px;
    padding: 3px;
    pointer-events: none
}

.b-dropzone__preview:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background: rgba(138, 150, 163, .2);
    z-index: 2;
    pointer-events: none
}

.b-dropzone__preview__media {
    height: 96px;
    display: block;
    opacity: .6
}

.b-chat .b-dropzone__preview__media,
.b-make-post .b-dropzone__preview__media {
    height: 144px
}

.b-make-post .b-dropzone__preview__media {
    min-width: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
    max-width: 100%
}

.b-make-post .b-dropzone__preview__media.m-video {
    -o-object-position: center;
    object-position: center
}

.b-dropzone__preview__delete {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 0;
    background: none;
    border: none;
    background: #00aff0;
    color: #fff;
    z-index: 10;
    width: 20px;
    height: 20px;
    border-radius: 1000px
}

.b-dropzone__preview__delete:hover {
    background: #0091ea
}

.b-dropzone__preview__delete .g-icon {
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-dropzone__preview__progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #00aff0;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.b-dropzone__preview__progress-wrapper {
    pointer-events: none;
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 4px;
    height: 4px;
    background: #fff;
    border-radius: 1000px;
    overflow: hidden;
    z-index: 10
}

.b-dropzone__preview__name {
    height: 144px;
    width: 144px;
    line-height: 144px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.b-dropzone__preview__audio-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.b-dropzone__preview__play-btn {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, .5);
    border-radius: 1000px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    pointer-events: none
}

.b-dropzone__preview__play-btn,
.b-dropzone__preview__play-btn .g-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-dropzone__preview__play-btn .g-icon {
    color: #fff
}

.b-dropzone__preview__error-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: #e76c6c;
    border-radius: 1000px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    pointer-events: none
}

.b-dropzone__preview__error-icon .g-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -56%);
    transform: translate(-50%, -56%)
}

.b-dropzone__preview[data-type=video] .b-chat__message__media__processing-icon {
    width: 36px;
    height: 36px;
    z-index: 10;
    pointer-events: none
}

.b-dropzone__preview[data-type=video]:hover .b-dropzone__preview__play-btn {
    background: #00aff0
}

.b-dropzone__preview.m-loaded:before {
    opacity: 0
}

.b-dropzone__preview.m-loaded .b-dropzone__preview__media {
    opacity: 1
}

.b-dropzone__preview.m-loaded.m-audio .b-audioplayer__timeline,
.b-dropzone__preview.m-loaded.m-audio .b-audioplayer__timing {
    visibility: unset
}

.b-dropzone__preview.m-audio {
    height: 36px;
    background: rgba(138, 150, 163, .12);
    padding: 0 24px 0 0
}

.form-with-price .b-dropzone__preview.m-audio {
    background: rgba(0, 175, 240, .12)
}

.b-dropzone__preview.m-audio .b-dropzone__preview__progress-wrapper {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    right: 37px;
    left: 38px
}

.b-dropzone__preview.m-audio .b-audioplayer__timeline {
    width: 70px
}

.b-dropzone__preview.m-audio .b-audioplayer__timeline,
.b-dropzone__preview.m-audio .b-audioplayer__timing {
    visibility: hidden
}

.b-dropzone__preview.m-expire,
.b-dropzone__preview.m-schedule,
.b-dropzone__preview.m-tip {
    height: 36px;
    padding: 6px 36px 6px 6px;
    background: rgba(138, 150, 163, .12)
}

.b-dropzone__preview.m-expire>.g-icon,
.b-dropzone__preview.m-schedule>.g-icon,
.b-dropzone__preview.m-tip>.g-icon {
    color: #00aff0;
    vertical-align: middle
}

.b-dropzone__preview.m-tip {
    font-weight: 600
}

.b-dropzone__preview.m-expire>.g-icon,
.b-dropzone__preview.m-tip>.g-icon {
    margin: 0 6px 0 0
}

.b-dropzone__preview.m-expire,
.b-dropzone__preview.m-schedule {
    font-size: 13px;
    margin: 4px 0 8px;
    -webkit-box-flex: 0;
    flex: 0 1 100%;
    max-width: 100%
}

.has-advanced-upload {
    position: relative
}

.modal-dialog,
.modal-dialog .modal-content {
    display: -webkit-box;
    display: flex
}

.modal-dialog .modal-content {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.modal-dialog .modal-content .modal-body {
    position: relative
}

.dialog_message video {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: calc(100vh - 210px)
}

.dialog_message audio {
    width: 100%;
    display: block
}

.dialog_message+.dialog_form {
    margin-top: 20px
}

.global_preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    z-index: 10000000;
    background: rgba(0, 175, 240, .5);
    -webkit-transition: opacity .2s ease, bottom 0s ease .2s;
    transition: opacity .2s ease, bottom 0s ease .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0
}

.global_preloader.active {
    opacity: 1;
    bottom: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.loader-hearts {
    display: -webkit-box;
    display: flex;
    max-width: 252px;
    height: 36px;
    pointer-events: none
}

.loader-hearts svg {
    height: auto;
    fill: #fff;
    -webkit-animation: hearts 1s linear infinite;
    animation: hearts 1s linear infinite;
    width: auto;
    min-width: 0
}

.loader-hearts svg:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loader-hearts svg:nth-child(2) {
    -webkit-animation-delay: .13s;
    animation-delay: .13s
}

.loader-hearts svg:nth-child(3) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}

.loader-hearts svg:nth-child(4) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.loader-hearts svg:nth-child(5) {
    -webkit-animation-delay: .52s;
    animation-delay: .52s
}

.loader-hearts svg:nth-child(6) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.loader-hearts svg:nth-child(7) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}

@-webkit-keyframes hearts {
    0% {
        fill: #fff
    }
    1% {
        fill: #00aff0
    }
}

@keyframes hearts {
    0% {
        fill: #fff
    }
    1% {
        fill: #00aff0
    }
}

.referal_reg_button {
    width: 100%;
    border-radius: 0 0 3px 3px
}

#dialog {
    z-index: 10000000
}

.clear {
    clear: both
}

@media (min-width:1200px) {
    .quatro_main_content {
        margin: 0 auto;
        width: calc(100% - 350px)
    }
}

.no-padding {
    padding: 0!important
}

.quatro-status {
    padding: 0 6px;
    margin: 5px 0 0
}

.quatro-status:empty {
    margin: 0
}

@media (min-width:992px) {
    .modal-lg {
        width: 940px
    }
}

@media (max-width:767px) {
    .modal-dialog {
        width: 93%
    }
}

@media (max-width:920px) {
    .progress {
        margin-top: 35px
    }
}

.banner_place img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px
}

a,
img {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

:root {
    --bg-color: #fff;
    --bg-color-header: #fff;
    --text-color: #242529;
    --overlay-color: rgba(0, 0, 0, 0.4);
    --marked-color: #f7f8f9
}

:root.p-index-queue-index {
    --bg-color: #f7f8f9
}

:root.m-mode-dark {
    --bg-color: #161618;
    --text-color: #f7f8f9;
    --bg-color-header: #18181a;
    --overlay-color: rgba(0, 0, 0, 0.6);
    --marked-color: #242529
}

:root.m-mode-dark.p-index-queue-index {
    --bg-color: #242529
}



.g-hidden {
    display: none!important
}

@media (min-width:768px) {
    .g-hidden-desktop {
        display: none!important
    }
}

@media (max-width:767px) {
    .g-hidden-mobile {
        display: none!important
    }
}

.g-shown {
    display: block!important
}

.g-invisible {
    visibility: hidden!important;
    opacity: 0!important;
    pointer-events: none!important
}

.g-icon {
    font-size: 24px;
    width: 1em;
    height: 1em;
    min-width: 1em;
    display: inline-block;
    fill: currentColor;
    line-height: 1
}

.animated-rotation>.g-icon use {
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.g-icon use[*|href="#icon-loading"] {
    -webkit-animation: rotation 1s steps(8) infinite;
    animation: rotation 1s steps(8) infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.g-icon.m-success {
    color: #00aff0
}

.g-icon.m-danger {
    color: #e76c6c
}

.g-icon.m-light-color {
    color: #8a96a3
}

.g-icon.m-verified {
    color: #00aff0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.g-icon.m-rotated-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.svg-logo-color-1 {
    fill: #313131
}

.m-mode-dark .svg-logo-color-1 {
    fill: #fff
}

.svg-logo-color-2 {
    fill: #00aff0
}

.g-message-empty {
    text-align: center;
    color: #8a96a3
}

.g-page-title,
.g-section-subtitle,
.g-section-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.g-section-title.m-aligned-vertical {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: flex
}

.g-section-title.m-filtered {
    color: #00aff0
}

.g-page-title {
    color: var(--text-color);
    font-size: 18px;
    padding: 0 4px 14px
}

.p-search-users-index .g-page-title {
    min-height: 60px
}

.g-page-title.m-light {
    color: #8a96a3
}

.g-page-title a {
    color: inherit
}

.g-page-title a:hover {
    color: #0091ea
}

.g-blue {
    color: #00aff0
}

.g-section {
    padding: 0 4px
}

.g-section .g-section-title {
    padding: 0 0 5px
}

.g-section p {
    margin: 0 0 5px
}

.g-section-title {
    font-size: 15px;
    color: #8a96a3;
    padding: 0 4px 10px
}

.g-section-title.m-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.g-section-subtitle {
    font-size: 13px;
    color: #8a96a3;
    padding: 0 4px
}

.g-section__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 4px 0;
    position: relative
}

.g-section__header .g-btn__wrapper {
    flex-wrap: wrap;
    padding: 0 0 0 12px;
    margin: 0 -6px -12px auto
}

.g-section__header .g-btn__wrapper .g-btn {
    margin: 0 6px 12px
}

@media (max-width:991px) {
    .g-section__header .g-btn__wrapper.m-few-btns-row {
        margin: 15px -4px -12px;
        width: calc(100% + 8px);
        padding-left: 0
    }
}

@media (max-width:991px) {
    .g-section__header .g-btn__wrapper.m-few-btns-row .g-btn {
        -webkit-box-flex: 1;
        flex-grow: 1
    }
}

@media (max-width:991px) {
    .g-section__header .g-btn__wrapper.m-few-btns-row .g-btn+.g-btn {
        margin-left: 6px
    }
}

@media (max-width:991px) {
    .g-section__header .g-btn__wrapper.m-few-btns-row .g-btn:first-child {
        margin-left: 0
    }
}

@media (max-width:991px) {
    .g-section__header .g-btn__wrapper.m-few-btns-row .g-btn:last-child {
        margin-right: 0
    }
}

.g-section__header .g-section-title {
    padding: 0
}

.g-section__header .dropdown {
    position: absolute;
    right: 0;
    top: 0
}

.g-section__header .dropdown .dropdown-menu {
    left: auto;
    right: -4px;
    margin: 0
}

.g-section__header .dropdown.m-top.open>.dropdown-menu {
    margin-bottom: 4px
}

.g-section__header .g-page__header__btn {
    color: rgba(138, 150, 163, .7);
    margin-right: -4px
}

.g-section__header.m-faq {
    padding-bottom: 14px;
    margin: 0 0 6px
}

.g-section__header.m-faq .b-search-form {
    margin-top: 0;
    left: 0;
    padding-right: 4px
}

.g-section__header.m-faq .b-tabs__nav {
    display: none;
    margin: -2px 0 -14px -4px
}

.g-section__header.m-faq .b-tabs__nav:after {
    content: none
}

.g-section__header.m-faq:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    background: #8a96a3
}

.g-section__header.m-faq.m-subsection {
    margin: 0
}

.g-section__header.m-faq.m-subsection .g-section-title {
    display: none
}

.g-section__header.m-faq.m-subsection .b-tabs__nav {
    display: -webkit-box;
    display: flex
}

.g-section__header.m-credits {
    flex-wrap: wrap
}

.g-section+.alert {
    margin-top: 10px
}

.g-section.m-mb-20+.alert {
    margin-top: -10px
}

.g-btn__wrapper+.g-section {
    margin-top: -17px
}

.g-section__heading {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    align-items: flex-start
}

.dropdown .dropdown-menu>dl>dd,
.dropdown .dropdown-menu>ul>li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.dropdown .dropdown-menu>dl>dd>a,
.dropdown .dropdown-menu>dl>dd>button,
.dropdown .dropdown-menu>ul>li>a,
.dropdown .dropdown-menu>ul>li>button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    line-height: 1.3334
}

.dropdown .dropdown-menu .b-dropdown__icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 1000px;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .4);
    margin: 0 10px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.dropdown .dropdown-menu .b-dropdown__icon>.g-icon {
    position: absolute;
    font-size: 18px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff
}

.dropdown .dropdown-menu .m-active {
    font-weight: 600
}

.dropdown .dropdown-menu .m-active .b-dropdown__icon {
    box-shadow: none;
    background: #00aff0
}

.dropdown .dropdown-menu .m-active .b-dropdown__icon>.g-icon {
    opacity: 1
}

.dropdown.m-active .dropdown-toggle {
    color: #00aff0
}

.dropdown.m-filtered .dropdown-toggle:after {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
    content: "";
    background: #ff485b;
    top: 4px;
    right: 4px
}

.dropdown:not(.b-post__tools__more) .dropdown-toggle:hover .g-icon {
    color: #0091ea
}

.dropdown .dropdown-toggle {
    background: none;
    border: none;
  
    color: rgba(138, 150, 163, .7)
}

.dropdown .dropdown-toggle .g-icon {
    vertical-align: top
}

.dropdown .dropdown-toggle.g-btn.m-flat .g-icon {
    font-size: 24px
}

.dropdown .dropdown-toggle.g-btn.m-flat .g-icon.m-vertical-dots {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.dropdown .dropdown-toggle.m-active {
    color: #00aff0
}

.dropdown .dropdown-toggle[disabled] {
    opacity: .3;
    pointer-events: none
}

.g-user-name,
.g-user-username {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.g-user-name {
    font-weight: 600;
    color: var(--text-color)
}

.g-user-name.m-muted {
    color: #8a96a3
}

.g-user-name+.g-user-realname {
    margin-left: .25em;
    margin-right: 0
}

.g-user-username {
    color: #00aff0
}

.g-user-username:hover {
    color: #0091ea
}

.g-user-realname {
    font-weight: 600;
    color: #8a96a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: .25em
}

.g-user-realname.m-default-width {
    font-weight: 400
}

.g-user-realname__wrapper {
    max-width: 100%
}

.g-user-realname__wrapper.m-nowrap-text {
    display: -webkit-inline-box;
    display: inline-flex
}

.g-user-realname__wrapper.m-nowrap-text .g-user-realname,
.g-user-realname__wrapper.m-nowrap-text .g-user-username {
    min-width: 0
}

.g-user-realname__wrapper .g-user-realname,
.g-user-realname__wrapper .g-user-username {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.g-date {
    font-size: 13px;
    color: #8a96a3
}

.form-control {
    border-bottom: 1px solid rgba(138, 150, 163, .2);
    background-color: transparent;
    color: inherit;
    font: inherit;
    -webkit-appearance: none;
    -webkit-transition: border-bottom-color .3s ease;
    transition: border-bottom-color .3s ease
}

.form-control:focus {
    border-bottom-color: #0091ea
}

.form-control::-webkit-input-placeholder {
    color: #8a96a3;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #8a96a3;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #8a96a3;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #8a96a3;
    opacity: 1
}

.form-control::placeholder {
    color: #8a96a3;
    opacity: 1
}

.form-control.m-flat {
    border: none;
    padding-left: 4px;
    padding-right: 4px
}

.form-control::-webkit-input-placeholder {
    color: rgba(138, 150, 163, .7)
}

.form-control::-moz-placeholder {
    color: rgba(138, 150, 163, .7)
}

.form-control:-ms-input-placeholder {
    color: rgba(138, 150, 163, .7)
}

.form-control::-ms-input-placeholder {
    color: rgba(138, 150, 163, .7)
}

.form-control::placeholder {
    color: rgba(138, 150, 163, .7)
}

.form-control option {
    background: var(--bg-color)
}

.b-btn-back-to-top {
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin: 0 auto 30px
}

.b-btn-back-to-top.g-btn.m-border {
    color: #8a96a3
}

.b-btn-back-to-top.g-btn.m-border .g-icon {
    font-size: 14px;
    -webkit-transform: translate(3px, -1px);
    transform: translate(3px, -1px);
    color: inherit;
    opacity: .7
}

.p-personal-banking-payout_types .b-btn-back-to-top {
    margin-top: 6px
}

.dropdown-menu {
  /*  border: 1px solid rgba(138, 150, 163, .4);
    
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16)*/
}

.dropdown-menu:after {
   /* position: absolute;
    content: "";
    background: inherit;
    top: -10px;
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    border-left: 1px solid rgba(138, 150, 163, .4);
    border-top: 1px solid rgba(138, 150, 163, .4)*/
}

.open.m-top>.dropdown-menu {
    top: auto;
    bottom: 100%
}

.open.m-top>.dropdown-menu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    z-index: 2;
    background: var(--bg-color)
}

.open.m-top>.dropdown-menu dl,
.open.m-top>.dropdown-menu ul {
    position: relative;
    z-index: 3
}

.open.m-top>.dropdown-menu:after {
    top: auto;
    bottom: -10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: -3px -3px 5px rgba(0, 0, 0, .16)
}

.dropdown-menu>dl>dd>a,
.dropdown-menu>dl>dd>button,
.dropdown-menu>li>a,
.dropdown-menu>li>button,
.dropdown-menu>ul>li>a,
.dropdown-menu>ul>li>button {
    color: var(--text-color)
}

.dropdown-menu dt {
    text-transform: uppercase;
    font-weight: 600;
    color: #8a96a3;
    margin: 0 0 20px
}

.dropdown-menu dl,
.dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.dropdown-menu dl dd,
.dropdown-menu dl li,
.dropdown-menu ul dd,
.dropdown-menu ul li {
    margin: 0 0 20px
}

.dropdown-menu dl dd:last-child,
.dropdown-menu dl li:last-child,
.dropdown-menu ul dd:last-child,
.dropdown-menu ul li:last-child {
    margin: 0 0 18px
}

.dropdown-menu dl+dl,
.dropdown-menu dl+ul,
.dropdown-menu ul+dl,
.dropdown-menu ul+ul {
    border-top: 1px solid rgba(138, 150, 163, .2);
    padding: 17px 0 0
}

.dropdown-menu .b-input-radio__wrapper .b-input-radio__label+label {
    -webkit-box-flex: 1;
    flex: 1
}

.dropdown-menu .b-input-radio__wrapper:hover label {
    color: #0091ea
}

.dropdown-menu .b-input-radio__wrapper:hover .b-input-radio+.b-input-radio__label {
    border-color: #0091ea
}

.dropdown-menu .b-input-radio__wrapper:hover .b-input-radio:checked+.b-input-radio__label {
    background: #0091ea
}

.payment-errors {
    color: #e76c6c
}

.g-page__header {
    position: relative;
    margin: 0 0 8px;
    display: -webkit-box;
    display: flex;
    min-height: 60px;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

.p-page-faq-index .g-page__header {
    margin: 0 0 -10px
}

.g-page__header:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    background: #8a96a3
}

.p-page-faq-index .g-page__header:after {
    content: none
}

@media (min-width:992px) {
    .g-page__header.m-gap-lg {
        margin-bottom: 13px
    }
}

.g-page__header.m-with-tabs {
    margin: 0 0 -6px
}

.g-page__header.m-with-tabs:after {
    content: none
}

.g-page__header.m-with-tabs .b-search-form {
    border-bottom-color: transparent
}

.g-page__header .g-page-title {
    padding: 0 4px 2px;
    margin-right: auto;
    min-height: 60px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.g-page__header__btn {
    padding: 4px;
    border: none;
    background: none;
    margin-left: 8px;
    color: inherit
}

.g-page__header__btn>.g-btn.m-flat,
.g-page__header__btn>.g-btn.m-flat:hover {
    color: inherit
}

.g-page__header__btn:first-child {
    margin-left: 0;
    margin-right: 4px
}

.g-page__header__btn .g-icon {
    vertical-align: middle
}

.g-page__header .b-tabs__nav {
    margin: 0 auto 0 0;
    position: unset
}

.g-page__header .b-tabs__nav:after {
    content: none
}

.g-page__header.m-search-form-visible {
    height: auto
}

.p-index-index-index .g-page__header.m-search-form-visible,
.p-search-users-index .g-page__header.m-search-form-visible {
    margin: 0
}

.g-page__header.m-search-form-visible .b-search-form {
    position: relative
}

.m-search-form-visible .b-search-form {
    pointer-events: auto;
    opacity: 1
}

.b-credit-cards {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 0 0
}

.g-btn__wrapper+.b-credit-cards {
    padding-top: 0;
    margin-top: -24px
}

.b-credit-cards img {
    margin: 0 1px;
    height: auto;
    max-width: 48px
}

.modal .modal-header.m-border {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(138, 150, 163, .2)
}

.m-mb-10 {
    margin-bottom: 10px
}

.m-mb-20 {
    margin-bottom: 20px
}

.b-account-deleted {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

.contact_button {
    background: #00aff0;
    width: 42px;
    height: 41px;
    border-radius: 3px 0 0 3px;
    position: fixed;
    right: 0;
    bottom: 25%;
    z-index: 99
}

.contact_button .g-icon {
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-no-side-paddings {
    padding-left: 0!important;
    padding-right: 0!important
}

.m-side-paddings-4 {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.g-text-block {
    padding: 5px 6px
}

.g-gray-text {
    color: #8a96a3;
    font-weight: 400
}

.g-page-title .g-gray-text,
.g-user-name .g-gray-text {
    font-weight: inherit
}

.g-user-name.m-lg-size,
.g-user-username.m-lg-size {
    font-size: 18px;
    line-height: 24px
}

.g-user-name.m-lg-size .g-icon.m-verified,
.g-user-username.m-lg-size .g-icon.m-verified {
    font-size: inherit
}

.g-user-name.m-extralg-size,
.g-user-username.m-extralg-size {
    font-size: 24px;
    line-height: 33px
}

.g-user-name.m-extralg-size.m-verified,
.g-user-username.m-extralg-size.m-verified {
    padding-right: 32px
}

.g-user-name.m-extralg-size .g-icon.m-verified,
.g-user-username.m-extralg-size .g-icon.m-verified {
    font-size: inherit
}

.g-user-name.m-verified,
.g-user-username.m-verified {
    position: relative;
    padding-right: 20px
}

.empty-message {
    display: none;
    font-size: 18px;
    font-weight: 600;
    color: rgba(138, 150, 163, .7);
    margin: auto;
    padding: 10px 0
}

.b-chats__list-favorites:empty+.b-chats__list-all .empty-message,
.b-photos .empty-message,
.b-users__list:empty+.empty-message,
.user_posts .empty-message {
    display: block
}

.user_posts .b-post~.empty-message {
    display: none
}

.empty-message.m-show {
    display: block
}

.empty-message.m-light-text {
    color: rgba(138, 150, 163, .38);
    font-size: 15px
}

@media (min-width:992px) {
    .empty-message.m-light-text {
        min-height: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        align-content: center;
        -webkit-box-align: center;
        align-items: center
    }
}

.empty-message.m-light-text .g-icon {
    display: block;
    font-size: 37px;
    margin: 0 auto 14px
}

@media (min-width:992px) {
    .empty-message.m-light-text .g-icon {
        font-size: 64px
    }
}

.g-text-with-info-tip {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.g-btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 60px;
    padding: 0;
    border: none;
    color: #242529;
    background: none;
    z-index: 10
}

.g-btn-close .g-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g-btn-close.m-light {
    color: #fff
}

.jq-toast-loader {
    background: #00aff0!important
}

.jq-toast-single {
    border-radius: 6px;
    padding: 17px 23px;
    border: 1px solid rgba(138, 150, 163, .4);
    background: var(--bg-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    color: inherit
}

@media (min-width:768px) {
    .jq-toast-single {
        min-height: 95px
    }
}

@media (max-width:767px) {
    .jq-toast-single {
        padding: 5px
    }
}

.jq-toast-single a {
    color: #00aff0;
    font: inherit;
    padding: 0;
    border: none
}

@media (max-width:767px) {
    .jq-toast-single a {
        max-width: 100%;
        display: inline-block;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: top;
        font: inherit
    }
}

.jq-toast-single h2 {
    font: inherit;
    font-weight: 600
}

@media (max-width:767px) {
    .jq-toast-single h2 {
        display: none
    }
}

.grecaptcha-badge {
    display: none!important
}

.input-error {
    color: #e76c6c;
    font-size: 13px
}

.g-text-highlighted {
    background: rgba(0, 175, 240, .2)
}

body .g-tip-icon {
    cursor: pointer;
    margin-left: 5px
}

body .g-tip-icon.m-inline,
body .g-tip-icon.m-inline .g-icon {
    display: inline;
    vertical-align: top
}

body .g-tip-icon .g-icon {
    color: #8a96a3;
    font-size: 18px;
    margin: 0;
    display: block
}

.text-strikethrough {
    text-decoration: line-through
}

.m-no-margin {
    margin: 0!important
}

.emoji-outer {
    vertical-align: middle
}

.g-non-selectable,
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

img {
    -webkit-touch-callout: none
}

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

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

.container {
    padding: 0 0px
}

.row {
    margin-left: -12px;
    margin-right: -12px
}

.row_flex {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.row_flex:after,
.row_flex:before {
    content: none
}

.row_flex .col {
    padding-left: 12px;
    padding-right: 12px
}

.row_flex .col_fill {
    -webkit-box-flex: 1;
    flex: 1
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px
}

.form-horizontal .form-group {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 25px
}

.g-box {
    position: relative;
    border-radius: 6px;
    margin: 0 0 24px;
    width: 100%
}

.g-page__header+.row .g-box {
    margin-top: 4px
}

.g-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(138, 150, 163, .2);
    border-radius: 6px;
    pointer-events: none;
    z-index: 10
}

.g-box__header {
    background: rgba(0, 175, 240, .12);
    padding: 13px 16px 15px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    text-transform: uppercase;
    width: 100%;
    display: block;
    border: none
}

.g-box__header.m-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.g-box__header.m-icon-title {
    text-transform: none;
    padding: 16px 65px 22px 46px;
    position: relative
}

.g-box__header.m-icon-title.m-upper {
    text-transform: uppercase
}

.g-box__header.m-icon-title .g-icon {
    color: #00aff0
}

.g-box__header.m-icon-title>.g-icon {
    position: absolute;
    left: 16px;
    top: 17px
}

.g-box__header__inner {
    font-size: 15px
}

.g-box__header__inner.m-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.g-box__header__inner__value {
    font-size: 18px
}

.g-box__header__subtext {
    text-transform: none;
    color: #8a96a3;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 0 4px
}

.g-box__header__btn-close {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    padding: 19px;
    border: none
}

.g-box__header__btn-close .g-icon {
    margin: 0
}

.g-box__subheader {
    border-bottom: 1px solid rgba(138, 150, 163, .2);
    text-transform: uppercase;
    font-weight: 600;
    color: #8a96a3;
    padding: 0 4px 13px;
    margin: 0 -4px 5px
}

.g-box__subheader.m-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.g-box__content {
    padding: 16px 16px 18px
}

.g-box .g-btn__wrapper {
    padding: 20px 0 0;
    margin: 0 -5px -10px;
    flex-wrap: wrap
}

.g-box .g-btn__wrapper .g-btn,
.g-box .g-btn__wrapper .g-btn+.g-btn {
    margin: 0 5px 10px
}

@media (max-width:559px) {
    .g-box.m-promo .g-btn__wrapper .g-btn {
        -webkit-box-flex: 1;
        flex: 1 0 auto
    }
}

.g-box .g-box__collapse-icon {
    position: absolute;
    right: 12px;
    top: 12px
}

.g-box .g-box__collapse-icon .g-icon {
    color: #8a96a3;
    margin: 0;
    display: block
}

.g-panel {
    border: 1px solid rgba(138, 150, 163, .2);
    background: rgba(0, 175, 240, .12);
    border-radius: 6px;
    position: relative;
    padding: 9px 0 9px 51px;
    min-height: 54px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 13px;
    margin: 0 0 12px
}

.g-panel__icon {
    position: absolute;
    color: #00aff0;
    top: 14px;
    left: 15px
}

.g-panel.m-creators-top {
    min-height: unset;
    text-transform: uppercase;
    font-weight: 600
}

.g-panel.m-creators-top .g-panel__icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.g-panel.m-creators-top p {
    line-height: 16px
}

.g-panel p {
    margin: 0
}

.m-prevent-scrolling {
    overflow: hidden!important
}

@media (max-width:559px) {
    .m-prevent-scrolling body {
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        min-height: 100%
    }
}

@media (max-width:767px) {
    .m-prevent-scrolling .l-header {
        position: fixed;
        width: 100%!important;
        -webkit-transform: none!important;
        transform: none!important
    }
}

.popover {
    z-index: 98;
    position: absolute
}

.popover>* {
    position: relative
}

.popover .arrow {
    z-index: 5;
    overflow: hidden;
    width: 34px;
    height: 15px
}

.popover .arrow:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: var(--text-color);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .16);
    position: absolute;
    left: 50%;
    top: 0
}

.popover.m-payer-rating .arrow:after {
    background: var(--bg-color) -webkit-gradient(linear, left top, left bottom, from(rgba(62, 148, 206, .12)), to(rgba(62, 148, 206, .12)));
    background: var(--bg-color) linear-gradient(rgba(62, 148, 206, .12), rgba(62, 148, 206, .12))
}

.popover.bs-popover-top .arrow,
.popover.top .arrow {
    bottom: -5px
}

.popover.bs-popover-top .popover-body,
.popover.bs-popover-top .popover-content,
.popover.top .popover-body,
.popover.top .popover-content {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.popover.bottom .arrow,
.popover.bs-popover-bottom .arrow {
    top: -5px
}

.popover.bottom .arrow:after,
.popover.bs-popover-bottom .arrow:after {
    top: 100%
}

.popover.bottom .popover-body,
.popover.bottom .popover-content,
.popover.bs-popover-bottom .popover-body,
.popover.bs-popover-bottom .popover-content {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.popover.bs-popover-right .arrow,
.popover.right .arrow {
    width: 15px;
    height: 34px;
    left: -5px
}

.popover.bs-popover-right .arrow:after,
.popover.right .arrow:after {
    top: 50%;
    left: 100%
}

.popover.bs-popover-right .popover-body,
.popover.bs-popover-right .popover-content,
.popover.right .popover-body,
.popover.right .popover-content {
    -webkit-transform: translate(10px);
    transform: translate(10px)
}

.popover-header:empty,
.popover-title:empty {
    display: none
}

.popover-body,
.popover-content {
    padding: 8px 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    border-radius: 5px;
    font: inherit;
    font-weight: 400;
    text-transform: none;
    text-align: center;
    background: var(--text-color);
    color: #f7f8f9
}

.m-mode-dark .popover-body,
.m-mode-dark .popover-content {
    color: #242529
}

.m-payer-rating .popover-body,
.m-payer-rating .popover-content {
    background: var(--bg-color) -webkit-gradient(linear, left top, left bottom, from(rgba(62, 148, 206, .12)), to(rgba(62, 148, 206, .12)));
    background: var(--bg-color) linear-gradient(rgba(62, 148, 206, .12), rgba(62, 148, 206, .12));
    color: var(--text-color)
}

.tooltip-inner {
    padding: 8px 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    border-radius: 5px;
    text-align: center;
    max-width: calc(100vw - 100px);
    font: inherit;
    font-weight: 400;
    text-transform: none;
    background: var(--text-color);
    color: #f7f8f9
}

.m-mode-dark .tooltip-inner {
    color: #242529
}

.tooltip-arrow {
    z-index: 5;
    position: absolute;
    overflow: hidden;
    width: 34px;
    height: 15px
}

.tooltip-arrow:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: var(--text-color);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .16);
    position: absolute;
    left: 50%;
    top: 0
}

.tooltip.top .tooltip-arrow {
    bottom: -5px
}

.tooltip.bottom .tooltip-arrow {
    top: -5px
}

.tooltip.bottom .tooltip-arrow:after {
    top: 100%
}

.tooltip.right .tooltip-arrow {
    width: 15px;
    height: 34px;
    left: -5px
}

.tooltip.right .tooltip-arrow:after {
    top: 50%;
    left: 100%
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: var(--text-color)
}

.tip-top {
    border: none!important;
    vertical-align: middle
}

.tip-top .g-icon {
    font-size: 14px;
    display: block
}

.modal {
    background: var(--overlay-color)
}

.modal .m-post-statistics .modal-header,
.modal .modal-header.m-bordered {
    border-bottom: 1px solid rgba(138, 150, 163, .2)
}

.modal .m-post-statistics .modal-body {
    padding-bottom: 5px
}

.modal.m-discount .modal-header {
    border-bottom: 1px solid rgba(138, 150, 163, .2);
    -webkit-box-align: center;
    align-items: center
}

.modal.m-discount .modal-body {
    padding: 24px 16px 4px
}

.modal.m-discount .modal-body .modal-footer {
    margin: 0
}

.modal.m-discount .g-input__help {
    margin: 0 0 27px
}

.modal.m-discount .g-input__help.m-mb-38 {
    margin-bottom: 38px
}

.modal-title {
    text-transform: uppercase
}

.modal-title .g-icon {
    color: #00aff0;
    margin: 0 8px 0 0
}

.modal-content {
    background: var(--bg-color);
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .4)
}

.modal .modal-footer .g-btn {
    margin-left: 10px
}

.modal .modal-body .modal-footer {
    margin: 15px -15px -15px
}

.modal-translations {
    padding-top: 20px;
    padding-bottom: 20px
}

.modal-translations .modal-dialog {
    margin: auto
}

.modal-translations .modal-dialog .nav>li>a>img[src*="/flags/"] {
    width: 16px;
    height: auto
}

.b-modal {
    padding: 12px!important
}

.b-modal.in {
    display: block
}

.b-modal .modal-quatro {
    margin: auto
}

.b-modal__subscribe.m-guest .modal-body {
    padding: 0 12px
}

.b-modal__subscribe.m-guest .modal-body .g-btn.m-rounded {
    font-size: 15px;
    text-transform: uppercase
}

.b-modal__subscribe.m-guest .b-modal__subscribe__container {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 0 24px
}

.b-modal__subscribe.m-guest .b-modal__subscribe__container:after {
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .2);
    content: "";
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: inherit
}

.b-modal__subscribe.m-guest .modal-header {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 14px 0 18px
}

.b-modal__subscribe.m-guest .modal-title {
    font-size: 18px
}

.b-modal__subscribe.m-guest .b-loginreg__form {
    padding: 0 6px 30px
}

.b-modal__subscribe.m-guest .b-loginreg__form .trough {
    padding: 19px 0 15px
}

.b-modal__subscribe.m-guest .b-loginreg__form .trough:after,
.b-modal__subscribe.m-guest .b-loginreg__form .trough:before {
    top: 53%
}

.b-modal__subscribe.m-guest .b-loginreg__form .g-input__wrapper {
    margin: 0 0 20px
}

@media (min-width:768px) {
    .b-modal__subscribe.m-guest .g-page__header__btn {
        display: none
    }
    .b-modal__subscribe.m-guest .modal-dialog {
        max-width: 90%;
        width: auto
    }
    .b-modal__subscribe.m-guest .b-modal__subscribe__container {
        margin: 0 20px 24px;
        width: 350px
    }
    .b-modal__subscribe.m-guest .b-modal__subscribe__container__col {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
    .b-modal__subscribe.m-guest .b-loginreg__form {
        max-width: 350px
    }
    .b-modal__subscribe.m-guest .b-modal__list {
        margin-bottom: 40px
    }
    .b-modal__subscribe.m-guest .b-modal__list__item {
        margin-bottom: 20px
    }
    .b-modal__subscribe.m-guest .b-modal__subscribe__logo-link {
        margin: 0 0 20px;
        display: inline-block;
        vertical-align: top
    }
}

@media (max-width:767px) {
    .b-modal__subscribe.m-guest {
        /*background: var(--bg-color);*/
        -webkit-box-align: unset!important;margin-top:0px;
        /*align-items: unset!important;*/
    }
    .b-modal__subscribe.m-guest .modal-dialog {
        width: 100%;
        max-width: unset;
        margin: 0;top:0;
        display: block;
        -webkit-transition: none!important;
        transition: none!important;
        -webkit-transform: none!important;
        transform: none!important
    }
    .b-modal__subscribe.m-guest .modal-dialog:before {
        content: none
    }
    .b-modal__subscribe.m-guest .b-modal__close {
        display: none
    }
    .b-modal__subscribe.m-guest .modal-content:after {
        content: none
    }
    .b-modal__subscribe.m-guest .b-modal__subscribe__logo-link {
        display: none
    }
}

.b-modal__subscribe .modal-dialog {
    max-width: 350px
}

@media (max-width:559px) {
    .b-modal__subscribe .modal-dialog {
        width: 350px;
        max-width: 95%
    }
}

.b-modal__subscribe .modal-content {
    box-shadow: none
}

.b-modal__subscribe .modal-content:after {
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .4);
    content: "";
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 6px
}

.b-modal__subscribe .modal-quatro {
    max-width: 350px
}

.b-modal .modal-content {
    overflow: hidden
}

.b-modal .modal-body {
    padding: 0
}

.b-modal__close {
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    z-index: 20;
    top: 18px;
    right: 16px;
    color: #8a96a3
}

.b-modal__close.light {
    color: #fefefe
}

.b-modal__close:hover {
    color: #0091ea
}

.b-modal__cover {
    height: 90px;
    position: relative
}

.b-modal__cover-img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.b-modal__cover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(transparent));
    background: linear-gradient(rgba(0, 0, 0, .3), transparent)
}

.b-modal__user__info {
    margin-top: -70px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 26px;
    padding-left: 18px;
    padding-right: 18px
}

.b-modal__user__info .g-user-name.m-verified {
    padding-left: 32px
}

.b-modal__user__info .b-avatar {
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0
}

.b-modal__user__desc {
    padding-left: 18px;
    padding-right: 18px
}

.b-modal__user__desc .g-btn:not(.m-with-icon) {
    font-size: 15px;
    line-height: 20px
}

.b-modal__user__desc__title {
    color: #8a96a3;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 19px
}

.b-modal__list {
    padding-left: 0;
    margin-bottom: 23px;
    list-style: none;
    font-size: 15px;
    line-height: 20px
}

.b-modal__list__item {
    display: -webkit-box;
    display: flex;
    margin-bottom: 12px
}

.b-modal__list__icon {
    margin-right: 12px;
    margin-left: 5px
}

.b-modal__list__icon .g-icon {
    display: block;
    color: #000000;
}

.b-modal__list__title {
    -webkit-box-flex: 1;
    flex-grow: 1;
    color: #000;
}

.b-modal__btns {
    margin-bottom: 24px
}

.b-modal__btns button.g-btn.m-rounded.m-profile {
    width: 100%
}

.b-modal__custom-name .modal-dialog {
    min-width: 350px
}

.b-modal__custom-name .b-post__header {
    margin: 1px 2px 14px
}

.b-modal__custom-name .b-post__avatar {
    top: 2px
}

.b-modal__custom-name .g-user-name {
    font-size: 18px
}

.b-modal__custom-name .g-user-name__wrapper {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-modal__custom-name .g-user-name .g-icon {
    font-size: 18px
}

.b-modal__custom-name .g-input {
    font-size: 18px;
    padding-right: 25px
}

.b-modal__custom-name .g-input__clear-btn {
    display: block
}

.b-modal__custom-name .modal-footer {
    padding-top: 0
}

.b-modal__filter__item {
    display: -webkit-box;
    display: flex;
    padding: 12px 3px
}

.b-modal__filter__item .g-input__wrapper.b-input-radio__wrapper {
    padding: 0;
    -webkit-box-flex: 0;
    flex: 0 1 53%
}

.b-modal__filter__item .g-input__increment {
    -webkit-box-flex: 0;
    flex: 0 1 47%
}

.b-modal__filter__item.m-active {
    font-weight: 600
}

.modal.filter-modal .modal-dialog {
    width: calc(100% - 24px)
}

.modal.filter-modal .modal-body {
    padding: 15px
}

.modal.filter-modal .modal-body .modal-body {
    padding: 0;
    margin: -5px 0 0
}

.modal.filter-modal .modal-body .modal-footer {
    margin: 6px -15px -15px
}

.b-subscribe__bottom-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #8a96a3
}

p.b-subscribe__bottom-text {
    margin-bottom: 26px
}

div.b-subscribe__bottom-text {
    margin-top: -12px
}

.tip-modal .modal-dialog {
    width: 100%;
    max-width: 350px
}

.tip-modal .modal-body {
    padding: 24px 24px 42px
}

.tip-modal .b-modal__user__desc__title {
    margin-bottom: 0
}

.tip-modal .b-chat__panel__error {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 14px;
    min-height: 34px;
    text-align: left
}

div.tips__input-wrapper {
    width: 100%;
    margin-top: 12px
}

div.tips__input-wrapper.tips_text_input-wrapper {
    min-height: 56px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end
}

div.tips__input-wrapper .g-input__clear-btn {
    -webkit-transform: none;
    transform: none;
    top: auto;
    bottom: 6px
}

.tips__user__info {
    text-align: center;
    margin-bottom: 24px
}

.tips__user__info .g-user-name.m-verified {
    padding-left: 20px
}

.tips__user__info .b-avatar {
    margin: 0 auto 11px
}

.discount-modal .modal-header {
    border-bottom: 1px solid rgba(138, 150, 163, .2);
    -webkit-box-align: center;
    align-items: center
}

.discount-modal .modal-body {
    padding-top: 22px
}

.discount-modal .g-input__help.m-discount {
    margin: 0 0 24px
}

.b-discount-modal__user {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 5px 6px;
    position: relative
}

.b-discount-modal__user:after {
    position: absolute;
    right: 0;
    left: 35px;
    bottom: 0;
    height: 1px;
    content: "";
    background: rgba(138, 150, 163, .2)
}

.b-discount-modal__user .b-avatar {
    margin: 0 12px 0 0
}

.b-discount-modal__user .g-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    -webkit-box-flex: 1;
    flex: 1;
    white-space: nowrap
}

.m-discount-modal__form {
    display: -webkit-box;
    display: flex;
    margin: 0 -12px;
    padding: 22px 0 0
}

.m-discount-modal__form .g-input__wrapper {
    padding: 0;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0 12px
}

.b-trust__input {
    width: 133px;
    margin: 0 auto 4px;
    font-size: 24px;
    padding: 0 6px 4px;
    height: auto
}

iframe[src*="//api.securionpay.com/3d-secure/popup/"] {
    width: 100%!important
}

.modal-restore .captcha_wrapper:not(:empty) {
    margin-top: 24px
}

.compact-view-popup .modal-body {
    padding-top: 8px;
    padding-bottom: 0
}

.compact-view-popup .modal-footer {
    padding: 11px 12px 14px
}

.modal-bundle .modal-dialog {
    min-width: 351px
}

.modal-bundle .modal-body {
    padding-bottom: 5px
}

.modal-bundle .modal-body .g-select__wrapper {
    margin: 0 0 5px
}

.m-subscriber .modal-body {
    padding: 0
}

.m-subscriber .modal-body .b-users__item {
    padding: 0;
    width: 100%;
    margin: 0
}

.alert {
    display: block;
    border: none;
    border-radius: 6px;
    padding: 7px 12px 9px;
    margin: 0 0 12px
}

.g-page__header+.alert {
    margin-top: 4px
}

.g-btn__wrapper+.alert {
    margin-top: -12px
}

.alert hr {
    border-top-color: currentColor
}

.alert-danger,
.alert-warning {
    background-color: rgba(231, 108, 108, .12);
    color: #e76c6c
}

.alert-info,
.alert-success {
    background-color: rgba(138, 150, 163, .12);
    color: #8a96a3
}

.alert-dismissible {
    padding-right: 36px;
    position: relative
}

.alert-dismissible .close {
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgba(138, 150, 163, .7);
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background: var(--bg-color);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.alert-dismissible .close .g-icon {
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.alert-dismissible .close:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.alert.m-price-changed {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 0
}

.alert.m-price-changed .alert-text {
    margin: 0 10px 7px 0
}

.alert.m-price-changed .g-btn {
    margin-bottom: 7px
}

label {
    color: var(--text-color)
}

select:invalid {
    color: rgba(138, 150, 163, .7)
}

select:invalid option {
    color: var(--text-color)
}

select[disabled] {
    opacity: .5
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.b-form label.b-form__checkbox-toggle {
    margin-right: 10px
}

.b-input-radio {
    display: none
}

.b-input-radio__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.b-input-radio__container {
    margin: 0 10px 0 0;
    position: relative
}

.g-input__wrapper.b-input-radio__wrapper .b-input-radio__container {
    margin: 0 14px 0 0
}

.b-input-radio__container .b-input-radio {
    display: block;
    width: 1px;
    height: 1px;
    left: 50%;
    bottom: 0;
    position: absolute;
    opacity: 0
}

.b-input-radio__container .b-input-radio__label {
    display: block
}

.b-input-radio__container .b-input-radio__label,
.g-input__wrapper.b-input-radio__wrapper .b-input-radio__container .b-input-radio__label,
.g-input__wrapper .b-input-radio__wrapper .b-input-radio__container .b-input-radio__label {
    margin: 0
}

.b-input-radio__label {
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    border: 1px solid rgba(138, 150, 163, .4);
    -webkit-transition: background-color .3s ease, border-color .3s ease;
    transition: background-color .3s ease, border-color .3s ease;
    position: relative;
    margin: 0 10px 0 0;
    min-width: 20px
}

.b-input-radio__label .g-icon {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fefefe;
    font-size: 18px
}

.b-input-radio__label+label {
    margin: 0
}

.b-input-radio:checked+.b-input-radio__label,
.b-input-radio:checked+.g-label .b-input-radio__label {
    background: #00aff0;
    border-color: #00aff0
}

.b-input-radio:checked+.b-input-radio__label .g-icon,
.b-input-radio:checked+.g-label .b-input-radio__label .g-icon {
    display: block
}

.dropdown-menu .b-input-radio:checked+.b-input-radio__label+label,
.dropdown-menu .b-input-radio:checked+.g-label .b-input-radio__label+label {
    font-weight: 600
}

.b-input-radio:checked+.g-label.m-checkbox {
    background: rgba(138, 150, 163, .07)
}

.b-input-radio[disabled]~label {
    pointer-events: none;
    opacity: .5
}

.g-input {
    margin: 0 0 4px;
    height: 36px
}

.g-input.m-code {
    padding-left: 24px;
    padding-right: 24px
}

.m-field-copy .g-input {
    margin-right: 20px
}

.g-input__fieldset {
    padding: 0 6px
}

.g-input__wrapper {
    padding: 0 0 24px;
    position: relative
}

.g-input__wrapper.m-file .g-btn {
    margin-top: 12px
}

.g-input__wrapper.m-checkbox__toggle {
    position: relative;
    text-align: left;
    padding-right: 44px
}

.g-input__wrapper.m-checkbox__toggle .checkbox+label {
    position: absolute;
    top: 0;
    right: 8px;
    margin: 0
}

.g-input__wrapper.b-input-radio__wrapper,
.g-input__wrapper .b-input-radio__wrapper {
    padding: 0 8px 22px
}

.g-input__wrapper.b-input-radio__wrapper .b-input-radio__label,
.g-input__wrapper .b-input-radio__wrapper .b-input-radio__label {
    margin: 0 14px 0 0
}

.g-input__wrapper .b-input-radio__wrapper {
    padding: 16px 8px 10px
}

.g-input__wrapper.m-only-label {
    margin-top: 20px;
    padding-bottom: 16px
}

.g-input__wrapper.m-disabled .g-input__label {
    pointer-events: none;
    opacity: .4
}

.g-input__wrapper.m-disabled .b-settings__subscription-price__curr-sign,
.g-input__wrapper.m-disabled .g-input {
    pointer-events: none;
    color: rgba(138, 150, 163, .4)
}

.g-input__wrapper.m-with-clear-btn g-input {
    padding-right: 24px
}

.g-input__clear-btn {
    position: absolute;
    display: none;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    padding: 3px;
    border: none;
    color: rgba(138, 150, 163, .7)
}

.g-input__clear-btn .g-icon {
    font-size: 18px;
    display: block
}

.g-input__clear-btn:hover {
    color: #0091ea
}

.m-filled .g-input__clear-btn {
    display: block
}

.g-input__label {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #8a96a3;
    padding: 0 6px;
    margin: 0
}

.g-input__help {
    font-size: 15px;
    color: rgba(138, 150, 163, .7);
    margin: 0
}

.g-input__help:not(:empty) {
    padding: 1px 6px 0
}

.g-input__help .g-danger-text,
.g-input__help.m-danger {
    display: block;
    color: #e76c6c
}

.g-input__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin: 0 0 4px
}

.g-input__row img {
    margin-right: 12px
}

.g-input__file__name {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 36px
}

.g-input__file__name .g-icon {
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #00aff0
}

.g-input__file__name__value:not(:empty) {
    padding: 7px 6px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid rgba(138, 150, 163, .2)
}

.g-input__increment {
    display: -webkit-box;
    display: flex
}

.g-input__increment__btn {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    padding: 0;
    background: none;
    position: relative;
    border: 1px solid rgba(138, 150, 163, .2);
    color: #8a96a3
}

.g-input__increment__btn .g-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g-input__increment__btn[disabled] {
    pointer-events: none
}

.g-input__increment__btn[disabled] .g-icon {
    opacity: .3
}

.g-input__increment__value {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    white-space: nowrap
}

.g-select__wrapper {
    position: relative
}

.g-select__wrapper svg.g-icon {
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(138, 150, 163, .7);
    font-size: 18px
}

.g-select__wrapper select[style] {
    display: block!important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.g-select__wrapper .chosen-container {
    width: 100%!important
}

.g-select__wrapper .chosen-container-single .chosen-single {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(138, 150, 163, .2)
}

.g-select__selected__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 12px -6px 0 0
}

.g-select__selected__item {
    border-radius: 6px;
    background: rgba(138, 150, 163, .12);
    padding: 7px 36px 8px 12px;
    position: relative;
    margin: 0 6px 6px 0
}

.g-select__selected__item__del-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    padding: 0;
    border: none;
    color: rgba(138, 150, 163, .7);
    background-color: var(--bg-color)
}

.g-select__selected__item__del-btn .g-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px
}

.chosen-container {
    min-width: 100px;
    font-size: inherit
}

.chosen-container .chosen-drop {
    box-shadow: none;
    background: var(--bg-color);
    border-radius: 0;
    border: 1px solid #00aff0
}

.chosen-container .chosen-results {
    color: inherit;
    margin: 0;
    padding: 0
}

.chosen-container .chosen-results li.highlighted {
    background: #00aff0
}

.chosen-container.chosen-disabled .chosen-single span {
    margin-right: 0
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: none
}

.chosen-container-single .chosen-single {
    border-radius: 3px;
    border: 1px solid rgba(138, 150, 163, .7);
    height: 35px;
    background: none;
    box-shadow: none!important;
    line-height: 34px;
    color: inherit;
    padding: 0 0 0 5px
}

.chosen-container-single .chosen-single div {
    width: 26px
}

.g-select__wrapper .chosen-container-single .chosen-single div {
    display: none
}

.chosen-container-single .chosen-single div b {
    background: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .chosen-container-single .chosen-single div b {
        background: none!important
    }
}

.chosen-container-single .chosen-single div b:before {
    content: "";
    border-bottom: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    -webkit-transform: rotate(-45deg) translate(-5px, 10px);
    transform: rotate(-45deg) translate(-5px, 10px);
    width: 10px;
    height: 10px;
    display: block
}

.g-label.m-block {
    display: block;
    margin: 0 0 10px;
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .2);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.g-label.m-block:hover {
    background: rgba(138, 150, 163, .07)
}

.g-label.m-block.m-checkbox {
    position: relative;
    padding: 10px 10px 10px 40px
}

.g-label.m-block.m-checkbox .b-input-ckeckbox__label,
.g-label.m-block.m-checkbox .b-input-radio__label {
    position: absolute;
    left: 10px;
    top: 10px
}

.g-label__title {
    margin: 0 0 10px;
    font: inherit;
    font-weight: 600
}

.checkbox {
    display: none
}

.checkbox+label {
    position: relative;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    margin: 0 2px 0 0;
    display: block
}

.checkbox+label:after,
.checkbox+label:before {
    content: ""
}

.checkbox+label:before {
    width: 32px;
    height: 20px;
    border-radius: 1000px;
    background: rgba(138, 150, 163, .7);
    display: block
}

.checkbox+label:after {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    background: var(--bg-color);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute
}

.checkbox[disabled]+label {
    pointer-events: none;
    opacity: .5
}

.checkbox.m-btn.checked+label:before,
.checkbox:not(.m-btn):checked+label:before {
    background-color: #00aff0
}

.checkbox.m-btn.checked+label:after,
.checkbox:not(.m-btn):checked+label:after {
    left: 14px
}

.label-group-addon span,
.label-group label span {
    background: none;
    border: 1px solid rgba(138, 150, 163, .2);
    color: inherit
}

.bfh-selectbox .bfh-selectbox-toggle {
    vertical-align: top
}

.bfh-selectbox .bfh-selectbox-toggle .selectbox-caret {
    margin-top: -8px;
    margin-left: 0;
    margin-right: -11px;
    border: 1px solid rgba(138, 150, 163, .7);
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg) translate(-5px, 10px);
    transform: rotate(-45deg) translate(-5px, 10px);
    width: 10px;
    height: 10px
}

.bfh-selectbox .bfh-selectbox-options {
    right: 0;
    border-radius: 0;
    border: 1px solid #00aff0;
    background: var(--bg-color)
}

.bfh-selectbox .bfh-selectbox-options ul {
    max-width: unset
}

.bfh-selectbox .bfh-selectbox-options ul li>a {
    color: inherit
}

.bfh-selectbox .bfh-selectbox-options ul li>a:focus,
.bfh-selectbox .bfh-selectbox-options ul li>a:hover {
    color: #fff;
    background: #0091ea
}

.b-tel-input__group {
    display: -webkit-box;
    display: flex;
    margin: 0 -6px 20px
}

@media (max-width:767px) {
    .b-tel-input__group {
        flex-wrap: wrap
    }
}

.b-tel-input__group .g-btn {
    margin: 0 6px
}

div.vue-tel-input {
    border: 1px solid rgba(138, 150, 163, .2);
    border-radius: 6px
}

div.vue-tel-input:focus-within {
    box-shadow: none;
    border-color: rgba(138, 150, 163, .2)
}

.b-tel-input__group div.vue-tel-input {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0 6px
}

@media (max-width:767px) {
    .b-tel-input__group div.vue-tel-input {
        -webkit-box-flex: 0;
        flex: 0 1 100%;
        margin-bottom: 12px
    }
}

div.vue-tel-input input {
    background: none
}

div.vue-tel-input .vti__dropdown.open,
div.vue-tel-input .vti__dropdown:hover {
    background: rgba(138, 150, 163, .2)
}

div.vue-tel-input .vti__dropdown-list {
    background: var(--bg-color);
    border-color: rgba(138, 150, 163, .2)
}

div.vue-tel-input .vti__dropdown-item.highlighted {
    background: rgba(0, 175, 240, .12)
}

div.vue-tel-input .vti__dropdown-item.last-preferred {
    border-bottom-color: rgba(138, 150, 163, .2)
}

.g-btn {
    border: none;
    padding: 9px 18px 10px;
    font-size: 13px;
    color: #fefefe;
    font-weight: 600;
    background: #00aff0;
    min-width: 78px;
    -webkit-transition: opacity .3s ease, background-color .3s ease, box-shadow .3s ease;
    transition: opacity .3s ease, background-color .3s ease, box-shadow .3s ease;
    display: inline-block;
    white-space: nowrap;
    text-align: center
}

.g-btn:hover {
    background: #2d2d2d;
    color: #fefefe
}

.g-btn:hover .b-btn-text.m-default-state {
    opacity: 0
}

.g-btn:hover .b-btn-text.m-hover-state {
    opacity: 1
}

.g-btn.m-sm {
    padding: 6px 16px 7px;
    min-width: unset;
    font-weight: unset
}

.g-btn.m-sm.m-bold {
    font-weight: 600;
    padding-right: 24px;
    padding-left: 24px
}

.g-btn.m-lg {
    padding: 8px 16px 9px;
    min-height: 48px
}

.g-btn.m-gray {
    background: #8a96a3
}

.g-btn.m-flex {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.g-btn.m-flex .g-icon {
    margin: 0 12px 0 0
}

.g-btn.m-uppercase {
    text-transform: uppercase
}

.g-btn.m-with-icon {
    padding-left: 36px;
    padding-right: 25px;
    position: relative
}

.g-btn.m-with-icon.m-sm {
    padding-left: 32px;
    padding-right: 25px
}

.g-btn.m-with-icon.m-flex {
    margin-bottom: 12px
}

.g-btn.m-with-icon>.g-icon {
    color: #fefefe;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:992px) {
    .g-btn.m-with-icon>.g-icon {
        left: 12px
    }
}

.g-btn.m-with-icon.m-border>.g-icon {
    color: #00aff0
}

.g-btn.m-border {
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .4);
    color: var(--text-color);
    -webkit-transition: color .3s, background-color .3s, box-shadow .3s;
    transition: color .3s, background-color .3s, box-shadow .3s;
    position: relative
}

.g-btn.m-border,
.g-btn.m-border.disabled,
.g-btn.m-border[disabled] {
    background-color: transparent
}

.g-btn.m-border .g-btn__subtext {
    color: #8a96a3
}

.g-btn.m-border:hover {
    box-shadow: inset 0 0 0 1px #0091ea;
    color: #0091ea;
    background-color: rgba(0, 145, 234, .05)
}

.g-btn.m-border:hover .dark-text,
.g-btn.m-border:hover .g-icon {
    color: #0091ea
}

.g-btn.m-border.dark .g-icon {
    color: #8a96a3
}

.g-btn.m-border.dark:hover {
    background-color: rgba(138, 150, 163, .05);
    box-shadow: inset 0 0 0 1px #8a96a3;
    color: #0091ea
}

.g-btn.m-border.dark:hover .g-icon {
    color: #0091ea
}

.g-btn.m-border.filter-active {
    box-shadow: inset 0 0 0 1px #00aff0
}

.g-btn.m-border.m-sm .g-icon {
    font-size: 17px
}

.g-btn.m-border.m-width-priority {
    -webkit-box-flex: 1;
    flex: 1
}

.m-bg-colored .g-btn.m-border.m-width-priority:hover {
    background-color: rgba(138, 150, 163, .05);
    box-shadow: inset 0 0 0 1px #8a96a3
}

.g-btn.m-md {
    padding: 11px 16px;
    min-width: unset;
    text-transform: uppercase;
    color: #8a96a3;
    font-size: 11px
}

.g-btn.m-rounded {
    border-radius: 1000px
}

.g-btn.m-aligned-center {
    margin-left: auto;
    margin-right: auto
}

.g-btn.m-aligned-right {
    margin-left: auto
}

.g-btn.m-flat {
    color: #00aff0;
    padding: 0;
    background-color: transparent;
    font: inherit;
    min-width: unset
}

.g-btn.m-flat.m-bold {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px
}

.g-btn.m-flat.m-only-bold {
    font-weight: 600
}

.g-btn.m-flat.m-gray {
    color: #8a96a3
}

.g-btn.m-flat.disabled,
.g-btn.m-flat[disabled] {
    background-color: transparent
}

.g-btn.m-flat:hover {
    color: #0091ea
}

.g-btn.m-flat .g-btn__text {
    font-weight: inherit;
    margin: 0
}

.g-btn.m-flat .g-icon {
    font-size: 18px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.g-btn.m-flat.m-less .g-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.g-btn.m-default-icon-size .g-icon {
    font-size: 24px
}

.g-btn.m-fix-width {
    max-width: 244px
}

.g-btn__group {
    display: -webkit-box;
    display: flex
}

.g-btn__group.m-right {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.g-btn__group .g-btn+.g-btn {
    margin-left: 11px
}

.g-btn__group .g-btn+.g-btn.m-icon {
    margin-left: 8px
}

.g-btn__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 8px 6px 48px
}

.alert+.g-btn__wrapper {
    padding-top: 23px
}

.g-btn__wrapper .g-btn+.g-btn {
    margin-left: 11px
}

.g-btn__wrapper .g-btn+.g-btn.m-icon {
    margin-left: 8px
}

#otp-form .g-btn__wrapper {
    padding-bottom: 32px
}

#otp-form .g-btn__wrapper .g-btn {
    padding-left: 30px;
    padding-right: 30px
}

.g-btn .g-icon,
.g-btn__text {
    vertical-align: middle
}

.g-btn__text {
    text-align: left;
    font-weight: 600;
    margin: 0 8px 0 0
}

.g-btn__subtext {
    display: block;
    font-size: 11px
}

.g-btn.m-block {
    display: block
}

.g-btn.m-profile {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 12px;
    white-space: unset;
    min-height: 48px
}

.g-btn.m-profile.m-border {
    padding-left: 32px;
    padding-right: 32px;
    flex-wrap: wrap
}

.b-profile__btns .g-btn.m-profile.m-border {
    padding-left: 40px;
    padding-right: 40px
}

.g-btn.m-profile.m-sm {
    min-height: unset;
    padding-top: 6px;
    padding-bottom: 7px
}

.g-btn.m-profile .g-icon {
    color: #fefefe;
    margin-right: 12px
}

.g-btn .dark-text {
    color: #8a96a3;
    -webkit-transition: color .3s;
    transition: color .3s
}

.g-btn.m-danger {
    background: #e76c6c;
    padding-right: 30px;
    padding-left: 30px
}

.g-btn.m-danger.m-sm {
    padding-left: 16px;
    padding-right: 16px
}

.g-btn.m-icon {
    background: none;
    color: rgba(138, 150, 163, .7);
    min-width: unset;
    padding: 6px 4px
}

.g-btn.m-icon:hover {
    color: #0091ea
}

.g-btn.m-icon.m-active {
    color: var(--text-color)
}

.g-btn.m-icon.m-icon-only {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    flex: 0 0 48px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.g-btn.m-icon.m-icon-only .g-icon {
    color: #00aff0;
    margin: 0
}

.g-btn.m-close-sessions {
    padding-left: 30px;
    padding-right: 30px
}

.g-btn.m-time-period {
    color: #8a96a3;
    max-width: 327px;
    margin-bottom: 12px
}

.g-btn.m-time-period:hover {
    color: #0091ea;
    background-color: rgba(0, 145, 234, .07)
}

.g-btn.m-time-period:hover span,
.m-mode-dark .g-btn.m-time-period:hover span {
    color: #0091ea
}

.g-btn.m-time-period>.g-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.g-btn.m-time-period span {
    color: #242529;
    margin-left: 4px;
    margin-right: 4px
}

.m-mode-dark .g-btn.m-time-period span {
    color: #fefefe
}

.g-btn__line {
    display: -webkit-box;
    display: flex
}

.g-btn__line .g-btn {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-right: 12px
}

.g-btn__line .g-btn:last-child {
    margin-right: 0
}

.g-btn__inner-text {
    text-align: initial
}

.g-btn__new-line-text {
    display: inline-block
}

.g-btn.disabled,
.g-btn[disabled] {
    background: #8a96a3;
    opacity: .3;
    pointer-events: none
}

.g-btn.disabled .g-btn-spinner,
.g-btn[disabled] .g-btn-spinner {
    display: inline-block
}

.g-btn__notice {
    margin-left: 4px
}

.g-btn.m-loading {
    position: relative;
    padding-left: 40px;
    padding-right: 40px
}

.g-btn.m-loading[disabled] {
    background: #00aff0;
    opacity: 1
}

.g-btn.m-loading .g-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

.tip-btn {
    margin-top: 30px
}

.g-btn-spinner {
    display: none;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    border: 2px solid #fefefe;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotation .75s linear infinite;
    animation: rotation .75s linear infinite;
    margin-right: 5px;
    margin-top: -2px
}

.b-btn-icon-reset {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 1000px;
    background-color: #00aff0
}

.b-btn-icon-reset .g-icon {
    color: #fefefe;
    font-size: 16px;
    height: 18px;
    line-height: 18px
}

.m-border .b-btn-icon-reset .g-icon {
    color: #fefefe
}

.m-flex .b-btn-icon-reset .g-icon {
    margin: 0;
    vertical-align: text-bottom
}

.b-btn-sort {
    cursor: pointer;
    padding: 4px;
    background: none;
    border: none;
    color: rgba(138, 150, 163, .7);
    margin-right: 5px
}

.b-btn-sort:hover {
    color: #0091ea
}

.b-btn-sort .g-icon {
    vertical-align: top
}

.b-btn-text {
    grid-area: first;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b-btn-text.m-hover-state {
    opacity: 0
}

div.g-btn.m-profile {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-areas: "first"
}

div.g-btn.m-profile.m-border {
    padding-left: 40px;
    padding-right: 40px
}

.table td {
    background: none
}

.b-table {
    font-size: 13px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .2);
    width: 100%
}

.b-table.m-earnings,
.b-table.m-payments,
.b-table.m-payouts,
.b-table.m-refbonus {
    margin: 0 0 24px
}

.b-table.m-payouts .b-table__desc {
    white-space: normal;
    position: relative
}

.b-table.m-payouts .b-table__desc span {
    display: block;
    position: relative;
    min-height: 17px;
    padding-right: 36px
}

.b-table.m-payouts .b-table__desc .g-icon {
    font-size: 18px;
    position: absolute;
    right: 6px;
    top: 1px
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href="#icon-done"] {
    color: #00aff0
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href="#icon-loading"] {
    color: #8a96a3
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href="#icon-alert"] {
    color: #e76c6c
}

.b-table.m-payouts .b-table__desc .g-icon use[*|href="#icon-undo"] {
    color: #ff485b
}

.b-table.m-payouts .b-table__desc .pending {
    color: #8a96a3
}

.b-table.m-refbonus {
    font-weight: 600
}

.b-table.m-refbonus tr td:last-child,
.b-table.m-refbonus tr th:last-child {
    text-align: right
}

.b-table.m-refbonus tfoot td {
    padding-top: 0;
    padding-bottom: 12px
}

.b-table__date,
.b-table__month,
.b-table__payouts-date {
    font-weight: 600
}

@media (min-width:768px) {
    .b-table__date,
    .b-table__month,
    .b-table__payouts-date {
        white-space: nowrap
    }
}

.b-table__date__time {
    margin-left: 4px
}

.b-table__desc a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.b-table thead th {
    font-weight: 600;
    font-size: 11px;
    color: rgba(138, 150, 163, .7);
    text-transform: uppercase
}

.b-table td,
.b-table th {
    padding-left: 12px;
    padding-right: 12px
}

.b-table th {
    padding-top: 15px;
    padding-bottom: 10px
}

.b-table td {
    padding-top: 10px;
    padding-bottom: 9px
}

.b-table tbody tr:first-child td {
    padding-top: 0
}

.b-table tbody tr:first-child~tr td,
.b-table tfoot tr th {
    position: relative
}

.b-table tbody tr:first-child~tr td:after,
.b-table tfoot tr th:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(138, 150, 163, .2)
}

.b-table tbody tr:first-child~tr td:first-child:after,
.b-table tfoot tr th:first-child:after {
    left: 12px
}

.b-table tbody tr:first-child~tr td:last-child:after,
.b-table tfoot tr th:last-child:after {
    right: 12px
}

.b-table .b-table__status-tip {
    position: relative
}

.b-table .b-table__status-tip .g-icon {
    font-size: 18px
}

.b-table .b-table__status-tip .g-icon use[*|href="#icon-done"] {
    color: #00aff0
}

.b-table .b-table__status-tip .g-icon use[*|href="#icon-loading"] {
    color: #8a96a3
}

.b-table .b-table__status-tip .tip-text {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    border: 1px solid rgba(138, 150, 163, .4);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    background: var(--bg-color);
    border-radius: 6px;
    right: -11px;
    padding: 7px 12px 9px;
    top: 100%;
    margin-top: 6px
}

.b-table .b-table__status-tip .tip-text:after {
    position: absolute;
    content: "";
    background: inherit;
    top: -10px;
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    border-left: 1px solid rgba(138, 150, 163, .4);
    border-top: 1px solid rgba(138, 150, 163, .4)
}

.b-table .b-table__status-tip:hover {
    z-index: 5
}

.b-table .b-table__status-tip:hover .tip-text {
    opacity: 1
}

.b-table .b-table__status-tip.m-top .tip-text {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 6px
}

.b-table .b-table__status-tip.m-top .tip-text:after {
    top: auto;
    bottom: -10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: -3px -3px 5px rgba(0, 0, 0, .16)
}

@media (min-width:768px) {
    .b-table.m-mass-chats-stat {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .b-table.m-responsive .b-table__desc .b-table__status-tip {
        display: none
    }
}

@media (max-width:767px) {
    .b-table.m-responsive {
        box-shadow: none
    }
    .b-table.m-responsive,
    .b-table.m-responsive tbody,
    .b-table.m-responsive td,
    .b-table.m-responsive tfoot,
    .b-table.m-responsive tr {
        display: block
    }
    .b-table.m-responsive thead {
        display: none
    }
    .b-table.m-responsive tr {
        display: -webkit-box;
        display: flex;
        border-radius: 6px;
        box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .2);
        margin: 0 0 12px;
        flex-wrap: wrap;
        padding: 8px 12px 10px
    }
    .b-table.m-responsive tbody tr:first-child~tr td:after,
    .b-table.m-responsive tfoot tr th:after {
        content: none
    }
    .b-table.m-responsive tfoot tr {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    .b-table.m-responsive .b-table__status {
        display: none
    }
    .b-table.m-responsive .b-table__status-tip {
        position: absolute;
        right: 6px;
        top: 9px
    }
    .b-table.m-responsive .b-table__net strong,
    .b-table.m-responsive .b-table__payouts-amount strong,
    .b-table.m-responsive .b-table__total-net strong {
        font-weight: 700
    }
    .b-table.m-responsive.m-payments tr,
    .b-table.m-responsive.m-payouts tr {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    .b-table.m-responsive.m-payments .b-table__amount strong {
        font-weight: 700
    }
    .b-table.m-responsive th {
        font-weight: 400
    }
    .b-table.m-responsive td,
    .b-table.m-responsive th {
        padding: 0 6px;
        text-align: right
    }
    .b-table.m-responsive td.b-table__desc,
    .b-table.m-responsive td.b-table__subscriptions,
    .b-table.m-responsive td:first-child,
    .b-table.m-responsive th:first-child {
        text-align: left
    }
    .b-table.m-responsive td.b-table__desc {
        padding: 9px 30px 0 6px
    }
    .b-table.m-responsive td.b-table__desc_rgap-reset {
        padding-right: 0
    }
    .b-table.m-responsive .b-table__date {
        -webkit-box-flex: 0;
        flex: 0 1 31.1926606%
    }
    .b-table.m-responsive .b-table__date__date {
        display: block;
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        text-transform: uppercase;
        margin: 0 0 5px
    }
    .b-table.m-responsive .b-table__amount,
    .b-table.m-responsive .b-table__fee,
    .b-table.m-responsive .b-table__net {
        -webkit-box-flex: 0;
        flex: 0 1 22.9357798%
    }
    .b-table.m-responsive .b-table__desc {
        -webkit-box-flex: 0;
        flex: 0 1 100%;
        border-top: 1px solid rgba(138, 150, 163, .2);
        position: relative;
        margin: 9px 0 0;
        width: 100%
    }
    .b-table.m-responsive .b-table__desc__desc {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .b-table.m-responsive [data-title]:before {
        display: block;
        content: attr(data-title);
        font-size: 11px;
        color: rgba(138, 150, 163, .7);
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px
    }
    .b-table.m-responsive.m-mass-chats-stat tr {
        display: block
    }
    .b-table.m-responsive.m-mass-chats-stat td {
        text-align: left;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    .b-table.m-responsive.m-mass-chats-stat td:empty {
        display: none
    }
}

.r-toggle {
    padding: 0 0 10px
}

.r-toggle .g-btn__wrapper {
    padding-bottom: 34px
}

.r-toggle__heading {
    position: relative;
    cursor: pointer;
    margin: 0 0 20px
}

.b-fans .r-toggle__heading {
    margin: 0
}

.r-toggle__heading .g-section-title {
    padding-bottom: 0
}

.r-toggle__heading .g-icon {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #8a96a3
}

.r-toggle__body {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease, margin .3s ease;
    transition: height .3s ease, margin .3s ease
}

.r-toggle_expanded .r-toggle__body {
    height: auto
}

.r-toggle .empty-message {
    text-align: center;
    margin: 0 0 10px;
    display: block
}

.r-toggle .b-fans__item__list {
    padding: 0 4px 10px
}

.b-search-form {
    padding: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-bottom: 1px solid #00aff0;
    background: var(--bg-color);
    margin-top: -60px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    z-index: 1
}

.b-search-form.m-inline-title {
    margin: 0 0 10px 15px;
    border-bottom: none;
    position: relative
}

.b-search-form.m-inline-title .b-search-form__input {
    height: 49px
}

.b-search-form.m-with-tabs {
    border-bottom: none
}

.b-search-form.m-with-tabs .b-tabs__nav {
    width: 100%;
    padding-top: 0;
    border-top: 1px solid #00aff0
}

.b-search-form.m-with-tabs .b-tabs__nav .b-tabs__nav__item {
    font-size: 15px;
    margin-right: 21px;
    padding-top: 11px;
    padding-bottom: 9px;
    border-bottom: none;
    border-top: 2px solid transparent
}

.b-search-form.m-with-tabs .b-tabs__nav .b-tabs__nav__item.m-current,
.b-search-form.m-with-tabs .b-tabs__nav .b-tabs__nav__item:hover {
    border-top-color: #0091ea
}

.b-search-form__input {
    border: none;
    height: 59px;
    -webkit-box-flex: 1;
    flex: 1
}

.b-search-form__input::-ms-clear,
.b-search-form__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.b-search-form .g-page__header__btn {
    color: #00aff0
}

.b-search-form .g-page__header__btn,
.page-header-search {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.page-header-search {
    justify-content: space-around;
    align-content: center
}

.page-header-search.m-search-form-visible .search-toggle {
    display: none
}

.page-header-search .g-section-title {
    white-space: nowrap
}

.search-toggle_absolute {
    position: absolute;
    right: 12px;
    top: 9px
}

.b-tabs__nav {
    margin: 0 0 8px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: justify;
    justify-content: space-between;
    list-style: none;
    padding: 0
}

.b-tabs__nav:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    background: #8a96a3
}

.modal-header .b-tabs__nav:after {
    content: none
}

.modal-header .b-tabs__nav {
    margin: 0 0 -17px
}

.b-tabs__nav .swiper-slide {
    width: auto
}

.b-tabs__nav.swiper-container {
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 0
}

.b-tabs__nav li.b-tabs__nav__item {
    padding: 0;
    border: none
}

.b-tabs__nav li.b-tabs__nav__item a,
.b-tabs__nav li.b-tabs__nav__item button {
    text-transform: inherit;
    background: none;
    padding: 6px 4px 16px;
    color: inherit;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: none;
    border-bottom: 2px solid transparent;
    -webkit-transition: color .3s ease, border-color .3s ease;
    transition: color .3s ease, border-color .3s ease
}

.b-tabs__nav li.b-tabs__nav__item.active a,
.b-tabs__nav li.b-tabs__nav__item.active button,
.b-tabs__nav li.b-tabs__nav__item.m-current a,
.b-tabs__nav li.b-tabs__nav__item.m-current button,
.b-tabs__nav li.b-tabs__nav__item a.m-current,
.b-tabs__nav li.b-tabs__nav__item a:hover,
.b-tabs__nav li.b-tabs__nav__item button.m-current,
.b-tabs__nav li.b-tabs__nav__item button:hover {
    color: var(--text-color);
    border-bottom-color: currentColor
}

.b-tabs__nav__item {
    padding: 6px 4px 16px;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #8a96a3;
    font-weight: 600;
    font-size: 0;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: color .3s ease, border-color .3s ease;
    transition: color .3s ease, border-color .3s ease;
    margin-right: 21px
}

@media (max-width:374px) {
    .b-tabs__nav__item {
        margin-right: 10px
    }
}

@media (min-width:992px) {
    .b-tabs__nav__item {
        font-size: 16px
    }
}

.modal-header .b-tabs__nav__item {
    font-size: inherit
}

.modal-header .b-tabs__nav__item .g-icon {
    margin-right: 5px
}

.b-tabs__nav__item:last-child {
    margin-right: 0
}

.b-tabs__nav__item:nth-child(2):last-child,
.b-tabs__nav__item:nth-child(3):last-child,
.b-tabs__nav__item:nth-child(4):last-child,
.b-tabs__nav__item:nth-child(5):last-child,
.b-tabs__nav__item:nth-child(6):last-child {
    margin-right: auto
}

.b-tabs__nav__item.active,
.b-tabs__nav__item.m-current,
.b-tabs__nav__item:hover {
    color: var(--text-color);
    border-bottom-color: currentColor
}

.modal-header .b-tabs__nav__item.active .g-icon,
.modal-header .b-tabs__nav__item.m-current .g-icon,
.modal-header .b-tabs__nav__item:hover .g-icon {
    color: #00aff0
}

@media (min-width:992px) {
    .b-tabs__nav__item .g-icon {
        margin-right: 5px
    }
}

.b-tabs__nav.m-text .b-tabs__nav__item {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 16px;
    color: rgba(138, 150, 163, .7)
}

.b-tabs__nav.m-text .b-tabs__nav__item.active,
.b-tabs__nav.m-text .b-tabs__nav__item.m-current,
.b-tabs__nav.m-text .b-tabs__nav__item:hover {
    color: var(--text-color)
}

.b-tabs__nav.m-text .b-tabs__nav__item:nth-child(2):last-child,
.b-tabs__nav.m-text .b-tabs__nav__item:nth-child(3):last-child {
    margin-right: auto
}

.b-tabs__nav.m-lg .b-tabs__nav__item {
    margin-right: 0
}

@media (min-width:1200px) {
    .b-tabs__nav.m-lg .b-tabs__nav__item {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .b-tabs__nav.m-lg .b-tabs__nav__item {
        font-size: 15px
    }
}

.b-loginreg__form {
    text-align: center
}

.b-loginreg__form p {
    margin: 0 0 20px
}

.b-loginreg__form .g-input__wrapper {
    padding: 0;
    margin: 0 0 41px
}

@media (max-width:559px) {
    .b-loginreg__form .g-input__wrapper {
        margin: 0 0 20px
    }
}

.b-loginreg__form .forgot {
    color: #8a96a3;
    display: inline-block
}

.b-loginreg__form .forgot:first-letter {
    text-transform: uppercase
}

.captcha_wrapper:not(:empty) {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.b-loginreg-forms {
    position: relative
}

.b-loginreg-forms .fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.b-loginreg-forms .fade.in {
    position: relative;
    z-index: 2
}

.error_place {
    text-align: left
}

.trough {
    position: relative;
    display: block;
    overflow: hidden;
    clear: both;
    color: #8a96a3;
    text-transform: uppercase;
    padding: 40px 0
}

@media (max-width:559px) {
    .trough {
        padding: 20px 0
    }
}

.trough:after,
.trough:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 50%;
    top: 50%;
    background: rgba(138, 150, 163, .2)
}

.trough:before {
    right: 50%;
    margin-right: 23px
}

.trough:after {
    left: 50%;
    margin-left: 23px
}

.trough span {
    padding: 0 13px;
    background: var(--bg-color);
    position: relative;
    z-index: 2
}

.g-page__header .b-tabs__nav {
    padding: 12px 0 0
}

.b-feed {
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width:992px) {
    .b-feed {
        width: calc(100% - 350px);
        -webkit-box-flex: 0;
        flex: 0 1 auto
    }
}

.b-feed__wrapper {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative
}

@media (min-width:992px) {
    .b-feed__wrapper {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        flex-direction: unset;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:992px) {
    .b-feed__aside {
        position: absolute;
        top: 0;
        width: 326px;
        right: 0;
        bottom: 0
    }
}

.b-feed__aside .recommended-slider {
    height: 504px
}

.b-feed__aside .recommended-slider .swiper-slide {
    height: 168px
}

@media (max-width:767px) {
    .b-feed__aside .recommended-slider {
        height: 336px
    }
}

.b-feed .user_posts .b-post:nth-child(-n+10),
.b-feed .user_posts .empty-message {
    -webkit-box-ordinal-group: 0;
    order: -1
}

.b-recommended .g-section__header {
    margin-right: 76px;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.b-recommended .g-section-title {
    margin-right: auto
}

.b-recommended .g-btn.m-icon {
    color: #8a96a3;
    margin-left: 10px
}

.b-recommended__list {
    padding: 13px 0 17px;
    position: relative
}

.b-recommended__wrapper {
    position: relative
}

@media (min-width:1200px) and (min-height:640px) {
    .b-recommended__wrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 40px
    }
}

@media (max-width:991px) {
    .b-recommended__wrapper {
        border-bottom: 1px solid rgba(138, 150, 163, .2);
        margin: 0 0 26px
    }
}

.b-recommended__item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 6px;
    height: 156px;
    margin: 0 0 12px
}

.b-recommended__item:after {
    box-shadow: inset 0 0 0 1px rgba(138, 150, 163, .2);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    pointer-events: none;
    z-index: 10
}

.b-recommended__item>.g-icon {
    position: absolute;
    right: 10px;
    bottom: 20px;
    color: #e76c6c
}

.b-recommended__item__cover {
    -o-object-fit: cover;
    object-fit: cover;
    height: 96px;
    width: 100%;
    display: block
}

.b-recommended__item__cover__wrapper:after {
    left: 0;
    right: 0
}

.b-recommended__item .b-post__tools__more {
    position: absolute;
    top: 60px;
    right: 10px
}

.b-recommended__item .b-avatar.m-w150 {
    width: 100px;
    height: 100px;
    border: 2px solid var(--bg-color);
    position: absolute;
    top: 46px;
    left: 10px
}

.b-recommended__item .b-avatar.m-w150.online_status_class.online:after {
    width: 16px;
    height: 16px;
    bottom: 6px;
    right: 6px
}

.b-recommended__item__name {
    padding: 6px 38px 10px 120px
}

.b-recommended__item__free-label {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    font-size: 11px;
    font-weight: 600;
    color: #fefefe;
    left: 6px;
    top: 6px;
    border-radius: 6px;
    padding: 5px 6px;
    text-transform: capitalize;
    z-index: 2
}

.b-recommended .swiper-button-next,
.b-recommended .swiper-button-prev {
    height: auto;
    width: auto;
    background: none;
    top: -7px;
    bottom: auto;
    left: auto;
    color: #8a96a3;
    padding: 0;
    border: none
}

.b-recommended .swiper-button-next[disabled],
.b-recommended .swiper-button-prev[disabled] {
    opacity: .35;
    pointer-events: none
}

.b-recommended .swiper-button-next:after,
.b-recommended .swiper-button-prev:after {
    content: none
}

.b-recommended .swiper-button-next .g-icon,
.b-recommended .swiper-button-prev .g-icon {
    vertical-align: top
}

.b-recommended .swiper-button-prev {
    right: 44px
}

.b-recommended .swiper-button-next {
    right: 4px
}

.b-recommended .swiper-pagination-bullets {
    -webkit-box-pack: center;
    justify-content: center;
    position: static;
    display: -webkit-box;
    display: flex;
    padding: 18px 0 0
}

.b-recommended .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
    width: 6px;
    height: 6px;
    opacity: 1;
    background: none;
    border: 1px solid rgba(138, 150, 163, .7)
}

.b-recommended .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: rgba(138, 150, 163, .7);
    border: none
}

.new-post-alert {
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(138, 150, 163, .2)), to(rgba(138, 150, 163, .2))) var(--bg-color);
    background: linear-gradient(0, rgba(138, 150, 163, .2), rgba(138, 150, 163, .2)) var(--bg-color);
    z-index: 10;
    position: -webkit-sticky;
    position: sticky;
    top: 10px
}

@media (min-width:768px) {
    .new-post-alert {
        top: 58px
    }
}

.user_posts {
    padding: 14px 0 0;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width:1200px) {
    .p-posts-index-index .user_posts {
        width: calc(100% - 350px);
        margin: 0 auto
    }
}

.b-modal__cover {
    height: 90px;
    position: relative;
}.b-modal__cover-img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.b-avatar.m-w150 {
    width: 100px;
    height: 100px;
    border: 2px solid var(--bg-color);
}
.b-modal__user__info .b-avatar {
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}
.b-avatar {
    border-radius: 1000px;
    display: block;
  position: relative;
}
.b-modal__user__info {
    margin-top: -70px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 26px;
    padding-left: 18px;
    padding-right: 18px;
}
.b-avatar img {
    border-radius: inherit;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@-webkit-keyframes autofill {
    0%,100% {
        
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.g-input {
    margin: 0 0 4px;
    height: 36px;
}
.modal-dialog .form-control {
    border: 0px solid rgba(138,150,163,.2)!important;
    border-bottom: 1px solid rgba(138,150,163,.2)!important;
    background-color: transparent!important;
    color: inherit;
    font: inherit;
    -webkit-appearance: none;
    -webkit-transition: border-bottom-color .3s ease;
    transition: border-bottom-color .3s ease;
}
.form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 7px 6px 8px;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
}
.modal-content{border: unset!important; }
@media only screen and (max-width: 613px){
#login_notlogged_popup .modal-dialog {
top:35%!important;
}
}
 
#twtloginh{ color: #FFFFFF!important;}
.g-input__wrapper a{
    color: #4d4d4d!important;
    font-size: 14px;
    font-weight: normal!important;
}

@media (min-width:992px) {
.counters[_ngcontent-c36]{z-index:11111;}

}

.user_registeredHG  {text-align: left;}
.user_registeredHG a {
    color: #00aff0!important;
    font-weight: normal!important;
}

#notofication_subscribe a{color: #ffffff!important;}
/*
@media (min-width: 768px){
.b-profile__wall {
  width:33%;
    margin: 0 auto;
}
}

*/




.b-profile__wall {
    flex: 1; /*float:left;*/
    display: flex;
    flex-direction: column;
   
}


.b-profile__restricted {
    position: relative;
    background: #ccc;
    overflow: hidden; margin-bottom: 30px;
     
    border-radius: 6px;
}
.wall_c{padding: 200px 0;}
.b-profile__restricted:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*z-index: 1;*/
    opacity: 0.6;
    background-image: url(/img/restricted_model_profile_cover.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

/*
.b-profile__restricted {
    position: relative;
    background: url(/img/restricted_model_profile_cover.jpg) 50%/cover;
    height: 0;
    padding-bottom: 22.2667%;
    border-radius: 6px;
}*/
/*.b-profile__restricted:before {
    

    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
    background-image: url('/img/restricted_model_profile_cover.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
*/

.b-profile__restricted__icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-80px);
    top: 50%;
    width: 80px;
    height: 80px;
    border-radius: 1000px;
    border: 2px solid #8a96a3;
}
.b-profile__restricted__icon .g-icon {
   
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);    color: #FF0000;font-size:60px;
}

.b-profile__restricted p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,15px);
    font-size: 16px;
   max-width: 100%;width:100%;
    text-align: center;
   
    color: #FFFFFF;z-index:2;
}


.b-profile__restricted__color {
    color: #00aff0;
    font-weight: 600;
    text-transform: lowercase;
}

.b-profile__restricted__link .g-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: 10000px;
    width: 100%;
}
.g-btn.m-flat {
    color: #5c5c5c;
    padding: 0;
    background-color: transparent;
    font: inherit;
    min-width: unset;
}


.g-btn {
    border: none;
    padding: 9px 18px 10px;
    font-size: 13px;
    color: #fefefe;
    font-weight: 600;
    background: #000000;
    min-width: 78px;
    transition: opacity .3s ease,background-color .3s ease,box-shadow .3s ease;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

.g-btn.m-flat .g-icon {
    font-size: 18px;
    transition: transform .3s ease;
}

#user_registeredHG a{}
#spinner_loader {
   position: absolute;
   left: 40%;
   top: 40%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
border-left:6px solid #ff0;
   border-right:6px solid #ff0;
   border-bottom:6px solid #ff0;
   border-top:6px solid #f90;
   border-radius:100%;
}

.current_credits{font-weight: bold;}
.popup_purchase_itemd{padding-bottom: 10px;}

.container {
    margin-right: auto;
    margin-left: auto
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

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

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

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