@charset "utf-8"; /* CSS Document - Rightlywritten.com -> TEST GAIN*/
/*order - start page*/

.order .page-wrapper-no-padding{
}
.start, .thankyou {
    background-color: #f5f7fc;
}

.start.d .main-content {
    padding-top: 0px;
}

.start.d .top-header-wrapper {
    padding-top: 20px;
    background-color: #fff;
    padding-bottom: 20px;
    border-bottom: solid 1px #e5e7eb;
}

.start-title {
    margin-top: 45px;
    text-align: center;
}

.start-title .x-title {
    /* font-family: 'Roboto', serif; */
    font-size: 32px;
    text-transform: capitalize;
    color: #777c86;
    font-weight: 500;
}

.start-title .x-subtitle {
    /* font-family: 'Roboto', serif; */
    font-size: 21px;
    font-weight: 300;
    color: 7d8599;
    padding-top: 5px;
}

.start-selector {
    padding-top: 46px;
    padding-bottom: 10px;
}

.start-selector .x-box {
    width: 360px;
    text-align: center;
    /* font-family: 'Roboto', serif; */
    font-weight: 300;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #eceef3;
    cursor: pointer;
    min-height: 335px;
}

.start-order-button.loading:before {
    top: 5%;
    left: 42%
}

.start-selector .x-box.x-left {
    float: right;
}

.start-selector .x-box.x-left:after {
    content: "";
    clear: both;
}

.start-selector .x-box.x-right {
}

.start-selector .x-box.x-right:after {
    content: "";
    clear: both;
}

.start-selector .x-title {
    font-size: 22px;
    /* font-family: 'Roboto', serif; */
    text-transform: capitalize;
    padding-top: 42px;
    color: #555a5d;
}

.start-selector .x-subtitle {
    color: #7d8599;
    font-size: 17px;
    padding-bottom: 60px;
    padding-top: 3px;
    /* font-weight: 400; */
}

.start-selector .x-icon {
    font-size: 100px;
    padding-top: 70px;
    color: #bec3d2;
}

.start-selector .x-box.active {
    background-color: #373a42;
    border: solid 1px #373a42;
}

.start-selector .x-box.active .x-icon {
    color: #94c66e;
}

.start-selector .x-box.active .x-title {
    color: #fff;
}

.start-order-button-onetime.active {
}

.start-order-button-onetime.active .x-icon {
    padding-top: 20px;
    font-size: 70px;
}

.start-order-button-onetime.active .x-title {
    padding-top: 8px;
    font-size: 16px;
}

.start-order-button-onetime.active .x-subtitle {
    display: none;
}

.start-order-button-onetime.active .x-extra-options {
    display: block !important;
    padding: 0px 30px;
}

.start-order-button-onetime.active .x-quantity {
    padding: 0px 40px;
}

.start-order-button-onetime.active .x-select {
    text-align: left;
    font-size: 13px;
    padding-left: 30px;
}

.start-order-button-onetime.active .x-select label {
    color: #fff;
}

.start-order-button-onetime.active .x-quatity-title {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

.start-order-button-onetime.active .x-button {
    padding: 10px 35px
}

.start-order-button-onetime.active .x-button .btn {
    width: 100%;
}

.start-order-button-onetime.active .x-quatity-toggle {
    display: table;
    width: 100%;
    height: 20px;
    margin-bottom: 12px;
}

.start-order-button-onetime.active .x-quatity-toggle .rwsvgicons {
    width: 12px;
    height: 12px;
    padding-top: 4px;
}

.start-order-button-onetime.active .x-quatity-toggle .start-onetime-quantity-toggle-button {
    display: table-cell;
    width: 32px;
    background-color: #f5f7fc;
    border-radius: 4px;
    vertical-align: middle;
}

.start-order-button-onetime.active .x-quatity-toggle .x-left {
}

.start-order-button-onetime.active .x-quatity-toggle .x-field {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
}

.start-order-button-onetime.active .x-quatity-toggle .x-field input {
    width: 100%;
    height: 32px !important;
    text-align: center;
}

.start-order-button-onetime.active .x-quatity-toggle .x-right {
}

.start .cart-error {
    text-align: center;
    padding-top: 50px;
    font-size: 16px;
}

/*order progress bar*/
.order-progress-container {
    border-bottom: solid 1px #dde0e8;
    background: #fff;
}

.order-progress-container.d {
}

.order-progress {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}

.bulk .order-progress {
    max-width: 825px;
}

.order-progress *[class^='col-'] {
    padding-left: 2px;
    padding-right: 2px;
}

.order-progress .x-each-item {
    display: table;
    height: 52px;
    margin-bottom: -2px;
    border-bottom: solid 2px transparent;
    padding-left: 20px;
    padding-right: 20px;
    color: #7d8599;
    margin-left: auto;
    margin-right: auto;
}

.order-progress .x-each-item:after {
}

.order-progress .x-each-item.active {
    border-bottom: solid 3px #94c66e;
    /* cursor: pointer; */
}

.f .order-progress .x-each-item.active {
    border-bottom: solid 4px #94c66e;
}

.order-progress .x-number {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    width: 50px;
}

.order-progress .x-completed {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    width: 50px;
    font-family: 'Montserrat', sans-serif;
}

.order-progress .x-completed .x-shape {
    width: 29px;
    border: solid 2px #bec3d2;
    height: 29px;
    border-radius: 50%;
    text-align: center;
    padding-top: 5px;
    padding-left: 1px;
    font-weight: bold;
}

.order-progress .x-completed .x-shape .rwsvgicons {
    width: 14px;
    color: #94c66e;
    height: 14px;
}

.order-progress .x-title {
    display: table-cell;
    vertical-align: middle;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}

.order-progress .x-each-item.active .x-number {
    color: #94c66e;
}

.order-progress .x-each-item.completed .x-title {
    color: #bec3d2;
}

.order-progress .x-rule {
    display: table-cell;
    vertical-align: middle;
}

.order-progress .x-rule hr {
    border-color: #e5e7ed;
    width: 100%;
    border-width: 2px;
}

.order-progress .x-each-item.active hr {
    color: 94c66e;
    padding-top: 1p;
}

.order-progress .x-each-item.completed .x-number {
    display: none;
    visibility: hidden;
}

/* onetime order content list*/
.order-content-list, .order-details-page, .order-account-page, .order-cart-page, .subscription-packages-list {
    /* background-color: #f5f7fc; */
    min-height: 370px;
    padding-bottom: 30px;
}

.order-content-list {
    min-height: 600px !important;
}

.order-details-page {
    min-height: 520px !important;
    position: relative;
}

.order-details-page.overlay:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #000;
    top: 0;
    z-index: 1000;
    opacity: 0.1;
}

.order-content-container:after, .order-details-container:after, .order-account-container:after, .order-cart-container:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.order-content-container, .order-details-container, .order-account-container, .order-cart-container, .subscription-content-container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    text-align: center;
    max-width: 1100;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.order-content-item {
    width: 25%;
    height: 165px;
    border-right: solid 1px #d9dde7;
    border-bottom: solid 1px #d9dde7;
    text-align: center;
    color: #7d8599;
    position: relative;
    /* font-family: 'Roboto', serif; */
    float: left;
    border-collapse: collapse;
}

.bulk .order-content-item {
    height: 80px;
    background-color: transparent;
}

.order-content-item .x-wrapper {
    padding: 12px;
    height: 100%;
    cursor: pointer;
}

.order-content-item .x-wrapper-inner {
    height: 100%;
}

.order-content-item .x-wrapper.content-type-selected .x-wrapper-inner, .order-content-item .x-wrapper.content-type-hover .x-wrapper-inner {
    background-color: #373a42;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 6px 2px rgba(189, 189, 189, 1);
    -moz-box-shadow: 0px 1px 6px 2px rgba(189, 189, 189, 1);
    box-shadow: 0px 1px 6px 2px rgba(189, 189, 189, 1);
}

.order-content-item .x-wrapper.content-type-selected .x-wrapper-inner .x-icon, .order-content-item .x-wrapper.content-type-hover .x-wrapper-inner .x-icon {
    color: #94c66e;
}

.order-content-item .x-wrapper.content-type-selected .x-wrapper-inner .x-title, .order-content-item .x-wrapper.content-type-hover .x-wrapper-inner .x-title {
    color: #fff;
}

.bulk .order-content-item .x-wrapper.content-type-hover .x-wrapper-inner .x-title {
    padding-top: 3px;
}

.order-content-item:after {
    content: " ";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f5f7fc;
    bottom: -1px;
    right: -1px;
}

.order-content-item:before {
    content: " ";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f5f7fc;
    top: -1px;
    left: -1px;
}

.bulk .order-content-item:before, .bulk .order-content-item:after {
    background-color: #fff;
}

.order-content-item .x-shape {
    content: " ";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f5f7fc;
    top: -1px;
    right: -1px;
}

.bulk .order-content-item .x-shape {
    background-color: #fff;
}

.order-content-item .x-icon {
    padding-top: 40px;
}

.order-content-item .x-icon .rwsvgicons {
    width: 35px;
    height: 35px;
}

.bulk .order-content-item .x-icon .rwsvgicons {
    width: 20px;
    height: 20px;
}

.order-content-item .x-title {
    text-transform: capitalize;
    padding-top: 12px;
    font-weight: 600;
    font-size: 13px;
}

.bulk .order-content-item .x-title {
    padding-top: 7px;
    font-size: 12px;
}

.order-content-item .x-example {
    display: none;
    z-index: 5;
    font-size: 13px;
}

.bulk .order-content-item .x-example {
    font-size: 12px;
    margin-top: -5px
}

.order-content-item .x-example:hover {
    text-decoration: underline;
}

/*order custolization section*/
.order-customization-wrapper {
    background-color: #eef0f6;
    border-top: solid 1px #d9dde7;
    position: fixed;
    bottom: 50px;
    left: 80px;
    right: 0px;
}

.f .order-customization-wrapper {
    left: 0px;
}

.order-customization-wrapper.overlayed {
    position: fixed;
    top: 0px;
    height: auto;
    right: 0px;
    left: 0px;
    z-index: 100;
    bottom: 0px;
    overflow-y: overlay;
}

.order-customization-container {
    max-width: 1062px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    /* vertical-align: middle; */
    text-align: center;
}

.order-customization-wrapper.overlayed .order-customization-container {
    max-width: 500px;
}

.order-customization-wrapper.overlayed #js-order-options-container {
    display: block;
}

.order-customization-wrapper .x-toggle-container {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4e525b;
    padding-top: 10px;
    padding-bottom: 20px;
    cursor: pointer;
}

.order-customization-wrapper .x-toggle-container .x-icon {
    padding-left: 10px;
    display: inline-block;
    margin-top: -6px;
}

.order-customization-wrapper.overlayed .x-toggle-container {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.order-customization-container .x-each-control {
    display: inline-block;
    width: 148px;
    margin-left: 20px;
    position: relative;
    vertical-align: top;
    height: 85px;
}

.order-customization-wrapper.overlayed .order-customization-container .x-each-control {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 60px;
}

.order-customization-container .x-each-control:nth-child(1) {
    margin-left: 0px;
    padding-bottom: 40px;
}

#option-blog-posting {
    display: inline-block;
}

.order-customization-container .x-each-item {
    text-align: center;
    height: 100%;
}

.order-customization-container .x-first .x-first-w {
    display: inherit;
}

.order-customization-container .x-first {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: 7d8599;
    text-transform: uppercase;
    font-size: 11px;
    text-align: left;
    color: #a8acb9;
    height: 29px;
}

.order-customization-container .x-first .x-text {
    display: inline-block;
    vertical-align: middle;
}

.order-customization-container .x-first .x-icon {
    display: inline-block;
    font-size: 23px;
    vertical-align: middle;
    padding-right: 6px;
}

.order-customization-container .x-first .x-icon .rwsvgicons {
    width: 26px;
    height: 26px;
}

.order-customization-container .customize-wordcount .x-first .x-icon .rwsvgicons {
    width: 30px;
    height: 32px;
}

.order-customization-container .x-second {
    position: relative;
    padding-top: 14px;
    margin-left: auto;
    margin-right: auto;
    height: 51px;
}

.order-customization-container .x-second:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

.order-customization-container .x-second.x-select {
    padding-top: 10px;
}

.option-changes-popup .x-second .x-toggle-left {
    float: left;
    width: 50%;
    background-color: #bec3d2;
    font-size: 17px;
    height: 32px;
    border-radius: 20px;
    padding-top: 7px;
    padding-right: 45px;
    color: #fff;
    border: solid 2px #bec3d2;
    text-align: right;
    cursor: pointer;
}

.option-changes-popup .x-second .x-toggle-right {
    float: right;
    width: 50%;
    background-color: #94c66e;
    height: 32px;
    border-radius: 20px;
    padding-top: 7px;
    padding-left: 45px;
    color: #fff;
    border: solid 2px #94c66e;
    text-align: left;
    cursor: pointer;
}

.option-changes-popup .x-second .x-toggle-right.x-slide {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #7d8599;
    font-size: 14px;
    padding-top: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
    background-color: transparent;
    border-color: #bec3d2;
    padding-left: 24px;
}

.option-changes-popup .x-second {
    width: 148px;
    position: relative;
    padding-top: 14px;
    margin-left: auto;
    margin-right: auto;
    height: 51px;
}

.option-changes-popup .x-second .x-toggle-left.x-slide {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #7d8599;
    font-size: 14px;
    padding-top: 4px;
    padding-right: 24px;
    background-color: transparent;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}

.option-changes-popup .x-second .x-toggle-form-field {
    position: absolute;
    width: 60px;
    left: 34px;
    top: 1px;
    padding-top: 9px;
}

.option-changes-popup .x-second .x-toggle-slider {
    position: absolute;
    width: 60px;
    top: 1px;
    padding-top: 4px;
}

.option-changes-popup .x-second .x-toggle-form-field .form-control {
    height: 42px;
    border-radius: 25px;
    width: 77px;
    text-align: center;
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    color: #7d8599;
    border-color: #d9dde7;
}

.order-customization-container .x-second .x-toggle-select-field {
    border-radius: 25px;
    height: 40px;
    border: 2px solid #d9dde7;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    /* padding-left: 17px; */
    background-color: #fff;
    color: #7d8599;
    cursor: pointer;
}

.order-customization-container .customize-images .x-second .x-toggle-select-field {
    border: none;
}

.order-customization-container .x-second .x-toggle-select-field .form-group {
    margin-bottom: 0px;
}

.order-customization-container .x-second .x-toggle-select-field select {
    width: 150px;
    border-radius: 25px;
    height: 42px !important;
    border: 2px solid #d9dde7;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    background-color: #fff;
    color: #7d8599;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
}

.order-customization-container .x-second .x-toggle-select-field .select:after {
}

.order-customization-container .x-second .x-toggle-select-field .x-text {
    float: left;
    padding-top: 9px;
    padding-left: 17px;
}

.order-customization-container .customize-images .x-second .x-toggle-select-field .x-text {
    padding-top: 0px;
    padding-left: 0px;
}

.order-customization-container .x-second .x-toggle-select-field .x-icon {
    float: right;
    padding-top: 12px;
    padding-right: 15px;
}

.order-customization-container .x-second .x-toggle-select-field:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
}

.option-changes-popup .x-second .x-toggle-slider {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: 32px;
    position: absolute;
    border-radius: 25px;
    width: 80px;
    top: 10px;
}

.option-changes-popup .x-second .x-toggle-slider.blog_posting_required {
    left: 0;
    background-color: #94c66e;
    color: #fff;
    border: solid 1px #94c66e;
    cursor: pointer;
}

.option-changes-popup .x-second .x-toggle-slider.none {
    right: 0;
    color: #7d8599;
    border-color: #d9dde7;
    background-color: #f3f3f3;
    border: solid 1px #bec3d2;
}

.order-customization-container .x-third {
    color: bec3d2;
    font-family: 'Roboto', serif;
    font-weight: 500;
    font-size: 12px;
    padding-top: 10px;
    display: none;
}

.order-customization-container .x-third::first-letter {
    text-transform: capitalize;
}

.order-footer-panel-wrapper {
    background-color: #292b31;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 80;
    z-index: 3;
}

.cart .order-footer-panel-wrapper {
    position: fixed;
    bottom: initial;
    right: initial;
    left: initial;
    bottom: 0px;
    right: 0px;
    left: 80px;
}

.f .order-footer-panel-wrapper {
    left: 0;
}

.order-footer-panel-container {
    margin-left: auto;
    margin-right: auto;
    display: table;
    width: 100%;
    height: 40px;
    /* font-family: 'Montserrat', sans-serif; */
    color: eef0f6;
    padding-left: 20px;
    padding-right: 20px;
}

.order-footer-panel-container .x-left {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    width: 130px;
}

.order-footer-panel-container .x-middle {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.order-footer-panel-container .x-right {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: right;
    width: 130px;
    padding-top: 4px;
}

.order-footer-panel-container .x-middle .x-mid {
    display: inline;
    vertical-align: middle;
}

.order-footer-panel-container .x-middle .x-l {
    display: inline-block;
    /* vertical-align: middle; */
    /* height: 50px; */
    /* padding-top: 10px; */
    border-right: solid 2px #474b55;
    padding-right: 15px;
}

.order-footer-panel-container .x-middle .x-r {
    display: inline-block;
    font-size: 23px;
    vertical-align: middle;
    height: 50px;
    padding-left: 50px;
    font-weight: 600;
    padding-top: 10px
}

.order-footer-panel-container .x-middle .x-icon {
    font-size: 24px;
    vertical-align: middle;
    padding-right: 8px;
}

.order-footer-panel-container .x-middle .x-text {
    font-size: 22px;
    text-transform: capitalize;
    padding-right: 40px;
    font-weight: 600;
    vertical-align: middle;
}

.order-footer-panel-container .btn {
    color: #eef0f6 !important;
    border-color: #87898e !important;
}

.order-footer-panel-container .btn:hover, .order-footer-panel-container .btn.actve {
    color: #eef0f6 !important;
    background-color: #87898e !important;
    border-color: #87898e !important;
}

/*ORDER DETAILS SECTION*/
.order-account-container {
}

.order-simple-selector {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #959cad;
    text-align: center;
    vertical-align: middle;
}

.order-simple-selector .x-detailed {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}

.order-simple-selector .x-toggle {
    display: inline-block;
    width: 40px;
    height: 22px;
    position: relative;
    vertical-align: middle;
    padding-top: 5px;
}

.order-simple-selector .x-simple {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}

.order-simple-selector .x-toggle {
}

.order-simple-selector .x-toggle:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
}

.order-simple-selector .x-toggle-left {
    float: left;
    background-color: #dde0e8;
    width: 20px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    height: 10px;
    cursor: pointer;
}

.order-simple-selector .x-toggle-right {
    float: right;
    background-color: #dde0e8;
    width: 20px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 10px;
    cursor: pointer;
}

.order-simple-selector .x-toggle-slider {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #94c66e;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.order-details-container textarea {
    padding-top: 7px;
    padding-right: 33px;
}

.single-order .order-details-container textarea {
    min-height: 153px;
    line-height: 18px;
}

.single-order.bulk .order-details-container textarea {
    min-height: 100px;
}

.order-details-container .x-text-popout {
    font-size: 18px;
    position: absolute !important;
    top: 10px;
    right: 10px;
    color: #ccced2;
    cursor: pointer;
    z-index: 1;
}

.order-details-container .x-text-popout .rwsvgicons {
    width: 18px;
    height: 18px;
}

.bulk .order-details-container .x-text-popout .rwsvgicons {
    width: 16px;
    height: 16px;
}

.order-distraction-free-overlay .x-text-popout {
    top: 140px;
    /* transition-timing-function: ease-in-out; */
    /* transition: 0.8s; */
}

.order-distraction-free-overlay .x-text-popout .rwsvgicons {
    transform: rotate(180deg);
    /* transition-timing-function: ease; */
    /* transition: 0.8s; */
}

.order-details-container .x-drop-files-container {
    border: dashed 2px #dce0e9;
    height: 153px;
    border-radius: 5px;
    padding: 8px;
    z-index: 3 !important;
}

.order-details-container .x-drop-files-container:hover {
    /**border-color:#8bc34a;**/
}

.order-details-container .x-drop-files-container.loading:before {
    z-index: 2;
}

#order-files-dropzone.loading:before {
    border-color: #94c66e #fff #fff;
    height: 45px;
    width: 45px;
    left: 43%;
    top: 15px;
}

.order-details-container .x-drop-files {
    width: 100%;
    background-color: #eceef6;
    border-radius: 5px;
    height: 100%;
    color: #7d8599;
    /* font-family: 'Robotolight', sans-serif; */
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 133px;
    /* padding-top: 35px; */
    position: relative;
}

.order-details-container .x-drop-files-container.loading .x-drop-files:before {
    display: block;
    content: '';
    position: absolute;
    background-color: #2b2b2b !important;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0.2;
    border-radius: 4px;
}

.single-order .order-details-container .x-drop-files-container.loading .x-drop-files:before {
    display: block;
}

.order-details-container .x-drop-files-container .x-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    padding-right: 10px;
    padding-top: 35px;
}

.order-details-container .x-text {
    display: inline-block;
    vertical-align: middle;
}

.order-details-container .x-text a {
    color: inherit;
}

.order-details-container {
    min-height: 740px;
}

.order.step-2 .order-details-container {
    min-height: initial;
    padding-bottom: 80px;
}

.order-details-page.loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 10;
}

.order-details-container .x-files-container {
}

.order-details-container .x-files-container .x-wrapper {
    position: relative;
}

.order-details-container .x-files-container .x-wrapper .x-delete, .order-details-container .x-files-container .x-wrapper .x-delete-text {
    display: none;
    visibility: hidden;
}

.order-details-container .x-files-container .x-wrapper.active .x-delete {
    position: absolute;
    display: block;
    visibility: visible;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #e00e11;
    opacity: 0.8;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    line-height: 50px;
    top: 0;
    left: 0;
}

.order-details-container .x-files-container .x-wrapper.active .x-delete-text {
    position: absolute;
    display: block;
    visibility: visible;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

.order-details-container .x-each-file {
    margin-bottom: 10px;
    background-color: #eceef6;
    padding: 10px 15px;
    border-radius: 4px;
    text-align: left;
}

.order-details-container .x-files-container .x-icon {
    font-size: 16px;
    color: #d0d4de;
    padding-right: 6;
}

.order-details-container .x-name {
    color: #292b31;
    /* font-family: 'Roboto', serif; */
    font-size: 12px;
    font-weight: 600;
}

.order-details-container .x-files-container .row {
    margin-left: -15px;
    margin-right: -15px;
}

.order-details-container .x-files-container *[class^='col-'] {
}

/*ACCOUNT DETAILS PAGE*/
.order-account-title {
    text-align: center;
    padding-top: 70px;
}

.order-account-title .x-title {
    font-family: 'Roboto', serif;
    font-size: 32px;
    text-transform: capitalize;
    color: #4e525b;
    font-weight: 300;
}

.order-account-selector {
    padding-top: 77px;
    padding-bottom: 150px;
}

.order-account-selector .x-box {
    width: 360px;
    text-align: center;
    font-family: 'Roboto', serif;
    font-weight: 300;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #eceef3;
}

.order-account-selector .x-box.x-left {
    float: right;
}

.order-account-selector .x-box.x-left:after {
    content: "";
    clear: both;
}

.order-account-selector .x-box.x-right {
}

.order-account-selector .x-box.x-right:after {
    content: "";
    clear: both;
}

.order-account-selector .x-title {
    text-transform: uppercase;
    padding-top: 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: 7d8599;
    padding-bottom: 30px;
}

.order-account-selector .x-subtitle {
    color: #7d8599;
    font-size: 18px;
    padding-bottom: 60px;
    padding-top: 3px;
}

.order-account-selector .x-icon {
    font-size: 70px;
    padding-top: 40px;
    color: #bec3d2;
}

.order-account-selector .x-form {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
}

.order-account-selector .x-form input[type="text"], .order-account-selector .x-form input[type="password"] {
    border-radius: 3px;
    height: 40px;
    line-height: 1;
    border-color: #dcdfe8;
    padding-left: 42px;
}

.order-account-selector .x-box .x-form .x-input-icon {
    font-size: 18px;
    color: #c7cfe2;
    position: absolute;
    left: 12px;
    top: 9px;
    display: block;
    height: 20px;
    border-right: solid 1px #c7cfe2;
    padding-right: 8px;
    padding-top: 1px;
}

.order-account-selector .x-box.active .x-form .x-input-icon {
    color: #c7cfe2;
    border-color: #373a42;
}

.order-account-selector .x-box.active {
    background-color: #373a42;
    border: solid 1px #373a42;
}

.order-account-selector .x-box.active .x-icon {
    color: #94c66e;
}

.order-account-selector .x-box.active .x-title {
    color: #fff;
}

.order-account-selector .x-box.active .x-form input[type="text"], .order-account-selector .x-box.active .x-form input[type="password"] {
    color: #c7cfe2;
    background-color: #4b4e55;
    border-color: #4b4e55;
}

/*shopping cart*/
.order-cart-page {
    border-top: 0px;
    margin-top: 0px;
    min-height: 230px;
    padding-bottom: 220px;
    padding-top: 0px !important;
}

.order-cart-page form {
    margin-bottom: 0px !important;
}

.order-cart-title {
    padding-top: 38px;
    text-transform: uppercase;
    /* font-family: 'Montserrat', sans-serif; */
    padding-bottom: 45px;
}

.order-cart-title .x-title {
    color: #7d8599;
    font-weight: 700;
    font-size: 16px;
}

.order-cart-title .x-sub-title {
    color: #bec3d2;
    font-size: 12px;
    font-weight: 500;
}

.order-cart-title .x-sub-title:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
}

.order-cart-title .x-sub-title .x-left {
    float: left;
}

.order-cart-title .x-sub-title .x-right {
    float: right;
}

.order-cart-title .x-sub-title .x-right a {
    color: inherit;
    text-decoration: underline;
}

.order-cart-item {
    background-color: #fff;
    padding: 15px 20px;
    border: solid 1px #f2f4f9;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.75);
    margin-bottom: 15px;
}

.order-cart-item .x-sub-text {
    color: #7d8599;
    text-transform: uppercase;
    font-size: 11px;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 700;
    text-align: left;
}

.order-cart-item .x-sub-text a {
    color: inherit;
}

.order-cart-item .x-sub-text span {
    padding-left: 8px;
    padding-right: 8px;
}

.order-cart-payment-wrapper {
    background-color: #eef0f6;
    border-top: solid 1px #d9dde7;
    position: fixed;
    bottom: 47px;
    right: 0;
    left: 80px;
    min-height: 101px;
}

.f .order-cart-payment-wrapper {
    left: 0px;
}

#cart-payment-buttons-confirmation {
    text-align: center;
    background-color: #eef0f6;
    border-top-color: #94c66e;
    border-top-width: 2px;
}

.shopping-cart-payment {
}

.shopping-cart-payment .x-pay-terms {
    padding-bottom: 20px;
    text-align: right;
}

#cart-payment-buttons-confirmation .shopping-cart-payment .x-pay-terms {
    text-align: center;
    padding-bottom: 15px;
    /*color: #d9534f;*/
    font-weight: 600;
}

.shopping-cart-payment .x-terms {
    font-family: 'Roboto', serif;
    font-size: 14px;
    color: #7d8599;
    display: inline;
}

.shopping-cart-payment .x-icon {
    background: #94C66E;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 4px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: solid 1px #94C66E;
    cursor: pointer;
}

.shopping-cart-payment .x-icon .rwsvgicons {
    width: 12px;
    height: 12px;
    padding-top: 2px;
    padding-left: 2px;
    color: #eef0f6
}

.shopping-cart-payment .x-icon.unchecked {
    color: #eef0f6;
    border: solid 1px #7d8599;
    background-color: #eef0f6;
}

.shopping-cart-payment .x-accept {
    color: #7d8599;
    display: inline;
    vertical-align: middle;
    cursor: pointer;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 600;
}

.shopping-cart-payment .x-pay-buttons {
    text-align: right;
}

#cart-payment-buttons-confirmation .shopping-cart-payment .x-pay-buttons {
    text-align: center;
}

.shopping-cart-payment .x-pay-buttons .btn {
    padding-left: 40px;
    padding-right: 40px;
}

.shopping-cart-payment .x-pay-buttons .btn-grey-4 {
    color: #7d8599 !important;
}

.shopping-cart-payment .x-coupon {
    color: #94C66E;
    text-align: left;
    padding-bottom: 10px;
    width: 100%;
    padding-top: 10px;
}

.shopping-cart-payment .x-coupon a {
    color: #7d8599;
    text-decoration: underline;
}

.shopping-cart-payment .x-cart-total {
    text-align: left;
    color: #292b31;
    font-size: 24px;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 400;
    padding-left: 25px
}

.shopping-cart-payment-footer {
    /* font-family: 'Roboto', serif; */
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

.shopping-cart-payment-footer .x-top-section {
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
    font-size: 13px;
    padding-bottom: 2px;
    font-weight: 700;
}

.shopping-cart-payment-footer .x-top-section span {
    vertical-align: middle;
}

.shopping-cart-payment-footer .x-bottom-section {
    padding-bottom: 30px;
}

.shopping-cart-payment-footer .x-icon-1 {
    font-size: 29px;
    padding-right: 15px;
}

.shopping-cart-payment-footer .x-text-1 {
    font-weight: 600;
}

.shopping-cart-payment-footer .x-spacer-1 {
    display: inline-block;
    border-right: solid 1px #fff;
    width: 4px;
    height: 10px;
    padding-left: 17px;
}

.shopping-cart-payment-footer .x-text-3 {
}

.shopping-cart-payment-footer .x-icon-2 {
    padding-right: 9px;
    padding-left: 18px;
    color: #94c66e;
}

/*subscription packages*/
.subscription-content-container {
    padding-top: 40px;
}

.subscription-packages-list {
}

.subscription-packages-list .each-package {
    /* margin-bottom: 30px; */
    padding: 12px 20px;
    border: solid 1px #edeff3;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.75);
    text-align: center;
    background-color: #fafbfe;
    cursor: pointer;
    padding-bottom: 20px;
}

.subscription-packages-list .each-package .x-icon {
    font-size: 65px;
    color: #bec3d2;
    padding-bottom: 25px;
    padding-top: 30px;
}

.subscription-packages-list .each-package .x-icon .rwsvgicons {
    width: 70px;
    height: 70px;
}

.subscription-packages-list .each-package .x-text-1 {
    color: #bec3d2;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 7px;
}

.subscription-packages-list .each-package .x-text-2 {
    color: #4e525b;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.subscription-packages-list .each-package .x-text-3 {
    color: #bec3d2;
    font-style: italic;
    font-size: 11px;
    padding-bottom: 20px;
}

.subscription-packages-list .each-package .x-text-4 {
    color: #7d8599;
    text-transform: capitalize;
    font-size: 16px;
    font-family: 'Roboto', serif;
    font-weight: 500;
    padding-bottom: 10px;
}

.subscription-packages-list .each-package .x-text-5 {
    color: #bec3d2;
    text-transform: capitalize;
    font-size: 12px;
    font-family: 'Roboto', serif;
    font-weight: 500;
    padding-bottom: 3px;
}

.subscription-packages-list .each-package.active, .subscription-packages-list .each-package.content-type-selected {
    background-color: #373a42;
}

.subscription-packages-list .each-package.active .x-icon, .subscription-packages-list .each-package.content-type-selected .x-icon {
    color: #94c66e;
}

.subscription-packages-list .each-package.active .x-text-1, .subscription-packages-list .each-package.content-type-selected .x-text-1 {
    color: #94c66e;
}

.subscription-packages-list .each-package.active .x-text-2, .subscription-packages-list .each-package.content-type-selected .x-text-2 {
    color: #fff;
}

.subscription-packages-list .each-package.active .x-text-3, .subscription-packages-list .each-package.content-type-selected .x-text-3 {
    color: #bec3d2;
}

.subscription-packages-list .each-package.active .x-text-4, .subscription-packages-list .each-package.content-type-selected .x-text-4 {
    color: #fff;
}

.subscription-packages-list .each-package.active .x-text-5, .subscription-packages-list .each-package.content-type-selected .x-text-5 {
    color: #bec3d2;
}

/*thank you page*/
.thank-you-containter {
    padding-top: 150px;
}

.thank-you-message {
    text-align: center;
}

.thank-you-message .x-title {
    color: #292b31;
    font-size: 80px;
    text-transform: capitalize;
    font-family: 'Roboto', serif;
    font-weight: 200;
}

.thank-you-message .x-transaction {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    padding-top: 10px;
}

.thank-you-message .x-message {
    color: bec3d2;
    padding-top: 10px;
    font-family: 'Roboto', serif;
    font-size: 16px;
}

.thank-you-message .x-button {
    padding-top: 50px;
}

.thank-you-message .x-button .btn {
    border-color: #d4d6db !important;
    color: #7d8599 !important;
}

.thank-you-message .x-button .btn:hover {
    background-color: #d4d6db !important;
    color: #7d8599 !important;
}

.thank-you-message .x-text-1 {
    color: #bec3d2;
    padding-right: 10px;
}

.thank-you-message .x-text-2 {
    color: #94c66e;
}

.cart-overlays-options {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display: block;
    overflow-y: scroll;
    bottom: 0px;
}

.cart-overlay-options-container {
    z-index: 2000;
    position: fixed;
    opacity: 1;
    top: 130px;
    width: 100%;
    height: 100%;
    overflow-y: overlay;
}

.cart-overlay-options-wrapper {
    position: relative;
}

.overlay-options-turnarond .x-option-container {
    max-width: 150px;
    background-color: #fff;
    display: inline;
}

.cart-options-quality {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.cart-options-quality .x-container {
    background-color: #fff;
    color: #b3b8c7;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 20px;
    min-width: 220px;
    display: table;
    width: 100%;
}

.cart-options-quality .x-icon {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}

.cart-options-quality .x-icon .rwsvgicons {
    width: 25px;
    height: auto;
    color: #d9534f;
}

.cart-options-quality .x-content {
    padding-left: 10px
}

.cart-options-quality .x-header {font-size: 18px;color: #d9534f;}

.cart-options-quality .x-header:after {
    display: block;
    content: "";
    clear: both;
}

.cart-options-quality .x-description {
    font-size: 10px !important;
    text-align: left;
    padding-top: 6px;
    color: #9397a2;
}

.cart-options-quality .x-title {
    float: left;
}

.cart-options-quality .x-stars {
    padding-left: 3px;
}

.cart-options-quality .x-stars i {
    padding-right: 2px;
}

.cart-options-quality .x-checkbox {
    display: table-cell;
    vertical-align: middle;
    width: 28px;
}

.cart-options-quality .x-subtitle {
    line-height: 1.1;
    padding-bottom: 30px;
}

.cart-options-quality .x-description ul {
}

.cart-options-quality .x-description li {
    font-size: 11px;
    line-height: 1.5;
}

.cart-options-quality .x-description li:before {
    content: '\2022 \00a0';
    margin-top: 3px;
}

.cart-options-quality .x-close {
    position: absolute;
    top: -40px;
    color: #fff;
    right: -40px;
    cursor: pointer;
}

.cart-top-menu-container {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    line-height: 80px;
    background: rgba(255, 255, 255, 0.95);
    border: 0;
}

.cart-top-menu {
    height: 80px;
    margin-left: 40px;
    margin-right: 40px;
}

.cart-top-menu .navbar {
    padding: 0px;
}

.cart-top-menu .nabar-nav {
}

.cart-top-menu ul {
}

.cart-top-menu li {
    float: left;
}

.cart-top-menu li a {
    font-family: "Raleway", sans-serif;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    white-space: nowrap;
    font-weight: 600;
    padding: 10px 13px 10px 12px;
    display: block;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 80px !important;
    -webkit-font-smoothing: none !important;
    text-shadow: initial !important;
    text-rendering: geometricPrecision !important;
    color: #777;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.cart-top-menu li a.now-active, .cart-top-menu li a:hover {
    color: #94c66e;
    text-decoration: none;
}

.cart-top-menu li a:after {
    content: '•';
    position: absolute;
    top: 0;
    color: #222222;
    left: -3px;
    display: block;
}

.cart-top-menu li:first-child a:after {
    content: none;
}

.cart-top-menu:after {
}

.cart-top-menu .x-cart {
    padding-top: 25px;
    position: relative;
    cursor: pointer;
    color: #8a8989;
}

.cart-top-menu .x-cart .rwsvgicons {
    width: 27px;
    height: 27px;
}

.cart-top-menu .x-cart-counter {
    position: absolute;
    top: -7px;
    left: 11px;
}

.cart-top-menu .x-cart:hover, .cart-top-menu .x-cart.active {
    color: #94c66e;
}

/*selection-alert*/
.selection-alert {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 14px 8px;
    background-color: #fff;
    text-transform: uppercase;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border: solid 2px #d9534f;
}

.selection-alert .x-icon {
    font-size: 20px;
    color: #D9534F;
}

.selection-alert .x-text {
    padding-top: 6px;
    font-size: 16px;
    padding-right: 10px;
    text-align: center;
}

.selection-alert .x-button {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

/*turnaround overlay*/
.cart-options-turnaround {
}

.cart-options-turnaround .x-container {
    background-color: #fff;
    border-radius: 3px;
    padding: 25px 30px;
    display: table;
    width: 100%;
    color: #bec3d2;
    /* font-family: 'Montserrat', sans-serif; */
    cursor: pointer;
    padding-top: 38px;
}

.cart-options-turnaround .x-container .x-icon {
    display: inline-block;
    width: 50px;
    vertical-align: middle;
}

.cart-options-turnaround .x-container .x-icon .rwsvgicons {
    width: 50px;
    height: 50px;
}

.cart-options-turnaround .x-container .x-middle {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 14px;
    padding-right: 14px;
}

.cart-options-turnaround .x-container .x-text {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 28px;
}

.cart-options-turnaround .x-container .x-subtext {
    color: #4e525b;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    margin-top: -3px;
}

.cart-options-turnaround .x-container .x-checkbox {
    display: block;
    vertical-align: middle;
    text-align: right;
    width: 20px;
    float: right;
    padding-top: 10px;
}

.cart-options-turnaround .x-container .x-circle, .cart-options-quality .x-container .x-circle {
    border: solid 2px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
}

.cart-options-turnaround .x-container .x-circle .rwsvgicons, .cart-options-quality .x-container .x-circle .rwsvgicons {
    width: 18px;
    height: 18px;
    padding-top: 6px;
    color: #fff;
}

.cart-options-turnaround .x-container:after {
    content: "";
    display: block;
    clear: both;
}

.cart-options-turnaround .x-container.active {
}

.cart-options-turnaround .x-container.active .x-icon {
    color: #94c66e;
}

.cart-options-turnaround .x-container.active .x-text {
    color: #94c66e;
}

.cart-options-turnaround .x-container .x-text .x-days {
    color: #6f737a;
}

.cart-options-turnaround .x-container.active .x-subtext {
    color: #4e525b;
}

.cart-options-turnaround .x-container.active .x-circle, .cart-options-quality .x-container.active .x-circle {
    border-color: #94c66e;
    background-color: #94c66e;
    color: #fff;
}

.cart-options-quality .x-container.active .x-title, .cart-options-quality .x-container.active .x-icon, .cart-options-quality .x-container.active .x-stars {
    color: #94c66e;
}

.cart-options-quality .x-container .x-circle {
    margin-left: auto;
    margin-right: auto;
}

.cart-options-turnaround .x-close {
    position: absolute;
    top: -40px;
    color: #fff;
    right: -40px;
    cursor: pointer;
}

/*express turnaround is disabled*/
.cart-options-turnaround .disabled {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*order details form error*/
.order-details-page .form-control.error {
    border-color: #e75752;
}

/*cart*/
.cart.d {
    background-color: #f5f7fc;
}

/*empty cart*/
.cart-empty {
    padding-top: 0px;
}

.order-cart-empty {
    text-align: center;
    padding-top: 120px;
}

.order-cart-empty .x-title {
    color: #292b31;
    font-size: 30px;
    text-transform: capitalize;
    font-family: 'Roboto', serif;
    font-weight: 200;
    padding-bottom: 15px;
}

.order-cart-empty .x-subtitle {
}

.order-cart-empty .x-button {
}

/*cart retry payment*/
.cart-retry {
    padding-top: 0px;
}

.cart-retry {
    text-align: center;
    padding-top: 120px;
}

.cart-retry .x-message {
    color: #292b31;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 200;
    padding-bottom: 15px;
}

.cart-retry .x-amount {
    color: #292b31;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 200;
    padding-bottom: 15px;
}

.cart-retry .x-button {
}

/*cart complete*/
.order-cart-complete {
    text-align: center;
    padding-top: 120px;
    min-height: 420px;
}

.order-cart-complete .x-title {
    color: #292b31;
    font-size: 30px;
    text-transform: capitalize;
    font-family: 'Roboto', serif;
    font-weight: 200;
    padding-bottom: 15px;
}

.order-cart-complete .x-sub-title {
    color: #292b31;
    font-size: 18px;
    /* text-transform: capitalize; */
    font-family: 'Roboto', serif;
    font-weight: 200;
    padding-bottom: 15px;
}

.coupon-popover {
    color: #878b9e;
    cursor: pointer;
}

.coupon-popover:hover {
    text-decoration: underline;
}

.cart-coupon-form {
    margin-bottom: 0px;
}

.cart-coupon-field {
}

.cart-coupon-button {
    font-size: 11px !important;
}

.coupon-code-input {
    border: none !important;
    padding-left: 0px;
    width: 100px !important;
}

.cart .popover-content {
    padding: 4px 18px;
}

.cart .popover::after {
    left: 75%;
}

.cart .popover::before {
    left: 75%;
}

.shopping-cart-payment {
}

.shopping-cart-payment .x-coupon {
    padding-bottom: 0px;
    padding-top: 23px;
    padding-left: 75px;
}

.shopping-cart-payment .x-applied-coupon {
    padding-bottom: 0px;
    color: #7d8599
}

.shopping-cart-payment .x-delete-coupon {
    float: none;
}

.shopping-cart-payment .x-coupon-code {
    float: none;
    padding-left: 1px;
}

.paynow-form-stripe {
    display: inline;
}

.stripe-button-el {
    display: inline-block !important;
    border: solid 2px #c5c7cc !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer;
    height: 28px !important;
    border-radius: 30px !important;
    background-image: none !important;
    -webkit-font-smoothing: inherit !important;
    text-align: center !important;
    color: #c5c7cc !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    line-height: 8px !important;
    padding: .5rem 1.5rem!important;
    font-weight: 700 !important;
    color: #7d8599 !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
}

.stripe-button-el span {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    color: inherit !important;
    background: inherit !important;
    border: 0px !important;
    padding: 0px !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    height: inherit !important;
    font-size: inherit !important;
    -webkit-box-shadow: inherit !important;
    -moz-box-shadow: inherit !important;
    -ms-box-shadow: inherit !important;
    -o-box-shadow: inherit !important;
    box-shadow: inherit !important;
    text-shadow: inherit !important;
}

/*destraction free order details*/
.distraction-free-order-details-textarea {
    /* position: fixed; */
    /* right: 15px; */
    /* top: 20%; */
    /* left: 22%; */
    /* bottom: 30%; */
    /* z-index: 1000; */
    width: 60%;
    border-radius: 0px!important;
    /* -webkit-transition: all 1.5s ease; */
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    /* transition: all 1.5s ease; */
    margin: auto;
}

.distraction-free-order-details-button {
    z-index: 1001 !important;
    position: fixed !important;
    top: 0;
    right: 0;
}

/*KEEP IT SIMPLE*/
.order-details-container.simple {
    max-width: 900px;
}

.order-details-container.simple .order-simple-selector .x-toggle-slider {
    right: 0;
    left: initial;
}

.order-details-container.detailed .order-simple-selector .x-toggle-slider {
    left: 0;
    right: initial;
}

.order-details-container.simple #simple-group-2 {
    display: none !important;
}

.order-details-container.detailed #simple-group-2 {
    display: block !important;
}

.order-details-container.simple #simple-group-3 {
    display: none !important;
}

.order-details-container.detailed #simple-group-3 {
    display: block !important;
}

.order-details-container.simple #simple-group-4 {
    display: none !important;
}

.order-details-container.detailed #simple-group-4 {
    display: block !important;
}

.order-details-container.detailed #simple-group-7 {
    display: block !important;
}


.order-details-container.simple #simple-group-6-details {
    width: 100% !important;
}

.order-details-container.simple #simple-group-6-upload-box {
    width: 50% !important;
}

.order-details-container.simple #simple-group-6-file-list {
    width: 50% !important;
}

/* fix margins added by forms in order pages*/
#step-2-form, .order form {
    margin-bottom: 0px;
}

/*example modal*/
#contentExampleModal {
}

#contentExampleModal .modal-content {
}

#contentExampleModal .modal-body {
    min-height: 120px;
    padding-top: 20px;
}

#contentExampleModal .modal-header {
}

#contentExampleModal .modal-title {
    border-bottom: solid 1px #dcdcdc;
    padding-top: 25px;
    padding-bottom: 10px;
}


.distraction-free-order-details-button {
    z-index: 1001 !important;
    position: fixed !important;
    top: 0;
    right: 0;
}

/*KEEP IT SIMPLE*/
.order-details-container.simple {
    max-width: 900px;
}

.order-details-container.simple .order-simple-selector .x-toggle-slider {
    right: 0;
    left: initial;
}

.order-details-container.detailed .order-simple-selector .x-toggle-slider {
    left: 0;
    right: initial;
}

/* hide for simpleview*/

.order-details-container.simple #form_writing_style {
    display: none !important;
}

.order-details-container.simple #form_preferred_voice {
    display: none !important;
}

.order-details-container.simple #form_target_audience {
    display: none !important;
}

.order-details-container.simple #form_key_words {
    display: none !important;
}

.order-details-container.simple #cart_reference_links {
    display: none !important;
}

.order-details-container.simple #form_call_to_action {
    display: none !important;
}


.order-details-container.simple #simple-group-6-details {
    width: 100% !important;
}

.order-details-container.simple #simple-group-6-upload-box {
    width: 100% !important;
}

.order-details-container.simple #simple-group-6-file-list {
    width: 100% !important;
}

/* fix margins added by forms in order pages*/
#step-2-form, .order form {
    margin-bottom: 0px;
}

/*example modal*/
#contentExampleModal {
}

#contentExampleModal .modal-content {
}

#contentExampleModal .modal-body {
    min-height: 120px;
    padding-top: 20px;
}

#contentExampleModal .modal-header {
}

#contentExampleModal .modal-title {
    border-bottom: solid 1px #dcdcdc;
    padding-top: 25px;
    padding-bottom: 10px;
}

.order-footer-panel-arrows {
    display: none;
}

.order-footer-panel-arrows .x-left {
}

.order-footer-panel-arrows .x-right {
}

.order-footer-panel-arrows:after {
    display: block;
    content: "";
    clear: both;
}

.order #pay-invoices-top-notice {
    display: none;
}

.order .top-header .page-title {
    display: none;
}

.order .wrapper-main .top-header-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*new options panel*/
.order-options-wrapper {
    position: fixed;
    bottom: 50px;
    left: 80px;
    right: 0px;
    background-color: #ffffff;
}

.f .order-options-wrapper {
    left: 0px;
}

.order-options {
    /* max-width: 1140px; */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.order-options-parent {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.order-option {
    display: table-cell;
    border: solid 1px #dde0e8;
    margin: 0px;
    margin-right: -4px;
    border-left: 0px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    width: 1%;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    color: #707480;
    font-size: 15px;
    padding-left: 22px;
    padding-right: 22px;
    border-bottom: solid 2px #fff;
    text-transform: capitalize;
}

.order-option .x-left {
    float: left;
}

.order-option .x-right {
    float: right;
}

.order-option .x-label {
    display: inline-block;
    background-color: #e2e5ec;
    border-radius: 12px;
    padding: 0px 12px;
    font-size: 15px;
    margin-top: 3px;
    min-width: 40px;
    height: 23px;
    color: #707480;
    font-weight: 600;
}

.order-option .x-label .rwsvgicons {
    padding-top: 7px;
    width: 9px;
    height: 16px;
}

.order-option:last-child {
    /* border-top-right-radius: 3px; */
    /* border-bottom-right-radius: 3px; */
}

.order-option:first-child {
    /* border-top-left-radius: 3px; */
    /* border-bottom-left-radius: 3px; */
    border-left: solid 1px #dde0e8;
}

.order-option:after {
    content: "";
    display: block;
    clear: both;
}

.order-option .x-icon {
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
}

.order-option .x-icon .rwsvgicons {
    width: 25px;
    height: 25px;
}

.order-option .x-text {
    display: inline-block;
    vertical-align: middle;
}

.option-changes-popup {
    position: absolute;
    bottom: 105px;
    height: 140px;
    width: 300px;
    background-color: #fff;
    border: solid 1px #dde0e8;
    border-bottom: 0px;
    padding: 10px;
    color: #aeb4c5;
    /* font-family: 'Montserrat', sans-serif; */
    z-index: 2;
}

.option-changes-popup.option-changes-quality {
    padding-left: 0px;
    padding-right: 0px;
}

.order-option.active {
    border-bottom: 2px solid #658e46;
}

.order-option.active .x-icon {
    color: #658e46;
}

.order-option.active .x-label {
    color: #658e46;
}

.option-changes-popup .x-title {
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: 700;
    font-size: 16px;
    padding-top: 1px;
    color: #7d818c;
}

#option_popup_blogpost.option-changes-popup .x-title {
    padding-top: 20px;
}

.option-changes-popup .x-toggle {
    display: inline-block;
    border: solid 1px #aeb4c5;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
}

.option-changes-popup .x-value {
    display: inline-block;
    font-size: 22px;
    padding: 0px 18px;
}

.option-changes-popup .x-value .input-number {
    display: inline-block;
    width: 160px;
    border-color: #bec3d2;
    text-align: center;
    font-size: 22px !important;
    border-radius: 35px;
    height: 45px !important;
}

.option-changes-popup .rwsvgicons {
    width: 12px;
    height: 12px;
}

.option-changes-popup .x-toggle:hover {
    border-color: #9acf74;
    background-color: #9acf74;
    color: #fff;
}

.option-changes-popup .x-toggle.disabled {
    border-color: #bec3d2;
    background-color: #bec3d2;
    color: #fff;
    cursor: initial;
}

.option-changes-popup .x-panel {
    text-align: center;
    padding-top: 10px;
}

.option-changes-popup .x-sub-panel {
    text-align: center;
    font-size: 13px;
    padding-top: 8px;
}

#option_popup_blogpost.option-changes-popup .x-panel {
    padding-top: 1px;
}

.option-changes-popup .x-close {
    position: absolute;
    right: 17px;
    top: -13px;
    cursor: pointer;
    background-color: #4e525b;
    padding: 9px;
    border-radius: 50%;
    z-index: 3;
}

.option-changes-popup .x-close .rwsvgicons {
    width: 8px;
    height: 8px;
    color: #ffffff;
}

.options-split {
    width: 100%;
    text-align: center;
    height: 100%;
}

.options-split .x-each-option {
    display: inline-block;
    border-left: solid 1px #dde0e8;
    height: 100%;
}

.options-split .x-each-option:first-child {
    border-left: 0px
}

.option-changes-quality .options-split .x-each-option {
    width: 33%;
    padding-right: 20px;
    padding-left: 20px;
}

.option-changes-quality .options-split .x-each-option:last-child {
    padding-right: 20px;
}

#option_popup_wordcount .x-title, #option_popup_quantity .x-title, #option_popup_images .x-title {
    padding-top: 10px;
    font-size: 19px;
    letter-spacing: 3px !important;
}

.option-changes-turnaround .options-split {
    display: table;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.option-changes-turnaround .options-split .x-each-option {
    display: table-cell;
    width: 50%;
    text-align: center;
}

.order-options-tooltip {
    position: fixed;
    bottom: 115px;
    right: 12px;
    padding-top: 20px;
}

.order-options-tooltip .x-container {
    background-color: #323338;
    padding: 13px 10px;
    border-radius: 11px;
    display: table;
    width: 90px;
}

.order-options-tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #323338;
    border-width: 10px;
    margin-left: -10px;
}

.order-options-tooltip .x-icon {
    display: none;
    vertical-align: middle;
    width: 40px;
    color: #9dd275;
}

.order-options-tooltip .x-icon .rwsvgicons {
    width: 18px;
    height: 18px;
}

.order-options-tooltip .x-content {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.order-options-tooltip .x-header {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.order-options-tooltip .x-text {
    font-size: 10px;
    color: #83858c;
}

.order-options-tooltip .x-close {
    position: absolute;
    top: 11px;
    right: -7px;
    background-color: #4e525b;
    padding: 7px;
    border-radius: 50%;
    cursor: pointer;
}

.order-options-tooltip .x-close .rwsvgicons {
    width: 7px;
    height: 7px;
    color: #fff;
}

.bulk #cart-continue-standard {
    display: none !important;
}

.bulk #cart-continue-bulk {
    display: block !important;
}

.standard #cart-continue-standard {
    display: block !important;
}

.standard #cart-continue-bulk {
    display: none !important;
}

.order-distraction-free-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.order-distraction-free-overlay .order-distraction-free-container-2 {
    padding-top: 130px;
    max-width: 800px;
    margin: auto;
    margin-bottom: 120px;
    /* transition-timing-function: ease-in; */
    /* transition: 0.8s; */
}

.order-distraction-free-overlay textarea {
    height: 50%;
    padding-right: 35px;
}

.order-options-wrapper.order-options-attention {
    -webkit-animation: rw-flashing 1s;
    /* Safari 4+ */
    -moz-animation: rw-flashing 1s;
    /* Fx 5+ */
    -o-animation: rw-flashing 1s;
    /* Opera 12+ */
    animation: rw-flashing 1s;
    /* IE 10+, Fx 29+ */
}

.order-options-wrapper.order-options-attention .order-option .x-label {
    -webkit-animation: rw-flashing-alt 1s;
    /* Safari 4+ */
    -moz-animation: rw-flashing-alt 1s;
    /* Fx 5+ */
    -o-animation: rw-flashing-alt 1s;
    /* Opera 12+ */
    animation: rw-flashing-alt 1s;
    /* IE 10+, Fx 29+ */
}

@-webkit-keyframes rw-flashing {
    0%, 50%, 100% {
        background-color: rgb(226, 229, 236);
    }

    25%, 75% {
        background-color: #ffffff;
    }
}

@-webkit-keyframes rw-flashing-alt {
    0%, 50%, 100% {
        background-color: rgb(197, 202, 214);
    }

    25%, 75% {
        background-color: rgb(226, 229, 236);
    }
}

.cart-payment-header {
    font-size: 30px;
    padding-bottom: 40px;
    font-weight: 300;
}

.cart-payment-body {
}

.cart-payment-body .x-pay-button {
    padding-top: 40px;
}

#page-content {
    background-color: #ffffff;
    /* display: flex; */
}

/*mega menu*/
.menu__item__link {
    font-size: 12px;
    color: #363f4e !important;
}

.menu__item__link:hover {
    color: #696d74;
    text-decoration: none;
    opacity: 1;
}

.menu__item:last-child .menu__item__link {
    background-image: -webkit-linear-gradient(265deg,#fd8596 0,#ff5782 100%);
    background-image: -o-linear-gradient(265deg,#fd8596 0,#ff5782 100%);
    background-image: linear-gradient(185deg,#fd8596 0,#ff5782 100%);
    opacity: 1;
    color: #fff;
    padding: 13px 37px !important;
}

.order.f {
    background-color: #f5f7fc;
}

.order.f .main-content {
    padding-top: 100px;
}

.start.f .main-content {
    padding-top: 90px;
}

.order.f .order-progress-container {
    border-bottom: none;
    background: inherit;
}

.order.f .order-content-list {
    margin-top: 2px;
}

.cart-coupon-form {
    position: relative;
}

#close-coupon-popover {
    position: absolute;
    top: -20px;
    right: -28px;
    display: inline-block;
    background-color: #c4c6ca;
    padding: 0px;
    border-radius: 50%;
    width: 22px;
    vertical-align: middle;
    height: 22px;
    line-height: 19px;
    text-align: center;
    font-weight: 400;
    padding-left: 2px;
    cursor: pointer;
    color: #fff;
}