/*
* Single CampTuts
* developer hadi & arman
 */
.js-canvas__body.canvas__body{

}
[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0
}

[data-accordion] {
    line-height: 1
}

[data-control], [data-content] > * {
    border-bottom: 1px solid #888;
    padding: 10px
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url("../images/down.png") center center no-repeat;
    background-size: 50%
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

[data-control], [data-content] > * {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0
}

[data-accordion] > [data-control]:after {
    background: none
}

[data-accordion] {
    line-height: 1.5;
    margin-bottom: 16px
}

.no-flash .video-preview {
    display: none
}

.no-flash .video-preview-image {
    cursor: default
}

.comment-subject {
    display: none
}

#begin-upload {
    padding-bottom: 5px
}

#social_networks label {
    margin-top: 0;
    width: auto
}

#social_networks img {
    display: block
}

#social_networks .inputs {
    padding-top: 2px
}

.deposit-amounts {
    list-style: none;
    padding: 10px 0 0 20px;
    width: 450px
}

.deposit-amounts li {
    float: left;
    margin-bottom: 15px;
    width: 150px
}

.deposit-amounts label {
    color: black;
    font-size: 30px
}

.deposit-amounts input {
    vertical-align: top
}

.deposit-financial-institution {
    display: block;
    max-height: 40px;
    max-width: 145px;
    height: 40px
}

.deposit-payment-type {
    width: 100%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 10px
}
.page-camp{
    direction: rtl;
    text-align: justify;
    line-height: 2;
    margin: 12px 0 30px;
}

.deposit-payment-type > div:first-child {
    min-width: 160px
}

.deposit-payment-type select {
    width: 260px;
    margin-top: 5px
}
section#content1 ul, section#content1 ol {
    margin: 20px 18px 20px 0;
}
.deposit-payment-type__button {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-align: right;
    min-width: 160px
}

.no-flexbox .deposit-payment-type > div {
    margin: 10px 0
}

.no-flexbox .deposit-payment-type__button {
    text-align: left
}

.complete-container {
    background: #000 ;
    padding: 50px 0;
    text-align: center
}

.complete-container h2 {
    color: white;
    padding: 0;
    font-size: 45px
}

.complete-container p {
    font-size: 20px;
    color: #0084B4;
}

.complete-container div {
    height: 30px;
    padding: 30px 0 0
}

.featured-item-thumbs {
    float: left;
    margin-bottom: 5px;
    margin-right: 30px;
    position: relative
}

.featured-item-thumbs a {
    display: block
}

.featured-item-thumbs .avatar {
    left: 50px;
    position: absolute;
    top: 50px
}

.featured-item-info h3 {
    padding-bottom: 0
}

.featured-item-info h3 a {
    color: #131313;
    font-size: 24px
}

.featured-item-info small {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 5px
}

.featured-item-info__meta {
    clear: left;
    float: left
}

.item-in-list {
    margin-bottom: 20px;
    *zoom: 1
}

.item-in-list:after {
    content: "";
    display: table;
    clear: both
}

.item-in-list:last-child {
    margin-bottom: 0
}

.item-in-list div {
    float: left;
    margin-right: 15px;
    width: 400px
}

.item-in-list .thumbnail {
    float: left;
    margin-right: 15px
}

.item-in-list .item-name {
    color: #171717;
    font: bold 16px/19px "Helvetica Neue", Arial, sans-serif;
    text-decoration: none
}

.item-in-list .item-name:hover, .item-in-list .item-name:focus {
    text-decoration: underline
}

.item-in-list .cost {
    color: #171717;
    font: 33px/33px "Helvetica Neue", Arial, sans-serif
}

.statement__line a {
    color: #0084B4;
    text-decoration: none
}

.statement__line a:hover, .statement__line a:focus {
    text-decoration: underline
}

.statement__date {
    white-space: nowrap
}

.statement__marketplace > span {
    position: relative;
    top: -10px;
    height: 35px
}

.statement__type > span {
    background: #ddd;
    border-radius: 2px;
    white-space: nowrap;
    color: #444;
    font-size: 11px;
    padding: 3px 5px
}

.statement__detail-small {
    display: block;
    text-transform: uppercase;
    color: #bababa
}

.statement__tax {
    font-size: 11px;
    color: #f39c12
}

.statement__explanation {
    width: 10px;
    height: 10px
}

.statement__explanation-tooltip {
    position: relative;
    top: 5px
}

.statement__gst {
    color: #bababa
}

.statement__tax-withheld {
    color: #bababa
}

.statement__amount, .statement__money-amount {
    font-weight: bold
}

.statement__amount.-value-positive, .statement__money-amount.-value-positive {
    color: #82b541
}

.statement__amount.-value-negative, .statement__money-amount.-value-negative {
    color: #df2c2c
}

.statement-search__page-controls {
    margin-bottom: 16px
}

.statement-search__pagination {
    float: right;
    margin-bottom: 0
}

.statement-search__pagination > nav {
    margin-bottom: 0
}

.statement-search__advanced-form {
    margin: 16px 0
}

.statement-search__advanced-type-btn {
    float: left;
    margin-right: 8px
}

.statement-search__advanced-types {
    display: inline-block;
    visibility: hidden
}

.statement-search__advanced-type__period, .statement-search__advanced-type__range, .statement-search__advanced-type__filter, .statement-search__date-range {
    display: inline-block
}

.statement-search__date-range {
    position: relative
}

.statement-search__date-range > input {
    cursor: pointer;
    padding: 6px 0 5px;
    text-align: center;
    width: 92px
}

.statement-search__transparent-datepicker-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0
}

.statement-search__timezone-disclaimer {
    display: inline-block;
    padding-left: 20px
}

.statement-search__presets_links {
    display: inline-block
}

.statement-summary {
    min-height: 211px;
    float: left;
    width: 70%
}

.statement-summary__table {
    border-collapse: collapse;
    table-layout: fixed;
    bottom: -5px
}
.statement-summary__table th {
    padding: 0px 10px 5px 10px;
    width: 186px !important;

}

.statement-summary__table th:first-child {
    padding-left: 0px
}

.statement-summary__table td {
    padding: 0px 10px 0px 10px;
    vertical-align: bottom;
    white-space: nowrap
}

.statement-summary__table td:first-child {
    padding-left: 0px
}

.statement-summary__table .statement-summary__fees {
    padding-left: 20px;
    border-left: 1px solid #d4d4d4
}

.statement-summary__table .statement-summary__tax-withheld {
    padding-right: 20px
}

.statement-summary__operator {
    top: -2px
}

.statement-summary__print-link {
    padding-top: 10px
}

.statement-summary__message-box {
    height: 60px;
    left: 50%;
    margin-left: -200px;
    margin-top: -30px;
    top: 50%;
    width: 400px
}

.is-error .statement-summary__message-text {
    font-weight: 700;
    color: #df2c2c
}

.statement-invoices__list_box {
    float: right;
    width: 99%;
    min-height: 211px
}
.statement-invoices__invoice-list {
    width: 100%;
    margin: 2px 0 0 5px;
    padding-top: 12px
}

.statement-invoices__invoice-list-input {
    min-width: 70%;
    float: left;
    margin: 0 10px 0 0 !important
}

.statement-invoices__invoice-list-button {
    width: 20%;
    float: left
}

.popular-recommendations__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.popular-recommendations__heading {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popular-recommendations__notice {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.popular-recommendations__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.no-flexbox .popular-recommendations__list {
    overflow: hidden;
    *zoom: 1;
    display: block
}

.no-flexbox .popular-recommendations__list:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .popular-recommendations__list > a {
    float: left;
    margin-right: 8px
}

fieldset {
    border: 1px solid #545454;
    padding: 10px 25px;
    margin: 20px 0px
}

fieldset legend {
    font-size: 24px;
    padding: 0px 10px;
    color: #262626
}

hr {
    border: none;
    display: block;
    background-color: #e0e0e0;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px
}

dl {
    padding: 10px 0px
}

dl dt {
    font-weight: bold;
    color: #1d1d1d
}

dl dd {
    padding-left: 20px
}

.week-switcher {
    float: left;
    margin-top: 8px
}

.hilight {
    background-color: #f5f5b4
}

.badges {
    margin: 0 auto;
    overflow: hidden
}

.badges li {
    list-style: none;
    display: block;
    float: right;
    margin: 2px 4px;
    display: inline-block;
    font-size: 13px
}

.badge-exposer {
    display: block;
    font-size: 12px
}

.badge {
    background-repeat: no-repeat;
    display: inline-block;
    min-height: 20px;
    padding-left: 25px
}

.item-list .badges {
    list-style: none;
    margin: 0 0 10px
}

.item-list .badges li {
    padding-left: 0px
}

.badge-manager-item {
    background-color: #ddd;
    border: 1px solid #aaa;
    border-radius: 5px;
    min-height: 20px;
    overflow: hidden;
    padding: 6px 30px 6px 10px;
    position: relative;
    margin: 0 0 5px;
    width: 280px
}

.badge-manager-item img {
    float: left;
    margin-right: 5px
}

.badge-manager-item span {
    vertical-align: text-top
}

.badge-manager-item span:last-child {
    display: inline-block;
    margin: 8px 0 0 5px;
    vertical-align: top
}

.dragging .badge-manager-item {
    cursor: move
}

.dragging .badge-manager-item:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent), color-stop(100%, transparent));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 50%, transparent 50%, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent), to(transparent));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1) 50%, transparent 50%, transparent);
    background-size: 4px 4px;
    content: "";
    height: 12px;
    position: absolute;
    right: 8px;
    top: 18px;
    width: 12px
}

a {
    color: #0084B4;
    text-decoration: none
}

a:hover, a:focus {
    text-decoration: underline
}

h1, h2, h3, h4, h5, h6 {
    padding: 10px 0px 20px 0px;
    color: #545454;
    font-weight: inherit
}

h1 {
    font-size: 37px;
    line-height: 44px;
    padding: 12px 0px 10px 0px
}

h2 {
    font-size: 27px;
    line-height: 35px
}

h3 {
    font-size: 24px;
    line-height: normal
}

h4 {
    font-size: 19px;
    line-height: normal
}

h5 {
    font-size: 17px;
    line-height: normal
}

.underlined {
    border-bottom: 1px solid #d4d4d4
}

h2.underlined {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    direction: rtl;
}

h3.underlined {
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    font-size: 20px
}

h4.underlined {
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    font-size: 20px
}

h5.underlined {
    margin-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 16px
}

.sidebar-s strong, .sidebar-l strong {
    font-weight: bold
}

.sidebar-s small, .sidebar-l small {
    color: gray
}

p {
    padding: 10px 0px
}

b {
    font-weight: normal
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

ol {
    list-style: square;
}

ul {
    list-style: square
}

.new-typography p {
    margin-bottom: 20px;
    padding: 0
}

.new-typography p:last-child {
    margin-bottom: 0
}

.new-typography small {
    color: #909090;
    font-size: 12px
}

.new-typography ol, .new-typography ul {
    margin-bottom: 20px;
    padding-right: 25px
}

.new-typography ol:last-child, .new-typography ul:last-child {
    margin-bottom: 0
}

.new-typography ol {
    list-style-type: decimal
}

.new-typography ul {
    list-style: disc
}

.new-typography table {
    margin-bottom: 20px;
    max-width: 100%;
    overflow: auto
}

.new-typography img {
    max-width: 100%
}

.new-typography blockquote {
    border-left: 1px solid #454545;
    color: #777;
    font-style: italic;
    margin-bottom: 20px;
    padding-left: 20px
}

.new-typography pre {
    margin-bottom: 20px
}

.new-typography h1, .new-typography h2, .new-typography h3, .new-typography h4, .new-typography h5, .new-typography h6 {
    margin: 30px 0 20px;
    padding: 0
}

.new-typography h1:first-child, .new-typography h2:first-child, .new-typography h3:first-child, .new-typography h4:first-child, .new-typography h5:first-child, .new-typography h6:first-child {
    margin-top: 0
}

.new-typography h1, .new-typography h2 {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px
}

.new-typography .new-typography__section-header {
    border-bottom: 1px solid #d4d4d4;
    padding: 3px 0 10px;
    margin: 25px 0 20px
}

label {
    font-size: 13px;
    line-height: 18px
}

label.disabled {
    color: #aaa
}

form .formatting-help {
    font: 12px/1.4 "Helvetica Neue", Arial, sans-serif
}

.inline-invalid {
    background: #FAC7AE;
    border: 1px solid #BB726F;
    padding: 4px;
    margin-bottom: 10px
}

input[type=email], input[type=url], input[type=password], input[type=text], input[type=number] {
    font-size: 13px;
    line-height: 18px;
    background-clip: padding-box;
    background: white;
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7e7e7e;
    height: 30px;
    margin: 0;
    outline: 0;
    padding: 5px 8px 6px 0;
    position: relative;
    -webkit-appearance: none
}

input[type=email][disabled], input[type=url][disabled], input[type=password][disabled], input[type=text][disabled], input[type=number][disabled] {
    background: #ededed;
    cursor: not-allowed
}

input[type=email].invalid, input[type=url].invalid, input[type=password].invalid, input[type=text].invalid, input[type=number].invalid {
    background: #fff6f6;
    border-color: #a90000
}

input[type=email].validating, input[type=url].validating, input[type=password].validating, input[type=text].validating, input[type=number].validating {
    background-image: url(../img/loader-small-white.gif);
    background-position: 99%;
    background-repeat: no-repeat
}

::-webkit-input-placeholder {
    color: #bbb
}

input:-moz-placeholder {
    color: #bbb
}

textarea {
    font-family: IRANSans,'IRANSans',iransans,tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    background-clip: padding-box;
    background: white;
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7e7e7e;
    height: 150px;
    margin: 0;
    outline: 0;
    padding: 10px
}
input[type=email] {
    text-align: left;
}

textarea[disabled] {
    background: #ededed;
    cursor: not-allowed
}

textarea.tall {
    height: 500px
}

textarea.invalid {
    background: #fff6f6;
    border-color: #a90000
}

.slt, .vertical-form select, .sidebar-s .vertical-form select, .horizontal-form .inputs select, .horizontal-form--wide .inputs select, .horizontal-form .inputs select[disabled], .horizontal-form--wide .inputs select[disabled], .sidebar-l .horizontal-form .inputs select, .sidebar-l .horizontal-form--wide .inputs select {

    font-size: 16px;
    line-height: 24px;
    background: white;
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    margin: 0;
    padding: 4px;
    width: auto;
    outline: 0
}

@media (min-width: 1024px) {
    .slt, .vertical-form select, .sidebar-s .vertical-form select, .horizontal-form .inputs select, .horizontal-form--wide .inputs select, .horizontal-form .inputs select[disabled], .horizontal-form--wide .inputs select[disabled], .sidebar-l .horizontal-form .inputs select, .sidebar-l .horizontal-form--wide .inputs select {

        font-size: 13px;
        line-height: 18px;
        height: 30px
    }
}

select[multiple] {
    height: 100px
}

input[type=file] {

    font-size: 13px;
    line-height: 18px;
    background: white;
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 13px;
    margin: 0;
    padding: 5px 8px 6px 8px;
    outline: 0
}

input[type=checkbox], input[type=radio] {

    font-size: 13px;
    line-height: 18px;
    border: none;
    cursor: pointer;
    height: auto;
    line-height: normal;
    margin: 3px 0;
    padding: 0;
    width: auto
}

input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 1px dotted #222
}

pre.existing-value {
    white-space: pre-wrap
}

.inline-input {
    margin-right: 10px
}

form fieldset {
    border: none;
    margin: 0;
    padding: 0
}

form fieldset p {
    padding-top: 0
}

.form-submit {
    padding: 10px 0;
    float: right;
}

.form-submit:last-child {
    padding-bottom: 0
}

.form-submit.margin-right {
    margin-right: 85px
}

.form-submit.align-left {
    text-align: left
}

input[type=checkbox].wordy-checkbox {
    float: right;
    margin: 3px 0 60px 10px
}

.wordy-checkbox span {
    float: left;
    height: 80px;
    margin: 0
}

.wordy-checkbox label {
    margin-left: 20px
}

.vertical-form label {
    display: block;
    font-weight: bold;
    margin: 0 0 5px
}

.vertical-form select[multiple] {
    height: 100px
}

.vertical-form input[type=email], .vertical-form input[type=url], .vertical-form input[type=password], .vertical-form input[type=text], .vertical-form input[type=file], .vertical-form input[type=number], .vertical-form select {
    display: block;
    width: 50.81967%
}

.vertical-form input[type=email].inline, .vertical-form input[type=url].inline, .vertical-form input[type=password].inline, .vertical-form input[type=text].inline, .vertical-form input[type=file].inline, .vertical-form input[type=number].inline, .vertical-form select.inline {
    display: inline-block;
    margin-right: 10px
}

.vertical-form textarea {
    width: 100%
}

.vertical-form .input-group, .vertical-form .dashboard-upload-widget {
    margin-bottom: 25px;
    *zoom: 1
}

.vertical-form .input-group:after, .vertical-form .dashboard-upload-widget:after {
    content: "";
    display: table;
    clear: both
}

.vertical-form .input-group:last-child, .vertical-form .dashboard-upload-widget:last-child {
    margin-bottom: 0
}

.vertical-form .inputs {
    *zoom: 1
}

.vertical-form .inputs:after {
    content: "";
    display: table;
    clear: both
}

.vertical-form .inputs label {
    cursor: pointer;
    font-weight: normal;
    margin: 0 20px 0 0;
    padding-left: 15px;
    text-indent: -14px
}

.vertical-form .inputs label.invalid {
    color: #a90000;
    font-size: 12px
}

.vertical-form pre.existing-value {
    overflow: hidden;
    width: 610px
}

.sidebar-s .vertical-form label {
    font: inherit
}

.sidebar-s .vertical-form select[multiple] {
    height: 100px
}

.sidebar-s .vertical-form input[type=email], .sidebar-s .vertical-form input[type=url], .sidebar-s .vertical-form input[type=password], .sidebar-s .vertical-form input[type=text], .sidebar-s .vertical-form input[type=file], .sidebar-s .vertical-form input[type=number], .sidebar-s .vertical-form select {
    width: 100%
}

.sidebar-s .vertical-form .input-group, .sidebar-s .vertical-form .dashboard-upload-widget {
    margin-bottom: 15px
}

.sidebar-s .vertical-form .form-submit {
    padding: 0
}

.sidebar-l .vertical-form label {
    font: inherit
}

.horizontal-form label, .horizontal-form--wide label {
    display: block;
    float: right;
    width: 18.03279%;
    margin: 6px  0 0 3.27869%;
}

.horizontal-form .input-group, .horizontal-form--wide .input-group, .horizontal-form .dashboard-upload-widget, .horizontal-form--wide .dashboard-upload-widget {
    margin-bottom: 25px;
    *zoom: 1
}

.horizontal-form .input-group:after, .horizontal-form--wide .input-group:after, .horizontal-form .dashboard-upload-widget:after, .horizontal-form--wide .dashboard-upload-widget:after {
    content: "";
    display: table;
    clear: both
}

.horizontal-form .input-group.no-margin, .horizontal-form--wide .input-group.no-margin, .horizontal-form .no-margin.dashboard-upload-widget, .horizontal-form--wide .no-margin.dashboard-upload-widget {
    margin: 0
}

.horizontal-form .inputs, .horizontal-form--wide .inputs {
    float: left;
    position: relative;
    width: 78.68852%
}

.horizontal-form .inputs.full-width, .horizontal-form--wide .inputs.full-width {
    width: 100%
}

.horizontal-form .inputs.full-width label.invalid, .horizontal-form--wide .inputs.full-width label.invalid {
    position: static;
    padding-left: 5px
}

.horizontal-form .inputs select[disabled], .horizontal-form--wide .inputs select[disabled] {
    background: #ededed;
    cursor: not-allowed
}

.horizontal-form .inputs select[multiple], .horizontal-form--wide .inputs select[multiple] {
    height: 100px
}

.horizontal-form .inputs input[type=range], .horizontal-form--wide .inputs input[type=range], .horizontal-form .inputs input[type=email], .horizontal-form--wide .inputs input[type=email], .horizontal-form .inputs input[type=url], .horizontal-form--wide .inputs input[type=url], .horizontal-form .inputs input[type=password], .horizontal-form--wide .inputs input[type=password], .horizontal-form .inputs input[type=text], .horizontal-form--wide .inputs input[type=text], .horizontal-form .inputs input[type=file], .horizontal-form--wide .inputs input[type=file], .horizontal-form .inputs input[type=number], .horizontal-form--wide .inputs input[type=number], .horizontal-form .inputs select, .horizontal-form--wide .inputs select {
    display: block;
    width: 64.58333%
}

.horizontal-form .inputs input[type=range].inline, .horizontal-form--wide .inputs input[type=range].inline, .horizontal-form .inputs input[type=email].inline, .horizontal-form--wide .inputs input[type=email].inline, .horizontal-form .inputs input[type=url].inline, .horizontal-form--wide .inputs input[type=url].inline, .horizontal-form .inputs input[type=password].inline, .horizontal-form--wide .inputs input[type=password].inline, .horizontal-form .inputs input[type=text].inline, .horizontal-form--wide .inputs input[type=text].inline, .horizontal-form .inputs input[type=file].inline, .horizontal-form--wide .inputs input[type=file].inline, .horizontal-form .inputs input[type=number].inline, .horizontal-form--wide .inputs input[type=number].inline, .horizontal-form .inputs select.inline, .horizontal-form--wide .inputs select.inline {
    display: inline-block
}

.horizontal-form .inputs input[type=range].full-width, .horizontal-form--wide .inputs input[type=range].full-width, .horizontal-form .inputs input[type=email].full-width, .horizontal-form--wide .inputs input[type=email].full-width, .horizontal-form .inputs input[type=url].full-width, .horizontal-form--wide .inputs input[type=url].full-width, .horizontal-form .inputs input[type=password].full-width, .horizontal-form--wide .inputs input[type=password].full-width, .horizontal-form .inputs input[type=text].full-width, .horizontal-form--wide .inputs input[type=text].full-width, .horizontal-form .inputs input[type=file].full-width, .horizontal-form--wide .inputs input[type=file].full-width, .horizontal-form .inputs input[type=number].full-width, .horizontal-form--wide .inputs input[type=number].full-width, .horizontal-form .inputs select.full-width, .horizontal-form--wide .inputs select.full-width {
    width: 100%
}

.horizontal-form .inputs input[type=range], .horizontal-form--wide .inputs input[type=range] {
    -webkit-box-shadow: 0 0 0 #333333;
    box-shadow: 0 0 0 #333333;
    height: 28px;
    background: gray;
    border-radius: 23px;
    margin: 0
}

.horizontal-form .inputs textarea, .horizontal-form--wide .inputs textarea {
    width: 100%
}

.horizontal-form .inputs small, .horizontal-form--wide .inputs small {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    display: inline-block;
    margin: 5px 0 0 5px
}

.horizontal-form .inputs label, .horizontal-form--wide .inputs label {
    display: inline-block;
    float: none;
    margin-bottom: 5px;
    width: auto
}

.horizontal-form .inputs label.invalid, .horizontal-form--wide .inputs label.invalid {
    bottom: -21px;
    color: #a90000;
    font-size: 12px;
    left: 5px;
    position: absolute
}

.horizontal-form .inputs .inline, .horizontal-form--wide .inputs .inline {
    display: inline-block
}

.horizontal-form .no-label, .horizontal-form--wide .no-label {
    margin-left: 21.31148%
}

.horizontal-form .inputs-list, .horizontal-form--wide .inputs-list {
    list-style: none;
    padding-top: 2px
}

.horizontal-form .inputs-list label, .horizontal-form--wide .inputs-list label {
    float: none;
    margin-bottom: 0
}

.horizontal-form .expose-hidden, .horizontal-form--wide .expose-hidden {
    display: inline-block;
    margin-top: 6px
}

.horizontal-form .meter, .horizontal-form--wide .meter {
    left: 66.66667%;
    position: absolute;
    top: 0;
    width: 33.33333%
}

.horizontal-form--wide label {
    width: 21.31148%;
    margin: 6px 3.27869% 0 0
}

.horizontal-form--wide .inputs {
    width: 75.40984%
}

.form-submit button:last-child, .form-submit .button:last-child {
    margin-right: 0
}

.content-l .horizontal-form label, .content-l .horizontal-form--wide label {
    margin-right: 2.61097%;
    width: 15.1436%
}

.content-l .horizontal-form .inputs, .content-l .horizontal-form--wide .inputs {
    width: 82.24543%
}

.content-l .horizontal-form .inputs label, .content-l .horizontal-form--wide .inputs label {
    width: auto
}

.sidebar-l .horizontal-form label, .sidebar-l .horizontal-form--wide label {
    margin-left: 5.71429%;
    width: 25.71429%
}

.sidebar-l .horizontal-form .input-group, .sidebar-l .horizontal-form--wide .input-group, .sidebar-l .horizontal-form .dashboard-upload-widget, .sidebar-l .horizontal-form--wide .dashboard-upload-widget {
    margin-bottom: 15px
}

.sidebar-l .horizontal-form .input-group:last-child, .sidebar-l .horizontal-form--wide .input-group:last-child, .sidebar-l .horizontal-form .dashboard-upload-widget:last-child, .sidebar-l .horizontal-form--wide .dashboard-upload-widget:last-child {
    margin-bottom: 0
}

.sidebar-l .horizontal-form .inputs, .sidebar-l .horizontal-form--wide .inputs {
    width: 68.57143%
}

.sidebar-l .horizontal-form .inputs select[multiple], .sidebar-l .horizontal-form--wide .inputs select[multiple] {
    height: 100px
}

.sidebar-l .horizontal-form .inputs input[type=range], .sidebar-l .horizontal-form--wide .inputs input[type=range], .sidebar-l .horizontal-form .inputs input[type=email], .sidebar-l .horizontal-form--wide .inputs input[type=email], .sidebar-l .horizontal-form .inputs input[type=url], .sidebar-l .horizontal-form--wide .inputs input[type=url], .sidebar-l .horizontal-form .inputs input[type=password], .sidebar-l .horizontal-form--wide .inputs input[type=password], .sidebar-l .horizontal-form .inputs input[type=text], .sidebar-l .horizontal-form--wide .inputs input[type=text], .sidebar-l .horizontal-form .inputs input[type=file], .sidebar-l .horizontal-form--wide .inputs input[type=file], .sidebar-l .horizontal-form .inputs input[type=number], .sidebar-l .horizontal-form--wide .inputs input[type=number], .sidebar-l .horizontal-form .inputs select, .sidebar-l .horizontal-form--wide .inputs select {
    width: 100%
}

.sidebar-l .horizontal-form .inputs input[type=range], .sidebar-l .horizontal-form--wide .inputs input[type=range] {
    -webkit-box-shadow: 0 0 0 #333333;
    box-shadow: 0 0 0 #333333;
    height: 28px;
    background: gray;
    border-radius: 23px;
    margin: 0
}

.sidebar-l .horizontal-form .inputs label, .sidebar-l .horizontal-form--wide .inputs label {
    width: auto
}

.hacked-inline-label label {
    display: inline !important;
    padding-left: 6px !important
}

.col-s-content {
    width: 616px;
    float: left
}

.results-filter-list {
    list-style: none
}

.results-filter-list li {
    margin: 7px 0
}

.top-author {
    margin-bottom: 15px;
    text-align: center
}

.top-author .avatar-wrapper {
    margin: 0 auto 5px
}

.top-author .avatar-tooltip a {
    color: #0084B4
}

.featured-file {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.featured-file a, .featured-file .audio-player-mini__container {
    float: right;
    margin-left: 15px
}

.featured-file a img, .featured-file .audio-player-mini__container img {
    display: block
}

.featured-file__thumbnail {
    margin-top: 10px
}

.featured-file__details {
    float: left;
    width: 220px
}

.current-balance {
    font: 30px "Helvetica Neue", Arial, sans-serif;
    text-align: center
}

.current-rate strong {
    display: block;
    font: 26px "Helvetica Neue", Arial, sans-serif
}

#upload_progress {
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px;
    margin: 3px;
    background-color: #EAEAEA;
    border: 1px solid #BABABA
}

#upload_errors {
    border: 1px solid #BABABA;
    padding: 3px;
    margin: 3px
}

#upload_errors strong {
    font-size: 1.2em;
    font-weight: bold
}

#upload_errors_file_list {
    padding-left: 20px
}

#upload_errors #upload_errors_file_list li {
    list-style: disc
}

#upload_button_span {
    margin-left: 15px;
    margin-top: 3px;
    margin-bottom: 5px
}

#uploads {
    background: #f0f0f0;
    border: 1px solid #c0c0c0;
    padding: 10px;
    margin-bottom: 5px
}

#upload-container {
    position: relative;
    width: 521px;
    font-size: 13px
}

.content-l #upload-container {
    padding-left: 10px
}

.progressWrapper {
    background: white;
    border: 1px solid #d0d0d0;
    margin-bottom: 5px;
    position: relative
}

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

.progressContainer {
    min-height: 40px
}

.progressBarWrapper {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 1
}

.contentWrapper {
    padding: 7px 7px 7px 10px;
    position: relative;
    width: auto;
    z-index: 2
}

.progressContainer .progressBarWrapper .progressBar {
    background: #ebebeb;
    border-right: 1px solid #c0c0c0;
    height: 100%;
    position: absolute;
    width: 100%
}

.progressContainer .cancelled {
    background: #f6c7c7
}

.actionBtn {
    position: absolute;
    height: 32px;
    width: 32px;
    left: -27px;
    top: 5px;
    background-repeat: no-repeat;
    background-position: right
}

.progress {
    background-image: url(../img/loading-snipit.gif)
}

.actionText {
    float: right;
    cursor: pointer;
    margin-right: 0
}

#upload-button-span, #upload-container object {
    margin-top: 10px;
    margin-bottom: 15px
}

#worker_feedback {
    display: inline;
    float: right;
    margin-top: 10px;
    width: 90px;
    margin-right: 330px;
    border: 1px solid #c0c0c0;
    background-color: white;
    padding: 2px;
    padding-top: 4px;
    padding-left: 5px;
    text-align: left
}

#worker_feedback img {
    float: right;
    margin-right: 5px
}

#proofing_summary img {
    max-width: 435px
}

.helper-text {
    font-weight: bold;
    color: #a5a5a5;
    color: rgba(68, 68, 68, 0.3);
    padding: 0px 20px;
    margin: 20px 0px
}

.category-section {
    float: left;
    width: 23%;
    min-height: 500px;
    margin-right: 10px;
    border: 2px dashed transparent;
    margin: 20px 10px 50px 5px
}

.category-section ul {
    margin: 0px;
    list-style: none;
    min-height: 100%
}

.category-section ul li {
    padding: 10px;
    background: white
}

.category-section ul li a {
    text-decoration: none
}

.category-section ul li > ul {
    display: none
}

.category-section.empty {
    background: transparent;
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px
}

.category-section ul li {
    padding: 0px;
    background-color: #ededed;
    padding: 10px;
    margin-bottom: 1px;
    color: #919191;
    font-style: italic
}

.category-section ul li {
    font-size: 13px
}

.category-section ul li span {
    font-style: italic;
    color: #C3C3C3
}

.category-section small {
    padding: 0px 3px;
    font-size: 10px;
    color: #CCC;
    font-style: normal
}

.category-section span, .category-section a {
    font-size: 13px;
    position: relative;
    color: #737373;
    font-style: normal
}

.category-section a:hover {
    text-decoration: underline
}

.category-section a:hover small {
    text-decoration: none
}

.category-section .expandable {
    background: #ededed;
    cursor: pointer
}

.category-section .expandable:after {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    content: "";
    float: right
}

.category-section .expandable a:hover {
    text-decoration: none
}

.category-section .expandable:hover, .category-section .expandable.active {
    background: #0084B4
}

.category-section .expandable:hover:after, .category-section .expandable.active:after {
    color: white
}

.category-section .expandable:hover a, .category-section .expandable:hover small, .category-section .expandable.active a, .category-section .expandable.active small {
    color: white
}

.avatar-wrapper {
    height: 80px;
    position: relative;
    width: 80px
}

.avatar {
    display: block;
    height: 80px;
    width: 80px
}

.avatar img {
    display: block
}

.account-manager {
    display: table;
    width: 100%;
    margin-bottom: 1.5em;
    background-color: white;
    border: 1px solid #dedede
}

.account-manager__account {
    display: table-row
}

.account-manager__account:last-child > * {
    border-bottom: none
}

.account-manager__account:hover {
    background-color: whitesmoke;
    cursor: pointer
}

.account-manager__account:active {
    background-color: #ededed
}

.account-manager__account.is-selected {
    background-color: #ededed
}

.account-manager__account.is-selected .account-manager__cell, .account-manager__account.is-selected .account-manager__cell--small, .account-manager__account.is-selected .account-manager__cell--action, .account-manager__account.is-selected .account-manager__cell--left {
    padding-bottom: 30px
}

.account-manager__account.is-selected .account-manager__make-default {
    display: block
}

.account-manager__account.is-default .account-manager__cell, .account-manager__account.is-default .account-manager__cell--small, .account-manager__account.is-default .account-manager__cell--action, .account-manager__account.is-default .account-manager__cell--left {
    padding-bottom: 0.75em
}

.account-manager__cell, .account-manager__cell--small, .account-manager__cell--action, .account-manager__cell--left {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    display: table-cell;
    padding: 0.75em 10px;
    border-bottom: 1px solid #dedede
}

.account-manager__cell > time, .account-manager__cell--small > time, .account-manager__cell--action > time, .account-manager__cell--left > time {
    color: #bababa
}

.account-manager__cell--small, .account-manager__cell--action {
    width: 1px;
    white-space: nowrap
}

.account-manager__cell--left {
    padding-left: 0
}

.account-manager__account > span:first-child {
    min-width: 61px
}

.account-manager__cell--action {
    padding-left: 3em
}

.account-required {
    position: relative;
    text-align: center
}

.account-required h2 {
    padding-top: 0
}

.account-required__or {
    font-weight: bold;
    margin: 0 20px
}

.account-required__close {
    position: absolute;
    top: 0;
    right: 0
}

.add-comment-notice {
    background-color: #6d9872;
    border-radius: 2px;
    color: white;
    margin-bottom: 20px;
    padding: 10px
}

.add-comment-notice > a {
    color: #ffe;
    font-weight: bold;
    text-decoration: underline
}

.audio-player-large, .audio-player-large--is-paused, .no-js .audio-player-large, .audio-player-large--is-playing {
    max-width: 100%;
    height: 300px;
    display: block;
    background-color: black;
    position: relative;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .audio-player-large, .audio-player-large--is-paused, .no-js .audio-player-large, .audio-player-large--is-playing {
        max-width: 590px
    }
}

.audio-player-large--is-paused > .audio-player-large__button, .no-js .audio-player-large > .audio-player-large__button, .no-js .audio-player-large--is-paused > .audio-player-large__button, .no-js .audio-player-large--is-playing > .audio-player-large__button {
    display: block
}

.audio-player-large--is-paused > .audio-player-large__button:after, .no-js .audio-player-large > .audio-player-large__button:after, .no-js .audio-player-large--is-paused > .audio-player-large__button:after, .no-js .audio-player-large--is-playing > .audio-player-large__button:after {
    border-right: none;
    border-left: 10px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    width: 0;
    margin-left: -5px
}

.audio-player-large--is-playing > .audio-player-large__button {
    display: block
}

.audio-player-large--is-playing > .audio-player-large__button:after {
    width: 5px;
    height: 20px;
    margin-left: -8px;
    border-left: 5px solid white;
    border-right: 5px solid white
}

.audio-player-large__button {
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -30px;
    display: none;
    background-color: #82b440;
    border-radius: 3px;
    height: 60px;
    position: absolute;
    width: 80px
}

.audio-player-large__button:after {
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border-left-width: 20px;
    content: "";
    position: absolute
}

.author-comments-search-controls {
    margin-bottom: 20px
}

.author-comments-search-controls input[type='search'] {
    margin-left: 5px;
    width: 387px
}

.author-recommended-collection__heading {
    border-bottom: 1px solid #d4d4d4
}

.author-recommended-collection__list {
    list-style: none
}

.author-recommended-item {
    border-bottom: 1px solid #ededed;
    position: relative;
    padding: 20px 0;
    width: 100%;
    *zoom: 1
}

.author-recommended-item:after {
    content: "";
    display: table;
    clear: both
}

.author-recommended-item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.author-recommended-item .item-description {
    padding-top: 5px;
    color: #999999
}

.author-recommended-item .author-recommended-item__heading {
    color: black;
    text-decoration: none
}

.author-recommended-item .author-recommended-item__heading:hover, .author-recommended-item .author-recommended-item__heading:focus {
    text-decoration: underline
}

.author-recommended-item__thumbnail {
    float: left;
    margin-right: 9px;
    min-height: 80px
}

.author-recommended-item__thumbnail img {
    display: block;
    max-width: 80px
}

.author-recommended-item__info {
    float: left;
    min-width: 230px;
    max-width: 435px
}

.author-recommended-item__info .item-thumbnail-actions {
    margin: 5px 0 0 0
}

@media (min-width: 1024px) {
    .author-recommended-item__info .item-thumbnail-actions:not(.-video-search) {
        border: 0
    }
}

.author-recommended-item__info .item-thumbnail-actions .item-thumbnail-actions__control {
    width: 80px
}

.author-recommended-item__info .item-thumbnail-actions .item-thumbnail-actions__control a {
    color: white
}

.author-recommended-item__sale-info {
    float: right;
    position: relative
}

.author-recommended-item__sale-info .price {
    text-align: right
}

.license-pricing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px
}

.license-pricing > label {
    margin-top: 65px;
    padding-left: 12px;
    width: 20%
}

.license-pricing label.invalid {
    display: none !important
}

.license-pricing__calculator {
    *zoom: 1;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding: 20px 0;
    overflow: auto
}

.license-pricing__calculator:after {
    content: "";
    display: table;
    clear: both
}

.license-pricing__formula {
    padding-top: 2px;
    overflow: hidden
}

.license-pricing__formula-block {
    float: left;
    width: auto;
    line-height: 32px;
    text-align: center;
    margin: 0 4px;
    color: #999999
}

.license-pricing__formula-block.-color-green {
    line-height: 33px;
    color: #82b541
}

.license-pricing__formula-block.-weight-bold {
    font-weight: 700
}

.license-pricing__tool-tip {
    margin-left: 3px
}

.license-pricing__price-field {
    width: 65px;
    margin-left: 4px
}

.license-pricing__price-field::-webkit-outer-spin-button, .license-pricing__price-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.license-pricing__purchase-price {
    font-size: 20px
}

.license-pricing__recommendation {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px 16px;
    border-left: 1px solid #e1e8ed;
    background-color: white;
    text-align: center
}

.license-pricing__validation-message {
    *zoom: 1;
    clear: both;
    font-style: italic;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e6e6e6;
    color: #999999;
    width: 90%;
    opacity: 0;
    display: none;
    -webkit-transition: 0.5s opacity;
    transition: 0.5s opacity
}

.license-pricing__validation-message:after {
    content: "";
    display: table;
    clear: both
}

.adp__switch {
    cursor: pointer
}

.adp__wrapper {
    position: relative
}

.adp__popup {
    display: none;
    position: absolute;
    z-index: 10;
    background: white;
    font-size: 13px
}

.adp__popup .-color-green {
    color: #82b541;
    border-color: #82b541
}

.adp__inner {
    position: relative;
    -webkit-box-shadow: 0 0 7px #999;
    box-shadow: 0 0 7px #999;
    padding: 15px;
    border-radius: 5px;
    background: #fff
}

.adp__inner:before {
    -webkit-box-shadow: 0 0 7px #999;
    box-shadow: 0 0 7px #999;
    z-index: -1
}

.adp__inner:before, .adp__inner:after {
    content: "";
    position: absolute;
    left: 40px;
    top: -8px;
    width: 17px;
    height: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 2px
}

.adp__label {
    width: 80px
}

.adp__field {
    width: 55px;
    display: inline-block
}

.adp__field--disabled[disabled] {
    color: gray;
    opacity: 1;
    -webkit-text-fill-color: gray
}

.adp__field--wide {
    width: 65px
}

.adp__field--xwide {
    width: 70px;
    padding-left: 7px;
    padding-right: 6px
}

.adp__list {
    padding-left: 10px
}

.adp__list-item {
    list-style-type: none;
    margin: 10px 0
}

.adp__field--percent {
    width: 60px
}

.adp__subtitle {
    border-top: 1px solid #e6e6e6;
    font-size: 13px;
    font-weight: bold;
    text-align: center
}

.adp__help {
    font-size: 11px;
    max-width: 200px;
    display: inline-block;
    margin-left: 5px
}

.adp__currency-sign {
    margin-left: 15px
}

.adp__purchase-price-wrapper {
    margin-left: 15px
}

.adp__earnings {
    font-weight: bold
}

.adp__tax-wrapper {
    border-top: 1px solid #e6e6e6;
    text-align: center
}

.adp__tax-label {
    line-height: 2.35
}

.adp__percent-sign {
    font-weight: bold;
    font-size: 14px
}

.adp__popup-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 10px 10px;
    background: transparent;
    color: #bababa;
    font-size: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adp__popup-close:hover {
    color: #999999;
    cursor: pointer;
    background-color: #fff
}

.adp__popup-close:active, .adp__popup-close:visited, .adp__popup-close:focus {
    color: #787878;
    background-color: #fff
}

.bottom-follower-info__header {
    float: right;
}

.bottom-follower-info__control {
    float: left;
    margin-top: -2px
}

.btn-tuts {
    display: block;
    margin: 0;
    padding: 5px 20px;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    background-color: #213443
}

.btn-tuts:hover, .btn-tuts:focus {
    text-decoration: none;
    outline: none;
    background-color: #101921
}

.btn-tuts.-color-black {
    background-color: #213443;
    -webkit-box-shadow: 0 2px 0 black;
    box-shadow: 0 2px 0 black;
    position: relative
}

.btn-tuts.-color-black:active {
    top: 1px;
    -webkit-box-shadow: 0 1px 0 black;
    box-shadow: 0 1px 0 black
}

.btn-tuts.-color-black:hover, .btn-tuts.-color-black:focus {
    background-color: #101921
}

.btn-tuts.-color-orange {
    background-color: #DA521F;
    -webkit-box-shadow: 0 2px 0 #61250e;
    box-shadow: 0 2px 0 #61250e;
    position: relative
}

.btn-tuts.-color-orange:active {
    top: 1px;
    -webkit-box-shadow: 0 1px 0 #61250e;
    box-shadow: 0 1px 0 #61250e
}

.btn-tuts.-color-orange:hover, .btn-tuts.-color-orange:focus {
    background-color: #ad4119
}

.btn-tuts.-color-maroon {
    background-color: #AE505F;
    -webkit-box-shadow: 0 2px 0 #50252b;
    box-shadow: 0 2px 0 #50252b;
    position: relative
}

.btn-tuts.-color-maroon:active {
    top: 1px;
    -webkit-box-shadow: 0 1px 0 #50252b;
    box-shadow: 0 1px 0 #50252b
}

.btn-tuts.-color-maroon:hover, .btn-tuts.-color-maroon:focus {
    background-color: #8b404c
}

.btn-tuts.-color-blue {
    background-color: #006AD8;
    -webkit-box-shadow: 0 2px 0 #00264e;
    box-shadow: 0 2px 0 #00264e;
    position: relative
}

.btn-tuts.-color-blue:active {
    top: 1px;
    -webkit-box-shadow: 0 1px 0 #00264e;
    box-shadow: 0 1px 0 #00264e
}

.btn-tuts.-color-blue:hover, .btn-tuts.-color-blue:focus {
    background-color: #0051a5
}

.btn-tuts.-color-green {
    background-color: #00948B;
    -webkit-box-shadow: 0 2px 0 #000a0a;
    box-shadow: 0 2px 0 #000a0a;
    position: relative
}

.btn-tuts.-color-green:active {
    top: 1px;
    -webkit-box-shadow: 0 1px 0 #000a0a;
    box-shadow: 0 1px 0 #000a0a
}

.btn-tuts.-color-green:hover, .btn-tuts.-color-green:focus {
    background-color: #00615b
}

.byline {
    color: #777;
    font-weight: bold;
    text-decoration: underline
}

.collection-list {
    float: left;
    background-color: whitesmoke;
    border-radius: 4px;
    margin: 0 0 10px 0;
    list-style: none
}

.collection-list > li {
    border-bottom: 1px solid #e0e0e0;
    overflow: auto;
    width: 100%;
    display: block;
    margin-top: -1px
}

.collection-list > li:last-child {
    border-bottom-width: 0
}

.collection-summary {
    overflow: auto;
    padding: 20px;
    position: relative
}

.collection-summary__image {
    float: left;
    margin-right: 20px
}

.collection-summary__image img {
    max-width: 260px
}

.collection-summary__info {
    float: left;
    margin-right: 25px;
    width: 310px
}

.collection-summary__title {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 2px
}

.collection-summary__title a {
    color: black
}

.collection-summary__meta {
    float: left;
    text-align: center;
    width: 100px
}

.collection-summary__meta strong {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px
}

.collection-summary__admin {
    position: absolute;
    bottom: 20px;
    right: 15px;
    width: 120px
}

.collection-summary__actions {
    *zoom: 1;
    list-style: none;
    margin: 0
}

.collection-summary__actions:after {
    content: "";
    display: table;
    clear: both
}

.collection-summary__actions > li {
    float: left;
    width: 33%
}

.collection-summary__visibility {
    margin-top: 5px;
    padding-right: 7px;
    font-size: 11px;
    text-align: center
}

.collection-summary__visibility > i {
    font-size: 10px;
    margin-right: 3px
}

.price-disclaimer .t-body {
    font-weight: 500
}

.collection__info {
    margin: 0 30px 0 0
}

.collection__summary {
    margin: 0 0 40px 0;
    background: whitesmoke;
    border-radius: 4px
}

.collections-profile {
    *zoom: 1;
    float: left;
    margin-bottom: 20px;
    text-align: center
}

.collections-profile:after {
    content: "";
    display: table;
    clear: both
}

.collections-profile__box {
    float: left;
    width: 295px;
    margin: 5px 5px 15px 5px
}

.collections-profile__box:nth-child(2n+1) {
    clear: left
}

.collections-profile__image {
    display: inline-block;
    border: 1px solid white;
    line-height: 0;
    font-size: 0
}

.collections-profile__title {
    display: block;
    margin: 5px 0 2px;
    color: #989898;
    font-size: 9px;
    text-transform: uppercase
}

.collections-profile__title:hover {
    text-decoration: none;
    color: #0084B4
}

.collections-profile__rating {
    display: block
}

.comment-error {
    color: #BB726F;
    display: block;
    padding: 10px 0
}

.comment-inline-form label, .comment-inline-form textarea {
    margin-top: 10px
}

.comment {
    *zoom: 1;
    margin-bottom: 20px;
    word-wrap: break-word
}

.comment:after {
    content: "";
    display: table;
    clear: both
}

.comment .badges {
    margin: 10px 0 0
}

.comment p {
    padding: 0 0 1em
}

.comment p:last-child {
    padding-bottom: 0
}

.comment__container-redesign {
    background-color: #fafafa;
    border: 1px solid #e1e8ed;
    margin-bottom: 16px;
    border-radius: 4px
}

.comment__item, .comment__item-response {
    word-wrap: break-word
}

.comment__item-response {
    background: white;
    border-top: 1px solid #e1e8ed;
    padding-left: 5px
}

.comment__hidden-responses {
    background: white;
    border-top: 1px solid #e1e8ed;
    padding: 15px 20px
}

.comment__info {
    padding: 15px 15px 0 15px
}

.comment__body {
    padding: 5px 15px
}

.comment__body--response {
    padding: 5px 20px 5px 20px;
}

.comment__form-container {
    *zoom: 1;
    margin: 24px 0 16px
}

.comment__form-container:after {
    content: "";
    display: table;
    clear: both
}

.comment__search-container {
    float: left;
    width: 290px
}

.comment__form-filters {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    line-height: 1
}

.comment__form-filters label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}

.comment__form-boolean {
    margin-left: 5px
}

.comment__form-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}

.comment__order-container {
    float: right;
    width: 150px;
    margin-bottom: 10px
}

.comment__initial {
    background-color: whitesmoke;
    border-radius: 4px 4px 0 0;
    padding: 20px
}

.comment__initial:only-child {
    border-radius: 4px
}

.comment__user {
    float: left;
    margin-right: 20px;
    position: relative;
    text-align: center;
    width: 80px
}

.comment__container {
    float: left;
    width: 516px
}

.comment__header {
    margin-bottom: 0.5em
}

.comment__header small {
    font-size: 11px
}

.comment__username {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 0
}

.comment__meta {
    float: left;
    font-size: 12px
}

.comment__date, .comment__action {
    display: inline-block;
    background-color: transparent;
    padding: 1px;
    font-size: 1em;
    line-height: 1.5;
    color: #ababab;
    text-decoration: none;
    border-radius: 0
}

.comment__date:hover, .comment__date:active, .comment__date:focus, .comment__action:hover, .comment__action:active, .comment__action:focus {
    color: gray;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer
}

.comment__add-comment {
    background-color: #fafafa;
    border: 1px solid #e1e8ed;
    padding: 25px 15px;
    margin-bottom: 20px;
    border-radius: 4px
}

.comment__action-container {
    padding: 15px
}

.comment__form-filters input, .comment__email-notification input {
    top: auto
}

.comment-reply {
    background-color: #e6e6e6;
    margin-bottom: 1px;
    padding: 15px 20px
}

.comment-reply:last-child {
    border-radius: 0 0 4px 4px
}

.comment-reply.-hidden {
    display: none
}

.comment-reply .comment__header {
    margin-bottom: 0.5em
}

.comment-reply .exposer {
    margin-left: 50px
}

.comment-reply__redesign {
    padding: 25px 20px;
    border-top: 1px solid #e1e8ed
}

.comment-reply__avatar {
    float: left
}

.comment-reply__body {
    margin-left: 50px
}

.comment-reply__delegatee-mention {
    margin-top: 2px;
    color: #ababab;
    font-size: 12px
}

.comment__new-reply {
    margin-left: 50px
}

.comment__new-reply--is-loading {
    background-image: url(../img/loader-small-white.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.comment__new-reply--is-loading > form {
    visibility: hidden
}

.comment__new-reply__seconday-link {
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #0084B4;
    text-decoration: none
}

.comment__new-reply__seconday-link:hover, .comment__new-reply__seconday-link:focus {
    background-color: transparent;
    text-decoration: underline
}

.comments-search-controls__results-count {
    display: inline-block;
    font-size: 150%;
    padding-top: 0;
    margin-right: 15px
}

.comments-search-controls__mark-all-read {
    display: inline-block;
    position: relative;
    top: -2px
}

.comments-search-controls__order {
    display: inline;
    top: -2px;
    position: relative
}

.complaint-form {
    margin-top: 20px
}

.country-info p {
    margin-bottom: 10px
}

.country-info__available:before {
    color: #82b541;
    content: "●";
    font-weight: bold;
    margin-left: 5px
}

.dashboard-upload-widget__label {
    line-height: normal;
    font-weight: 600;
    margin-bottom: 2em
}

[data-basic-tooltip] {
    position: relative
}

[data-basic-tooltip]:hover:after {
    background: black;
    bottom: -38px;
    color: white;
    text-indent: 0;
    line-height: 1.5;
    pointer-events: none;
    content: attr(data-basic-tooltip);
    display: block;
    left: 0;
    padding: 5px 15px;
    position: absolute;
    white-space: nowrap;
    z-index: 98
}

[data-basic-tooltip]:hover:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid black;
    border-top: none;
    height: 0;
    width: 0;
    bottom: -8px;
    content: "";
    display: block;
    left: 45%;
    position: absolute;
    z-index: 99
}

.download {
    *zoom: 1;
    position: relative;
    padding: 20px;
    line-height: 150%
}

.download:after {
    content: "";
    display: table;
    clear: both
}

.download small {
    font-size: 12px
}

.download__thumbnail {
    float: right;
    width: 14%
}

.download__thumbnail a {
    display: block
}

.download__thumbnail img {
    display: block;
    max-width: 80px
}

.download__details {
    float: right;
    width: 35%;
    margin-left: 6%;
    font-size: 12px
}

.download__details.-width-wide {
    width: 57%
}

.download__details label {
    font-size: 12px
}

.download__details ul {
    list-style-type: none
}

.download__options {
    float: left;
    width: 45%
}

.download__options.-width-narrow {
    width: 22%
}

.download__actions {
    float: right;
    width: 48%;
    padding-left: 2%
}

.download__actions.-width-full {
    width: 100%;
    padding-left: 3%
}

.download__actions i {
    position: relative;
    top: 2px
}

.download__download-btn {
    margin-bottom: 8px
}

.download__rating, .download__note {
    background: white;
    color: #999999;
    position: relative;
    padding: 5px 10px;
    border-radius: 4px;
    line-height: 20px;
    text-align: center;
    text-decoration: none
}

.download__note {
    background: none;
    line-height: 13px
}

.download__promotions {
    float: left;
    width: 48%;
    padding-left: 2%
}

.download__promotions i {
    position: relative;
    top: 2px
}

.download__unavailable {
    clear: both;
    overflow: auto
}

.dropdown-select {
    display: inline-block;
    position: relative
}

.dropdown-select__button {
    background-color: #454545;
    border-radius: 3px;
    color: white;
    display: block;
    padding: 5px 0 5px 10px
}

.dropdown-select__button:hover {
    text-decoration: none
}

.dropdown-select__button:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    border-bottom: none;
    height: 0;
    width: 0;
    content: "";
    display: inline-block;
    margin: 0 10px;
    position: relative;
    top: -2px
}

.dropdown-select__body {
    background-color: white;
    border-radius: 0 0 4px 4px;
    left: 0;
    min-width: 100%;
    padding: 5px 0;
    position: absolute;
    top: 28px
}

.dropdown-select__body > a {
    display: block;
    padding: 5px
}

.earning__wrapper {
    padding-top: 50px;
    position: relative
}

.earning__breadcrumb {
    font-size: 14px;
    padding: 20px 0 20px;
    position: absolute;
    top: -20px;
    width: 984px
}

.earning__breadcrumb > div {
    z-index: 1
}

.earning__breadcrumb > a {
    margin: 0 5px
}

.earning__breadcrumb > a:hover {
    text-decoration: none
}

.earning__breadcrumb > a:first-child {
    margin-left: 0
}

.earning__breadcrumb > a:last-of-type {
    color: #454545;
    cursor: default;
    font-weight: bold
}

.earning__breadcrumb-pre-earnings-summary {
    top: 150px
}

.earning__breadcrumb__legend {
    float: right;
    margin: 5px 0
}

.earning__breadcrumb__legend__key:before {
    background-color: #73bd28;
    border: 2px solid white;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    top: 3px;
    width: 10px
}

.earning__breadcrumb__legend__key.-referrals:before {
    background-color: #13a0d8
}

.earning__table-wrapper {
    margin-top: 20px;
    clear: left
}

.earning__graph-wrapper {
    *zoom: 1;
    position: relative
}

.earning__graph-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.is-preloading .earning__graph-wrapper {
    cursor: wait
}

.earnings-widget__wrapper {
    overflow: hidden
}

.earnings-widget {
    width: 31%;
    float: left;
    margin-right: 2%;
    display: inline;
    *zoom: 1;
    background-color: #333333;
    border-radius: 5px;
    color: white;
    display: table;
    font-size: 14px;
    height: 130px;
    margin-bottom: 20px
}

.earnings-widget:after {
    content: "";
    display: table;
    clear: both
}

.earnings-widget:last-child {
    margin-right: 0;
    *margin-left: -20px;
    display: inline;
    display: table
}

.earnings-widget > p {
    padding: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.earnings-widget small {
    color: white
}

.earnings-widget a {
    color: #f5f5b4
}

.earnings-widget__amount {
    display: block;
    font-size: 34px;
    line-height: 51px
}

@media (max-width: 1023px) {
    #webdoobi-widget {
        left: -100px !important
    }
}

.faq__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.faq__add {
    margin: 3px 0 0 10px
}

.faq__item {
    margin: 1em 0
}

.faq__question {
    color: #666666;

    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 8px;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.faq__question a {
    color: #0084B4
}

.faq__question a:hover {
    color: #00719b
}

.faq__question img {
    display: block
}

.faq__answer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    color: #666666;

    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 1em;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.faq__answer a {
    color: #0084B4
}

.faq__answer a:hover {
    color: #00719b
}

.faq__answer img {
    display: block
}

.faq__controls {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 0.75em 0 0 0.75em
}

.fake-video-player {
    display: block;
    position: relative
}

.fake-video-player__button {
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -30px;
    background-color: #0f1622;
    background-color: rgba(15, 22, 34, 0.9);
    border-radius: 3px;
    content: "";
    display: none;
    height: 60px;
    position: absolute;
    width: 80px
}

.fake-video-player__button:after {
    border-right: none;
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border-left-width: 20px;
    content: "";
    position: absolute
}

.fake-video-player--is-ready > .fake-video-player__button {
    display: block
}

.faux-player.is-playable:before, .faux-player.is-waiting:before {
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -26px;
    background: rgba(15, 22, 34, 0.9);
    border-radius: 4px;
    content: "";
    height: 52px;
    position: absolute;
    width: 72px
}

.faux-player {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.faux-player.is-playable:after {
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    background-image: url(../img/all-icon.png);
    background-position: 0px -53px;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute
}

.faux-player.is-playable:hover:before {
    background: #13a0d8
}

.faux-player.is-waiting {
    cursor: wait
}

.faux-player.is-waiting:after {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: steps(8);
    animation-timing-function: steps(8);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: spin;
    animation-name: spin;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    background-size: 30px 30px;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px
}

.filter-control {
    margin-top: 5px;
    width: 100%
}

.filter-control button {
    clear: left;
    float: right;
    margin-right: 0px
}

.filter-control__state {
    margin-top: 5px;
    margin-bottom: 10px
}

.filter-control__state span {
    margin-right: 10px
}

.filter-control__state span label {
    margin-left: 5px
}

.financial-document-settings__identity-checkbox {
    float: left;
    margin-right: 5px
}

.financial-document-settings__identity-info {
    overflow: hidden;
    margin-top: 4px;
    font-size: 13px
}

.flag {
    display: table
}

.flag__item, .flag__body {
    display: table-cell;
    vertical-align: middle
}

.flag__item {
    padding-right: 10px
}

.flag__body {
    width: 100%
}

.flexible-textarea, .flexible-textarea--responsive {
    display: block;
    height: 30px;
    max-height: 156px;
    padding: 5px 8px;
    resize: none;
    -webkit-appearance: none;
    width: 100%
}

@media (min-width: 1024px) {
    .flexible-textarea, .flexible-textarea--responsive {
        max-height: none
    }
}

.flexible-textarea--responsive {
    height: 36px
}

.get-hosting-promotion__text {
    width: 74.5%;
    float: left;
    margin-right: 2%;
    display: inline
}

.get-hosting-promotion__text > h4 {
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 0
}

.get-hosting-promotion__button-container {
    width: 23.5%;
    float: right;
    margin-right: 0;
    *margin-left: -20px;
    display: inline;
    margin-top: 5px
}

.get-hosting__heading {
    margin-bottom: 3em;
    text-align: center
}

.get-hosting__heading h1 {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 30px;
    font-weight: bold;
    margin: 0
}

.get-hosting__heading h4 {
    color: #666666;
    margin: 0
}

.get-hosting__affiliate {
    width: 32%;
    float: left;
    margin-right: 2%;
    display: inline
}

.get-hosting__affiliate img {
    border-radius: 4px 4px 0 0;
    margin-bottom: -5px;
    max-width: 100%
}

.get-hosting__affiliate h4 {
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center
}

.get-hosting__affiliate p, .get-hosting__affiliate ul {
    margin-bottom: 15px
}

.get-hosting__affiliate.is-last {
    float: right;
    margin-right: 0;
    *margin-left: -20px;
    display: inline
}

.get-hosting__content {
    height: 510px;
    position: relative
}

.get-hosting__offer {
    background: #f5f5b4;
    border-radius: 4px;
    bottom: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.get-hosting__offer strong {
    color: #454545
}

.get-hosting__button {
    position: absolute;
    bottom: 0px;
    width: 100%
}

.get-hosting__legal {
    margin-top: 1.5em;
    margin-bottom: 3em;
    text-align: center
}

.get-hosting__legal h4 {
    font-weight: bold
}

.get-hosting__legal p {
    color: #666666;
    font-size: 16px;
    line-height: 1.5
}

.graph__preloader {
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    left: 50%;
    top: 50%
}

.graph__container {
    border-radius: 5px;
    clear: left;
    float: left;
    width: 650px
}

.graph__canvas {
    height: 350px;
    margin-bottom: 30px;
    width: 620px
}

.is-preloading .graph__canvas, .is-error .graph__canvas {
    opacity: 0.4
}

.is-preloading .graph__canvas {
    cursor: wait
}

.graph__error-container {
    border-radius: 3px;
    background: #df2c2c;
    color: white;
    left: 50%;
    opacity: 0;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    top: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10
}

.is-error .graph__error-container {
    opacity: 1;
    top: 42%
}

.graph__legend {
    font-size: 12px;
    left: 430px;
    position: absolute;
    text-align: right;
    top: 430px;
    width: 210px
}

.graph__legend-key:before {
    background-color: #73bd28;
    border: 3px solid white;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    top: 3px;
    width: 10px
}

.graph__legend-key.-referrals:before {
    background-color: #13a0d8
}

.is-preloading .graph__legend-key {
    opacity: 0.4
}

.heading {
    padding-top: 0;
    direction: rtl;
}

.hr-light {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    clear: both;
    height: 1px;
    margin: 0 0 10px
}

.image-caption {
    margin: 0 0 20px;
    text-align: center
}

.image-caption figcaption {
    color: #999999;
    font-size: 90%;
    text-align: center
}

.img-border, .img-border--full {
    border-radius: 4px
}

.img-border--full {
    display: block;
    max-width: 100%;
    height: auto
}

.input-prepend {
    display: inline-block;
    position: relative
}

.input-prepend label.invalid {
    float: left;
    position: static !important
}

.input-prepend__before {
    display: inline-block;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 0px;
    height: 30px;
    outline: 0;
    background: #e0e0e0;
    padding: 5px 8px;
    margin-right: -4px;
    border: 1px solid #bababa;
    border-right-style: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 17px;
    color: #7e7e7e
}

.input-prepend__before + input {
    display: inline-block;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.item-faqs.is-processing {
    opacity: 0.7
}

.item-faqs__form {
    background-color: whitesmoke;
    border-radius: 4px;
    margin-top: -1px;
    padding: 15px
}

.item-faqs__form-exposer {
    display: inline-block;
    margin-top: 10px
}

.item-faqs__form-exposer.add-first {
    margin-top: 0
}

.item-faqs__question {
    font-weight: bold
}

.item-preview {
    min-height: 245px;
    padding: 12px;
    position: relative;
    text-align: center
}

.item-preview img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.item-preview.-preview-live > a, .item-preview.-preview-screenshot > a {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.item-preview.-preview-live > a:hover:after, .item-preview.-preview-screenshot > a:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7) url(../img/live_preview.svg) no-repeat center center
}

.item-preview.-preview-screenshot > a:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7) url(../img/live_preview.svg) no-repeat center center
}

.item-preview.-position-manual > a:hover:after {
    background-position: center 40px
}

@media (min-width: 569px) {
    .item-preview.-position-manual > a:hover:after {
        background-position: center 120px
    }
}

.item-preview.is-disabled:after {
    content: "Item no longer available";
    font-size: 28px;
    color: #666666;
    line-height: 300px;
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.8)
}

.item-preview-image__gallery:focus {
    outline: none
}

.item-preview__preview-buttons {
    padding-top: 12px;
    display: inline-block
}

.item-preview__preview-buttons > a {
    margin: 0 0 10px 10px;
}

@media (min-width: 1024px) {
    .item-preview__preview-buttons > a {
        margin-bottom: 0
    }
}
@media (max-width: 700px) {
    .meta-attributes__attr-name {
        float: right !important;
    }
}

.item-preview__preview-buttons--social {
    display: inline-block
}

.item-preview__preview-buttons--social {
    padding-top: 12px
}

.item-preview__preview-buttons--social .btn {
    line-height: 1.6
}

div.item--explain {
    display: none;
    position: absolute;
    top: 100px;
    width: 700px;
    height: 300px;
    background-color: #c0c0c0;
    z-index: 1000000
}

div.item--explain img {
    display: block;
    position: absolute
}

div.item--explain div.item--explain-value-list {
    display: block;
    position: absolute;
    left: 460px;
    margin-top: 10px
}

div.item--explain div.item--explain-value-list span.item--explain-label {
    font-weight: bold
}

div.item--explain div.item--explain-value-list span {
    display: block;
    float: left;
    text-wrap: none;
    width: 115px;
    height: 1.5em;
    padding: 0;
    overflow: hidden
}

.thumbnail:hover + div.item--explain {
    display: block
}

a:hover + div.item--explain {
    display: block;
    top: 300px
}

.item-description {
    padding: 15px 0px 20px 0px
}

.item-description.has-toggle {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    direction: rtl;
    text-align:justify;
}

.item-description.has-toggle:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 100%)
}

@media (min-width: 1024px) {
    .item-description.has-toggle {
        max-height: none;
        overflow: visible;
        margin-bottom: 20px
    }

    .item-description.has-toggle:before {
        display: none
    }
}

.item-description.has-toggle.is-expanded {
    max-height: none;
    overflow: visible
}

.item-description.has-toggle.is-expanded:before {
    display: none
}

.item-description-toggle {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .item-description-toggle {
        display: none
    }
}

.item-description-toggle__link {
    display: block;
    padding: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.item-description-toggle__link:focus {
    text-decoration: none
}

.item-description-toggle__link span:last-child {
    display: none
}

.item-description-toggle.is-expanded .item-description-toggle__link span:first-child {
    display: none
}

.item-description-toggle.is-expanded .item-description-toggle__link span:last-child {
    display: block
}

#video_player {
    background-color: black;
    text-align: center
}

#large_item_preview {
    min-height: 300px;
    display: block
}

#large_item_preview object {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.item-rating-header__thumbnail {
    float: left;
    margin-right: 20px;
    width: 80px;
    min-height: 80px
}

.item-rating-header__thumbnail a {
    display: block
}

.item-rating-header__description {
    float: left;
    width: 474px
}

.item-rating-header__description h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 0
}

.item-rating-header__description h3 a {
    color: #171717
}

.item-rating-header__description small {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #909090
}

.item-support__intro {
    margin-bottom: 20px;
    padding-top: 8px
}

.item-support__cta {
    margin-top: 16px
}

.item-support__purchase-code {
    color: #454545;
    font-weight: 700
}

.item-support__boxes {
    margin-bottom: 20px
}

.license-overview {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.license-overview__link {
    display: block;
    padding: 35px 0;
    position: relative;
    height: 260px;
    width: 240px
}

.license-overview__link:hover, .license-overview__link:active, .license-overview__link:focus {
    text-decoration: none
}

.license-overview__link:hover p, .license-overview__link:active p, .license-overview__link:focus p {
    color: black
}

.license-overview__link:hover img, .license-overview__link:active img, .license-overview__link:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.license-overview__link p {
    margin: 20px 0 0;
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out
}

.license-overview__item {
    margin: 15px;
    text-align: center
}

.license-overview__image {
    position: relative
}

.license-overview__image img {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.license-overview__image, .license-overview__image img {
    display: block;
    height: auto;
    margin: 0 auto
}

.license-overview__image.-standard, .license-overview__image.-standard img {
    height: 145px;
    width: 96px
}

.license-overview__image.-music, .license-overview__image.-music img {
    height: 117px;
    width: 150px
}

.license-overview__image.-music {
    top: 5px
}

.license-overview__image.-sfx, .license-overview__image.-sfx img {
    height: 106px;
    width: 125px
}

.license-overview__image.-sfx {
    top: 10px
}

.license-overview__image.-video, .license-overview__image.-video img {
    height: 136px;
    width: 125px
}

.license-overview__image.-photo, .license-overview__image.-photo img {
    height: 103px;
    width: 130px
}

.license-overview__image.-photo {
    top: 20px
}

.license-overview__image.-specialty, .license-overview__image.-specialty img {
    height: 96px;
    width: 165px
}

.license-overview__image.-specialty {
    top: 20px
}

.no-flexbox .license-overview {
    *zoom: 1;
    display: block;
    max-width: 100%
}

.no-flexbox .license-overview:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .license-overview__item {
    display: block;
    float: left
}

.license-faqs h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-weight: 700;
    margin-bottom: 0.5em;
    padding: 25px 0 0;
    font-size: 24px
}

.license-faqs h2:first-child {
    padding-top: 0
}

.license-faqs h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px 0 10px 0;
    font-size: 15px;
    font-weight: 400
}

.license-faqs ul, .license-faqs ol {
    list-style: none;
    margin-left: 1.5em
}

.license-faqs li {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    margin-bottom: 0.5em
}

.license-faqs li:before {
    border-right: none;
    border-left: 4px solid #434343;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    height: 0;
    width: 0;
    content: "";
    left: -17px;
    position: absolute;
    top: 8px
}

.license-faqs li.is-faq-open {
    padding-bottom: 20px
}

.license-faqs li.is-faq-open:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #434343;
    border-bottom: none;
    height: 0;
    width: 0;
    content: "";
    left: -20px;
    position: absolute;
    top: 4px
}

.license-faqs ul ul {
    list-style: square
}

.license-faqs ul ul li:before {
    content: none
}

.license-faqs ol {
    list-style: decimal
}

.license-faqs ol li:before {
    content: none
}

.license-faqs__answer {
    padding: 10px 0
}

.license-faqs__answer h3 {
    font-weight: 700
}

.license-faqs__question.is-highlighted, .license-faqs__answer.is-highlighted {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: background-flash;
    animation-name: background-flash;
    background-color: #f5f5b4
}

.license-faqs__question p, .license-faqs__answer p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin-bottom: 1em;
    padding: 0
}

.license {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.license h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-weight: 700;
    margin-bottom: 0.5em;
    padding: 25px 0 0;
    font-size: 24px
}

.license h3:first-child {
    padding-top: 0
}

.license ul, .license ol {
    list-style: none;
    margin-left: 1.5em
}

.license ol {
    counter-reset: item
}

.license ol li {
    list-style-type: none;
    counter-increment: item
}

.license ol li:before {
    margin-top: 10px;
    content: counter(item) "."
}

.license ol li ol li:before {
    margin-top: 0;
    content: "(" counter(item, lower-alpha) ")"
}

.license li {
    position: relative
}

.license table {
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 20px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    margin-top: 15px
}

.license table thead td, .license table thead th {
    text-align: left;
    background-color: #454545;
    color: white;
    padding: 12px 10px;
    vertical-align: bottom
}

.license table thead td a, .license table thead th a {
    color: white
}

.license table thead td:first-child, .license table thead th:first-child {
    border-top-left-radius: 4px
}

.license table thead td:last-child, .license table thead th:last-child {
    border-top-right-radius: 4px
}

.license table thead th.number {
    text-align: right
}

.license table thead th.sortable {
    cursor: pointer
}

.license table tfoot td {
    background: gray;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 10px
}

.license table tfoot td:first-child {
    border-radius: 0 0 0 4px
}

.license table tfoot td:last-child {
    border-radius: 0 0 4px 0
}

.license table tfoot td.number {
    text-align: right
}

.license table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 4px
}

.license table tbody tr:last-child td:last-child {
    border-radius: 0 0 4px 0
}

.license table tbody td, .license table tbody th {
    padding: 10px;
    background-color: whitesmoke;
    vertical-align: text-top
}

.license table tbody td.number {
    text-align: right
}

.license table td, .license table th {
    padding: 0
}

.license table td.no-wrap, .license table th.no-wrap {
    white-space: nowrap
}

.license table.-has-footer tbody tr:last-child td:first-child {
    border-radius: 0px
}

.license table.-has-footer tbody tr:last-child td:last-child {
    border-radius: 0px
}

.license table.-striped tbody tr:nth-child(odd) td {
    background-color: #ededed
}

.license table.-striped tbody tr.js-hover td {
    background-color: white
}

.license table.-striped tbody tr.js-selected td {
    background-color: #cbe6c2
}

.license table.-highlight-row tbody tr:hover td {
    background-color: white
}

.license table.-bordered-h tbody td, .license table.-bordered-h tbody th {
    border-bottom: 1px solid #d4d4d4
}

.license table.-bordered-h tbody > tr:last-child td {
    border-bottom-width: 0
}

.license table.-bordered-v td, .license table.-bordered-v th {
    border-left: 1px solid #d4d4d4
}

.license table.-bordered-v td:first-child, .license table.-bordered-v th:first-child {
    border-left: none
}

.license table.-bordered-v tbody > tr:last-child td {
    border-bottom-width: 0
}

.license table.-valign-middle td, .license table.-valign-middle th {
    vertical-align: middle
}

.license table.-comparison-table thead th {
    text-align: center
}

.license table.-comparison-table tbody td {
    min-width: 120px;
    text-align: center;
    vertical-align: middle
}

.license table.-comparison-table tbody td:first-child {
    font-weight: bold;
    min-width: 250px;
    text-align: left
}

.license table.-width-three-col-equal td {
    width: 33%
}

.license table.-statement-table .statement__marketplace {
    width: 20px;
    padding: 0 10px
}

.license table.-statement-table .statement__type {
    padding-left: 5px
}

.license td:first-of-type {
    white-space: nowrap
}

.license blockquote {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: whitesmoke;
    border: 1px solid whitesmoke;
    color: #787878;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 10px 0;
    display: block;
    position: relative;
    margin-bottom: 15px
}

.license blockquote:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid whitesmoke;
    border-top: none;
    height: 0;
    width: 0;
    content: "";
    left: 20px;
    position: absolute;
    top: -8px
}

.license blockquote br {
    margin-bottom: 10px
}

.license blockquote br {
    margin-bottom: 10px
}

.license__list, .license ol li:before {
    font-weight: 700;
    color: #999999;
    left: -2em;
    position: absolute;
    text-align: right;
    width: 1.5em
}

.licensing-support {
    margin-top: 30px;
    overflow: hidden
}
.page-camp blockquote {
    border-right: 3px solid #8bc34a61;
    width: 91%;
    margin: 20px auto;
    padding: 20px 40px;
    border-radius: 3px;
    position: relative;
    background: #82b5521a;
}
.pade-breadcrumbs {
    text-align: right;
    direction: rtl;
    border-bottom: 1px solid #eaeaea !important;
}
.licensing-support__faq {
    width: 49%;
    float: left;
    margin-right: 2%;
    display: inline
}

.licensing-support__contact {
    width: 49%;
    float: right;
    margin-right: 0;
    *margin-left: -20px;
    display: inline
}

.license-preferences__options {
    margin-left: 25px
}

.license-preferences__options .license-preferences__checkbox {
    margin-right: 7px;
    position: relative;
    top: -1px
}

.license-preferences__label-hint {
    padding-left: 25px
}

.list--downloads {
    list-style: none;
    background-color: whitesmoke;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 20px;
    direction: rtl;
}

.list--downloads > li {
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.list--downloads > li:last-child {
    border-bottom-width: 0
}

.minimap {
    float: right;
    position: relative;
    width: 310px
}

.is-error .minimap, .is-preloading .minimap {
    opacity: 0.4
}

.minimap__header {
    position: absolute;
    left: 0;
    top: -35px;
    z-index: 10
}

.minimap__graphic {
    font-size: 14px
}

.minimap__tooltip {
    display: inline-block;
    margin-right: 5px
}

.minimap__regions {
    min-height: 375px
}

.minimap__region-list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-collapse: collapse;
    display: table;
    font-size: 14px;
    width: 100%
}

.minimap__region-list dt, .minimap__region-list dd {
    display: table-cell;
    padding: 7px
}

.minimap__region-list dt {
    color: #545454;
    font-weight: 500
}

.minimap__region-list dd {
    font-weight: 700;
    text-align: right
}

.minimap__region-list-row {
    border-top: 1px solid #e0e0e0;
    color: #454545;
    display: table-row
}

.minimap__region-list-row:first-of-type {
    border: none
}

.minimap__flag, .minimap__flag-wrapper, .minimap__country-name {
    display: table-cell
}

.minimap__flag, .minimap__flag-wrapper {
    display: inline-block;
    height: 20px;
    width: 20px
}

.minimap__flag-wrapper {
    float: left;
    margin-right: 10px
}

.minimap__flag {
    vertical-align: middle;
    margin-top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.minimap__empty-contents {
    display: none;
    padding: 30px 0;
    text-align: center
}

.minimap__empty-contents.is-visible {
    display: block
}

.minimap__empty-heading {
    margin: 15px auto 0;
    width: 55%
}

.minimap__empty-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 160px 147px;
    height: 147px;
    margin: 0 auto 15px;
    width: 160px
}

.is-preloading .minimap__empty-image, .is-error .minimap__empty-image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.75
}

.minimap__empty-image, .minimap__empty-image.-filter-no_sales {
    background-image: url(../img/start-day.png)
}

.minimap__empty-image.-filter-referrals {
    background-image: url();
    background-size: 160px 160px;
    height: 160px
}

.minimap__empty-image.-filter-before_time {
    background-image: url()
}

.page-controls {
    *zoom: 1
}

.page-controls:after {
    content: "";
    display: table;
    clear: both
}

.page-controls__sorting {
    float: right;
    direction: rtl;
}

@media (min-width: 1024px) {
    .page-controls__pagination {
        float: right
    }
}

.payment-taxation {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background-color: whitesmoke;
    padding: 20px 20px 5px;
    margin: 20px 0
}

.payment-taxation__australian > label {
    font-weight: bold
}

.payment-taxation__author-type {
    margin-top: 20px
}

.payment-taxation__author-type .radio {
    display: block;
    margin-bottom: 10px
}

.payment-taxation__author-type .radio > label {
    margin-left: 5px
}

.payment-taxation__abn {
    margin-top: 20px
}

.payment-taxation__abn .input-group, .payment-taxation__abn .dashboard-upload-widget {
    margin-bottom: 10px
}

.payment-taxation__abn .input-group > label, .payment-taxation__abn .dashboard-upload-widget > label {
    margin-bottom: 3px
}

.payment-taxation__abn .inputs label.invalid {
    color: #c24242;
    margin-left: 20px
}

.payout__item, .payout__item--none {
    padding: 16px 0;
    border-bottom: 1px solid #bababa
}

.payout__item--none {
    border: none
}

.payout__container {
    margin-top: 32px;
    margin-bottom: 16px
}

.payout__amount, .payout__amount--all-earnings, .payout__amount--all-earnings-uncertain {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    min-width: 200px;
    color: #999999
}

.payout__amount > strong, .payout__amount--all-earnings > strong, .payout__amount--all-earnings-uncertain > strong {
    font-size: 20px
}

.payout__amount--all-earnings > strong, .payout__amount--all-earnings-uncertain > strong {
    position: relative
}

.payout__amount--all-earnings > small, .payout__amount--all-earnings-uncertain > small {
    margin-left: 7px;
    top: 5px;
    position: absolute;
    font-size: 12px;
    text-transform: uppercase
}

.payout__amount--all-earnings-uncertain > strong {
    color: #999999
}

.payout__small-notification {
    font-size: 12px
}

.payout__via {
    font-size: 12px
}

.payout-status {
    width: 66%;
    float: left;
    margin-right: 2%;
    display: inline
}

.payout-account {
    background: white;
    height: auto;
    margin-top: 30px;
    opacity: 1;
    padding: 15px 25px 30px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    transition: transform, opacity;
    transition: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.25s, 0.4s;
    transition-duration: 0.25s, 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.payout-account.is-invisible {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.payout-account__step {
    float: left;
    width: 100%;
    border-top: 1px solid #bababa;
    margin: 8px 0 12px 0
}

.payout-account__step-heading {
    margin: 16px 0;
    overflow: hidden
}

.payout-account__step-heading > b {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: black;
    font-size: 18px;
    color: white
}

.payout-account__step-heading > h4, .payout-account__step-heading > h5 {
    display: inline-block;
    padding: 0
}

.payout-account__step-heading > span {
    display: inline;
    margin-left: 16px
}

.payout-account__validation-message {
    display: inline-block;
    margin-left: 20px;
    color: #c24242
}

.payout-account__choices {
    *zoom: 1;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

.payout-account__choices:after {
    content: "";
    display: table;
    clear: both
}

.payout-account__service {
    width: 32%;
    float: left;
    margin-right: 2%;
    display: inline
}

.payout-account__service:last-child {
    float: right;
    margin-right: 0;
    *margin-left: -20px;
    display: inline
}

.payout-account-header {
    display: table;
    width: 100%
}

.payout-account-header__inner {
    display: table-row
}

.payout-account-header__title, .payout-account-header__legend, .payout-account-header__balance {
    display: table-cell;
    padding: 0
}

.payout-account-header__title {
    width: 1px;
    white-space: nowrap;
    padding-right: 16px
}

.payout-account-header__legend {
    width: 1px;
    white-space: nowrap;
    color: #999999
}

.payout-account-header__balance {
    font-size: 18px;
    padding-top: 5px;
    text-align: right
}

.payout-default {
    width: 32%;
    float: left;
    margin-right: 2%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -20px;
    display: inline
}

.payout-default__account {
    margin: 16px 0 12px;
    padding-bottom: 12px
}

.payout-default__account-logo, .payout-default__account-logo--paypal, .payout-default__account-logo--payoneer, .payout-default__account-logo--swift {
    max-width: 20%;
    margin-right: 8px
}

.payout-default__account-logo--paypal {
    max-width: 25%;
    max-height: 18px
}

.payout-default__account-logo--payoneer {
    max-height: 19px
}

.payout-default__account-logo--swift {
    max-height: 50px
}

.payout-default__account-info, .payout-default__account-info--bank-transfer {
    word-wrap: break-word
}

.payout-default__account-info--bank-transfer {
    padding-bottom: 0
}

.payout-default__account-heading, .payout-default__account-heading--bank-transfer {
    padding: 1px 0
}

.payout-default__account-heading--bank-transfer {
    line-height: 45px
}

.payout-default__account-heading--bank-transfer.is-pending {
    line-height: 23px
}

.payout-default__account-email {
    clear: both;
    padding: 3px 0
}

.payout-method {
    *zoom: 1;
    margin: 20px 0
}

.payout-method:after {
    content: "";
    display: table;
    clear: both
}

.payout-method__service-info {
    margin-bottom: 20px
}

.payout-method__service-info > p {
    padding-bottom: 5px;
    color: #545454
}

.payout-method__form {
    width: 57.5%;
    float: left;
    margin-right: 2%;
    display: inline
}

.payout-method__existing-account {
    margin-bottom: 24px
}

.payout-method__new-account {
    margin-bottom: 24px
}

.payout-method__current-default-account {
    padding-bottom: 8px
}

.payout-method__current-default-account + .payout-method__form {
    display: none
}

.withdrawals {
    margin-bottom: 30px
}

.performing-rights-organization__hint {
    color: #999999;
    margin-left: 24px
}

.performing-rights-organization__affiliation label {
    color: gray;
    margin-left: 8px
}

.performing-rights-organization__affiliation input[type=radio] {
    width: 16px;
    font-size: 36px;
    margin: 0 7px 0 -10px
}

.performing-rights-organization__affiliation .e-form__input {
    margin-bottom: 9.6px
}

.post-avatar {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    text-align: center
}

.post-avatar__image {
    margin-bottom: 5px
}

.post-avatar__count {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
    width: 80px
}

.post-avatar__badges {
    margin: 10px auto 0
}

.post-avatar__badge {
    height: 32px;
    width: 32px
}

.preloader {
    cursor: wait;
    display: none;
    font-size: 10px;
    height: 25px;
    text-align: center;
    width: 51px
}

.is-preloading .preloader {
    display: block
}

.preloader__bar {
    border-radius: 2px;
    display: inline-block;
    height: 100%;
    -webkit-animation: such-stretching 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955), much-colors 6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: such-stretching 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955), much-colors 6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    width: 6px
}

.preloader__bar.-bar2 {
    -webkit-animation-delay: -1.1s, 0.1s;
    animation-delay: -1.1s, 0.1s
}

.preloader__bar.-bar3 {
    -webkit-animation-delay: -1s, 0.2s;
    animation-delay: -1s, 0.2s
}

.preloader__bar.-bar4 {
    -webkit-animation-delay: -0.9s, 0.3s;
    animation-delay: -0.9s, 0.3s
}

.preloader__bar.-bar5 {
    -webkit-animation-delay: -0.8s, 0.4s;
    animation-delay: -0.8s, 0.4s
}

.-with-spacing .preloader__bar {
    margin: 0 1px
}

@-webkit-keyframes such-stretching {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes such-stretching {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes much-colors {
    0%, 100% {
        background-color: #82b541
    }
    20% {
        background-color: #e7a802
    }
    40% {
        background-color: #ab0f34
    }
    60% {
        background-color: #1abc9c
    }
    80% {
        background-color: #308eb1
    }
}

@keyframes much-colors {
    0%, 100% {
        background-color: #82b541
    }
    20% {
        background-color: #e7a802
    }
    40% {
        background-color: #ab0f34
    }
    60% {
        background-color: #1abc9c
    }
    80% {
        background-color: #308eb1
    }
}

.price-callout {
    font-size: 30px
}

.price-callout > span {
    font-size: 20px;
    vertical-align: 6px
}

.rating-basic, .rating-basic--edit, .rating-basic__stars, .rating-basic__count {
    display: block
}

.rating-basic, .rating-basic--edit {
    *zoom: 1
}

.rating-basic:after, .rating-basic--edit:after {
    content: "";
    display: table;
    clear: both
}

.rating-basic__stars img {
    width: 13px;
    height: 12px;
    display: inline-block
}

.rating-basic__stars > a {
    text-decoration: none
}

.rating-basic__count {
    display: block
}

.rating-basic__star-rating {
    color: #F2B827
}

.rating-basic__star-rating.-size-large {
    font-size: 20px
}

.rating-basic--edit .rating-basic__count {
    color: #999;
    text-transform: uppercase;
    font-size: 9px
}

.rating-breakdown {
    *zoom: 1;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0;
    padding: 10px 0 0;
    font-size: 12px
}

.rating-breakdown:after {
    content: "";
    display: table;
    clear: both
}

.rating-breakdown li {
    float: left;
    width: 100%;
    margin: 5px 0;
    height: 20px;
    text-align: center
}

.rating-breakdown__key {
    color: #454545;
    float: left;
    font-weight: bold;
    width: 13%;
    margin-right: 5%
}

.rating-breakdown__meter {
    border: 1px solid #e1e8ed;
    float: left;
    width: 64%;
    margin: 5px 0 0
}

.rating-breakdown__meter-bar {
    width: 100%;
    display: block;
    background: white;
    height: 8px;
    line-height: 8px
}

.rating-breakdown__meter-progress {
    display: block;
    background: #0084B4;
    text-indent: -9999px
}

.rating-breakdown__count {
    color: #999999;
    float: left;
    width: 13%;
    margin-left: 5%
}

.rating-detailed__header {
    *zoom: 1;
    display: block;
    margin-top: -5px
}

.rating-detailed__header:after {
    content: "";
    display: table;
    clear: both
}

.rating-detailed__title {
    color: #454545;
    line-height: 22px;
    float: left;
    font-size: 14px;
    padding-right: 15px
}

.rating-detailed__stars {
    float: left;
    width: 120px
}

.rating-detailed__average {
    color: #999999;
    float: right;
    direction: rtl;
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px;
    width: 100%
}

.rating-detailed__exposer {
    font-size: 12px;
    font-weight: bold
}

.rating-detailed--has-no-ratings {
    font-size: 14px
}

.rating-detailed--has-no-ratings strong {
    color: #454545
}

.rating-detailed--has-no-ratings span {
    color: #999999
}

.related-by-author h4 {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 8px;
}

.responsive-comment--primary, .responsive-comment--reply {
    padding: 10px
}

.responsive-comment--primary:first-child, .responsive-comment--reply:first-child {
    border-radius: 4px 4px 0 0
}

.responsive-comment--primary:last-child, .responsive-comment--reply:last-child {
    border-radius: 0 0 4px 4px
}

@media (min-width: 569px) {
    .responsive-comment--primary, .responsive-comment--reply {
        padding: 20px
    }
}

.responsive-comment--primary {
    background-color: whitesmoke
}

.responsive-comment--reply {
    background-color: #e5e5e5;
    margin: 0 0 1px
}

.responsive-comment--reply.-hidden {
    display: none
}

.responsive-comment__head {
    *zoom: 1;
    margin-bottom: 10px;
    position: relative
}

.responsive-comment__head:after {
    content: "";
    display: table;
    clear: both
}

.responsive-comment__avatar {
    float: left;
    margin-right: 10px
}

@media (min-width: 569px) {
    .responsive-comment__avatar {
        margin-right: 20px
    }
}

.responsive-comment__username {
    font-weight: bold;
    margin-right: 3px
}

@media (min-width: 569px) {
    .responsive-comment__username {
        font-size: 18px
    }
}

.responsive-comment__tools {
    position: absolute;
    right: 0;
    text-align: right
}

.responsive-comment__tools__dropdown {
    background-color: white;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: 3px 3px 0 0 rgba(35, 35, 35, 0.1);
    box-shadow: 3px 3px 0 0 rgba(35, 35, 35, 0.1);
    position: relative;
    text-align: left;
    z-index: 1
}

.responsive-comment__tools__dropdown > a {
    display: block;
    padding: 5px 10px;
    width: 100px
}

.responsive-comment__meta {
    font-size: 11px;
    line-height: 14px;
    padding-top: 5px
}

@media (min-width: 569px) {
    .responsive-comment__meta {
        font-size: 13px
    }
}

.responsive-comment__injected-form label, .responsive-comment__injected-form textarea {
    margin-top: 10px
}

.responsive-comments {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    -webkit-text-size-adjust: 100%
}

.responsive-comments textarea, .responsive-comments button {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 569px) {
    .responsive-comments {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .responsive-comments {
        width: 66%;
        float: left;
        margin-right: 2%;
        display: inline;
        margin-left: 17%;
        margin-right: 17%
    }
}

.responsive-comments__group:after {
    border-bottom: 1px solid #d4d4d4;
    content: "";
    display: block;
    margin-bottom: 20px;
    padding-top: 20px
}

.responsive-comments__group:last-child:after {
    display: none
}

.responsive-page-controls {
    *zoom: 1;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px
}

.responsive-page-controls:after {
    content: "";
    display: table;
    clear: both
}

.responsive-page-controls textarea, .responsive-page-controls button {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 569px) {
    .responsive-page-controls {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 568px) {
    .responsive-page-controls select {
        max-width: 110px
    }
}

@media (min-width: 1024px) {
    .responsive-page-controls {
        width: 66%;
        float: left;
        margin-right: 2%;
        display: inline;
        margin-left: 17%;
        margin-right: 17%
    }
}

.responsive-submit > button {
    margin-right: 0;
    text-align: center;
    width: 100%
}

.responsive-submit > button:after {
    display: none
}

@media (min-width: 569px) {
    .responsive-submit > button {
        display: block;
        margin: 0 auto;
        width: 50%
    }
}

.review-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review-header__rating {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.review-header__reviewer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.review-header__disable {
    margin-left: 4px;
    color: #999999
}

.review-header__date {
    color: #999999
}

.review-header__disabled a, .review-header__disabled a:hover {
    color: white
}

.no-flexbox .review-header {
    *zoom: 1
}

.no-flexbox .review-header:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .review-header__rating, .no-flexbox .review-header__reviewer {
    width: 50%;
    float: left
}

.no-flexbox .review-header__rating div, .no-flexbox .review-header__rating p, .no-flexbox .review-header__reviewer div, .no-flexbox .review-header__reviewer p {
    float: left
}

.no-flexbox .review-header__reviewer {
    float: right
}

.reviews-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e1e8ed
}

.reviews-controls__aggregate {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.no-flexbox .reviews-controls, .no-flexbox .reviews-controls__aggregate {
    *zoom: 1
}

.no-flexbox .reviews-controls:after, .no-flexbox .reviews-controls__aggregate:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .reviews-controls > p, .no-flexbox .reviews-controls > div, .no-flexbox .reviews-controls__aggregate > p, .no-flexbox .reviews-controls__aggregate > div {
    float: left
}

.no-flexbox .reviews-controls > div:last-child {
    float: right
}

.sash--horizontal, .sash--vertical {
    cursor: default;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    z-index: 5
}

.sash--horizontal > div, .sash--vertical > div {
    font-weight: bold;
    color: white;
    position: relative;
    z-index: 10
}

.-has-pointer-events.sash--horizontal, .-has-pointer-events.sash--vertical {
    pointer-events: auto
}

.sash--horizontal {
    background: #454545;
    top: 25px;
    right: 0
}

.sash--horizontal + .sash--horizontal {
    top: 65px
}

.sash--horizontal > div {
    height: 30px;
    line-height: 30px;
    -webkit-transition: width 0.1s 0.05s cubic-bezier(0.86, 0, 0.07, 1);
    transition: width 0.1s 0.05s cubic-bezier(0.86, 0, 0.07, 1);
    width: 25px
}

.sash--horizontal > div:hover {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    width: 100%
}

.sash--horizontal > div:hover span {
    opacity: 1;
    width: 100%
}

.sash--horizontal span {
    display: block;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.3s, padding 0.25s, width 0.25s;
    transition: opacity 0.3s, padding 0.25s, width 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    width: 3em
}

.sash--horizontal.-position-right {
    left: auto;
    right: 0
}

.sash--horizontal.-position-left {
    left: 0;
    right: auto
}

.sash--horizontal.-triangle-right span {
    float: left;
    margin-left: 5px;
    padding-right: 25px
}

.sash--horizontal.-triangle-right i {
    position: absolute;
    right: 1px;
    margin-left: 5px
}

.sash--horizontal.-triangle-right div:hover span {
    padding-left: 15px
}

.sash--horizontal.-triangle-right:after {
    background-color: transparent;
    border: 15px solid #454545;
    border-right-color: transparent;
    bottom: 0;
    content: "";
    position: absolute;
    right: -20px;
    z-index: 9
}

.sash--horizontal.-triangle-left span {
    float: right;
    margin-right: 5px;
    padding-left: 25px
}

.sash--horizontal.-triangle-left i {
    position: absolute;
    left: 1px;
    margin-right: 5px
}

.sash--horizontal.-triangle-left div:hover {
    -webkit-transition: none;
    transition: none
}

.sash--horizontal.-triangle-left div:hover span {
    padding-right: 15px
}

.sash--horizontal.-triangle-left:after {
    background-color: transparent;
    border: 15px solid #454545;
    border-left-color: transparent;
    bottom: 0;
    content: "";
    position: absolute;
    left: -20px;
    z-index: 9
}

.sash--horizontal.-color-blue {
    background-color: #0084B4
}

.sash--horizontal.-color-blue:after {
    border-color: #0084B4
}

.sash--horizontal.-color-blue.-triangle-right:after {
    border-right-color: transparent
}

.sash--horizontal.-color-blue.-triangle-left:after {
    border-left-color: transparent
}

.sash--horizontal.-color-green {
    background-color: #82b440
}

.sash--horizontal.-color-green:after {
    border-color: #82b440
}

.sash--horizontal.-color-green.-triangle-right:after {
    border-right-color: transparent
}

.sash--horizontal.-color-green.-triangle-left:after {
    border-left-color: transparent
}

.sash--vertical {
    background: #454545;
    color: white;
    left: 20px;
    top: 0;
    width: 30px
}

.sash--vertical > div {
    height: 26px;
    line-height: 35px;
    text-align: center;
    width: 30px
}

.sash--vertical:after {
    background-color: transparent;
    border: 15px solid #454545;
    border-bottom-color: transparent;
    bottom: 0;
    content: "";
    position: absolute;
    bottom: -20px;
    z-index: 9
}

.sash--vertical.-color-green {
    background-color: #82b440
}

.sash--vertical.-color-green:after {
    border-color: #82b440;
    border-bottom-color: transparent
}

.sash--vertical.-position-left {
    left: 20px;
    right: auto
}

.sash--vertical.-position-right {
    left: auto;
    right: 20px
}

.settings-vat__input-group {
    position: relative
}

.settings-vat__local-lang {
    position: absolute;
    top: 61px
}

.sidebar-thread {
    overflow: hidden;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px
}

.sidebar-thread:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.site-portfolio {
    overflow: hidden;
    margin: 0 0 10px -8px
}

.site-portfolio:last-child {
    margin: 0 0 -5px -8px
}

.site-portfolio img {
    float: right;
    margin: 2px 0 0 5px;
    height: 49px;
}

.site-portfolio__item-count {
    padding-top: 5px
}

.size-selector {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #d4d4d4
}

.size-selector__option {
    display: table-row;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    cursor: pointer;
    font-size: 13px
}

.size-selector__option:hover {
    cursor: pointer;
    background-color: #ededed
}

.size-selector__option.is-active {
    background-color: #d0e8ea
}

.size-selector__radio, .size-selector__name, .size-selector__meta, .size-selector__price {
    display: table-cell;
    width: 0%;
    border-bottom: 1px solid #d4d4d4;
    line-height: 20px;
    padding: 5px 10px
}

.size-selector__radio {
    padding-right: 0
}

.size-selector__radio > input {
    font-size: 13px
}

.size-selector__name {
    padding-right: 5px;
    white-space: nowrap
}

.size-selector__meta {
    white-space: nowrap
}

.social-shares__button--facebook {
    height: 35px;
    width: 100%
}

.social-shares__button--twitter {
    float: left;
    width: 100px
}

.social-shares__button--google {
    float: left;
    width: 84px
}

.sort-buttons {
    float: left;
    margin-right: 25px
}

.sort-buttons .e-icon.-icon-arrow-fill-down, .sort-buttons .e-icon.-icon-arrow-fill-up {
    font-size: 9px;
    padding-left: 2px;
    position: relative
}

.sort-buttons .e-icon.-icon-arrow-fill-down {
    top: -2px
}

.sort-buttons .e-icon.-icon-arrow-fill-up {
    top: -1px
}

.star--full, .star--empty, .star--half {
    display: inline-block
}

.star--full {
    background-image: url(../img/all-icon.png);
    background-position: -44px -53px;
    width: 20px;
    height: 20px
}

.star--empty {
    background-image: url(../img/all-icon.png);
    background-position: -40px -97px;
    width: 20px;
    height: 20px
}

.star--half {
    background-image: url(../img/all-icon.png);
    background-position: 0px -97px;
    width: 20px;
    height: 20px
}

.static-page {
    background: white;
    padding: 32px 0 32px 0;
    color: gray
}

.static-page h1, .static-page h2, .static-page h3, .static-page h4, .static-page h5 {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    color: #262626
}

.static-page h1 a, .static-page h2 a, .static-page h3 a, .static-page h4 a, .static-page h5 a {
    color: #262626;
    text-decoration: underline
}

.static-page h1 a:hover, .static-page h2 a:hover, .static-page h3 a:hover, .static-page h4 a:hover, .static-page h5 a:hover {
    color: gray
}

.static-page h6 {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
    color: #545454
}

.static-page p {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 15px;
    line-height: 24px
}

.static-page hr {
    margin-bottom: 32px
}

.static-page__call-to-action {
    margin: 24px 0
}

@media (min-width: 569px) {
    .static-page__call-to-action {
        margin: 32px 0;
        padding: 0 20%
    }
}

.static-page__heading, .static-page__heading--secondary {
    text-align: center;
    margin: 0 0 32px
}

@media (min-width: 1024px) {
    .static-page__heading, .static-page__heading--secondary {
        padding: 0 10%
    }
}

.static-page__heading--secondary {
    margin: 12px 0 16px
}

.status-indicator, .status-indicator--success, .status-indicator--error {
    border-radius: 5px;
    background-color: #dedede;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    min-width: 70px;
    padding: 7px 10px;
    text-align: center
}

.status-indicator.is-muted, .is-muted.status-indicator--success, .is-muted.status-indicator--error {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

.status-indicator.is-small, .is-small.status-indicator--success, .is-small.status-indicator--error {
    padding: 3px 6px;
    min-width: 0
}

.status-indicator--success {
    background-color: #63c242;
    color: white
}

.status-indicator--error {
    background-color: #f39c12;
    color: white
}

.is-sticky-nav {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 4px 8px -6px black;
    box-shadow: 0 4px 8px -6px black
}

.is-sticky-nav ~ header {
    padding-top: 70px
}

.author-summary__infoflex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.author-summary__response-time {
    margin-top: 5px;
    width: 100%
}

.support__user-generated {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #454545;

    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 1em;
    padding: 0
}

.support__user-generated ul {
    list-style: disc;
    margin-left: 32px;
    margin-bottom: 1em
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.no-js .tab-content {
    display: block
}

.table-of-contents {
    list-style: none;
    padding-left: 0
}

.table-of-contents > li {
    margin-bottom: 10px
}

.table-of-contents > li:last-of-type {
    margin-bottom: 0
}

.thread-list > ul {
    margin-bottom: 20px
}

.thread {
    *zoom: 1;
    background-color: #fafafa;
    border: 1px solid #e1e8ed;
    list-style: none;
    margin-bottom: -1px;
    padding: 20px
}

.thread:after {
    content: "";
    display: table;
    clear: both
}

.thread:first-child {
    border-radius: 4px 4px 0 0
}

.thread:last-child {
    border-radius: 0 0 4px 4px
}

.thread__poster-thumbs {
    float: left;
    height: 90px;
    position: relative;
    width: 90px
}

.thread__poster-thumbs > img {
    display: block
}

.thread__poster-thumbs__latest-replied {
    bottom: 0;
    position: absolute;
    right: 0
}

.thread__content {
    float: left;
    padding: 0 20px;
    width: 550px
}

.thread__meta {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-top: -5px;
    text-align: center;
    width: 79px
}

.thread__meta small {
    display: block;
    font-size: 11px
}

.thread__meta > span {
    background: #e1e8ed;
    border-radius: 4px;
    display: block;
    margin-top: 5px;
    padding: 10px 0
}

.thread__meta > span > strong {
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1px
}

.thread__meta > span > small {
    text-transform: uppercase
}

.tooltip-advanced {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    position: relative
}

.tooltip-advanced:hover .tooltip-advanced__content, .tooltip-advanced:hover .tooltip-advanced__content--right-aligned {
    display: block
}

.tooltip-advanced__content, .tooltip-advanced__content--right-aligned {
    position: absolute;
    display: none;
    background: transparent
}

.tooltip-advanced__content > div, .tooltip-advanced__content--right-aligned > div {
    background-color: black;
    border: 1px solid black;
    -webkit-box-shadow: inset #444 0 0 0 1px;
    box-shadow: inset #444 0 0 0 1px;
    font-size: 11px;
    position: relative;
    padding: 10px;
    text-align: left;
    top: 14px;
    min-width: 150px;
    z-index: 1000
}

.tooltip-advanced__content > div a, .tooltip-advanced__content--right-aligned > div a {
    display: block
}

.tooltip-advanced__content > div p, .tooltip-advanced__content--right-aligned > div p {
    color: #ededed;
    padding: 0
}

.tooltip-advanced__content > div strong, .tooltip-advanced__content--right-aligned > div strong {
    color: white;
    display: block;
    font-size: 14px;
    padding-bottom: 5px
}

.tooltip-advanced__content > div:before, .tooltip-advanced__content--right-aligned > div:before {
    background-image: url(../img/all-icon.png);
    background-position: -37px -211px;
    width: 25px;
    height: 14px;
    content: "";
    position: absolute;
    top: -13px;
    z-index: 1100
}

.tooltip-advanced__content--right-aligned {
    right: -14px
}

.tooltip-advanced__content--right-aligned > div:before {
    right: 10px
}

.tree {
    font-size: 14px;
    line-height: 1.8
}

.tree, .tree ul {
    list-style: none
}

.tree .tree__exposer {
    color: #999999;
    font-size: 12px
}

.tree small {
    font-size: 11px;
    font-weight: normal
}

.tree .tags a {
    color: #666666
}

.tree .tags.selected a {
    color: #0084B4;
    font-weight: bold
}

.tree ul li {
    padding-left: 20px;
    position: relative
}

.tree ul li:before {
    border: 1px solid #d4d4d4;
    border-width: 1px 0 0 1px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 13px;
    width: 15px
}

.tree ul li:first-child:after {
    border-left: 1px solid #d4d4d4;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    top: 0
}

.tree ul li:last-child:before {
    border-left-width: 0
}

.tree__cancel-tag:before {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    background: #bababa;
    border-radius: 14px;
    color: #666666;
    content: "";
    display: inline-block;
    font-size: 6px;
    line-height: 14px;
    margin-left: 3px;
    position: relative;
    top: -2px;
    width: 14px;
    height: 14px
}

.tree__cancel-tag:hover:before {
    background: #ababab;
    text-decoration: none
}

.user-html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    overflow: auto
}

.user-html p {
    margin-bottom: 20px;
    padding: 0
}

.user-html p:last-child {
    margin-bottom: 0
}

.user-html small {
    color: #909090;
    font-size: 12px
}

.user-html ol, .user-html ul {
    margin-bottom: 20px;
    padding-left: 25px
}

.user-html ol:last-child, .user-html ul:last-child {
    margin-bottom: 0
}

.user-html ol {
    list-style-type: decimal
}

.user-html ul {
    list-style: disc;
    margin: 20px 40px;
}

.user-html table {
    margin-bottom: 20px;
    max-width: 100%;
    overflow: auto
}

.user-html img {
    max-width: 100%
}

.user-html blockquote {
    border-left: 1px solid #454545;
    color: #777;
    font-style: italic;
    margin-bottom: 20px;
    padding-left: 20px
}
blockquote.binfovip {
    background: #fe8c00;
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
    background: linear-gradient(to right, #f83600, #fe8c00);
    margin: 40px 0;
    color: #fff;
    border-bottom: 3px solid #fb6200 !important;
}
.user-html pre {
    margin-bottom: 20px
}

.user-html h2, .user-html h3, .user-html h4, .user-html h5, .user-html h6 {
    margin: 30px 0 20px;
    padding: 0;
    font-weight: bold;
}

.user-html h2:first-child, .user-html h3:first-child, .user-html h4:first-child, .user-html h5:first-child, .user-html h6:first-child {
    margin-top: 0
}

.user-html h1 {
    display: none
}

.user-html h2 {
    border-bottom: 1px solid #d4d4d4;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px
}

.user-html h3 {
    border-bottom: 1px solid #d4d4d4;
    font-size: 18px;
    line-height: 27px;
    color: #545454;
    padding-bottom: 10px
}

.user-html h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase
}

.user-html a {
    color: #0084B4
}

.user-html a:hover {
    color: #00719b
}

.user-html ol, .user-html ul {
    padding-left: 35px
}

.user-network__list {
    *zoom: 1;
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto
}

.user-network__list:after {
    content: "";
    display: table;
    clear: both
}

.user-network__list > li {
    float: right;
    width: 80px;
    margin: 0 0 10px 10px;
    line-height: 80px;
    font-weight: bold;
    text-align: center
}

.user-network__list > li:last-child {
    margin-left: 0
}

.user-post-footer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-top: 20px;
    text-transform: uppercase
}

.user-post-footer > a {
    margin: 0 3px;
    color: #0084B4
}

.user-post-footer > a:hover {
    color: #00719b
}

.user-post-header {
    margin-bottom: 10px;
    position: relative
}

.user-post-header > small {
    color: #ababab;
    text-transform: uppercase
}

.user-post-header > a {
    font-size: 20px;
    color: #454545;
    margin-right: 3px;
    text-decoration: none
}

.user-post-header__label {
    display: inline-block;
    position: relative;
    top: 3px
}

.user-post {
    *zoom: 1;
    display: block;
    margin-bottom: 8px;
    position: relative
}

.user-post:after {
    content: "";
    display: table;
    clear: both
}

.user-post:last-of-type {
    margin-bottom: 16px
}

.user-post__poster {
    float: left;
    margin-right: 16px;
    width: 80px
}

.user-post__post, .user-post__post--item-note {
    background-color: #fafafa;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    padding: 15px;
    float: left;
    width: 666px;
    word-wrap: break-word
}

.user-post__post--item-note {
    width: 486px
}

.upload-category-selector {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 16px
}

.upload-category-selector__form {
    display: inline-block;
    width: 35%;
    padding: 0 24px 0 16px
}

.upload-category-selector__messages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 64%;
    padding: 0 24px 0 16px;
    border-right: 1px solid #e1e8ed
}
form.upload-form{
    direction: rtl;
}
.upload-category-selector__select, .upload-category-selector__btn {
    margin-top: 8px;
    width: 100%
}

.upload-category-selector__label {
    display: inline-block;
    line-height: normal
}

.upload-category-selector--horizontal {
    padding: 0px 8px
}

.upload-category-selector--horizontal .upload-category-selector__form {
    width: 100%;
    padding: 0 0
}

.upload-category-selector--horizontal .upload-category-selector__select {
    width: 65%
}

.upload-category-selector--horizontal .upload-category-selector__btn {
    width: 29%;
    display: inline-block
}

.no-flexbox .upload-category-selector__messages {
    display: inline-block
}

.upload-form .inputs label.invalid {
    position: relative;
    bottom: 0
}

.upload-form__header-note {
    background: url(../img/warning-small.png) 0 5px no-repeat;
    float: right;
    font-size: 12px;
    line-height: normal;
    padding: 5px 5px 5px 20px
}

.vacation-form__row {
    clear: left
}

.vacation-form__column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.3333%;
    padding-right: 10px;
    padding-bottom: 5px
}

.vacation-form__column.-last {
    padding-right: 0
}

.video-preview-wrapper, .video-preview-wrapper--optional {
    text-align: left
}

@media (min-width: 1024px) {
    .video-preview-wrapper, .video-preview-wrapper--optional {
        min-height: 300px
    }
}

.video-preview-wrapper--optional {
    padding-top: 12px
}

.white-page {
    background-color: white
}

.x-btn {
    background-color: #454545;
    border-radius: 20px;
    display: inline-block;
    height: 20px;
    text-align: center;
    width: 20px
}

.x-btn:after {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    color: white;
    content: "";
    font-size: 10px
}

.x-btn:hover {
    background-color: #262626;
    text-decoration: none
}

.item-bookmarking {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0 0 20px 0;
    overflow: auto
}

.item-bookmarking__control--favorite, .item-bookmarking__control--collection {
    width: 47.5%;
    max-width: 200px
}

.item-bookmarking__control--favorite:first-of-type, .item-bookmarking__control--collection:first-of-type {
    margin-right: 5%
}

.item-bookmarking__control--favorite > span, .item-bookmarking__control--collection > span {
    display: block;
    overflow: auto
}

.item-bookmarking__control--favorite a, .item-bookmarking__control--collection a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: #e0e0e0;
    color: #666666;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    padding: 5px 36px 5px 10px;
    direction: rtl;
    text-align: right;
    border-radius: 4px;
    line-height: 30px;
    overflow: hidden
}

.item-bookmarking__control--favorite a:before, .item-bookmarking__control--collection a:before {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    display: block;
    width: 40px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
    line-height: 40px
}

.item-bookmarking__control--favorite a:hover, .item-bookmarking__control--collection a:hover {
    background: #d4d4d4;
    text-decoration: none
}

.item-bookmarking__control--favorite a.is-waiting, .item-bookmarking__control--collection a.is-waiting {
    cursor: wait;
    opacity: 0.5
}

.item-bookmarking__control--favorite a.is-active, .item-bookmarking__control--collection a.is-active {
    background: #454545;
    color: white
}

.item-bookmarking__control--favorite a.is-active:before, .item-bookmarking__control--collection a.is-active:before {
    color: #0084B4
}

.item-bookmarking__control--favorite a.is-error, .item-bookmarking__control--collection a.is-error {
    opacity: 0.5;
    cursor: not-allowed
}

.item-bookmarking__control--favorite a:before {
    content: ""
}

.item-bookmarking__control--collection a:before {
    content: ""
}

.item-support-extension {
    padding: 16px 20px
}

.item-support-extension.-background-purchasable {
    background: #F2FCF0
}

.item-support-extension.-padding-top-none {
    padding-top: 0
}

.item-support-extension.-padding-bottom-none {
    padding-bottom: 0
}

.item-support-extension__row {
    display: -webkit-flex;
    position:relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item-support-extension__label {
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.item-support-extension__support-status {
    -webkit-flex: 0 0 170px;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    text-align: right
}

.item-support-extension__price, .item-support-renewal__price {
    -webkit-flex: 0 0 52px;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    text-align: right;
    margin-left: 8px;
    color: #999999
}

.item-support-extension__tab-label {
    line-height: inherit;
    color: #0084B4;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit
}

.item-support-extension__tab-label:hover {
    color: #00719b;
    text-decoration: underline
}

.no-flexbox .item-support-extension__row {
    display: table;
    width: 100%
}

.no-flexbox .item-support-extension__label, .no-flexbox .item-support-extension__support-status, .no-flexbox .item-support-extension__price, .no-flexbox .item-support-renewal__price {
    display: table-cell
}

.license-selector {
    width: 320px;
    border-bottom: 1px solid #e1e8ed
}

@media (max-width: 568px) {
    .license-selector {
        width: 100%
    }
}

.license-selector__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 15px;
    cursor: pointer
}

.license-selector__item:not(:first-child) {
    border-top: 1px dashed #e1e8ed
}

.license-selector__item:hover {
    background: #fafafa
}

.license-selector__license-type {
    -webkit-flex: 2 0;
    -ms-flex: 2 0;
    flex: 2 0
}

.license-selector__price {
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    text-align: right
}

.license-selector__description {
    max-width: 320px;
    margin-top: 4px
}

@media (max-width: 568px) {
    .license-selector__description {
        max-width: none
    }
}

.no-flexbox .license-selector__item {
    display: block
}

.no-flexbox .license-selector__license-type {
    float: left
}

.no-flexbox .license-selector__price {
    float: right
}

.no-flexbox .license-selector__description {
    clear: both
}

.meta-attributes {
    color: #999999
}

.meta-attributes tr td {
    font-size: 14px;
    padding-bottom: 15px;
    vertical-align: top
}

.meta-attributes tr:last-child td {
    padding-bottom: 0px
}

.meta-attributes a {
    color: #0084B4
}

.meta-attributes a:hover {
    color: #00719b
}

.meta-attributes__attr-name {
    color: #454545;
    font-weight: bold;
    padding-left: 10px;
    width: 140px
}

.meta-attributes__attr-tags {
    display: table-cell;
    position: relative;
    padding-right: 9px;
    max-width: 185px;
    overflow: hidden
}

.meta-attributes__attr-tags:before {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 0)), color-stop(90%, rgba(250, 250, 250, 0.8)), to(#fafafa));
    background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0.8) 90%, #fafafa 100%);
    background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0.8) 90%, #fafafa 100%);
    top: 1px;
    right: 0px;
    width: 10%;
    height: 100%;
    z-index: 10
}

.ie9 .meta-attributes__attr-tags {
    white-space: normal
}

.price-table {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    background-color: white;
    margin: 8px 0
}

@media (min-width: 569px) {
    .price-table {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.price-table__tier {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    border: 1px solid #e1e8ed;
    padding: 4% 2%
}

@media (min-width: 569px) {
    .price-table__tier {
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0;
        text-align: center;
        border-right: none
    }

    .price-table__tier:first-child {
        border-radius: 4px 0 0 4px;
        text-align: left
    }

    .price-table__tier:last-child {
        border-right: 1px solid #e1e8ed;
        border-radius: 0 4px 4px 0
    }
}

.no-flexbox .price-table {
    *zoom: 1;
    display: table;
    width: 100%
}

.no-flexbox .price-table:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .price-table__tier {
    display: table-cell;
    width: auto
}

.purchase-form__selection {
    display: table;
    width: 100%;
    line-height: 1;
    margin-bottom: 8px
}

.purchase-form__license-type {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold
}

.purchase-form__license-type > select {
    font-weight: normal
}

@media (max-width: 568px) {
    .purchase-form__license-dropdown {
        display: block;
        padding: 10px 0
    }
}

.purchase-form__license-dropdown:after {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    content: "";
    font-size: 9px;
    color: #bababa;
    position: relative;
    top: -1px;
    margin-right: 7px;
    margin-left: 5px
}

.purchase-form__license-dropdown:hover:after {
    color: #545454
}

.purchase-form__price {
    display: table-cell;
    vertical-align: middle;
    color: #454545;
    text-align: right
}

.purchase-form__license {
    display: none
}

.purchase-form__license.is-active {
    display: block
}

.purchase-form__support {
    border-top: 1px solid #e1e8ed;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-right: 4px
}

@media (max-width: 568px) {
    .purchase-form__support {
        padding-left: 0
    }
}

.purchase-form__info {
    clear: both;
    margin-bottom: 8px
}

.purchase-form__button {
    margin-bottom: 12px
}

.purchase-form__button:last-of-type {
    margin-bottom: 4px
}

.purchase-form__cart-entry-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.purchase-form__cart-entry-list > li {
    float: left;
    width: 100%;
    margin-bottom: 4px;
    line-height: 2
}

.purchase-form__cart-entry-list > li > span {
    float: left
}

.purchase-form__cart-entry-remove {
    float: right
}

.purchase-form__upgrade {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.purchase-form__upgrade-checkbox {
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 13px
}

.purchase-form__upgrade-info {
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.purchase-form__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}

.purchase-form__author-name {
    font-weight: 500
}

.no-flexbox .purchase-form__upgrade {
    display: table;
    width: 100%
}

.no-flexbox .purchase-form__upgrade-form {
    width: 1px;
    white-space: nowrap;
    display: table-cell;
    padding-right: 0.5em
}

.no-flexbox .purchase-form__upgrade-info {
    display: table-cell
}

.purchase-panel {
    background: white;
    padding: 15px 25px;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    margin-bottom: 16px;
    direction: rtl;
}

@media (max-width: 568px) {
    .purchase-panel {
        padding: 15px 10px
    }
}

.sidebar-stats {
    overflow: hidden;
    direction: rtl;
}

.sidebar-stats__number {
    font-size: 24px;
    line-height: 30px
}

.sidebar-stats__icon {
    font-size: 19px
}

.sidebar-stats__label {
    margin-left: 3px;
    position: relative;
    top: -3px
}

.sidebar-stats__follow-button {
    float: right
}

.user-info__profile {
    min-height: 80px;
    overflow: visible
}

.user-info__username, .user-info__username--compact {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 0 6px
}

.user-info__username a, .user-info__username--compact a {
    color: #454545
}

.user-info__username a:hover, .user-info__username--compact a:hover {
    color: #0084B4;
    text-decoration: none
}

.user-info__username--compact {
    font-size: 15px;
    padding: 5px 0 7px
}

.user-info__signin-flag {
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px
}

.l-open-refund-request {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.l-open-refund-request:not(:last-child) {
    border-bottom: 1px solid #f2f2f2
}

.l-open-refund-request__name {
    -webkit-flex: 8 0;
    -ms-flex: 8 0;
    flex: 8 0
}

.l-open-refund-request__date {
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}

.l-open-refund-request__customer-name {
    -webkit-flex: 2 0;
    -ms-flex: 2 0;
    flex: 2 0
}

.no-flexbox .l-open-refund-request {
    *zoom: 1;
    display: block
}

.no-flexbox .l-open-refund-request:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .l-open-refund-request__name, .no-flexbox .l-open-refund-request__date, .no-flexbox .l-open-refund-request__customer-name {
    float: left
}

.no-flexbox .l-open-refund-request__name {
    width: 60%
}

.no-flexbox .l-open-refund-request__date, .no-flexbox .l-open-refund-request__customer-name {
    width: 20%
}

.us-state-taxes__rate {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.us-state-taxes__submit-button {
    width: 117px
}

.us-state-taxes__action-links {
    text-align: center;
    width: 117px
}

.no-flexbox .us-state-taxes__rate input, .no-flexbox .us-state-taxes__rate p {
    float: left
}

.collection-form {
    margin-bottom: 4px
}

.collection-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block
}

.collection-form__reveal.is-collapsed {
    display: none
}

.collection-form__input {
    margin: 12px 0 0
}

.collection-form__input:first-of-type {
    margin-top: 0
}

.collection-form__input input[type='text'], .collection-form__input textarea {
    width: 100%
}

.collection-form__input input[type='text'].placeholder, .collection-form__input textarea.placeholder {
    color: #bababa
}

.collection-form__input input[type='text']:-moz-placeholder, .collection-form__input textarea:-moz-placeholder {
    color: #bababa
}

.collection-form__input input[type='text']::-moz-placeholder, .collection-form__input textarea::-moz-placeholder {
    color: #bababa
}

.collection-form__input input[type='text']:-ms-input-placeholder, .collection-form__input textarea:-ms-input-placeholder {
    color: #bababa
}

.collection-form__input input[type='text']::-webkit-input-placeholder, .collection-form__input textarea::-webkit-input-placeholder {
    color: #bababa
}

.collection-form__input input[type='text']:focus.placeholder, .collection-form__input textarea:focus.placeholder {
    color: transparent
}

.collection-form__input input[type='text']:focus:-moz-placeholder, .collection-form__input textarea:focus:-moz-placeholder {
    color: transparent
}

.collection-form__input input[type='text']:focus::-moz-placeholder, .collection-form__input textarea:focus::-moz-placeholder {
    color: transparent
}

.collection-form__input input[type='text']:focus:-ms-input-placeholder, .collection-form__input textarea:focus:-ms-input-placeholder {
    color: transparent
}

.collection-form__input input[type='text']:focus::-webkit-input-placeholder, .collection-form__input textarea:focus::-webkit-input-placeholder {
    color: transparent
}

.collection-form__input-translation {
    float: left;
    display: inline;
    clear: none;
    width: 50%;
    margin: 0
}

.collection-form__input-translation input[type='text'], .collection-form__input-translation select {
    width: 90%
}

.collection-form__error {
    display: block;
    color: white;
    font-size: 13px;
    line-height: 18px;
    background: #c24242;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px
}

.collection-form__radios {
    margin-top: 15px
}

.collection-form__radios input {
    margin-right: 5px
}

.collection-form__radios label {
    margin: 0 15px 0 0;
    color: #666666;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal
}

.collection-form__radios a {
    text-decoration: none;
    font-size: 11px;
    margin-left: 0;
    color: #787878
}

.collection-form__radios a:hover, .collection-form__radios a:focus {
    text-decoration: underline
}

.collection-form__file {
    margin-top: 5px;
    overflow: auto
}

.collection-form__file-upload {
    float: left
}

.collection-form__file-upload > input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.collection-form__file-upload > label {
    margin-right: 10px;
    white-space: nowrap
}

.collection-form__file-name {
    float: left;
    max-width: 50%;
    line-height: 30px
}

.collection-form__file-hint {
    display: block;
    color: #787878;
    margin-top: 8px
}

.collection-form__actions {
    margin-top: 8px
}

.collection-form__actions > a {
    color: #bababa;
    margin-left: 12px;
    text-decoration: none
}

.collection-form__actions > a:hover, .collection-form__actions > a:focus {
    text-decoration: underline
}

.collection-form__share-link {
    margin-bottom: 20px
}

.collection-form__share-link > input {
    width: 100%;
    padding-right: 8px
}

.collection-form__character-counter {
    position: absolute;
    right: 0;
    top: 5px
}

.collection-form__character-counter.is-error {
    color: #df2c2c
}

.callout-message, .callout-message--padded {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    padding: 24px;
    margin-bottom: 24px;
    background-color: whitesmoke;
    font-size: 14px;
    line-height: 20px;
    color: gray;
    border-radius: 4px;
    direction: rtl;
}

.callout-message > h3, .callout-message--padded > h3 {
    font-size: 22px;
    padding: 0 0 8px
}

.callout-message > h3:last-child, .callout-message--padded > h3:last-child {
    padding-bottom: 0
}

.callout-message--padded {
    padding-top: 32px;
    padding-bottom: 32px
}

.callout-message__actions, .callout-message__actions--condensed {
    *zoom: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0
}

.callout-message__actions:after, .callout-message__actions--condensed:after {
    content: "";
    display: table;
    clear: both
}

.callout-message__actions:last-child, .callout-message__actions--condensed:last-child {
    margin-bottom: 0
}

.callout-message__actions--condensed {
    margin-top: 0
}

.callout-message__action-box, .callout-message__action-box--small {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ededed;
    padding: 5% 6%;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #e1e8ed
}

@media (max-width: 568px) {
    .callout-message__action-box:first-of-type, .callout-message__action-box--small:first-of-type {
        margin-bottom: 20px
    }
}

.callout-message__action-box > h4, .callout-message__action-box--small > h4 {
    padding: 0 0 10px;
    text-align: center;
    margin-bottom: 8px
}

.callout-message__action-box > h3, .callout-message__action-box--small > h3 {
    padding: 0 0 20px;
    text-align: center
}

.callout-message__action-box > p, .callout-message__action-box--small > p {
    font-size: 12px;
    line-height: 16px;
    color: gray
}

.callout-message__action-box > ol, .callout-message__action-box--small > ol {
    list-style-type: decimal;
    padding-left: 25px
}

.callout-message__action-box li, .callout-message__action-box--small li {
    margin-bottom: 10px;
    text-align: right;
}

.callout-message__action-box li:last-child, .callout-message__action-box--small li:last-child {
    margin-bottom: 0
}

.callout-message__action-box form, .callout-message__action-box--small form {
    text-align: center
}

.callout-message__action-box--small {
    margin: 0 8px;
    min-width: 48%
}

.callout-message__action-box--small:first-child {
    margin-left: 0
}

.callout-message__action-box--small:last-child {
    margin-right: 8px;
}

.callout-message__call-to-action {
    margin: 12px 0 8px
}

.no-flexbox .callout-message__action-box--small {
    margin: 8px 0
}

.item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1em
}

.item-header__title {
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}

.item-header__price {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    text-align: right;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .item-header__price {
        display: none
    }
}

.item-header__cart-button-icon {
    position: relative;
    top: -2px
}

.item-header__tagline {
    color: #666666;
    font-size: 14px
}

.no-flexbox .item-header {
    display: table;
    width: 100%;
    line-height: 1
}

.no-flexbox .item-header__title {
    display: table-cell;
    width: 80%
}

.no-flexbox .item-header__price {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    padding-top: 7px
}

@media (min-width: 1024px) {
    .no-flexbox .item-header__price {
        display: none
    }
}

.page-tabs ul {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    list-style: none
}

.page-tabs li {
    float: right;
    font-size: 12px;
    display: inline;
    line-height: 36px;
    margin-bottom: 1px;
    height: 36px
}

.page-tabs a {
    border-radius: 2px 2px 0 0;
    color: #666666;
    float: left;
    margin-right: 1px;
    padding: 0px 8px
}

.page-tabs a:hover, .page-tabs a:focus {
    background: #e0e0e0;
    color: #454545;
    border-bottom: 1px solid #e0e0e0
}

.page-tabs .selected a {
    color: #454545;
    font-weight: bold;
    background: white;
    border-top-color: #e1e8ed;
    border-left-color: #e1e8ed;
    border-right-color: #e1e8ed;
    border-bottom-color: white;
    border-style: solid;
    border-width: 1px;
    padding: 0px 11px
}

.page-tabs .right {
    float: right
}

.page-tabs .last a {
    margin-right: 0
}

.user-info-header__tabs--elite-author .page-tabs a {
    color: white
}

.user-info-header__tabs--elite-author .page-tabs a:hover, .user-info-header__tabs--elite-author .page-tabs a:focus {
    background: rgba(224, 224, 224, 0.2);
    border-bottom: none;
    padding-bottom: 1px
}

.user-info-header__tabs--elite-author .page-tabs .selected a {
    color: #454545
}

.user-info-header__tabs--elite-author .page-tabs .selected a:hover, .user-info-header__tabs--elite-author .page-tabs .selected a:focus {
    background: white
}

.page-tabs--dropdown__slt-custom-wlabel {
    margin-bottom: -1px
}

@media (min-width: 1024px) {
    .page-tabs--dropdown__slt-custom-wlabel {
        display: none
    }
}

.item-thumbnail {
    position: relative;
    display: inline-block
}

.item-thumbnail a {
    font-size: 10px;
    display: block
}

.item-thumbnail img {
    display: block;
    max-width: 80px
}

.item-thumbnail__image {
    position: relative;
    overflow: hidden
}

.item-thumbnail__preview {
    background: #82b541;
    text-align: center;
    position: absolute;
    bottom: -25px;
    right: 0;
    left: 0;
    -webkit-transition: bottom 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: bottom 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    display: none
}

@media (min-width: 1024px) {
    .item-thumbnail__preview {
        display: block
    }
}

.item-thumbnail__preview a {
    color: white;
    font-size: 10px !important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 0;
    white-space: nowrap
}

.item-thumbnail__image:hover .item-thumbnail__preview {
    bottom: 0
}

.item-thumbnail__image:hover .item-thumbnail__preview:hover {
    background-color: #729d38
}

.item-thumbnail-actions {
    position: relative;
    display: table;
    width: 80px;
    margin: 8px auto 0 auto;
    color: #bababa;
    background: white;
    border-radius: 4px
}

@media (min-width: 1024px) {
    .item-thumbnail-actions:not(.-video-search) {
        border: 1px solid #e0e0e0
    }
}

.item-thumbnail-actions .js-favorite-widget, .item-thumbnail-actions .js-collection-widget {
    -webkit-transition: opacity, 2s;
    transition: opacity, 2s;
    opacity: 0
}

.item-thumbnail-actions .js-favorite-widget.is-initialized, .item-thumbnail-actions .js-collection-widget.is-initialized {
    opacity: 1
}

.item-thumbnail-actions.-color-inverted {
    color: white;
    background-color: transparent
}

.item-thumbnail-actions.-video-search {
    width: 90px
}

.item-thumbnail-actions.-width-full {
    margin: 0
}

@media (max-width: 1023px) {
    .item-thumbnail-actions.-width-full {
        float: left;
        margin: 0 0 5px;
        width: 100%;
        border-width: 1px 0 0;
        border-radius: 0
    }
}

.item-thumbnail-actions__list {
    display: table-row;
    list-style: none;
    margin: 0 auto;
    overflow: auto
}

.item-thumbnail-actions__control {
    display: table-cell;
    text-align: center;
    width: 1px
}

.item-thumbnail-actions__control a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #d4d4d4;
    height: 25px;
    position: relative;
    overflow: hidden;
    text-decoration: none
}

.item-thumbnail-actions__control a > span {
    display: none
}

.item-thumbnail-actions__control a:after {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    line-height: 25px
}

.-video-search .item-thumbnail-actions__control a {
    color: white
}

.item-thumbnail-actions__control a:hover {
    color: #999999;
    text-decoration: none
}

.item-thumbnail-actions__control a.is-loading, .item-thumbnail-actions__control a.is-waiting {
    cursor: progress
}

.item-thumbnail-actions__control a.is-active {
    color: #95b833
}

.item-thumbnail-actions__control a.is-error {
    opacity: 0.5;
    cursor: not-allowed
}

@media (max-width: 1023px) {
    .item-thumbnail-actions__control.-responsive-size-l a {
        height: 45px
    }

    .item-thumbnail-actions__control.-responsive-size-l a:after {
        font-size: 25px;
        top: 10px
    }
}

.item-thumbnail-actions__control.-icon-preview a:after {
    content: ""
}

.item-thumbnail-actions__control.-icon-favorite a:after {
    content: ""
}

.item-thumbnail-actions__control.-icon-collection a:after {
    content: ""
}

.item-thumbnail-actions__control.-icon-cart a:after {
    content: ""
}

.item-variant-selector {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.item-variant-selector__option {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

.item-variant-selector__option:last-of-type:not(:only-of-type) {
    margin-top: 16px
}

@media (min-width: 569px) {
    .item-variant-selector__option {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .item-variant-selector__option:last-of-type:not(:only-of-type) {
        margin-top: 0
    }
}

.no-flexbox .item-variant-selector {
    display: block
}

.no-flexbox .item-variant-selector__option {
    display: block
}

.no-flexbox .item-variant-selector__option:last-of-type:not(:only-of-type) {
    margin-top: 16px
}

.password-strength {
    display: block;
    position: relative
}

.password-strength > input {
    padding-right: 65px !important
}

.password-strength__indicator {
    position: absolute;
    right: 5px;
    top: 13px;
    display: block;
    width: 60px
}

.password-strength__indicator > span {
    float: left;
    width: 12px;
    height: 4px;
    margin-right: 2px;
    line-height: 0;
    font-size: 0
}

.password-strength__indicator > span:last-child {
    margin-right: 0
}

.password-strength span {
    background-color: #d4d4d4
}

.password-strength[data-strength="1"] span:nth-child(1) {
    background-color: currentColor
}

.password-strength[data-strength="2"] span:nth-child(-n+2) {
    background-color: currentColor
}

.password-strength[data-strength="3"] span:nth-child(-n+3) {
    background-color: currentColor
}

.password-strength[data-strength="4"] span {
    background-color: currentColor
}

.password-strength[data-valid="false"] > input {
    border: #df2c2c 1px solid
}

.password-strength[data-valid="false"] span {
    color: #df2c2c
}

.password-strength[data-valid="true"] span {
    color: #82b541
}

.recaptcha {
    background-image: url(../img/loader-small-white.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: whitesmoke;
    margin: 10px 0 0;
    line-height: 0;
    min-height: 78px;
    width: 304px
}

.recaptcha > span {
    display: inline-block;
    background-color: white
}

.sso-form__fallback {
    display: none
}

.sso-form__errors > div:empty {
    margin: 0
}

.sso-form__pagination {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px
}

.sso-form__pagination-link {
    width: 49%;
    display: inline-block;
    font-size: 14px;
    color: #545454;
    text-decoration: none;
    pointer-events: none
}

.sso-form__pagination-link:hover, .sso-form__pagination-link:active, .sso-form__pagination-link:focus {
    text-decoration: none
}

.sso-form__pagination-link.-link-disabled {
    border-bottom: 1px solid #e6e6e6
}

.sso-form__pagination-link.-link-current {
    border-bottom: 1px solid #0084B4
}

.sso-form__pagination-link.-link-previous {
    color: #82b541;
    border-bottom: 1px solid currentColor;
    pointer-events: auto
}

.sso-form__pagination-link.-link-previous:hover {
    color: #178e0e;
    border-bottom-color: currentColor
}

.no-js .sso-form, .no-js .sso-form--sign-in, .no-js .sso-form--sign-up, .no-js .sso-form--checkout-sign-up, .no-cors .sso-form, .no-cors .sso-form--sign-in, .no-cors .sso-form--sign-up, .no-cors .sso-form--checkout-sign-up {
    display: none
}

.no-js .sso-form__fallback, .no-cors .sso-form__fallback {
    display: block;
    margin: 16px 0;
    text-align: center
}

.sso-form--sign-in .sso-form__recaptcha, .sso-form--sign-in .sso-form__two-factor, .sso-form--sign-in .sso-form__errors {
    display: none
}

.sso-form--sign-in[data-sso-errors="true"] .sso-form__errors {
    display: block
}

.sso-form--sign-in[data-sso-state="captcha"] .sso-form__recaptcha {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sso-form--sign-in[data-sso-state="captcha"] .sso-form__recaptcha .no-flexbox {
    display: block
}

.sso-form--sign-in[data-sso-state="two_factor"] .sso-form__two-factor {
    display: block
}

.sso-form--sign-up .sso-form__recaptcha {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sso-form--sign-up .sso-form__recaptcha .no-flexbox {
    display: block
}

.sso-form--sign-up[data-sign-up-step="1.1"] fieldset:not(.sso-form__step1) {
    display: none
}

.sso-form--sign-up[data-sign-up-step="1.1"] footer:not(.sso-form__step1-1) {
    display: none
}

.sso-form--sign-up[data-sign-up-step="1.2"] fieldset:not(.sso-form__step1) {
    display: none
}

.sso-form--sign-up[data-sign-up-step="1.2"] footer:not(.sso-form__step1-2) {
    display: none
}

.sso-form--sign-up[data-sign-up-step="2"] fieldset:not(.sso-form__step2) {
    display: none
}

.sso-form--sign-up[data-sign-up-step="3"] fieldset:not(.sso-form__step3) {
    display: none
}

.sso-form--checkout-sign-up[data-sign-up-step="1.1"] fieldset:not(.sso-form__step1) {
    display: none
}

.sso-form--checkout-sign-up[data-sign-up-step="1.1"] footer:not(.sso-form__step1-1) {
    display: none
}

.sso-form--checkout-sign-up[data-sign-up-step="1.2"] fieldset:not(.sso-form__step1) {
    display: none
}

.sso-form--checkout-sign-up[data-sign-up-step="1.2"] footer:not(.sso-form__step1-2) {
    display: none
}

.sso-form--checkout-sign-up[data-sign-up-step="2"] footer:not(.sso-form__step2) {
    display: none
}

.sso-modal {
    padding: 30px 30px 50px
}

@media (min-width: 569px) {
    .sso-modal {
        padding-left: 0;
        padding-right: 0
    }
}

.search-offline {
    text-align: center;
    margin-top: 20px
}

.accordion .accordion-icon:before {
    height: 28px;
    vertical-align: middle
}

.accordion.open .accordion-icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.audio-player-mini__container > .audio-player-mini--is-paused, .audio-player-mini__container > .audio-player-mini--is-playing {
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 2;
    display: block;
    width: 75px;
    height: 21px;
    padding: 0 5px
}

.audio-player-mini__container {
    position: relative
}

.audio-player-mini__container img {
    display: block
}

.audio-player-mini__container > .audio-player-mini--is-paused {
    background-image: url(../img/all-icon.png);
    background-position: -94px -41px
}

.audio-player-mini__container > .audio-player-mini--is-playing {
    background-image: url(../img/all-icon.png);
    background-position: -94px 0px
}

.author-search-result img {
    -webkit-box-shadow: 0 0 1px white;
    box-shadow: 0 0 1px white;
    vertical-align: middle;
    margin: 0 7px 0 10px
}

.author-search-result a {
    text-decoration: none
}

.author-search-result a:hover, .author-search-result a:focus {
    text-decoration: underline
}

.box {
    *zoom: 1;
    background-color: #fafafa;
    color: #666666;
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e1e8ed
}

.box:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 569px) {
    .box {
        padding: 15px
    }
}

.box--highlight-yellow, .box--highlight-green {
    *zoom: 1;
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e1e8ed
}

.box--highlight-yellow:after, .box--highlight-green:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 569px) {
    .box--highlight-yellow, .box--highlight-green {
        padding: 15px
    }
}

.box--highlight-yellow {
    background-color: #f5f5b4;
    color: #454545
}

.box--highlight-green {
    background-color: #F2FCF0;
    color: #454545
}

.box--no-padding {
    *zoom: 1;
    background-color: #fafafa;
    color: #666666;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #e1e8ed
}

.box--no-padding:after {
    content: "";
    display: table;
    clear: both
}

.box__heading, .box__heading--collapsible {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0
}

.box__heading--collapsible {
    cursor: pointer
}

.box__heading--collapsible:after {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    content: "";
    float: right
}

.box__heading--collapsible.is-open:after {
    content: ""
}

.box__dismisser {
    font-weight: bold;
    float: right
}

.box--hard {
    background-color: #fafafa;
    color: #666666;
    padding: 5px
}

@media (min-width: 569px) {
    .box--hard {
        padding: 15px
    }
}

.box--hard-bottom {
    background-color: #fafafa;
    color: #666666;
    padding: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

@media (min-width: 569px) {
    .box--hard-bottom {
        padding: 15px
    }
}

.box--hard-top {
    background-color: #fafafa;
    color: #666666;
    margin-bottom: 20px;
    padding: 5px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #e1e8ed
}

@media (min-width: 569px) {
    .box--hard-top {
        padding: 15px
    }
}

.box--topbar, .box--topbar--webdooni-studio {
    background-color: #454545;
    color: white;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 12px;
    direction: rtl;
}
.box--hard-top.new-typography{
    direction: rtl;
}

.box--topbar > h2, .box--topbar--webdooni-studio > h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0
}

.box--topbar--webdooni-studio {
    background: #0084B4
}

.box--bottom-section {
    background-color: #fafafa;
    color: #666666;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #e1e8ed;
    margin-bottom: 20px;
    padding: 5px;
    margin-top: 1px
}

@media (min-width: 569px) {
    .box--bottom-section {
        padding: 15px
    }
}

.box--topbar__beta {
    margin-left: 5px
}

.box--grouped {
    background-color: #fafafa;
    color: #666666;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e1e8ed;
    margin-bottom: 10px
}

@media (min-width: 569px) {
    .box--grouped {
        padding: 15px
    }
}

.callout-hint {
    margin-top: -4px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: -23px;
    -webkit-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    width: 175px
}

.callout-hint:before, .callout-hint:after {
    background: #ededed;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0
}

.callout-hint:before {
    bottom: 50%;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    top: 0
}

.callout-hint:after {
    bottom: 0;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    top: 50%
}

.callout-hint.is-visible {
    opacity: 1;
    right: -15px
}

.callout-hint.-callout-express-services {
    width: 165px;
    right: auto;
    left: 235px;
    z-index: 1;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.callout-hint.-callout-express-services:before, .callout-hint.-callout-express-services:after {
    background: #2c8adc
}

.callout-hint__text {
    color: #454545;
    display: block;
    font-size: 10.5px;
    line-height: 1.3;
    padding: 0 5px 0 10px;
    position: relative;
    z-index: 2
}

.callout-hint__text.-callout-hint-express-services {
    color: white;
    font-weight: 500
}

.cart-entry-summary__thumbnail {
    display: none
}

@media (min-width: 569px) {
    .cart-entry-summary__thumbnail {
        display: block;
        float: left;
        width: 17%
    }
}

.cart-entry-summary__core-info {
    width: 100%;
    float: left
}

@media (min-width: 569px) {
    .cart-entry-summary__core-info {
        width: 43%;
        padding-right: 5%
    }
}

.cart-entry-summary__variant-info {
    width: 100%;
    float: left;
    margin: 15px 0 0;
    padding: 0;
    list-style: none
}

@media (min-width: 569px) {
    .cart-entry-summary__variant-info {
        width: 35%;
        margin-top: 0
    }

    .cart-entry-summary__variant-info > i {
        color: gray
    }
}

.cart-entry-summary__gst-notice {
    color: #999999;
    font-size: 14px;
    font-weight: lighter
}

code, pre {
    color: #333333;
    font: 12px IRANSans,'IRANSans',iransans,tahoma,Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    white-space: pre-wrap;
    word-wrap: break-word
}

pre {
    background-color: whitesmoke;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f5f5f5), color-stop(50%, #e6e6e6));
    background-image: -webkit-linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f5f5), color-stop(50%, #e6e6e6));
    background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
    background-size: 60px 60px;
    border: 1px solid #d4d4d4;
    display: block;
    line-height: 19px;
    margin-bottom: 10px;
    overflow: visible;
    overflow-y: hidden;
    padding: 0 6px
}

.community-badges__summary {
    margin-bottom: 50px;
    text-align: center
}

.community-badges__carousel-wrapper {
    white-space: nowrap
}

.community-badges__badge-wrapper, .community-badges__badge-wrapper--s, .community-badges__badge-wrapper--xs {
    display: inline-block
}

.community-badges__badge, .community-badges__badge-wrapper {
    height: 125px;
    width: 110px
}

.community-badges__badge {
    margin: 0 15px;
    position: relative
}

.community-badges__badge.is-current {
    height: 227px;
    opacity: 1;
    width: 200px
}

.community-badges__badge.is-current .community-badges__badge-wrapper {
    height: 227px;
    width: 200px
}

.community-badges__badge.is-current + .is-disabled {
    cursor: default
}

.community-badges__badge.is-current + .is-disabled:before {
    display: none;
    opacity: 0.6
}

.community-badges__badge.is-current + .is-disabled img {
    -webkit-filter: none;
    filter: none;
    opacity: 0.8;
    -webkit-transform: none;
    transform: none
}

.community-badges__badge.is-disabled {
    cursor: help
}

.community-badges__badge.is-disabled:before {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    color: black;
    content: "";
    font-size: 40px;
    left: 50%;
    opacity: 0.7;
    position: absolute;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    z-index: 5
}

.community-badges__badge.is-disabled:hover img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.community-badges__badge.is-disabled:hover:before {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%)
}

.community-badges__badge.is-disabled img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.ie9 .community-badges__badge.is-disabled img {
    filter: alpha(opacity=30)
}

.community-badges__list--affiliate .community-badges__badge {
    height: 102px;
    margin-left: 20px;
    margin-right: 20px;
    width: 90px
}

.community-badges__list--affiliate .community-badges__badge .community-badges__badge-wrapper {
    height: 102px;
    width: 90px
}

.community-badges__list--affiliate .community-badges__badge.is-current {
    height: 204px;
    width: 180px
}

.community-badges__list--collector .community-badges__badge {
    margin-left: 18px;
    margin-right: 18px
}

.community-badges__list--collector .community-badges__badge.is-current {
    height: 204px;
    width: 180px
}

.community-badges__badge--s, .community-badges__badge-wrapper--s {
    height: 34px;
    width: 30px
}

.community-badges__badge--xs, .community-badges__badge-wrapper--xs {
    height: 23px;
    width: 20px
}

.community-badges__badge--modal {
    padding: 25px
}

.community-badges__badge--modal, .community-badges__badge-wrapper--modal {
    height: 225px;
    width: 225px
}

.community-badges__progress-overlay {
    background-origin: content-box;
    background-size: 110px 125px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: height 0.6s 1s ease-out;
    transition: height 0.6s 1s ease-out;
    width: 100.1%;
    z-index: 99
}

.community-badges__progress-overlay:after {
    background: rgba(255, 255, 255, 0.77);
    border-bottom: 1px solid white;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.is-disabled .community-badges__progress-overlay ~ img {
    opacity: 1
}

.community-badges__progress-overlay.is-staged {
    visibility: hidden;
    height: 100% !important
}

.community-badges__list--affiliate .community-badges__progress-overlay {
    background-size: 90px 102px
}

.ie9 .community-badges__progress-overlay {
    -webkit-filter: none;
    filter: none
}

.community-badges__category-text {
    bottom: 0;
    margin-left: 15px;
    padding: 0 0 4px 0;
    position: absolute;
    text-align: left
}

.community-badges__category-text[data-category="elite"] {
    border-bottom: 1px solid #BB726F;
    font-weight: bold
}

.community-badges__category-text[data-category="elite"] small {
    color: #BB726F
}

.community-badges__category-text[data-category="power-elite"] {
    border-bottom: 1px solid #729d38;
    font-weight: bold
}

.community-badges__category-text[data-category="power-elite"] small {
    color: #729d38
}

.community-badges__category-text small {
    font-size: 14px
}

.accomplishments__badges {
    overflow: hidden;
    margin: 30px 0 0
}

.accomplishments__badges ul {
    padding: 0 40px;
    text-align: center
}

.accomplishments__badges li {
    display: inline-block;
    text-align: center;
    margin: 5px 10px;
    vertical-align: top;
    width: 200px
}

.accomplishments__badge {
    margin: 0;
    padding: 0;
    position: relative
}

.accomplishments__badge.is-disabled {
    color: #999999;
    cursor: help
}

.accomplishments__badge.is-disabled:before {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    color: black;
    content: "";
    font-size: 40px;
    left: 50%;
    opacity: 0.6;
    pointer-events: none;
    position: absolute;
    top: 35px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    z-index: 1
}

.accomplishments__badge.is-disabled:hover img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.accomplishments__badge.is-disabled:hover:before {
    opacity: 0;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.accomplishments__badge.is-disabled img {
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.ie9 .accomplishments__badge.is-disabled img {
    -webkit-filter: none;
    filter: none
}

.accomplishments__badge img, .accomplishments__badge .community-badges__badge-wrapper {
    height: 125px;
    width: 125px
}

.accomplishments__badge--description {
    margin: 15px 0 30px
}

.accomplishments__badge--description small {
    display: block;
    margin-top: 5px
}

.cross-promos img {
    margin: 0 auto;
    display: block
}

.cross-promos p {
    padding: 10px 0px
}

.cross-promos p a {
    color: #0084B4;
    text-decoration: none
}

.cross-promos p a:hover, .cross-promos p a:focus {
    text-decoration: underline
}

.cross-promos__header {
    text-align: center
}

.custom-icon--rss {
    color: #666666;
    font-size: 18px
}

.deposit__methods {
    display: table;
    width: 100%
}

@media (min-width: 569px) {
    .deposit__methods {
        width: 90%
    }
}

.deposit__gateway:last-of-type > div {
    padding-bottom: 0
}

@media (min-width: 569px) {
    .deposit__gateway {
        display: table-row
    }
}

.deposit__button, .deposit__accepted-institutes {
    margin-bottom: 16px
}

@media (min-width: 569px) {
    .deposit__button, .deposit__accepted-institutes {
        display: table-cell;
        padding-bottom: 24px;
        vertical-align: middle;
        text-align: left
    }
}

@media (min-width: 569px) {
    .deposit__button {
        width: 100%
    }
}

@media (min-width: 569px) {
    .deposit__accepted-institutes {
        min-width: 290px;
        white-space: nowrap;
        margin: 8px 0;
        width: 0;
        padding-left: 5%
    }
}

.download-dropdown {
    position: relative
}

.download-dropdown__menu {
    background-color: white;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: 3px 3px 0 0 rgba(35, 35, 35, 0.1);
    box-shadow: -3px 3px 0 0 rgba(35, 35, 35, 0.1);
    right: 0;
    list-style: none;
    line-height: 2;
    margin: 2px 0;
    min-width: 250px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1;
    text-align: right;
    direction: rtl;
}

.download-dropdown__menu a {
    color: gray;
    display: block;
    font-size: 12px;
    padding: 3px 10px;
    text-decoration: none
}

.download-dropdown__menu a:hover, .download-dropdown__menu a:focus {
    background-color: whitesmoke;
    color: #666666;
    text-decoration: none
}

.no-js .download-dropdown__menu {
    position: relative
}

.webdooni-tuts-promotion {
    width: 100%;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 10px
}

.webdooni-tuts-promotion__header {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.25
}

.webdooni-tuts-promotion__column {
    float: left;
    height: 100%
}

.webdooni-tuts-promotion__column:first-child {
    width: 60%
}

.webdooni-tuts-promotion__column:last-child {
    width: 40%
}

.webdooni-tuts-promotion__column__content {
    text-align: center
}

.webdooni-tuts-promotion__column__content > img {
    display: block;
    margin: 10px 0 20px
}

.webdooni-tuts-promotion__column__content > img, .webdooni-tuts-promotion__column__content > a {
    margin-left: auto;
    margin-right: auto;
    color: #00948B
}

.express-services {
    position: relative;
    clear: both
}

.express-services__label {
    display: block;
    width: 100%;
    background: whitesmoke;
    border-top: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed;
    padding: 5px 16px;
    margin-bottom: 12px;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer
}

.express-services__label.is-selected {
    background: #e2f2f8
}

.express-services__label.-modal-bottom {
    margin-bottom: 0;
    border-top: 0
}

.express-services__label.-width-sidebar {
    width: 350px;
    margin-left: -16px;
    border: 1px solid #e1e8ed
}

.express-services__label.-width-cart {
    width: 248px;
    padding: 5px 10px;
    border: 1px solid #e1e8ed;
    border-radius: 3px
}

.express-services__label-text {
    margin-left: 3px
}

.fancy-label {
    *zoom: 1;
    z-index: 1;
    position: relative;
    margin-bottom: 24px;
    border-radius: 4px
}

.fancy-label:after {
    content: "";
    display: table;
    clear: both
}

.fancy-label:before {
    content: "";
    background: #c7c7c7;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    height: 44px;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 0;
    width: 100%
}

.fancy-label:active {
    bottom: -1px
}

.fancy-label:active:before {
    bottom: -3px
}

.fancy-label _:-o-prefocus, .fancy-label:before {
    display: none
}

.fancy-label > label {
    display: block
}

.fancy-label > input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.fancy-label__title, .fancy-label__title--large {
    -webkit-transition: background-color, 0.2s;
    transition: background-color, 0.2s;
    background-color: #454545;
    border-radius: 4px 4px 0 0;
    line-height: 3em;
    font-size: 15px;
    text-align: center;
    color: white
}

.fancy-label__title--large {
    font-size: 20px
}

.fancy-label__body {
    *zoom: 1;
    -webkit-transition: background-color, 0.2s;
    transition: background-color, 0.2s;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0 0 4px 4px;
    background-color: #ededed;
    text-align: center;
    padding: 24px 0
}

.fancy-label__body:after {
    content: "";
    display: table;
    clear: both
}

.fancy-label__body > h1 {
    padding-top: 0;
    margin-top: -8px
}

.fancy-label__body.is-full-strength {
    background-color: whitesmoke
}

.fancy-label__sub-title {
    min-height: 40px;
    line-height: 40px;
    display: block;
    margin: -8px auto 8px;
    font-size: 16px;
    color: #454545
}

.fancy-label__validation {
    display: block;
    margin: 0 10%;
    color: #c24242
}

.fancy-label__hint {
    display: block;
    padding: 0 8px;
    font-size: 12px;
    color: gray
}

.fancy-label__footer {
    margin-top: 8px
}

.fancy-label:hover .fancy-label__title, .fancy-label:hover .fancy-label__title--large {
    background-color: #262626;
    cursor: pointer
}

.fancy-label:hover .fancy-label__body {
    cursor: pointer
}

.fancy-label.is-active .fancy-label__title, .fancy-label.is-active .fancy-label__title--large {
    background-color: #63c242
}

.fancy-label.is-active .fancy-label__body {
    background-color: #ededed
}

.fancy-label.is-active.is-invalid .fancy-label__body {
    color: #c24242
}

.fancy-label.is-active.is-invalid .fancy-label__title, .fancy-label.is-active.is-invalid .fancy-label__title--large {
    background-color: #c24242 !important
}

.fancy-label.is-active.is-invalid .fancy-label__validation {
    display: block
}

.fancy-label.is-active.is-invalid .fancy-label__hint {
    display: none
}

.fancy-label.is-disabled .fancy-label__title, .fancy-label.is-disabled .fancy-label__title--large {
    background-color: #999999;
    color: #ededed;
    cursor: default
}

.fancy-label.is-disabled .fancy-label__body {
    background-color: #e0e0e0;
    cursor: default
}

.fancy-label.is-disabled .fancy-label__sub-title {
    color: gray
}

.fancy-label.is-soft-disabled .fancy-label__title, .fancy-label.is-soft-disabled .fancy-label__title--large {
    background-color: #999999;
    cursor: default
}

.fancy-label.is-soft-disabled .fancy-label__body {
    cursor: default
}

.fancy-label.is-soft-disabled.is-active .fancy-label__title, .fancy-label.is-soft-disabled.is-active .fancy-label__title--large {
    background-color: #93d57c
}

.financial-institutes {
    *zoom: 1;
    display: inline-block;
    list-style: none;
    line-height: 0
}

.financial-institutes:after {
    content: "";
    display: table;
    clear: both
}

.financial-institutes__logo {
    float: left;
    margin: 0 5px 5px 0
}

@media (min-width: 1024px) {
    .financial-institutes__logo {
        margin-bottom: 0
    }
}

.financial-institutes__logo:last-child {
    margin-right: 0
}

.follow-button__container {
    padding-top: 10px
}

.follow-button.-small {
    width: 80px
}

.follow-button.is-following .follow-button__follow {
    display: none
}

.follow-button.is-following .follow-button__following {
    display: block
}

.follow-button.is-following:hover .follow-button__following, .follow-button.is-following.is-waiting .follow-button__following {
    display: none
}

.follow-button.is-following:hover .follow-button__unfollow, .follow-button.is-following.is-waiting .follow-button__unfollow {
    display: block
}

.follow-button__following, .follow-button__unfollow {
    display: none
}

.user-list .follow-button__follow > button, .user-list .follow-button__following > button, .user-list .follow-button__unfollow > button {
    padding-left: 0;
    padding-right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.item-thumbnail-carousel, .item-thumbnail-carousel--row-10, .item-thumbnail-carousel--irregular-sizes, .item-thumbnail-carousel--free-files, .item-thumbnail-carousel--featured, .item-thumbnail-carousel--item-page {
    *zoom: 1;
    clear: both;
    list-style: none;
    min-height: 100px;
    padding: 0 2px;
    white-space: nowrap;
    font-size: 0;
    margin-bottom: 10px;
    width: 100%
}

.item-thumbnail-carousel:after, .item-thumbnail-carousel--row-10:after, .item-thumbnail-carousel--irregular-sizes:after, .item-thumbnail-carousel--free-files:after, .item-thumbnail-carousel--featured:after, .item-thumbnail-carousel--item-page:after {
    content: "";
    display: table;
    clear: both
}



@media (min-width: 1024px) {
    .item-thumbnail-carousel, .item-thumbnail-carousel--row-10, .item-thumbnail-carousel--irregular-sizes, .item-thumbnail-carousel--free-files, .item-thumbnail-carousel--featured, .item-thumbnail-carousel--item-page {
        white-space: normal;
        margin-bottom: 0;
        padding-bottom: 0;
        width: auto;
        min-height: 0
    }

    .item-thumbnail-carousel li, .item-thumbnail-carousel--row-10 li, .item-thumbnail-carousel--irregular-sizes li, .item-thumbnail-carousel--free-files li, .item-thumbnail-carousel--featured li, .item-thumbnail-carousel--item-page li {
        float: right;
        display: block;
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .item-thumbnail-carousel--row-10 li:nth-child(10n) {
        margin-right: 0
    }
}

.item-thumbnail-carousel--irregular-sizes {
    padding-bottom: 10px
}

.item-thumbnail-carousel--irregular-sizes li:last-child {
    margin-right: 0
}

@media (min-width: 1024px) {
    .item-thumbnail-carousel--irregular-sizes li {
        margin-bottom: 21px;
        margin-right: 21px;
        text-align: center;
        width: 122px
    }

    .item-thumbnail-carousel--irregular-sizes li:nth-child(7n) {
        margin-right: 0
    }
}

.item-thumbnail-carousel--free-files {
    clear: none;
    float: right
}

.item-thumbnail-carousel--free-files li:last-child {
    margin-right: 0
}

.item-thumbnail-carousel--free-files li small {
    display: block;
    font-size: 11px;
    text-align: center
}

.item-thumbnail-carousel--featured {
    margin-bottom: 0;
    padding-bottom: 0
}

.item-thumbnail-carousel--featured li {
    float: right;
    margin: 0 0 10px 20px
}

.item-thumbnail-carousel--featured li:last-child {
    margin-left: 0
}

@media (min-width: 1024px) {
    .item-thumbnail-carousel--featured li {
        margin-bottom: 10px
    }

    .item-thumbnail-carousel--featured li:last-child {
        margin-left: 20px
    }
}

.item-thumbnail-carousel--item-page {
    padding: 0;
    margin: 0
}
li.item-thumbnail-container:first-child{
    margin-right: 0;
}
.item-thumbnail-carousel--item-page li {
    margin-left: 9px
}

.item-thumbnail-carousel--item-page li:last-child {
    margin-left: 0
}

@media (min-width: 1024px) {
    .item-thumbnail-carousel--item-page li {
        margin-bottom: 0
    }
}

.item-thumbnail-container {
    height: 80px;
    width: 80px
}

.item-thumbnail-container.is-empty {
    background: #dedede
}

.item-thumbnail-container img {
    height: 80px;
    width: 80px
}

.item-thumbnail-carousel--irregular-sizes .item-thumbnail-container {
    height: auto;
    width: auto
}

.item-thumbnail-carousel--irregular-sizes .item-thumbnail-container img {
    height: auto;
    width: auto
}

@media (min-width: 1024px) {
    .item-thumbnail-carousel--irregular-sizes .item-thumbnail-container {
        height: 122px;
        width: 122px
    }

    .item-thumbnail-carousel--irregular-sizes .item-thumbnail-container a {
        text-align: center
    }
}

.item-thumbnail-card {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 150px
}

.item-thumbnail-card.is-empty {
    background: #dedede
}

.item-thumbnail-card::before {
    content: "";
    display: block;
    padding-top: 100%
}

.item-thumbnail-card--image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap
}

.item-thumbnail-card--image-wrapper::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.item-thumbnail-card--image {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.no-flexbox .item-thumbnail-carousel, .no-flexbox .item-thumbnail-carousel--row-10, .no-flexbox .item-thumbnail-carousel--irregular-sizes, .no-flexbox .item-thumbnail-carousel--free-files, .no-flexbox .item-thumbnail-carousel--featured, .no-flexbox .item-thumbnail-carousel--item-page {
    display: inline-block
}

.item-upgrade {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fafafa;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    padding: 10px;
    position: relative;
    font-size: 13px;
    margin: 0px 25px 28px;
    direction: rtl;
}

.item-upgrade.-margin-top {
    margin-top: 8px
}

.item-upgrade:hover {
    outline: none;
    border-color: #9ecaed;
    -webkit-box-shadow: 0 0 1px #9ecaed;
    box-shadow: 0 0 1px #9ecaed
}

.item-upgrade:hover:before {
    border-top-color: #9ecaed
}

.item-upgrade:before, .item-upgrade:after {
    content: "";
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fafafa;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 31px;
    top: -7px
}

.item-upgrade:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #e1e8ed;
    right: 30px
}

.item-upgrade__savings {
    color: #999999
}

@media (max-width: 568px) {
    .item-upgrade__savings {
        display: block;
        margin-left: 16px
    }
}

.item-upgrade__checkbox {
    margin-right: 5px
}

[data-upgrade-error="true"] + .item-upgrade__error {
    -webkit-animation: fade-in 0.3s;
    animation: fade-in 0.3s;
    display: block
}

.item-upgrade__error {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    margin-top: 8px;
    margin-left: 8px;
    color: #df2c2c;
    display: none
}

.l-credit-card-wrapper.is-selected {
    position: relative;
    background-color: white
}

.l-credit-card-wrapper.is-selected::before {
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    content: "";
    width: 6px;
    background-color: #82b541
}

.l-credit-card-wrapper:hover {
    background-color: white
}

.l-credit-card-wrapper:first-child::before {
    border-top-left-radius: 3px
}

.l-credit-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (min-width: 569px) {
    .l-credit-card {
        position: relative
    }

    .l-credit-card .-icon-cancel {
        position: absolute;
        top: 50%;
        right: -50px;
        margin-top: -12px
    }
}

.l-credit-card__type, .l-credit-card__number, .l-credit-card__expiry, .l-credit-card__logo {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

@media (max-width: 568px) {
    .l-credit-card__type, .l-credit-card__number, .l-credit-card__expiry, .l-credit-card__logo {
        max-width: 60px
    }
}

.l-credit-card__logo {
    height: 30px
}

@media (min-width: 569px) {
    .l-credit-card__logo {
        -webkit-flex: 0 0 68px;
        -ms-flex: 0 0 68px;
        flex: 0 0 68px
    }
}

@media (max-width: 568px) {
    .l-credit-card__type {
        display: none
    }
}

.l-credit-card__delete {
    z-index: 3;
    right: 0
}

@media (min-width: 569px) {
    .l-credit-card__delete {
        top: 4px
    }
}

.l-credit-card__selector, .l-credit-card__delete {
    position: absolute
}

.l-credit-card__selector {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media (max-width: 568px) {
    .l-credit-card__add {
        padding-left: 8px
    }
}

#credit-card-list[data-show-form="true"] #credit-card-form {
    display: block;
    border-left: 6px solid #82b541
}

#credit-card-list[data-show-form="true"] #add-credit-card {
    display: none
}

#credit-card-list[data-show-form="true"] #credit-card-empty {
    display: block
}

#credit-card-list[data-show-form="false"] #credit-card-form {
    display: none
}

#credit-card-list[data-show-form="false"] #credit-card-empty {
    display: none
}

#credit-card-list[data-show-form="false"] #add-credit-card {
    display: block;
    border-bottom: none
}

.l-credit-card__delete-wrapper, .l-credit-card__delete-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.l-credit-card__delete-wrapper {
    z-index: 3
}

.l-credit-card__delete-wrapper::before {
    height: 100%;
    content: "";
    background-color: black;
    opacity: 0.65;
    z-index: -1
}

.l-credit-card__delete-wrapper[data-show-delete-overlay="true"] .l-credit-card__delete-confirm {
    display: block
}

.l-credit-card__delete-wrapper[data-show-delete-overlay="false"] .l-credit-card__delete-confirm {
    display: none
}

.no-flexbox .l-credit-card {
    display: table;
    width: 100%
}

.no-flexbox .l-credit-card__logo {
    width: 14%;
    min-width: 48px
}

.no-flexbox .l-credit-card__type, .no-flexbox .l-credit-card__number, .no-flexbox .l-credit-card__expiry, .no-flexbox .l-credit-card__logo {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    padding-right: 20px
}

@media (max-width: 568px) {
    .no-flexbox .l-credit-card__type, .no-flexbox .l-credit-card__number, .no-flexbox .l-credit-card__expiry, .no-flexbox .l-credit-card__logo {
        max-width: 50px
    }
}

@media (max-width: 568px) {
    .no-flexbox .l-credit-card__delete {
        right: 0
    }
}

.link--minor {
    color: #666666;
    font-size: 12px;
    line-height: 1.5
}

.link--has-glyph:before {
    font-size: 10px;
    margin-left: 8px
}

.photo-grid, .item-grid, .item-list, .user-list {
    background: whitesmoke;
    border: 1px solid #ededed;
    border-radius: 4px;
    display: block;
    list-style: none;
    margin-bottom: 16px;
    *zoom: 1
}

.photo-grid:after, .item-grid:after, .item-list:after, .user-list:after {
    content: "";
    display: table;
    clear: both
}

.sort-control {
    display: inline-block;
    text-align: left;
    margin-bottom: 16px
}

@media (min-width: 569px) {
    .sort-control {
        margin-right: 8px
    }
}

.sort-control-label {
    margin-right: 5px
}

.filter-control-container {
    clear: left;
    float: left
}

.item-list > li, .user-list > li {
    border-bottom: 1px solid #ededed;
    padding: 20px;
    position: relative;
    float: left;
    width: 100%;
    *zoom: 1
}

.item-list > li:after, .user-list > li:after {
    content: "";
    display: table;
    clear: both
}

.item-list > li:last-child, .user-list > li:last-child {
    border-bottom-width: 0
}

.item-list h3, .user-list h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px;
    text-align:right;
}

.item-list h3 a, .user-list h3 a {
    color: black;
    text-decoration: none
}

.item-list h3 a:hover, .item-list h3 a:focus, .user-list h3 a:hover, .user-list h3 a:focus {
    text-decoration: underline
}

.item-list small, .user-list small {
    font-size: 11px
}

.item-list .thumbnail, .user-list .thumbnail {
    float: left;
    margin-right: 20px;
    min-height: 80px
}

.item-list .thumbnail a, .user-list .thumbnail a {
    font-size: 10px;
    display: block
}

.item-list .thumbnail img, .user-list .thumbnail img {
    display: block;
    max-width: 80px
}

.item-grid {
    line-height: normal;
    padding: 10px 12px 0
}

.item-grid > li {
    float: right;
    min-height: 210px;
    height: auto !important;
    padding-bottom: 10px;
    margin: 0 0 15px 10px;
    position: relative;
    text-align: center;
    width: 140px;
    direction: rtl;
}

.item-grid > li:nth-of-type(5n) {
    margin-left: 0
}

.item-grid > li:nth-of-type(5n+6):before {
    background: #e0e0e0;
    content: "";
    display: block;
    height: 1px;
    right: -12px;
    position: absolute;
    top: -15px;
    width: 764px
}

.item-grid .item-grid__thumb--detail {
    min-height: 166px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: auto !important
}

.item-grid h3 {
    padding: 0
}

.item-grid h3 a {
    color: black;
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    direction: rtl;
}

.item-grid h3:hover, .item-grid h3:focus {
    text-decoration: underline
}

.item-grid small {
    font-size: 11px
}

.item-grid .thumbnail {
    display: inline-block;
    min-height: 90px;
    width: 90px;
    padding-top: 5px
}

.item-grid .thumbnail .thumbnail__inner {
    font-size: 10px;
    position: relative;
    display: inline-block;
    margin-top: 5px
}

.item-grid .thumbnail img {
    display: block
}

.item-grid .bookmark-description {
    display: none
}

.item-grid .item-info {
    padding-top: 5px
}

.item-grid .sale-info, .item-grid .sale-info--search, .item-grid .sale-info--portfolio {
    height: 40px;
    display: table-cell;
    vertical-align: bottom;
    width: 140px
}

.item-grid .sale-info a, .item-grid .sale-info--search a, .item-grid .sale-info--portfolio a {
    color: #ababab;
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.item-grid .sale-info a:before, .item-grid .sale-info--search a:before, .item-grid .sale-info--portfolio a:before {
    background-image: url(../img/all-icon.png);
    background-position: -154px -97px;
    width: 14px;
    height: 14px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    left: -5px
}

.item-grid .sale-info--search {
    height: 50px
}

.item-grid .sale-info--portfolio {
    vertical-align: top;
    display: block;
    margin-bottom: 5px
}

.item-grid .price {
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-right: 10px
}

.item-grid .author, .item-grid .meta {
    display: none
}

.item-grid .photo {
    height: 200px
}

.item-grid .photo .thumbnail {
    height: 130px;
    display: table-cell;
    vertical-align: bottom;
    width: 140px
}

.item-grid .photo .thumbnail--has-actions {
    height: 170px
}

.item-grid.mixed > li {
    height: 200px
}

.item-grid.mixed img {
    max-height: 80px;
    max-width: 80px
}

.item-grid.mixed .thumbnail {
    height: 90px
}

.item-grid.mixed .thumbnail--has-actions {
    height: 130px;
    display: table-cell;
    vertical-align: bottom;
    width: 80px;
    padding: 0 0 5px 30px
}

.item-grid__element-corner {
    display: none
}

.item-grid .item-grid__element-corner {
    display: block
}

.item-list {
    line-height: normal;
    overflow: hidden
}

.item-list .item-active {
    border-left: 4px solid #82b541
}

.item-list .item-active .sales-performance {
    color: #82b541
}

.item-list .item-inactive {
    border-left: 4px solid #df2c2c
}

.item-list .item-inactive .sales-performance {
    color: #df2c2c
}

.item-list .item-info {
    float: left;
    margin-right: 16px;
    padding-top: 5px;
    width: 230px
}

.item-list .author {
    font-size: 11px;
    color: #0084B4;
    text-decoration: none
}

.item-list .author:hover, .item-list .author:focus {
    text-decoration: underline
}

.item-list .meta {
    float: left;
    line-height: 16px;
    padding-top: 5px;
    width: 250px
}

.item-list .sale-info, .item-list .item-grid .sale-info--search, .item-grid .item-list .sale-info--search, .item-list .item-grid .sale-info--portfolio, .item-grid .item-list .sale-info--portfolio, .item-list .sale-info--portfolio {
    float: right;
    padding-top: 32px;
    position: relative;
    text-align: center;
    width: 120px
}

.item-list .sale-info__glyph {
    padding-top: 9px
}

.item-list .price {
    color: #171717;
    font-size: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px
}

.item-list .rating {
    margin-top: 3px
}

.item-list .star-rating, .item-list .star-rating--large, .item-list .star-rating--review-widget, .item-list .star-rating--search {
    width: 100%
}

.item-list .video {
    height: auto
}

.item-list .photo .sale-info, .item-list .photo .item-grid .sale-info--search, .item-grid .item-list .photo .sale-info--search, .item-list .photo .item-grid .sale-info--portfolio, .item-grid .item-list .photo .sale-info--portfolio {
    padding-top: 5px
}

.item-list__element-corner {
    display: none
}

.item-list .item-list__element-corner {
    display: block
}

.photo-grid {
    *zoom: 1;
    background: none;
    line-height: normal;
    padding: 30px 0 0
}

.photo-grid:after {
    content: "";
    display: table;
    clear: both
}

.photo-grid > li {
    display: block;
    float: left;
    margin: 0 22px 0 0;
    min-height: 150px;
    position: relative;
    text-align: center
}

.photo-grid > li:nth-of-type(4n) {
    margin-right: 0
}

.photo-grid img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 1px white;
    box-shadow: 0 0 1px white;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.photo-grid .thumbnail {
    display: block;
    padding-bottom: 25px;
    width: auto
}

.photo-grid .thumbnail > a {
    display: block;
    height: 175px;
    margin-top: 0;
    text-align: center;
    width: 175px
}

.photo-grid .thumbnail > a:hover + .item-thumbnail-actions {
    opacity: 1
}

.photo-grid .item-thumbnail-actions {
    margin-top: 0;
    opacity: 0;
    padding-top: 10px;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s
}

.photo-grid .item-thumbnail-actions:hover {
    opacity: 1
}

.user-list .user-info {
    float: left;
    margin-right: 20px;
    position: relative;
    top: -5px;
    width: 230px
}

.user-list .meta {
    float: right;
    direction: rtl;
    text-align: right;
    margin-right: 80px;
    line-height: 16px;
    padding-top: 20px;
    width: 211px;
}

.user-list .sale-info, .user-list .item-grid .sale-info--search, .item-grid .user-list .sale-info--search, .user-list .item-grid .sale-info--portfolio, .item-grid .user-list .sale-info--portfolio {
    float: right;
    padding-top: 35px;
    position: relative;
    text-align: center;
    width: 120px
}

.user-list .sale-count {
    color: #171717;
    font-size: 33px;
    line-height: 34px;
    font-style: normal;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px
}

.user-list .rating {
    margin-top: 3px
}

.video-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px;
    margin-bottom: 16px;
    border: 1px solid #e1e8ed;
    border-radius: 5px
}

.video-grid__item {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 150px;
    width: calc(100% * (1 / 3) - 10.66667px - 1px);
    max-width: calc(100% * (1 / 3) - 10.66667px - 1px);
    padding-bottom: 8px;
    margin-bottom: 12px
}

@media (max-width: 568px) {
    .video-grid__item {
        width: 100%;
        max-width: 100%
    }
}

.video-grid__item:not(:nth-child(3n+3)) {
    margin-right: 16px
}

.video-grid__item-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.video-grid__video-container {
    background: black;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative
}

.video-grid__video-container:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.video-grid__video-poster {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center
}

.video-grid__video-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.video-grid__video-item .video-js {
    padding-top: 56.25%
}

.video-grid__space-between {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.video-grid__info {
    width: 100%;
    padding-top: 3px
}

.video-grid__heading {
    -webkit-flex: 4 0 auto;
    -ms-flex: 4 0 auto;
    flex: 4 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 270px;
    max-width: calc(100% - 25px);
    padding: 0;
    font-weight: 700;
    margin-right: 4px;
    font-size: 12px;
    color: #454545
}

.video-grid__length {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #ababab;
    max-width: 35px;
    text-align: right
}

.video-grid__item:hover .video-grid__item-actions {
    display: block
}

.video-grid__item-actions {
    display: none;
    background: black;
    background: rgba(0, 0, 0, 0.55);
    color: white;
    width: 100%;
    padding: 2px 5px;
    position: absolute;
    bottom: 21px;
    left: 0
}

@media (max-width: 568px) {
    .video-grid__item-actions {
        display: block
    }
}

.video-grid__price {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 700;
    color: white;
    margin: 1px 6px
}

.no-flexbox .video-grid__item, .no-flexbox .video-grid__heading, .no-flexbox .video-grid__length, .no-flexbox .video-grid__price, .no-flexbox .item-thumbnail-actions {
    float: left
}

.product-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 10px;
    border: 1px solid #ededed;
    border-width: 1px 0 0 1px
}

@media (min-width: 1024px) {
    .product-grid {
        border-width: 1px;
        margin: 0 0 20px;
        padding: 15px 12px 0;
        background: whitesmoke;
        border-radius: 4px
    }
}

.product-grid > li {
    -webkit-flex: 1 0 32%;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    position: relative;
    text-align: center;
    border: 1px solid #ededed;
    border-width: 0 1px 1px 0;
    padding: 10px 5px
}
.product-grid li.list-event-container .item-thumbnail img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 3px 3px 0 0;
}
@media (min-width: 1024px) {
    .product-grid > li {
        max-width: 32%;
        padding: 0 0 30px 0;
        margin-right: 8px;
        margin-bottom: 28px;
        background: #fff;
        box-shadow: 0px 0px 54px -25px;
        border-radius: 3px;
    }
    .product-grid > li:hover {
        box-shadow: 0px 0px 54px -18px;
        -webkit-transform: .3s;
        -moz-transform: .3s;
        -ms-transform: .3s;
        -o-transform: .3s;
        transform: .3s;
    }

    .product-grid > li:nth-of-type(5n) {

    }

    /*
    .product-grid > li:nth-of-type(5n):after {
        background: #e0e0e0;
        content: "";
        display: block;
        height: 1px;
        right: -611px;
        position: absolute;
        bottom: 18px;
        width: 764px
    }
    */
}

.product-grid > li.-type-photo {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.product-grid__inside {
    padding-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.product-grid__item-thumbnail-actions {
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

@media (min-width: 1024px) {
    .product-grid__item-thumbnail-actions {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 5px auto 0;
    }
}

.product-grid__heading {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 220px;
    font-weight: 700;
    margin: 5px auto 0;
    font-size: 12px;
    color: black;
    padding-bottom: 10px;
}

.product-grid__rating {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.product-grid__price {
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-right: 10px;
}

.product-grid__footer {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    margin-top: 5px
}

.product-grid__footer a {
    color: #ababab;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.product-grid__footer a:before {
    background-image: url(../img/all-icon.png);
    background-position: -154px -97px;
    width: 14px;
    height: 14px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    left: -5px
}

.no-flexbox .product-grid {
    display: block
}

@media (min-width: 1024px) {
    .no-flexbox .product-grid {
        width: 724px
    }
}

.no-flexbox .product-grid > li {
    border-top-width: 3px
}

@media (min-width: 1024px) {
    .no-flexbox .product-grid > li {
        display: inline-block;
        width: 140px
    }

    .no-flexbox .product-grid > li:nth-of-type(5n):after {
        display: none
    }
}

.product-list {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .product-list {
        background: whitesmoke;
        border: 1px solid #ededed;
        border-radius: 4px
    }
}

.product-list > li {
    border-bottom: 1px solid #ededed;
    list-style: none;
    position: relative;
    padding-top: 20px
}

@media (min-width: 1024px) {
    .product-list > li {
        padding: 20px;
        border-bottom: 1px solid #ededed
    }
}

.product-list__element-corner {
    position: relative
}

@media (min-width: 1024px) {
    .product-list__element-corner {
        position: static
    }
}

.product-list__columns-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-list__column-detail {
    width: 100%
}

@media (min-width: 1024px) {
    .product-list__column-detail {
        width: 330px
    }
}

.product-list__column-category {
    display: none
}

@media (min-width: 1024px) {
    .product-list__column-category {
        display: block;
        width: 250px;
        margin: 0 20px
    }
}

.product-list__column-price {
    display: none
}

@media (min-width: 1024px) {
    .product-list__column-price {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: block;
        text-align: center
    }
}

.product-list__item-thumbnail {
    float: left;
    line-height: 1;
    margin-right: 10px
}

@media (min-width: 1024px) {
    .product-list__item-thumbnail {
        margin: 0 20px 5px 0
    }
}

.product-list__adjacent-thumbnail {
    float: left;
    width: 50%;
    width: calc(100% - 91px)
}

@media (min-width: 1024px) {
    .product-list__adjacent-thumbnail {
        width: calc(100% - 101px)
    }
}

.product-list__heading, .product-list__price {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    clear: left;
    font-size: 14px;
    color: black
}

@media (min-width: 569px) {
    .product-list__heading, .product-list__price {
        font-size: 16px
    }
}

.product-list__heading {
    padding-top: 0;
    font-weight: bold;
    line-height: 1.3;
    position: relative;
    top: -4px;
    word-break: break-word
}

@media (min-width: 1024px) {
    .product-list__price {
        display: none
    }
}

.product-list__info {
    float: left;
    clear: left;
    width: 100%;
    font-size: 12px
}

.product-list__info-author, .product-list__info-rating, .product-list__info-sale {
    color: #ababab;
    padding: 0 5px 5px 0
}

@media (min-width: 1024px) {
    .product-list__info-rating, .product-list__info-sale {
        display: none
    }
}

.product-list__info-sale {
    position: relative;
    top: -3px
}

.product-list__info-sale-glyph {
    display: inline-block
}

.product-list__item-thumbnail-actions {
    max-width: 200px;
    margin-left: 70px
}

@media (min-width: 1024px) {
    .product-list__item-thumbnail-actions {
        max-width: none;
        margin-left: 0
    }
}

.product-list__price-desktop {
    display: none
}

@media (min-width: 1024px) {
    .product-list__price-desktop {
        display: block;
        font-size: 32px;
        line-height: 1;
        padding: 0;
        color: black
    }
}

.product-list__info-desktop {
    display: none
}

@media (min-width: 1024px) {
    .product-list__info-desktop {
        display: block;
        margin-top: 10px;
        font-size: 12px
    }
}

.product-list__sales-desktop {
    margin-top: 5px
}

.no-flexbox .product-list > li {
    display: inline-block;
    width: 100%
}

@media (min-width: 1024px) {
    .no-flexbox .product-list > li {
        display: block
    }
}

@media (min-width: 1024px) {
    .no-flexbox .product-list__columns-container {
        display: table;
        width: 724px
    }
}

@media (min-width: 1024px) {
    .no-flexbox .product-list__columns-container {
        display: table;
        width: 724px
    }
}

@media (min-width: 1024px) {
    .no-flexbox .product-list__column-detail, .no-flexbox .product-list__column-category, .no-flexbox .product-list__column-price {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 1024px) {
    .no-flexbox .product-list__column-detail {
        padding: 0 30px 0 20px
    }
}

.loading-wrapper {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0
}

.loading-wrapper__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.loading-wrapper__overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    opacity: 0.4
}

.magnifier {
    color: white;
    background: #333333;
    border: 1px solid black;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    position: absolute;
    z-index: 9100;
    display: none;
    padding: 0px 10px 7px
}

.magnifier .size-limiter {
    margin-top: 10px;
    background: #565656
}

.magnifier strong {
    padding-top: 7px;
    color: white;
    font-weight: bold;
    display: block;
}

.magnifier .info, .magnifier .footer {
    color: #686868;
    font-size: 11px;
    line-height: 18px;
    overflow: hidden;
    width: 100%
}



.magnifier .price sup {
    font-size: 23px;
    top: 0;
    vertical-align: 10px
}

.magnifier .footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #aeaeae
}


#landscape-image-magnifier .size-limiter {
    width: 472px;
    height: 240px;
    overflow: hidden
}

#landscape-image-magnifier .size-limiter img {
    width: 472px;
    height: 240px
}

#landscape-image-magnifier strong {
    width: 472px
}

#video-magnifier.magnifier {
    display: inline;
    left: -9999px;
    top: 0
}

#video-magnifier .size-limiter {
    width: 472px;
    height: 264px;
    overflow: hidden
}

#video-magnifier .size-limiter img {
    width: 472px;
    height: 264px
}

#video-magnifier strong {
    width: 472px
}

#portrait-image-magnifier .size-limiter {
    width: 240px;
    height: 472px;
    overflow: hidden
}

#portrait-image-magnifier .size-limiter img {
    width: auto;
    height: 472px
}

#portrait-image-magnifier strong {
    width: 240px
}

#square-image-magnifier .size-limiter {
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin: 10px auto 0px
}

#square-image-magnifier .size-limiter img {
    width: 300px;
    height: auto;
    display: block
}

#square-image-magnifier strong {
    width: 300px
}

#smart-image-magnifier .size-limiter {
    overflow: hidden;
    position: relative;
    text-align: center
}

#smart-image-magnifier .size-limiter img {
    display: block;
    margin: 0px auto
}

#smart-image-magnifier.previewable img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

#smart-image-magnifier.previewable .thumbnail_preview {
    z-index: 0
}

.markdown-preview input[type=radio] {
    margin-right: 3px
}

.markdown-preview__input {
    resize: none;
    height: 100px
}

.markdown-preview__output {
    height: 100px;
    margin-bottom: 6px;
    overflow-y: scroll
}

.markdown-preview__output ul, .markdown-preview__output ol {
    margin-left: 18px
}

.markdown-preview__output ul {
    list-style: disc
}

.markdown-preview__output ol {
    list-style: decimal
}

.meta-categories a {
    color: #0084B4;
    text-decoration: none
}

.meta-categories a:hover {
    text-decoration: none
}

.meta-categories a:after {
    content: "/";
    color: #999999;
    margin: 0 5px
}

.meta-categories a:last-child:after {
    content: none
}

.meta-categories.-no-slash a:after {
    content: none
}

.revealer.is-open .revealer__icon:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.revealer__content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height ease-out 0.2s;
    transition: max-height ease-out 0.2s
}

.revealer__inner {
    overflow: auto
}

.revealer__icon:before {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    content: "";
    display: inline-block
}

.star-rating, .star-rating--large, .star-rating--review-widget, .star-rating--search {
    display: inline-block;
    font-size: 0;
    line-height: 1
}

.star-rating > a, .star-rating--large > a, .star-rating--review-widget > a, .star-rating--search > a, .star-rating > b, .star-rating--large > b, .star-rating--review-widget > b, .star-rating--search > b {
    display: inline-block
}

.star-rating > b, .star-rating--large > b, .star-rating--review-widget > b, .star-rating--search > b {
    cursor: default
}

.star-rating--large > a:before, .star-rating--review-widget > a:before, .star-rating--large > a:after, .star-rating--review-widget > a:after, .star-rating--large > b:before, .star-rating--review-widget > b:before, .star-rating--large > b:after, .star-rating--review-widget > b:after {
    font-size: 18px;
    line-height: 18px
}

.star-rating--review-widget {
    position: relative;
    top: 1px;
    left: 5px
}

@media (min-width: 1024px) {
    .star-rating--search {
        width: 100%
    }
}

.star-rating__star, .star-rating__star--full, .star-rating__star--half, .star-rating__star--empty {
    position: relative;
    color: #dedede;
    text-decoration: none !important;
    font-size: 0
}

.star-rating__star:hover, .star-rating__star--full:hover, .star-rating__star--half:hover, .star-rating__star--empty:hover, .star-rating__star:active, .star-rating__star--full:active, .star-rating__star--half:active, .star-rating__star--empty:active {
    text-decoration: none
}

.star-rating__star:before, .star-rating__star--full:before, .star-rating__star--half:before, .star-rating__star--empty:before, .star-rating__star:after, .star-rating__star--full:after, .star-rating__star--half:after, .star-rating__star--empty:after {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    margin-right: 5px;
    font-size: 13px;
    line-height: 1
}

.star-rating__star:before, .star-rating__star--full:before, .star-rating__star--half:before, .star-rating__star--empty:before {
    content: ""
}

.star-rating__star.is-on, .is-on.star-rating__star--full, .is-on.star-rating__star--half, .is-on.star-rating__star--empty {
    color: #fec42d
}

.star-rating__star.is-off, .is-off.star-rating__star--full, .is-off.star-rating__star--half, .is-off.star-rating__star--empty {
    color: #d4d4d4
}

.star-rating__star--full {
    color: #fec42d
}

.star-rating__star--half {
    color: #fec42d
}

.star-rating__star--half:before {
    color: #fec42d
}

.star-rating__star--half:after {
    position: absolute;
    right: 0;
    content: "";
    color: #d4d4d4
}

.star-rating__star--empty {
    color: #d4d4d4
}

.tsunami-item {
    color: whitesmoke;
    -webkit-transition: all 0.65s;
    transition: all 0.65s
}

.tsunami-item[data-status="active"] {
    background-color: white;
    color: white;
    -webkit-box-shadow: inset 0 3px 3px -3px #e0e0e0, inset 0 -3px 3px -3px #e0e0e0;
    box-shadow: inset 0 3px 3px -3px #e0e0e0, inset 0 -3px 3px -3px #e0e0e0
}

.tsunami-item__item-thumbnail {
    display: none
}

@media (min-width: 1024px) {
    .tsunami-item__item-thumbnail {
        display: block
    }
}

.tsunami-item__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 4px
}

@media (min-width: 569px) {
    .tsunami-item__header {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.tsunami-item__title {
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    color: black;
    font-size: 16px;
    font-weight: bold;
    padding: 0
}

.tsunami-item__author {
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #999999;
    font-weight: bold
}

.tsunami-item__author-link {
    color: #999999;
    text-decoration: none
}

.tsunami-item__author-link:hover {
    text-decoration: underline
}

.tsunami-item__player {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tsunami-item__player-container {
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    height: 50px
}

.tsunami-item__controls {
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 8px
}

.tsunami-item__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.5em
}

@media (min-width: 1024px) {
    .tsunami-item__footer {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.tsunami-item__item-thumbnail-actions {
    width: 100%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 1024px) {
    .tsunami-item__item-thumbnail-actions {
        width: auto;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 1em
    }
}

.tsunami-item__info {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #999999
}

@media (min-width: 1024px) {
    .tsunami-item__info {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.tsunami-item__category {
    display: none
}

@media (min-width: 569px) {
    .tsunami-item__category {
        display: block;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        white-space: nowrap
    }
}

.tsunami-item__properties {
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    width: 100%;
    text-align: right
}

@media (min-width: 569px) {
    .tsunami-item__properties {
        width: auto
    }
}

.tsunami-item__property, .tsunami-item__price {
    margin-left: 20px
}

.no-flexbox .tsunami-item__player, .no-flexbox .tsunami-item__header, .no-flexbox .tsunami-item__footer {
    *zoom: 1;
    display: block
}

.no-flexbox .tsunami-item__player:after, .no-flexbox .tsunami-item__header:after, .no-flexbox .tsunami-item__footer:after {
    content: "";
    display: table;
    clear: both
}

.no-flexbox .tsunami-item__title, .no-flexbox .tsunami-item__controls, .no-flexbox .tsunami-item__player-container, .no-flexbox .tsunami-item__category {
    float: left
}

.no-flexbox .tsunami-item__author, .no-flexbox .tsunami-item__properties {
    float: right
}

.no-flexbox .tsunami-item__title, .no-flexbox .tsunami-item__controls {
    padding-right: 1em
}

.no-flexbox .tsunami-item__player-container {
    width: 80%
}

.tsunami-player {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 100%
}

.tsunami-player__item-container {
    height: 150px;
    margin-bottom: 1.5em;
    color: #fafafa
}

.tsunami-player__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    color: #666666
}

.tsunami-player__progress-container, .tsunami-player__loaded-container, .tsunami-player__background-canvas, .tsunami-player__time-label-container {
    position: absolute;
    top: 0;
    left: 0
}

.tsunami-player__progress-container, .tsunami-player__loaded-container {
    width: 0;
    overflow: hidden;
    line-height: 0;
    background-color: currentColor
}

.tsunami-player__progress-container {
    opacity: 0;
    border-right: 1px solid #ababab
}

.tsunami-player__background-canvas {
    opacity: 0
}

.tsunami-player__progress-canvas {
    opacity: 0
}

.tsunami-player__time-label-container {
    height: 100%
}

@-webkit-keyframes move-loading {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}

@keyframes move-loading {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}

.tsunami-player__time-label {
    position: absolute;
    top: 50%;
    right: 1px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    font-size: 12px;
    color: white;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.tsunami-player__time-label[data-status="loading"] {
    background: #57782b
}

.tsunami-player__time-label[data-status="loading"]:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent 100%);
    background-size: 50px 50px;
    -webkit-animation: move-loading 2s linear infinite;
    animation: move-loading 2s linear infinite
}

.tsunami-player__toggle-icon.-position-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.tsunami-player__toggle-icon.-position-middle[data-status="play"] {
    -webkit-transform: translateX(-45%) translateY(-50%);
    transform: translateX(-45%) translateY(-50%)
}

.tsunami-player__toggle-icon:before {
    font-family: marketplace-glyphs;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    display: block
}

.tsunami-player__toggle-icon[data-status="pause"]:before {
    content: ""
}

.tsunami-player__toggle-icon[data-status="play"]:before {
    content: ""
}

.tsunami-player__toggle-icon[data-status="loading"]:before {
    content: "";
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.tsunami-player__toggle-icon__alt {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.tsunami-player__loop-icon__alt {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.tsunami-player__toggle-button, .tsunami-player__loop-button {
    height: 30px;
    margin-right: 10px
}

.tsunami-player__large-toggle-button {
    width: 36px;
    height: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background-color: #82b440;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 5px;
    border: none;
    border-radius: 50%;

    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.tsunami-player__large-toggle-button:hover, .tsunami-player__large-toggle-button:focus {
    text-decoration: none;
    outline: none;
    background-color: #7aa93c
}

.user-bio {
    margin-bottom: 25px;
    padding-top: 20px;
    direction: rtl;
}

.basic-user-info {
    margin-bottom: 20px;
    *zoom: 1
}

.basic-user-info:after {
    content: "";
    display: table;
    clear: both
}

.basic-user-info img {
    float: left;
    margin: 0 10px 0 0;
    max-height: 80px
}

.basic-user-info h2 {
    font-size: 23px;
    padding: 0
}

.basic-user-info p {
    padding-top: 5px;
    font-size: 14px
}

.user-info-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user-info-header .page-section__background {
    background-size: 650px
}

.user-info-header__user-details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-info-header__user-details img {
    margin-top: 5px;
    border-radius: 9px;
}

.user-info-header__user-details img.has-background {
    background: #fafafa;
    border-radius: 4px
}

.-theme-power-elite .user-info-header__user-details .t-heading, .-theme-power-elite .user-info-header__user-details .t-body, .-theme-power-elite .user-info-header__user-stats .t-heading, .-theme-power-elite .user-info-header__user-stats .t-body {
    color: white
}

.user-info-header__tabs--elite-author .page-tabs--elite-author a {
    color: white;
    font-weight: initial
}

.user-info-header__author-level {
    margin: 2px 0 0 10px;
    color: #81B254
}

.user-info-header__author-level i {
    color: #81B254
}

.user-info-header__cta-buttons {
    margin-top: 5px
}

.user-info-header__user-stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: right;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.user-info-header__stats-label {
    min-height: 30px
}

.user-info-header__stats-content.-extra-padding {
    padding: 3px 0
}

.no-flexbox .user-info-header__stats-content {
    display: block
}

.no-flexbox .user-info-header__stats-content .user-info-header__user-stats {
    display: block;
    float: right;
    text-align: right
}

.no-flexbox .user-info-header__stats-content .user-info-header__user-details {
    float: left
}

.no-flexbox .user-info-header__stats-content .user-info-header__stats-article {
    float: left
}

.site-portfolios__site {
    display: table;
    margin-bottom: 10px
}

.site-portfolios__site > img, .site-portfolios__site > div {
    display: table-cell;
    vertical-align: top
}

.site-portfolios__site > img {
    margin-top: -5px
}

.site-portfolios__site small {
    font-size: 11px
}

.site-portfolios__site-link {
    text-transform: uppercase
}

.w-form__wrapper .form__radio-input {
    display: block
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../img/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../img/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url();
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url()
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url(../img/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(../img/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}
.err {
    border: 1px solid red !important;
}
.viewimgavtar {
    background: #81b341;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
}
.no_product_webdoni {
    direction: rtl;
    padding: 7px 0 22px;
    text-align: center;
    width: 100%;
}
.hader_modal_bay{
    text-align: center;
    padding: 28px;
    font-size: 20px;
    font-weight: bold;
}
.product_list{
    padding: 8px;
    background: #e2e2e2;
    text-align: right;
    direction: rtl;
    overflow: hidden;
}
.name_pro {
    padding: 21px 0px;
    float: right;
}
.img_modal_pro {
    float: right;
    padding: 8px;
    max-height: 90px;
    max-width: 90px;
}
.deltis_pro {
    max-width: 330px;
    overflow: hidden;
    display: inline-flex;
}
.lasens_modal {
    float: left;
    padding: 9px;
    max-width: 300px;
}
.price_pro{
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    direction: rtl;
    padding: 20px;
}
.info_payout{
    background: #ffa3a3;
    padding: 10px 16px 0px;
    color: #000;
    margin: 25px 0px;
    border-radius: 3px;
}


.spinner {
    height: 17px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #82b440;
    height: 100%;
    width: 4px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    margin-right: 1px;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
.maess_data {
    font-size: 9px;
    position: absolute;
    left: 14px;
    bottom: 20px;
    color: red;
}

.table-users img {
    border-radius: 50%;
    height: 60px;
    width: 60px;
}

.table-users {
    border: 1px solid #efefef;
    border-radius: 3px;
    margin: 1em auto;
    overflow: hidden;
    width: 100%;
    direction: rtl;
}

.table-users table {
    width: 100%;
}
.table-users table td,
.table-users table th {
    color: #2b686e;
    padding: 10px;
}
.table-users table td {
    text-align: center;
    vertical-align: top;
}
.table-users table td:last-child {
    font-size: 0.95em;
    line-height: 1.4;
    text-align: left;
}
.table-users table th {
    background-color: #262626;
    font-weight: 300;
    color: #fff;
}
.table-users table tr:nth-child(2n) {
    background-color: white;
}
.table-users table tr:nth-child(2n + 1) {
    background-color: #f1f1f1;
}

@media screen and (max-width: 700px) {
    table,
    tr,
    td {
        display: block;
    }

    .table-users td:first-child {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100px;
    }
    .table-users td:not(:first-child) {
        clear: both;
        margin-left: 100px;
        padding: 4px 20px 4px 90px;
        position: relative;
        text-align: left;
    }
    .table-users td:not(:first-child):before {
        color: #91ced4;
        content: "";
        display: block;
        left: 0;
        position: absolute;
    }
    .table-users td:nth-child(2):before {
        content: "Name:";
    }
    .table-users td:nth-child(3):before {
        content: "Email:";
    }
    .table-users td:nth-child(4):before {
        content: "Phone:";
    }
    .table-users td:nth-child(5):before {
        content: "Comments:";
    }

    .table-users tr {
        padding: 10px 0;
        position: relative;
    }
    .table-users tr:first-child {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .header {
        background-color: transparent;
        color: white;
        font-size: 2em;
        font-weight: 700;
        padding: 0;
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    }

    .table-users  img {
        border: 3px solid;
        border-color: #daeff1;
        height: 100px;
        margin: 0.5rem 0;
        width: 100px;
    }

    .table-users td:first-child {
        background-color: #c8e7ea;
        border-bottom: 1px solid #91ced4;
        border-radius: 10px 10px 0 0;
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
    }
    .table-users td:not(:first-child) {
        margin: 0;
        padding: 5px 1em;
        width: 100%;
    }
    .table-users td:not(:first-child):before {
        font-size: 0.8em;
        padding-top: 0.3em;
        position: relative;
    }
    .table-users td:last-child {
        padding-bottom: 1rem !important;
    }

    .table-users tr {
        background-color: white !important;
        border: 1px solid #6cbec6;
        border-radius: 10px;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
        margin: 0.5rem 0;
        padding: 0;
    }

    .table-users {
        border: none;
        box-shadow: none;
        overflow: visible;
    }
}
#err_coom{
    text-align: right;
    float: right;
    margin: 6px 14px;
    color: green;
}
.panel_tiket {
    width: 174px;
    float: right;
    direction: rtl;
    height: 57px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 8.5px;
}
.panel_tiket:hover  , .panel_tiket:focus {
    text-decoration:none;
}
.panel_tiket:first-child {
    margin-right: 2px !important;
    margin-left: 5px;
}
.icon_add{
    background: #fff;
    border-radius: 50%;
    padding: 8px 13px;
    margin: 7px 10px;
    max-width: 43px;
    float: right;
}
.title_add{
    color: #fff;
    float: left;
    margin-left: 20px;
}
.num_add {
    float: left;
    width: 23%;
    color: #fff;
    margin-top: 9px;
    line-height: 18px;
    font-weight: bold;
}
.support_product  , .support_webdooni {
    width: 49%;
    float: right;
    text-align: right;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f9f9f9;
    overflow: hidden;
    margin-top:10px;
}
.support_webdooni {
    float: right !important;
    margin-right: 19px;
}
.support_product h4 , .support_webdooni h4 {
    text-align: center;
    padding-top: 17px;
}
.support_product p , .support_webdooni p {
    text-align: justify;
    direction: rtl;
    padding: 5px 45px;
    line-height: 31px;
}
.support_product a , .support_webdooni a {
    width: 177px;
    background: #81b441;
    padding: 6px;
    margin: 7px auto 22px auto;
    text-align: center;
    display: block;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

.support_product  , .support_filemarket {
    width: 49%;
    float: right;
    text-align: right;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f9f9f9;
    overflow: hidden;
    margin-top:10px;
}
.support_filemarket {
    float: right !important;
    margin-right: 19px;
}
.support_product h4 , .support_filemarket h4 {
    text-align: center;
    padding-top: 17px;
}
.support_product p , .support_filemarket p {
    text-align: justify;
    direction: rtl;
    padding: 5px 45px;
    line-height: 31px;
}
.support_product a , .support_filemarket a {
    width: 177px;
    background: #81b441;
    padding: 6px;
    margin: 7px auto 22px auto;
    text-align: center;
    display: block;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

.img_form {
    float: right;
    max-width: 300px;
    margin-top: 22px;
}
.form_tiket{
    float: left;
    width: 870px;
    margin-right: 33px;
    margin-top: 19px;
    border-radius: 3px;
    background: #fbfbfb;
    padding: 18px;
    border: 1px solid #f5f3f3;
}
@media (max-width: 1024px) {
    .form_tiket{
        width:100% !important;
    }
    .btn_tiket {
        width: 100% !important;
    }
    .titr_tiket {
        display:none !important;
    }
    .input_tiket input {
        margin-right: 20px !important;
    }
    .list_pro, .text_tiket {
        margin-right: 20px !important;
    }
    .img_form {
        display:none !important;
    }
    .panel_tiket {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .title_add {
        float: right !important;
        margin-right: 20px !important ;
        line-height: 58px !important;
    }
    .num_add {
        width: 35px !important;
        float: left !important;
        color: #fff !important;
        margin-top: 12px !important;
        line-height: 18px !important;
        font-weight: bold !important;
        margin-left: 17px !important;
        background: #000 !important;
        padding: 8px 11px !important;
        border-radius: 50% !important;
    }
}
@media (max-width: 600px) {
    .input_tiket input {
        margin-right: 0px !important;
    }
    .list_pro, .text_tiket {
        margin-right: 0px !important;
    }
}
.form_grop {
    float: right;
    direction: rtl;
    margin: 5px 27px;
    width: 100%;
}
.input_tiket input {
    width: 78%;
    margin-right: 69px;
    height: 49px;
}
.titr_tiket {
    width: 84px;
    float: right;
}
.list_pro , .text_tiket  {
    direction: rtl;
    width: 78%;
    margin-right: 69px;
    border-radius: 3px;
    height: 45px;
    padding: 7px;
}
.text_tiket {
    height: 180px !important;
}
.btn_tiket {
    width: 871px;
    height: 43px;
    margin-top: 26px;
}
.btn_add_carts {
    background: none !important;
    padding: 0px !important;
    border: 0px !important;
    margin: 4px 0px 0px 4px!important;
    display: block !important;
}
#icon_add li {
    float:right !important;
    width: 25px !important;
}
.cindation{
    padding: 5px;
    color: #fff;
    border-radius: 3px;
}
.items_tiket{
    width: 86%;
    float: right;
    background: #f9f9f9;
    margin-right: 51px;
    margin-top: 20px;
    border-radius: 4px;
    position: relative;
}
.items_tiket:before {
    right: -18px;
    top: 68px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transform: rotate(135deg);
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f9f9f9;
    border-width: 18px;
    margin-top: -36px;
}
.items_tiket #small-img {
    width: 82% !important;
    margin-right: 19px !important;
    height: 31px !important;
    margin-bottom: 23px !important;
    margin-top: -4px !important;
}
.name_user_tiket {
    text-align: right;
    padding: 13px 15px 14px 4px;
    float: right;
}
.item_user_tiket {
    float: left;
    margin-top: 14px;
    margin-left: 9px;
    background: #50cf71;
    color: #fff;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 14px;
}
.time_user_tiket{
    float: left;
    background: #5d5d5d;
    margin-top: 15px;
    border-radius: 11px;
    padding: 2px 9px;
    font-size: 13px;
    margin-left: 3px;
    color: #fff;
}
.titr_tikets {
    float: right;
    width: 100%;
    text-align: right;
    border-top: 1px solid #efecec;
    padding: 18px 18px 0px;
    font-weight: bold;
    direction:rtl;
}
.title_tikets{
    float: right;
    padding: 4px 17px 26px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
}
.title_tikets pre {
    background: #fff;
    padding: 8px;
    text-align: justify;
    direction: rtl;
    line-height: 5px;
    font-size: 13px;
    border: none;
    border-radius: 4px;
}
.title_tikets textarea{
    width: 823px;
    margin: 0px;
    height: 129px;
    resize: vertical;
    text-align:right;
    height: 215px;
}
.smat_user_tiket{
    float: right;
    margin-top: 14px;
    background: #cecece;
    border-radius: 6px;
    padding: 4px 11px;
    font-size: 11px;
    color: #fff;
}
.btn_rep_tikets {
    float: right;
    margin-bottom: 25px;
    margin-right: 20px;
}
.img_form img {
    float: right;
    width: 85px;
    margin-top: 14px;
    max-height: 85px;
    border-radius: 100%;
}
.form_add{
    float: right;
    width: 899px;
    margin-top: 19px;
}
.file_tikets {
    padding: 5px;
    text-align: right;
    float: right;
}
.file_tikets a {
    background: #797979;
    color: #fff;
    padding: 5px 16px;
    margin: 5px 12px;
    border-radius: 25px;
    font-size: 12px;
    display: block;
    text-decoration: none;
}
.file_tikets i {
    margin-left: 7px;
    vertical-align: middle;
}
code{
    direction: ltr !important;
}

/*
pre {
	background-size: 0 !important;
	border: 0 !important;
}
*/
#armans {
    float: left !important;
    width: 78%!important ;
    margin-left: 30px !important;
}
.edit_acc {
    background: #81b441;
    padding: 4px 13px;
    border-radius: 3px;
    margin-right: 4px;
    color: #fff !important;
    font-size: 12px;
    text-decoration: none;
}
.title_supp {
    text-align: justify;
    direction: rtl;
    margin-bottom:15px;
}
.title_supp  ul {
    padding-right: 25px !important;
}
.img_find {
    float: right;
}
.img_find  img{
    max-width: 75px;
    border-radius: 50%;
    margin-bottom: 14px;
}
.find_deltis {
    float: right;
    margin-right: 16px;
    width: 83%;
    font-size: 12px;
}
.items_user {
    float: right;
    width: 100%;
}
.more_deltis {
    float: left;
    margin-top: 12px;
}
.edit_users {
    background: #81b441 !important;
}
.edit_users a  , .del_users a  {
    color: #fff !important;
}
.edit_users  , .del_users {
    background: red;
    padding: 3px 6px 1px 2px;
    border-radius: 50%;
    color: #fff !important;
    font-size: 11px;
    margin-bottom: 6px;
}
.meddals .community-badges__badge--s, .meddals .community-badges__badge-wrapper--s {
    height: 90px !important ;
    width: 114px !important ;
    margin-bottom: 12px !important ;
}
.error_join{
    width: 100%;
    background: #ffa6a6;
    text-align: right;
    line-height: 3px;
    padding: 26px;
    color: #000;
    margin: 6% 0;
    border-radius: 6px;
    overflow: hidden;
}
.error_join h3 {
    color: #000;
}
.error_join small{
    float: right;
    width: 100%;
    margin-bottom: 22px;
    direction: rtl;
}
.panel_admin{
    position: fixed;
    top: 72px;
    left: 66px;
    background: #cbcbcb;
    height: 180px;
    width: 63px;
    border-radius: 35px;
    text-align: center;
}
.mess-pro{
    width: 100%;
    background: #81b441;
    margin-bottom: 7px;
    text-align: center;
    padding: 30px;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
}
.mess-pro small {
    font-size: 9px;
    display: block;
    text-align: center;
    color: #f7f7f7;
    margin-top: 5px;
}


.accordion {
    position: relative;
    height: auto;
    float:right;
    width:100%;
    cursor:pointer;
}
.accordion-container > h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    text-align: right;
    padding: 1px;
    margin-bottom: 15px;
    border-radius: 6px;
}
.set > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    direction: rtl;
    color: #555;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.set > a i {
    float: right;
    margin-top: 2px;
}
.set > a.active {
    background-color: #565656;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.tabsmenu section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}
.tabsmenu p {
    padding: 0px !important;
    line-height: 2.1;
    font-weight: 300;
}
.show_it p {
    font-size: 12px !important;
    font-weight: 500 !important;
}
.show_it i {
    float: left;
    margin-left: 21px;
}
.title_links{
    text-align: right;
    margin: 9px 0px;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
    padding-right: 64px;
    padding-bottom: 19px;
}
.tabsmenu h2 {
    font-size: 18px;
    font-weight: bold;
}
.tabsmenu h3 {
    font-size: 16px;
    font-weight: bold;
}
.tabsmenu img {
    margin: 13px 0;
}
.tabsmenu input {
    display: none;
}

.tabsmenu label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
}

.tabsmenu label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}

.tabsmenu label:hover {
    color: #888;
    cursor: pointer;
}

.tabsmenu input:checked + label {
    color: #555;
    border-bottom: 2px solid orange;
}

#tabs1:checked ~ #content1,
#tabs2:checked ~ #content2,
#tabs3:checked ~ #content3,
#tabs4:checked ~ #content4,
#tabs5:checked ~ #content5,
#tabs6:checked ~ #content6
{
    display: block;
    padding: 18px;
    text-align: justify;
    direction: rtl;
}

@media screen and (max-width: 650px) {
    .tabsmenu label {
        width: 100%;
    }
    .tabsmenu label:before {
        margin: 0;
        font-size: 18px;
    }
}

@media screen and (max-width: 400px) {
    .tabsmenu label {
        padding: 15px;
    }
}


[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}
[class*="entypo-"] {
    width: 1em;
    height: 1em;
}

.tabsmenu a:hover {
    color: #777;
}
.timeline {
    border-right: 0.25em solid #82b440;
    background: rgba(255, 255, 255, 0.1);
    line-height: 1.4em;
    padding: 1em;
    padding-left: 1em;
    list-style: none;
    text-align: left;
    margin-right: 3em;
    border-radius: 0.5em;
    min-width: 22em;
}

.event {
    min-width: 20em;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 1em;
}

.timeline .event:before {
    left: 0;
    color: #fff;
    content: attr(data-date);
    text-align: right;
    font-weight: 300;
    background: #ef6c63;
    font-size: 0.7em;
    padding: 0 5px;
    border-radius: 14px;
}
span.js-support__price {
    margin-left: 5px;
}
.member-infos {
    text-align: right;
    position: relative;
    cursor:pointer;
}

.member-infos > h5 {
    font-weight: bold;
    line-height: 38px !important;
    padding: 4px 0px 10px 0px !important;
    font-size: 14px;
}

.member-location a:before {
    margin-right: 5px;
}

.member-location {
    text-indent: 2px;
}
.member-socials {
    display: inline-block;
    font-weight: bold;
    vertical-align: bottom;
    line-height: 8px;
    float: right;
}

.member-socials li {
    display: inline-block;
}
.member-contact {
    position: absolute;
    right: 10px;
    top: 10px;
}

.member-contact li {
    display: inline-block;
    margin-left: 10px;
}

.member-shots-number {
    padding-right: 6px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    margin-right: 6px;
    margin-left: 6px;
}
.num-list {
    position: absolute;
    right: -55px;
    top: 14px;
    background: #82b440;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}
.tab_img-modres {
    float:right;
}
.tab_img-modres img {
    max-width: 90px;
    border-radius: 5px;
    margin: 0;
}
.tab_img-modres h6 {
    text-align: center;
    padding: 0;
}
.title-moders{
    float: right;
    width: 80%;
    margin-right: 25px;
    font-size: 15px;
}
.ctrate_tab {
    float: right;
    margin-right: 25px;
    margin-bottom: 8px;
}
.more-class  {
    float: right;
    width: 20%;
    margin-bottom: 25px;
}
.more-class small {
    text-align: center;
    float: right;
    margin-right: 50px;
    margin-top: 7px;
    font-size: 10px;
    color: #b1b1b1;
}
.more-class span{
    float: right;
    margin-right: 31px;
    background: #ddd;
    padding: 10px 14px;
    border-radius: 4px;
    margin-top: 5px;
    width: 77%;
    text-align: center;
    font-size: 11px;
}
.related-by-author ul .th_item {
    width: 32% ;
}
@media (max-width: 1023px) {
    .related-by-authorw ul .th_img img {
        max-height: -webkit-fill-available !important;
    }
}
@media (max-width: 960px){
    .related-by-author ul .th_item {
        width: 32% !important;
    }
    .related-by-author ul .th_img img {
        max-height: 100%;
    }
}
@media (max-width: 769px) {
    .related-by-author ul .th_item {
        width: 48% !important;
    }
    .related-by-author ul .th_img img {
        max-height: 183px !important;
    }
}
@media (max-width: 610px) {
    .related-by-author ul .th_item {
        width: 100% !important;
    }
    .related-by-author ul .th_img img {
        max-height: 100% !important;
    }
}
pre code {
    line-height: 30px;
    padding: 0 !important;
}
.ltr-content ul , .ltr-content ol {
    margin: 20px 0 20px 30px !important;
}
.ltr-content ol{
    list-style: square;
}
.ltr-content {
    direction: ltr;
    text-align: left;
}
blockquote {
    padding: 24px;
    background: #eaeaea45;
    border-radius: 10px;
    border-bottom: 3px solid #81b441 !important;
    border: 1px solid #f5f5f5;
    margin: 20px 0;
}
blockquote.igrad {
    color: #fff;
    background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
    border-bottom: none !important;
}
a.dlbtnc {
    margin: 24px 0;
    background: #82b552;
}
a.dlbtnc:hover {
    color: #fff;
}
.add_post{
    float: right;
    background: red;
    padding: 8px 59px;
    border-radius: 26px;
    color: #fff;
    text-decoration: none;
}
.armanlagaee{
    float: right;
    width: 100%;
    margin-top: 26px;
}
.back_post{
    width: 100%;
    background: #d6d6d6;
    padding: 8px;
    border-radius: 3px;
    overflow:hidden;
}
@media (max-width: 900px) {
    .post_in , .post_cat , .post_img {
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom:5px !important;
    }
}
.post_in{
    float: right;
    width: 400px;
}
.post_in input {
    width: 100%;
    text-align: right;
}
.post_cat{
    float: right;
    width: 243px;
    margin-right: 7px;
}
.post_cat #cat {
    width: 100%;
    direction: rtl;
    border-radius: 5px;

}
.post_img {
    float: left;
    max-width: 322px;
}
.post_img p{
    float: right;
    padding: 3px 6px;
}
.invalids {
    border:1px solid red !important;
}
.zirul li ul {
    padding-right: 30px;
    color: gray;
}
.messlarg {
color: #06b464;
}
.messsmall{
    color: #06b464;
}
.messfile{
    color: #06b464;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: 'انتخاب فایل';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
.custom-file-input:hover::before {
    border-color: black;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}