* {
    font-family: "Inter", sans-serif;
}

.anchor,
.inline-list li,
.item-post .hover-box .item-content ul.item-list-data li,
.pagination-list li,
.top-line .log-list li,
.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li,
a,
div.log-box ul.loggin-social li,
footer .medium-footer ul.other-links li,
footer .medium-footer ul.share-count-list li,
section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li,
section.single-item-section .single-item-box .item-sidebar .tags-widget ul.tags-list li,
ul.filter li {
    display: inline-block
}

.button-blue,
.button-default,
.center-button,
.transparent-button {
    text-align: center
}

.button-blue {
    text-transform: uppercase
}

.comments-box ul.comments-list,
.comments-box ul.comments-list li ul.comment-reply-depth,
.forms-box-container .filter-box ul.filter-messages,
.forms-box-container .message-area .message-opportunities ul.filter-messages,
.forms-box-container .message-area .message-opportunities ul.message-action-list,
.inline-list,
.item-post .hover-box .item-content ul.item-list-data,
.pagination-list,
.premium-box ul.premium-list,
.profile-box .profile-info ul.profile-info-list,
.reset-elem,
.subscribe-earning-summery .earning-title ul.earn-list,
.subscribe-pay-summery .earning-title ul.earn-list,
.top-line .log-list,
.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social,
div.controlling-box ul.qk-links,
div.log-box ul.loggin-social,
div.payment-details-box .tab-content .tab-pane ul.method-cards,
div.payment-table-summery.table-box table tr td ul.category,
footer .medium-footer ul.other-links,
footer .medium-footer ul.share-count-list,
section.admin-dashboard-section ul.admin-dashboard-list,
section.admin-review-box .review-box .inner-review-box ul.type-download-list,
section.admin-review-box div.table-box table.contributors-table tr td ul.active-state,
section.admin-review-box div.table-box table.contributors-table tr td ul.category,
section.admin-review-box div.table-box table.revision-table tr td ul.category,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state,
section.admin-review-box div.table-box table.staff-table tr td ul.category,
section.admin-review-box div.table-box table.users-table tr td ul.active-state,
section.admin-review-box div.table-box table.users-table tr td ul.category,
section.admin-review-box ul.revision-option-list,
section.contributor-profile-section .contributor-box .statistic-box ul.statistic-list,
section.invoice-section .invoice-box .invoice-client-box .invoice-list ul,
section.invoice-section .invoice-box .invoice-project-box .item-list ul,
section.invoice-section .invoice-box .invoice-total-box .payments ul,
section.premium-area-section .earnings-summery .earning-title ul.earn-list,
section.profile-tabs-section ul.profile-tabs,
section.profile-tabs-section.premium-account ul.profile-tabs,
section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane ul.method-cards,
section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage,
section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list,
section.single-item-section .single-item-box .item-sidebar .licence-widget ul.licence-list,
section.single-item-section .single-item-box .item-sidebar .tags-widget ul.tags-list,
ul.filter {
    margin: 0;
    padding: 0
}

.heading1,
.heading2,
h1,
h2 {
    color: #000;
    margin: 0 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
}

.paragraph,
div.controlling-box table.controll-table tr td,
div.timeline-box table.timeline-table tr td,
p {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

.heading1,
h1 {
    font-size: 40px;
    font-weight: 300
}

.heading2,
h2 {
    font-size: 22px;
    font-weight: 400
}

.back-cover,
section.banner-section,
section.becontributor-page-section,
section.contributor-profile-section,
section.go-premiumbanner-section,
section.page-ban-section,
section.page-ban-section2,
section.slider-section {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important
}

.anchor,
a {
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.button-default {
    color: #fff;
    font-size: 16px;
    padding: 13px 10px;
    min-width: 210px;
    background-color: #353535;
    background-image: -webkit-linear-gradient(bottom, #353535, #3d3d3d);
    background-image: linear-gradient(to top, #353535, #3d3d3d);
    border: 1px solid #333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.button-default:hover {
    color: #fff;
    background-color: #0d0d0d;
    background-image: -webkit-linear-gradient(bottom, #0D0D0D, #262626);
    background-image: linear-gradient(to top, #0D0D0D, #262626);
    border: 1px solid #0a0a0a
}

.button-blue {
    position: relative;
    color: #fff;
    font-size: 19px;
    padding: 12px 40px;
    background-color: #1191d2;
    background-image: -webkit-linear-gradient(bottom, #1191d2, #14afff);
    background-image: linear-gradient(to top, #1191d2, #14afff);
    border: 1px solid #0e82bd;
    outline: #1762a6
}

.button-blue:hover {
    color: #fff;
    opacity: .9
}

.button-blue:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 1px;
    border-top: 1px solid #3fc4ff;
    background: #52cfff
}

.x-line {
    position: relative;
    overflow-x: hidden;
}

.x-line::before {
    width: calc(50% - 90px);
    height: 1px;
    background: #aaa5a0;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.x-line::after {
    width: calc(50% - 90px);
    height: 1px;
    background: #aaa5a0;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.transparent-button {
    background: transparent;
    color: #aaa5a0;
    font-size: 24px;
    line-height: 30px;
    padding: 8px;
    font-weight: 400;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.transparent-button:hover {
    color: #000000;
}

.transparent-button:focus {
    outline: none;
    box-shadow: none;
}

body.grey-background {
    background: #f1f1f1
}

#container {
    overflow: hidden
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}

.navbar-default {
    background: #faf8f5;
    border-bottom: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin: 0
}

.top-line {
    background: #faf8f5;
    border-bottom: 1px solid #f0ece8;
    position: relative;
    z-index: 999999
}

.top-line {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.top-line .log-list {
    text-align: right
}

.top-line .log-list>li>a {
    color: #aaa5a0;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-line .log-list>li>a i {
    margin-right: 5px
}

.top-line .log-list li a:hover {
    color: #656565
}

.top-line .log-list li a.go-premium-link-btn {
    padding: 4px 15px;
    margin: 11px 0;
    border: 2px solid #2cb285;
    color: #2cb285;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
}

.top-line .log-list li a.go-premium-link-btn:hover {
    color: #fff;
    background: #2cb285
}

.top-line .log-list li.log-in-item.log-profile:hover>a,
.top-line .log-list li.log-in-item.log-profile>a {
    text-transform: initial
}

.top-line .log-list li.log-in-item.log-profile>a i {
    width: 25px;
    height: 25px;
    line-height: 26px;
    background: #dce1e3;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-align: center;
    margin: -4px 0 -2px 3px
}

.top-line .log-list li.log-in-item.log-profile:hover>a i {
    color: #1d0463
}

.top-line .log-list li.log-in-item:hover a {
    color: #787878
}

.top-line .log-list li.sign-up-item a {
    background: #64c84a;
    color: #fff;
    text-transform: uppercase
}

.top-line .log-list li.log-in-item.log-profile div.dropdown-box {
    width: 320px !important
}

.top-line .log-list li.log-in-item {
    position: relative;
    margin-right: -4px
}

.top-line .log-list li.log-in-item div.dropdown-box {
    position: absolute;
    text-align: center;
    top: 100%;
    right: 0;
    width: 375px;
    padding: 22px 35px;
    background: #fff;
    visibility: hidden;
    opacity: -.2;
    margin-top: 15px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-box-shadow: 2px 11px 26px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 11px 26px 5px rgba(0, 0, 0, .2)
}

.top-line .log-list li.log-in-item div.dropdown-box h1 {
    color: #000;
    font-size: 21px;
    margin-bottom: 1px
}

.top-line .log-list li.log-in-item div.dropdown-box p {
    color: #8b909a;
    font-size: 12px;
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social {
    margin: 15px 0
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li {
    display: block;
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    padding: 12px;
    color: #fff;
    font-size: 14px;
    font-family: open sans, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a i {
    font-size: 14px;
    margin-right: 8px
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a img {
    width: 65%;
    height: auto
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, .15)
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a:hover {
    opacity: .9
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.google,
.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.facebook {
    background-color: #f6f6f6;
    background-image: -webkit-linear-gradient(bottom, #F6F6F6, #F6F6F6);
    background-image: linear-gradient(to top, #F6F6F6, #F6F6F6);
    -webkit-box-shadow: -4px 1px 6px -10px #000;
    box-shadow: -4px 1px 6px -10px #000
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.google>i {
    color: #b9211e
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.google>span {
    color: #000
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.facebook>i {
    color: #2d4176
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.facebook>span {
    color: #000
}

.top-line .log-list li.log-in-item div.dropdown-box ul.loggin-social li a.twitter {
    background-color: #1986cb;
    background-image: -webkit-linear-gradient(bottom, #1986cb, #1da5f9);
    background-image: linear-gradient(to top, #1986cb, #1da5f9)
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in {
    margin: 0
}


.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=text]:focus,
.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=password]:focus {
    outline: 2;
    border: 1px solid #ffdc19 !important;
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=text],
.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=password] {
    display: block;
    width: 100%;
    padding: 15px;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    outline: 0;
    border: 1px solid #f6f6f6 !important;
    color: #000;
    font-size: 16px;
    font-family: open sans, sans-serif;
    margin-bottom: 8px;
    -o-border-radius: 30px;
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=text]::placeholder,
.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=password]::placeholder {
    color: #f0ece8;
}


.top-line .log-list li.log-in-item div.dropdown-box form.sign-in div.check-box {
    position: relative;
    text-align: left
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in div.check-box input[type=checkbox] {
    width: 17px;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-right: 12px
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in div.check-box div.checkbox-cover {
    position: absolute;
    display: block;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #fff
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in div.check-box div.checkbox-cover:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in div.check-box input[type=checkbox]:checked+div.checkbox-cover:before {
    opacity: 1
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.log-out:hover,
.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=submit]:hover {
    opacity: .9;
    background-color: #f7d200;
    color: #d3a303;
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in div.check-box p {
    display: inline-block;
    text-transform: uppercase
}

.top-line .log-list li.log-in-item div.dropdown-box form.sign-in input[type=submit] {
    display: block;
    outline: 0;
    width: 100%;
    padding: 8px 10px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #ffdc19;
    color: #dcaa00;
    font-size: 23px;
    font-family: open sans, sans-serif;
    font-weight: 400;
    background-color: #ffdc19;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -o-border-radius: 28px;
}

.top-line .log-list li.log-in-item div.dropdown-box p.not-member {
    text-align: left;
    margin-bottom: 0
}

.top-line .log-list li.log-in-item div.dropdown-box p.not-member a {
    text-transform: uppercase;
    color: #4128ff
}

.top-line .log-list li.log-in-item div.dropdown-box p.not-member a.forgot-pass {
    float: right;
    color: #000;
    text-transform: initial;
    text-decoration: underline !important;
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown {
    text-align: left;
    overflow: hidden;
    padding-bottom: 10px
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: block
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.profile-link {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: initial
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.profile-link>span {
    color: #787878
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown ul.profile-list {
    padding: 0;
    text-align: left;
    margin-bottom: 20px
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown ul.profile-list li {
    display: block;
    border-bottom: 1px solid #dfdfdf
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown ul.profile-list li a {
    color: #787878;
    font-size: 14px;
    padding: 10px 0;
    text-transform: initial
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown ul.profile-list li a i {
    margin-right: 7px
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown ul.profile-list li a:hover {
    color: #000
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown ul.profile-list li:last-child {
    border-bottom: none
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.upload-button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px;
    background-color: #51a12c;
    background-image: -webkit-linear-gradient(bottom, #787878, #5a5a5a);
    background-image: linear-gradient(to top, #787878, #5a5a5a);
    -webkit-box-shadow: 0 8px 15px -2px rgba(0, 0, 0, .07);
    box-shadow: 0 8px 15px -2px rgba(0, 0, 0, .07);
    border: 1px solid #5a5a5a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    line-height: 28px;
    margin-bottom: 40px;
    text-transform: initial;
    float: left
}

.success-profile-button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px;
    background-color: #51a12c;
    background-image: -webkit-linear-gradient(bottom, #787878, #5a5a5a);
    background-image: linear-gradient(to top, #787878, #5a5a5a);
    -webkit-box-shadow: 0 8px 15px -2px rgb(0 0 0/7%);
    box-shadow: 0 8px 15px -2px rgb(0 0 0/7%);
    border: 1px solid #5a5a5a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    line-height: 28px;
    margin-bottom: 40px;
    text-transform: initial
}

.success-profile-button:hover {
    background-color: #fff;
    color: #000;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    border: 1px solid #fff
}

.success-upload-button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 20px;
    background-color: #51a12c;
    background-image: -webkit-linear-gradient(bottom, #787878, #5a5a5a);
    background-image: linear-gradient(to top, #787878, #5a5a5a);
    -webkit-box-shadow: 0 8px 15px -2px rgb(0 0 0/7%);
    box-shadow: 0 8px 15px -2px rgb(0 0 0/7%);
    border: 1px solid #5a5a5a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    line-height: 28px;
    margin-bottom: 40px;
    text-transform: initial
}

.success-upload-button:hover {
    background-color: #82c93b;
    background-image: -webkit-linear-gradient(bottom, #82C93B, #51A12C);
    background-image: linear-gradient(to top, #82C93B, #51A12C);
    border: 1px solid #4d952f
}



.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.upload-button i {
    font-size: 26px;
    margin-right: 10px;
    float: left
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.upload-button:hover {
    background-color: #82c93b;
    background-image: -webkit-linear-gradient(bottom, #82C93B, #51A12C);
    background-image: linear-gradient(to top, #82C93B, #51A12C);
    border: 1px solid #4d952f
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.log-out {
    color: #787878;
    font-size: 14px;
    padding: 6px 15px;
    background: #dfdfdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    float: left;
    text-transform: initial
}

.top-line .log-list li.log-in-item div.dropdown-box div.profile-dropdown a.log-out i {
    margin-right: 8px
}

.top-line .log-list li.log-in-item:hover div.dropdown-box {
    visibility: visible;
    opacity: 1;
    margin-top: 8px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

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

.navbar-header .logo {
    flex: 1;
}

@media (min-width: 768px) {
    header .navbar .main-navbar {
        position: relative;
        padding-right: 210px;
    }
}

header .navbar-nav {
    transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    width: 100%;
}

header .navbar-nav>li {
    margin-right: 15px;
}

header .navbar-nav>li>a {
    font-weight: 400;
    text-align: center;
    color: #4c4c4c;
    font-size: 15px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    padding: 35px 5px;
    margin: 0;
    position: relative
}

header .navbar-nav>li:hover>a,
header .navbar-nav>li>a.active {
    color: #4d4d4d !important;
    background: transparent !important;
    font-weight: 600;
}

header .navbar-nav>li>a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 0;
    background: #000000;
    top: -1.5px;
    left: 0;
    z-index: 9999999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    opacity: 0;
}

header .navbar-nav>li:hover>a::after,
header .navbar-nav>li>a.active::after {
    opacity: 1;
}

header .navbar-nav>li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0
}

header .premium-button, header .premium-btn {
    margin-top: 30px;
}

@media (min-width: 768px) {
    header .premium-button,
    header .premium-btn {
        position: absolute;
        right: 8px;
        top: 0;
    }
}

header .premium-button button,
header .premium-btn a {
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
    color: #dcaa00;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    text-decoration: none;
}

@media (min-width: 768px) {
    header .navbar-header {
        display: none;
    }
}


/*  premium Resources  */

.modal-container {
    position: fixed;
    z-index: 1000;
    top: 0px;
    right: -600px;
    height: 100vh;
    width: 90%;
    max-width: 410px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background-color: #ffdc19;
    transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
}

.modal-container.slide {
    right: 0;
}

.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
}

.contents-modal {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width: 600px) {
    .contents-modal {
        padding-top: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

.contents-modal p {
    font-size: 24px;
    line-height: 28px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dcaa00;
}

.premium-resource .contents-modal p {
    margin-bottom: 0;
}

.footer-modal {
    border-top: 1px solid #dcaa00;
    padding: 30px 40px;
}

@media (min-width: 600px) {
    .footer-modal {
        padding: 40px;
    }
}

.footer-modal p {
    color: #dcaa00;
    font-size: 12px;
}


header .premium-items {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    gap: 30px;
    padding: 30px 40px;
}

@media (min-width: 1192px) {
    header .premium-items {
        padding: 45px 50px; 
        gap: 45px;
    }
}

header .premium-items .item {
    width: auto !important;
}

header .premium-items .item img {
    max-width: 100%;
}

section.slider-section {
    padding: 95px 0 205px;
    text-align: center;
    position: relative
}

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

section.slider-section h1 {
    margin-bottom: 48px;
    line-height: 36px;
    font-weight: 400;
    font-family: "Inter Tight", sans-serif;
    margin-top: 20px;
}

section.slider-section form.search-form {
    max-width: 900px;
    margin: 0 auto 60px;
    /* border-bottom: 1px solid #000000; */
}

section.slider-section form.search-form input[type=search] {
    padding: 10px 20px;
    flex: 1;
    outline: 0;
    color: #000;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    background: transparent;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin: 0;
    border: none;
    -ms-transition: all .2s ease-in-out;
    caret-color: #ffdc19;
}

section.slider-section form.search-form input[type=search]::placeholder {
    color: #f0ece8;
}

section.slider-section form.search-form input[type=search]:focus {
    box-shadow: none;
    outline: none;
}

section.slider-section form.search-form .wrapper {
    position: relative;
}

section.slider-section form.search-form .search-input {
    position: absolute;
    background: #ffffff;
    z-index: 9999;
    padding: 45px 30px 55px;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
}

section.slider-section form.search-form .search-input.set-shadow {
    box-shadow: 10px 25px 25px rgba(45, 26, 0, 0.1);
}

section.slider-section form.search-form .search-input.active {
    box-shadow: 10px 25px 25px rgba(45, 26, 0, 0.1);
}

section.slider-section form.search-form .search-input.active+.overlay {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}

section.slider-section form.search-form .search-input .form-input-group {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 0;
    height: 60px;
    border-bottom: 1px solid #000000;
}

section.slider-section form.search-form .search-input.active .form-input-group,
section.slider-section form.search-form .search-input.set-shadow .form-input-group {
    border-bottom: 1px solid #f0ece8;
}

section.slider-section form.search-form .search-input.active .filter_search_btn svg circle,
section.slider-section form.search-form .search-input.set-shadow .filter_search_btn svg circle {
    stroke: #f0ece8 !important;
}

section.slider-section form.search-form .search-input.active .filter_search_btn svg line,
section.slider-section form.search-form .search-input.set-shadow .filter_search_btn svg line {
    stroke: #f0ece8 !important;
}

section.slider-section form.search-form .search-input .form-input-group button[type=button]:focus,
section.slider-section form.search-form .search-input .form-input-group button[type=button] {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
}

section.slider-section form.search-form .search-input .form-input-group button[type=submit] {
    line-height: 46px;
    border: none;
    width: 148px;
    background: #ffdc19;
    text-align: center;
    color: #dcaa00;
    font-size: 21px;
    font-family: "Inter Tight", sans-serif;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: none;
}


section.slider-section form.search-form .search-input.active .form-input-group .search_button {
    display: block;
}

section.slider-section form.search-form .search-input .form-input-group .search_button:focus {
    outline: none;
    box-shadow: none;
}


section.slider-section .banner-logo {
    text-align: center;
    max-width: 465px;
    margin: 0 auto;
    padding: 0 20px;
}

section.slider-section img {
    width: 100%;
    height: auto;
}

.search-input.active input {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.search-input .autocom-box {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0;
    overflow-y: auto;
    width: 100%;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.search-input.active .autocom-box {
    height: 200px;
}

.search-input.active .autocom-box {
    padding: 10px 8px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.autocom-box li {
    text-align: left;
    font-size: 18px;
    color: #aaa5a0;
    padding: 11px 70px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    cursor: pointer;
}

.autocom-box li:hover {
    background: #faf8f5;
    color: #000;
}

.search-input.active .autocom-box li {
    display: block
}

.autocom-box li:hover {
    background: #efefef
}





#bg-body {
    background: #d2d2d0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#bg-body>div.bg-body-html>img,
#bg-body>img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.title-of-section {
    text-align: center;
    margin-bottom: 45px
}

section.items-section {
    padding: 50px 0
}

section.items-section .items-box {
    /* margin-bottom: 30px;
    margin-left: -10px;
    margin-right: -10px; */
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

section.items-section .items-box .item-post {
    width: 270px;
}

.item-post {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.item-post img {
    width: 100%;
    object-fit: cover;
    height: auto
}

.item-post span.favourite-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    line-height: 30px;
    text-align: center;
    color: #de2922;
    font-size: 18px
}

.item-post .hover-box {
    position: absolute;
    bottom: -140px;
    visibility: hidden;
    opacity: 0;
    left: 0;
    width: 100%;
    background: rgba(26, 26, 26, .75);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.item-post .hover-box a.favourite-button {
    position: absolute;
    z-index: 2;
    top: -23px;
    left: 50%;
    width: 46px;
    height: 46px;
    background: #fff;
    line-height: 46px;
    color: #de2922;
    font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50% 0 50% 50%;
    -ms-border-radius: 50%;
    border-radius: 50% 0 50% 50%;
    -webkit-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    margin-left: -51px
}

.item-post .hover-box a.favourite-button .devtooltip {
    position: absolute;
    font-weight: 700;
    font-size: 8px;
    min-width: 90px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    z-index: 1;
    bottom: -25px;
    left: 50%;
    margin-left: -45px;
    line-height: 10px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.item-post .hover-box a.favourite-button .devtooltip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000
}

.item-post .hover-box a.favourite-button:before {
    content: '\f08a';
    font-family: FontAwesome;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.item-post .hover-box a.favourite-button.active:before,
.item-post .hover-box a.favourite-button:hover:before {
    content: '\f004';
    font-family: FontAwesome
}

.item-post .hover-box a.favourite-button.active:before {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.item-post .hover-box a.favourite-button.active:hover:before {
    content: '\f08a';
    font-family: FontAwesome;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.item-post .hover-box a.favourite-button:hover .devtooltip {
    visibility: visible;
    opacity: 1;
    bottom: -20px
}

.item-post .hover-box div.share-box {
    position: absolute;
    z-index: 2;
    top: -23px;
    left: 50%;
    width: 46px;
    height: 46px;
    background: #fff;
    line-height: 46px;
    color: #00bdff;
    font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 0 50% 50%;
    -ms-border-radius: 50%;
    border-radius: 0 50% 50%;
    -webkit-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    margin-left: 5px
}

.item-post .hover-box div.share-box ul.share-list {
    position: absolute;
    left: -56px;
    top: 0;
    background: #fff;
    padding: 6px;
    line-height: initial;
    overflow: hidden;
    min-width: 152px;
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.item-post .hover-box div.share-box ul.share-list li {
    float: left;
    list-style: none
}

.item-post .hover-box div.share-box ul.share-list li a {
    width: 35px;
    height: 35px;
    line-height: 33px;
    color: #000;
    font-size: 16px;
    text-align: center;
    border: 1px solid #000;
    border-left: none
}

.item-post .hover-box div.share-box ul.share-list li a:hover {
    background: #dc2823;
    color: #fff
}

.item-post .hover-box div.share-box ul.share-list li a.facebook:hover {
    background: #395093
}

.item-post .hover-box div.share-box ul.share-list li a.twitter:hover {
    background: #1ea6fa
}

.item-post .hover-box div.share-box ul.share-list li a.pinterest:hover {
    background: #bd081c
}

.item-post .hover-box div.share-box ul.share-list li:first-child a {
    border-left: 1px solid #000;
    -webkit-border-top-left-radius: 18px;
    -moz-border-top-left-radius: 18px;
    -o-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-bottom-left-radius: 18px;
    -o-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px
}

.item-post .hover-box div.share-box ul.share-list li:last-child a {
    -webkit-border-top-right-radius: 16px;
    -moz-border-top-right-radius: 16px;
    -o-border-top-right-radius: 16px;
    border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-bottom-right-radius: 16px;
    -o-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.item-post .hover-box div.share-box:hover ul.share-list {
    visibility: visible;
    opacity: 1
}

.item-post .hover-box .item-content {
    padding-top: 40px;
    padding-bottom: 20px
}

.item-post .hover-box .item-content h2 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.item-post .hover-box .item-content h2 a {
    color: #fff
}

.item-post .hover-box .item-content h2 a:hover {
    opacity: .7
}

.item-post .hover-box .item-content ul.item-list-data li {
    margin: 0 5px;
    color: #fff;
    font-size: 11px;
    font-family: "Inter", sans-serif
}

.item-post .hover-box .item-content ul.item-list-data li i {
    margin-right: 2px
}

.item-post .hover-box:before {
    content: '';
    width: 126px;
    height: 35px;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -63px;
    background: rgba(26, 26, 26, .75);
    -webkit-border-top-left-radius: 36px;
    -moz-border-top-left-radius: 36px;
    -o-border-top-left-radius: 36px;
    border-top-left-radius: 36px;
    -webkit-border-top-right-radius: 36px;
    -moz-border-top-right-radius: 36px;
    -o-border-top-right-radius: 36px;
    border-top-right-radius: 36px
}

.item-post.disabled {
    position: relative
}

.item-post.disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .2)
}

.item-post:hover .hover-box {
    bottom: 0;
    visibility: visible;
    opacity: 1
}

ul.filter {
    text-align: center;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 30px
}

ul.filter li {
    margin: 0
}

ul.filter li a {
    color: #000;
    font-size: 14px;
    padding: 10px 8px
}

ul.filter li a:hover {
    color: #656565
}

ul.filter li a.active {
    background: #f9c700
}

/* Premium Resource Start */
section.premium-resources-section {
    text-align: center;
    padding: 90px 0;
    background-color: #000;
    position: relative;
    z-index: 1;
}

section.premium-resources-section .bg-image {
    background: url("/assets-new/images/banner-bg-v2.jpg") no-repeat center/cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 40%;
    mix-blend-mode: luminosity;
    z-index: -1;
}

section.premium-resources-section h2 {
    color: #aaa5a0;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 5px;
}

section.premium-resources-section h2 span {
    color: #ffdc19;
}

section.premium-resources-section p {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 60px;
}

section.premium-resources-section .premium-items,
.premium-items {
    max-width: 944px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

section.premium-resources-section .premium-items .item,
.premium-items .item {
    width: calc(50% - 15px);
    background: #f9419a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    z-index: 1;
}

section.premium-resources-section .premium-items .item {
    min-height: 200px;
}

.premium-items .item {
    min-height: 170px;
}

section.premium-resources-section .premium-items .item p,
.premium-items .item p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    font-family: "Inter Tight", sans-serif;
    max-width: 195px;
    text-align: left;
    text-shadow: 0 0 20px #00000075;
}

section.premium-resources-section .premium-items .item p {
    font-size: 18px;
}

.premium-items .item p {
    font-size: 16px;
}

section.premium-resources-section .premium-items .item .site-img,
.premium-items .item .site-img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

section.premium-resources-section .premium-items .item .site-logo,
.premium-items .item .site-logo {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 9999;
    width: 123px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background: #ffffff;
}

@media (min-width: 600px) {
    .premium-items .item {
        padding: 40px;
        min-height: 214px;
    }
    section.premium-resources-section .premium-items .item {
        min-height: 250px;
    }
    section.premium-resources-section .premium-items .item p {
        font-size: 22px;
    }
    .premium-items .item p {
        font-size: 16px;
    }
    section.premium-resources-section .premium-items .item .site-logo, .premium-items .item .site-logo {
        bottom: 40px;
        left: 40px;
    }
}

section.premium-resources-section .premium-items .item .site-logo>img,
.premium-items .item .site-logo>img {
    width: 100%;
    height: auto;
}


section.premium-resources-section .premium-items .item.creatiya,
.premium-items .item.creatiya {
    background: #3c6eff;
}

section.premium-resources-section .premium-items .item.creatiya p,
.premium-items .item.creatiya p {
    margin-left: auto;
    text-align: right;
}

section.premium-resources-section .premium-items .item.creatiya .site-logo,
.premium-items .item.creatiya .site-logo {
    left: auto;
    right: 40px;
}

section.premium-resources-section .premium-items .item.creatiya .site-img,
.premium-items .item.creatiya .site-img {
    overflow: hidden;
    right: auto;
    left: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

section.premium-resources-section .premium-items .item.creatiya::after,
.premium-items .item.creatiya::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* Premium Resource End */

section.feat-items-section {
    border-top: 1px solid #f0ece8;
    border-bottom: 1px solid #f0ece8;
}

section.feat-items-section .items-box {
    margin: 0
}

section.feat-items-section .item-post {
    margin-bottom: 30px
}


.center-logo {
    text-align: center;
    padding: 80px 0 60px
}



section.login-section {
    padding-bottom: 80px;
}

div.log-box {
    text-align: center;
    width: 600px;
    padding: 35px 60px;
    background: #fff;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 0 0 10px #e3e3e3;
    -webkit-box-shadow: 0 0 10px #e3e3e3;
    -moz-box-shadow: 0 0 10px #e3e3e3;
    -o-box-shadow: 0 0 10px #e3e3e3;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

div.log-box ul.loggin-social {
    margin: 15px 0
}

div.log-box ul.loggin-social li {
    margin: 0 2px;
    display: block;
}

div.log-box ul.loggin-social li a {
    position: relative;
    padding: 14px;
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: open sans, sans-serif;
    font-weight: 700;
    min-width: 320px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.top-line .log-list li.log-in-item div.dropdown-box p.not-member a {
    color: #dcaa00;
    font-weight: 600;
}

div.log-box ul.loggin-social li a i {
    font-size: 18px;
    margin-right: 12px
}

.sign-in-option {
    margin-bottom: 10px;
}

.sign-in-option p {
    color: #aaa5a0;
    margin: 0;
}

.password-wrapper {
    position: relative;
}

.password-wrapper span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 25px;
    top: 21px;
    cursor: pointer;
    color: #aaa5a0;

}

.sign-in-option {
    font-size: 1px;
    display: flex;
    align-items: center;
}

.sign-in-option::before,
.sign-in-option::after {
    flex: 1;
    content: '';
    padding: 1px;
    background-color: #faf8f5;
    margin: 10px;
}

div.log-box ul.loggin-social li a img {
    width: 65%;
    height: auto
}

div.log-box ul.loggin-social li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, .15)
}

div.log-box ul.loggin-social li a:hover {
    opacity: .8
}


div.log-box ul.loggin-social li a.google,
div.log-box ul.loggin-social li a.facebook {
    background-color: #faf8f5;
    background-image: -webkit-linear-gradient(bottom, #F6F6F6, #F6F6F6);
    background-image: linear-gradient(to top, #F6F6F6, #F6F6F6);
    -webkit-box-shadow: -4px 1px 6px -10px #000;
    box-shadow: -4px 1px 6px -10px #000
}

div.log-box ul.loggin-social li a.google>i {
    color: #b9211e
}

div.log-box ul.loggin-social li a.google>span {
    color: #000
}

div.log-box ul.loggin-social li a.facebook>i {
    color: #2d4176
}

div.log-box ul.loggin-social li a.facebook>span {
    color: #000
}

div.log-box ul.loggin-social li a.twitter {
    background-color: #1986cb;
    background-image: -webkit-linear-gradient(bottom, #1986cb, #1da5f9);
    background-image: linear-gradient(to top, #1986cb, #1da5f9)
}

div.log-box form.sign-in {
    margin: 0
}

div.log-box form.sign-in input[type=text]::placeholder div.log-box form.sign-in input[type=password]::placeholder {
    color: #f0ece8;
}

div.log-box form.sign-in input[type=text],
div.log-box form.sign-in input[type=password] {
    display: block;
    width: 100%;
    padding: 13px 20px;
    background: transparent;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    -ms-border-radius: 28;
    border-radius: 1000px;
    outline: 0;
    border: 2px solid #faf8f5 !important;
    color: #000;
    font-size: 18px;
    font-family: open sans, sans-serif;
    margin-bottom: 10px;
    -o-border-radius: 28px;
    padding-right: 50px;
}

div.log-box form.sign-in input[type=text]:focus,
div.log-box form.sign-in input[type=password]:focus {
    outline: 2;
    border: 2px solid #ffdc19 !important;
}

.form-group input::placeholder {
    color: #e1ddd9;
}

div.log-box form.sign-in div.check-box {
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px
}

div.log-box form.sign-in div.check-box input[type=checkbox] {
    width: 17px;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-right: 12px;
    opacity: 0
}

div.log-box form.sign-in div.check-box div.checkbox-cover {
    position: absolute;
    display: block;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #000
}

div.log-box form.sign-in div.check-box div.checkbox-cover:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 6px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

div.log-box form.sign-in div.check-box input[type=checkbox]:checked+div.checkbox-cover:before {
    opacity: 1
}

div.log-box form.sign-in div.check-box p {
    display: inline-block;
    text-transform: uppercase
}

div.log-box form.sign-in input[type=submit] {
    display: block;
    outline: 0;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    border-radius: 1000px;
    border: 1px solid #ffdc19;
    color: #dcaa00;
    font-size: 23px;
    font-family: open sans, sans-serif;
    font-weight: 400;
    background-color: #ffdc19;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -o-border-radius: 1000px;
}

div.log-box form.sign-in input[type=submit]:hover {
    opacity: .9;
    background-color: #f7d200;
    color: #d3a303;
}

div.log-box p.not-member {
    text-align: left;
    margin-bottom: 0;
    overflow: hidden;
    color: #8b909a;
}

div.log-box p.not-member a {
    color: #dcaa00;
    font-weight: 600;
    margin-left: 5px;
    font-weight: 600;
}

div.log-box p.not-member a.forgot-pass {
    float: right;
    color: #000;
    text-transform: initial;
    font-weight: 400;
    text-decoration: underline !important;
}

div.log-box p.not-member a.terms-link {
    margin-left: 5px;
    text-transform: initial;
    text-decoration: underline !important;
    color: #000;
}

div.log-box p.not-member span {
    float: left;
}

div.success-signup {
    text-align: center;
    width: 600px;
    padding: 150px 60px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 10px #e3e3e3;
    -webkit-box-shadow: 0 0 10px #e3e3e3;
    -moz-box-shadow: 0 0 10px #e3e3e3;
    -o-box-shadow: 0 0 10px #e3e3e3
}

div.success-signup h2 {
    color: #653ed0;
    margin-bottom: 60px
}

div.success-signup h1 {
    font-size: 30px
}

div.success-signup a {
    width: 205px;
    padding: 14px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c39818;
    color: #000;
    font-size: 18px;
    font-family: open sans, sans-serif;
    font-weight: 400;
    background-color: #cfa600;
    background-image: -webkit-linear-gradient(bottom, #cfa600, #f9c800);
    background-image: linear-gradient(to top, #cfa600, #f9c800);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin-top: 55px
}

div.success-signup a:hover {
    opacity: .8
}

div.recover-box {
    text-align: center;
    width: 600px;
    padding: 35px 60px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 10px #e3e3e3;
    -webkit-box-shadow: 0 0 10px #e3e3e3;
    -moz-box-shadow: 0 0 10px #e3e3e3;
    -o-box-shadow: 0 0 10px #e3e3e3
}


div.recover-box h1 {
    margin-bottom: 20px
}

div.recover-box p {
    color: #585858;
    font-size: 14px
}

div.recover-box p span {
    font-weight: 600
}

div.recover-box form.sign-in {
    margin: 30px 0 0
}

div.recover-box form.sign-in input[type=text],
div.recover-box form.sign-in input[type=password] {
    display: block;
    width: 100%;
    padding: 17px 20px;
    background: #f6f6f6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    outline: 0;
    border: 1px solid #dfdfdf !important;
    color: #7e7e7e;
    font-size: 18px;
    font-family: open sans, sans-serif;
    margin-bottom: 35px
}

div.recover-box form.sign-in input[type=submit] {
    display: block;
    outline: 0;
    width: 100%;
    padding: 14px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c39818;
    color: #000;
    font-size: 23px;
    font-family: open sans, sans-serif;
    font-weight: 400;
    background-color: #cfa600;
    background-image: -webkit-linear-gradient(bottom, #cfa600, #f9c800);
    background-image: linear-gradient(to top, #cfa600, #f9c800);
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

div.recover-box form.sign-in input[type=submit]:hover {
    opacity: .9
}

div.recover-box p.not-member {
    text-align: left;
    margin-bottom: 0;
    color: #000;
    overflow: hidden
}

div.recover-box p.not-member a {
    text-transform: uppercase;
    color: #2799d2
}

div.recover-box p.not-member a.forgot-pass {
    float: right;
    color: #000;
    text-transform: initial
}

div.recover-box p.not-member span {
    float: right;
    font-weight: 400
}

div.recover-box.reset-password form.sign-in input[type=text],
div.recover-box.reset-password form.sign-in input[type=password] {
    margin-bottom: 15px
}



section.email-confirm-section {
    padding: 60px 0 80px;
    background: #f1f1f1;
    text-align: center
}

section.email-confirm-section .confim-message {
    padding: 45px 40px;
    background: #fce37e;
    border: 1px solid #f9c700;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 100px
}

section.email-confirm-section .confim-message p {
    margin-bottom: 0
}

section.email-confirm-section .confirm-static-text h1 {
    font-size: 50px;
    color: #4a20d2
}

section.email-confirm-section .confirm-static-text p {
    font-size: 17px;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px
}

section.email-confirm-section .confirm-static-text p:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    background: #4a20d2
}

section.email-confirm-section .confirm-static-text blockquote {
    max-width: 900px;
    margin: 0 auto;
    color: #8b8b8b;
    font-size: 27px;
    font-style: italic;
    line-height: 40px
}

section.email-confirm-section .confirm-static-text blockquote span {
    font-weight: 600
}

section.green-banner-section {
    padding: 80px 0 100px;
    text-align: center;
    background: #32c896
}

section.green-banner-section p {
    font-style: italic;
    margin-bottom: 25px
}

section.green-banner-section a {
    padding: 25px 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c39818;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    background-color: #cfa600;
    background-image: -webkit-linear-gradient(bottom, #cfa600, #f9c800);
    background-image: linear-gradient(to top, #cfa600, #f9c800);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.green-banner-section a:hover {
    opacity: .7
}


div.admin-bar-line {
    padding: 24px 0 18px;
    background: #f1f1f1
}

div.admin-bar-line > .container {
    padding-left: 30px !important;
    padding-right: 15px !important;
}

div.admin-bar-line span {
    display: inline-block;
    margin: 0;
    color: #656565;
    font-size: 14px;
    font-family: "Inter", sans-serif
}



.profile-box-container {
    border: 1px solid #faf8f5;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.profile-box-container .profile-box {
    border-bottom: 1px solid #faf8f5;
}

.profile-box-container .profile-box:last-child {
    border-bottom: none;
}

.profile-area-section .profile-form {
    width: 100%;
    max-width: 1200px;
}

/* portfolio */
.profile-portfolio {
    display: grid;
    gap: 30px;
    align-items: center;
    grid-template-areas:
        "profile-thumbnail profile-middle profile-end"
    ;
}

.profile-middle {
    display: flex;
    gap: 60px;
    justify-self: center;
}

.profile-middle h2 {
    font-size: 36px;
}

.profile-middle p {
    font-size: 16px;
    color: #aaa5a0;
}

.profile-end,
.profile-last {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-self: end;
    font-size: 16px;
}

.profile-end p {
    font-size: 16px;
    color: #dcaa00;
    margin-bottom: 0px;
}

.profile-last p {
    font-size: 16px;
    color: #aaa5a0;
    margin-bottom: 0px;
}

.portfolio-items {
    padding-top: 40px;
}


/* portfolio */
.profile-area-section .download-item {
    margin-bottom: 30px;
}

.profile-area-section .download-item figure {
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow: hidden;
}

.profile-area-section .download-item figure>img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    width: 100%;
    height: auto;
}

.profile-area-section .download-item .side-content h2 {
    padding: 14px 0 0;
    margin-bottom: 0;
}

.profile-area-section .download-item .side-content h2 a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.profile-area-section .download-item .side-content p {
    color: #aaa5a0;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    white-space: nowrap;
    gap: 3px;
}

.profile-area-section .download-item .side-content p>a {
    color: #aaa5a0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.profile-area-section .download-item .side-content .download-button {
    color: #dcaa00;
    font-size: 16px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 5px;
}

.profile-area-section .download-item .side-content .download-button i {
    margin-right: 10px;
}

.profile-area-section .download-item .side-content .downloaded-date-time {
    color: #aaa5a0;
    font-size: 12px;
    line-height: 1.5;
}

.profile-area-section .download-item .side-content .customize-button {
    margin-left: 10px;
}

.profile-area-section .download-item .side-content .customize-button i {
    margin-right: 5px;
}

section.profile-area-section {
    padding: 60px 0;
    background: #f1f1f1;
    border-bottom: 1px solid #faf8f5
}

section.profile-area-section .items-box .item-post {
    width: 100%;
    margin-bottom: 30px
}


.profile-box .profile-image-holder {
    padding: 35px 0;
}

.profile-box .profile-image-holder .profile-thumbnail {
    display: flex;
    align-items: center;
}

.profile-thumbnail {
    grid-area: profile-thumbnail;
}

.profile-middle {
    grid-area: profile-middle;
}

.profile-end {
    grid-area: profile-end;
}


.profile-box .profile-image-holder .profile-thumbnail img {
    width: 90px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.profile-box .profile-image-holder .profile-thumbnail .file-upload {
    display: none;
    position: relative;
    left: -35px;
    top: -27px;
    width: 43px
}

.profile-box .profile-image-holder .profile-thumbnail .file-upload i {
    color: #000;
    font-size: 14px;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.profile-box .profile-image-holder .profile-thumbnail .file-upload input[type=file] {
    height: 40px;
    position: relative;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.customization-box input[type=submit]:hover,
.profile-box .profile-image-holder .profile-thumbnail .file-upload input[type=file]:hover+i,
.profile-box .profile-info a:hover,
.profile-box .profile-info input[type=submit]:hover {
    opacity: .7
}

.profile-box .profile-image-holder span {
    color: #000;
    font-size: 30px;
    margin: 0;
    margin-left: 30px
}

.profile-box .profile-image-holder>.profile-last span {
    font-size: 16px;
    margin: 0;
    margin-left: 0px
}

.profile-box .profile-image-holder h2 {
    margin-bottom: 0px;
}

.profile-box .profile-info {
    padding-top: 30px;
    overflow: hidden;
}

.profile-info-list {
    list-style: none;
}

.profile-box .profile-info ul.profile-info-list {}

.profile-box .profile-info ul.profile-info-list li {
    /* display: block; */
    margin-bottom: 0
}

.profile-box .profile-info ul.profile-info-list li span {
    display: inline-block;
    color: #000;
    font-size: 16px;
    margin: 0;
    line-height: 36px;
    white-space: wrap;
    word-break: break-word;
}

.profile-box .profile-info ul.profile-info-list li span.info-name {
    color: #aaa5a0;
    font-size: 16px;
    min-width: 150px
}

.profile-box .profile-info ul.profile-info-list li input[type=text],
.profile-box .profile-info ul.profile-info-list li input[type=password] {
    display: none;
    width: 275px;
    padding: 4px 15px;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    outline: 0;
    border: 1px solid #000 !important;
    color: #989898;
    font-size: 16px;
    margin: -4px 0 0
}

.profile-box .profile-info ul.profile-info-list li input[type=url] {
    background: transparent;
    color: #000;
    font-size: 16px;
    border: none;

}

.profile-box .profile-info ul.profile-info-list li select {
    display: none;
    width: 275px;
    padding: 4px 15px;
    background: #fff;
    outline: 0;
    border: 1px solid #000 !important;
    color: #989898;
    font-size: 16px;
    margin: -4px 0 0;
    border-radius: 0;
    -webkit-appearance: none;
}

.profile-box .profile-info ul.profile-info-list li input[type=text]:focus,
.profile-box .profile-info ul.profile-info-list li input[type=password] {
    background: #fdf1be
}

.profile-box .profile-info ul.profile-info-list li:last-child {
    margin-bottom: 0
}

.profile-box .profile-info input[type=submit] {
    display: none;
    outline: 0;
    padding: 4px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background: #dc232d;
    margin-bottom: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin-left: 150px
}

.pagination-list li a,
.pagination-list li.disabled {
    min-width: 80px;
    padding: 8px 2px;
    text-align: center
}

.profile-box .profile-info a {
    float: right;
    color: #aaa5a0;
    text-decoration: underline !important;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

.profile-box .pending-stats {
    padding: 0 15px;
    line-height: 44px
}

.profile-box .pending-stats>span {
    color: #000;
    font-weight: 600;
    min-width: 150px;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 44px
}

.profile-box .pending-stats>p>span {
    float: right
}

.profile-box .pending-stats>ul {
    display: flex;
    padding-left: 0;
    margin-top: -20px
}

.profile-box .pending-stats>ul>li {
    list-style: none;
    color: #969696;
    font-size: 14px
}

.profile-box .pending-stats>ul>li::after {
    content: '/'
}

.profile-box .pending-stats>ul>li:last-child::after {
    content: ''
}


.pagination-list {
    text-align: center;
    margin-top: 40px
}

.pagination-list li {
    margin-right: -4px
}

.pagination-list li a {
    background: #fff;
    border: 1px solid #888;
    border-right: none;
    color: #000;
    font-size: 16px
}

.pagination-list li a:hover {
    background: #fdf1be
}

.pagination-list li a.active {
    color: #989898;
    border: 1px solid #cbcbcb;
    border-right: none
}

.pagination-list li a.next i,
.pagination-list li a.prev i {
    font-size: 13px
}

.pagination-list li a.next.disable,
.pagination-list li a.prev.disable {
    width: 100px;
    color: #989898;
    border: 1px solid #cbcbcb;
    border-right: none
}

.pagination-list li a.next.disable {
    border-right: 1px solid #cbcbcb
}

.pagination-list li.disabled {
    background: #fff;
    border: 1px solid #888;
    border-right: none;
    color: #000;
    font-size: 16px
}

.pagination-list li:last-child a {
    border-right: 1px solid #000
}


.customization-box h1 {
    text-align: center;
    margin-bottom: 20px
}

.customization-box .field-area {
    margin-bottom: 40px
}

.customization-box label {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px
}

.customization-box label span {
    color: #dc0000
}

.customization-box input[type=text],
.customization-box select,
.customization-box textarea {
    padding: 8px 20px;
    background: #fff;
    color: #989898;
    margin: 0 0 4px;
    width: 100%;
    font-size: 16px;
    outline: 0
}

.customization-box input[type=text],
.customization-box textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #000 !important
}

.customization-box textarea {
    height: 165px
}

.customization-box select {
    border: 1px solid #000 !important;
    border-radius: 0;
    -webkit-appearance: none
}

.customization-box option {
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none
}

.customization-box input[type=text]:focus,
.customization-box textarea:focus {
    background: #fdf1be
}

.customization-box input[type=submit] {
    outline: 0;
    padding: 10px 15px;
    width: 210px;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background-color: #353535;
    background-image: -webkit-linear-gradient(bottom, #353535, #3d3d3d);
    background-image: linear-gradient(to top, #353535, #3d3d3d);
    margin: 0 auto;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.customization-box p {
    text-align: right;
    font-size: 13px;
    margin-bottom: 0
}

.customization-box .deadline-area {
    position: relative;
    background: #fff;
    margin-bottom: 4px
}

.customization-box .deadline-area span {
    position: absolute;
    text-align: center;
    top: 1px;
    left: 1px;
    width: 77px;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    color: #7e7e7e;
    background: #fdf1be;
    border-right: 1px solid #000
}

.customization-box .deadline-area input[type=text] {
    padding-left: 87px;
    margin-bottom: 0;
    background: 0 0;
    position: relative;
    z-index: 2
}

.customization-box .upload-area {
    position: relative;
    width: 100%;
    height: 45px;
    border: 1px solid #000;
    background: #e4e4e4
}

.customization-box .upload-area input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    opacity: 0
}

section.contact-section a:hover,
section.contact-section input[type=submit]:hover,
section.how-works-section a:hover,
section.services-banner-section a:hover,
section.single-item-section .single-item-box .item-content .preview-holder .unimg-line>a:hover {
    opacity: .7
}

.customization-box .upload-area span {
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #7e7e7e
}

.customization-box .upload-area span i {
    font-size: 18px;
    margin-right: 8px
}

.customization-box .success-submission {
    padding: 50px;
    background: #fce37e;
    text-align: center;
    border: 1px solid #f9c700;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

section.contact-section,
section.text-section {
    background: #f1f1f1;
    border-bottom: 1px solid #989898
}

.customization-box .success-submission h2 {
    font-size: 16px;
    margin-bottom: 6px
}

.customization-box .success-submission p {
    color: #656565;
    margin-bottom: 0;
    text-align: center
}

section.text-section {
    padding: 90px 0 60px
}

section.text-section .article-box {
    margin: 0 auto 40px;
    max-width: 940px
}

section.text-section .article-box h1 {
    font-size: 60px;
    margin-bottom: 15px
}

section.text-section .article-box span.published-date {
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    color: #656565;
    margin: 0 0 45px
}

section.text-section .article-box p {
    color: #656565;
    margin-bottom: 20px
}

section.text-section .article-box p span {
    font-weight: 700
}

section.text-section .article-box p a {
    color: #656565;
    font-weight: 300
}

section.text-section .article-box h2 {
    color: #656565;
    font-weight: 700;
    text-transform: uppercase
}

section.text-section .article-box h3 {
    color: #656565;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px
}

section.contact-section {
    padding: 70px 0 140px;
    border-top: 1px solid #fff
}

section.contact-section h2 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px
}

section.contact-section .field-area {
    margin-bottom: 40px
}

section.contact-section label {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 5px
}

section.contact-section a,
section.contact-section input[type=submit],
section.contact-section span {
    font-size: 16px;
    font-family: "Inter", sans-serif
}

section.contact-section label span {
    color: #dc0000
}

section.contact-section input[type=text],
section.contact-section textarea {
    width: 100%;
    padding: 8px 20px;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    outline: 0;
    border: none;
    color: #989898;
    font-size: 16px;
    margin: 0 0 4px
}

section.contact-section textarea {
    height: 286px
}

section.contact-section input[type=submit] {
    outline: 0;
    padding: 10px 15px;
    width: 210px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333;
    color: #fff;
    font-weight: 400;
    background-color: #353535;
    background-image: -webkit-linear-gradient(bottom, #353535, #3d3d3d);
    background-image: linear-gradient(to top, #353535, #3d3d3d);
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.contact-section span {
    display: inline-block;
    color: #000;
    margin: 0
}

section.contact-section a {
    color: #0099c3
}

section.freepiker-section {
    background: #000
}

section.freepiker-section div.image-holder {
    position: relative
}

section.freepiker-section div.image-holder img {
    width: 100%;
    height: auto
}

section.freepiker-section div.image-holder:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=) top;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, #000)) top;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), #000) top;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000) top;
    background: linear-gradient(rgba(0, 0, 0, 0), #000) top
}

section.freepiker-section .freepiker-text-box {
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 100%
}

section.freepiker-section .freepiker-text-box a.center-logo {
    margin-bottom: 10px
}

section.freepiker-section .freepiker-text-box a.center-logo img {
    max-width: 100%;
    height: auto
}

section.freepiker-section .freepiker-text-box h1 {
    font-size: 36px;
    color: #fff;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 50px;
    line-height: 60px
}

section.freepiker-section .freepiker-text-box a.go-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    color: #000;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

section.services-section {
    padding: 100px 0;
    background: #000
}

section.services-section .services-box .services-post {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding: 50px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-align: center;
    margin-bottom: 60px;
    min-height: 460px
}

section.how-works-section a,
section.services-banner-section a {
    transition: all .2s ease-in-out;
    font-family: "Inter", sans-serif
}

section.services-section .services-box .services-post img {
    margin-bottom: 35px
}

section.services-section .services-box .services-post h2 {
    position: relative;
    font-size: 30px;
    font-style: italic;
    padding-bottom: 28px;
    margin-bottom: 25px;
    color: #787878
}

section.services-section .services-box .services-post h2 a {
    color: #000
}

section.services-section .services-box .services-post h2 a:hover {
    color: #1d0463
}

section.services-section .services-box .services-post h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 3px;
    background: #000;
    margin-left: -20px
}

section.services-section .services-box .services-post p {
    font-size: 18px;
    color: #787878
}

section.services-section .services-box .services-post:hover {
    background: #f9c700
}

section.services-section .services-box .about-freepiker-img {
    width: 100%;
    text-align: center
}

section.services-section .services-box .line {
    border-top: 1px solid #262626;
    display: block;
    width: 100%;
    margin-top: 93px;
    height: 40px
}

section.services-section .services-box .paragrap>p {
    padding-top: 30px;
    color: #8c8c8c;
    font-size: 21.33px;
    line-height: 36px;
    max-width: 745px;
    margin: 0 auto;
    text-align: left
}

section.services-section .services-box .paragrap>p:nth-child(2) {
    color: #fff;
    margin-bottom: 70px
}

section.services-section .services-box .paragrap>p>img {
    width: 192px;
    margin-top: 20px
}

section.services-banner-section {
    padding: 100px 0 130px;
    background: #252525;
    text-align: center
}

section.services-banner-section a {
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 18px 10px;
    min-width: 360px;
    margin-bottom: 78px;
    background-image: -webkit-linear-gradient(to right, #64b4ff, #7171d0);
    background-image: linear-gradient(to right, #64b4ff, #7171d0);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.services-banner-section p {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 80px;
    color: #4d4d4d;
    font-weight: lighter
}

section.becontributor-page-section {
    padding: 90px 0;
    text-align: center;
    background: url(../img/page-ban.jpg)
}

section.becontributor-page-section h1 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 50px
}

section.becontributor-page-section p {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    padding-bottom: 26px;
    margin-bottom: 0;
    position: relative
}

section.becontributor-page-section p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 4px;
    background: #fff
}

section.agreement-section {
    padding: 110px 0 80px
}

section.agreement-section .title-section {
    text-align: center
}

section.agreement-section .title-section h1 {
    font-size: 30px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 15px
}

section.agreement-section .agreement-charts {
    max-width: 260px;
    padding-top: 40px;
    margin: 0 auto
}

section.agreement-section .chart-box {
    position: relative
}

section.agreement-section .chart-box .freepiker-fee {
    float: right;
    width: 200px;
    padding-top: 140px;
    text-align: right
}

section.agreement-section .chart-box .freepiker-fee h2 {
    color: #585858;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    margin: 5px 0;
    line-height: 24px
}

section.agreement-section .chart-box .freepiker-fee span {
    float: right;
    display: inline-block;
    width: 88px;
    padding: 15px 0;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    background: #e4e4e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-left: 20px;
    position: relative
}

section.agreement-section .chart-box .freepiker-fee span:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -18px;
    width: 0;
    height: 0;
    border: 9px solid #e4e4e4;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

section.agreement-section .chart-box .contributor-revenue {
    width: 210px;
    padding-top: 140px;
    text-align: left
}

section.agreement-section .chart-box .contributor-revenue h2 {
    color: #585858;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    margin: 5px 0;
    line-height: 24px
}

section.agreement-section .chart-box .contributor-revenue span {
    float: left;
    display: inline-block;
    width: 88px;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background: #5ab93c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-right: 20px;
    position: relative
}

section.agreement-section .chart-box .contributor-revenue span:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -18px;
    width: 0;
    height: 0;
    border: 9px solid #5ab93c;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent
}

section.how-works-section {
    padding: 100px 0;
    background: #32c896
}

section.how-works-section .title-section {
    text-align: center;
    margin-bottom: 70px
}

section.how-works-section .title-section h1 {
    color: #fff;
    font-size: 30px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 15px
}

section.how-works-section .title-section p {
    color: #fff
}

section.how-works-section .how-works-box {
    max-width: 800px;
    margin: 0 auto
}

section.how-works-section .work-point {
    text-align: center;
    margin-bottom: 50px
}

section.how-works-section .work-point .icon-holder {
    position: relative;
    margin-bottom: 15px
}

section.how-works-section .work-point .icon-holder span {
    position: absolute;
    top: 0;
    left: 20px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    line-height: 20px;
    font-family: "Inter", sans-serif
}

section.how-works-section .work-point .icon-holder span.sp-c1 {
    background: #d60029
}

section.how-works-section .work-point .icon-holder span.sp-c2 {
    background: #6e0084
}

section.how-works-section .work-point .icon-holder span.sp-c3 {
    background: #004fdb;
    left: 0
}

section.how-works-section .work-point .icon-holder span.sp-c4 {
    background: #008200
}

section.how-works-section .work-point .icon-holder img {
    max-width: 100%;
    height: auto
}

section.how-works-section .work-point h2 {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px
}

section.how-works-section .center-button {
    padding-top: 40px
}

section.how-works-section a {
    padding: 25px 60px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c39818;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    background-color: #cfa600;
    background-image: -webkit-linear-gradient(bottom, #cfa600, #f9c800);
    background-image: linear-gradient(to top, #cfa600, #f9c800);
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.single-item-section {
    padding: 70px 0;
    background: #f1f1f1
}

section.single-item-section .container {
    max-width: 1340px;
}

section.single-item-section .single-item-box .item-title {
    margin-bottom: 35px
}

section.single-item-section .single-item-box .item-title h1 {
    font-size: 35px
}

section.single-item-section .single-item-box .item-title h1 span {
    color: #a5a5a5
}

section.single-item-section .single-item-box .item-title>span {
    display: inline-block;
    color: #7e7e7e;
    font-size: 16px;
    margin: 0
}

section.single-item-section .single-item-box .item-title>span a {
    color: #000
}

section.single-item-section .single-item-box .item-title>span a:hover {
    text-decoration: underline !important
}

section.single-item-section .single-item-box .item-content {
    margin-bottom: 40px
}

section.single-item-section .single-item-box .item-content .preview-holder {
    position: relative;
    background: #fff;
    padding: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1;
    margin-bottom: 45px
}

section.single-item-section .single-item-box .item-content .preview-holder img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line {
    overflow: hidden
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line>a {
    float: left;
    color: #00a5ce;
    font-size: 16px;
    line-height: 34px
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line a.review-mode-button {
    color: #000;
    font-size: 16px;
    padding: 0 15px;
    text-align: center;
    border: 1.4px solid #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-left: 12px
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line a.review-mode-button:hover {
    background: #1d0463;
    border-color: #1d0463;
    color: #fff;
    opacity: 1
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network {
    float: right
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network span {
    display: inline-block;
    color: #000;
    font-size: 16px;
    margin-right: 15px
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list {
    display: inline-block
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li {
    margin-left: -3px
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #000;
    font-size: 16px;
    text-align: center;
    background: #f1f1f1
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li a:hover {
    background: #dc2823;
    color: #fff
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li a.facebook:hover {
    background: #395093
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li a.twitter:hover {
    background: #1ea6fa
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li a.pinterest:hover {
    background: #bd081c
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li:first-child a {
    -webkit-border-top-left-radius: 16px;
    -moz-border-top-left-radius: 16px;
    -o-border-top-left-radius: 16px;
    border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-bottom-left-radius: 16px;
    -o-border-bottom-left-radius: 16px;
    border-bottom-left-radius: 16px
}

section.single-item-section .single-item-box .item-content .preview-holder .unimg-line .social-network ul.share-list li:last-child a {
    -webkit-border-top-right-radius: 16px;
    -moz-border-top-right-radius: 16px;
    -o-border-top-right-radius: 16px;
    border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-bottom-right-radius: 16px;
    -o-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px
}

section.single-item-section .single-item-box .item-content .preview-holder a.not-logged-link {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 125px;
    padding: 10px 10px 10px 20px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

section.single-item-section .single-item-box .item-content .preview-holder a.not-logged-link i {
    float: left;
    font-size: 40px;
    margin-right: 8px
}

section.single-item-section .single-item-box .item-content .preview-holder a.not-logged-link span {
    line-height: 20px;
    letter-spacing: -.2px
}

section.single-item-section .single-item-box .item-content .text-content h1,
section.single-item-section .single-item-box .item-content .text-content h2,
section.single-item-section .single-item-box .item-content .text-content h3,
section.single-item-section .single-item-box .item-content .text-content h4 {
    font-size: 18px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #989898;
    font-family: "Inter", sans-serif
}

section.single-item-section .single-item-box .item-content .text-content h1 {
    font-size: 40px
}

section.single-item-section .single-item-box .item-content .text-content h3 {
    font-size: 17px
}

section.single-item-section .single-item-box .item-content .text-content h4 {
    font-size: 15px
}

section.single-item-section .single-item-box .item-content .text-content p {
    margin-bottom: 35px
}

section.single-item-section .single-item-box .item-content .text-content ol,
section.single-item-section .single-item-box .item-content .text-content ul {
    padding-left: 16px;
    margin-bottom: 35px
}

section.single-item-section .single-item-box .item-content .text-content ol li,
section.single-item-section .single-item-box .item-content .text-content ul li {
    font-size: 15px;
    color: #000;
    margin-bottom: 4px
}

section.single-item-section .single-item-box .item-sidebar .sidebar-widget {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1;
    margin-bottom: 32px
}

section.single-item-section .single-item-box .item-sidebar .download-widget {
    overflow: hidden
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm {
    margin-bottom: 25px
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm .fav-box {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
    border-right: 2px solid #bebebe;
    color: #000;
    font-size: 12px;
    font-family: "Inter", sans-serif
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm .fav-box p {
    font-size: 12px;
    margin: 0;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm .fav-box p span {
    display: block;
    font-size: 18px
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button {
    position: relative;
    float: left;
    font-size: 33px;
    margin-left: 20px;
    margin-right: 7px;
    text-align: center;
    margin-top: -3px
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button .devtooltip {
    position: absolute;
    font-weight: 700;
    font-size: 8px;
    min-width: 80px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    color: #fff;
    text-align: center !important;
    padding: 5px 0;
    z-index: 1;
    bottom: -20px;
    left: 50%;
    margin-left: -40px;
    line-height: 10px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button .devtooltip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button:hover .devtooltip {
    visibility: visible;
    opacity: 1;
    bottom: -20px
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button:before {
    content: '\f08a';
    font-family: FontAwesome;
    color: #dc2823;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button.active:before {
    content: '\f004';
    font-family: FontAwesome;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button:hover:before {
    content: '\f004';
    font-family: FontAwesome
}

section.single-item-section .single-item-box .item-sidebar .download-widget .fav-comm a.favourite-button.active:hover:before {
    content: '\f08a';
    font-family: FontAwesome;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.comment-button {
    width: 50%;
    text-align: center
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.comment-button i {
    float: left;
    font-size: 33px;
    margin-left: 30px;
    margin-right: 7px;
    padding-top: 3px;
    color: #00a5ce
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.comment-button p {
    color: #000;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.comment-button p span {
    display: block;
    font-size: 18px
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button {
    width: 100%;
    padding: 30px 35px 30px 40px;
    color: #fff;
    border: 1px solid #77a45e;
    background-color: #63ad3b;
    background-image: -webkit-linear-gradient(bottom, #63ad3b, #71c644);
    background-image: linear-gradient(to top, #63ad3b, #71c644);
    position: relative;
    margin-bottom: 16px;
    font-family: "Inter", sans-serif
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button-golden {
    width: 100%;
    padding: 30px 35px 30px 40px;
    color: #fff;
    border: 1px solid #f5911e;
    background-color: #ffb900;
    background-image: -webkit-linear-gradient(bottom, #fa9b3c, #ffb900);
    background-image: linear-gradient(to top, #fa9b3c, #ffb900);
    position: relative;
    margin-bottom: 16px;
    font-family: "Inter", sans-serif
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button>i {
    float: left;
    font-size: 42px;
    margin-right: 8px;
    padding-top: 3px
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.main-D {
    font-size: 18px;
    margin-bottom: 3px;
    margin-top: -3px;
    line-height: 1;
    font-weight: 700;
    display: block
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.time-D {
    display: inline-block;
    font-size: 11px;
    color: #afdc6e;
    padding: 3px 8px;
    background: rgba(0, 0, 0, .2);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    margin-top: 3px
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button-golden span.time-D {
    color: #ffcd55
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.time-D span {
    color: #fff;
    font-weight: 700
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.not-logged-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px 12px 12px 5px;
    overflow: hidden
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.not-logged-icon i {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 28px;
    color: #00b9be;
    text-align: center;
    font-size: 16px
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.not-logged-icon:before {
    content: '';
    position: absolute;
    top: 12px;
    left: -18px;
    width: 80px;
    height: 10px;
    background: #e9e9e9;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.tooltip {
    position: absolute;
    font-weight: 700;
    font-size: 8px;
    min-width: 165px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    color: #fff;
    text-align: center !important;
    padding: 5px 0;
    z-index: 1;
    bottom: -6px;
    left: 50%;
    margin-left: -83px;
    line-height: 14px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button span.tooltip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button:hover {
    background-color: #71c644;
    background-image: -webkit-linear-gradient(bottom, #71c644, #63ad3b);
    background-image: linear-gradient(to top, #71c644, #63ad3b)
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button-golden:hover {
    background-color: #ffb900;
    background-image: -webkit-linear-gradient(bottom, #ffb900, #fa9b3c);
    background-image: linear-gradient(to top, #ffb900, #fa9b3c)
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button:hover span.tooltip {
    visibility: visible;
    opacity: 1
}

section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.copyright-link:hover,
section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.delete-item:hover,
section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.edit-item:hover {
    opacity: .7
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 1px;
    background: #81ca4f
}

section.single-item-section .single-item-box .item-sidebar .download-widget a.download-button-golden:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 1px;
    background: #ffc81e
}

section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.edit-item {
    color: #64c84a;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600
}

section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.delete-item {
    color: #dc2823;
    font-size: 15px;
    text-transform: initial;
    font-weight: 400;
    margin-left: 8px;
    padding-left: 15px;
    position: relative
}

section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.delete-item:before {
    content: '|';
    color: #454545;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: -2px;
    left: -2px
}

section.single-item-section .single-item-box .item-sidebar .download-widget .edit-copylink a.copyright-link {
    float: right;
    color: #00a5ce;
    font-size: 13px;
    outline: 0;
    box-shadow: none
}

section.single-item-section .single-item-box .item-sidebar .licence-widget {
    background: #f6f6f6
}

section.single-item-section .single-item-box .item-sidebar .licence-widget ul.licence-list {
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #989898
}

section.single-item-section .single-item-box .item-sidebar .licence-widget ul.licence-list li {
    display: block;
    color: #656565;
    font-size: 16px;
    margin-bottom: 20px
}

section.single-item-section .single-item-box .item-sidebar .licence-widget ul.licence-list li span.static-text {
    display: inline-block;
    width: 126px;
    color: #000;
    font-weight: 600
}

section.single-item-section .single-item-box .item-sidebar .licence-widget .author-owner span {
    display: inline-block;
    margin-right: 8px;
    color: #000;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

section.single-item-section .single-item-box .item-sidebar .licence-widget .author-owner img {
    max-width: 90px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

section.single-item-section .single-item-box .item-sidebar .tags-widget ul.tags-list li {
    margin-bottom: 5px;
    margin-right: 2px
}

section.single-item-section .single-item-box .item-sidebar .tags-widget ul.tags-list a {
    color: #fff;
    font-size: 14px;
    padding: 2px 7px;
    background: #b1b1b1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

section.single-item-section .single-item-box .item-sidebar .tags-widget ul.tags-list a:hover {
    background: #7e7e7e
}

section.single-item-section .modal-dialog {
    width: 1140px;
    max-width: 100%;
    margin: 100px auto 30px
}

section.single-item-section .modal-content {
    background: #fce37e;
    border: 1px solid #f9c700;
    box-shadow: none
}

section.single-item-section .modal-body {
    padding: 50px 60px
}

section.single-item-section .modal-body h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-right: 220px
}

section.single-item-section .modal-body p {
    margin-bottom: 0;
    margin-right: 220px
}

section.single-item-section .modal-body a.button-default {
    position: absolute;
    top: 80px;
    right: 70px;
    min-width: 190px;
    color: #fff
}

section.similar-section {
    background: #fff;
    padding-bottom: 20px
}

section.similar-section .container {
    max-width: 1340px;
}

section.similar-section .title {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 20px
}

section.similar-section .title span {
    display: inline-block;
    color: #000;
    font-size: 18px;
    padding: 14px 5px;
    min-width: 300px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px
}

section.similar-section .item-post {
    margin-bottom: 30px
}

section.similar-section .center-area {
    text-align: center;
    margin-top: 40px
}

.comments-box {
    background: #fff;
    padding: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1;
    margin-bottom: 12px
}

.comments-box h2 {
    font-size: 25px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #000
}

.comments-box h2 a {
    float: right;
    color: #00a4c0;
    font-size: 15px;
    font-weight: 400
}

.comments-box h2 a i {
    font-size: 17px;
    margin-right: 10px
}

.comments-box h2 a:hover {
    opacity: .8
}

.comment-area-box form.comment-form input[type=submit]:hover,
.comments-box ul.comments-list li .comment-content>p a:hover {
    opacity: .7
}

.comments-box ul.comments-list li {
    display: block;
    margin-bottom: 15px
}

.comments-box ul.comments-list li .comment-content {
    padding: 25px 25px 10px;
    overflow: hidden;
    background: #f6f6f6
}

.comments-box ul.comments-list li .comment-content .comm-profile {
    float: left;
    min-width: 100px;
    text-align: center
}

.comments-box ul.comments-list li .comment-content .comm-profile img {
    display: block;
    width: 60px;
    height: auto;
    margin: 0 auto 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.comments-box ul.comments-list li .comment-content .comm-profile a {
    color: #00a4c0;
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.comments-box ul.comments-list li .comment-content .comm-text {
    margin-left: 135px
}

.comments-box ul.comments-list li .comment-content .comm-text p {
    color: #585858;
    margin-top: 15px;
    font-size: 14px
}

.comments-box ul.comments-list li .comment-content .comm-text span.staff-comment {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 7px;
    background: #48bf30;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.comments-box ul.comments-list li .comment-content>p {
    text-align: right;
    font-size: 12px;
    clear: both;
    margin-bottom: 0;
    margin-top: -6px
}

.comments-box ul.comments-list li .comment-content>p a {
    color: #00a4c0;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 12px
}

.comments-box ul.comments-list li ul.comment-reply-depth li {
    margin-bottom: 0
}

.comments-box ul.comments-list li ul.comment-reply-depth li {
    border-top: 1px solid #cbcbcb
}

.comments-box ul.comments-list li ul.comment-reply-depth li:last-child {
    border-bottom: none
}

.contributor-edit-box {
    background: #fff;
    padding: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1;
    margin-bottom: 12px
}

.contributor-edit-box h2 {
    font-size: 25px
}

.contributor-edit-box .pending {
    color: #b4b4b4;
    font-size: 21px;
    font-weight: 300;
    margin: 0 10px
}

.contributor-edit-box .pending i {
    margin-right: 6px
}

.contributor-edit-box .active {
    color: #78c300;
    font-size: 21px;
    font-weight: 300;
    margin: 0 10px
}

.contributor-edit-box .active i {
    margin-right: 6px
}

.contributor-edit-box .since {
    color: #b4b4b4;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px
}

.comment-area-box {
    background: #fff;
    padding: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1;
    margin-bottom: 60px
}

.comment-area-box h2 {
    font-size: 25px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000
}

.comment-area-box p.not-logged-user {
    color: #585858;
    padding: 25px 35px;
    background: #f6f6f6;
    border: 1px solid #cbcbcb;
    margin-bottom: 0
}

.comment-area-box p.not-logged-user a {
    font-weight: 600;
    color: #009dc3
}

.comment-area-box form.comment-form {
    margin: 0
}

.comment-area-box form.comment-form textarea {
    display: block;
    width: 100%;
    color: #585858;
    font-size: 16px;
    font-weight: 400;
    padding: 25px 35px;
    background: #f6f6f6;
    border: 1px solid #cbcbcb;
    margin-bottom: 20px;
    outline: 0;
    height: 80px
}

/* section.page-ban-section h1 span,
section.page-ban-section2 h1 span {
    font-weight: 600
} */

.comment-area-box form.comment-form input[type=submit] {
    color: #fff;
    font-size: 16px;
    padding: 12px 46px;
    background: #190452;
    background-image: -webkit-linear-gradient(bottom, #190452, #1E0564);
    background-image: linear-gradient(to top, #190452, #1E0564);
    border: 1px solid #18044f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0
}

section.page-ban-section {
    padding: 16px 0;
}

section .page-ban-section-result {
    display: grid;
    grid-template-columns: 220px 1fr;
}

section .page-ban-section-result h1 {
    padding-left: 40px;
    text-align: left !important;
    max-width: 1250px;
    margin: 0 auto;
}

section.page-ban-section h1 {
    text-align: center;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
}

section.page-ban-section2 {
    padding: 44px 0 40px;
    background: url(../img/ban2.jpg)
}

section.page-ban-section2 h1 {
    text-align: center;
    margin-bottom: 0;
    font-size: 21px
}

section.page-ban-section2 form.search-form {
    max-width: 500px;
    margin: 0 auto 22px;
    -webkit-box-shadow: 2px 8px 6px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 2px 8px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 2px 8px 6px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

section.page-ban-section2 form.search-form input[type=search] {
    padding: 13px 18px;
    border: 1px solid transparent;
    width: 100%;
    outline: 0;
    color: #989898;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin: 0
}

section.page-ban-section2 form.search-form button {
    width: 60px;
    height: 48px;
    float: right;
    margin: -49px 0 0;
    position: relative;
    text-align: center;
    line-height: 52px;
    z-index: 2;
    border: 1px solid #c20d1e;
    outline: #a00918 solid 1px;
    background-color: #be0b1e;
    background-image: -webkit-linear-gradient(bottom, #be0b1e, #f4293c);
    background-image: linear-gradient(to top, #be0b1e, #f4293c)
}

section.page-ban-section2 form.search-form button:before {
    content: '';
    position: absolute;
    width: 58px;
    top: 0;
    left: 0;
    height: 1px;
    background: #f34
}

section.page-ban-section2 form.search-form button i {
    color: #fff;
    font-size: 30px
}

.main-grid-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
}

.main-grid-layout .left-side-menu {
    border-right: 1px solid #f0ece8;
    padding-top: 85px;
}

.main-grid-layout .left-side-menu ul {
    padding: 0;
}

.back>a {
    color: #aaa5a0;
    padding: 5px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.back>a:hover {
    color: #000000;
}

.main-grid-layout .right-side-content {
    padding: 80px 40px;
    max-width: 1250px;
    width: 100%;
    margin: 0 auto !important;
}

.main-grid-layout .top-filter {
    display: grid;
    grid-template-columns: 1fr auto;
    border-bottom: 1px solid #f0ece8;
    margin-bottom: 37px;
}

.main-grid-layout .top-filter .search-input {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    padding-right: 30px;
}

.main-grid-layout .top-filter .search-input button {
    background: transparent;
    border: none;
}

.main-grid-layout .top-filter .search-input button img {
    width: 24px;
    height: 24px;
}

.main-grid-layout .top-filter .search-input input {
    background: transparent;
    width: 100%;
    line-height: 36px;
    color: #000;
    border: none;
    font-size: 16px;
}

.main-grid-layout .top-filter .search-input input:focus {
    outline: none;
    box-shadow: none;
}

.main-grid-layout .top-filter .search-input input::placeholder {
    color: #aaa5a0;
}

@media (max-width: 991.98px) {
    .main-grid-layout {
        grid-template-columns: 1fr;
    }

    .main-grid-layout .right-side-content {
        padding: 20px 0;
    }

    .main-grid-layout .left-side-menu {
        border-right: none;
    }

    section .page-ban-section-result {
        grid-template-columns: 1fr;
    }

    section .page-ban-section-result h1 {
        font-size: 20px;
    }
}

.search-filter form.filter-category {}

.search-filter form.filter-category ul {
    list-style: none;
    padding: 0;
}

.search-filter form.filter-category ul li {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.search-filter form.filter-category ul .cat-all a {
    color: #dcaa00;
    font-size: 20px;
    line-height: 1.5;
}

.search-filter form.filter-category .cat-checkbox {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.search-filter form.filter-category .cat-checkbox:hover .toggle-icon {
    color: #dcaa00;
}

.search-filter form.filter-category .cat-checkbox input[type=checkbox]:checked+label {
    color: #dcaa00;
}

.search-filter form.filter-category .cat-checkbox label:hover,
.search-filter form.filter-category .cat-checkbox input[type=checkbox]:hover+label {
    color: #dcaa00;
}

.search-filter form.filter-category .cat-checkbox input[type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.search-filter form.filter-category .cat-checkbox label {
    color: #aaa5a0;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    position: relative;
}

.search-filter form.filter-category .cat-checkbox input[type=checkbox]+label::after {
    content: '';
    padding: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid #dcaa00;
    position: absolute;
    left: -23px;
    top: 3px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-filter form.filter-category .cat-checkbox input[type=checkbox]:checked+label::after {
    /* background: #dcaa00; */
    background: url(../images/check-mark.svg) no-repeat center #dcaa00;

}

.search-filter form.filter-category .cat-checkbox input[type=checkbox]:checked {}

.category-filter form.filter-sing-category select,
.category-filter form.filter-sing-category span {
    font-size: 16px;
    font-family: "Inter", sans-serif
}

.right-side-content .outline {
    border: 1px solid #faf8f5;
    padding: 40px;
}

@media (max-width:991.98px) {
    .right-side-content .outline {
        padding: 0;
        border: none;
    }
}

.right-side-content .search-category ul {
    display: flex;
    gap: 22px;
    list-style: none;
    padding: 0;
    height: 100%;
}

.right-side-content .search-category ul li {
    position: relative;
}

.right-side-content .search-category ul li.active::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    left: 0;
    bottom: 0;
}

.right-side-content .search-category ul li a {
    color: #aaa5a0;
    font-size: 16px;
    line-height: 36px;
}

.right-side-content .search-category ul li.active a {
    color: #000000;
}

#category_type {
    float: right;
    border: 1px solid #ddd;
    height: 44px;
    text-align: center;
    margin-right: 5%
}

#category_type ul>li {
    list-style-type: none;
    float: left;
    padding: 0 10px 0 0;
    margin-top: 10px;
    margin-right: 28px
}

#category_type ul>li>label {
    float: left;
    margin: 0
}

#category_type .free label {
    display: inline-block;
    color: #7e7e7e;
    font-size: 15px;
    font-weight: 600
}

#category_type .premium label {
    display: inline-block;
    color: #ffaa0f;
    font-size: 15px;
    font-weight: 600
}


.category-filter {
    margin-bottom: 60px
}


.category-filter form.filter-sing-category {
    margin: 0;
    position: relative
}

.category-filter form.filter-sing-category span {
    display: inline-block;
    color: #7e7e7e;
    margin-right: 10px
}

.category-filter form.filter-sing-category select {
    width: 200px;
    padding: 10px 18px;
    background: #fff;
    outline: 0;
    border: 1px solid #cbcbcb !important;
    color: #000;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    position: relative
}

.category-filter form.filter-sing-category option {
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none
}

.category-filter form.filter-sing-category div.select-box {
    display: inline-block;
    position: relative
}

.category-filter form.filter-sing-category div.select-box:after {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #ccc;
    font-size: 18px;
    position: absolute;
    top: 12px;
    right: 16px
}

section.contributor-profile-section {
    padding-top: 84px;
    background: url(../img/ban3.jpg)
}

section.contributor-profile-section .contributor-box {
    margin-bottom: 0
}

section.contributor-profile-section .contributor-box .statistic-box {
    max-width: 240px;
    padding: 35px 30px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: -54px
}

section.contributor-profile-section .contributor-box .statistic-box ul.statistic-list li {
    display: block;
    overflow: hidden;
    color: #656565;
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bebebe;
    line-height: 20px
}

section.contributor-profile-section .contributor-box .statistic-box ul.statistic-list li i {
    float: left;
    color: #bebebe;
    font-size: 25px;
    margin-bottom: 10px;
    margin-right: 12px
}

section.contributor-profile-section .contributor-box .statistic-box ul.statistic-list li span {
    display: block;
    margin: 0;
    font-size: 21px;
    color: #000;
    font-weight: 600
}

section.contributor-profile-section .contributor-box .statistic-box ul.statistic-list li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

section.contributor-profile-section .contributor-box .contr-prof-box {
    text-align: center;
    max-width: 250px;
    margin: 0 auto -86px
}

section.contributor-profile-section .contributor-box .contr-prof-box img {
    margin-bottom: 12px;
    widows: 90px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

section.contributor-profile-section .contributor-box .contr-prof-box a.profile-user {
    color: #fff;
    font-size: 21px;
    margin-bottom: 60px;
    position: relative
}

section.contributor-profile-section .contributor-box .contr-prof-box a.profile-user span.staff {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    padding: 4px 17px;
    background: #48bf30;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    bottom: -33px;
    left: 50%;
    margin-left: -34px;
    text-transform: uppercase
}

section.contributor-profile-section .contributor-box .contr-prof-box a.upload-button {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px 45px;
    background-color: #51a12c;
    background-image: -webkit-linear-gradient(bottom, #51A12C, #82C93B);
    background-image: linear-gradient(to top, #51A12C, #82C93B);
    border: 1px solid #afeb64;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    line-height: 30px
}

section.contributor-profile-section .contributor-box .contr-prof-box a.upload-button i {
    font-size: 30px;
    margin-right: 10px;
    float: left
}

section.contributor-profile-section .contributor-box .contr-prof-box a.upload-button:hover {
    background-color: #82c93b;
    background-image: -webkit-linear-gradient(bottom, #82C93B, #51A12C);
    background-image: linear-gradient(to top, #82C93B, #51A12C)
}

section.contributor-profile-section .contributor-box .contr-prof-box a.staff-button {
    margin-top: 10px;
    bottom: -60px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px 60px;
    background: #bebebe;
    border: 1px solid transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    line-height: 30px
}

section.contributor-profile-section .contributor-box .contr-prof-box a.staff-button i {
    font-size: 30px;
    margin-right: 10px;
    float: left
}

section.contributor-profile-section .contributor-box .contr-prof-box a.staff-button:hover {
    opacity: .7
}

section.contributor-profile-section .contributor-box .contact-contributor-box {
    float: right;
    max-width: 240px;
    padding: 40px 30px 50px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: -54px;
    position: relative
}

section.contributor-profile-section .contributor-box .contact-contributor-box h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 22px;
    line-height: 24px
}

section.contributor-profile-section .contributor-box .contact-contributor-box p {
    font-size: 14px;
    color: #656565;
    margin-bottom: 24px;
    line-height: 20px
}

section.contributor-profile-section .contributor-box .contact-contributor-box a.open-form-button {
    color: #000;
    font-size: 16px;
    padding: 8px 5px;
    width: 100%;
    text-align: center;
    border: 1.4px solid #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.contributor-profile-section .contributor-box .contact-contributor-box a.open-form-button:hover {
    background: #1d0463;
    border-color: #1d0463;
    color: #fff
}

section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    padding: 45px;
    background: #fff;
    z-index: 3;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden
}

section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box input[type=text],
section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box textarea {
    display: block;
    width: 100%;
    padding: 10px 20px;
    background: #f4f4f4;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 17px;
    color: #b1b1b1;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box textarea {
    color: #000;
    height: 160px
}

section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box input[type=submit] {
    color: #000;
    font-size: 16px;
    padding: 10px 22px;
    background: 0 0;
    text-align: center;
    border: 1.4px solid #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box input[type=submit]:hover {
    background: #1d0463;
    border-color: #1d0463;
    color: #fff
}

section.contributor-profile-section .contributor-box .contact-contributor-box form.message-box.active {
    opacity: 1;
    visibility: visible
}

.contributor-portfolio {
    padding-top: 20px;
    margin-bottom: 40px
}

.contributor-portfolio .portfolio-title {
    position: relative;
    padding-top: 10px
}

.contributor-portfolio .portfolio-title span {
    display: inline-block;
    color: #000;
    font-size: 16px;
    margin: 0
}

.contributor-portfolio .portfolio-title:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 80px;
    right: 0;
    border-bottom: 1px solid #bebebe
}

.contributor-portfolio .sort-filter {
    padding-top: 0
}

.contributor-portfolio .sort-filter select {
    width: 190px
}

section.upload-section {
    padding: 80px 0;
    background: #f1f1f1
}

section.upload-section .upload-box {
    padding: 100px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1
}

section.upload-section .upload-box form.upload-form {
    margin: 0
}

section.upload-section .upload-box form.upload-form .title-field {
    margin-bottom: 40px
}

section.upload-section .upload-box form.upload-form .title-field h2 {
    position: relative;
    font-size: 21px;
    font-weight: 600
}

section.upload-section .upload-box form.upload-form .title-field h2 span {
    position: relative;
    display: inline-block;
    padding-right: 12px;
    background: #fff;
    z-index: 2
}

section.upload-section .upload-box form.upload-form .title-field h2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bebebe
}

section.upload-section .upload-box form.upload-form .title-field span.field-desc {
    color: #e10019;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    display: inline-block
}

section.upload-section .upload-box form.upload-form .title-field.second-half {
    margin-top: 60px
}

section.upload-section .upload-box form.upload-form .upload-field {
    margin-bottom: 12px
}

section.upload-section .upload-box form.upload-form .upload-field label {
    margin: 0;
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px
}

section.upload-section .upload-box form.upload-form .upload-field span.field-desc {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    display: inline-block
}

section.upload-section .upload-box form.upload-form .upload-field span.but-rechose {
    display: inline-block !important;
    color: #7e7e7e;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    font-family: "Inter", sans-serif
}

section.upload-section .upload-box form.upload-form .upload-field span.but-rechose a {
    color: #e10019
}

section.upload-section .upload-box form.upload-form .upload-field input[type=text],
section.upload-section .upload-box form.upload-form .upload-field textarea {
    width: 100%;
    padding: 12px 20px;
    background: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #7e7e7e !important;
    color: #000;
    font-size: 14px;
    margin: 0
}

section.upload-section .upload-box form.upload-form .upload-field textarea {
    height: 175px
}

section.upload-section .upload-box form.upload-form .upload-field select {
    width: 100% !important;
    height: auto
}

section.upload-section .upload-box form.upload-form .upload-field .select2-container--default .select2-selection--multiple {
    min-height: 48px;
    border: 1px solid #7e7e7e !important;
    background: #f4f4f4
}

section.upload-section .upload-box form.upload-form .upload-field .select2-container--default .select2-selection--single,
section.upload-section .upload-box form.upload-form .upload-field .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #7e7e7e !important;
    padding: 8px 12px;
    color: #000;
    font-size: 14px;
    height: auto
}

section.upload-section .upload-box form.upload-form .upload-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 6px
}

section.upload-section .upload-box form.upload-form .upload-field input[type=submit] {
    outline: 0;
    padding: 12px 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f0be00;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    background-color: #ecb500;
    background-image: -webkit-linear-gradient(bottom, #ECB500, #FFD500);
    background-image: linear-gradient(to top, #ECB500, #FFD500);
    margin-bottom: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.upload-section .upload-box form.upload-form .upload-field input[type=submit]:hover {
    opacity: .7
}

section.upload-section .upload-box form.upload-form .upload-field p.line-uploads {
    color: #4c4c4c;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 37px
}

section.upload-section .upload-box form.upload-form .upload-field p.line-uploads span {
    display: inline-block;
    color: #fff;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #78c832;
    margin: 0 8px
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area {
    overflow: hidden
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area .file-box {
    float: left;
    width: 90px;
    height: 40px;
    overflow: hidden;
    margin-right: 20px;
    position: relative
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area .file-box input[type=file]:hover+span {
    opacity: .85
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area .file-box span {
    position: absolute;
    top: 0;
    left: 0;
    width: 89px;
    padding: 8px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f0be00;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    background-color: #ecb500;
    background-image: -webkit-linear-gradient(bottom, #ECB500, #FFD500);
    background-image: linear-gradient(to top, #ECB500, #FFD500);
    margin-bottom: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -backface-visibility: hidden
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area .file-box i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 18px;
    background: #78c832;
    margin-bottom: 0;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area .progreess-file-bar {
    margin-left: 110px;
    margin-top: 15px;
    height: 10px;
    background: #ececec;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area .progreess-file-bar .progress-load {
    height: 100%;
    width: 0;
    background: #78c832;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.upload-section .upload-box form.upload-form .upload-field.file-area .file-box-area input[type=file] {
    z-index: 2;
    position: relative;
    opacity: 0;
    margin: 0;
    visibility: hidden
}

section.upload-section .upload-box form.upload-form .upload-button-area {
    margin-top: 40px
}

section.upload-section .upload-box form.upload-form .upload-button-area span.field-desc {
    margin-top: 15px
}

section.upload-section select.js-example-tags {
    width: 100%;
    height: 160px !important
}

section.serv-header-section {
    padding: 40px 0;
    background: #f9c700
}

section.serv-header-section h1 {
    text-align: right;
    margin-bottom: 0
}

section.serv-header-section a {
    padding-top: 3px;
    outline: 0
}

section.serv-header-section a img {
    max-width: 100%
}

section.serv-order-section {
    padding: 100px 0 160px;
    background: #f1f1f1;
    border-bottom: 1px solid #989898
}

section.serv-order-section .serv-form-box {
    margin-bottom: 50px
}

section.serv-order-section .serv-form-box .serv-form-head {
    padding: 25px 65px;
    background: #f9c700;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden
}

section.serv-order-section .serv-form-box .serv-form-head h2 {
    display: inline-block;
    font-size: 21px;
    margin-bottom: 0
}

section.serv-order-section .serv-form-box .serv-form-head span {
    float: right;
    color: #000;
    font-size: 16px;
    font-style: italic;
    display: inline-block;
    margin: 0
}

section.serv-order-section .serv-form-box .serv-form-data {
    padding: 60px 65px;
    background: #fff;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input {
    overflow: hidden
}

section.serv-order-section .serv-form-box .serv-form-data .data-input label {
    float: left;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    width: 200px;
    padding-right: 10px;
    margin: 15px 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .input-holder {
    margin-left: 200px;
    margin-bottom: 15px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .input-holder p {
    font-size: 13px;
    font-style: italic;
    color: #dc283c
}

section.serv-order-section .serv-form-box .serv-form-data .data-input input[type=text],
section.serv-order-section .serv-form-box .serv-form-data .data-input textarea {
    width: 100%;
    padding: 15px 24px;
    background: #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
    border: none;
    color: #a5a5a5;
    font-size: 16px;
    font-style: italic;
    margin: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input input[disabled] {
    background: #eae6bb
}

section.serv-order-section .serv-form-box .serv-form-data .data-input textarea {
    height: 115px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input textarea#design-brief {
    height: 325px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area {
    position: relative;
    margin-left: 200px;
    margin-bottom: 15px;
    height: 45px;
    border: 1px solid transparent;
    background: #eae6bb
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    opacity: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area span {
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #7e7e7e
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area span i {
    font-size: 18px;
    margin-right: 8px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area p {
    position: absolute;
    right: 25px;
    top: 10px;
    color: #a5a5a5;
    font-style: italic
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .input-holder.date-estimated {
    position: relative
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .input-holder.date-estimated i {
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    width: 70px;
    display: inline-block;
    background: #eae6bb;
    text-align: center;
    line-height: 52px;
    color: #7e7e7e;
    font-size: 18px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .checkbox-button-hold {
    position: relative;
    margin-bottom: 35px;
    margin-top: 10px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .checkbox-button-hold input[type=checkbox] {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-right: 10px;
    margin-top: 3px;
    opacity: 0;
    float: left
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .checkbox-button-hold span {
    position: absolute;
    display: block;
    top: 3px;
    left: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #bebebe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .checkbox-button-hold span:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 14px;
    height: 14px;
    background: #fac800;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    opacity: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .checkbox-button-hold input[type=checkbox]:checked+span:before {
    opacity: 1
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .checkbox-button-hold p {
    display: inline-block;
    color: #8b8b8b;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .fill-box {
    display: none
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .fill-box label {
    margin: 0 0 5px;
    width: auto
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .fill-box input[type=text],
section.serv-order-section .serv-form-box .serv-form-data .data-input .fill-box p {
    margin-bottom: 35px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage {
    overflow: visible
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder {
    position: relative
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder input[disabled] {
    background: #f1f1f1
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage {
    position: absolute;
    top: 0;
    right: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage a {
    width: 100px;
    height: 52px;
    line-height: 52px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage a.current-percentage {
    right: 0;
    top: 0;
    display: inline-block;
    background: #eae6bb;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage {
    position: absolute;
    top: 100%;
    margin-top: -4px;
    right: 0;
    display: inline-block;
    background: #eae6bb;
    text-align: center;
    width: 100px;
    overflow: hidden;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.serv-order-section a.invoice-link,
section.serv-order-section input[type=submit] {
    font-size: 16px;
    transition: all .2s ease-in-out;
    font-weight: 400;
    font-family: "Inter", sans-serif
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage li {
    display: block
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage li a {
    height: 40px;
    line-height: 40px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage li a.active,
section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage li a:hover {
    background: #dcd796
}

section.serv-order-section .serv-form-box .serv-form-data .data-input.payment-percentage .input-holder .drop-percentage ul.drop-percentage.active {
    opacity: 1
}

section.serv-order-section a.invoice-link:hover,
section.serv-order-section input[type=submit]:hover {
    opacity: .7
}

section.serv-order-section input[type=submit] {
    outline: 0;
    padding: 20px 65px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333;
    color: #fff;
    background-color: #353535;
    background-image: -webkit-linear-gradient(bottom, #353535, #3d3d3d);
    background-image: linear-gradient(to top, #353535, #3d3d3d);
    margin: 0 40px 0 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.serv-order-section a.invoice-link {
    color: #585858;
    font-style: italic;
    margin: 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.serv-order-section a.invoice-link i {
    color: #8c8c8c;
    font-size: 20px;
    margin-right: 5px
}

section.serv-order-section .success-submission {
    padding: 50px;
    background: #fce37e;
    text-align: center;
    border: 1px solid #f9c700;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

section.serv-order-section .success-submission h2 {
    font-size: 16px;
    margin-bottom: 7px
}

section.serv-order-section .success-submission span {
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    display: block;
    margin: 0 0 15px
}

section.serv-order-section .success-submission p {
    color: #656565;
    margin-bottom: 0;
    text-align: center
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input {
    max-width: 750px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs {
    border-bottom: none
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs li {
    width: 25%
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    text-align: center;
    height: 100px;
    padding: 0 5px;
    line-height: 100px;
    background: #f6f6f6;
    border: 1px solid #bebebe !important;
    border-left: none !important;
    vertical-align: middle;
    margin: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs li a img {
    display: inline-block
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs li:first-child a {
    border-left: 1px solid #bebebe !important
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs li.active a {
    border-bottom: 1px solid transparent !important;
    background: 0 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane {
    padding: 40px 55px;
    border: 1px solid #bebebe;
    border-top: none;
    overflow: hidden
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane p {
    color: #8b8b8b;
    font-size: 16px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane label {
    display: block;
    float: none;
    margin: 5px 0;
    font-weight: 600
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane input {
    background: #f6f6f6;
    border: 1px solid #bebebe;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .card-place {
    overflow: hidden;
    margin-bottom: 30px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .card-place img {
    float: right
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .card-place div {
    margin-right: 100px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .expire-date {
    float: left;
    max-width: 220px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .expire-date input {
    display: inline-block;
    width: 90px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .expire-date span {
    margin: 0 12px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .cvv {
    max-width: 190px;
    float: right
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .cvv input {
    display: inline-block;
    width: 85px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .cvv img {
    display: inline-block;
    margin-left: 12px;
    margin-top: -3px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .exp-cvv {
    overflow: hidden;
    margin-bottom: 35px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .saving-card {
    overflow: hidden;
    position: relative
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .saving-card input[type=checkbox] {
    float: left;
    margin-right: 10px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .saving-card p {
    line-height: 18px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane button.submit-deposit {
    float: right;
    padding: 18px 45px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    background: #f9c700;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: none;
    box-shadow: 1px 1px 0 #d7ac00;
    -webkit-box-shadow: 1px 1px 0 #d7ac00;
    -moz-box-shadow: 1px 1px 0 #d7ac00;
    -o-box-shadow: 1px 1px 0 #d7ac00;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin-top: 20px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane button.submit-deposit:hover {
    opacity: .85
}

div.controlling-box form.add-task input[type=submit]:hover,
div.controlling-box table.controll-table tr td a.delete:hover {
    opacity: .7
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane ul.method-cards {
    margin-top: 30px;
    margin-bottom: 30px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane ul.method-cards li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 5px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane ul.method-cards li span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px
}

section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane ul.method-cards li img {
    display: inline-block
}

section.invoice-section {
    padding: 92px 0 100px;
    background: #f1f1f1
}

section.invoice-section .invoice-box .invoice-head {
    padding: 25px 65px;
    background: #f9c700;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden
}

section.invoice-section .invoice-box .invoice-head img {
    float: left;
    max-width: 160px;
    margin-top: 3px;
    margin-bottom: 0
}

section.invoice-section .invoice-box .invoice-head span {
    float: right;
    color: #000;
    font-size: 18px;
    font-style: italic;
    display: inline-block;
    margin: 0
}

section.invoice-section .invoice-box .invoice-content {
    padding: 55px 68px;
    background: #fff;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

section.invoice-section .invoice-box .invoice-client-box {
    margin-bottom: 20px
}

section.invoice-section .invoice-box .invoice-client-box .seller-invoice {
    margin-bottom: 40px;
    max-width: 196px
}

section.invoice-section .invoice-box .invoice-client-box .seller-invoice img {
    max-width: 100%
}

section.invoice-section .invoice-box .invoice-client-box .seller-invoice span.seller {
    margin-bottom: 10px;
    display: block
}

section.invoice-section .invoice-box .invoice-client-box .seller-invoice span.autor-seller {
    margin-bottom: 35px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-family: "Inter", sans-serif
}

section.invoice-section .invoice-box .invoice-client-box .buyer-invoice {
    padding: 25px 27px;
    background: #f1f1f1;
    margin-bottom: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

section.invoice-section .invoice-box .invoice-client-box .buyer-invoice h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px
}

section.invoice-section .invoice-box .invoice-client-box .buyer-invoice h2 span {
    display: block;
    margin-top: 20px
}

section.invoice-section .invoice-box .invoice-client-box .invoice-list {
    max-width: 300px;
    float: right
}

section.invoice-section .invoice-box .invoice-client-box .invoice-list h1 {
    font-weight: 700;
    margin-bottom: 16px
}

section.invoice-section .invoice-box .invoice-client-box .invoice-list ul li {
    display: block;
    margin-bottom: 10px;
    color: #7e7e7e;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

section.invoice-section .invoice-box .invoice-client-box .invoice-list ul li span {
    display: inline-block;
    margin: 0;
    font-weight: 700;
    color: #000;
    min-width: 118px
}

section.invoice-section .invoice-box .invoice-client-box p.address {
    color: #7e7e7e;
    font-size: 16px;
    margin-bottom: 0
}

section.invoice-section .invoice-box .invoice-client-box p.address span {
    display: block
}

section.invoice-section .invoice-box .invoice-project-box {
    padding: 40px 50px;
    background: #f1f1f1;
    margin-bottom: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

section.invoice-section .invoice-box .invoice-project-box h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

section.invoice-section .invoice-box .invoice-project-box p {
    color: #7e7e7e;
    font-size: 16px;
    margin-bottom: 0
}

section.invoice-section .invoice-box .invoice-project-box .item-list ul li {
    display: block;
    margin-bottom: 8px;
    color: #7e7e7e;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

section.invoice-section .invoice-box .invoice-project-box .qt-amount {
    overflow: hidden;
    width: 160px;
    float: right
}

section.invoice-section .invoice-box .invoice-project-box .qt-amount .quantity-box {
    float: left;
    width: 60px;
    text-align: center
}

section.invoice-section .invoice-box .invoice-project-box .qt-amount .amount,
section.invoice-section .invoice-box .invoice-total-box .payments ul li span {
    float: right
}

section.invoice-section .invoice-box .invoice-total-box {
    padding: 40px 50px;
    background: #f1f1f1;
    margin-bottom: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

section.invoice-section .invoice-box .invoice-total-box .payments {
    width: 235px;
    float: right
}

section.invoice-section .invoice-box .invoice-total-box .payments ul li {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

section.invoice-section .invoice-box .invoice-footer p {
    color: #7e7e7e;
    font-size: 16px;
    margin-bottom: 0
}

section.invoice-section .invoice-box .invoice-footer p a {
    color: #1e7abe;
    font-weight: 700
}

section.invoice-section .invoice-box .invoice-footer span {
    display: block;
    color: #7e7e7e;
    font-size: 16px;
    font-style: italic
}

section.admin-dashboard-section {
    padding: 30px 0 90px;
    background: #f1f1f1;
    margin-top: -1px
}

section.admin-dashboard-section ul.admin-dashboard-list {
    margin-bottom: 45px;
    border: 1px solid #fff;
    border-bottom: 5px solid #fff;
    background: #f1f1f1;
    overflow: hidden
}

section.admin-dashboard-section ul.admin-dashboard-list li {
    float: left;
    list-style: none;
    border-right: 1px solid #fff
}

section.admin-dashboard-section ul.admin-dashboard-list li a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 22px;
    position: relative
}

section.admin-dashboard-section ul.admin-dashboard-list li a span.notifier {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    background: #f9c700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

section.admin-dashboard-section ul.admin-dashboard-list li a.active,
section.admin-dashboard-section ul.admin-dashboard-list li a:hover {
    background: #fff;
    color: #1d0463
}

div.dashboard-box-item {
    padding: 40px 50px;
    background: #fff;
    margin-bottom: 10px
}

div.dashboard-box-item h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}

div.dashboard-box-item .date-add {
    display: inline-block;
    width: 160px;
    position: relative;
    margin-right: 10px
}

div.dashboard-box-item .date-add input[type=text] {
    background: #efefef !important;
    padding-left: 50px !important
}

div.dashboard-box-item .date-add i {
    position: absolute;
    line-height: 56px;
    left: 18px;
    top: 0;
    color: #a5a5a5;
    font-size: 24px
}

.table-responsive {
    border: none !important
}

div.controlling-box table.controll-table {
    border: none;
    width: 100%;
    margin-bottom: 50px
}

div.controlling-box table.controll-table tr td {
    padding: 18px 20px 18px 0;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0
}

div.controlling-box table.controll-table tr td p {
    margin-bottom: 0
}

div.controlling-box table.controll-table tr td a.delete {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #ffd2a5;
    color: #d22323
}

div.controlling-box table.controll-table tr th {
    padding: 18px 20px 6px 0;
    border-bottom: 1px solid #000;
    border-top: none;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Inter", sans-serif
}

div.controlling-box form.add-task {
    margin: 0
}

div.controlling-box form.add-task input[type=text] {
    width: 100%;
    padding: 18px 22px;
    background: #f6f6f6;
    outline: 0;
    border: none;
    color: #a5a5a5;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 5px
}

div.controlling-box form.add-task input[type=submit] {
    float: right;
    outline: 0;
    padding: 16px 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: none;
    font-weight: 400;
    background: #64cd32;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

div.controlling-box ul.qk-links li {
    display: inline-block;
    margin-right: 17px;
    margin-bottom: 18px
}

div.controlling-box ul.qk-links li a {
    width: 240px;
    height: 110px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: #f9c700;
    color: #d27800;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    padding: 0 25px
}

div.controlling-box ul.qk-links li a.item-rev {
    color: #007ddc;
    background: #64dcff
}

div.controlling-box ul.qk-links li a.contrib-learn {
    color: #009664;
    background: #7df596
}

div.controlling-box ul.qk-links li a:hover {
    opacity: .85
}

div.timeline-box form.add-timeline input[type=submit]:hover,
div.timeline-box table.timeline-table tr td a.edit:hover {
    opacity: .7
}

div.timeline-box table.timeline-table {
    border: none;
    width: 100%;
    margin-bottom: 50px
}

div.timeline-box table.timeline-table tr td {
    padding: 18px 20px 18px 0;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0
}

div.timeline-box table.timeline-table tr td p {
    margin-bottom: 0
}

div.timeline-box table.timeline-table tr td a.edit {
    color: #009ad4
}

div.timeline-box table.timeline-table tr td span.title {
    color: #960096;
    font-weight: 700
}

div.timeline-box table.timeline-table tr th {
    padding: 18px 20px 6px 0;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-top: none
}

div.timeline-box table.timeline-table tr th span.title {
    color: #960096;
    font-weight: 700
}

div.timeline-box form.add-timeline {
    margin: 0;
    padding-top: 50px
}

div.timeline-box form.add-timeline .date-add {
    float: left
}

div.timeline-box form.add-timeline div.input-holder {
    margin-left: 170px
}

div.timeline-box form.add-timeline input[type=text] {
    width: 100%;
    padding: 18px 22px;
    background: #f6f6f6;
    outline: 0;
    border: none;
    color: #a5a5a5;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px
}

div.timeline-box form.add-timeline input[type=submit] {
    float: right;
    outline: 0;
    padding: 16px 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: none;
    font-weight: 400;
    background: #960096;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

div.settings-box form.settings-form label {
    display: block;
    margin: 0 0 10px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

div.settings-box form.settings-form input[type=text],
div.settings-box form.settings-form textarea {
    width: 100%;
    padding: 15px 20px;
    background: #f6f6f6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    outline: 0;
    border: 1px solid #e4e4e4 !important;
    color: #656565;
    font-size: 16px;
    margin: 0 0 30px
}

div.settings-box form.settings-form textarea {
    height: 175px
}

div.settings-box form.settings-form select {
    width: 100% !important;
    height: auto;
    margin-bottom: 30px
}

div.settings-box form.settings-form .select2-container--default .select2-selection--multiple {
    height: 48px;
    border: 1px solid #7e7e7e !important;
    background: #f6f6f6
}

div.settings-box form.settings-form .select2-container--default .select2-selection--single,
div.settings-box form.settings-form .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #f6f6f6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    outline: 0;
    border: 1px solid #e4e4e4 !important;
    padding: 12px 16px;
    color: #656565;
    font-size: 16px;
    height: auto
}

div.settings-box form.settings-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px;
    right: 6px
}

h1.dashboard-box-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 30px 50px;
    background: #f9c700
}

.featured-box h3,
.items-featured-box .item-post .change-hover a {
    font-weight: 600;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

.featured-box h3 {
    color: #000;
    margin: 0 0 35px;
    position: relative
}

.featured-box h3 span {
    display: inline-block;
    padding-right: 15px;
    background: #fff;
    position: relative;
    z-index: 2
}

.featured-box h3:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e4e4e4
}

.items-featured-box {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 50px
}

.items-featured-box .item-post {
    width: 131px;
    margin: 10px;
    float: left
}

.items-featured-box .item-post .change-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #f63c18;
    background: rgba(255, 255, 255, .8);
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.items-featured-box .item-post .change-hover a {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    width: 100%;
    color: #f63c18;
    text-transform: uppercase;
    text-align: center;
    outline: 0
}

.items-featured-box .item-post:hover .change-hover {
    opacity: 1
}

.change-featured-modal .modal-dialog {
    width: 1140px;
    max-width: 100%;
    margin: 100px auto 30px
}

.change-featured-modal .modal-content {
    background: #f6f6f6;
    border: 1px solid #bebebe;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.change-featured-modal .modal-body {
    padding: 40px
}

.change-featured-modal .modal-body form {
    margin: 0;
    overflow: hidden
}

.change-featured-modal .modal-body form input[type=text] {
    width: 100%;
    padding: 15px 20px;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    outline: 0;
    border: 1px solid #e4e4e4 !important;
    color: #b1b1b1;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 30px
}

.change-featured-modal .modal-body form input[type=submit] {
    float: right;
    outline: 0;
    padding: 16px 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: none;
    font-weight: 700;
    background: #64cd32;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: uppercase
}

.forms-box-container .filter-box h3,
.forms-box-container .filter-box ul.filter-messages li a {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase
}

.change-featured-modal .modal-body form input[type=submit]:hover {
    opacity: .7
}

.forms-box-container .filter-box h3 {
    color: #000;
    margin: 0 0 25px
}

.forms-box-container .filter-box ul.filter-messages li {
    display: block;
    margin-bottom: 14px
}

.forms-box-container .filter-box ul.filter-messages li a:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 12px
}

.forms-box-container .filter-box ul.filter-messages li a.general {
    color: #0082ff
}

.forms-box-container .filter-box ul.filter-messages li a.important {
    color: #d0009f
}

.forms-box-container .filter-box ul.filter-messages li a.active-work {
    color: #78c832
}

.forms-box-container .filter-box ul.filter-messages li a.done-work {
    color: #9100ff
}

.forms-box-container .filter-box ul.filter-messages li a.trash {
    color: #656565
}

.forms-box-container .filter-box ul.filter-messages li a.trash:before {
    display: none
}

.forms-box-container table.forms-table {
    border: none;
    width: 100%;
    margin-bottom: 20px
}

.forms-box-container table.forms-table tr td {
    padding: 16px 0;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    font-weight: 400;
    color: #7e7e7e;
    margin-bottom: 0
}

.forms-box-container table.forms-table tr td p {
    margin-bottom: 0;
    color: #000;
    font-size: 18px
}

.forms-box-container table.forms-table tr td p a {
    color: #000
}

.forms-box-container table.forms-table tr td p a.unread {
    font-weight: 700
}

.forms-box-container table.forms-table tr td p a.active-work:after,
.forms-box-container table.forms-table tr td p a.done-work:after,
.forms-box-container table.forms-table tr td p a.important:after {
    content: '\f0da';
    font-family: FontAwesome;
    font-size: 16px;
    margin-left: 12px
}

.forms-box-container table.forms-table tr td p a.important:after {
    color: #d0009f
}

.forms-box-container table.forms-table tr td p a.active-work:after {
    color: #78c832
}

.forms-box-container table.forms-table tr td p a.done-work:after {
    color: #9100ff
}

.forms-box-container table.forms-table tr th {
    padding: 8px 0;
    border-bottom: 1px solid #000;
    color: #7e7e7e;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-top: none
}

.forms-box-container .pagination-crumb {
    overflow: hidden;
    margin-bottom: 20px
}

.forms-box-container .pagination-crumb .num-tot-messag {
    float: left
}

.forms-box-container .pagination-crumb .num-tot-messag p {
    color: #7e7e7e;
    font-style: italic;
    font-size: 18px
}

.forms-box-container .pagination-crumb .num-tot-messag p a {
    color: #f9c700;
    font-weight: 700
}

.forms-box-container .pagination-crumb .num-tot-messag p span {
    display: inline-block;
    margin: 0 6px;
    font-weight: 400;
    font-size: 16px
}

.forms-box-container .pagination-crumb .table-pages-mess {
    float: right
}

.forms-box-container .pagination-crumb .table-pages-mess p {
    color: #7e7e7e;
    font-style: italic;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle
}

.forms-box-container .pagination-crumb .table-pages-mess p a {
    font-size: 34px;
    color: #e4e4e4
}

.forms-box-container .pagination-crumb .table-pages-mess p a:hover {
    color: #7e7e7e
}

.forms-box-container .pagination-crumb .table-pages-mess p a.prev {
    float: left;
    margin-right: 20px
}

.forms-box-container .pagination-crumb .table-pages-mess p a.next {
    float: right;
    margin-left: 20px
}

.forms-box-container .pagination-crumb .table-pages-mess p span {
    display: inline-block;
    line-height: 34px
}

.forms-box-container .mess-title-yellow {
    background: #ffffeb;
    padding: 40px 50px 30px;
    margin: -40px -50px 0
}

.forms-box-container .mess-title-yellow .message-title-opend h2 {
    font-size: 16px;
    margin-bottom: 3px
}

.forms-box-container .mess-title-yellow .message-title-opend h2 span {
    color: red
}

.forms-box-container .mess-title-yellow .message-title-opend p {
    margin-bottom: 0
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label {
    display: inline-block;
    float: right;
    padding: 5px 10px;
    background: #fff
}

.forms-box-container .mess-title-yellow .message-title-forward,
.forms-box-container .mess-title-yellow .message-title-reply {
    display: none
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label span {
    font-weight: 600;
    text-transform: uppercase
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label span:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label span.general {
    color: #0082ff
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label span.important {
    color: #d0009f
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label span.active-work {
    color: #78c832
}

.forms-box-container .mess-title-yellow .message-title-opend p.priority-label span.done-work {
    color: #9100ff
}

.forms-box-container .mess-title-yellow .message-title-reply p span {
    font-weight: 700
}

.forms-box-container .mess-title-yellow .message-title-forward p {
    float: left;
    padding-top: 8px
}

.forms-box-container .mess-title-yellow .message-title-forward .add-email {
    margin-left: 100px
}

.forms-box-container .mess-title-yellow .message-title-forward .add-email input {
    width: 100%;
    padding: 10px 20px;
    outline: 0 !important
}

.forms-box-container .message-area {
    border-top: 1px solid #e4e4e4
}

.forms-box-container .message-area .message-content .message-field-content {
    padding: 20px 0 0;
    border-bottom: 1px solid #e4e4e4
}

.forms-box-container .message-area .message-content .message-field-content h2 {
    font-size: 16px;
    margin-bottom: 4px
}

.forms-box-container .message-area .message-content .message-field-content h2 span {
    color: red
}

.forms-box-container .message-area .message-content .message-field-content p {
    margin-bottom: 20px
}

.forms-box-container .message-area .message-content .message-field-content a.download-zipp {
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 35px;
    color: #e26d00;
    font-size: 16px;
    background: #f9c700
}

.forms-box-container .message-area .message-content .message-field-content a.download-zipp i {
    color: #e2a700;
    font-size: 28px;
    margin: 0 0 0 12px;
    display: inline-block;
    float: right;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.forms-box-container .message-area .message-content .message-field-content a.download-zipp span {
    line-height: 28px
}

.forms-box-container .message-area .message-content .message-field-content a.download-zipp:hover {
    color: #0050c6;
    background: #6cd0ff
}

.forms-box-container .message-area .message-content .message-field-content a.download-zipp:hover i {
    color: #00b8f1
}

.forms-box-container .message-area .message-content.reply-state {
    padding-left: 50px;
    border-left: 1px solid #e4e4e4;
    opacity: .5;
    margin-bottom: 30px
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li a.delete-mess:hover,
.forms-box-container .message-area .message-opportunities ul.message-action-list li a.unread-mess:hover,
.forms-box-container .message-area .submit-reply input[type=submit]:hover {
    opacity: .7
}

.forms-box-container .message-area .message-opportunities {
    padding-top: 16px;
    border-top: 1px solid #000;
    margin-top: -1px
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li {
    display: inline-block
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li a {
    color: #000;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li a.delete-mess {
    color: #e6151d;
    margin-right: 26px;
    font-style: italic
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li a.unread-mess {
    color: #0bf;
    margin-right: 26px;
    font-style: italic
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li a.forward-btn,
.forms-box-container .message-area .message-opportunities ul.message-action-list li a.reply-btn {
    padding: 10px 7px;
    border: 2px solid transparent
}

.forms-box-container .message-area .message-opportunities ul.message-action-list li a.forward-btn:hover,
.forms-box-container .message-area .message-opportunities ul.message-action-list li a.reply-btn:hover {
    border: 2px solid #000
}

.forms-box-container .message-area .message-opportunities ul.filter-messages {
    padding-top: 12px;
    text-align: right
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li {
    display: inline-block;
    margin-left: 10px
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li span {
    font-size: 15px;
    color: #000
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 4px
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a.general {
    color: #0082ff
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a.important {
    color: #d0009f
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a.active-work {
    color: #78c832
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a.done-work {
    color: #9100ff
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a.trash {
    color: #656565
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li a.trash:before {
    display: none
}

.forms-box-container .message-area .message-opportunities ul.filter-messages li:first-child {
    margin-left: 0
}

.forms-box-container .message-area .submit-reply {
    background: #ffffeb;
    padding: 40px 50px;
    margin: 0 -50px -40px;
    display: none
}

.forms-box-container .message-area .submit-reply input[type=submit] {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 50px;
    background: #78c832;
    border: none;
    outline: 0;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.forms-box-container .message-area .textarea-reply {
    padding: 40px 0;
    display: none
}

.forms-box-container .message-area .textarea-reply textarea {
    width: 100%;
    height: 180px;
    border: 1px solid transparent;
    padding: 0;
    outline: 0 !important;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent
}

.dashboard-box-item .preset-form .preset-item {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e4e4e4
}

.dashboard-box-item .preset-form .preset-item span {
    display: inline-block;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 20px
}

.dashboard-box-item .preset-form .preset-item .placeholder-fav,
.dashboard-box-item .preset-form .preset-item .placeholder-logo {
    display: inline-block;
    min-width: 250px;
    min-height: 60px;
    position: relative;
    background: #e4e4e4;
    margin-bottom: 15px
}

.dashboard-box-item .preset-form .preset-item .placeholder-fav span.place-text,
.dashboard-box-item .preset-form .preset-item .placeholder-logo span.place-text {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    color: #c1c1c1;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px
}

.dashboard-box-item .preset-form .preset-item .placeholder-fav {
    min-width: 60px
}

.dashboard-box-item .preset-form .preset-item .placeholder {
    width: 100%;
    height: 100px;
    background: #e4e4e4;
    position: relative;
    margin-bottom: 15px
}

.dashboard-box-item .preset-form .preset-item .placeholder span.place-text {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    color: #c1c1c1;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 100px
}

.dashboard-box-item .preset-form .preset-item .placeholder a.remove-image {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    font-size: 25px;
    z-index: 3;
    opacity: 0
}

.dashboard-box-item .preset-form .preset-item .placeholder:hover a.remove-image {
    opacity: 1
}

.dashboard-box-item .preset-form .preset-item .file-upload {
    position: relative
}

.dashboard-box-item .preset-form .preset-item .file-upload input[type=file] {
    opacity: 0;
    position: relative;
    z-index: 2;
    width: 180px;
    height: 46px;
    cursor: pointer
}

.dashboard-box-item .preset-form .preset-item .file-upload input[type=file]:hover+span,
.dashboard-box-item .preset-form input[type=submit]:hover {
    opacity: .7
}

.dashboard-box-item .preset-form .preset-item .file-upload span {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    background: #78c832;
    border: none;
    outline: 0;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.dashboard-box-item .preset-form .preset-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0
}

.dashboard-box-item .preset-form h2 {
    text-transform: uppercase
}

.dashboard-box-item .preset-form input[type=submit] {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 40px;
    background: #78c832;
    border: none;
    outline: 0;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.admin-review-box {
    background: #f1f1f1;
    border-bottom: 1px solid #fff
}

section.admin-review-box h1.revision-title {
    padding: 40px 0;
    color: #787878;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.8px
}

section.admin-review-box .review-box {
    background: #1d0463;
    position: relative
}

section.admin-review-box .review-box a.toggle-review-box {
    float: right;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    color: #1d0463;
    background: #fff;
    margin-bottom: 50px;
    position: relative;
    text-align: center
}

section.admin-review-box .review-box a.toggle-review-box span {
    display: inline-block;
    position: absolute;
    bottom: -26px;
    right: 10px;
    padding: 4px 8px;
    background: #000;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0;
    min-width: 94px;
    text-align: center;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.admin-review-box .review-box a.toggle-review-box:hover span {
    opacity: 1
}

section.admin-review-box .review-box .inner-review-box {
    padding: 80px 0
}

section.admin-review-box .review-box .inner-review-box a.approve-button {
    color: #fff;
    font-size: 21px;
    text-align: center;
    padding: 14px 36px;
    background-color: #51a12c;
    background-image: -webkit-linear-gradient(bottom, #51A12C, #86CC3C);
    background-image: linear-gradient(to top, #51A12C, #86CC3C);
    border: 1px solid #3dae33;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-right: 18px
}

section.admin-review-box .review-box .inner-review-box a.approve-button:hover {
    opacity: .9
}

section.admin-review-box .review-box .inner-review-box a.show-message-approve {
    color: #3cbe28;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    text-decoration: underline !important
}

section.admin-review-box .review-box .inner-review-box a.show-message-approve:hover {
    opacity: .7
}

section.admin-review-box .review-box .inner-review-box form.hard-reject,
section.admin-review-box .review-box .inner-review-box form.soft-reject {
    margin-top: 50px;
    margin-bottom: 30px
}

section.admin-review-box .review-box .inner-review-box form.hard-reject h2,
section.admin-review-box .review-box .inner-review-box form.soft-reject h2 {
    color: #786eff;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 35px
}

section.admin-review-box .review-box .inner-review-box form.hard-reject label,
section.admin-review-box .review-box .inner-review-box form.soft-reject label {
    display: block;
    float: left;
    color: #6c5c9a;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    margin: 10px 0
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area {
    margin-left: 75px;
    margin-bottom: 18px
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=text],
section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area textarea,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area input[type=text],
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area textarea {
    width: 100%;
    padding: 12px 20px;
    background: #29116b;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    outline: 0;
    border: 1px solid #4a3682;
    color: #fff;
    font-size: 13px;
    margin: 0
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=text]::-webkit-input-placeholder,
section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area textarea::-webkit-input-placeholder,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area input[type=text]::-webkit-input-placeholder,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area textarea::-webkit-input-placeholder {
    color: #fff
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=text]::-moz-placeholder,
section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area textarea::-moz-placeholder,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area input[type=text]::-moz-placeholder,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area textarea::-moz-placeholder {
    color: #fff
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=text]:-ms-input-placeholder,
section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area textarea:-ms-input-placeholder,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area input[type=text]:-ms-input-placeholder,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area textarea:-ms-input-placeholder {
    color: #fff
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area textarea,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area textarea {
    height: 315px
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=submit],
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area input[type=submit] {
    color: #fff;
    font-size: 16px;
    padding: 10px 43px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border: none;
    outline: 0;
    background: #786eff
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=submit]:hover,
section.admin-review-box .review-box .inner-review-box form.soft-reject div.field-area input[type=submit]:hover {
    opacity: .85
}

section.admin-review-box .review-box .inner-review-box form.hard-reject h2 {
    color: #ff1b18
}

section.admin-review-box .review-box .inner-review-box form.hard-reject div.field-area input[type=submit] {
    background: #ff1b18
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list {
    overflow: hidden;
    margin-bottom: -6px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li {
    list-style: none;
    float: left;
    margin-left: 7px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li>span {
    display: block;
    color: #6c5c9a;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    line-height: 58px;
    margin: 0
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    border: 2px solid transparent;
    padding: 13px 28px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a i {
    display: inline-block;
    font-size: 25px;
    margin-right: 14px;
    line-height: 32px;
    float: left
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a span {
    display: inline-block;
    line-height: 16px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a:before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 25px;
    margin-right: 12px;
    line-height: 32px;
    max-width: 20px;
    float: left;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.active:before {
    content: '\f058'
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.not-required {
    color: #9f9f9f;
    background: #616161
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.required {
    color: #9f9f9f;
    background: #0059b9
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.premium {
    color: #ffd793;
    background: #e69128;
    padding: 14px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.premium i {
    margin-right: 7px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.premium span {
    line-height: 32px
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a.active {
    color: #fff;
    border: 2px solid #ccc
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li a:hover {
    opacity: .8
}

section.admin-review-box .review-box .inner-review-box ul.type-download-list li:first-child {
    margin-left: 0
}

section.admin-review-box .review-box .review-approve-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 4, 99, .85);
    display: none
}

section.admin-review-box .review-box .review-approve-form form.approve-form {
    position: absolute;
    top: 50%;
    margin-top: -190px;
    left: 50%;
    width: 556px;
    margin-left: -278px
}

section.admin-review-box .review-box .review-approve-form form.approve-form a.toggle-approve-box {
    position: absolute;
    top: -40px;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    color: #1d0463;
    background: #fff;
    text-align: center
}

section.admin-review-box .review-box .review-approve-form form.approve-form label {
    display: block;
    float: left;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    margin: 10px 0
}

section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area {
    margin-left: 75px;
    margin-bottom: 18px
}

section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area input[type=text],
section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area textarea {
    width: 100%;
    padding: 12px 20px;
    background: #29116b;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    outline: 0;
    border: 1px solid #4a3682;
    color: #fff;
    font-size: 13px;
    margin: 0
}

section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area input[type=text]::-webkit-input-placeholder,
section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area textarea::-webkit-input-placeholder {
    color: #fff
}

section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area input[type=text]::-moz-placeholder,
section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area textarea::-moz-placeholder {
    color: #fff
}

section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area input[type=text]:-ms-input-placeholder,
section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area textarea:-ms-input-placeholder {
    color: #fff
}

section.admin-review-box .review-box .review-approve-form form.approve-form div.field-area textarea {
    height: 315px
}

section.admin-review-box ul.revision-option-list {
    text-align: center;
    margin-top: -58px;
    position: relative;
    z-index: 2
}

section.admin-review-box ul.revision-option-list li {
    display: inline-block;
    margin-right: -4px
}

section.admin-review-box ul.revision-option-list li a {
    color: #1d0463;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 40px;
    background: #f1f1f1
}

section.admin-review-box ul.revision-option-list li a.delete {
    color: #ff1b18
}

section.admin-review-box ul.revision-option-list li a.edit-item-revision {
    color: #00a2ff
}

section.admin-review-box ul.revision-option-list li a:hover {
    background: #fff
}

.table tr td .userEmail {
    word-break: break-all;
}

section.admin-review-box div.table-box table.revision-table {
    border: none;
    width: 100%;
    margin-bottom: 20px
}

section.admin-review-box div.table-box table.revision-table tr td {
    padding: 15px 25px;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

section.admin-review-box div.table-box table.revision-table tr td a.item-link {
    color: #000
}

section.admin-review-box div.table-box table.revision-table tr td a.item-link:hover {
    opacity: .9;
    text-decoration: underline !important
}

section.admin-review-box div.table-box table.revision-table tr td ul.category li {
    display: inline-block;
    margin-right: 3px
}

section.admin-review-box div.table-box table.revision-table tr td ul.category li:first-child {
    color: #8b8b8b
}

section.admin-review-box div.table-box table.revision-table tr td ul.category li:after {
    content: '/';
    padding-left: 6px
}

section.admin-review-box div.table-box table.revision-table tr td ul.category li:last-child:after {
    content: '';
    padding-left: 0
}

section.admin-review-box div.table-box table.revision-table tr td span.auth-type {
    display: inline-block;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin: 0
}

section.admin-review-box div.table-box table.revision-table tr td span.auth-type.staff {
    background: #38bc35;
    text-transform: uppercase
}

section.admin-review-box div.table-box table.revision-table tr td span.auth-type.contributor {
    background: #5a5f64
}

section.admin-review-box div.table-box table.revision-table tr td a.approve-but,
section.admin-review-box div.table-box table.revision-table tr td a.reject-but {
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0
}

section.admin-review-box div.table-box table.revision-table tr td span.items-numb,
section.admin-review-box div.table-box table.revision-table tr.bulk-line td span {
    color: #3c00ff
}

section.admin-review-box div.table-box table.revision-table tr td a.approve-but:hover,
section.admin-review-box div.table-box table.revision-table tr td a.reject-but:hover {
    opacity: .8
}

section.admin-review-box div.table-box table.revision-table tr td a.approve-but {
    background: #00c299;
    margin-right: 14px
}

section.admin-review-box div.table-box table.revision-table tr td a.reject-but {
    background: #d20a64
}

section.admin-review-box div.table-box table.revision-table tr td div.checkbox-box {
    display: inline-block;
    position: relative;
    width: 30px
}

section.admin-review-box div.table-box table.revision-table tr td div.checkbox-box input[type=checkbox] {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0;
    opacity: 0
}

section.admin-review-box div.table-box table.revision-table tr td div.checkbox-box span {
    position: absolute;
    display: block;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #000
}

section.admin-review-box div.table-box table.revision-table tr td div.checkbox-box span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 11px;
    height: 7px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

.deposit-table .detailed-user:before,
.select-plan-box .premium-plan p.special-offer {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

section.admin-review-box div.table-box table.revision-table tr td div.checkbox-box input[type=checkbox]:checked+span:before {
    opacity: 1
}

section.admin-review-box div.table-box table.revision-table tr td div.checkbox-box input[type=checkbox]:hover+span {
    background: #fdf1be
}

section.admin-review-box div.table-box table.revision-table tr.date-row {
    overflow: hidden;
    position: relative;
}

section.admin-review-box div.table-box table.revision-table tr.date-row td {
    font-size: 16px;
}

section.admin-review-box div.table-box table.revision-table tr.date-row td h2 {
    margin: 0;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 400;
    text-transform: initial;
    background: #f1f1f1;
    padding-right: 30px
}

section.admin-review-box div.table-box table.revision-table tr.date-row td h2:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #bebebe;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2
}

section.admin-review-box div.table-box table.revision-table tr td:nth-child(2n),
section.admin-review-box div.table-box table.revision-table tr th:nth-child(2n) {
    background: #fff
}

section.admin-review-box div.table-box table.revision-table tr.bulk-line+tr.date-row td {
    padding-top: 10px !important;
    padding-bottom: 8px;
    border-top: none
}

section.admin-review-box div.table-box table.revision-table tr.bulk-line td {
    padding-bottom: 5px !important;
    font-style: italic
}

section.admin-review-box div.table-box table.revision-table tr:last-child td {
    padding-bottom: 50px !important;
    border-bottom: 1px solid #bebebe
}

section.admin-review-box div.table-box table.revision-table tr td:first-child {
    padding: 15px 0
}

section.admin-review-box div.table-box table.revision-table tr th {
    padding: 13px 30px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #bebebe;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: "Inter", sans-serif
}

section.admin-review-box div.table-box table.revision-table tr th span.items-numb {
    color: #3c00ff
}

section.admin-review-box div.table-box table.revision-table tr th:first-child {
    padding: 13px 0
}

section.admin-review-box div.table-box {
    padding-bottom: 80px
}

section.admin-review-box div.table-box table.contributors-table,
section.admin-review-box div.table-box table.staff-table,
section.admin-review-box div.table-box table.users-table {
    border: none;
    width: 100%;
    margin-bottom: 20px
}

section.admin-review-box div.table-box table.contributors-table tr td,
section.admin-review-box div.table-box table.staff-table tr td,
section.admin-review-box div.table-box table.users-table tr td {
    padding: 13px 20px;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

section.admin-review-box div.table-box table.contributors-table tr td a.user-link,
section.admin-review-box div.table-box table.staff-table tr td a.user-link,
section.admin-review-box div.table-box table.users-table tr td a.user-link {
    color: #000
}

section.admin-review-box div.table-box table.contributors-table tr td a.user-link:hover,
section.admin-review-box div.table-box table.staff-table tr td a.user-link:hover,
section.admin-review-box div.table-box table.users-table tr td a.user-link:hover {
    opacity: .9;
    text-decoration: underline !important
}

section.admin-review-box div.table-box table.contributors-table tr td ul.category li,
section.admin-review-box div.table-box table.staff-table tr td ul.category li,
section.admin-review-box div.table-box table.users-table tr td ul.category li {
    display: inline-block;
    margin-right: 3px
}

section.admin-review-box div.table-box table.contributors-table tr td ul.category li:first-child,
section.admin-review-box div.table-box table.staff-table tr td ul.category li:first-child,
section.admin-review-box div.table-box table.users-table tr td ul.category li:first-child {
    color: #8b8b8b
}

section.admin-review-box div.table-box table.contributors-table tr td ul.category li:after,
section.admin-review-box div.table-box table.staff-table tr td ul.category li:after,
section.admin-review-box div.table-box table.users-table tr td ul.category li:after {
    content: '/';
    padding-left: 6px
}

section.admin-review-box div.table-box table.contributors-table tr td ul.category li:last-child:after,
section.admin-review-box div.table-box table.staff-table tr td ul.category li:last-child:after,
section.admin-review-box div.table-box table.users-table tr td ul.category li:last-child:after {
    content: '';
    padding-left: 0
}

section.admin-review-box div.table-box table.contributors-table tr td a.revoke,
section.admin-review-box div.table-box table.contributors-table tr td span.auth-type,
section.admin-review-box div.table-box table.contributors-table tr td span.user-type,
section.admin-review-box div.table-box table.staff-table tr td a.revoke,
section.admin-review-box div.table-box table.staff-table tr td span.auth-type,
section.admin-review-box div.table-box table.staff-table tr td span.user-type,
section.admin-review-box div.table-box table.users-table tr td a.revoke,
section.admin-review-box div.table-box table.users-table tr td span.auth-type,
section.admin-review-box div.table-box table.users-table tr td span.user-type {
    display: inline-block;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin: 0
}

section.admin-review-box div.table-box table.contributors-table tr td span.auth-type.staff,
section.admin-review-box div.table-box table.staff-table tr td span.auth-type.staff,
section.admin-review-box div.table-box table.users-table tr td span.auth-type.staff {
    background: #38bc35;
    text-transform: uppercase
}

section.admin-review-box div.table-box table.contributors-table tr td span.auth-type.contributor,
section.admin-review-box div.table-box table.contributors-table tr td span.user-type.free,
section.admin-review-box div.table-box table.staff-table tr td span.auth-type.contributor,
section.admin-review-box div.table-box table.staff-table tr td span.user-type.free,
section.admin-review-box div.table-box table.users-table tr td span.auth-type.contributor,
section.admin-review-box div.table-box table.users-table tr td span.user-type.free {
    background: #5a5f64;
    margin: 1px 0;
}

section.admin-review-box div.table-box table.contributors-table tr td span.user-type.premium,
section.admin-review-box div.table-box table.staff-table tr td span.user-type.premium,
section.admin-review-box div.table-box table.users-table tr td span.user-type.premium {
    background: #e09a00
}

section.admin-review-box div.table-box table.contributors-table tr td a.revoke,
section.admin-review-box div.table-box table.staff-table tr td a.revoke,
section.admin-review-box div.table-box table.users-table tr td a.revoke {
    background: #ffa700;
    text-transform: uppercase;
    font-weight: 600
}

section.admin-review-box div.table-box table.contributors-table tr td a.revoke.active,
section.admin-review-box div.table-box table.staff-table tr td a.revoke.active,
section.admin-review-box div.table-box table.users-table tr td a.revoke.active {
    background: #3ad148
}

section.admin-review-box div.table-box table.contributors-table tr td a.disable,
section.admin-review-box div.table-box table.contributors-table tr td a.dsb-butt,
section.admin-review-box div.table-box table.contributors-table tr td a.edit-prof,
section.admin-review-box div.table-box table.contributors-table tr td a.suspend,
section.admin-review-box div.table-box table.staff-table tr td a.disable,
section.admin-review-box div.table-box table.staff-table tr td a.dsb-butt,
section.admin-review-box div.table-box table.staff-table tr td a.edit-prof,
section.admin-review-box div.table-box table.staff-table tr td a.suspend,
section.admin-review-box div.table-box table.users-table tr td a.disable,
section.admin-review-box div.table-box table.users-table tr td a.dsb-butt,
section.admin-review-box div.table-box table.users-table tr td a.edit-prof,
section.admin-review-box div.table-box table.users-table tr td a.suspend {
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-left: 0;
}

section.admin-review-box div.table-box table.contributors-table tr td a.disable:hover,
section.admin-review-box div.table-box table.contributors-table tr td a.dsb-butt:hover,
section.admin-review-box div.table-box table.contributors-table tr td a.edit-prof:hover,
section.admin-review-box div.table-box table.contributors-table tr td a.suspend:hover,
section.admin-review-box div.table-box table.staff-table tr td a.disable:hover,
section.admin-review-box div.table-box table.staff-table tr td a.dsb-butt:hover,
section.admin-review-box div.table-box table.staff-table tr td a.edit-prof:hover,
section.admin-review-box div.table-box table.staff-table tr td a.suspend:hover,
section.admin-review-box div.table-box table.users-table tr td a.disable:hover,
section.admin-review-box div.table-box table.users-table tr td a.dsb-butt:hover,
section.admin-review-box div.table-box table.users-table tr td a.edit-prof:hover,
section.admin-review-box div.table-box table.users-table tr td a.suspend:hover {
    opacity: .8
}

section.admin-review-box div.table-box table.contributors-table tr td a.dsb-butt,
section.admin-review-box div.table-box table.staff-table tr td a.dsb-butt,
section.admin-review-box div.table-box table.users-table tr td a.dsb-butt {
    background: #ff7900;
    margin-right: 4px
}

section.admin-review-box div.table-box table.contributors-table tr td a.disable.active,
section.admin-review-box div.table-box table.contributors-table tr td a.dsb-butt.active,
section.admin-review-box div.table-box table.contributors-table tr td a.suspend.active,
section.admin-review-box div.table-box table.staff-table tr td a.disable.active,
section.admin-review-box div.table-box table.staff-table tr td a.dsb-butt.active,
section.admin-review-box div.table-box table.staff-table tr td a.suspend.active,
section.admin-review-box div.table-box table.users-table tr td a.disable.active,
section.admin-review-box div.table-box table.users-table tr td a.dsb-butt.active,
section.admin-review-box div.table-box table.users-table tr td a.suspend.active {
    background: #38bc35
}

section.admin-review-box div.table-box table.contributors-table tr td a.disable,
section.admin-review-box div.table-box table.staff-table tr td a.disable,
section.admin-review-box div.table-box table.users-table tr td a.disable {
    background: #ff2900;
    margin-right: 4px
}

section.admin-review-box div.table-box table.contributors-table tr td a.suspend,
section.admin-review-box div.table-box table.staff-table tr td a.suspend,
section.admin-review-box div.table-box table.users-table tr td a.suspend {
    background: #d50000
}

section.admin-review-box div.table-box table.contributors-table tr td a.edit-prof,
section.admin-review-box div.table-box table.staff-table tr td a.edit-prof,
section.admin-review-box div.table-box table.users-table tr td a.edit-prof {
    padding: 2px 20px;
    background: #5a5f64
}

section.admin-review-box div.table-box table.contributors-table tr td span.items-numb,
section.admin-review-box div.table-box table.staff-table tr td span.items-numb,
section.admin-review-box div.table-box table.users-table tr td span.items-numb {
    color: #3c00ff
}

section.admin-review-box div.table-box table.contributors-table tr td div.checkbox-box,
section.admin-review-box div.table-box table.staff-table tr td div.checkbox-box,
section.admin-review-box div.table-box table.users-table tr td div.checkbox-box {
    display: inline-block;
    position: relative;
    width: 30px
}

section.admin-review-box div.table-box table.contributors-table tr td div.checkbox-box input[type=checkbox],
section.admin-review-box div.table-box table.staff-table tr td div.checkbox-box input[type=checkbox],
section.admin-review-box div.table-box table.users-table tr td div.checkbox-box input[type=checkbox] {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0;
    opacity: 0
}

section.admin-review-box div.table-box table.contributors-table tr td div.checkbox-box span,
section.admin-review-box div.table-box table.staff-table tr td div.checkbox-box span,
section.admin-review-box div.table-box table.users-table tr td div.checkbox-box span {
    position: absolute;
    display: block;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #000
}

section.admin-review-box div.table-box table.contributors-table tr td div.checkbox-box span:before,
section.admin-review-box div.table-box table.staff-table tr td div.checkbox-box span:before,
section.admin-review-box div.table-box table.users-table tr td div.checkbox-box span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 11px;
    height: 7px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

section.admin-review-box div.table-box table.contributors-table tr td div.checkbox-box input[type=checkbox]:checked+span:before,
section.admin-review-box div.table-box table.staff-table tr td div.checkbox-box input[type=checkbox]:checked+span:before,
section.admin-review-box div.table-box table.users-table tr td div.checkbox-box input[type=checkbox]:checked+span:before {
    opacity: 1
}

section.admin-review-box div.table-box table.contributors-table tr td div.checkbox-box input[type=checkbox]:hover+span,
section.admin-review-box div.table-box table.staff-table tr td div.checkbox-box input[type=checkbox]:hover+span,
section.admin-review-box div.table-box table.users-table tr td div.checkbox-box input[type=checkbox]:hover+span {
    background: #fdf1be
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state,
section.admin-review-box div.table-box table.users-table tr td ul.active-state {
    position: relative
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li {
    list-style: none;
    display: none;
    position: absolute;
    top: 24px;
    z-index: 2
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li a,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li a,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li a {
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    min-width: 76px;
    text-align: center
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li a:hover,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li a:hover,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li a:hover {
    opacity: .8
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li a.normal,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li a.normal,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li a.normal {
    background: #00b2d9
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li a.good,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li a.good,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li a.good {
    background: #3ad148
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li a.risk,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li a.risk,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li a.risk {
    background: #d20a64
}

section.admin-review-box div.table-box table.contributors-table tr td:nth-child(2n),
section.admin-review-box div.table-box table.contributors-table tr th:nth-child(2n),
section.admin-review-box div.table-box table.staff-table tr td:nth-child(2n),
section.admin-review-box div.table-box table.staff-table tr th:nth-child(2n),
section.admin-review-box div.table-box table.users-table tr td:nth-child(2n),
section.admin-review-box div.table-box table.users-table tr th:nth-child(2n) {
    background: #fff
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li:last-child,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li:last-child,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li:last-child {
    top: 48px
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state li:first-child,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state li:first-child,
section.admin-review-box div.table-box table.users-table tr td ul.active-state li:first-child {
    display: block;
    position: relative;
    top: 0;
    z-index: 1
}

section.admin-review-box div.table-box table.contributors-table tr td ul.active-state:hover li,
section.admin-review-box div.table-box table.staff-table tr td ul.active-state:hover li,
section.admin-review-box div.table-box table.users-table tr td ul.active-state:hover li {
    display: block
}

section.admin-review-box div.table-box table.contributors-table tr.bulk-line td,
section.admin-review-box div.table-box table.staff-table tr.bulk-line td,
section.admin-review-box div.table-box table.users-table tr.bulk-line td {
    border-bottom: 1px solid #bebebe;
    font-style: italic
}

section.admin-review-box div.table-box table.contributors-table tr.bulk-line td a,
section.admin-review-box div.table-box table.staff-table tr.bulk-line td a,
section.admin-review-box div.table-box table.users-table tr.bulk-line td a {
    font-style: normal
}

section.admin-review-box div.table-box table.contributors-table tr.bulk-line td span,
section.admin-review-box div.table-box table.staff-table tr.bulk-line td span,
section.admin-review-box div.table-box table.users-table tr.bulk-line td span {
    color: #3c00ff
}

section.admin-review-box div.table-box table.contributors-table tr.bulk-line+tr td,
section.admin-review-box div.table-box table.staff-table tr.bulk-line+tr td,
section.admin-review-box div.table-box table.users-table tr.bulk-line+tr td {
    padding-top: 30px
}

section.admin-review-box div.table-box table.contributors-table tr:last-child td,
section.admin-review-box div.table-box table.staff-table tr:last-child td,
section.admin-review-box div.table-box table.users-table tr:last-child td {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #bebebe
}

section.admin-review-box div.table-box table.contributors-table tr td:first-child,
section.admin-review-box div.table-box table.staff-table tr td:first-child,
section.admin-review-box div.table-box table.users-table tr td:first-child {
    padding-left: 0
}

section.admin-review-box div.table-box table.contributors-table tr th,
section.admin-review-box div.table-box table.staff-table tr th,
section.admin-review-box div.table-box table.users-table tr th {
    padding: 13px 25px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #bebebe;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: "Inter", sans-serif
}

section.admin-review-box div.table-box table.contributors-table tr th span.items-numb,
section.admin-review-box div.table-box table.staff-table tr th span.items-numb,
section.admin-review-box div.table-box table.users-table tr th span.items-numb {
    color: #3c00ff
}

section.admin-review-box div.table-box table.contributors-table tr th:first-child,
section.admin-review-box div.table-box table.staff-table tr th:first-child,
section.admin-review-box div.table-box table.users-table tr th:first-child {
    padding-left: 0
}

section.admin-review-box .search-filter .filter-category.contrib-users {
    padding-top: 30px
}

section.admin-review-box .search-filter .filter-category.contrib-users .cat-all {
    padding: 3px 0
}

form.add-staff-form {
    margin: 0 0 40px;
    padding-top: 5px
}

form.add-staff-form label {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-right: 15px
}

form.add-staff-form input[type=text] {
    width: 375px;
    padding: 14px 20px;
    background: #fff;
    outline: 0;
    border: 1px solid #cbcbcb;
    color: #8b8b8b;
    font-size: 16px;
    margin-right: 15px
}

form.add-staff-form select {
    width: 375px
}

form.add-staff-form .select2-container--default .select2-selection--multiple {
    width: 375px;
    height: 50px;
    border: 1px solid #7e7e7e !important;
    background: #f4f4f4
}

form.add-staff-form .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #7e7e7e !important;
    padding: 8px 12px;
    color: #000;
    font-size: 14px;
    height: auto
}

form.add-staff-form input[type=submit] {
    outline: 0;
    padding: 14px 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    background: #3ad148;
    margin: 0 0 0 15px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

form.add-staff-form input[type=submit]:hover {
    opacity: .7
}

.premium-box {
    margin-top: 40px;
    padding: 60px;
    background: #eaeaea;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.premium-box .left-side a,
.premium-box ul.premium-list li {
    color: #000;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.premium-box .left-side {
    padding-top: 100px;
    padding-right: 20px;
    text-align: center
}

.premium-box .left-side a {
    padding: 30px;
    width: 220px;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px
}

.premium-box .left-side a.active-button {
    background: #7dc832;
    box-shadow: 1px 1px 0 #7e7e7e;
    -webkit-box-shadow: 1px 1px 0 #7e7e7e;
    -moz-box-shadow: 1px 1px 0 #7e7e7e;
    -o-box-shadow: 1px 1px 0 #7e7e7e;
    margin-top: 30px
}

.premium-box .left-side a.active-button i {
    margin-right: 5px
}

.premium-box .left-side a.inactive-button {
    background: #f9c700;
    box-shadow: 1px 1px 0 #c09720;
    -webkit-box-shadow: 1px 1px 0 #c09720;
    -moz-box-shadow: 1px 1px 0 #c09720;
    -o-box-shadow: 1px 1px 0 #c09720;
    margin-top: 30px
}

.premium-box .left-side a.transaction-button {
    background: #a5a5a5;
    box-shadow: 1px 1px 0 #7e7e7e;
    -webkit-box-shadow: 1px 1px 0 #7e7e7e;
    -moz-box-shadow: 1px 1px 0 #7e7e7e;
    -o-box-shadow: 1px 1px 0 #7e7e7e
}

.premium-box .left-side a:hover {
    opacity: .85
}

.premium-box ul.premium-list {
    padding-right: 40px
}

.premium-box ul.premium-list li {
    list-style: none;
    margin-bottom: 3px;
    padding: 15px 30px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

.premium-box ul.premium-list li a.cancel,
.premium-box ul.premium-list li a.update-reativate-link {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 14px 30px;
    font-family: "Inter", sans-serif
}

.premium-box ul.premium-list li span.it-name {
    display: inline-block;
    width: 210px
}

.premium-box ul.premium-list li span.it-value {
    font-weight: 600
}

.premium-box ul.premium-list li span.it-value.active {
    color: #32be32
}

.premium-box ul.premium-list li span.it-value.inactive {
    color: #e92b14
}

.premium-box ul.premium-list li span.it-value.non-active {
    color: #ee2d24
}

.premium-box ul.premium-list li span.it-value.pro-plan {
    color: #d2a03c
}

.premium-box ul.premium-list li span.it-snd-value {
    display: block;
    margin-left: 210px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 22px
}

.premium-box ul.premium-list li span.it-snd-value img {
    margin-right: 10px;
    float: left
}

.premium-box ul.premium-list li span.it-snd-value a.change-credit-card {
    font-weight: 400;
    outline: 0;
    float: none;
    margin-left: 40px
}

.premium-box ul.premium-list li span.it-reactive {
    float: right;
    color: #656565;
    font-style: italic
}

.premium-box ul.premium-list li span.cancelled-line {
    display: inline-block;
    font-style: italic;
    color: #e92b14;
    margin-left: 350px;
    margin-top: -44px;
    line-height: 16px;
    font-size: 11px;
    float: left
}

.premium-box ul.premium-list li a.change-credit-card,
.premium-box ul.premium-list li a.change-plan-link,
.premium-box ul.premium-list li a.update-payment-method {
    float: right;
    color: #009ad4;
    font-size: 12px;
    line-height: 24px;
    outline: 0 !important
}

.premium-box ul.premium-list li a.change-credit-card:hover,
.premium-box ul.premium-list li a.change-plan-link:hover,
.premium-box ul.premium-list li a.update-payment-method:hover {
    text-decoration: underline !important
}

.premium-box ul.premium-list li a.update-payment-method {
    float: right
}

.premium-box ul.premium-list li a.change-plan-link.cancelled,
.premium-box ul.premium-list li a.change-plan-link.inactive {
    color: #e92b14
}

.premium-box ul.premium-list li a.cancel {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
    background: #e92b13;
    box-shadow: 1px 1px 0 #aa0804;
    -webkit-box-shadow: 1px 1px 0 #aa0804;
    -moz-box-shadow: 1px 1px 0 #aa0804;
    -o-box-shadow: 1px 1px 0 #aa0804
}

.premium-box ul.premium-list li a.update-reativate-link {
    outline: 0;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
    background: #7dc832;
    box-shadow: 1px 1px 0 #7e7e7e;
    -webkit-box-shadow: 1px 1px 0 #7e7e7e;
    -moz-box-shadow: 1px 1px 0 #7e7e7e;
    -o-box-shadow: 1px 1px 0 #7e7e7e
}

.premium-box ul.premium-list li a.reativate-link {
    outline: 0;
    padding: 14px 30px;
    color: #d2d2d2;
    font-size: 12px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #ededed;
    box-shadow: 1px 1px 0 #d2d2d2;
    -webkit-box-shadow: 1px 1px 0 #d2d2d2;
    -moz-box-shadow: 1px 1px 0 #d2d2d2;
    -o-box-shadow: 1px 1px 0 #d2d2d2
}

div.warning-of-cancel {
    padding: 25px;
    text-align: center;
    background: #fef6d8;
    border: 2px solid #fff;
    margin-bottom: 40px;
    margin-top: 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

div.warning-of-cancel p {
    margin-bottom: 0
}

div.warning-of-cancel p span {
    font-weight: 700
}

#update-credit-card .modal-dialog,
#update-modal .modal-dialog,
#refund-season-show-modal .modal-dialog,
#update-payment-method .modal-dialog,
#invoice-modal .modal-dialog {
    width: 1140px;
    max-width: 100%;
    margin: 100px auto 30px
}

#update-credit-card .modal-content,
#update-modal .modal-content,
#update-payment-method .modal-content {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: none
}

#update-credit-card .modal-body,
#update-modal .modal-body,
#update-payment-method .modal-body {
    padding: 60px !important
}

#update-credit-card a.save-update,
#update-credit-card input.update-plan-button,
#update-modal a.save-update,
#update-modal input.update-plan-button,
#update-payment-method a.save-update,
#update-payment-method input.update-plan-button {
    padding: 20px;
    width: 200px;
    text-align: center;
    margin-top: 10px;
    color: #000;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #f9c700;
    box-shadow: 1px 1px 0 #c09720;
    -webkit-box-shadow: 1px 1px 0 #c09720;
    -moz-box-shadow: 1px 1px 0 #c09720;
    -o-box-shadow: 1px 1px 0 #c09720
}

#update-credit-card a.save-update:hover,
#update-credit-card input.update-plan-button:hover,
#update-modal a.save-update:hover,
#update-modal input.update-plan-button:hover,
#update-payment-method a.save-update:hover,
#update-payment-method input.update-plan-button:hover {
    opacity: .7
}

#update-credit-card a.save-update,
#update-modal a.save-update,
#update-payment-method a.save-update {
    margin-top: 30px
}

#card-update-modeal #update-credit-card .modal-dialog,
#card-update-modeal #update-modal .modal-dialog,
#card-update-modeal #update-payment-method .modal-dialog {
    width: 60%;
    max-width: 100%;
    margin: 100px auto 30px
}

#card-update-modeal div.payment-details-box .nav-tabs>li {
    width: 104.1%;
    height: 120px
}

#card-update-modeal div.payment-details-box .nav-tabs>li.active a {
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
    margin-bottom: -2px
}

#card-update-modeal div.payment-details-box .tab-content .tab-pane {
    padding: 15px 43px 6px;
    background: #fff;
    border: 1px solid #bebebe
}

#card-update-modeal #update-credit-card input.save-update,
#card-update-modeal #update-credit-card input.update-plan-button,
#card-update-modeal #update-modal input.save-update,
#card-update-modeal #update-modal input.update-plan-button,
#card-update-modeal #update-payment-method input.save-update,
#card-update-modeal #update-payment-method input.update-plan-button {
    padding: 20px;
    width: 200px;
    text-align: center;
    margin-top: 10px;
    color: #000;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #f9c700;
    box-shadow: 1px 1px 0 #c09720;
    -webkit-box-shadow: 1px 1px 0 #c09720;
    -moz-box-shadow: 1px 1px 0 #c09720;
    -o-box-shadow: 1px 1px 0 #c09720
}

#card-update-modeal #update-credit-card input.save-update:hover,
#card-update-modeal #update-credit-card input.update-plan-button:hover,
#card-update-modeal #update-modal input.save-update:hover,
#card-update-modeal #update-modal input.update-plan-button:hover,
#card-update-modeal #update-payment-method input.save-update:hover,
#card-update-modeal #update-payment-method input.update-plan-button:hover {
    opacity: .7
}

#card-update-modeal #update-credit-card input.save-update,
#card-update-modeal #update-modal input.save-update,
#card-update-modeal #update-payment-method input.save-update {
    margin-top: 30px
}

section.profile-tabs-section .profile-tabs {
    list-style: none;
}

section.profile-tabs-section .profile-tabs li {
    position: relative;
    margin: 10px 0;
}

section.profile-tabs-section .profile-tabs li:last-child {
    margin: 0;
}

section.profile-tabs-section .profile-tabs li a {
    color: #aaa5a0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 50px 10px 0;
    display: block;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    position: relative;
    white-space: nowrap;
}

section.profile-tabs-section .profile-tabs li a:hover {
    color: #dcaa00;
}

section.profile-tabs-section .profile-tabs li.active a {
    color: #dcaa00;
}

section.profile-tabs-section .profile-tabs li.active::after {
    content: "";
    width: 1px;
    height: 48px;
    background: #dcaa00;
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 10;
}

@media (max-width: 991.98px) {
    .main-grid-layout .left-side-menu {
        padding-top: 20px;
    }

    section.profile-tabs-section .profile-tabs li.active::after {
        width: 100%;
        height: 1px;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        bottom: 0;
    }

    section.profile-tabs-section .profile-tabs li {
        margin: 7px 0;
    }

    section.profile-tabs-section .profile-tabs li a {
        font-size: 18px;
        padding: 5px 0;
    }
}

@media (max-width: 768px) {
    section.profile-tabs-section .profile-tabs {
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 400px) {
    .main-grid-layout .left-side-menu {
        padding-top: 15px;
    }

    section.profile-tabs-section .profile-tabs li a {
        font-size: 16px;
        padding: 5px 0;
    }
}


section.go-premiumbanner-section {
    padding: 100px 0 260px;
    background: url(../img/premium-ban.jpg) center center
}

section.go-premiumbanner-success-section {
    padding: 120px 0 150px;
    border-top: 1px solid #d2a03c
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box {
    border-radius: 15px;
    -webkit-box-shadow: 3px 8px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 8px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 3px 8px 15px 0 rgba(0, 0, 0, .15)
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box a {
    width: 75%;
    font-size: 15px;
    font-weight: 600;
    background-color: #d2a03c;
    color: #fff;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 0 0 #ba850d;
    -moz-box-shadow: 0 2px 0 0 #ba850d;
    box-shadow: 0 2px 0 0 #ba850d
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box .meddile {
    margin: 52px 0
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box .middle-last {
    margin: 63px 0 41px
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box a:hover {
    background-color: #e1aa3c
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box h3 {
    margin: 0;
    font-size: 45px;
    margin-left: 43px;
    font-weight: 300;
    padding-bottom: 6px;
    background: -webkit-radial-gradient(#aad728, #41be64);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box p {
    font-size: 13px;
    margin-left: 47px
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box .thanks {
    font-weight: 700
}

section.go-premiumbanner-success-section .go-premiumbanner-allert-box .premium {
    color: #d2a03c
}

#page section.invoice-section {
    padding: 0;
    background: #f1f1f1
}

@media only screen and (max-width:600px) {
    section.go-premiumbanner-success-section .go-premiumbanner-allert-box {
        text-align: center
    }
}

section.go-premiumbanner-section .go-premiumbanner-box {
    text-align: center
}

section.go-premiumbanner-section .go-premiumbanner-box h1 {
    color: #fff
}

section.go-premiumbanner-section .go-premiumbanner-box p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 20px
}

section.go-premiumbanner-section .go-premiumbanner-box span {
    display: inline-block;
    width: 60px;
    height: 4px;
    background: #fff
}

section.premium-plan-section {
    padding: 0 0 100px;
    background: #fff
}

section.premium-plan-section .premium-plan-box {
    margin: -210px 0 70px;
    padding: 50px;
    background: #f6f6f6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

section.premium-plan-section .premium-plan-box .premium-logo {
    text-align: center;
    padding-top: 120px
}

section.premium-plan-section .premium-plan-box .premium-logo img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px
}

section.premium-plan-section .premium-plan-box .premium-logo span {
    padding: 6px 15px;
    display: inline-block;
    color: #32be32;
    font-size: 11px;
    font-weight: 700;
    text-transform: capitalize;
    border: 2px solid #32be32;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    margin: 0
}

section.premium-plan-section .premium-plan-box table tr th {
    border: none;
    padding: 0
}

section.premium-plan-section .premium-plan-box table tr th span {
    width: 126px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 15px 5px;
    background: #3f3f3f
}

section.premium-plan-section .premium-plan-box table tr th span.free {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px
}

section.premium-plan-section .premium-plan-box table tr th span.premium {
    background: #d2a03c;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

section.premium-plan-section .premium-plan-box table tr td {
    border: none;
    padding: 16px 0;
    color: #000;
    font-size: 16px;
    text-align: center
}

section.premium-plan-section .premium-plan-box table tr td span {
    font-weight: 700
}

section.premium-plan-section .premium-plan-box table tr td:first-child {
    text-align: left;
    padding: 16px 0 16px 30px
}

section.premium-plan-section .premium-plan-box table tr td:last-child,
section.premium-plan-section .premium-plan-box table tr th:last-child {
    border-left: 3px solid #f6f6f6
}

section.premium-plan-section .premium-plan-box table tr:nth-child(2n) td {
    background: #fff
}

.select-plan-box {
    max-width: 912px;
    margin: 0 auto
}

.select-plan-box>h1 {
    max-width: 454px;
    margin: 0 auto 30px;
    color: #d2a03c;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

.select-plan-box>h1 span {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 12px
}

.select-plan-box>h1:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d2a03c
}

.refund-request-box {
    max-width: 100%;
    margin: 0 auto
}

#refund-request-modal .modal-dialog {
    width: 1140px;
    max-width: 100%;
    margin: 100px auto 30px
}

#refund-request-modal .modal-content {
    border-radius: 6px 6px 0 0
}

#refund-request-modal .modal-body {
    padding: 15px 0 0
}

.refund-request-box>h1 {
    max-width: 454px;
    margin: 0 auto 30px;
    color: #d2a03c;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

.refund-request-box>h1 span {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 12px 12px 0 0
}

.refund-request-box .col-md-12 {
    background-color: #fafafa;
    border-top: 1px solid #ececec;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px
}

.refund-request-box .col-md-4 {
    background: #fff;
    border-top: 1px solid #fafafa;
    border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    -ms-border-radius: 0 0 0 6px;
    height: 500px;
    font-size: 18px
}

.refund-request-box .col-md-4>p>span {
    color: red;
    font-weight: 700
}

.refund-request-box .col-md-4>p {
    padding: 68px 68px 0;
    font-weight: lighter
}

.refund-request-box .col-md-4>p:nth-child(2) {
    padding: 40px 68px 0
}

.refund-request-box .col-md-4>p:nth-child(3) {
    margin: 30px 68px 0;
    height: 1px;
    padding: 0;
    background: #eadede
}

.refund-request-box .col-md-4>p:last-child {
    margin: -37px 5px 0 0
}

.refund-request-box .col-md-4>p>a {
    color: #1e8cdc;
    padding: 0
}

.refund-request-box .col-md-8 {
    border-top: 1px solid #fafafa;
    border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -ms-border-radius: 0 0 6px 0;
    height: 500px
}

.refund-request-box .col-md-8 .refund-request-button {
    padding: 20px;
    width: 200px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    background: #f9c700;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.refund-request-box .col-md-8 .refund-form-font {
    margin-top: 68px;
    font-size: 18px;
    font-family: "Inter", sans-serif
}

.select-plan-box .premium-plan {
    padding-bottom: 50px;
    background: #f6f6f6;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 30px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.select-plan-box .premium-plan span.plan-duration,
.select-plan-box .premium-plan span.plan-tit {
    display: inline-block;
    width: 148px;
    padding: 14px 4px;
    color: #7e7e7e;
    font-size: 17px;
    transition: all .2s ease-in-out;
    font-family: "Inter", sans-serif
}

.select-plan-box .premium-plan span.plan-tit {
    background: #ececec;
    font-weight: 600;
    margin: 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.select-plan-box .premium-plan span.plan-duration {
    background: #fff;
    font-weight: 400;
    font-style: italic;
    margin: 0 0 30px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.select-plan-box .premium-plan h1 {
    color: #d2a03c;
    font-size: 60px;
    font-style: 300;
    margin-bottom: 8px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.select-plan-box .premium-plan h1 span {
    font-size: 17px;
    font-weight: 600;
    color: #989898;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.select-plan-box .premium-plan p {
    color: #7e7e7e;
    font-size: 17px;
    margin: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.select-plan-box .premium-plan p.special-offer {
    background: #d2a03c;
    padding: 6px;
    text-align: center;
    position: absolute;
    bottom: 25px;
    right: -55px;
    width: 200px;
    color: #9f7602;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 13px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transform: rotate(-45deg)
}

.select-plan-box .premium-plan p.special-offer span {
    display: block;
    margin: 0;
    font-size: 9px
}

.select-plan-box .premium-plan:hover {
    background: #f1f1f1
}

.select-plan-box .premium-plan.easy-plan h1 {
    color: #32be32
}

.select-plan-box .premium-plan.active {
    background: #d2a03c
}

.select-plan-box .premium-plan.active span.plan-tit {
    background: #9f7602;
    color: #fff
}

.select-plan-box .premium-plan.active span.plan-duration {
    color: #000
}

.select-plan-box .premium-plan.active h1 {
    color: #fff
}

.select-plan-box .premium-plan.active h1 span,
.select-plan-box .premium-plan.active p {
    color: #000
}

.select-plan-box .premium-plan.active p.special-offer {
    background: #f9c700;
    color: #9f7602
}

.select-plan-box .premium-plan.easy-plan.active {
    background: #32be32
}

.select-plan-box .premium-plan.easy-plan.active span.plan-tit {
    background: #259225
}

.select-plan-box .premium-plan.easy-plan.active h1 {
    color: #fff
}

.select-plan-box p.choosed-plan {
    text-align: center;
    font-weight: 600;
    font-style: italic;
    margin: 0;
    display: none
}

.select-plan-box p.choosed-plan span.pro-plan {
    color: #d2a03c
}

.select-plan-box p.choosed-plan span.easy-plan {
    color: #32be32
}

section.premium-feature-section {
    padding: 120px 0 100px;
    background: #d2a03c
}

section.premium-feature-section .premium-feature-box {
    text-align: center
}

section.premium-feature-section .premium-feature-box .premium-feature-post {
    margin-bottom: 80px
}

section.premium-feature-section .premium-feature-box .premium-feature-post img {
    margin-bottom: 40px
}

section.premium-feature-section .premium-feature-box .premium-feature-post h2 {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 24px
}

section.premium-feature-section .premium-feature-box .premium-feature-post p {
    font-size: 14px;
    font-style: italic
}

section.premium-feature-section .premium-feature-box a {
    width: 300px;
    padding: 22px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 5px;
    border: 1px solid #b18d00;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    background-color: #fff;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-box-shadow: 4px 12px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 4px 12px 20px 0 rgba(0, 0, 0, .1)
}

section.premium-feature-section .premium-feature-box a:hover {
    -webkit-box-shadow: 6px 18px 40px 0 rgba(0, 0, 0, .3);
    box-shadow: 6px 18px 40px 0 rgba(0, 0, 0, .3)
}

form.withdrawal-form .withdrawal-data-fields input[type=submit]:hover,
form.withdrawal-form div.withdrawal-status .status-box .pend-box a:hover {
    opacity: .85
}

section.premium-area-section {
    padding: 40px 0;
    background: #f1f1f1
}

section.premium-area-section h2 {
    color: #787878;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 35px;
    line-height: 36px
}

section.premium-area-section h2 span {
    display: inline-block;
    margin-left: 4px;
    padding: 9px 15px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #000;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: .5px;
    line-height: 20px
}

section.premium-area-section .transaction-line-box {
    overflow: hidden
}

section.premium-area-section .transaction-line-box .balance-line {
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #e7e7e7;
    text-align: center;
    margin-bottom: 50px
}

section.premium-area-section .transaction-line-box .balance-line p {
    display: inline-block;
    font-size: 20px;
    padding-left: 50px;
    margin-left: 35px;
    position: relative;
    margin-bottom: 0
}

section.premium-area-section .transaction-line-box .balance-line p span.price {
    font-weight: 700;
    font-size: 25px
}

section.premium-area-section .transaction-line-box .balance-line p span.last-time {
    color: #585858;
    font-size: 16px;
    font-style: italic;
    float: right;
    margin-left: 10px;
    margin-top: 2px
}

section.premium-area-section .transaction-line-box .balance-line p:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 7px;
    background: #d5d5d5
}

section.premium-area-section .transaction-line-box .balance-line p:first-child {
    padding-left: 0;
    margin-left: 0
}

section.premium-area-section .transaction-line-box .balance-line p:first-child:before {
    display: none
}

section.premium-area-section .deposit-table,
section.premium-area-section .earnings-table,
section.premium-area-section .transactions-history-table,
section.premium-area-section .withdrawal-table {
    margin: 50px 0
}

section.premium-area-section .deposit-table table,
section.premium-area-section .earnings-table table,
section.premium-area-section .transactions-history-table table,
section.premium-area-section .withdrawal-table table {
    margin: 0 !important
}

section.premium-area-section .deposit-table table tr th,
section.premium-area-section .earnings-table table tr th,
section.premium-area-section .transactions-history-table table tr th,
section.premium-area-section .withdrawal-table table tr th {
    border: none;
    background: #323232;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 45px;
    font-style: italic
}

section.premium-area-section .deposit-table table tr th:first-child,
section.premium-area-section .earnings-table table tr th:first-child,
section.premium-area-section .transactions-history-table table tr th:first-child,
section.premium-area-section .withdrawal-table table tr th:first-child {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px
}

section.premium-area-section .deposit-table table tr th:last-child,
section.premium-area-section .earnings-table table tr th:last-child,
section.premium-area-section .transactions-history-table table tr th:last-child,
section.premium-area-section .withdrawal-table table tr th:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

section.premium-area-section .deposit-table table tr td,
section.premium-area-section .earnings-table table tr td,
section.premium-area-section .transactions-history-table table tr td,
section.premium-area-section .withdrawal-table table tr td {
    border: none;
    background: #fff;
    padding: 13px 45px;
    color: #000;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

section.premium-area-section .deposit-table table tr:nth-child(2n+1) td,
section.premium-area-section .earnings-table table tr:nth-child(2n+1) td,
section.premium-area-section .transactions-history-table table tr:nth-child(2n+1) td,
section.premium-area-section .withdrawal-table table tr:nth-child(2n+1) td {
    background: #f9f9f9
}

section.premium-area-section .deposit-table .total-transaction,
section.premium-area-section .earnings-table .total-transaction,
section.premium-area-section .transactions-history-table .total-transaction,
section.premium-area-section .withdrawal-table .total-transaction {
    padding: 16px 45px;
    background: #323232;
    overflow: hidden;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

section.premium-area-section .transactions-history-table .total-transaction {
    padding: 16px 0
}

section.premium-area-section .deposit-table .total-transaction p,
section.premium-area-section .earnings-table .total-transaction p,
section.premium-area-section .transactions-history-table .total-transaction p,
section.premium-area-section .withdrawal-table .total-transaction p {
    width: 260px;
    float: right;
    margin: 0 90px 0 0;
    font-size: 16px;
    color: #fff;
    font-style: italic;
    clear: both;
    line-height: 28px
}

section.premium-area-section .transactions-history-table .total-transaction p {
    width: 200px;
    margin: 0
}

section.premium-area-section .deposit-table .total-transaction p span,
section.premium-area-section .earnings-table .total-transaction p span,
section.premium-area-section .transactions-history-table .total-transaction p span,
section.premium-area-section .withdrawal-table .total-transaction p span {
    font-weight: 700;
    float: right;
    font-style: normal
}

section.premium-area-section .earnings-table h2 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 10px
}

section.premium-area-section .earnings-table table tr:last-child td {
    background: #323232;
    color: #fff;
    font-style: italic
}

section.premium-area-section .earnings-table table tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px
}

section.premium-area-section .earnings-table table tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

section.premium-area-section .earnings-summery .earning-title {
    overflow: hidden
}

section.premium-area-section .earnings-summery .earning-title span {
    display: inline-block;
    float: left;
    color: #7674d7;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 25px;
    background: #fafafa;
    margin: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

section.premium-area-section .earnings-summery .earning-title ul.earn-list {
    float: right;
    text-align: right
}

section.premium-area-section .earnings-summery .earning-title ul.earn-list li {
    display: inline-block;
    margin-left: 15px
}

section.premium-area-section .earnings-summery .earning-title ul.earn-list li a {
    color: #b7b7b7;
    font-size: 16px;
    font-style: italic
}

section.premium-area-section .earnings-summery .earning-title ul.earn-list li a.active {
    color: #3c00ff
}

section.premium-area-section .earnings-summery .earning-summery-box {
    overflow: hidden;
    background: #fafafa;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 0px 8px 15px -2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 8px 15px -2px rgba(0, 0, 0, .07)
}

section.premium-area-section .earnings-summery .earning-summery-box>p {
    color: #000;
    font-size: 16px;
    font-style: italic;
    padding: 12px 20px;
    background: #fff;
    text-align: center;
    margin: 0
}

section.premium-area-section .earnings-summery .earning-summery-box>p span {
    font-weight: 700;
    font-style: normal
}

section.premium-area-section .earnings-summery .earning-summery-box .summery-item {
    float: left;
    width: 33.3333333%;
    padding: 15px 10px 25px 80px
}

section.premium-area-section .earnings-summery .earning-summery-box .summery-item i {
    float: left;
    color: #000;
    font-size: 38px;
    margin-right: 20px;
    line-height: 60px
}

section.premium-area-section .earnings-summery .earning-summery-box .summery-item p {
    color: #000;
    font-size: 16px;
    font-style: italic;
    margin: 0
}

section.premium-area-section .earnings-summery .earning-summery-box .summery-item p span {
    display: block;
    font-size: 35px;
    font-weight: 300;
    font-style: normal;
    line-height: 36px
}

section.premium-area-section .earnings-summery .earning-summery-box .summery-item.summery-down-item {
    background: #fff;
    border-top: 1px solid #fafafa
}

section.premium-area-section .withdrawal-table h2 {
    font-size: 18px
}

form.withdrawal-form {
    padding-bottom: 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid #8b8b8b
}

form.withdrawal-form div.withdrawal-status {
    margin-bottom: 50px
}

form.withdrawal-form div.withdrawal-status span.pend-withd {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 25px;
    background: #fff;
    margin: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

form.withdrawal-form div.withdrawal-status .status-box {
    overflow: hidden
}

form.withdrawal-form div.withdrawal-status .status-box .pend-box,
form.withdrawal-form div.withdrawal-status .status-box .with-box {
    float: left;
    width: 50%;
    padding: 35px 25px;
    background: #e7e7e7;
    min-height: 224px
}

form.withdrawal-form div.withdrawal-status .status-box .pend-box p,
form.withdrawal-form div.withdrawal-status .status-box .with-box p {
    margin-bottom: 20px;
    font-size: 16px
}

form.withdrawal-form div.withdrawal-status .status-box .pend-box p span,
form.withdrawal-form div.withdrawal-status .status-box .with-box p span {
    font-size: 14px;
    font-style: italic;
    line-height: 20px
}

form.withdrawal-form div.withdrawal-status .status-box .pend-box {
    padding-bottom: 15px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px
}

form.withdrawal-form div.withdrawal-status .status-box .pend-box a {
    padding: 20px 10px;
    width: 160px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    background: #f9c700;
    box-shadow: 1px 1px 0 #d7ac00;
    -webkit-box-shadow: 1px 1px 0 #d7ac00;
    -moz-box-shadow: 1px 1px 0 #d7ac00;
    -o-box-shadow: 1px 1px 0 #d7ac00;
    margin-bottom: 20px
}

form.withdrawal-form div.withdrawal-status .status-box .with-box {
    background: #a5a5a5;
    padding: 35px 40px 30px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

form.withdrawal-form div.withdrawal-status .status-box .with-box p {
    color: #fff;
    margin-bottom: 10px
}

form.withdrawal-form div.withdrawal-status .status-box .with-box span.available-amount {
    display: inline-block;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px
}

form.withdrawal-form div.withdrawal-status .status-box .with-box span.marked-field {
    float: right;
    display: inline-block;
    color: #3f3f3f;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 0
}

form.withdrawal-form .withdrawal-data-fields {
    display: none
}

form.withdrawal-form .withdrawal-data-fields .field-line {
    overflow: hidden;
    margin-bottom: 40px
}

form.withdrawal-form .withdrawal-data-fields .field-line label {
    float: left;
    display: inline-block;
    min-width: 200px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 16px 15px 0
}

form.withdrawal-form .withdrawal-data-fields .field-line label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin-right: 13px;
    font-size: 16px;
    font-weight: 600;
    background: #eb323c
}

form.withdrawal-form .withdrawal-data-fields .field-line p.field-desc {
    display: block;
    clear: both;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 0
}

form.withdrawal-form .withdrawal-data-fields .field-line p.field-desc span {
    display: inline-block;
    margin-left: 13px
}

form.withdrawal-form .withdrawal-data-fields .field-line p.field-desc span:before {
    content: '|';
    font-size: 14px;
    margin-right: 13px
}

form.withdrawal-form .withdrawal-data-fields .field-line p.field-desc a {
    color: #006d97;
    cursor: pointer
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field {
    display: inline-block;
    float: left
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field input[type=text] {
    padding: 13px 25px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #d8d8d8 !important;
    color: #585858;
    font-size: 24px;
    margin: 0
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.amount-field {
    position: relative
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.amount-field input[type=text] {
    width: 230px;
    padding-left: 85px
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.amount-field span {
    display: inline-block;
    width: 65px;
    height: 60px;
    text-align: center;
    line-height: 62px;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    background: #f1f1f1;
    border-right: 1px solid #d8d8d8;
    font-size: 24px;
    color: #989898;
    margin: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type {
    width: 180px;
    height: 70px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type input[type=radio] {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: relative;
    z-index: 2
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type span {
    display: block;
    width: 100%;
    height: 85%;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type span.paypal-option-radio {
    background: url(../img/premium-paypal.png) center center no-repeat #e7e7e7
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type span.skrill-option-radio {
    background: url(../img/premium-skrill.png) center center no-repeat #e7e7e7
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type span.payoneer-option-radio {
    background: url(../img/premium-payoneer.png) center center no-repeat #e7e7e7
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type input[type=radio]:checked+span.paypal-option-radio {
    background: url(../img/premium-paypal-white.png) center center no-repeat #46be32
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type input[type=radio]:checked+span.skrill-option-radio {
    background: url(../img/premium-skrill-white.png) center center no-repeat #46be32
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.field-radios div.radio-type input[type=radio]:checked+span.payoneer-option-radio {
    background: url(../img/premium-payoneer-white.png) center center no-repeat #46be32
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.email-field .field-row {
    margin-bottom: 15px
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.email-field .field-row span {
    display: inline-block;
    width: 110px;
    text-align: right;
    margin-right: 25px;
    color: #000;
    font-size: 16px;
    font-family: "Inter", sans-serif
}

form.withdrawal-form .withdrawal-data-fields .field-line div.input-field.email-field .field-row input[type=text] {
    width: 480px
}

form.withdrawal-form .withdrawal-data-fields .field-line>span {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-style: italic;
    margin-left: 16px;
    line-height: 64px;
    float: left
}

form.withdrawal-form .withdrawal-data-fields input[type=submit] {
    padding: 20px 10px;
    width: 160px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background: #46be32;
    outline: 0;
    border: none;
    box-shadow: 1px 1px 0 #27a21a;
    -webkit-box-shadow: 1px 1px 0 #27a21a;
    -moz-box-shadow: 1px 1px 0 #27a21a;
    -o-box-shadow: 1px 1px 0 #27a21a;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.subscribe-earning-summery,
.subscribe-pay-summery {
    margin-bottom: 60px
}

.subscribe-earning-summery .earning-title,
.subscribe-pay-summery .earning-title {
    overflow: hidden
}

.subscribe-earning-summery .earning-title span,
.subscribe-pay-summery .earning-title span {
    display: inline-block;
    float: left;
    color: #7674d7;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 25px;
    background: #fafafa;
    margin: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.subscribe-earning-summery .earning-title ul.earn-list,
.subscribe-pay-summery .earning-title ul.earn-list {
    float: right;
    text-align: right
}

.subscribe-earning-summery .earning-title ul.earn-list li,
.subscribe-pay-summery .earning-title ul.earn-list li {
    display: inline-block;
    margin-left: 15px
}

.subscribe-earning-summery .earning-title ul.earn-list li a,
.subscribe-pay-summery .earning-title ul.earn-list li a {
    color: #b7b7b7;
    font-size: 16px;
    font-style: italic
}

.subscribe-earning-summery .earning-title ul.earn-list li a.active,
.subscribe-pay-summery .earning-title ul.earn-list li a.active {
    color: #3c00ff
}

.subscribe-earning-summery .deposit-summery-box,
.subscribe-pay-summery .deposit-summery-box {
    height: 174px;
    overflow: hidden;
    background: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.subscribe-earning-summery .deposit-summery-box {
    height: auto
}

.subscribe-earning-summery .deposit-summery-box>p,
.subscribe-pay-summery .deposit-summery-box>p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    padding: 12px 20px;
    background: #2d166e;
    text-align: right;
    margin: 0;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.subscribe-earning-summery .deposit-summery-box .summery-item.summery-down-item,
.subscribe-pay-summery .deposit-summery-box .summery-item.summery-down-item {
    background: #fafafa;
    height: 315px
}

.subscribe-earning-summery .deposit-summery-box>p span,
.subscribe-pay-summery .deposit-summery-box>p span {
    font-weight: 700;
    font-style: normal
}

.subscribe-earning-summery .deposit-summery-box .summery-item,
.subscribe-pay-summery .deposit-summery-box .summery-item {
    float: left;
    width: 25%;
    padding: 60px 40px 60px 10px;
    text-align: right
}

.subscribe-earning-summery .deposit-summery-box .summery-item p,
.subscribe-pay-summery .deposit-summery-box .summery-item p {
    color: #000;
    font-size: 13px;
    font-style: italic;
    margin: 0
}

.subscribe-earning-summery .deposit-summery-box .summery-item p span,
.subscribe-pay-summery .deposit-summery-box .summery-item p span {
    display: block;
    font-size: 25px;
    font-weight: 300;
    font-style: normal
}

.subscribe-earning-summery .deposit-summery-box .summery-item {
    width: 33.33333%
}

.subscribe-earning-summery .deposit-summery-box .summery-item p {
    margin: 0 0 20px
}

.subscribe-earning-summery .deposit-summery-box .summery-item p span {
    color: #4128ff;
    float: right;
    font-size: 16px;
    margin-left: 80px
}

.subscribe-earning-summery .deposit-summery-box .summery-item p:last-child {
    margin-bottom: 0
}

.subscribe-earning-summery .deposit-summery-box .summery-item p.balance-of-the-site {
    text-align: left;
    color: #38bc35;
    padding-left: 40px;
    margin-bottom: 0;
    padding-top: 15px
}

.subscribe-earning-summery .deposit-summery-box .summery-item p.balance-of-the-site span {
    color: #000;
    font-size: 25px;
    float: none;
    margin-top: 10px;
    margin-left: 0
}

p.active-list-notifier {
    text-align: center;
    padding: 15px;
    background: #e4e4e4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    font-style: italic;
    margin-bottom: 50px
}

p.active-list-notifier span {
    font-style: normal;
    font-weight: 600
}

.countries-filter.search-filter,
.payments-filter.search-filter {
    margin-bottom: 10px
}

.countries-filter.search-filter .filter-category .cat-all,
.payments-filter.search-filter .filter-category .cat-all {
    padding: 4px 0;
    margin-right: 20px
}

.countries-filter.search-filter .filter-category .cat-all span,
.payments-filter.search-filter .filter-category .cat-all span {
    color: #1d0463;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-bottom: 8px;
    position: relative;
    display: inline-block;
    margin-right: 40px
}

.countries-filter.search-filter .filter-category .cat-all span:after,
.payments-filter.search-filter .filter-category .cat-all span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #1d0463
}

.countries-table,
.dates-table {
    margin: 50px 0
}

.countries-table table.forms-table,
.dates-table table.forms-table {
    max-width: 100%
}

.countries-table table,
.dates-table table {
    margin: 0 !important
}

.countries-table table tr th,
.dates-table table tr th {
    border: none;
    background: #323232;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 15px;
    font-style: italic
}

.countries-table table tr td,
.countries-table table tr td a.load-more-countries,
.dates-table table tr td,
.dates-table table tr td a.load-more-countries {
    color: #000;
    font-size: 13px;
    font-family: "Inter", sans-serif
}

.countries-table table tr th:first-child,
.dates-table table tr th:first-child {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px
}

.countries-table table tr th:last-child,
.dates-table table tr th:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.countries-table table tr td[colspan],
.dates-table table tr td[colspan] {
    text-align: center
}

.countries-table table tr td,
.dates-table table tr td {
    border: none;
    background: #fff;
    padding: 13px 15px
}

.countries-table table tr td img,
.dates-table table tr td img {
    margin-right: 10px
}

.countries-table table tr td a.open-table-below,
.dates-table table tr td a.open-table-below {
    color: #bebebe;
    margin-right: 12px;
    font-size: 18px;
    position: relative;
    width: 10px;
    height: 14px
}

.countries-table table tr td a.open-table-below:before,
.dates-table table tr td a.open-table-below:before {
    content: '\f0da';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px
}

.countries-table table tr td a.open-table-below.active:before,
.dates-table table tr td a.open-table-below.active:before {
    content: '\f0d7';
    color: #e28714
}

.countries-table table tr td a.load-more-countries:hover,
.dates-table table tr td a.load-more-countries:hover {
    text-decoration: underline !important
}

.countries-table table tr td.active,
.dates-table table tr td.active {
    background: #fdf1be !important
}

.countries-table table tr td:first-child,
.dates-table table tr td:first-child {
    max-width: 155px !important
}

.countries-table table tr:nth-child(2n+1) td,
.dates-table table tr:nth-child(2n+1) td {
    background: #f9f9f9
}

.countries-table table tr.total-line td,
.dates-table table tr.total-line td {
    background: #323232;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 15px;
    font-style: italic
}

.countries-table table tr.total-line td:first-child,
.dates-table table tr.total-line td:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.countries-table table tr.total-line td:last-child,
.dates-table table tr.total-line td:last-child {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.countries-table table div.child-line,
.dates-table table div.child-line {
    border: none;
    width: 555px !important;
    margin: 0 -15px -13px;
    display: none
}

.countries-table table div.child-line .inner-child-line,
.dates-table table div.child-line .inner-child-line {
    padding: 0 30px
}

.countries-table table div.child-line tr td,
.dates-table table div.child-line tr td {
    border: none;
    background: 0 0;
    padding: 4px 10px;
    font-size: 9px !important;
    color: #8b8b8b
}

.countries-table table div.child-line tr td a,
.dates-table table div.child-line tr td a {
    color: #1581a1
}

.countries-table table div.child-line tr td a:hover,
.dates-table table div.child-line tr td a:hover {
    color: #3742ef
}

.countries-table table div.child-line tr td span.plan-choosen,
.dates-table table div.child-line tr td span.plan-choosen {
    color: #000
}

.countries-table table div.child-line tr td span.plan-choosen.annual,
.dates-table table div.child-line tr td span.plan-choosen.annual {
    color: #e28714
}

.countries-table table div.child-line table tr:first-child td,
.dates-table table div.child-line table tr:first-child td {
    padding-top: 25px
}

.countries-table table div.child-line table tr:last-child td,
.dates-table table div.child-line table tr:last-child td {
    padding-bottom: 25px
}

.deposit-summery,
.payment-summery {
    margin-bottom: 60px
}

.deposit-summery .earning-title,
.payment-summery .earning-title {
    overflow: hidden
}

.deposit-summery .earning-title span,
.payment-summery .earning-title span {
    display: inline-block;
    float: left;
    color: #d8d8d8;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 25px;
    background: #9b9b9b;
    margin: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.deposit-summery .deposit-summery-box,
.payment-summery .deposit-summery-box {
    overflow: hidden;
    background: #939393;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.deposit-summery .deposit-summery-box>p,
.payment-summery .deposit-summery-box>p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    padding: 12px 20px;
    background: #2d166e;
    text-align: right;
    margin: 0;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.deposit-summery .deposit-summery-box>p span,
.payment-summery .deposit-summery-box>p span {
    font-weight: 700;
    font-style: normal
}

.deposit-summery .deposit-summery-box .summery-item,
.payment-summery .deposit-summery-box .summery-item {
    float: left;
    width: 25%;
    padding: 40px 40px 40px 10px;
    text-align: right
}

.deposit-summery .deposit-summery-box .summery-item p,
.payment-summery .deposit-summery-box .summery-item p {
    color: #fff;
    font-size: 13px;
    font-style: italic;
    margin: 0
}

.deposit-summery .deposit-summery-box .summery-item p span,
.payment-summery .deposit-summery-box .summery-item p span {
    display: block;
    font-size: 25px;
    font-weight: 300;
    font-style: normal;
    line-height: 36px;
    margin-top: 4px
}

.deposit-summery .deposit-summery-box .summery-item.summery-down-item,
.payment-summery .deposit-summery-box .summery-item.summery-down-item {
    background: #9b9b9b
}

.payment-summery .deposit-summery-box .summery-item {
    width: 33.3333%
}

.payment-summery .deposit-summery-box .summery-item p {
    margin: 0 0 20px
}

.payment-summery .deposit-summery-box .summery-item p span {
    float: right;
    font-size: 16px;
    margin-left: 80px;
    margin-top: 0;
    line-height: 24px
}

.payment-summery .deposit-summery-box .summery-item p:last-child {
    margin-bottom: 0
}

.deposit-filter form.filter-category {
    padding-top: 18px
}

.deposit-filter form.filter-category .cat-all {
    padding: 3px 0
}

.deposit-table .table-responsive {
    overflow: visible !important
}

.deposit-table td a {
    position: relative
}

.deposit-table .detailed-user {
    position: absolute;
    width: auto;
    left: 100%;
    top: -10px;
    margin-left: 20px;
    background: #323232;
    padding: 20px 25px 0;
    z-index: 2222;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.deposit-table .detailed-user p {
    color: #fff;
    margin-bottom: 20px;
    font-style: italic
}

.deposit-table .detailed-user p span {
    color: #989898
}

.deposit-table .detailed-user:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #323232;
    position: absolute;
    top: 10px;
    left: -6px;
    transform: rotate(-45deg)
}

.deposit-table td a:hover .detailed-user {
    visibility: visible;
    opacity: 1
}

div.payment-table-summery.table-box {
    padding-bottom: 80px
}

div.payment-table-summery.table-box table {
    border: none;
    width: 100%;
    margin-bottom: 20px
}

div.payment-table-summery.table-box table tr td {
    padding: 13px 20px;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

div.payment-table-summery.table-box table tr td a.user-link {
    color: #000
}

div.payment-table-summery.table-box table tr td a.user-link:hover {
    opacity: .9;
    text-decoration: underline !important
}

div.payment-table-summery.table-box table tr td ul.category li {
    display: inline-block;
    margin-right: 3px
}

div.payment-table-summery.table-box table tr td ul.category li:first-child {
    color: #8b8b8b
}

div.payment-table-summery.table-box table tr td ul.category li:after {
    content: '/';
    padding-left: 6px
}

div.payment-table-summery.table-box table tr td ul.category li:last-child:after {
    content: '';
    padding-left: 0
}

div.payment-table-summery.table-box table tr td a.revoke,
div.payment-table-summery.table-box table tr td span.auth-type,
div.payment-table-summery.table-box table tr td span.user-type {
    display: inline-block;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin: 0
}

div.payment-table-summery.table-box table tr td span.auth-type.staff {
    background: #38bc35;
    text-transform: uppercase
}

div.payment-table-summery.table-box table tr td span.auth-type.contributor,
div.payment-table-summery.table-box table tr td span.user-type.free {
    background: #5a5f64
}

div.payment-table-summery.table-box table tr td span.user-type.premium {
    background: #e09a00
}

div.payment-table-summery.table-box table tr td a.revoke {
    background: #ffa700;
    text-transform: uppercase;
    font-weight: 600
}

div.payment-table-summery.table-box table tr td a.revoke.active {
    background: #3ad148
}

div.payment-table-summery.table-box table tr td a.active,
div.payment-table-summery.table-box table tr td a.active-btn,
div.payment-table-summery.table-box table tr td a.lock-btn,
div.payment-table-summery.table-box table tr td a.pay-butt {
    padding: 2px;
    width: 70px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0
}

div.payment-table-summery.table-box table tr td a.active-btn:hover,
div.payment-table-summery.table-box table tr td a.active:hover,
div.payment-table-summery.table-box table tr td a.lock-btn:hover,
div.payment-table-summery.table-box table tr td a.pay-butt:hover {
    opacity: .8
}

div.payment-table-summery.table-box table tr td a.pay-butt {
    background: #3c00ff
}

div.payment-table-summery.table-box table tr td a.pay-butt.active {
    background: #64beff
}

div.payment-table-summery.table-box table tr td a.pay-butt.paid {
    color: #84f8a1;
    background: #00c88c
}

div.payment-table-summery.table-box table tr td a.active-btn {
    color: #d09d00;
    background: #f2e9b2
}

div.payment-table-summery.table-box table tr td a.lock-btn {
    background: #ff2900
}

div.payment-table-summery.table-box table tr td a.withd-done {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #d3d3d3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin-right: 3px;
    line-height: 22px;
    text-indent: -99999px
}

div.payment-table-summery.table-box table tr td a.withd-done.active {
    background: #ffe700
}

div.payment-table-summery.table-box table tr td a.withd-done.active:after {
    content: '\f00c';
    font-size: 13px;
    color: #000;
    font-family: FontAwesome;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    text-indent: 0
}

div.payment-table-summery.table-box table tr td a.withd-yes {
    display: inline-block;
    width: 70px;
    height: 22px;
    background: #d3d3d3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    line-height: 20px;
    color: #b1b1b1;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase
}

div.payment-table-summery.table-box table tr td a.withd-yes:before {
    content: '\f00d';
    font-size: 13px;
    color: #b1b1b1;
    font-family: FontAwesome;
    text-align: center;
    margin-right: 5px;
    line-height: 20px
}

div.payment-table-summery.table-box table tr td a.withd-yes.active {
    background: #ffe700;
    color: #000
}

div.payment-table-summery.table-box table tr td a.withd-yes.active:before {
    content: '\f00c';
    color: #000;
    font-family: FontAwesome
}

div.payment-table-summery.table-box table tr td span.balance {
    color: #3c00ff;
    font-weight: 700
}

div.payment-table-summery.table-box table tr td.withdrawal-back,
div.payment-table-summery.table-box table tr th.withdrawal-back {
    color: #fff !important;
    background: #bebebe !important
}

div.payment-table-summery.table-box table tr td:nth-child(2n),
div.payment-table-summery.table-box table tr th:nth-child(2n) {
    background: #fff
}

div.payment-table-summery.table-box table tr.bulk-line td {
    border-bottom: 1px solid #bebebe;
    font-style: italic;
    text-align: right
}

div.payment-table-summery.table-box table tr.bulk-line td a {
    font-style: normal;
    margin-left: 5px
}

div.payment-table-summery.table-box table tr.bulk-line td span {
    color: #3c00ff
}

div.payment-table-summery.table-box table tr.bulk-line+tr td {
    padding-top: 30px
}

div.payment-table-summery.table-box table tr:last-child td {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #bebebe
}

div.payment-table-summery.table-box table tr td:first-child {
    padding-left: 0
}

div.payment-table-summery.table-box table tr th {
    padding: 13px 25px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #bebebe;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    font-family: "Inter", sans-serif
}

div.payment-table-summery.table-box table tr th span.all-number {
    color: #3c00ff
}

div.payment-table-summery.table-box table tr th:first-child {
    padding-left: 0
}

section.subscribe-form-section form.subscribe-form-box {
    margin: -210px 0 70px;
    padding: 60px 0;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

section.subscribe-form-section form.subscribe-form-box .annual-line-paragraph,
section.subscribe-form-section form.subscribe-form-box .monthly-line-paragraph {
    padding: 0 65px 50px
}

section.subscribe-form-section form.subscribe-form-box .annual-line-paragraph p,
section.subscribe-form-section form.subscribe-form-box .monthly-line-paragraph p {
    font-size: 13px;
    color: #656565;
    margin-bottom: 0
}

section.subscribe-form-section form.subscribe-form-box .annual-line-paragraph p span,
section.subscribe-form-section form.subscribe-form-box .monthly-line-paragraph p span {
    font-weight: 700;
    color: #32be32
}

section.subscribe-form-section form.subscribe-form-box .annual-line-paragraph p span {
    color: #d2a03c
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box {
    padding: 60px 65px 30px;
    background: #f6f6f6;
    margin-bottom: 30px
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box h2 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 45px;
    padding-bottom: 20px;
    position: relative
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #000
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #000
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box input[type=text] {
    width: 100%;
    padding: 13px 20px;
    background: #fff;
    outline: 0;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 14px;
    margin: 0 0 30px
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box select {
    width: 100% !important;
    height: 47px
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box .select2-container--default .select2-selection--multiple {
    min-height: 48px;
    border: 1px solid #7e7e7e !important;
    background: #f4f4f4
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box .select2-container--default .select2-selection--single,
section.subscribe-form-section form.subscribe-form-box .input-fields-box .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    outline: 0;
    border: 1px solid #bebebe !important;
    padding: 8px 12px;
    color: #000;
    font-size: 14px;
    height: auto
}

section.subscribe-form-section form.subscribe-form-box .input-fields-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 6px
}

section.subscribe-form-section form.subscribe-form-box div.payment-details-box {
    padding: 60px 65px;
    background: #f6f6f6;
    margin-bottom: 60px
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box {
    text-align: center;
    padding-top: 10px
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box p {
    color: #656565;
    margin-bottom: 15px
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box p span {
    font-weight: 700;
    color: #32be32
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box p a {
    color: #008aff
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box p input {
    margin-right: 10px
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box input[type=submit] {
    width: 300px;
    padding: 20px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #65a729;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    background: #78c731;
    margin-top: 20px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

div.payment-details-box .nav-tabs>li>a,
div.payment-details-box h2 {
    color: #000;
    font-family: "Inter", sans-serif
}

section.subscribe-form-section form.subscribe-form-box div.submit-subscribe-box input[type=submit]:hover {
    opacity: .7
}

div.payment-details-box h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 45px;
    padding-bottom: 20px;
    position: relative
}

div.payment-details-box h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #000
}

div.payment-details-box .nav-tabs>li {
    width: 50%;
    height: 120px
}

div.payment-details-box .nav-tabs {
    border: none !important
}

div.payment-details-box .nav-tabs>li:first-child>a {
    margin-right: 30px
}

div.payment-details-box .nav-tabs>li>a {
    padding: 25px;
    background: #fff;
    min-height: 100%;
    border: 1px solid #bebebe;
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    margin-right: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

div.payment-details-box .nav-tabs>li>a img {
    position: absolute;
    right: 25px
}

div.payment-details-box .nav-tabs>li>a span.dotted-circle {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #bebebe;
    display: inline-block;
    margin-right: 11px
}

div.payment-details-box .nav-tabs>li.active {
    height: 150px
}

div.payment-details-box .nav-tabs>li.active a {
    padding-bottom: 55px;
    border-bottom: 1px solid transparent;
    margin-bottom: -2px
}

div.payment-details-box .nav-tabs>li.active a span.dotted-circle {
    border: 1px solid #32be32;
    position: relative
}

div.payment-details-box .nav-tabs>li.active a span.dotted-circle:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #32be32;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

div.payment-details-box .tab-content .tab-pane {
    padding: 15px 50px 40px;
    background: #fff;
    border: 1px solid #bebebe
}

div.payment-details-box .tab-content .tab-pane .inner-tabpanel {
    max-width: 625px
}

div.payment-details-box .tab-content .tab-pane p {
    color: #8b8b8b;
    font-size: 14px;
    font-style: italic
}

div.payment-details-box .tab-content .tab-pane label {
    display: block;
    float: none;
    color: #000;
    font-size: 14px;
    margin: 5px 0;
    font-weight: 600
}

div.payment-details-box .tab-content .tab-pane input[type=text] {
    width: 100%;
    padding: 16px 24px;
    outline: 0;
    color: #000;
    font-size: 16px;
    margin: 0;
    background: #f6f6f6;
    border: 1px solid #bebebe;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

div.payment-details-box .tab-content .tab-pane .card-place {
    overflow: hidden;
    margin-bottom: 30px
}

div.payment-details-box .tab-content .tab-pane .card-place img {
    float: right
}

div.payment-details-box .tab-content .tab-pane .card-place div {
    margin-right: 100px
}

div.payment-details-box .tab-content .tab-pane .expire-date {
    float: left;
    max-width: 220px
}

div.payment-details-box .tab-content .tab-pane .expire-date input {
    display: inline-block;
    width: 90px
}

div.payment-details-box .tab-content .tab-pane .expire-date span {
    margin: 0 12px
}

div.payment-details-box .tab-content .tab-pane .cvv {
    max-width: 190px;
    float: right
}

div.payment-details-box .tab-content .tab-pane .cvv input {
    display: inline-block;
    width: 85px
}

div.payment-details-box .tab-content .tab-pane .cvv img {
    display: inline-block;
    margin-left: 12px;
    margin-top: -3px
}

div.payment-details-box .tab-content .tab-pane .exp-cvv {
    overflow: hidden;
    margin-bottom: 35px
}

div.payment-details-box .tab-content .tab-pane ul.method-cards {
    margin-top: 30px;
    margin-bottom: 30px
}

div.payment-details-box .tab-content .tab-pane ul.method-cards li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 5px
}

div.payment-details-box .tab-content .tab-pane ul.method-cards li span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px
}

div.payment-details-box .tab-content .tab-pane ul.method-cards li img {
    display: inline-block
}

div.payment-details-box .tab-content .tab-pane#with-paypal {
    padding-top: 50px
}

div.payment-details-box .tab-content .tab-pane#with-paypal p {
    display: inline-block;
    margin-right: 20px
}

div.payment-details-box .tab-content .tab-pane#with-paypal ul.method-cards {
    display: inline-block
}

footer .top-footer {
    text-align: center;
    padding: 75px 0 30px;
    border-bottom: 1px solid #e0e0e0;
    background: #faf8f5;
}

footer .footer-logo {
    margin-bottom: 0;
    margin-top: 18px;
}

footer .footer-logo img {
    max-width: 100%;
}

footer .footer-logo p {
    padding-left: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
}

footer .footer-logo p {
    margin-top: 10px;
}

footer .medium-footer {
    padding: 35px 0 45px;
    border-bottom: 1px solid #cacaca;
    background: #f5f5f5
}

footer .medium-footer ul.other-links {
    max-width: 492px;
    margin: 0 auto
}

footer .medium-footer ul.other-links li {
    margin-right: 60px;
    margin-bottom: 5px
}

footer .medium-footer ul.other-links li a {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

footer .medium-footer ul.other-links li a:hover {
    color: #656565
}

footer .medium-footer ul.other-links li.become-contributor-button {
    display: block
}

footer .medium-footer ul.other-links li.become-contributor-button a {
    color: #00a4c0
}

footer .medium-footer ul.share-count-list {
    max-width: 492px;
    margin: -38px auto 0;
    padding-left: 164px
}

footer .medium-footer ul.share-count-list li {
    margin-right: 7px;
    margin-bottom: 4px
}

footer .medium-footer ul.share-count-list li a {
    color: #000;
    height: 30px;
    border: 1px solid #000;
    font-size: 13px;
    font-family: "Inter", sans-serif
}

footer .medium-footer ul.share-count-list li a i {
    display: inline-block;
    text-align: center;
    width: 36px;
    font-size: 15px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    line-height: 28px;
    float: left
}

footer .medium-footer ul.share-count-list li a span {
    display: inline-block;
    padding: 0 12px;
    border-left: 1px solid #000;
    line-height: 28px
}

footer .medium-footer ul.share-count-list li a.google i {
    color: #e12823
}

footer .medium-footer ul.share-count-list li a.google:hover i {
    color: #fff;
    background: #e12823
}

footer .medium-footer ul.share-count-list li a.facebook i {
    color: #375092
}

footer .medium-footer ul.share-count-list li a.facebook:hover i {
    color: #fff;
    background: #375092
}

footer .medium-footer ul.share-count-list li a.twitter i {
    color: #1ea7f8
}

footer .medium-footer ul.share-count-list li a.twitter:hover i {
    color: #fff;
    background: #1ea7f8
}

footer .bottom-footer {
    padding: 25px 0 28px;
}

footer .bottom-footer p {
    font-size: 14px;
    color: #656565;
    margin-bottom: 0
}


@media(max-width:1199px) {

    section.admin-review-box div.table-box table.contributors-table tr td a.disable,
    section.admin-review-box div.table-box table.contributors-table tr td a.dsb-butt,
    section.admin-review-box div.table-box table.staff-table tr td a.disable,
    section.admin-review-box div.table-box table.staff-table tr td a.dsb-butt,
    section.admin-review-box div.table-box table.users-table tr td a.disable,
    section.admin-review-box div.table-box table.users-table tr td a.dsb-butt {
        margin-bottom: 1px;
        margin-right: 0
    }

    div.dashboard-box-item .date-add {
        width: 140px;
        margin-right: 0
    }

    div.controlling-box form.add-task input[type=text] {
        padding: 18px 5px;
        font-size: 15px
    }

    div.controlling-box form.add-task input[type=submit] {
        padding: 16px 35px
    }

    div.controlling-box ul.qk-links li a {
        width: 260px
    }

    section.admin-review-box .review-box .inner-review-box ul.type-download-list li a {
        padding: 14px 10px
    }

    section.admin-review-box .review-box .inner-review-box ul.type-download-list li {
        margin-right: 2px
    }

    form.add-staff-form input[type=submit] {
        margin-top: 10px;
        margin-left: 120px
    }

    .premium-box ul.premium-list li span.it-name {
        width: 170px
    }

    .premium-box ul.premium-list li span.it-snd-value {
        margin-left: 170px
    }
}

@media(max-width:991px) {
    header .navbar-nav>li>a {
        font-size: 16px;
        padding: 24px 8px 29px
    }

    section.items-section .items-box .item-post {
        width: 320px
    }

    .center-logo {
        padding-bottom: 40px
    }


    section.freepiker-section .freepiker-text-box h1 {
        font-size: 36px;
        margin-bottom: 36px
    }


    section.contributor-profile-section .contributor-box .contr-prof-box a.upload-button {
        padding: 10px 25px
    }

    section.contributor-profile-section .contributor-box .contr-prof-box a.staff-button {
        padding: 10px 40px
    }

    .pagination-list li {
        margin-bottom: 2px
    }

    section.agreement-section .chart-box .freepiker-fee {
        float: none;
        margin: 0 auto 10px;
        padding-top: 50px
    }

    section.agreement-section .chart-box .contributor-revenue {
        margin: 0 auto;
        padding-top: 40px
    }

    .profile-box-container .profile-info {
        padding: 40px 0
    }

    .profile-box-container .profile-info input[type=submit] {
        margin-left: 0
    }

    section.admin-dashboard-section ul.admin-dashboard-list li a {
        font-size: 15px;
        padding: 16px 10px
    }

    div.controlling-box ul.qk-links li a {
        width: 187px
    }

    section.text-section .article-box h1 {
        font-size: 45px
    }

    .forms-box-container .message-area .message-opportunities ul.filter-messages {
        text-align: left
    }

    section.invoice-section .invoice-box .invoice-content {
        padding: 25px 20px
    }

    section.invoice-section .invoice-box .invoice-client-box .invoice-list ul li {
        font-size: 13px
    }

    section.invoice-section .invoice-box .invoice-client-box .invoice-list ul li span {
        min-width: 90px
    }

    section.invoice-section .invoice-box .invoice-project-box p {
        margin-bottom: 40px
    }

    section.admin-review-box div.table-box table.revision-table tr td a.approve-but {
        margin-right: 1px;
        margin-bottom: 1px
    }

    section.serv-order-section .serv-form-box .serv-form-data,
    section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane {
        padding: 30px 20px
    }

    section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area span {
        text-align: left;
        padding-left: 10px
    }

    section.premium-plan-section .premium-plan-box .premium-logo {
        margin-bottom: 50px;
        padding-top: 0
    }

    .premium-box .left-side {
        padding: 0;
        max-width: 300px;
        margin: 0 auto 50px
    }

    div.payment-details-box .nav-tabs>li {
        width: 100%;
        margin: 0 0 15px
    }

    div.payment-details-box .nav-tabs>li a {
        margin: 0 !important;
        border-bottom: 1px solid #bebebe !important
    }

    form.withdrawal-form div.withdrawal-status .status-box .pend-box,
    form.withdrawal-form div.withdrawal-status .status-box .with-box {
        width: 100%;
        float: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    section.premium-area-section .transaction-line-box .balance-line p {
        font-size: 15px
    }

    section.premium-area-section .transaction-line-box .balance-line p span.price {
        font-size: 17px
    }

    section.premium-area-section .transaction-line-box .balance-line p span.last-time {
        font-size: 12px
    }

    section.premium-area-section .earnings-summery .earning-summery-box .summery-item {
        width: 100%
    }

    .deposit-summery .deposit-summery-box .summery-item,
    .payment-summery .deposit-summery-box .summery-item,
    .subscribe-earning-summery .deposit-summery-box .summery-item,
    .subscribe-pay-summery .deposit-summery-box .summery-item {
        width: 100%;
        padding: 30px
    }
}

@media(max-width:767px) {
    .main-grid-layout .top-filter {
        display: block !important;
    }

    div.log-box,
    div.recover-box,
    section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input ul.nav-tabs li a img {
        max-width: 100%
    }

    .top-line .log-list li.log-in-item div.dropdown-box {
        display: none
    }

    .top-line .log-list {
        float: none;
        text-align: center
    }

    .top-line .log-list>li>a {
        padding: 16px
    }

    header .navbar-nav>li {
        margin-right: 0;
        margin-bottom: 10px;
    }

    header .navbar-nav>li>a {
        width: auto !important;
        display: inline-block;
    }

    header .navbar-nav>li>a {
        font-size: 17px;
        padding: 5px 15px
    }

    header .navbar-nav>li:hover>a {
        border-top: 0 solid transparent
    }

    header .navbar-nav>li:hover>a::after,
    header .navbar-nav>li>a.active::after {
        opacity: 0;
    }

    section.items-section .items-box {
        margin-left: 0;
        margin-right: 0
    }

    section.items-section .items-box .item-post {
        width: 100%;
        margin: 0 0 20px
    }

    section.banner-section .banner-box a.button-blue {
        margin-left: 0
    }

    .button-blue {
        font-size: 17px
    }

    footer .medium-footer ul.other-links li {
        margin-right: 30px
    }

    footer .medium-footer ul.share-count-list {
        padding-left: 0 !important;
        margin: 0 auto !important
    }

    .center-logo {
        padding-bottom: 20px
    }

    section.freepiker-section .freepiker-text-box h1 {
        font-size: 20px;
        margin-bottom: 10px
    }


    section.contributor-profile-section .contributor-box .contr-prof-box,
    section.contributor-profile-section .contributor-box .statistic-box {
        margin: 0 auto 25px
    }

    section.contributor-profile-section .contributor-box .contact-contributor-box {
        margin: 0 auto -54px;
        float: none
    }

    form.sort-filter {
        float: none;
        margin-top: 30px
    }

    .profile-box .profile-info ul.profile-info-list li span {
        font-size: 16px
    }

    .profile-box .profile-info ul.profile-info-list li span.info-name {
        min-width: 130px
    }

    section.admin-dashboard-section ul.admin-dashboard-list li {
        width: 25%;
        border-bottom: 1px solid #fff
    }

    section.admin-dashboard-section ul.admin-dashboard-list li a {
        width: 100%;
        text-align: center
    }

    div.dashboard-box-item {
        padding: 30px 20px
    }

    .forms-box-container .mess-title-yellow {
        margin: -30px -20px 0
    }

    .forms-box-container .message-area .submit-reply {
        margin: 0 -20px -30px
    }

    div.controlling-box ul.qk-links {
        text-align: center
    }

    div.controlling-box ul.qk-links li a {
        width: 300px
    }

    section.text-section .article-box h1 {
        font-size: 30px
    }

    .forms-box-container .mess-title-yellow .message-title-opend p.priority-label {
        float: none;
        margin-top: 20px
    }

    .forms-box-container .message-area .message-content.reply-state {
        padding-left: 20px
    }

    div.filter-box {
        margin-bottom: 40px
    }

    .forms-box-container .pagination-crumb .num-tot-messag p,
    .forms-box-container .pagination-crumb .table-pages-mess p {
        font-size: 14px
    }

    section.invoice-section .invoice-box .invoice-client-box .invoice-list {
        float: none;
        margin: 0 auto
    }

    section.invoice-section .invoice-box .invoice-project-box {
        padding: 30px
    }

    section.invoice-section .invoice-box .invoice-project-box .qt-amount {
        float: none;
        margin-top: 40px
    }

    section.invoice-section .invoice-box .invoice-head {
        padding: 25px
    }

    div.log-box {
        padding: 30px
    }

    section.serv-order-section .serv-form-box .serv-form-data .data-input label {
        float: none;
        width: 100%
    }

    section.serv-order-section .serv-form-box .serv-form-data .data-input .input-holder,
    section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area {
        margin-left: 0
    }

    section.serv-order-section .serv-form-box .serv-form-head {
        padding: 20px
    }

    section.serv-header-section h1 {
        font-size: 34px;
        text-align: center;
        margin-top: 10px
    }

    section.serv-header-section {
        text-align: center
    }

    section.serv-order-section {
        padding: 40px 0
    }

    section.admin-review-box ul.revision-option-list li a {
        padding: 14px 18px
    }

    section.admin-review-box .review-box .review-approve-form form.approve-form {
        width: 300px;
        margin-left: -150px
    }

    section.upload-section .upload-box {
        padding: 30px
    }

    section.premium-plan-section .premium-plan-box {
        padding: 50px 0
    }

    .premium-box {
        padding: 30px 15px
    }

    .premium-box ul.premium-list {
        padding-right: 0
    }

    .premium-box ul.premium-list li {
        padding: 15px
    }

    #update-credit-card .modal-body,
    #update-modal .modal-body,
    #update-payment-method .modal-body {
        padding: 40px 15px !important
    }

    section.subscribe-form-section form.subscribe-form-box {
        padding: 30px 0
    }

    section.subscribe-form-section form.subscribe-form-box .annual-line-paragraph,
    section.subscribe-form-section form.subscribe-form-box .monthly-line-paragraph {
        padding: 0 15px 30px
    }

    div.payment-details-box .tab-content .tab-pane,
    section.subscribe-form-section form.subscribe-form-box .input-fields-box,
    section.subscribe-form-section form.subscribe-form-box div.payment-details-box {
        padding: 30px 15px
    }

    section.premium-area-section .transaction-line-box .balance-line p {
        display: block;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 5px
    }

    section.premium-area-section .transaction-line-box .balance-line p:before {
        display: none !important
    }

    section.premium-resources-section .premium-items .item {
        width: 100%;
    }

    section.slider-section form.search-form .search-input {
        padding: 30px 25px 30px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    section.items-section {
        padding: 120px 0;
    }

    section.slider-section form.search-form input[type=search] {
        width: 100%;
    }

    section.slider-section form.search-form .search-input .form-input-group button[type=submit] {
        line-height: 36px;
        width: 120px;
        font-size: 19px;
    }

    section.slider-section form.search-form .search-input .form-input-group button[type=button]:focus svg,
    section.slider-section form.search-form .search-input .form-input-group button[type=button] svg {
        height: 36px;
    }




}

.comment-section {
    display: none
}

@media(max-width:530px) {

    .top-line .log-list>li>a {
        font-size: 14px;
        gap: 4px;
        padding: 3px;
    }

    .top-line .log-list>li>a>svg {
        height: 16px;
    }

    section.serv-order-section .serv-form-box .serv-form-head {
        text-align: center
    }

    .comments-box ul.comments-list li .comment-content .comm-text,
    div.timeline-box form.add-timeline div.input-holder,
    form.add-staff-form input[type=submit] {
        margin-left: 0
    }


    .heading1,
    h1 {
        font-size: 30px
    }

    section.slider-section form.search-form input[type=search] {
        font-size: 14px
    }


    section.admin-dashboard-section ul.admin-dashboard-list li {
        width: 33.3333%
    }

    div.dashboard-box-item .date-add {
        width: 100%
    }

    div.controlling-box form.add-task input[type=submit] {
        float: none
    }

    div.controlling-box ul.qk-links li a {
        width: 250px
    }

    section.invoice-section .invoice-box .invoice-head img {
        float: none !important
    }

    section.invoice-section .invoice-box .invoice-head span {
        float: none !important;
        margin-top: 15px;
        display: block
    }

    /* div.log-box{margin-left: 10px; margin-right: 10px;} */

    div.log-box ul.loggin-social li a {
        min-width: 90px
    }

    div.log-box ul.loggin-social li a span {
        display: none
    }

    section.serv-order-section .serv-form-box .serv-form-head h2 {
        display: block;
        margin-bottom: 10px
    }

    section.serv-order-section .serv-form-box .serv-form-head span {
        float: none
    }

    section.serv-order-section .serv-form-box .serv-form-data .data-input .upload-area p {
        right: 0;
        top: 40px
    }

    section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .expire-date {
        float: none
    }

    section.serv-order-section .serv-form-box .serv-form-data .data-input .tabs-input .tab-content .tab-pane .cvv {
        float: none;
        margin-top: 30px
    }

    section.serv-header-section h1 {
        font-size: 20px
    }

    div.log-box p.not-member span {
        float: none;
        display: block
    }

    div.log-box p.not-member a.terms-link {
        float: none
    }

    .comments-box ul.comments-list li .comment-content .comm-profile {
        float: none;
        margin-bottom: 20px
    }

    .comments-box ul.comments-list li .comment-content,
    .comments-box ul.comments-list li .comment-content>p {
        text-align: center !important
    }
}

@media(max-width:400px) {
    .center-logo {
        padding-bottom: 10px
    }

    section.freepiker-section .freepiker-text-box h1 {
        font-size: 17px;
        margin-bottom: 10px
    }

    section.admin-dashboard-section ul.admin-dashboard-list li {
        width: 50%
    }

    .top-line .logo a>img {
        height: 26px;
    }

    .navbar-toggle {
        padding: 5px 5px;
    }
}

.twibd_item_content {
    background: transparent;
    margin-bottom: 35px;
}

.twibd_item_img a,
.twibd_item_img img {
    width: 100% !important;
    object-fit: cover;
}

.twibd_item_img>a {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.twibd_item_img>a>img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.item-post.all .twibd_item_content {
    margin-bottom: 0 !important
}


.twibd_item_content .twibd_con_title h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: -14px;
}

.twibd_item_content h3 a {
    text-align: left;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

p.twibd_item_cat {
    text-align: left;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    color: #aaa5a0;
    padding-right: 0px;
}

.twibd_item_cat span a {
    color: #aaa5a0;
    font-size: 12px;
}


.featured-items-section .twibd_item_wrap {
    box-shadow: 0 0 10px #1b1b1b;
    -webkit-box-shadow: 0 0 10px #1b1b1b;
    -moz-box-shadow: 0 0 10px #1b1b1b;
    -o-box-shadow: 0 0 10px #1b1b1b
}

.twibd_item_wrap .item-list-data li {
    margin: 0 5px;
    color: #fff;
    font-size: 11px;
    font-family: "Inter", sans-serif
}

.twibd_item_img {
    position: relative;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.twibd_item_img ul.item-list-data {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    margin: 0 auto;
    padding: 10% 0% 5%;
    width: 100%;
    text-align: center;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}

ul.item-list-data li {
    list-style: none;
    display: inline
}

.twibd_item_wrap ul.item-list-data {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity: 0
}

.twibd_item_img:hover ul.item-list-data {
    opacity: 1
}

.twibd_con_sharing {
    position: absolute;
    right: 15px;
    bottom: 2px;
}

.right-side-content .twibd_con_sharing {
    bottom: 36px;
}

@media (max-width: 991.98px) {
    .premium-button.navbar-right, .premium-btn.navbar-right {
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    .right-side-content .twibd_con_sharing {
        bottom: 2px;
    }

    .navbar-toggle {
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .top-line {
        gap: 15px;
    }

    .top-line .logo {
        flex: 1;
    }

    .premium-button.navbar-right, .premium-btn.navbar-right {
        padding-bottom: 20px;
        margin-top: 20px;
    }
}

.twibd_con_title {
    width: 100%;
}

.twibd_con_sharing a.favourite-button {
    color: #de2922;
    font-size: 12px
}

.twibd_con_sharing .favorite-count {
    color: #aaa5a0;
    font-size: 12px;
}

.share-box i.fa.fa-share-alt {
    border: 1px solid #aaa;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 3px;
    font-size: 12px
}

.twibd_fav {
    display: flex;
    align-items: center;
    gap: 5px;
}


.twibd_con_sharing a.favourite-button:before {
    content: '\f08a';
    font-family: FontAwesome;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.twibd_con_sharing a.favourite-button.active:before,
.twibd_con_sharing a.favourite-button:hover:before {
    content: '\f004';
    font-family: FontAwesome
}

.twibd_con_sharing a.favourite-button.active:before {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.twibd_con_sharing a.favourite-button.active:hover:before {
    content: '\f08a';
    font-family: FontAwesome;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.twibd_con_sharing a.favourite-button:hover .devtooltip {
    visibility: visible;
    opacity: 1;
    bottom: -20px
}


.twibd_con_sharing div.share-box {
    position: relative;
    z-index: 2;
    color: #00bdff;
    cursor: pointer;
    margin-left: 7px;
    float: left
}

.twibd_con_sharing div.share-box ul.share-list {
    position: absolute;
    left: -56px;
    top: 0;
    background: #fff;
    padding: 6px;
    line-height: initial;
    overflow: hidden;
    min-width: 152px;
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.twibd_con_sharing div.share-box ul.share-list li {
    float: left;
    list-style: none
}

.twibd_con_sharing div.share-box ul.share-list li a {
    width: 35px;
    height: 35px;
    line-height: 33px;
    color: #000;
    font-size: 16px;
    text-align: center;
    border: 1px solid #000;
    border-left: none
}

.twibd_con_sharing div.share-box ul.share-list li a:hover {
    background: #dc2823;
    color: #fff
}

.twibd_con_sharing div.share-box ul.share-list li a.facebook:hover {
    background: #395093
}

.twibd_con_sharing div.share-box ul.share-list li a.twitter:hover {
    background: #1ea6fa
}

.twibd_con_sharing div.share-box ul.share-list li a.pinterest:hover {
    background: #bd081c
}

.twibd_con_sharing div.share-box ul.share-list li:first-child a {
    border-left: 1px solid #000;
    -webkit-border-top-left-radius: 18px;
    -moz-border-top-left-radius: 18px;
    -o-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-bottom-left-radius: 18px;
    -o-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px
}

.twibd_con_sharing div.share-box ul.share-list li:last-child a {
    -webkit-border-top-right-radius: 16px;
    -moz-border-top-right-radius: 16px;
    -o-border-top-right-radius: 16px;
    border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-bottom-right-radius: 16px;
    -o-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.twibd_con_sharing div.share-box:hover ul.share-list {
    visibility: visible;
    opacity: 1
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: inherit !important
}

.footer_img_shadow {
    -webkit-box-shadow: 2px 3px 2px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 2px 3px 2px 0 rgba(0, 0, 0, .07);
    box-shadow: 2px 3px 2px 0 rgba(0, 0, 0, .07)
}

.footer_comodo {
    margin-top: 5px
}

.bottom-footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.bottom-footer p>a {
    color: #8c8c8c;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
}

.bottom-footer p>a:hover {
    color: #000000;
}

.bottom-footer ul {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0;
}

.bottom-footer ul li a {
    padding: 5px;
}

.bottom-footer ul li a:hover svg path {
    fill: #000;
}

.twibd_privacy h2 {
    color: #375078 !important;
    text-transform: inherit !important;
    margin-bottom: 50px
}

.twibd_privacy .twibd_box {
    border-top: 2px solid #e8e8e8;
    padding-top: 75px
}

.twibd_privacy_date {
    border-top: 2px solid #bcbcbc;
    display: block;
    width: 100%;
    position: relative;
    margin: 50px 0 75px;
    height: 40px
}

.twibd_privacy_date span {
    position: absolute;
    top: -18px;
    background: #f1f1f1;
    padding-right: 50px
}

.con_info {
    margin-top: 220px
}

.con_info img {
    margin: 25px 0 10px
}

.con_info p {
    font-size: 13px;
    line-height: 20px
}

.con_info .con_t1 {
    font-weight: 600;
    color: #8c8c8c;
    margin-top: 15px
}

span.con_line {
    border: .77px solid #ccc;
    width: 50px
}

.banner-section h1 {
    color: #505050 !important
}

.banner-section .button-blue {
    background: 0 0 !important;
    outline: none !important;
    border: 1px solid #757575;
    color: #757575 !important;
    border-radius: 5px;
    transition: all .5s ease
}

.banner-section .button-blue:before {
    background: 0 0 !important;
    border: none !important
}

.banner-section p {
    color: #333 !important
}

section.banner-section .banner-box .text-banner-box img {
    width: 100px
}


.banner-section .row {
    margin-bottom: 80px
}

.banner-section .button-blue:hover {
    background: #757575 !important;
    color: #fff !important
}

.banner-box h1 {
    font-size: 30px !important
}

span.twibd_unread_com {
    background: #f9c700;
    padding: 5px;
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
    display: block;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #000;
    margin-left: 5px;
    margin-top: -3px
}

span.sub_header_notice,
span.sub_header_notice1,
span.sub_header_notice2,
span.sub_header_notice3 {
    padding: 5px;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    line-height: 25px;
    display: block;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-left: 5px;
    color: #fff;
    font-size: 12px;
    position: absolute;
}

span.sub_header_notice {
    background: #829678;
    top: -25.5%;
}

span.sub_header_notice1 {
    background: #798ea2;
    top: -25.5%;
    left: 25.5%
}

span.sub_header_notice2 {
    background: #965a64;
    top: -25.5%;
    left: 28.5%
}

span.sub_header_notice3 {
    background: #645a96;
    top: -25.5%;
    left: 26.5%
}

.log-in-item i.fa.fa-caret-down {
    float: right;
    margin-top: -1px !important;
    display: block;
    margin-left: 5px !important
}

ul.comment-reply-depth {
    margin-left: 100px !important
}

.twibd_overview {
    color: #333;
    background: #ffeb96;
    padding: 15px 25px;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 16px;
    letter-spacing: 3px
}

.premium-section1 {
    background: ivory;
    padding: 50px
}

.subs_img {
    float: left;
    margin: 8px 0
}

.premium-section2 h1,
p.subs_date {
    color: #9b9b99
}

.subs_active {
    color: #81c710;
    font-size: 32px;
    line-height: 32px;
    padding-left: 10px;
    font-weight: 200
}

.subs_cacelled {
    color: #fac800;
    font-size: 26px;
    line-height: 32px;
    padding-left: 10px;
    font-weight: 200
}

.subs_inactive {
    color: #f12c2c;
    font-size: 22px;
    line-height: 32px;
    padding-left: 10px;
    font-weight: 200
}

p.subs_date {
    clear: both;
    padding-top: 5px
}

.subs_amounts {
    background: #fff;
    float: left;
    width: 100%;
    border-top-right-radius: 10px
}

.premium-section2 {
    padding: 67px 50px
}

.premium-section2 h1 {
    font-size: 32px
}

.premium-border1 {
    border-left: 1px solid #ededed;
    padding-left: 50px
}

.premium-content {
    border-top: 2px solid #e7ce9c;
    background: #d2a03c;
    float: left;
    width: 100%
}

.premium-section4 {
    background: #fafafa;
    min-height: 400px;
    padding: 50px
}

.premium-section4 h1 {
    color: #b7b7b7;
    font-size: 30px
}

.premium-section3-menu li:hover,
.premium-section3-menu li.active {
    list-style: none;
    background: #c89632
}

ul.premium-section3-menu {
    padding: 0 !important;
    margin: 0 !important
}

ul.premium-section3-menu a {
    display: block;
    padding: 20px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    font-size: 15px;
    font-weight: 300
}

.premium-section3-menu li a::after {
    content: " ";
    margin-left: 70px
}

.premium-section3-menu li:hover a::after,
.premium-section3-menu li.active a::after {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    right: 50px
}

.premium-section3 {
    padding: 0
}

.premium-section3-menu i {
    font-size: 30px;
    line-height: 30px;
    margin-right: 5px
}

.premium-section3-menu li {
    display: flex;
    padding-left: 50px
}

.premium-section3-menu i,
.premium-section3-menu span {
    float: left
}

.premium-section3-menu span {
    padding-top: 5px;
    padding-left: 10px
}

.twibd_support_box {
    background: #fff;
    padding: 20px 50px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.support_faq p {
    color: #828282;
    font-size: 12px
}

.support_faq {
    margin-bottom: 30px;
    position: relative
}

.twibd_support_box h2 {
    color: #222
}

.support_meta span {
    margin-right: 10px
}

.support_meta::after {
    font-family: FontAwesome;
    content: "\f0d7";
    font-size: 25px;
    color: #78c300;
    position: absolute;
    right: 0;
    top: 25px
}

.support_faq.collapsed .support_meta::after {
    font-family: FontAwesome;
    content: "\f0d9";
    color: #e0e0e0
}

#support_ticket p {
    margin-bottom: 15px;
    font-size: 13px
}

.support_com.support_com_first {
    border-bottom: 1px solid #dbdbdb;
    border-top: none !important
}

.support_com_meta p {
    text-align: right;
    font-size: 12px !important;
    color: #8c8c8c
}

.freepiker_staff {
    color: #81c711
}

.support_com {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    padding: 35px 0
}

.support_com_meta_last .meta__1 {
    text-align: left;
    width: 66%;
    font-size: 11px !important;
    line-height: 15px;
    margin-top: 10px;
    float: left
}

.support_com_meta_last .meta__2 {
    text-align: right;
    float: left;
    width: 34%;
    text-transform: uppercase;
    font-size: 11px !important
}

.freepiker_reply a {
    color: #2c9ec4;
    margin-right: 10px
}

.freepiker_close_ticket a {
    color: #f02323
}

.support_com_my_case a,
.support_com_my_case_no a,
.special_link_color {
    color: #2c9ec4
}

.support_com_my_case_no h2 {
    font-size: 16px
}

.support_com_my_case_no i {
    font-size: 32px;
    color: #d2a03c;
    margin-bottom: 10px
}

.support_com_my_case_no {
    text-align: center
}

h2.support_com_my_case {
    text-align: right;
    font-size: 16px;
    margin-top: 30px
}

.twibd_support_box .subs_active {
    padding-left: 0 !important
}

.subs_cancel,
.subs_card_update,
.subs_refund,
.subs_help_center,
.subs_plan_update {
    color: #8c8c8c !important;
    border: 1px solid #8c8c8c;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 20px 0 10px
}

.subs_premium_cancel {
    color: #fac800 !important;
    text-decoration: none;
    text-transform: uppercase
}

.subs_cancel:hover,
.subs_plan_update:hover {
    background-color: #8c8c8c !important;
    color: #fff !important
}

.subs_inactive_button {
    color: #fff !important;
    background: #78c300;
    border: 1px solid #78c300
}

.subs_transs {
    color: #d2a03c !important;
    border: 1px solid #d2a03c
}

.subs_next_billing_date {
    color: #f02323
}

.next_billing_info {
    font-size: 11px !important;
    line-height: 15px;
    margin-top: 25px
}

.next_billing_info1 {
    font-size: 11px !important;
    line-height: 15px;
    margin-top: 40px
}

.subs_annual {
    color: #d2a03c
}

.subs_next_billing_amount,
.subs_next_billing_amount1,
.twibd_billing_upp p {
    color: #9b9b99
}

.subs_next_billing_amount1 {
    font-size: 25px;
    font-weight: 200
}

.subs_notess {
    font-size: 12px;
    font-style: italic
}

.subs_img1 {
    float: left;
    margin-right: 10px
}

#subs_notess {
    margin: 25px 0
}

.twibd_support_box_cancel {
    position: relative
}

.twibd_billing_upp {
    margin-left: 15px;
    margin-top: 50px
}

p.twibd_cancelled_alert {
    float: left;
    font-size: 11px;
    line-height: 13px;
    position: absolute;
    bottom: 15px;
    width: 45%;
    left: 170px
}

p.twibd_inactive_alert {
    float: left;
    font-size: 11px;
    line-height: 13px;
    position: absolute;
    bottom: 30px;
    width: 45%;
    left: 185px
}

a.subscribe-again {
    float: left;
    font-size: 12px;
    line-height: 13px;
    position: absolute;
    bottom: 35px;
    width: 35%;
    left: 192px;
    top: 89px
}

p.twibd_cancel_r_alert {
    float: left;
    font-size: 11px;
    line-height: 13px;
    position: absolute;
    bottom: 17px;
    width: 35%;
    left: 178px
}

p.twibd_cancel_action_alert {
    float: left;
    font-size: 11px;
    line-height: 13px;
    position: absolute;
    bottom: 145px;
    width: 35%;
    left: 198px
}

span.subscription-again {
    margin-left: 15px
}

.freepiker_support_menu_wrap {
    background: #a6a6a6;
    border: 1px solid #a6a6a6;
    border-bottom: none;
    padding-left: 0 !important
}

.freepiker_support_menu li {
    list-style: none;
    float: left
}

.freepiker_support_menu li a {
    color: #fff;
    padding: 20px;
    width: 90px;
    text-align: center;
    display: block;
    font-weight: 500
}

.freepiker_support_menu li:hover,
.freepiker_support_menu li.active {
    background: #fff;
    color: #78c300
}

.freepiker_support_menu li:hover a,
.freepiker_support_menu li.active a {
    background: #fff;
    color: #78c300
}

ul.freepiker_support_menu {
    padding-left: 0 !important
}

.open_a_case {
    margin-top: 30px
}

form.open_a_case select,
.form1,
.form2 {
    width: 85%;
    padding: 10px 18px;
    background: #fff;
    outline: 0;
    border: 1px solid #d4d4d4 !important;
    color: #000;
    border-radius: 5px !important
}

form.open_a_case select {
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    position: relative
}

p.twibd_form_field {
    float: left;
    width: 10%;
    margin-right: 5%;
    padding-top: 1%;
    color: #666
}

.twibd_form_field_wrap {
    margin-bottom: 30px
}

.form2 {
    min-height: 300px
}

.case_sub {
    background: #d2a03c;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    margin-left: 80px;
    margin-bottom: 100px
}

.case_center {
    background: #d2a03c;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    margin-left: 40%;
    margin-bottom: 100px
}

.refund_request_te {
    color: #f12c2c
}

#twibd-identification {
    padding: 75px 0;
    background: #f2f2f2
}

.twibd_identity_con1 {
    margin: 50px 0 25px
}

.twibd_identity_con1 p {
    font-style: italic;
    font-weight: 500
}

.indentify_divider {
    width: 175px;
    height: 3px;
    background: #000;
    display: block
}

.twibd_identity_con1 h3 {
    margin-bottom: 15px
}

.twibd_form_wrapper {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin: 50px 0
}

#application_info,
#individual_info,
#business_info,
#payment_method_info,
#uploaded_document_info {
    border: .5px solid #c8c8c8
}

.twibd_form_wrapper h4 {
    font-size: 24px;
    line-height: 35px;
    font-weight: 300
}

p.twibd_form_headline {
    font-size: 15px;
    font-weight: 600
}

p.twibd_form_headline span {
    font-size: 13px;
    font-weight: 500;
    font-style: italic
}

.twidb_form_margin_bottom {
    margin-bottom: 25px
}

.twidb_form_margin_bottom label {
    color: #4d4d4d;
    margin-right: 12px;
    font-weight: 400;
    font-size: 14px
}

input.twibd_text {
    border: 1px solid #dcdcdc;
    width: 70%;
    padding: 7px;
    border-radius: 5px;
    background: #f2f2f2
}

.custom-select {
    position: relative;
    top: -35px;
    left: 100px
}

.custom-select7 {
    position: relative;
    top: -30px;
    left: 131px;
    width: 68%
}

.custom-select select {
    display: none;
    border: 1px solid #000 !important
}

.select-selected {
    background-color: #f2f2f2;
    text-align: center;
    color: #4d4d4d !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #f2f2f2 transparent transparent transparent
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #f2f2f2 transparent;
    top: 7px
}

.select-items div,
.select-selected {
    padding: 8px 16px;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    user-select: none;
    color: #4d4d4d !important
}

.select-items {
    position: absolute;
    background-color: #f2f2f2;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: center;
    color: #4d4d4d !important
}

.select-hide {
    display: none
}

.select-items div:hover,
.same-as-selected {
    background-color: #f2f2f2
}

.twibd_ind_con1 {
    margin: 50px 0
}

ul.twibd_bod li,
.twibd_img_upload li {
    list-style: none;
    float: left
}

ul.twibd_bod,
.twibd_img_upload {
    margin-left: -35px !important
}

ul.twibd_bod input.twibd_text {
    width: 100% !important;
    text-align: center
}

li.twibd_dob2 {
    width: 1%;
    margin: 8px 12px;
    font-size: 18px
}

li.twibd_dob1 {
    width: 22%
}

.twibd_bod label,
.twibd_img_upload label {
    padding-top: 10px
}

p.twibd_form_note {
    font-size: 12px
}

.custom-select1 {
    top: -33px;
    left: 140px
}

.custom-select2 {
    top: -3px;
    left: 0
}

.custom-select3 {
    position: relative;
    top: 2px;
    left: 0;
    margin-right: 10px
}

.custom-select4 {
    position: relative;
    top: -33px;
    left: 140px
}

.custom-select5 {
    position: relative;
    top: 0;
    left: -11px
}

.custom-select5 .form-control {
    height: 40px;
    background-color: #f2f2f2
}

.twibd_form_wrapper [type=file] {
    height: 0;
    overflow: hidden;
    width: 0
}

.twibd_form_wrapper [type=file]+label {
    background: #4d4d4d;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: 300;
    margin-bottom: 1rem;
    outline: none;
    padding: 1rem 50px;
    position: relative;
    transition: all .3s;
    vertical-align: middle
}

.twibd_form_wrapper [type=file]+label:hover {
    background-color: #4d4d4d
}

.btn-submit-ticked {
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    padding: 15px 30px;
    background-color: #7dc332;
    border-radius: 7px;
    box-shadow: 0 7px 0 0 #68ac27
}

.twibd_submit_text {
    margin-left: 20px;
    font-size: 16px
}

.twibd_submit_text a {
    color: #009dc3
}

.twibd-identification-success {
    text-align: center
}

.twibd-identification-success h3 {
    color: #78c300;
    font-weight: 300
}

.twibd-identification-success h3 img {
    margin-right: 7px
}

.col-md-3.twibd-refundform-sidebar {
    background: #ffd2d2;
    padding: 50px;
    border-radius: 15px
}

.twibd-refundform-sidebar i {
    font-size: 125px;
    color: #ffbebe
}

.twibd-refundform-sidebar h3 {
    color: #eb645a;
    font-size: 17px;
    margin-top: 50px
}

.twibd-refundform-sidebar p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 25px
}

.twibd_lll {
    background: #ffafac;
    height: 2px;
    width: 100%;
    margin: 50px 0
}

.twibd_lll {
    background: #ffafac;
    height: 2px;
    width: 100%;
    margin: 50px 0
}

.twibd_laa {
    margin-bottom: 5px !important
}

.twibd_sm_f {
    color: #221c1c
}

.twibd-refundform {
    padding: 0 50px
}

.twibd-refundform h1 {
    color: #a6a6a6;
    margin-bottom: 50px
}

.twibd-refundform select,
.twibd-refundform input,
.twibd-refundform textarea {
    border: 1px solid #e4e4e4;
    width: 100%;
    padding: 10px
}

.twibd_fr {
    color: #de1111
}

.twibd-refundform p {
    color: #222
}

.twibd_fn {
    text-align: right;
    font-style: italic;
    font-size: 12px
}

.twibd-refundform textarea {
    min-height: 200px
}

.twibd-refundform input[type=submit] {
    width: 200px
}

.twibd-refundform input[readonly] {
    background: #ededed;
    text-align: center;
    color: #7e7e7e;
    font-size: 18px;
    line-height: 18px
}

.twibd_clearfix {
    clear: both !important;
    margin: 25px 0 !important;
    display: block !important;
    height: 10px
}

.twibd_suu a {
    color: #909090;
    font-size: 16px;
    margin-left: 20px
}

.twibd_success_refund {
    text-align: center;
    background: #fef9e5;
    padding: 50px;
    border: 2px solid #d7d7d9;
    border-radius: 15px
}

.twibd_success_refund p {
    line-height: 16px
}

.twibd_refund_request_list h1 {
    border-bottom: 1px solid #cacaca;
    line-height: 100px;
    color: #787878;
    font-weight: 400;
    font-size: 30px
}

.twibd_refund_request_list h3 {
    font-weight: 300;
    font-size: 20px
}

.twibd_refund_request_list h3 span {
    color: #1464f0;
    font-weight: 400
}

.twibd_pay_se {
    background: #1464f0;
    color: #fff;
    text-align: center !important;
    text-align-last: center !important;
    border: none;
    padding: 10px 3px;
    border-radius: 5px;
    float: left;
    margin-top: 12px
}

.twibd_pay_se option {
    text-align: center !important
}

.twibd_textt {
    height: 42px !important
}

.twibd_bbU {
    padding: 10px 12px !important
}

.twibd_dd_pp,
.twibd_dd_dd {
    list-style: none;
    float: right
}

.twibd_dd_pp li {
    display: inline
}

.twibd_dd_dd li {
    float: left;
    margin-right: 6px
}

.twibd_dd_pp a,
.twibd_dd_dd {
    color: #969696
}

.twibd_dd_pp .active a {
    color: #000;
    font-weight: 700
}

.dd_input_tt {
    width: 103px !important
}

.twibd_ppay {
    padding: 0 !important
}

.twibd_gapp {
    height: 50px;
    clear: both
}

.twibd_tbll {
    background: #fff;
    margin-top: 20px;
    padding: 0 25px 25px;
    border-radius: 15px;
    float: left
}

.twibd_tbll td {
    text-align: left
}

.twibd_tbll th {
    font-size: 14px
}

.twibd_grr,
.twibd_valid_ti {
    color: #78c300
}

.twibd_grreject,
.twibd_invalid_ti {
    color: #eb645a
}

.twibd_ree {
    color: #eb645a
}

.twibd_grreject {
    font-size: 30px !important
}

.twibd_tbll i {
    font-size: 16px;
    margin-left: 20px
}

.twibd_tbll_mess {
    font-size: 46px
}

.twibd_tbll_mess {
    font-size: 46px;
    font-weight: 100;
    text-align: center;
    margin: 100px 0;
    color: #c8c8c8
}

.twibd_tbll_mess span {
    color: #78c300
}

.twibd_final_cal li {
    list-style: none;
    float: left;
    width: 20%;
    border-right: 1px solid #7f7f7f
}

.twibd_final_cal li.twibd_no_bb {
    border-right: none
}

.twibd_final_cal {
    border-top: 2px solid;
    padding-top: 20px
}

.cal_ti,
.cal_amount {
    float: left
}

.cal_ti {
    width: 48%;
    font-size: 12px;
    text-align: right;
    margin-right: 2%;
    color: #7f7f7f
}

.twibd_final_cal ul {
    padding: 0 !important;
    margin: 0 !important
}

.cal_amount {
    font-size: 20px;
    font-weight: 100;
    line-height: 25px;
    width: 49%;
    margin-left: 1%
}

.col-md-12.twibd_tbll th {
    padding-left: 14px;
    text-align: left
}

.col-md-12.twibd_tbll td {
    padding: 25px 0 25px 14px;
    text-align: left
}

.myPendingGr {
    background: #0d5de1
}

.myPendingGr,
.myPendingGr i.fa-chevron-down {
    color: #fff
}

.table>tbody>tr.myPendingGr>td {
    border-bottom: 1px solid #1464f0
}

.myPendingGr_valid {
    background: #1464f0;
    color: #fff
}

.coll_valid_ii {
    padding-right: 15px !important
}

.myPendingGr_valid div {
    text-align: left !important
}

.twibd_valid_ti,
.twibd_invalid_ti {
    font-size: 30px;
    font-weight: 300
}

.twibd_valid_ti i {
    font-size: 36px;
    margin-left: 0 !important
}

.twibd_valid_date h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: -2px
}

.twibd_valid_div .twibd_valid_date h4 {
    margin-top: 0 !important
}

.twibd_valid_div .form-control {
    height: 26px
}

.twibd_valid_date h3 {
    margin-top: 0 !important;
    font-size: 20px
}

.twibd_valid_bor {
    border-right: 1px solid #0656c7
}

.twibd_copy_bg {
    background: 0 0 !important;
    border: none;
    color: #fff;
    padding: 0;
    font-size: 24px;
    box-shadow: none;
    font-weight: 400;
    line-height: 30px
}

.twibd_reason_bg {
    background: 0 0 !important;
    border: none;
    color: #fff;
    padding: 0;
    font-size: 20px;
    box-shadow: none;
    font-weight: 400;
    line-height: 30px;
    margin-top: 80px;
    border-bottom: 1px solid #fff
}

.twibd_reason_bg:hover {
    color: #41dca5;
    border-bottom: 1px solid #41dca5
}

.btn-clipboard {
    background: #fff;
    color: #1464f0
}

.twibd_valid_buut .btn-submit-ticked {
    padding: 10px 0 !important;
    width: 100%;
    text-align: center;
    font-weight: 300
}

.btn-submit-reject {
    background-color: #df6573;
    box-shadow: 0 3px 0 0 #b41920 !important
}

.twibd_valid_buut .btn-submit-ticked {
    box-shadow: 0 3px 0 0 #519900
}

.twibd_valid_buut {
    padding: 0 10px;
    margin-top: 15px
}

.statusss,
.statusss_rej,
.statusss1,
.statusss_rej1 {
    margin-top: -250px !important;
    position: absolute;
    width: 98.2%;
    height: 250px;
    display: none
}

.statusss_rej,
.statusss_rej1 {
    background: #eb645a
}

.statusss,
.statusss1 {
    background: #7dcd41
}

.twibd_cross {
    position: absolute;
    margin: 0 !important;
    right: 10px;
    top: 10px;
    color: #fff
}

.approve1 {
    padding: 10px 15px;
    border: 2px solid #ade088;
    color: #fff !important;
    font-size: 20px;
    margin-top: 50px;
    font-weight: 300
}

.statusss_style h4,
.statusss_style h2 {
    color: #fff
}

.statusss_style,
.statusss_box {
    text-align: left !important
}

.table>tbody>tr.statusss>td,
.table>tbody>tr.statusss_rej>td,
.table>tbody>tr.statusss1>td,
.table>tbody>tr.statusss_rej1>td {
    border: none
}

input.stau_text {
    width: 72%;
    padding: 15px;
    font-size: 26px !important;
    color: #222;
    font-weight: 300;
    display: block;
    border: none
}

.statusss_style h2 {
    font-size: 23px;
    font-weight: 200
}

.statusss_style h4 {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0
}

.stau_subm,
.stau_subm_rej {
    background: #fff;
    padding: 15px 25px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    border: none;
    border-radius: 8px
}

.stau_subm {
    color: #a0da74;
    margin-top: 10px
}

.stau_subm_rej {
    margin-top: 50px;
    color: #ee7970;
    float: left
}

.twibd_rej_buu {
    color: #fff !important;
    border: 2px solid #f29e97;
    font-size: 18px;
    padding: 10px;
    margin-top: 50px;
    font-weight: 300
}

.statusss_box {
    margin-top: -55px
}

.statusss_box h3 {
    background: #e5e5e5;
    font-size: 16px;
    padding: 10px;
    font-weight: 400
}

.statusss_box textarea {
    width: 100%;
    margin-top: -10px;
    border: none;
    text-align: left;
    padding: 0;
    height: 190px
}

.myCloseGr {
    background: #78c300;
    color: #fff
}

.myCloseRd {
    background: #eb645a;
    color: #fff
}

.myCloseGr i,
.twibd_tbll_close i {
    color: #c8c8c8
}

.twibd_tbll_close .myPendingGr_valid {
    background: #464646
}

.twibd_grr_close,
.twibd_valid_ti_close {
    color: #5f5f5f !important
}

.myPendingGr_valid_close,
.twibd_copy_bg_close {
    color: #969696
}

.twibd_tbll_close .twibd_valid_bor {
    border-right: 1px solid #3f3f3f
}

.twibd_valid_date_close {
    color: #fff
}

.twibd_closed_apporve,
.twibd_closed_reject {
    font-size: 21px;
    font-weight: 400
}

.twibd_closed_apporve,
.sss_app {
    color: #78c300
}

.twibd_closed_reject,
.sss_rej {
    color: #eb645a
}

.sepppp {
    width: 100%;
    height: 1px;
    background: #c4c4c4;
    margin-top: 75px;
    margin-bottom: 25px
}

.twibd_payout_header h3 {
    background: #ffeb96;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    padding: 15px
}

.col-md-12.twibd_payout_header {
    padding: 0
}

.twibd_payout_cal {
    background: ivory;
    padding: 30px 10px;
    margin-top: -10px
}

.twibd_payout_cal h3 {
    font-size: 15px;
    font-weight: 400
}

.twibd_payout_bor {
    border-left: 1px solid #e8e8e6;
    border-right: 1px solid #e8e8e6;
    padding-right: 20px
}

.twibd_payout_last,
.twibd_payout_bor {
    padding-left: 50px
}

.twibd_pay_paypal {
    color: #0046aa
}

.twibd_pay_payoneer {
    color: #ff5a00 !important
}

.twibd_payout_first {
    position: relative;
    padding-top: 25px;
    padding-left: 50px
}

.twibd_payout_arr {
    position: absolute;
    top: 70px;
    right: 50px;
    color: #e0e0e0;
    font-size: 27px
}

.col-md-7.payout_copyy {
    padding: 0;
    color: #969696
}

.col-md-9.payout_copyy .twibd_copy_bg {
    color: #969696;
    height: 30px
}

.payout_copyy h4 {
    color: #969696 !important
}

.col-md-7.payout_copyy .twibd_copy_bg {
    color: #969696 !important
}

.payout_copyy_bu .btn-clipboard,
.payout_copyy_bu_right .btn-clipboard {
    background: #969696;
    border: none;
    color: #fff
}

.payout_copyy_bu .btn-clipboard {
    margin-top: -10px
}

.payout_copyy_bu_right .btn-clipboard {
    margin-top: 20px
}

.payout_request_on {
    border-top: 2px solid;
    padding-left: 0 !important;
    margin-top: 15px;
    padding-top: 15px;
    margin-left: 15px
}

.payout_request_on h4 {
    margin-top: 0 !important
}

.payout_request_on h4 span {
    font-size: 20px
}

.twibd_tbll_payout .twibd_valid_date h4,
.twibd_tbll_payout .twibd_valid_date .twibd_copy_bg,
.twibd_tbll_payout .payout_copyy .twibd_copy_bg {
    color: #fff !important
}

.twibd_tbll_payout .payout_copyy_bu .btn-clipboard,
.twibd_tbll_payout .payout_copyy_bu_right .btn-clipboard {
    background: #fff !important;
    color: #1464f0 !important
}

.twibd_tbll_payout .statusss,
.statusss_rej,
.twibd_tbll_payout .statusss1,
.statusss_rej1 {
    margin-top: -281px !important;
    height: 281px !important
}

p.twibd_payout_amount {
    font-size: 25px;
    line-height: 40px;
    font-weight: 300
}

#payment-errors {
    display: none
}

.subs_transs {
    color: #d2a03c !important;
    border: 1px solid #d2a03c;
    color: #8c8c8c !important;
    border: 1px solid #8c8c8c;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 20px 0 10px
}

.isDisabled {
    cursor: not-allowed;
    opacity: .5
}

.isDisabled>a {
    color: currentColor;
    display: inline-block;
    pointer-events: none;
    text-decoration: none
}

.alert-danger {
    color: #a94442;
    background-color: #f6f6f6;
    border-color: #ebccd1
}

.transaction-pull-right {
    float: right
}

.country_selection {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin: 50px 0
}

.country_selection h3 {
    font-size: 21px;
    font-weight: 300;
    color: #000;
    font-family: "Inter", sans-serif
}

.country_selection select,
.custom-select-op select,
.business_country select,
.country select {
    text-align: center;
    text-align-last: center
}

.country_selection option,
.custom-select-op option,
.business_country option,
.country option {
    text-align: left
}

#country_respose {
    display: none
}

#country_respose h3 {
    font-size: 15px;
    font-weight: 300;
    color: red;
    font-family: "Inter", sans-serif
}

.business_country .form-control,
.country .form-control,
.custom-select-op .form-control {
    width: 75%;
    height: 38px;
    background-color: #f2f2f2
}

#application_info .error_msg,
#individual_info .error_msg,
#business_info .error_msg,
#payment_method_info .error_msg,
#uploaded_document_info .error_msg {
    font-size: 18px;
    color: #f05046;
    display: none
}

#application_info .app_info_fillup i,
#individual_info .individual_info_fillup i,
#business_info .business_info_fillup i,
#payment_method_info .payment_method_info_fillup i,
#uploaded_document_info .uploaded_document_info_fillup i {
    font-size: 22px !important;
    color: green;
    display: none
}

.after_your_photo {
    display: none
}

.identity-card,
.validation-text {
    float: left;
    margin-right: 10px
}

.passport-green,
.id-card-green,
.driver-license-green {
    display: none
}

#contributor_edit input[type=text],
#contributor_edit input[type=password],
#contributor_edit input[type=email],
#contributor_edit .business_country .form-control,
#contributor_edit .custom-select-op .form-control {
    background-color: #f5fe96;
    border: 1px solid #f5fe96;
    pointer-events: none
}

#contributor_edit input.twibd_text {
    width: 68%
}

#contributor_submit_time .table {
    border: none
}

#contributor_submit_time .table>tbody>tr>td {
    border: none
}

#contributor_submit_time .table>tbody>tr>td:first-child {
    text-align: right
}

#contributor_node_box h2 {
    color: #d9524f
}

#contributor_node_box textarea {
    display: none
}

#contributor_node_box .note-box {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    height: 300px
}

#contributor_node_box .note-box .note-box1 {
    width: 100%;
    height: 86%
}

#contributor_node_box .note-box .note-box2 {
    width: 96%;
    border-top: 1px solid #e1e1e1;
    height: 14%;
    margin: 0 2%;
    padding: 10px 0
}

#contributor_node_box .note-box .note-box2 .text-font {
    color: #008cff;
    font-weight: 400;
    padding: 0 10px;
    pointer-events: none
}

#contributor_node_box .note-box .note-box2 .text-edit {
    color: #008cff;
    font-weight: 400;
    padding: 0 10px
}

#contributor_node_box .note-box .note-box2 .bold {
    font-weight: 700
}

#contributor_node_box .note-box .note-box2 .text-font:hover {
    color: #0b37d2
}

#contributor_node_box .note-box .note-box2 .text-edit:hover {
    color: #0b37d2
}

#contributor_node_box .note-box .note-box2 .save {
    color: #64c328;
    font-weight: 400;
    padding: 0 10px;
    pointer-events: none
}

#contributor_node_box .note-box .note-box2 .save:hover {
    color: #209516
}

#contributor_update_information {
    display: none
}

#edit_your_photo img {
    position: absolute;
    max-height: 80%;
    max-width: 80%;
    height: 100%
}

#edit_your_photo [type=file]+label {
    background: blue;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: inherit;
    font-weight: 300;
    margin-bottom: 1rem;
    outline: none;
    padding: 15px;
    position: relative;
    transition: all .3s;
    vertical-align: middle
}

#edit_your_photo i {
    font-size: 24px
}

.case-editor-content [contenteditable=true] {
    pointer-events: auto
}

[contenteditable=true]:active,
[contenteditable=true]:focus {
    border: none;
    outline: none
}

[contenteditable=true] {
    pointer-events: none
}

#affiliate_edit input[type=text],
#affiliate_edit input[type=password],
#affiliate_edit input[type=email],
#affiliate_edit .business_country .form-control,
#affiliate_edit .custom-select-op .form-control {
    background-color: #f5fe96;
    border: 1px solid #f5fe96;
    pointer-events: none
}

#affiliate_edit input.twibd_text {
    width: 68%
}

#affiliate_submit_time .table {
    border: none
}

#affiliate_submit_time .table>tbody>tr>td {
    border: none
}

#affiliate_submit_time .table>tbody>tr>td:first-child {
    text-align: right
}

#affiliate_node_box h2 {
    color: #d9524f
}

#affiliate_node_box textarea {
    display: none
}

#affiliate_node_box .note-box {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    height: 300px
}

#affiliate_node_box .note-box .note-box1 {
    width: 100%;
    height: 86%
}

#affiliate_node_box .note-box .note-box2 {
    width: 96%;
    border-top: 1px solid #e1e1e1;
    height: 14%;
    margin: 0 2%;
    padding: 10px 0
}

#affiliate_node_box .note-box .note-box2 .text-font {
    color: #008cff;
    font-weight: 400;
    padding: 0 10px;
    pointer-events: none
}

#affiliate_node_box .note-box .note-box2 .text-edit {
    color: #008cff;
    font-weight: 400;
    padding: 0 10px
}

#affiliate_node_box .note-box .note-box2 .bold {
    font-weight: 700
}

#affiliate_node_box .note-box .note-box2 .text-font:hover {
    color: #0b37d2
}

#affiliate_node_box .note-box .note-box2 .text-edit:hover {
    color: #0b37d2
}

#affiliate_node_box .note-box .note-box2 .save {
    color: #64c328;
    font-weight: 400;
    padding: 0 10px;
    pointer-events: none
}

#affiliate_node_box .note-box .note-box2 .save:hover {
    color: #209516
}

#affiliate_update_information {
    display: none
}


#profile_search .form-control {
    width: 100%;
    height: 44px
}

#profile_search .glyphicon {
    position: relative;
    top: 9px;
    display: inline-block;
    font-family: glyphicons halflings;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    height: 29px;
    -moz-osx-font-smoothing: grayscale
}

#timeline-box .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 8px;
    color: #000;
    vertical-align: middle;
    background-color: #1ca52c;
    border-radius: 6px
}

#timeline-box .form-control {
    height: 58px;
    border: 1px solid #ccc;
    border-radius: 4px
}

#timeline-box .input-group-addon {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 4px;
    left: 51%;
    vertical-align: middle;
    width: 50%;
    height: 58px;
    z-index: 9999;
    padding: 18px 13px;
    font-size: 20px
}

#coupon-box .coupon-box {
    border: .5px solid #e0e0e0;
    border-radius: 4px
}

#coupon-box .heading {
    border-bottom: .5px solid #e0e0e0;
    padding: 20px;
    padding-top: 38px
}

#coupon-box .inactive {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 8px;
    color: #ddd;
    vertical-align: middle;
    border-radius: 6px
}

#coupon-box .active {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 8px;
    color: #000;
    vertical-align: middle;
    background-color: #1ca52c;
    border-radius: 6px
}

#coupon-box .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

#coupon-box .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#coupon-box .slider {
    position: absolute;
    cursor: pointer;
    top: -2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e0e0e0;
    -webkit-transition: .4s;
    transition: .4s
}

#coupon-box .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 18px;
    left: 8px;
    top: 3px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

#coupon-box input:checked+.slider {
    background-color: #ff7300
}

#coupon-box input:focus+.slider {
    box-shadow: 0 0 1px #ff7300
}

#coupon-box input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

#coupon-box .slider.round {
    border-radius: 34px;
    height: 25px
}

#coupon-box .slider.round:before {
    border-radius: 50%
}

#coupon-box .coupon-box-1 {
    padding: 20px
}

.discount {
    padding: 20px 30px
}

.discount p span.currency {
    border: 1px solid #ff7300;
    background-color: #ff7300;
    border-radius: 4px;
    color: #fff;
    padding: 0 8px;
    left: 2px;
    cursor: pointer;
    position: relative
}

.discount p span.currency1 {
    border: 1px solid #eee;
    background-color: #eee;
    color: #cacaca;
    border-radius: 0 4px 4px 0;
    padding: 0 8px 0 10px;
    cursor: pointer
}

.discount-price {
    background-color: #f8f8f8;
    border: .5px solid #e0e0e0;
    border-radius: 4px
}

.discount-price {
    padding: 20px 30px
}

.discount-price span.price {
    background-color: #fff;
    padding: 15px 38px;
    border-radius: 4px
}

.discount-price span.price1 {
    background-color: #e7e7e7;
    padding: 15px 20px;
    border-radius: 0 4px 4px 0;
    left: -5px;
    position: relative
}

.discount p,
.discount-price p {
    margin-bottom: 20px
}

strike {
    color: #642dff
}

.premium-plan span.premium-discount-annual {
    color: #642dff;
    font-size: 20px;
    font-weight: 700;
    margin-left: -34%
}

.premium-plan span.premium-discount-monthly {
    color: #642dff;
    font-size: 20px;
    font-weight: 700;
    margin-left: -34%
}

.social-list .get-link {
    text-align: center;
    font-size: 10px !important;
    border: 1px solid #fff;
    border-radius: 25px;
    font-weight: 700;
    padding-top: 2%;
    color: #fff !important;
    height: 28px;
    width: 75px;
    background-image: -webkit-linear-gradient(to right, #64b4ff, #7171d0);
    background-image: linear-gradient(to right, #64b4ff, #7171d0)
}

.social-list .hide-link {
    background-image: -webkit-linear-gradient(to right, #bdbdbd, #828282);
    background-image: linear-gradient(to right, #bdbdbd, #828282)
}


.afiliate-box {
    background-color: #e7e7e7
}

.h-center {
    position: absolute;
    left: 7px;
    top: 6px;
    font-weight: 700
}

.share-center {
    position: absolute;
    right: 5px;
    top: 8px;
    font-weight: 700
}

#afbd-affiliate {}

.affiliate-header {
    height: 200px;
    background-image: -webkit-linear-gradient(to right, rgb(161, 92, 194), rgb(66, 95, 255));
    background-image: linear-gradient(to right, rgb(161, 92, 194), rgb(66, 95, 255))
}

.affiliate-header>p {
    position: relative;
    font-size: 21pt;
    color: #fff;
    font-weight: 600;
    text-align: right;
    line-height: 1;
    margin: 8% 62% 0% 0
}

.persent {
    position: absolute;
    top: 55%
}

.affiliate-recuiring {
    margin-top: 150px
}

.affiliate-recuiring>h4 {
    margin: 0 0 10px;
    padding: 0;
    margin-left: 172px;
    font-size: 36pt;
    font-weight: 600
}

.affiliate-recuiring>p {
    margin: 0;
    padding: 0;
    margin-left: -39px;
    font-size: 16pt;
    font-weight: 600
}

.affiliate-chart-img>img {
    height: 373px
}

.affiliate-chart .v-line {
    height: 112px;
    width: 100%;
    border-left: 1px solid #cdc5ff;
    margin-bottom: 33px
}

.affiliate-chart>span {
    font-size: 36pt;
    font-weight: lighter;
    text-decoration: underline;
    text-decoration-thickness: from-font;
    line-height: 1
}

.affiliate-chart>p {
    margin-top: 44px;
    font-size: 11pt;
    font-weight: regular;
    line-height: 1.5
}

.affiliate-steps {
    border-radius: 5px;
    background-color: #f4f7f9;
    padding-bottom: 50px
}

.affiliate-steps>h3 {
    margin-top: 78px;
    font-size: 40pt;
    font-weight: lighter
}

.affiliate-steps>p {
    font-size: 15pt;
    font-weight: regular
}

.affiliate-steps .step {
    margin-top: 58px
}

.affiliate-steps .step .col-md-3 {
    padding: 5px
}

.affiliate-steps .step .jumbotron-bg {
    background-color: #fff
}

.jumbotron-bg .display-4 {
    font-size: 45pt;
    font-weight: 600;
    color: #dfe2e4
}

.affiliate-steps .step .jumbotron-bg>h3 {
    font-size: 15pt;
    font-weight: 600
}

.affiliate-steps .step .jumbotron-bg .lead>img {
    height: 125px
}

.affiliate-link {
    margin: 95px 0
}

.affiliate-link .become {
    float: right;
    font-size: 16pt;
    font-weight: 600;
    color: #fff;
    border: 1px solid;
    border-radius: 50px;
    padding: 20px 50px;
    background-image: -webkit-linear-gradient(to right, rgb(161, 92, 194), rgb(66, 95, 255));
    background-image: linear-gradient(to right, rgb(161, 92, 194), rgb(66, 95, 255))
}

.affiliate-link .terms-condition {
    margin-top: 20px;
    float: left;
    font-size: 16pt;
    font-weight: 400;
    color: #2887ff;
    border-bottom: 1px solid #2887ff
}

#trm-affiliate {
    background: #f1f1f1;
    padding-bottom: 90px
}

.affiliate-terms {
    margin-top: 92px
}

.heading-line {
    margin-top: 25px;
    background-color: #ccc;
    width: 100%;
    height: 1px
}

.affiliate-terms .h-line {
    background-color: #ccc;
    width: 100%;
    height: 1px;
    margin: 70px 0
}

.affiliate-terms>h2 {
    font-weight: 300;
    font-size: 40px;
    line-height: 25px;
    color: #000;
    margin: 0 0 20px
}

.affiliate-subtitle>h5 {
    line-height: 23px;
    margin-bottom: 25px;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    color: #656565
}

.affiliate-terms>h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    margin-bottom: 25px;
    color: #375078 !important;
    text-transform: inherit !important
}

.affiliate-terms>p {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 23px;
    text-align: justify
}

.example-download {
    padding: 0;
    margin: 0 0 85px
}

.example-download>ul {
    margin: 0;
    padding: 0 0 0 2%
}

.example-download>ul>li {
    list-style-type: decimal;
    margin-top: 20px
}

.example-download>ul>li>a {
    text-decoration: underline !important;
    color: #326eff
}

@media screen and (max-width:992px) {
    .h-center {
        display: none
    }

    .affiliate-header>p {
        padding-top: 20px;
        position: relative;
        font-size: 21pt;
        color: #fff;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        text-align: center;
        line-height: 1;
        margin: 0
    }

    .persent {
        position: absolute;
        top: 55%;
        left: 35%
    }

    .affiliate-recuiring>h4 {
        margin-left: 0
    }

    .affiliate-recuiring>p {
        margin-left: 0
    }

    .affiliate-chart {
        text-align: center
    }

    .affiliate-chart>span {
        font-size: 35pt
    }

    .affiliate-chart .v-line {
        display: none
    }

    .affiliate-chart-img>img {
        text-align: center;
        width: 100%
    }

    .affiliate-chart>span {
        text-align: center
    }

    .affiliate-chart>p {
        text-align: center
    }

    .affiliate-steps>h3 {
        margin-top: 0;
        padding-top: 58px
    }

    .affiliate-link {
        text-align: center
    }

    .affiliate-link .become {
        float: none;
        text-align: center
    }

    .affiliate-link .terms-condition {
        float: none
    }
}

@media only screen and (max-width:600px) {
    .h-center {
        display: none
    }

    .affiliate-header>p {
        padding-top: 20px;
        position: relative;
        font-size: 21pt;
        color: #fff;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        text-align: center;
        line-height: 1;
        margin: 0
    }

    .persent {
        position: absolute;
        top: 55%;
        left: 20%
    }

    .affiliate-recuiring>h4 {
        margin-left: 0
    }

    .affiliate-recuiring>p {
        margin-left: 0
    }

    .affiliate-chart {
        text-align: center
    }

    .affiliate-chart>span {
        font-size: 35pt
    }

    .affiliate-chart .v-line {
        display: none
    }

    .affiliate-chart-img>img {
        text-align: center;
        width: 100%
    }

    .affiliate-chart>span {
        text-align: center
    }

    .affiliate-chart>p {
        text-align: center
    }

    .affiliate-steps>h3 {
        margin-top: 0;
        padding-top: 58px
    }

    .affiliate-link {
        text-align: center
    }

    .affiliate-link .become {
        float: none;
        text-align: center
    }

    .affiliate-link .terms-condition {
        float: none
    }
}

@media screen and (min-width:1900px) {
    .affiliate-header>p {
        margin: 6.2% 59% 0 0
    }

    .persent {
        position: absolute;
        top: 55%
    }
}

** case **/ .twibd_bluu {
    color: #1464f0 !important
}

.twibd_tbll_cases td {
    text-align: left;
    padding-left: 10px !important
}

.twibd_tbll_cases i {
    margin-left: 0 !important
}

a span.userr {
    color: #2c9ec4;
    font-weight: 700
}

.myClose666666 {
    background: #666;
    color: #fff
}

.myClose666666 a span.userr,
.myClose666666 i {
    color: #fff !important
}

.myClose666666_valid {
    background: #fafafa
}

.case-temp-top {
    border-top: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    padding: 9px 0 0;
    text-align: right
}

.case-temp-top p {
    font-size: 12px !important;
    color: #8c8c8c
}

.case-temp-top span,
.case-meta-top span {
    color: #404040;
    font-weight: 700
}

.case-meta-top ul li {
    list-style: none;
    display: inline;
    margin-right: 10px
}

.case-meta-top ul {
    margin-left: 0 !important;
    padding-left: 0;
    padding-top: 10px;
    font-size: 12px
}

.case-meta-top h3 {
    font-size: 25px;
    line-height: 25px;
    margin-top: 0
}

.case-main-message {
    margin-bottom: 50px
}

.case-main-wrap {
    padding: 35px 0;
    border-bottom: 1px solid #f1f1f1
}

.case-main-message p {
    font-size: 13px;
    color: #000
}

.mess_footer p {
    margin-bottom: 0
}

.case-temp-top span.freepiker_staff {
    color: #78c300
}

.case-cll {
    color: #1464f0
}

.case-userrr,
a .case-reply-button {
    color: #57accc
}

.freepiker-case-right {
    color: #666;
    padding: 35px;
    min-height: 400px
}

.freepiker-case-right h3 {
    font-size: 15px !important
}

.freepiker-case-right h2 {
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 30px
}

.case-content-wrap {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px
}

td.case-content-td {
    padding: 0 !important
}

.mess_direction_time p {
    color: #a9a9a9;
    font-size: 11px;
    line-height: 15px
}

.col-md-6.mess_direction_time {
    padding-left: 0;
    padding-top: 10px
}

.case-progress {
    color: #78c300
}

.txtEditor {
    margin-top: 50px
}

.twibd_txtEd {
    display: none
}

.case-reply-right {
    text-align: right;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    float: right;
    margin-left: 20px
}

.case-edit-button {
    color: #f02323
}

.case-hold-button {
    border: 1px solid #f02323
}

.case-close-button {
    color: #1464f0
}

.twibd_reddd {
    color: #f24040
}

.case-close-button {
    border: 1px solid #1464f0;
    margin-top: 15px
}

.case-hold-button,
.case-close-button {
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 7px;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.case-hold-button:hover {
    background: #f02323
}

.case-hold-button:hover,
.case-close-button:hover {
    color: #fff
}

.case-close-button:hover {
    background: #1464f0
}

.adsense .btn-block>img {
    -webkit-box-shadow: 4px 9px 22px 0 rgba(0, 0, 0, .2);
    box-shadow: 4px 9px 22px 0 rgba(0, 0, 0, .2)
}

#offline_notice {
    display: block
}

.open-button {
    background-color: #527ceb;
    color: #fff;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: .8;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: auto;
    border: 1px solid #527ceb;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap
}

.open-button i {
    font-size: 18px
}

.chat-popup {
    position: fixed;
    bottom: 20%;
    right: 15px;
    z-index: 9999999999;
    border-radius: 5px
}

#home .chat-container {
    width: 350px;
    border-radius: 5px;
    background-color: #fff;
    overlow: hidden;
    border-radius: 5px;
    border: 1px solid #e5ecf2
}

#email .chat-container {
    width: 350px;
    border-radius: 5px;
    background-color: #fff;
    overlow: hidden;
    overflow-y: scroll;
    border-radius: 5px;
    border-left: 1px solid #e5ecf2;
    border-bottom: 1px solid #e5ecf2
}

#home .chat-container .title {
    width: 350px;
    text-align: center;
    background-color: #527ceb;
    padding: 10px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -1px;
    margin-left: -1px
}

#email .chat-container .title {
    position: fixed;
    width: 336px;
    text-align: center;
    background-color: #527ceb;
    padding: 10px 0;
    border-top-left-radius: 5px;
    margin-left: -1px
}

.chat-container .title>i {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    cursor: pointer
}

.chat-container .title>p {
    color: #fff;
    padding: 0;
    margin: 0
}

#home .chat-container .header {
    position: absolute;
    width: 350px;
    height: 150px;
    text-align: center;
    background-color: #527ceb;
    color: #fff;
    margin-left: -1px
}

#email .chat-container .header {
    margin-top: 44px;
    position: absolute;
    width: 336px;
    height: 150px;
    text-align: center;
    background-color: #527ceb;
    color: #fff;
    margin-left: -1px
}

.chat-container .header>h3 {
    font-weight: 500;
    font-size: 15px;
    color: #fff
}

.chat-container .header>p {
    color: #dee4f5;
    font-weight: 400;
    font-size: 12px
}

.chat-container .content {
    height: auto
}

#home .chat-container .content .gaping {
    padding: 0 10px;
    border-radius: 5px
}

.home-blank {
    height: 200px
}

#email .chat-container .content {
    margin-top: 58%;
    height: 380px;
    padding-top: 20px
}

#email .chat-container .content .gaping {
    padding: 0 20px
}

.gaping .form-group>label {
    color: #405261;
    font-weight: 500
}

.input-field {
    height: 40px
}

.button-field {
    height: 55px;
    background-color: #527ceb
}

.avatar-box {
    text-align: center
}

.avatar {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-left: -10px
}

.avatar-box>img:nth-child(1) {
    margin-left: 0
}

#live_chat .chat-container {
    width: 350px;
    border-radius: 5px 5px 0 0;
    background-color: #fff;
    border-left: 1px solid #e5ecf2;
    border-right: 1px solid #e5ecf2;
    border-bottom: 1px solid #e5ecf2
}

#live_chat .chat-container .title {
    position: fixed;
    width: 350px;
    text-align: center;
    background-color: #527ceb;
    padding: 10px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: -1px
}

#live_chat .chat-container .header {
    position: absolute;
    margin-top: 44px;
    margin-bottom: 20px;
    width: 350px;
    height: 135px;
    text-align: center;
    background-color: #527ceb;
    color: #fff;
    margin-left: -1px
}

#live_chat .chat-container .header>p {
    margin-top: 20px
}

#live_chat .chat-container .content {
    height: 550px;
    margin-top: -1px;
    padding-top: 15px
}

#live_chat .chat-container .content .gaping {
    height: 365px;
    margin-top: 47%;
    padding: 0 20px;
    padding-top: 20px
}

#live_chat .chat-container .content .gaping .chat-hr {
    width: 20px;
    height: 20px
}

#scroll_ber {
    overflow-x: hidden;
    overflow-y: auto
}

#live_chat .chat-container .content .form-control {
    height: 60px;
    padding: 6px;
    background-color: #fff;
    border: none;
    border-top: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0/8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0/8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#live_chat .chat-container .footer {
    width: 350px;
    height: 60px;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e5ecf2;
    background: #fff;
    position: fixed;
    border-bottom: 1px solid #e5ecf2;
    border-left: 1px solid #e5ecf2;
    border-right: 1px solid #e5ecf2;
    margin-left: -1px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto
}

#live_chat .chat-container .footer:focus {
    outline: none;
    border-top: 2px solid #527ceb;
    transition: all .8s ease;
    border-radius: 0
}

.email-tab {
    width: 100%;
    height: 105px;
    -webkit-box-shadow: rgb(0 0 0/10%) 0 4px 8px;
    box-shadow: rgb(0 0 0/10%) 0 4px 8px;
    border-radius: 5px;
    background-color: #fff;
    transition: all .16s ease 0s;
    will-change: box-shadow;
    color: currentcolor;
    text-decoration: none;
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    margin-top: 130px
}

.email-tab:hover {
    margin-top: 125px;
    margin-bottom: 15px
}

.email-tab .email-icon {
    width: 35%;
    text-align: center
}

.email-tab .email-icon>img {
    padding: 30px 0;
    width: 55%
}

.email-content h3 {
    color: #314351;
    font-size: 14px;
    font-weight: 500;
    line-height: 1
}

.email-content p {
    color: #748494;
    font-size: 12px;
    padding-right: 20px;
    font-weight: 500;
    line-height: 1
}

.chat-tab {
    width: 100%;
    height: 105px;
    -webkit-box-shadow: rgb(0 0 0/10%) 0 4px 8px;
    box-shadow: rgb(0 0 0/10%) 0 4px 8px;
    border-radius: 5px;
    background-color: #fff;
    transition: all .16s ease 0s;
    will-change: box-shadow;
    color: currentcolor;
    text-decoration: none;
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative
}

.chat-tab:hover {
    margin-top: -8px
}

.chat-tab .chat-icon {
    width: 35%;
    text-align: center
}

.chat-tab .chat-icon>img {
    padding: 30px 0;
    width: 55%
}

.chat-content h3 {
    color: #314351;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.chat-content p {
    color: #748494;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2
}

.gaping .btn-default.active,
.gaping .btn-default:active,
.gaping .btn-default:hover,
.gaping .open>.dropdown-toggle.btn-default {
    opacity: 3;
    background-color: #527ceb
}

.chatbox__messages {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    flex-direction: column-reverse
}

.messages__item {
    background: orange;
    max-width: 60.6%;
    width: fit-content
}

.messages__item--operator {
    margin-left: auto
}

.messages__item--visitor {
    margin-right: auto;
    background: #f1f1f1;
    position: relative
}

#main-box .messages__item--visitor {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0
}

#main-box .messages__item--visitor>p {
    position: absolute;
    right: -66%
}

#live_chat .messages__item--visitor {
    float: right
}

.chatbox__messages {
    padding: 0 20px
}

.messages__item {
    margin-top: 25px;
    background: #e0e0e0;
    padding: 8px 12px;
    width: 100%
}

.messages__item:last-child {
    margin-bottom: 70px
}

.messages__item--visitor,
.messages__item--typing {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.messages__item--operator {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #f8de7a;
    font-weight: 700;
    color: #000;
    position: relative
}

#main-box .messages__item--operator {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
    background: #f8de7a;
    font-weight: 700;
    color: #000;
    position: relative
}

#main-box .messages__item--operator>p {
    position: absolute;
    left: -66%
}

#live_chat .messages__item--operator {
    float: left
}

.messages__item--operator span {
    position: absolute;
    background: #527ceb;
    color: #fff;
    border: 1px solid #527ceb;
    border-radius: 50%;
    padding: 1px
}

#main-box .messages__item--operator span {
    top: -14px;
    left: -20px
}

#live_chat .messages__item--operator span {
    right: -17px;
    top: -15px
}

#live_chat .diff-for-human {
    right: -105px;
    top: 5px;
    font-size: 12px;
    position: absolute
}

#live_chat .messages__item--visitor .diff-for-human {
    left: -110px
}

.chatbox__footer {
    position: sticky;
    bottom: 0
}

.messages__item--typing {
    will-change: transform;
    width: auto;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 15px 20px;
    display: table;
    margin-right: auto;
    position: relative;
    animation: 2s bulge infinite ease-out
}

.messages__item--typing::before,
.messages__item--typing::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -2px;
    height: 10px;
    width: 10px;
    border-radius: 50%
}

.messages__item--typing::after {
    height: 10px;
    width: 10px;
    left: -10px;
    bottom: -10px
}

span.messages__dot {
    height: 8px;
    width: 8px;
    float: left;
    margin: 0 1px;
    background-color: #9e9ea1;
    display: block;
    border-radius: 50%;
    opacity: .4;
    animation: 1s blink infinite
}

.support-sidebar {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px #e1e1e1;
    -webkit-box-shadow: 0 0 10px #e1e1e1;
    -moz-box-shadow: 0 0 10px #e1e1e1;
    -o-box-shadow: 0 0 10px #e1e1e1;
    margin-bottom: 32px
}

#search .search-ticket {
    width: 100%;
    position: relative;
    height: 50px;
    border: 1px solid #f3ebeb;
    outline: none;
    border-radius: 5px;
    padding: 10px
}

#search>button {
    position: absolute;
    right: 22px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 0 5px 5px 0
}

.support-pending,
.support-active {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #787878;
    font-size: 13px
}

.support-active {
    color: green
}

.support-pending>span,
.support-active>span {
    padding: 4px 6px;
    border-radius: 50%;
    background: green;
    color: #fff;
    font-size: 9px;
    width: 7px;
    height: 7px
}

.user-count {
    position: relative;
    top: 0;
    right: -98%;
    margin-top: 13px
}

.user-agent {
    margin-top: 13px;
    position: absolute;
    color: #787878
}

#main-box .header {
    width: 100%;
    background: #527ceb;
    height: 56px;
    border-radius: 5px 5px 0 0;
    padding: 10px 20px;
    border: 1px solid #527ceb
}

#main-box .header>h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

#main-box .header>p {
    padding-left: 30px;
    color: #fff
}

#main-box .header>h3>strong {
    border: 1px solid green;
    border-radius: 50%;
    padding: 4px 7px;
    font-size: 13px;
    background: green
}

#main-box .header>h3>span {
    padding: 20px 15px;
    border-radius: 0 5px 0 0;
    background: #e29b9b;
    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 0%
}

#main-box .message {
    height: 350px;
    padding: 20px;
    border-left: 1px solid #edf1ed;
    border-right: 1px solid #edf1ed;
    overflow-y: auto
}

#main-box .footer-message {
    width: 100%;
    height: 60px;
    border: 1px solid #edf1ed;
    outline: none;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    transition: 1s
}

#main-box .footer-message:focus {
    border-top: 1px solid #527ceb
}

@keyframes blink {
    50% {
        opacity: 1
    }
}

@keyframes bulge {
    50% {
        transform: scale(1.05)
    }
}

@media only screen and (min-width:200px) and (max-width:480px) {
    footer .top-footer .widgets ul.listing {
        width: 100%;
    }

    footer .top-footer .widgets ul.listing li>a {
        font-size: 16px;
    }

    .main-grid-layout .top-filter {
        grid-template-columns: 1fr;
    }
}