/*=====================================================
    
                    ITTP design mod

=====================================================*/


.mobile-only {
    display: none !important;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.clearBoth {
    clear: both;
}

.page-title {
    margin-top: 20px !important;
}

.alertMessage {
    font-size: 1.5em;
}

.master-wrapper-page > .topic-html-content {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    background-image: none;
}

.admin-header-links {
    background-color: #f3f3f3;
}
/* fix for search button disapearing on hover */

@media (min-width: 1001px) {
    .search-box-button:hover {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

h1,
h2,
h3 {
    color: #212121;
}

.topic-page p {
    font-size: 14px;
    line-height: 24px;
}

.header {
    background: #f3f3f3;
}

h1 {
    font-family: 'AmericanTypewriterBold', serif;
}



/*================== Home Hero slider mod ==================*/

@media (max-width: 1000px) and (min-width: 240px) {
    .slider-wrapper.theme-ittp {
        top: -10px;
    }

    .header {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}

.home-hero-sub-container {
    display: none;
}
/*================== Homepage content ==================*/

@media (max-width: 768px) {
    .topic-html-content-body h2, .topic-sub-header.how-it-works h3 {
        margin: 15px 0 0 0;
    }
}

.product-grid .title:before, .product-grid .title:after {
    display: none;
}

.product-grid .title strong {
    font-weight: bold;
    font-size: 26px;
    color: #212121;
    padding: 0 25px;
    width: 100%;
    display: inline-block;
}

.home-middle-text-block {
    margin-top: 70px;
}

/* How It Works*/
.homepage-top-text.product-grid.home-page-product-grid {
    margin: 30px 0 100px 0;
    text-align: center;
    line-height: 1.7;
    padding: 40px;
    border-bottom: 2px solid #dddddd;
}

    .homepage-top-text.product-grid.home-page-product-grid p {
        color: #888888;
    }

    .homepage-top-text.product-grid.home-page-product-grid.success-how-works {
        background-color: #ffffff;
        margin: 0;
    }

    .homepage-top-text.product-grid.home-page-product-grid.how-it-works {
        margin: 30px auto;
        padding: 0px;
        border-bottom: 0px solid #dddddd;
    }

.nonprofit-page.home-page .new-gray-button, .nonprofit-page.home-page button {
    width: auto;
    margin: 5px;
}

.homepage-top-text .first-third,
.homepage-top-text .second-third,
.homepage-top-text .third-third {
    width: 300px;
    display: inline-block;
    padding: 40px;
    vertical-align: text-top;
    height: 300px;
    margin: 10px;
    background-color: #ffffff;
    border-radius: 50%;
}

.homepage-top-text .fa-laptop,
.homepage-top-text .fa-bullhorn,
.homepage-top-text .fa-money {
    color: #2abcd2;
    margin-left: 20px;
}
/* @media (max-width: 1000px) and (min-width: 769px) {
    .homepage-top-text .first-third,
    .homepage-top-text .second-third,
    .homepage-top-text .third-third {
        padding: 20px;
        width: 30%;
    }
} */
/* @media (max-width: 768px) and (min-width: 240px) {
    .homepage-top-text .first-third,
    .homepage-top-text .second-third,
    .homepage-top-text .third-third {
        width: 100%;
    }
} */
.vendor-footer-content .home-page-text.product-grid.home-page-product-grid {
    background-color: #f3f3f3;
    text-align: center;
    padding: 30px;
    margin: 0;
    border-radius: 6px;
}
/* .home-page-text.product-grid.home-page-product-grid.homepage-top-text {
    margin: 100px 0;
} */

/*================== ITTP Media Query mods ==================*/

@media (min-width: 1001px) {
    .header-menu,
    .header-menu > ul {
        float: right;
        white-space: nowrap;
        /*margin-right: 20px;*/
        /*clear: none;*/
        padding: 0;
    }

        .header-menu.stick > ul {
            float: none;
        }

        .header-menu > ul > li.new-main-nav-button > a, .header-menu > ul > li.new-main-nav-button > span {
            padding: 8px 24px;
            color: #ffffff;
        }

            .header-menu > ul > li.new-main-nav-button > a:hover, .header-menu > ul > li.new-main-nav-button > span:hover {
                color: #2abcd2;
            }

            .header-menu > ul > li.new-main-nav-button > a:after, .header-menu > ul > li.new-main-nav-button > span:after {
                height: 0px;
            }

        .header-menu > ul > li > a, .header-menu > ul > li > span {
            font-size: 14px;
        }

    .search-box input.search-box-text {
        transition: all .2s ease-in-out;
        font-size: 14px;
    }

    .desktop-header-right {
        margin-top: 6px;
    }

    .mini-shopping-cart .totals strong {
        color: #2abcd2;
    }

    .mini-shopping-cart input[type="button"] {
        font-size: 16px !important;
    }

    .search-box input.search-box-text:focus {
        color: #757575;
        border-color: #2abcd2;
    }

    .header-menu .ittp-main-nav .slogan {
        position: absolute;
        width: 565px;
        text-align: center;
        top: -56px;
        left: -25%;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
    }

        .header-menu .ittp-main-nav .slogan .ittp-tag {
            font-size: 15px;
            color: #cccccc;
            margin-right: 15px;
            text-transform: uppercase;
        }

        .header-menu .ittp-main-nav .slogan .funds-raised {
            font-size: 12px;
            color: #cccccc;
        }
}

@media (max-width: 1125px) and (min-width: 1000px) {
    .header-menu .ittp-main-nav .slogan {
        width: 350px;
        left: -5%;
        top: -65px;
    }

        .header-menu .ittp-main-nav .slogan .ittp-tag {
            display: block;
            margin: 0 0 3px 0;
            font-size: 14px;
        }

        .header-menu .ittp-main-nav .slogan .funds-raised {
            display: block;
        }
}

.header-links li {
    border-right: 0px solid #ffffff;
    padding: 0 20px 0 0;
}
/* .header-logo {
	width: 255px;
} */
.header-logo a.logo {
    background-image: url("../../images/ittp/ink-logo_new.svg");
    background-repeat: no-repeat;
    width: 260px;
    height: 47px;
}

    .header-logo a.logo img {
        display: none;
    }

.header-links-wrapper {
    border-bottom: 0px solid #212121;
    padding: 0px;
    margin: 0 0 20px;
}

@media (min-width: 1150px) {
    .header-menu {
        margin: 0;
    }

    .header {
        padding: 0 0 15px;
    }
}

@media (min-width: 1000px) and (max-width: 1149px) {
    .header {
        padding: 0;
    }
}

@media (max-width: 1000px) and (min-width: 769px) {
    .header-logo {
        width: 50%;
    }
}

@media (max-width: 768px) and (min-width: 240px) {
    .header-logo {
        width: 75%;
    }
}

/*================== Footer ==================*/

.footer, .push {
    height: 474px;
}

.footer, .push {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
}

/*.master-wrapper-page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -474px;
}*/

.footer-middle .footer-block,
.footer-block h3 {
    color: #ffffff;
}

    .footer-middle .footer-block a:hover {
        text-decoration: underline;
        color: #ffffff !important;
    }

div.newsletter div.title {
    display: none;
}

.footer-middle {
    background: #2abcd2;
    border-top: 0px solid #999999;
    border-bottom: 0px solid rgba(0, 188, 212, .15);
}

    .footer-middle .footer-block a:before,
    .footer-middle .footer-block a:after {
        content: none;
    }

    .footer-middle .footer-block a {
        padding: 7px 0px;
    }

.footer-block h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 10px;
}

.subscribe-block h3 {
    color: #ffffff;
    font-weight: 100;
}


.footer-upper:before,
.footer-upper:after {
    content: normal;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: transparent;
}

.contact-block .footer-menu i.fa {
    margin-left: -30px;
    margin-right: 12px;
    vertical-align: middle;
}

.footer-middle .footer-block {
    margin: 0;
}

@media (min-width: 240px) {
    .footer-middle .footer-block {
        float: left;
        width: 50%;
    }
}

.fa.fa-mobile-phone.fa-3x {
    padding-left: 5px;
}

.contact-block .footer-menu li.share-it-wear-it {
    padding-left: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
}

.footer-disclaimer {
    color: #000000;
    opacity: .35;
}

    .footer-disclaimer .footer-terms {
        margin-left: 12px;
        padding-left: 12px;
    }

        .footer-disclaimer .footer-terms:hover {
            text-decoration: underline;
        }

.footer-lower {
    background: #008ba3;
}

.footer-block h3 {
    padding-top: 20px;
    margin-bottom: 10px;
}

.social-sharing h3,
.subscribe-block h3 {
    padding-top: 0;
}

@media (min-width: 769px) {
    .footer-powered-by,
    .footer-disclaimer,
    .footer-tax-shipping {
        float: left;
        clear: left;
        margin: 0 0 2px;
        padding-top: 10px;
        display: block;
    }

    .accepted-payment-methods {
        float: right;
    }
}

div.bbb-logo {
    display: inline-block;
    opacity: .25;
    text-align: center;
}

.footer-menu li.email,
.footer-menu li.phone {
    background: none;
}

/*================== Product Detail Pages ==================*/

.center-1  .product-name {
    background: none;
    text-align: center;
}

    .center-1  .product-name h1 {
        color: #212121;
        font-size: 3em;
        padding-top: 15px;
        padding-bottom: 25px;
    }

.product-details-page .ui-tabs-anchor {
    color: #999999;
}

.product-details-page .ui-tabs .ui-tabs-panel {
    bottom: 0;
    background: rgba(255, 255, 255, .9);
}

.product-details-page .overview .variant-description {
    font-weight: 700;
    color: #757575;
    line-height: 1.4;
    margin: 0 0 15px;
    font-size: 14px;
}

.overview .buttons.share-pdp-buttons {
    padding-bottom: 15px;
    position: relative;
}

.product-details-page .overview .buttons .email-a-friend {
    margin: 0;
    margin-top: -5px;
}

.product-details-page .overview .buttons .product-share-button {
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 55px;
}

    .product-details-page .overview .buttons .product-share-button .fb-like.fb_iframe_widget {
        position: absolute;
        left: 0;
    }

.product-details-page .overview .prices {
    border-bottom: none;
}

.product-details-page .overview .attributes {
    border-bottom: none;
}

.product-details-page .overview .ink-summary {
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
}

    .product-details-page .overview .ink-summary .verified-donation {
        font-size: 14px;
        color: #999999;
        padding-bottom: 20px;
        text-align: left;
    }

        .product-details-page .overview .ink-summary .verified-donation > span {
            display: block;
        }

    .product-details-page .overview .ink-summary .non-verified-donation {
        font-size: 14px;
        color: #999999;
        padding-bottom: 20px;
        text-align: left;
    }

        .product-details-page .overview .ink-summary .non-verified-donation > span {
            display: block;
        }

.product-details-page .ittp-designer-details {
    padding: 5px 0 15px 0;
    width: 100%;
    float: left;
}

    .product-details-page .ittp-designer-details .profile-image-wrap {
        width: 90px;
        height: 90px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 50%;
        border: 2px solid #f3f3f3;
        position: relative;
        float: left;
    }

        .product-details-page .ittp-designer-details .profile-image-wrap .profile-thumb {
            width: 100%;
            display: block;
        }

    .product-details-page .ittp-designer-details .profile-details {
        margin-left: 110px;
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
    }

        .product-details-page .ittp-designer-details .profile-details li a {
            color: #2abcd2;
            text-decoration: underline;
        }

            .product-details-page .ittp-designer-details .profile-details li a:hover {
                color: #999999;
            }

.product-details-page .overview .ittp-pdp-notes {
    padding: 30px 0 20px 0;
}

.product-details-page .product-grid .title,
.product-details-page .product-grid .title strong {
    color: #999999;
}

.product-name #campaignWelcome {
    color: #2abcd2;
    font-size: 18px;
    border: 4px double #2abcd2 !important;
    padding: 10px !important;
    border-radius: 3px;
    background-color: #ffffff !important;
    width: 90%;
    margin: 0 auto 10px auto;
}

.overview #shareMyProduct {
    border: 4px double #2abcd2 !important;
    padding: 10px !important;
    border-radius: 3px;
    margin-bottom: 15px;
    background-color: #ffffff !important;
    color: #2abcd2;
    font-size: 16px;
    text-align: center;
}

    .overview #shareMyProduct > input {
        width: 100% !important;
        margin: 0 auto 5px auto;
        display: block;
    }
/* sizing tab */

.product-details-page .productTabs .productTabs-body #ui-tabs-1,
.product-details-page .productTabs .productTabs-body #ui-tabs-2 {
    overflow: auto;
}

    .product-details-page .productTabs .productTabs-body #ui-tabs-1:before,
    .product-details-page .productTabs .productTabs-body #ui-tabs-2:before {
        display: none;
    }

.product-details-page .productTabs .productTabs-body .ui-tabs-panel .topic-html-content-body {
    line-height: 1.2;
    font-size: 13px;
}

    .product-details-page .productTabs .productTabs-body .ui-tabs-panel .topic-html-content-body h2 {
        margin-bottom: 8px;
    }

    .product-details-page .productTabs .productTabs-body .ui-tabs-panel .topic-html-content-body h3 {
        margin-bottom: 5px;
    }
/* grouped product page (with product variants) */

.product-collateral .variant-overview .variant-type {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
}

.product-variant-line {
    width: 100%;
}

.product-grid.ProductVariantTitle {
    margin-bottom: 0;
}

.product-variant-list {
    margin-bottom: 20px;
}

.overview .ProductOptions {
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 10px 10px 65px 10px;
    border-radius: 3px;
    background: url(../../images/ittp/arrow-down.png) no-repeat center 80% #eeeeee;
}

.variant-overview .prices {
    font-weight: 700;
}
/* pdp consolidation to 1 page type .single-view-rev */

.single-view-rev.product-details-page .ittp-designer-details {
    position: relative;
}

.single-view-rev .verified-donation .tool-tip {
    letter-spacing: 2px;
    cursor: help;
    position: relative;
    padding: 0 3px 3px 3px;
}

    .single-view-rev .verified-donation .tool-tip .tool-tip-details {
        display: none;
        padding: 10px;
        border-radius: 2px;
        box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
        border: 1px solid #cccccc;
        background: #ffffff;
        font-size: 12px;
        color: #999999;
        position: absolute;
        left: -85px;
        min-width: 200px;
        max-width: 300px;
        letter-spacing: normal;
    }

.pdp-single-goals-container {
    background: #f3f3f3;
    padding: 15px;
    border-radius: 6px;
}

    .pdp-single-goals-container .additional-donation-msg {
        padding-top: 10px;
    }

        .pdp-single-goals-container .additional-donation-msg p {
            font-size: 13px;
            color: #999999;
            line-height: normal;
            font-weight: 500;
        }

.single-view-rev.product-details-page .overview .ittp-pdp-notes {
    text-align: center;
    padding-top: 0;
}

.single-view-rev .ittp-pdp-notes .sell-to-print {
    font-size: 14px;
    font-weight: 600;
    color: #ff5252;
}

.single-view-rev .ittp-pdp-notes .will-print {
    font-size: 14px;
    font-weight: 600;
    color: #2abcd2;
}

.single-view-rev .ittp-pdp-notes .approx-delivery-date {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.single-view-rev.product-details-page .overview .progress-container {
    background-color: #dddddd;
    margin-top: 10px;
    height: 12px;
    width: 100%;
}

    .single-view-rev.product-details-page .overview .progress-container .progress-bar {
        height: 12px;
    }

.pdp-single-goals-container .countdown-message {
    display: inline-block;
    padding: 0;
    color: #999999;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    vertical-align: text-bottom;
}

.pdp-single-goals-container #countdown-holder {
    display: inline-block;
    background: none;
    border: none;
}

    .pdp-single-goals-container #countdown-holder .countdown-amount {
        color: #999999 !important;
        font-size: 22px !important;
        font-weight: 500;
    }

    .pdp-single-goals-container #countdown-holder .countdown-section {
        width: auto !important;
    }

    .pdp-single-goals-container #countdown-holder .countdown-period {
        display: none !important
    }

    .pdp-single-goals-container #countdown-holder .countdown-section:not(:last-child) .countdown-amount:after {
        content: ":";
        margin: 0 3px;
    }

.single-view-rev.product-details-page .overview .attributes {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

    .single-view-rev.product-details-page .overview .attributes dt {
        display: none;
    }

    /*.single-view-rev.product-details-page .overview .attributes dd select {
        border-radius: 6px;
    }*/

.attributes dd {
    float: none;
    margin-right: 0;
}

.attributes select {
    max-width: 100%;
}

.single-view-rev.product-details-page .overview .prices {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.single-view-rev.product-details-page .overview .product-price span {
    font-size: 28px;
}
/*.single-view-rev.product-details-page .add-to-cart .add-to-cart-panel .qty-input {
    display: none;
    visibility: hidden;
}*/
.single-view-rev.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper {
    float: none;
    display: block;
}

.single-view-rev.product-details-page .add-to-cart .add-to-cart-panel {
    display: block;
}

.productAddedToCartWindowDescription span {
    display: inline-block;
}

.pdp-single-socialbutton-wrap .social-msg {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    display: block;
    padding-bottom: 12px;
    text-align: center;
}

#shareMyProduct h2 {
    font-weight: 400;
}

.promote-topic-content h2 {
    text-align: center;
    margin-bottom: 30px;
}

.pdp-single-socialbutton-wrap ul.social-link-list {
    display: block;
    text-align: center;
}

.pdp-single-socialbutton-wrap .social-link-list li {
    display: inline-block;
    color: #ffffff;
    padding: 0 2px;
    line-height: 1;
    text-align: center;
}

    .pdp-single-socialbutton-wrap .social-link-list li .fa {
        font-size: 24px;
        border-radius: 50%;
        display: block;
        height: 46px;
        width: 46px;
        line-height: 1.95;
        transition: all .2s linear;
    }

.pdp-single-socialbutton-wrap .social-link-list li {
    transition: all .2s linear;
}

    .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-facebook {
        background: #305f8e;
    }

    .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-twitter {
        background: #56b5d5;
    }

    .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-google-plus {
        background: #d34836;
    }

    .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-pinterest {
        background: #d0333e;
    }

    .pdp-single-socialbutton-wrap .social-link-list li .fa.fa-envelope {
        background: #faaf3a;
    }

    .pdp-single-socialbutton-wrap .social-link-list li:hover {
        opacity: .75;
        transition: all .2s linear;
    }
/*.alertModal-msgbox .pdp-single-socialbutton-wrap .social-link-list li .fa {
    background: #2abcd2;
}
.alertModal-msgbox .pdp-single-socialbutton-wrap .social-link-list li .fa:hover {
    background: #ff5252;
}*/
.single-view-rev.product-details-page .assoc-style-name a {
    font-size: 13px;
    font-weight: 500;
    color: #757575;
    display: block;
    margin: 10px 0 25px 0;
    height: 33px;
    overflow: hidden;
    line-height: normal;
}

@media (min-width: 1024px) {
    .product-details-page .overview {
        margin-left: 720px;
        max-widtH: 400px;
        margin-right: 0;
    }

    .product-variant-line {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .product-details-page #quickTabs.ui-tabs {
        float: left;
    }

    .product-details-page .overview {
        float: right;
    }

    .product-variant-line {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .product-details-page .overview .add-to-cart {
        text-align: left;
    }

    .product-details-page .overview .attributes dd {
        float: left;
        margin-right: 10px;
    }

    .product-details-page .overview .attributes dt {
        float: left;
        clear: left;
        min-width: 60px;
        margin-right: 10px;
    }

    .product-details-page .product-grid .title,
    .product-details-page .product-grid .title strong {
        text-align: left;
        padding: 0;
    }

    .overview .ProductOptions {
        display: none;
    }
}

.single-view-rev.product-details-page .overview .attributes {
    display: block;
}

@media (max-width: 768px) {
    .product-details-page .overview .attributes dd {
        float: none;
        margin-right: 0;
    }

    .overview .prices {
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .attributes select {
        max-width: 100%;
    }
}

.single-view-rev.product-details-page .overview .attributes dd select {
    min-width: 100%;
}
/* product grid */

.item-box .picture a {
    background: none;
}

.item-box .picture {
    background: none;
}

    .item-box .picture img {
        margin-top: 0;
    }

.home-page-category-grid .item-box .picture {
    border-radius: 50%;
    overflow: hidden;
}

.product-grid .item-box .product-title {
    text-overflow: ellipsis;
}

.product-list .item-box .product-title {
    font-weight: 700;
}

.product-grid .item-box .product-title a {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    height: 35px;
    line-height: 2.4;
    font-size: 12px;
    color: #212121;
}

.product-list .item-box .product-title a {
    text-decoration: none;
}

.product-list .title {
    display: none;
}
/* .product-list .item-box {
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
} */
.product-grid .item-box .visible-details,
.product-grid .item-box .product-title,
.item-box .title {
    border: 0px;
}

.product-list .title:before,
.product-list .title:after {
    background: none;
}

.product-list .item-box:hover .quick-view-button {
    opacity: 0 !important;
}

.item-grid .item-box .description {
    border-bottom: none !important;
    font-weight: 500;
    color: #757575;
    line-height: 1.5;
}

    .item-grid .item-box .description p,
    .item-grid .item-box .description span {
        font-weight: 500;
        height: auto !important;
    }

@media (max-width: 1000px) {
    .item-box .product-rating-box,
    .product-grid .item-box .prices {
        margin: 10px 0;
    }
}

.product-grid .item-box .prices {
    margin-top: 0;
    height: auto;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.product-grid .item-box .product-title {
    height: 25px;
}

.product-grid .item-box .visible-details:before {
    height: 0;
    /* remove green "border" on grid products */
}

.product-grid .item-box .buttons {
    margin-bottom: 10px;
}

.item-box .product-rating-box,
.product-grid .item-box .prices {
    margin: 0 0 10px 0;
}

.product-grid .item-box .buttons {
    margin-bottom: 10px;
}

div.product-grid.home-page-product-grid > div.item-grid {
    text-align: center;
}

    div.product-grid.home-page-product-grid > div.item-grid > div.item-box {
        float: none;
        display: inline-block;
    }

.campaign-ended-notification {
    background-color: #d8f5f9;
    text-align: center;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 6px;
}

    .campaign-ended-notification h1 {
        margin-bottom: 10px;
        color: #2abcd2;
    }

    .campaign-ended-notification p {
        font-size: 14px;
    }



/*================= goal progress bar ============================*/

.ink-summary {
    background: none;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    font-weight: normal;
    line-height: 22px;
    color: #212121;
    text-align: center;
    padding: 10px 0 0 0;
}

.progress-container {
    width: 90%;
    height: 10px;
    margin: 0px auto 8px auto;
    background-color: #eeeeee;
    border-radius: 5px;
}

.progress-bar {
    height: 10px;
    background-color: #00c853;
    margin: 0;
    float: left;
    border-radius: 5px;
}

.ink-summary .want-this,
.ink-summary .min-order,
.ink-summary .days-remaining {
    position: relative;
    display: inline-block;
    width: 30%;
    color: #757575;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}

.ink-summary .want-this {
    color: #00c853 !important;
}

.item-box .actual-price {
    color: #757575 !important;
    font-size: 12px;
    font-weight: normal;
}

.ink-summary .label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
}
/* Additional donation price input */

.customer-entered-price {
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #dddddd;
    margin-bottom: 15px !important;
}

    .customer-entered-price .price-input input.enter-price-input {
        width: 70px !important;
    }

    .customer-entered-price .price-input label.enter-price-label {
        margin-right: 8px;
        font-weight: 600;
    }
/* text input */


.master-column-wrapper {
    margin-top: 20px;
}

.master-wrapper-main input[type="text"],
.master-wrapper-main input[type="password"],
.master-wrapper-main textarea,
.price-input input.enter-price-input,
.alertModal-container input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"] {
    height: 36px;
    border: 1px solid #cccccc;
    padding: 8px;
    vertical-align: middle;
    background: #fafafa;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15);
    border-radius: 2px;
    font-size: 14px;
    color: #212121;
    font-family: 'Open Sans', sans-serif;
}

#step3_c .mce-edit-area {
    border: 1px solid #cccccc;
    padding: 8px;
    vertical-align: middle;
    background: #fafafa;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15);
    border-radius: 2px;
    font-size: 14px;
    color: #212121;
    font-family: 'Open Sans', sans-serif;
}

.master-wrapper-main input[type="text"]:focus,
.master-wrapper-main input[type="password"]:focus,
.master-wrapper-main textarea:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
    border-color: #2abcd2;
}

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

/* select box */

select {
    min-width: 50px;
    border: 1px solid #dddddd;
    line-height: 30px;
    height: 36px;
    border: 1px solid #cccccc;
    padding: 4px 10px;
    background: #fafafa;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .10);
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #212121;
}
/* fixes on login page */

.login-page .inputs.reversed input#RememberMe {
    margin-right: 3px;
}

fieldset.facebook-login-block {
    border: none;
    margin: 0 0 20px 0;
}

    fieldset.facebook-login-block legend {
        display: none;
    }

.login-page .page-body {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
}

.login-page .title strong {
    font-weight: normal;
}

.external-authentication .title {
    padding: 0 0 10px;
    border-bottom: 4px double #dddddd;
    display: block;
    font-size: 20px;
    width: 100%;
}

.miniProductDetailsView .attributes select {
    padding: 4px 10px !important;
}

.jDropDown {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    background-color: #fafafa !important;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #cccccc;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .10);
    border-radius: 3px;
}

    .jDropDown > div {
        padding-right: 30px !important;
    }

@media (max-width: 1000px) and (min-width: 240px) {
    .header-selectors-wrapper {
        display: none;
    }

    .header-links a {
        text-indent: 0;
        width: auto;
        background-image: none !important;
    }

    .header-links, .header-centering {
        width: 100%;
    }

    .header-logo {
        margin: 20px auto;
    }

    .responsive-nav-wrapper .personal-button {
        float: left;
        background: url(https://inktothepeople.com/images/ittp/img/icon-user.png) no-repeat center;
    }

    .responsive-nav-wrapper .menu-title {
        background: url(../../images/ittp/icon-menu.png) no-repeat center;
    }

    .shopping-cart-link,
    .responsive-nav-wrapper .search-wrap {
        float: right;
    }

    .responsive-nav-wrapper {
        background: none repeat scroll 0% 0% #2abcd2;
    }

    .header-menu .close-menu {
        background-color: #2abcd2;
    }

    .admin-header-links {
        float: left;
        display: block;
        display: none !important;
        background-color: #dddddd;
        opacity: .75;
        border: 1px solid #212121;
        border-radius: 6px;
        margin: 65px 0 0 65px;
        position: absolute;
    }

        .admin-header-links:hover {
            opacity: 1;
        }
    /* header menu */

    .search-box input.search-box-text {
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        opacity: 1;
    }

    .search-box .search-box-button {
        border: none;
    }

    .shopping-cart-link > a {
        background-color: transparent;
    }

    .responsive-nav-wrapper {
        background: #2abcd2;
    }

        .search-box,
        .responsive-nav-wrapper .search-wrap span,
        .responsive-nav-wrapper .filters-button span,
        .header-menu .close-menu,
        .header-menu ul li.back-button {
            background-color: #757575;
        }

    .search-box {
        background-color: #000;
        border-bottom: 2px solid #dddddd;
    }

    .responsive-nav-wrapper .search-wrap span {
        background-color: transparent;
    }

    .header-menu .ittp-main-nav .extra-large-button-nav {
        margin: 25px auto;
        width: 275px;
        font-size: 26px;
        height: auto;
        padding: 8px;
        transition: none;
        margin-top: 60px;
    }

    .header-menu .ittp-main-nav .slogan {
        position: absolute;
        text-align: center;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
        top: 215px;
        left: 24px;
        width: 275px;
    }

        .header-menu .ittp-main-nav .slogan .ittp-tag {
            display: block;
            margin-bottom: 15px;
            font-size: 18px;
            text-transform: uppercase;
        }

        .header-menu .ittp-main-nav .slogan .funds-raised {
            display: block;
            font-size: 14px;
            line-height: 1.5;
            opacity: .65;
        }
}

@media (max-width: 767px) {
    .header-links li {
        border-bottom: 1px solid #cccccc;
        display: block;
        padding: 10px 0;
    }
}

@media (max-width: 1000px) {
    .side-2 .block {
        float: none;
        width: 100%;
        margin: 0;
    }
}

.header-menu.stick .new-slogan {
    display: none;
}

.shopping-cart-page .common-buttons .button-2 {
    padding: 8px 11px;
}

/*================ ITTP buttons and navigation ==============================*/
/* Teal Solid Buttons */

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.search-input .button-1,
.contact-page .button-1,
.email-a-friend-page .button-1,
.account-page .button-2:hover,
.save-address-button:hover,
.new-comment .button-1 {
    border: 2px solid #2abcd2 !important;
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out !important;
    border-radius: 4px !important;
    background-color: #2abcd2 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important;
    text-transform: uppercase;
}

.shopping-cart-page .common-buttons .continue-shopping-button:hover,
.update-cart-button:hover {
    color: #ffffff !important;
    text-transform: uppercase;
}
/* Teal Outline Buttons */

.item-box input[type="button"],
.account-page .button-2,
.shopping-cart-page .common-buttons .continue-shopping-button,
.shopping-cart-page .common-buttons .update-cart-button,
.update-cart-button,
.save-address-button,
.new-gray-button,
.new-comment .button-1:hover,
.topic-html-content .button-2,
.mini-shopping-cart input[type="button"].button-1.cart-button,
.cancelButton,
.backButton,
a.di-prod-select,
a.di-prod-delete,
.shopping-cart-page .cart-footer .button-2 {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 4px !important;
    color: #2abcd2 !important;
    border-color: #2abcd2 !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important;
    border: 2px solid #2abcd2 !important;
    text-transform: uppercase;
}

    .item-box input[type="button"]:hover,
    .account-page .button-2:hover,
    .shopping-cart-page .common-buttons .continue-shopping-button:hover,
    .shopping-cart-page .common-buttons .update-cart-button:hover,
    .update-cart-button,
    .new-gray-button:hover,
    .topic-html-content .button-2:hover,
    .mini-shopping-cart input[type="button"].button-1.cart-button:hover,
    .cancelButton:hover,
    .myImagesButton:hover,
    .myComputerButton:hover,
    .backButton:hover,
    a.di-prod-select:hover,
    a.di-prod-delete:hover,
    .shopping-cart-page .cart-footer .button-2:hover {
        color: #ffffff !important;
        background-color: #2abcd2 !important;
    }

.new-gray-button,
.cancelButton,
.backButton {
    font-size: 16px;
    padding: 8px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
    width: 100%;
    text-transform: uppercase;
}

a.green-border-button button.new-gray-button {
    width: auto;
}

.cancelButton,
.backButton,
div.preview-step-top-info .new-gray-button {
    width: auto;
}

div.preview-step-top-info .new-gray-button,
div.preview-step-top-info .extra-large-button-orange {
    margin: 5px;
}

.SPCOptions .new-gray-button {
    width: 45%;
    margin: 2%;
}
/* Main Nav Teal CTA Button */

.main-nav-button,
.myImagesButton,
.myComputerButton {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 4px !important;
    color: #ffffff !important;
    border: 2px solid #2abcd2;
    background-color: #2abcd2 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important;
    padding: 8px 24px;
    font-size: 16px;
    min-width: 150px;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}

.myImagesButton,
.myComputerButton {
    margin: 5px;
}

    .main-nav-button:hover,
    .myImagesButton:hover,
    .myComputerButton:hover {
        color: #2abcd2 !important;
        border: 2px solid #2abcd2;
        background-color: #ffffff !important;
    }

@media (max-width: 1000px) {
    .main-nav-button {
        width: 100%;
    }
}

@media (min-width: 1001px) {
    li.new-main-nav-button {
        margin: 0 20px;
    }
}

.main-bttn {
    border: 2px solid #2abcd2;
    border-radius: 4px;
    background-color: #2abcd2;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
    padding: 6px;
}

li.new-main-nav-button {
    border: 2px solid #2abcd2;
    border-radius: 4px;
    background-color: #2abcd2;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
}

    .main-bttn:hover,
    li.new-main-nav-button:hover {
        border: 2px solid #2abcd2;
        background-color: #ffffff;
        color: #2abcd2;
    }

@media (max-width: 1000px) and (min-width: 240px) {
    .header-menu > ul li.new-main-nav-button > a,
    .header-menu > ul li.new-main-nav-button > span {
        color: #ffffff;
        background-color: #2abcd2;
        margin: 10px;
        border-radius: 6px;
        text-align: center;
    }

    .header-menu > ul li.new-main-nav-button {
        border: 2px solid #f6f6f6;
        border-radius: 0px;
    }
}
/* Green Solid Buttons */

.button-1.checkout-button,
.button-1.confirm-order-next-step-button,
.button-1.new-address-next-step-button,
.overview .add-to-cart-button,
.extra-large-button-orange,
.extra-huge-orange-button,
.shipping-method-next-step-button,
.ropc .complete-button button,
.order-completed-continue-button,
.productAddedToCartWindowCheckout {
    border: 2px solid #ff5252 !important;
    background-color: #ff5252 !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 4px !important;
    color: #ffffff !important;
    text-transform: uppercase;
}

.overview .add-to-cart-button,
.extra-large-button-orange,
.extra-huge-orange-button {
    font-size: 16px;
    padding: 8px 24px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
    text-transform: uppercase;
}
    /* Greeen Outline Buttons */

    .shopping-cart-page .button-1:hover,
    .checkout-page .button-1:hover,
    .button-1.new-address-next-step-button:hover,
    .overview .add-to-cart-button:hover,
    .extra-large-button-orange:hover,
    .extra-huge-orange-button:hover,
    .mini-shopping-cart input[type="button"].button-1.checkout-button:hover,
    .ropc .complete-button button:hover,
    .order-completed-continue-button:hover,
    .productAddedToCartWindowCheckout:hover {
        color: #ff5252 !important;
        border: 2px solid #ff5252 !important;
        background-color: #ffffff !important;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-radius: 4px !important;
        text-transform: uppercase;
    }

.shopping-cart-page .button-1,
.checkout-page .button-1,
.overview .add-to-cart-button,
.extra-huge-orange-button {
    width: 100%;
    margin: 15px 0;
}

    .button-1.confirm-order-next-step-button,
    .button-1.new-address-next-step-button,
    .checkout-page .button-1.shipping-method-next-step-button,
    .order-completed-continue-button {
        width: auto !important;
    }
/* Teal Buttons Overriding Green Buttons */

.button-1.save-address-button,
.button-1.update-cart-button {
    color: #2abcd2 !important;
    background-color: #ffffff !important;
    border: 2px solid #2abcd2 !important;
    width: auto;
    text-transform: uppercase;
}

    .button-1.save-address-button:hover,
    .button-1.update-cart-button:hover {
        border: 2px solid #2abcd2 !important;
        -webkit-transition: all .5s ease-in-out !important;
        -moz-transition: all .5s ease-in-out !important;
        transition: all .5s ease-in-out !important;
        border-radius: 4px !important;
        background-color: #2abcd2 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important;
        color: #ffffff !important;
        text-transform: uppercase;
    }

.topic-html-content-body button {
    margin: 20px 0 10px 0;
}

.contact-vendor-button {
    background-color: #cccccc !important;
    border: 0;
    padding: 10px;
    border-radius: 6px !important;
    margin-bottom: 20px;
}

    .contact-vendor-button:hover {
        color: #ffffff !important;
        background-color: #212121 !important;
    }

.topic-page .extra-large-button-orange {
    padding: 6px 25px;
    display: inline-block;
    margin: 30px 0 0 0;
}

    .topic-page .extra-large-button-orange:hover {
        text-decoration: none;
    }
/*================= Checkout/Order pages =======================*/

.order-details-page .page-title {
    padding-bottom: 10px;
}
/* Order details additional donation modal */

#addlDonationModal {
    position: absolute;
}

.addlDonationPaymentInfo {
    display: inline-block;
    width: 48%;
    float: left;
}

.addlDonationBillingAddress {
    display: inline-block;
    width: 49%;
    float: left;
    padding-left: 20px;
}

.addlDonationOptions {
    display: block;
    clear: both;
    width: 100%;
    border: none;
    background: #eeeeee;
    margin: 20px 0;
    padding: 20px 0;
}

    .addlDonationOptions br {
        display: none;
    }

    .addlDonationOptions ul {
        display: block;
        width: 100%;
        text-align: center;
    }

        .addlDonationOptions ul li {
            display: inline-block;
            padding: 10px;
            background: #fafafa;
            border-radius: 3px;
            box-shadow: 1px 0 10px rgba(0, 0, 0, .2);
            margin: 8px;
            max-width: 300px;
            min-width: 225px;
            text-align: center;
        }

a.addlDonationButton,
#submitAddlDonation {
    text-decoration: none;
    padding: 8px 11px;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 700;
    border: none !important;
    text-transform: uppercase !important;
    text-align: center;
    background-color: #ff5252 !important;
    border-radius: 0px !important;
    transition: all .5s ease;
    min-width: 125px;
    display: inline-block;
    margin-top: 10px;
}

    a.addlDonationButton:hover,
    #submitAddlDonation:hover {
        background-color: #ff5252 !important;
    }

#submitAddlDonation {
    margin: auto;
    display: block;
    padding: 15px;
    min-width: 50%;
}

    #submitAddlDonation .fa {
        margin-right: 5px;
    }

#addlDonationModal .validationMessage {
    background-color: #F33;
    position: absolute;
    white-space: nowrap;
    display: block;
    padding: 2px 8px;
    z-index: 1;
    top: -15px;
    right: 35%;
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.5;
}

    #addlDonationModal .validationMessage:after {
        border-top: 6px solid #F33;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        width: 0;
        height: 0;
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 1em;
    }

.addlDonationOptions ul li label:first-of-type {
    margin-bottom: 10px;
    display: block;
}

    .addlDonationOptions ul li label:first-of-type span {
        font-size: 17px;
        font-weight: 600;
    }

.addlDonationOptions ul li label span {
    display: block;
    font-weight: 600;
}

.addlDonationOptions ul li label input[type="text"] {
    width: 50%;
    float: none;
    text-align: center;
    font-size: 18px;
    height: 36px;
    color: #999999;
    margin-top: 5px;
}

    .addlDonationOptions ul li label input[type="text"]:focus {
        color: #212121;
    }

.addlDonationPaymentInfo br {
    clear: both;
    line-height: 1;
}

.addlDonationPaymentInfo label,
.addlDonationBillingAddress label {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

    .addlDonationPaymentInfo label span:first-of-type,
    .addlDonationBillingAddress label span:first-of-type {
        display: inline-block;
        text-align: right;
        width: 37%;
        vertical-align: text-top;
        line-height: 1.5;
        padding-top: 5px;
    }

    .addlDonationPaymentInfo label input[type="text"],
    .addlDonationBillingAddress label input[type="text"],
    .addlDonationPaymentInfo label select,
    .addlDonationBillingAddress label select,
    .addlDonationOptions input[type="text"] {
        width: 58%;
        float: right;
        font-size: 13px;
        height: 32px;
    }

.alertModal-container .donationsList {
    margin-top: 20px;
}

    .alertModal-container .donationsList li {
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 17px;
    }

@media (max-width: 700px) {
    .addlDonationPaymentInfo {
        display: block;
        width: 90%;
        float: none;
    }

    .addlDonationBillingAddress {
        display: block;
        width: 90%;
        float: none;
        padding-left: 0px;
        padding-top: 20px;
    }

        .addlDonationPaymentInfo label span:first-of-type,
        .addlDonationBillingAddress label span:first-of-type {
            width: 28%
        }

    .addlDonationOptions ul li label input[type="text"] {
        width: 70%;
    }

    .addlDonationOptions input[type="text"] {
        width: 70%;
    }

    .addlDonationPaymentInfo label input[type="text"],
    .addlDonationBillingAddress label input[type="text"],
    .addlDonationPaymentInfo label select,
    .addlDonationBillingAddress label select,
    .addlDonationOptions input[type="text"] {
        width: 70%;
    }
}

@media (max-width: 500px) {
    .addlDonationPaymentInfo {
        display: block;
        width: 90%;
        float: none;
    }

    .addlDonationBillingAddress {
        display: block;
        width: 90%;
        float: none;
        padding-left: 0px;
        padding-top: 20px;
    }

        .addlDonationPaymentInfo label span:first-of-type,
        .addlDonationBillingAddress label span:first-of-type {
            width: 100%;
            display: block;
            float: none;
            text-align: left;
        }

    .addlDonationOptions ul li label input[type="text"] {
        width: 100%;
        display: block;
        float: none;
        text-align: left;
    }

    .addlDonationOptions input[type="text"] {
        width: 100%;
        display: block;
        float: none;
        text-align: left;
    }

    .addlDonationPaymentInfo label input[type="text"],
    .addlDonationBillingAddress label input[type="text"],
    .addlDonationPaymentInfo label select,
    .addlDonationBillingAddress label select,
    .addlDonationOptions input[type="text"] {
        width: 100%;
        display: block;
        float: none;
        text-align: left;
    }
}
/* Order details */

.email-confirm-message {
    margin-top: 10px;
}

.order-details-page .order-overview .order-number strong {
    font-size: 1.9em;
}

.order-details-area ul {
    padding: 20px;
    border-left: none;
}

.order-details-area table {
    max-width: none;
}

.order-details-page .cart-total td {
    background-color: transparent;
}

.order-details-page .total-info {
    padding: 20px;
}

.order-details-page .cart-total {
    margin-bottom: 0;
}

.order-details-page .order-overview {
    padding: 20px;
}

.order-details-page .order-details span {
    margin-right: 10px;
    white-space: nowrap;
}

.section.products td.prod-image {
    width: 140px;
}

    .section.products td.prod-image img {
        max-width: 100px;
        width: 100%;
    }

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    display: none;
}

.footable-row-detail {
    display: table-row !important;
}

.a-center.quantity,
.a-right.price,
.a-right.total {
    text-align: center;
}

.a-left.name a.go-to-product-page {
    font-size: 14px;
}

    .a-left.name a.go-to-product-page:hover {
        text-decoration: underline;
    }

table .a-left.name .attributes {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-bottom: 0;
    border-top: 1px solid #eeeeee;
    color: #757575;
}

.attributes.crowd-funded {
    font-size: 11px;
}

    .attributes.crowd-funded a:hover {
        text-decoration: underline;
    }

.attributes.promote .social-sharing {
    float: none;
    display: block;
    width: 100%;
    background: #ff5252;
    border-radius: 3px;
}

    .attributes.promote .social-sharing li {
        margin: 6px 5px;
    }

        .attributes.promote .social-sharing li a:hover {
            border-color: #2abcd2;
        }

    .attributes.promote .social-sharing h3 {
        padding: 8px 5px 8px 8px;
        color: #ffffff;
        line-height: 1.2;
    }

.order-review-data ul li,
.order-details-area ul li {
    padding-bottom: 4px;
}

.order-details-area li.repost {
    padding: 10px 0;
}

    .order-details-area li.repost input.re-order-button {
        padding: 8px 15px;
        margin-bottom: 4px;
    }

.order-details-area td {
    background-color: #ffffff;
}

@media (min-width: 769px) {
    .order-details-page .page-title {
        margin-bottom: 10px;
    }

        .order-details-page .page-title h1 {
            float: left;
            width: auto;
        }
}

@media (max-width: 481px) {
    .order-details-area {
        border-radius: 0;
    }
}
/* One page checkout 
#opc-shipping.section .sameasBillingAddress { font-weight:bold; }
#opc-shipping.section .sameasBillingAddress .check-box { margin-right:5px; }
#opc-shipping.section .sameasBillingAddress { border: 1px solid #cccccc; border-radius:3px; }

.checkout-page .inputs label { font-size:14px; }

.checkout-page .edit-address { padding-top:15px; }
.page-body.checkout-data .topic-html-content { margin-bottom:15px; margin-top:5px; font-size:12px; color:#757575; display:none; }

#opc-confirm_order.section .footable-first-column .item-count { display:none; }

#opc-payment_method.section #checkout-step-payment-method { height:auto; }
#opc-payment_method.section #co-shipping-method-form { height:auto; }
#opc-payment_method.section .section.shipping-method, #opc-payment_method.section .section.payment-method,
#opc-confirm_order.section .section.confirm-order, #opc-payment_method.section .section.payment-info, #opc-payment_method.section .info { margin:0; }

#opc-payment_method .shippingoption-select, #opc-payment_method .paymentoption-select { margin:0px; display:block; width:100%; margin-top:8px; }
#opc-payment_method .method-name { font-size:14px; font-weight:normal; margin-bottom:18px; }

.cart-footer .totals, .cart-footer .total-info { margin-bottom:0; }
#opc-confirm_order #button-change { float: none; margin-top: 20px; }
#confirm-order-buttons-container { margin-left:0; }
#opc-confirm_order .cart-footer .totals { float:none; width:100%; }

#confirm-order-buttons-container .please-wait { 
display: block;
padding: 15px 0;
color: #999999;
font-size: 16px;
font-weight: 600;  }

.section.payment-info td label { font-size:14px; } 
.section.payment-info td input, .section.payment-info td select { width:100% !important; } 
.section.payment-info td #ExpireMonth, .section.payment-info td #ExpireYear,
#apertureStoredPayments td select
 { width:auto !important; max-width:80px; }
.section.payment-info td #CardCode { width:auto !important; min-width:35%; }
.section.payment-info table td { padding:5px; }
#apertureStoredPayments { margin-top:40px; }
#apertureStoredPayments td select { margin-right:5px; }
#apertureStoredPayments > div { float: left !important;position: absolute; top:10px; width:100%; }
#apertureStoredPayments > div > select { width:45%; }
#apertureStoredPayments > div > label { 
cursor: pointer;
display: inline-block;
font-size: 11px; width:45%;
font-weight: 600; }
#apertureStoredPayments > div > label input[type="checkbox"] { margin:0 3px 3px 0; }
#apertureStoredPayments > div > span { 
display: inline-block;
font-size: 16px; margin-left:5px; 
font-weight: 600; }

.checkout-page .step-title { padding:12px 12px 18px 0px; }
.checkout-page .step-title .number { 
display: inline-block;
padding: 7px;
border-radius: 100%;
background: #2abcd2;
color: #ffffff;
width: 43px;
height: 43px;
text-align: center;
line-height: 1;
margin-right: 10px;
font-size:28px;
font-weight:400;
padding: 9px 0 0 7px;
}
.checkout-page .step-title h2 { text-transform:uppercase; font-size:24px; font-weight:400; display: inline-block;  }

label.billing-address-txt, label.shipping-address-txt { font-weight:600; margin-bottom:10px; display:block; }

.section.select-billing-address .saved-address-display { margin-top:0px; }
.section.select-billing-address .saved-address-display label { width:45%; text-align:left; margin-left:15px; display:inline-block; }
.section.select-billing-address .saved-address-display .inputs { text-align:left; padding:0px; background:#fafafa; border-radius:3px; }
.section.select-billing-address .saved-address-display .inputs label { font-weight:700; margin-bottom:0; }
.section.select-billing-address .saved-address-display .inputs label:first-of-type { font-weight:500; }
#billing-address-select, #shipping-address-select { margin-bottom:-10px; }
	
@media (min-width: 601px) and (max-width: 769px) {
.section.payment-info td input, .section.payment-info td select, .section.payment-info td #CardCode
 { width: 90% !important;font-size: 12px; height: 32px; } 
#apertureStoredPayments td select { max-width: 58px;
font-weight: normal;
padding-right: 0;
padding-left: 0; } 
}

@media (min-width: 601px) {
#opc-billing.section { width: 48%; display: inline-block; float:left; }
#opc-shipping.section { width: 48%; display: inline-block; float: right; }
#opc-confirm_order.section { width: 48%; display: inline-block; float:left; }
#opc-payment_method.section { width: 48%; display: inline-block; float: right; }
}

@media (min-width: 1001px) {
.checkout-page .inputs label { width:25%; }
.checkout-page .inputs input[type="text"], .checkout-page .inputs input[type="password"], .checkout-page .inputs select, .checkout-page .inputs textarea {
	width:75%; }
}
@media (max-width: 1000px) {
.checkout-page .inputs input[type="text"], .checkout-page .inputs input[type="password"], .checkout-page .inputs select, .checkout-page .inputs textarea {
	width:96%; }
}
@media (max-width: 600px) {
#opc-billing.section { width: 100%; display:block; float:none; }
#opc-shipping.section { width: 100%; display:block; float:none; }
}

div#checkout-steps.opc div.row.left, div#checkout-steps.opc div.row.right {width:100%;}
div#billing-buttons-container.buttons, div.common-buttons, .opc .buttons {text-align: center;}
.checkout-page .step-title {padding: 12px;}
.opc .order-summary-content .cart-footer  {margin-top: 30px; padding: 0px;}

@media (min-width: 769px) {
	.payment-info .info td:first-child {
		width: auto !important;
	}
}

@media (max-width: 768px) and (min-width: 421px) {
	.payment-info .info td:first-child {
	  width: auto !important;
	}
}

.checkout-page .edit-address, .opc .step {box-shadow: 0 0px 0px rgba(0,0,0,.0);} 

#opc-billing.section, #opc-shipping.section, #opc-confirm_order.section, #opc-payment_method.section {width: 100%;float: none;text-align: left; }
.checkout-page .edit-address {box-shadow: 0 0px 0px rgba(0,0,0,.2); }
.field-validation-valid {display: none;  }
div.page-body.checkout-data div.inputs {margin-bottom: 6px; }

.order-progress, .shipping-method .method-list, .payment-method .method-list, .payment-info .info, .order-review-data ul, .order-completed .details {
	box-shadow: 0 0px 0px rgba(0,0,0,.2); }
@media (min-width: 769px) {.payment-info .info td:first-child {width:100%!important;}}
@media (max-width: 768px) and (min-width: 421px) {.payment-info .info td:first-child {width: 100%!important;}}
#apertureStoredPayments div label {display:none;}
.opc .step,
.checkout-page .edit-address {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
}
.opc .step-title .number {
	background: none;
	border: 0px solid #ffffff;
	margin: 10px 5px 0 20px;
	height: auto !important;
}
.opc .buttons .back-link {
  text-align: right;
}
.opc .expiration-date select {
    width: 100px;
}*/

/* RealOnePageCheckout Plugin */
.ropc .section {
    border-bottom: 2px solid #dddddd;
}

.ropc .section,
.ropc .total-info,
.ropc .error-list {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0);
}

    .ropc .section.billing-address,
    .ropc .section.shipping-address {
        background-color: #f3f3f3;
        border-radius: 6px;
    }

.ropc .inputs label {
    display: block;
    width: auto;
    margin: 0 10px 5px 0;
    text-align: left;
}

.ropc .inputs input[type="text"],
.ropc .inputs input[type="email"],
.ropc .inputs input[type="password"],
.ropc .inputs select {
    width: 100%;
}

.ropc .credit-card-type {
    text-transform: capitalize;
    display: block;
}

span.required {
    padding: 0 2px;
}

.ropc .inputs.expiration-date select {
    width: auto;
    margin-right: 5px;
}

.ropc .inputs.card-code input {
    max-width: 60px;
}

.ropc button {
    border-radius: 4px;
    text-transform: uppercase;
}

    .ropc button:hover {
        background-color: #2abcd2;
    }

.panel.section p {
    font-size: 14px;
    margin: 0 0 10px;
}

@media (max-width: 1000px) {
    .ropc .method-list,
    .ropc .inputs label,
    .ropc .payment-info,
    .ropc .payment-info .info {
        text-align: center;
    }

    .ropc .section-body {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .ropc .section {
        border-bottom: 0px solid #dddddd;
    }

    .ropc .complete-button button {
        width: 100%;
    }

    .ropc .section.billing-address,
    .ropc .section.shipping-address {
        background-color: #ffffff;
    }

    .panel.section {
        margin: 0 auto;
    }
}

.shipping-method .method-list,
.payment-method .method-list,
.order-review-data ul,
.order-completed .details {
    box-shadow: 0 1px 1px rgba(0,0,0,.0);
}

div.left {
    width: 100%;
    margin-right: 0px;
}

div.right,
.shipping-method .method-name select,
.payment-method .method-name select {
    width: 100%;
}
/* .payment-info .info td {
    width: 69% !important;
}
.payment-info .info td:first-child {
    width: 100% !important;
    padding-right: 10px;
    margin: 5px 0;
} */
.cart-options .common-buttons {
    text-align: right;
}

@media (max-width: 768px) {
    .cart-options .common-buttons {
        text-align: center;
    }
}

.sameasBillingAddress {
    border: 0px solid #eeeeee;
}
    /* @media (max-width: 768px) and (min-width: 421px) {
    .payment-info .info td:first-child {
        padding: 0px 6px 6px;
        margin: 0;
    }
    .payment-info .info td:first-child > label {
        font-size: 11px;
        font-weight: 700;
        margin: 0;
    }
    .payment-info .info td > input[type="text"] {
        width: 100% !important;
    }
}
@media (max-width: 420px) {
    .payment-info .info td:first-child > label {
        width: 100% !important;
    }
} */
    .sameasBillingAddress input {
        margin-right: 5px;
        vertical-align: baseline;
    }

.cart-footer {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}

#checkout-payment-info-load tr {
    line-height: 3;
}

.sign-up-post-checkout {
    padding: 20px;
    background-color: #d8f5f9;
    border-radius: 6px;
}

    .sign-up-post-checkout input[type="password"],
    .sign-up-post-checkout input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"] {
        /*width: 100% !important;*/
        display: inline-block;
        margin-bottom: 15px;
    }

input[type="number"],
input[type="tel"] {
    margin-bottom: 0;
}

.sign-up-post-checkout #registrationForm {
    width: 55%;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    margin: 20px 0 0 0;
    display: inline-block;
}

.sign-up-post-checkout .text-block h2 {
    margin-bottom: 15px;
}

@media (max-width: 1000px) {
    .sign-up-post-checkout #registrationForm {
        width: 90%;
    }

    .sign-up-post-checkout {
        text-align: center;
        max-width: 550px;
        margin: 0 auto;
    }
}

/*================= Ajax Alert Modal =======================*/

.alertModal-container {
    background-color: transparent;
    z-index: 1199999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .alertModal-container .alertModal-bg {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .50;
    }

    .alertModal-container .alertModal-msgbox {
        position: relative;
        margin: 75px auto 0 auto;
        width: 90%;
        max-width: 750px;
        background: #ffffff;
        border: 0px solid #F33;
        border-radius: 3px;
        box-shadow: 0 0 35px rgba(0, 0, 0, .5);
        padding: 25px;
        text-align: center;
    }

    .alertModal-container .alertHeader {
        display: block;
        font-size: 26px;
        font-weight: 700;
        border-bottom: 2px solid #dddddd;
        padding-bottom: 8px;
        margin-bottom: 15px;
        text-align: center;
    }

    .alertModal-container .alertMessage {
        font-size: 14px;
        line-height: 1.3;
    }

    .alertModal-container .alertClose {
        display: block;
        border: 1px solid #cccccc;
        border-radius: 50%;
        background: url(../../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important;
        top: 10px;
        right: 10px;
        position: absolute;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: 9999px;
    }

#orderLookupModal.alertModal-container label span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

@media (max-width: 899px) {
    #orderLookupModal.alertModal-container #orderLookup_btn {
        display: block;
        margin: 0 auto;
    }

    #orderLookupModal.alertModal-container label span {
        text-align: center;
        display: block;
        padding: 5px 0;
    }

    #orderLookupModal.alertModal-container {
        text-align: center;
    }
}

@media (max-width: 481px) {
    .alertModal-container .alertHeader {
        font-size: 16px;
    }

    .alertModal-container .alertMessage {
        font-size: 12px;
    }
}
/*================= Category/Grid Navigation =======================*/

.side-2.leftNavigation .filter-block a.clearFilterOptions,
.side-2.leftNavigation .filter-block a.clearPriceRangeFilter {
    border-color: #aaaaaa;
    border-radius: 0px;
    height: auto;
    width: auto;
    line-height: 1;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #aaaaaa;
    top: 64%;
}

    .side-2.leftNavigation .filter-block a.clearFilterOptions:hover,
    .side-2.leftNavigation .filter-block a.clearPriceRangeFilter:hover {
        border-color: #212121;
        color: #212121;
    }

.side-2.leftNavigation .filter-block a.toggleControl {
    font-size: 15px;
    font-weight: 600;
}

.side-2.leftNavigation .filter-block .filtersGroupPanel li > a {
    font-weight: 500;
    color: #757575;
}

.side-2.leftNavigation .block.filter-block {
    margin-bottom: 0;
}

.filtersPanel div.block.filter-block:last-child {
    padding-bottom: 10px;
}

#headerMenuParent .filter-block a.clearFilterOptions,
#headerMenuParent .filter-block a.clearPriceRangeFilter {
    border-color: #aaaaaa;
    border-radius: 6px;
    height: auto;
    width: auto;
    line-height: 1;
    padding: 6px 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #aaaaaa;
    top: 58%;
}

    #headerMenuParent .filter-block a.clearFilterOptions:hover,
    #headerMenuParent .filter-block a.clearPriceRangeFilter:hover {
        border-color: #212121;
        color: #212121;
    }

.category-description img {
    width: 100%;
    height: auto;
}

.product-list .item-box::after {
    background-color: transparent !important;
}

.product-list .item-box .description p {
    height: auto;
}

.product-list .title {
    font-weight: normal;
    font-size: 25px;
    color: #757575;
    display: table;
    width: 100%;
    position: relative;
    margin: 0 0 20px;
    text-align: center;
}

    .product-list .title:before,
    .product-list .title:after {
        content: " ";
        display: table-cell;
        width: 26%;
        background: url(../../images/ittp/title-lines.png) repeat-x left 12px;
    }

@media (min-width: 1001px) {
    .side-2.leftNavigation,
    .side-2 {
        float: left !important;
    }

    .center-2.leftNavigation,
    .center-2 {
        float: right !important;
    }

    .side-2.leftNavigation .filtersPanel {
        border-radius: 2px;
    }

    .side-2.leftNavigation .priceRangeFilterPanel7Spikes {
        padding-top: 6px;
    }

    .side-2 .block .title {
        cursor: default;
        border-radius: 4px 4px 0 0;
    }

    .block.filter-block.vendorFilterPanel7Spikes {
        overflow: hidden;
    }

    .category-page .product-selectors,
    .vendor-page .product-selectors {
        text-align: left;
        padding: 6px 15px;
        border-radius: 0px;
        margin-left: 0;
        margin-bottom: 35px;
        width: auto;
        background-color: #f3f3f3;
    }

    .vendor-page.vp2 .page-body .product-selectors {
        padding: 0px;
    }
}

@media (max-width: 1000px) {
    .side-2.leftNavigation .block {
        margin-bottom: 5px;
    }

        .side-2.leftNavigation .block .title {
            background: url(../../images/ittp/arrow-down-mod.png) no-repeat 8% 14px #2abcd2;
        }

            .side-2.leftNavigation .block .title:hover {
                background-color: #999999;
            }

            .side-2.leftNavigation .block .title.hideList {
                background-image: url(../../images/ittp/arrow-up-mod.png) !important;
            }

    .responsive-nav-wrapper .filters-button span {
        background-color: transparent !important;
    }

    .nopAjaxFilters7Spikes.open .filtersPanel {
        padding-bottom: 0px;
        border-bottom: 5px solid #000;
    }

    .category-page .product-selectors,
    .vendor-page .product-selectors {
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }
}
/*================= Product Detail =======================*/

.overview .product-vendor {
    margin: 0 0 15px;
}

.overview .qty-input,
.variant-overview .qty-input {
    width: 42px;
}

#cloud-zoom-big {
    background-color: #ffffff;
}
/*================= Quick View =======================*/

.product-item .quick-view-button a {
    border-color: #2abcd2 !important;
    background-color: #2abcd2 !important;
}

.product-list .quick-view-button a {
    width: auto;
    background-position: 7px 7px !important;
}

.product-item .quick-view-button a:hover {
    background-position: left 7px !important;
    background-color: #acd578 !important;
    color: #ffffff !important;
    border-color: #acd578 !important;
}

.product-list .quick-view-button a:hover {
    background-position: 7px 7px !important;
}

.product-grid .quick-view-button {
    padding-bottom: 10px;
}

    .product-grid .quick-view-button a {
        text-indent: 0px;
        background-image: none;
    }

.hover-details input.productQuantityTextBox,
.master-wrapper-main .overview .qty-input,
.product-details-page .overview .qty-input,
.ajax-cart-button-wrapper input.productQuantityTextBox {
    border-radius: 0px;
    border-color: #ff5252;
    font-size: 18px;
    font-weight: bold;
    color: #212121;
    height: 37px;
    border-width: 3px;
    box-shadow: none !important;
    background: #ffffff;
    border-left: 0;
    border-right: 0;
}

.quickViewWindow #accordion > h3 {
    text-transform: none !important;
    text-shadow: none !important;
}

.quickViewWindow .overview .attributes dt {
    width: auto !important;
}

.quickViewWindow .overview .left {
    max-width: none !important;
}

.quickViewWindow .overview .purchase-area .product-price {
    font-weight: 700;
}

.quickViewWindow .purchase-area .prices,
.quickViewWindow .overview .add-to-cart {
    text-align: left !important;
}

.quickViewWindow .related-products-grid.product-grid .item-grid {
    height: auto;
}

    .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .ink-summary {
        border-radius: 0;
    }

        .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .ink-summary > div {
            display: none;
        }

            .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .ink-summary > div.progress-container {
                display: block;
            }

    .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .product-title {
        height: 31px !important;
    }

        .quickViewWindow .related-products-grid.product-grid .item-grid .visible-details .product-title > a {
            font-size: 12px !important;
        }

.quickViewWindow .product-variant-list .item-grid {
    height: auto;
    max-height: 160px;
    overflow-y: auto;
}

    .quickViewWindow .product-variant-list .item-grid .product-variant {
        height: auto;
        width: 103px;
        margin-bottom: 5px;
    }

        .quickViewWindow .product-variant-list .item-grid .product-variant:nth-child(3n+1) {
            margin-left: 5px;
        }

    .quickViewWindow .product-variant-list .item-grid .variant-picture {
        height: auto;
        width: 100%;
    }
/*============== Mini prod detail view - add to cart =======*/

.miniProductDetailsView .product-name {
    max-width: 475px;
    text-shadow: none !important;
    text-transform: none !important;
    padding: 15px 15px 0 15px !important;
    height: 38px !important;
}

.productAddedToCartWindowTitle {
    text-shadow: none !important;
    text-transform: none !important;
}

.miniProductDetailsView h1 {
    text-shadow: none !important;
    text-transform: none !important;
}

.ajaxCart .productAddedToCartWindowCheckout {
    font-size: 16px !important;
}

.product-grid .item-box .hover-details {
    background: rgba(255, 255, 255, .85);
    overflow: hidden;
}
/*============ Shopping Cart ===============*/

.cart-collaterals .coupon-code input[type="text"] {
    border-right: 1px solid #c9c9c9;
}

.shopping-cart-page .emptyCart {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 100px 25px;
    border: 10px solid #dddddd;
    color: #999999;
}

.cart-total tr:last-child td.cart-total-left {
    font-weight: 700;
}

.product-price.order-total {
    color: #ff5252;
}

.shopping-cart-link {
    position: relative;
}

    .shopping-cart-link .cartItemCount {
        position: absolute;
        left: 0;
        text-align: center;
        top: 18px;
        font-size: 9px;
        line-height: 0;
        font-weight: normal;
        color: #2abcd2;
        width: 52px;
    }

.checkout-attributes dl dd textarea#checkout_attribute_1 {
    min-height: 50px;
    width: 50%;
    max-width: 408px;
    min-width: 275px;
    margin: 5px 0 10px 0;
    max-height: 150px;
}

@media (min-width: 1001px) {
    .shopping-cart-link .flyout-cart {
        top: 36px;
    }
}

@media (min-width: 1280px) {
    .shopping-cart-link .flyout-cart {
        top: 36px;
        right: 0;
        margin-right: 0;
    }
}
/*=============== Account - My Payments =======================*/

.address-item .title,
.order-item .title,
.payment-item .title {
    padding: 10px 10px;
    border-bottom: none;
    padding-bottom: 0;
}

    .address-item .title strong,
    .order-item .title strong,
    .payment-item .title strong {
        font-weight: bold;
    }

._methodWrapper.payment-item {
    position: relative;
}

.payment-item .buttons {
    border: none;
    position: static;
    border-top: 4px solid #eeeeee;
}

    .payment-item .buttons:before {
        background: none !important;
    }

.payment-item .payment-delete {
    display: inline-block;
    font-size: 12px;
    border-radius: 6px;
    padding: 6px 10px;
    background-color: #eeeeee;
    color: #999999;
    margin-right: 8px;
}

    .payment-item .payment-delete span a {
        text-decoration: underline;
        font-weight: bold;
    }

.payment-item ._notifier,
.payment-item .payment-working {
    color: #009900;
    font-weight: bold;
    padding: 10px;
    display: block;
    background-color: #D2FFD2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    opacity: .85;
    font-size: 32px;
    z-index: 1;
    padding-top: 75px;
}

.payment-item .payment-working {
    color: #999999;
    background-color: #eeeeee;
}

.no-payments {
    color: #999999;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    display: block;
}

.info.payment-info {
    display: block;
}

    .info.payment-info li {
        display: block;
        padding: 6px 6px;
        font-size: 12px;
        border-top: 1px dashed #eeeeee;
        color: #999999;
        text-align: left;
        position: relative;
    }

        .info.payment-info li label {
            font-weight: normal;
            display: inline-block;
            width: 38%;
        }

        .info.payment-info li span.info-name {
            color: #212121;
            font-weight: bold;
        }

        .info.payment-info li input,
        .info.payment-info li select {
            font-size: 12px;
            width: 61%;
            height: auto;
            padding: 6px 8px;
        }

@media (min-width: 769px) {
    ._methodWrapper.payment-item {
        width: 49%;
        min-height: 240px;
    }

        ._methodWrapper.payment-item:nth-child(3n+1) {
            clear: none;
        }
}

@media (max-width: 768px) {
    ._methodWrapper.payment-item {
        width: 100%;
        clear: left;
    }

    .extra-large-button-orange.payments {
        width: 85%;
    }

    .info.payment-info li {
        text-align: left;
    }
}

.avatar-page .image img {
    border: 0px solid #cccccc;
}

div.order-list.payment-list {
    margin-top: 40px;
}

div._methodWrapper.payment-item {
    margin: 0 auto;
    float: none;
}

.avatar-page input[type="file"], .avatar-page .fieldset {
    width: 100%;
}
/*=============== Account - Designer Portal =======================*/

#designerPortal {
    margin-bottom: 35px;
}

    #designerPortal .ui-tabs .ui-tabs-panel {
        position: relative;
        width: 100%;
        max-width: none;
        background: #ffffff;
        padding: 25px 15px;
        border: 8px double #dddddd;
    }

        #designerPortal .ui-tabs .ui-tabs-panel div {
            text-align: center;
        }

            #designerPortal .ui-tabs .ui-tabs-panel div img {
                border: 1px solid #dddddd;
                box-shadow: 1px 1px 0px rgba(0, 0, 0, .35);
                padding: 10px;
                margin: 10px;
                display: inline-block;
                width: 150px;
            }

        #designerPortal .ui-tabs .ui-tabs-panel .dp-img-container {
            display: inline-block;
            padding-bottom: 10px;
        }

    #designerPortal .ui-tabs {
        float: none;
        width: 100%;
        max-width: none;
        margin: 0 0 35px 0;
    }

    #designerPortal .ui-tabs-anchor {
        font-weight: 700;
    }

    #designerPortal h2.title #designerPortal .submit-new-design-wrap {
        padding: 10px;
    }

    #designerPortal .submit-new-design-wrap .extra-large-button-orange {
        margin: auto;
        width: auto;
        padding: 8px 25px;
        margin-bottom: 0px;
        display: block;
    }

div#designerPortal.page.account-page img {
    width: 100%;
}

.my-campaigns-button-wrap .update-campaign,
.my-campaigns-button-wrap .delete-campaign,
.my-campaigns-button-wrap .repost-campaign {
    display: inline-block;
    text-align: center;
    padding: 0px 2px 15px 2px;
}

    .my-campaigns-button-wrap .delete-campaign span div.confirm-del p {
        font-size: 12px;
        font-weight: 600;
        color: #ff5252;
        display: block;
        padding-bottom: 3px;
    }

    .my-campaigns-button-wrap .delete-campaign span div.confirm-del {
        padding: 5px 0;
    }

        .my-campaigns-button-wrap .delete-campaign span div.confirm-del input[type="button"]:first-of-type {
            margin-right: 3px;
        }

.product-item .my-campaigns-button-wrap input[type="button"],
.product-item .ink-hover-sum input[type="button"],
a.di-prod-select,
a.di-prod-delete {
    display: inline-block;
    text-align: center;
    width: auto;
    font-size: 12px;
    margin: 0;
    min-width: 0;
}

a.di-prod-select,
a.di-prod-delete {
    padding: 8px 11px;
    background: #ffffff;
}

.product-item .ink-hover-sum input[type="button"] {
    margin: 0 2px;
}

.my-campaign-status p {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}

.my-campaign-created-date p {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
}

.my-campaign-status div {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}

.my-campaign-created-date p {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
}
/* Account - Info - newsletter sign up */

.inputs .newsletter-message {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    white-space: normal;
}

@media (min-width: 1001px) {
    .inputs .newsletter-message {
        margin-left: 36%;
    }
}
/*================= Content Pages =======================*/

.page-title h1,
.login-page .page-title h1 {
    background: none;
    font-size: 3em;
    font-weight: 700;
    border-bottom: 0px;
    margin-top: 20px;
}

.topic-page .page-title h1 {
    font-size: 3em;
    margin: 0;
    padding: 9px 9px 10px;
}

.topic-page #good-work-img {
    margin: 0 0 30px 30px;
    display: block;
    max-width: 100%;
}

.topic-page .answer {
    font-style: italic;
    color: #999999;
}

#how-it-works #steps {
    background-color: #eeeeee;
    padding: 40px 40px 0 40px;
    clear: both;
}

#how-it-works ul {
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 0 0 35px 0;
}

#how-it-works > iframe {
    max-width: 100%;
    margin: 15px 0;
}

.side-2 .block .title {
    font-size: 16px;
}

.side-2 .block .listbox {
    border-radius: 4px;
    padding-bottom: 5px;
}

.side-2 .block .listbox,
.filter-block a,
.side-2.leftNavigation .filter-block .filtersGroupPanel li > a,
.filter-block a.toggleControl {
    color: #999999;
}

.side-2 .block .list > li:last-child a,
.side-2 .block .list > li:last-child strong {
    border-bottom: 3px solid #dddddd;
}

.topic-page .featPartners {
    padding-top: 35px;
    margin-top: 35px;
    border-top: 1px dashed #cccccc;
}

.topic-page img#ink-partnership-logo {
    width: 300px;
    max-width: 100%;
    float: right;
    margin: -20px 10px 0 20px;
}

.topic-page .partnership-div {
    background-color: rgb(238, 238, 238);
    padding: 30px;
    margin: 0px 0px 30px;
}

.topic-page .featPartners h2 {
    padding-bottom: 25px;
}

.topic-page .partnership-div img.partnership-logo {
    float: left;
    width: 220px;
}

.topic-page .partnership-div .partnership-description {
    margin-left: 250px;
}

    .topic-page .partnership-div .partnership-description .extra-large-button-orange {
        margin: 5px 0 0;
    }

    .topic-page .partnership-div .partnership-description h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }

@media (min-width: 769px) {
    .topic-page #good-work-img {
        float: right;
    }

    #how-it-works img#success-icon {
        float: right;
        margin: -25px 0 30px 30px;
    }
}

@media (max-width: 769px) {
    .topic-page #good-work-img {
        margin: 0 auto 30px auto;
    }

    .topic-page ul {
        list-style: none;
    }

    #how-it-works img#success-icon {
        float: none;
        margin: 8px auto;
    }

    .topic-page img#ink-partnership-logo {
        width: 300px;
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .topic-page .partnership-div img.partnership-logo {
        float: none;
        max-width: 100%;
    }

    .topic-page .partnership-div .partnership-description {
        margin-left: 0;
    }

        .topic-page .partnership-div .partnership-description h3 {
            margin-top: 10px;
        }

        .topic-page .partnership-div .partnership-description .extra-large-button-orange {
            max-width: 50%;
            margin: auto;
        }
}

@media (max-width: 480px) {
    .topic-page .page-title {
        margin: 0 0 30px;
    }

    .topic-page .partnership-div .partnership-description .extra-large-button-orange {
        max-width: none;
        margin: auto;
    }
}

img.wizard-pic {
    width: 50%;
    vertical-align: middle;
}

img.campaign-on-all-devices {
    width: 100%;
    margin: 100px 0;
}

.how-to-step-info {
    display: inline-block;
}

.how-to-step-container {
    text-align: left;
    margin: 80px 0;
}

@media (max-width: 768px) {
    img.wizard-pic {
        width: 100%;
        float: none;
    }

    .how-to-step-container {
        text-align: center;
    }

    .how-to-step-info {
        padding: 0;
        width: 100%;
        margin-bottom: 50px;
    }

        .how-to-step-info ul {
            padding: 0;
        }
}

.how-to-top-container div {
    display: inline-block;
    width: 22%;
}
/* makes embedded iframe youtube videos responsive */

.video-container-4x3 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container-16x9 {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 35px;*/
    height: 0;
    overflow: hidden;
}

    .video-container-4x3 iframe,
    .video-container-16x9 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.topic-html-content-body.success-stories-page {
    margin-top: 50px;
}

.success-story-video-container iframe {
    margin: 20px;
}

.nonprofit-page .topic-sub-header {
    margin: 20px 0;
}

    .nonprofit-page .topic-sub-header.how-it-works {
        background-color: #f3f3f3;
        padding: 60px;
        border-radius: 6px;
    }

@media (max-width: 1000px) {
    .nonprofit-page .topic-sub-header.how-it-works {
        padding: 30px;
    }

    .topic-sub-header ul {
        text-align: left;
    }
}

.nonprofit-page .topic-html-content-body.home-video {
    margin: 50px 0;
}

.topic-sub-header {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin: 40px 0 0 0;
}

    .topic-sub-header img {
        width: 100%;
        display: block;
        margin: 0 0 30px 0;
    }

@media (min-width: 1001px) {
    .topic-sub-header {
        text-align: left;
    }

        .topic-sub-header img {
            width: 40%;
            float: left;
            margin: 0 80px;
        }
}

.topic-sub-header:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
    font-size: 0;
}

.topic-sub-header ul {
    list-style-type: none;
    line-height: 2;
    list-style-position: inside;
    margin: 0;
    display: inline-block;
}

@media (max-width: 420px) {
    .topic-sub-header ul {
        padding: 30px;
        text-align: left;
    }
}

.topic-page .green-icon,
.home-page .green-icon,
.nonprofit-page .green-icon {
    color: #00c853;
}

.stat-div-wrapper {
    width: 100%;
    background-color: #2abcd2;
    color: #ffffff;
    padding: 20px 30px;
    margin: 60px 0;
    border-radius: 6px;
}

.stat-div h2 {
    font-weight: 400;
}

.stat-div {
    width: 33.3%;
    float: left;
}

.stat-div-wrapper:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
    font-size: 0;
}

.contact-page .contact-method {
    text-align: center;
    width: 25%;
    padding: 0 2%;
    float: left;
}

    .contact-page .contact-method .fa {
        padding: 0 0 0 12px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        background-color: #999999;
        border-radius: 100%;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto 20px auto;
        color: #ffffff;
    }

.contact-method-wrapper {
    padding: 30px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #dddddd;
}

.contact-page .contact-method-wrapper:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
    font-size: 0;
}

.contact-page .page-body,
.email-a-friend-page .page-body {
    background: none;
    box-shadow: none;
}

@media (max-width: 769px) {
    .stat-div {
        width: 100%;
    }

    .contact-page .contact-method {
        width: 100%;
        padding: 0 0 15px 0;
    }
}

.team-photo {
    width: 100%;
    margin: 50px 0;
    border-radius: 6px;
}

div.faqs,
div.design-guide,
div.tips-success {
    text-align: left;
    margin-bottom: 50px;
}
/*================= Vendor Page =======================*/

/* .vendor-page .product-selectors {
    text-align: left;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    margin-left: 0;
    margin-bottom: 35px;
    width: auto;
}
.vendor-page .product-selectors > h2 {
    display: inline-block;
    font-size: 1.8em;
    margin: 12px 20px 0 20px;
}
.vendor-page .product-selectors > div.product-sorting {
    text-align: left;
    float: right;
    display: inline-block;
}
.vendor-page .product-selectors > div > span {
    font-weight: bold;
}
.product-selectors select {
    border: 1px solid #cccccc !important;
} */
.vendor-page .profile-details .profile-thumb {
    float: left;
}

.vendor-page .profile-details .profile-text {
    float: left;
    padding-left: 20px;
    line-height: 1.4;
}

    .vendor-page .profile-details .profile-text .profile-title {
        font-size: 20px;
    }

    .vendor-page .profile-details .profile-text .profile-contact a {
        font-size: 16px;
        text-decoration: underline;
    }

        .vendor-page .profile-details .profile-text .profile-contact a:hover {
            color: #999999;
        }

.vendor-page .profile-details .profile-description {
    clear: both;
    padding-top: 20px;
}

    .vendor-page .profile-details .profile-description > p {
        display: block;
        font-size: 14px;
        text-align: left;
    }

.vendor-page .page-body {
    padding-top: 12px;
}

.vendor-page .profile-image-container {
    float: right;
    margin-left: 25px;
    width: 280px;
}

.vendor-page .vendor-profile-container {
    float: left;
    width: 65%;
}

@media (max-width: 940px) {
    .vendor-page .vendor-profile-container {
        float: none;
        width: auto;
    }

    .vendor-page .profile-image-container {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
        width: 280px;
    }
}

@media (max-width: 600px) {
    .vendor-page .ink-summary .label {
        font-size: 11px;
    }
}

.vendor-profile-sidewrap .title {
    display: none;
}
/*================= Vendor Page version 2 =======================*/

.vendor-page.vp2 .pageFBCommentsWrapper {
    padding-top: 15px;
}

.vendor-page.vp2 .vendor-footer-content {
    padding: 20px 0;
}

.vendor-page.vp2 .page-body {
    padding-top: 35px;
}

.vendor-page.vp2 .profile-image-container {
    float: none;
    margin: 0;
    max-height: 230px;
    width: 100%;
    overflow: hidden;
}

.vendor-page.vp2 .profile-image-container {
    width: 100%;
}

    .vendor-page.vp2 .profile-image-container .profile-thumb {
        max-width: 100%;
    }

.vendor-page.vp2 .vendor-profile-container {
    float: none;
    width: auto;
    margin-bottom: 25px;
}

.vendor-page.vp2 .profile-description {
    margin-bottom: 20px;
}

    .vendor-page.vp2 .profile-description p,
    .vendor-description p {
        padding: 10px 0;
        font-size: 15px;
        color: #999999;
        font-weight: 500;
        line-height: 1.3;
    }

        .vendor-page.vp2 .profile-description p a {
            color: #ff5252 !important;
            font-weight: 600 !important;
        }

            .vendor-page.vp2 .profile-description p a:hover {
                text-decoration: underline;
            }

    .vendor-page.vp2 .profile-description .dp-desc-title {
        font-size: 18px;
    }

    .vendor-page.vp2 .profile-description .dp-edit-desc-box {
        padding: 20px;
        padding-top: 10px;
        margin-top: 15px;
        background: #ffffff;
        border-radius: 3px;
    }

    .vendor-page.vp2 .profile-description .update-desc-button {
        font-size: 12px;
        font-weight: 500;
        color: #aaaaaa;
    }

        .vendor-page.vp2 .profile-description .update-desc-button:hover {
            color: #999999;
            text-decoration: underline;
        }

    .vendor-page.vp2 .profile-description .dp-edit-desc-box .save-cancel-buttons {
        display: block;
        margin-top: 10px;
    }

        .vendor-page.vp2 .profile-description .dp-edit-desc-box .save-cancel-buttons a {
            font-size: 12px;
            font-weight: 500;
            color: #aaaaaa;
        }

            .vendor-page.vp2 .profile-description .dp-edit-desc-box .save-cancel-buttons a:hover {
                color: #999999;
                text-decoration: underline;
            }

.vendor-profile-sidewrap .listbox {
    padding: 12px;
}

.vendor-profile-sidewrap .vendor-profile-thumb-wrap {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #f3f3f3;
    position: relative;
}

    .vendor-profile-sidewrap .vendor-profile-thumb-wrap .profile-thumb,
    .product-details-page .ittp-designer-details .profile-image-wrap .profile-thumb {
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.vendor-profile-sidewrap .profile-details {
    padding: 10px 0;
}

    .vendor-profile-sidewrap .profile-details li {
        padding-bottom: 3px;
        /*font-size: 15px;*/
        color: #999999;
    }



.vendor-profile-sidewrap .profile-funds-raised {
    padding: 10px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 12px;
    text-align: center;
}

    .vendor-profile-sidewrap .profile-funds-raised .amount-raised {
        font-size: 17px;
        font-weight: 700;
        color: #2abcd2;
        margin-right: 5px;
        display: block;
    }

    .vendor-profile-sidewrap .profile-funds-raised .amount-desc {
        font-size: 14px;
        color: #999999;
        font-weight: 500;
    }

.vendor-profile-sidewrap .profile-social-icons {
    padding: 10px 0;
    padding-top: 0;
}

.vendor-profile-sidewrap .vendor-update-avatar {
    text-align: center;
    padding-top: 5px;
}

    .vendor-profile-sidewrap .vendor-update-avatar a {
        font-size: 12px;
        font-weight: 500;
        color: #aaaaaa;
    }

        .vendor-profile-sidewrap .vendor-update-avatar a:hover {
            color: #999999;
            text-decoration: underline;
        }

.vendor-profile-sidewrap .profile-details li {
    text-align: center;
}

.vendor-profile-sidewrap .profile-details > li:first-of-type span a {
    font-size: 12px;
    font-weight: 500;
    color: #aaaaaa;
}

    .vendor-profile-sidewrap .profile-details > li:first-of-type span a:hover {
        color: #999999;
        text-decoration: underline;
    }

.vendor-profile-sidewrap .profile-details > li:first-of-type span input[type="text"] {
    text-align: center;
    margin-bottom: 5px;
}

.vendor-description img {
    width: 100%;
}

@media (min-width: 1001px) {
    .vendor-profile-sidewrap .profile-social-icons {
        position: relative;
        padding-left: 56px;
    }

        .vendor-profile-sidewrap .profile-social-icons .fb_iframe_widget {
            position: absolute;
            width: 52px !important;
            left: 0;
            height: 21px;
            overflow: hidden;
            margin-top: -10px;
        }

    .addthis_counter.addthis_bubble_style {
        margin: -10px 0 0 0 !important;
    }
}

@media (max-width: 1000px) {
    .vendor-page .ink-summary .label {
        font-size: 11px;
    }

    .vendor-profile-sidewrap .listbox {
        text-align: center !important;
    }

    .vendor-profile-sidewrap .vendor-profile-thumb-wrap {
        margin: auto;
    }

    .vendor-profile-sidewrap .profile-social-icons {
        margin: auto;
        width: 60%;
        text-align: center;
    }

    .vendor-page.vp2 .profile-image-container .profile-thumb {
        width: 100%;
    }

    .vendor-profile-sidewrap .profile-social-icons .fb_iframe_widget {
        width: 48px !important;
        overflow: hidden;
        left: 0;
        height: 21px;
        margin-bottom: 5px;
    }
}

/*================= PDP goal countdown ===================*/

#countdown-holder .countdown-row {
    float: none;
    display: inline-block;
}

#countdown-holder .countdown-section {
    float: none;
    display: inline-block;
}

#countdown-holder .countdown-amount {
    float: none;
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #757575;
    color: #2abcd2;
}

#countdown-holder .countdown-period {
    float: none;
    display: block;
    color: #2abcd2;
    color: #aaaaaa;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

/*================= Simple Product Creator =======================*/

.SPC_container.center-1 {
    clear: both;
    margin-bottom: 50px;
}

.SPC_container .SPC_steps {
    text-align: center;
    padding-top: 0;
    margin-bottom: 15px;
}

    .SPC_container .SPC_steps li {
        display: inline-block;
        margin: 0 20px;
        opacity: .35;
        font-size: 13px;
        transition: all .5s ease 0s;
    }
        /* .SPC_container .SPC_steps li strong {
    background: url(../../images/ittp/arrow-right-mod.png) no-repeat center;
} */
        .SPC_container .SPC_steps li.activeStep {
            opacity: 1;
            color: #2abcd2;
            font-size: 15px;
            transition: all .5s ease 0s;
        }

            .SPC_container .SPC_steps li.activeStep strong {
            }

            .SPC_container .SPC_steps li.activeStep span {
                font-weight: 700;
            }

.SPC_container .SPCPreview {
    margin: 0 auto 20px;
    width: 100%;
    max-width: 800px;
}

    .SPC_container .SPCPreview .tshirt-preview img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        padding: 12px 0;
    }

    .SPC_container .SPCPreview .tshirt-preview {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto 20px;
        border: 0px solid #dddddd;
        overflow: hidden;
        background: #ffffff;
        padding: 10px;
        border-radius: 10px;
    }

        .SPC_container .SPCPreview .tshirt-preview:before {
            content: " ";
            display: block;
        }

.SPC_container .SPCOptions,
.rightColumn .SPCOptions {
    width: 100%;
    margin: 30px 0;
}

.SPC_storydetails {
    width: 66%;
}

.SPC_container .SPCEstimate .SPC_fundpotential,
.SPC_container .SPCEstimate .SPC_storydetails {
    padding-bottom: 12px;
}

.SPCOptions .bottomRightColumn {
    width: 35%;
    text-align: center;
    margin: 40px 0;
    display: inline-block;
}

    .SPCOptions .bottomRightColumn p.increase-funds-tip {
        font-size: 14px;
        font-weight: 500;
        color: #757575;
        display: block;
        vertical-align: middle;
        margin-top: 15px;
        text-align: center;
    }

        .SPCOptions .bottomRightColumn p.increase-funds-tip > i {
            color: #ff5252;
            margin: 0 2px;
            vertical-align: middle;
        }

.SPC_storydetails .bottomRightColumn {
    float: none;
    width: 100%;
    text-align: center;
    margin: 40px 0;
    display: inline-block;
}

.SPCOptions .bottomLeftColumn {
    width: 60%;
    background: #ffffff;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    margin: 20px 0;
    display: inline-block;
}

.SPCOptions .campaignCreate_sliderContainer {
    position: relative;
    background: #ffffff;
    border: 1px solid #2abcd2;
    border-radius: 0 0 0px 0px;
    margin-bottom: 10px;
    padding: 15px 15px 25px 15px;
    text-align: center;
}

    .SPCOptions .campaignCreate_sliderContainer a.adjust {
        position: absolute;
        font-family: Arial;
        border-radius: 2px;
        text-align: center;
        font-weight: normal;
        line-height: 1;
        font-size: 19px;
        width: 87px;
        height: 46px;
        border: 1px solid #cccccc;
        border-bottom: 3px solid #cccccc;
        bottom: auto;
        color: #2abcd2;
        background-color: rgba(0, 188, 212, .15);
        transition: all .5s ease;
    }

        .SPCOptions .campaignCreate_sliderContainer a.adjust.minus1 {
            left: 15px;
            border-radius: 12px 0 0 12px;
        }

        .SPCOptions .campaignCreate_sliderContainer a.adjust.plus1 {
            right: 15px;
            border-radius: 0 12px 12px 0;
        }

        .SPCOptions .campaignCreate_sliderContainer a.adjust:hover {
            color: #2abcd2;
            border-color: #2abcd2;
        }

.SPC_fundpotential .campaignCreate_sliderContainer .campaignCreate_ContributionGoal {
    font-size: 30px;
    font-weight: bold;
}

.SPC_fundpotential .campaignCreate_sliderContainer .campaignCreate_smallBold {
    font-size: 16px;
}

.SPC_fundpotential .campaignCreate_sliderContainer .campaignCreate_slider {
    margin: 15px auto 0 auto;
    width: 82%;
}

.SPC_fundpotential .campaignCreate_sliderContainer .ui-slider .ui-slider-handle {
    cursor: auto;
    cursor: -webkit-grab;
}

    .SPC_fundpotential .campaignCreate_sliderContainer .ui-slider .ui-slider-handle:active {
        cursor: -webkit-grabbing;
    }

.campaignCreate_sliderContainer .ui-slider-handle {
    border-color: #999999 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background-image: url(../../images/ittp/ui-bg_flat_75_aaaaaa_40x100.png) !important;
}

.campaignCreate_sliderContainer .ui-slider-horizontal .ui-slider-handle {
    top: -.4em !important;
}

.campaignCreate_sliderContainer .ui-slider .ui-slider-handle {
    width: 1.5em !important;
    height: 1.5em !important;
}

.SPC_blue_singlecb_container {
    background-color: #d8f5f9;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

div.event-date {
    background-color: #d8f5f9;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 6px;
}


.SPC_fundpotential .SPC_funddetails_container,
.SPC_storydetails .SPC_storydetails_container {
    background: #ffffff;
    border-radius: 0 0 0px 0px;
    margin-bottom: 10px;
    padding: 15px;
    float: left;
    width: 100%;
    border: 1px solid #2abcd2;
}

.SPC_funddetails_container.table-display {
    display: table;
    float: none;
}

.SPC_fundpotential .SPC_funddetails_col1 {
    display: table-cell;
    padding-right: 12px;
    text-align: left;
    vertical-align: top;
}

    .SPC_fundpotential .SPC_funddetails_col1 p.sell-min-tip {
        font-size: 12px;
        font-weight: 500;
        color: #757575;
        margin-bottom: 8px;
        display: block;
        vertical-align: middle;
    }

        .SPC_fundpotential .SPC_funddetails_col1 p.sell-min-tip > i {
            color: #ff5252;
            margin: 0 2px;
            vertical-align: middle;
        }

#createProductContainer i.fa-question-circle,
.SPC_fundpotential i.fa-question-circle {
    color: #ff5252;
}

.SPC_fundpotential .SPC_funddetails_col1 p a {
    color: #ff5252;
}

    .SPC_fundpotential .SPC_funddetails_col1 p a:hover {
        text-decoration: underline;
    }

.SPC_fundpotential .SPC_funddetails_col1 .EFP_num {
    text-align: left;
    margin: 10px 0;
    border-top: 1px solid #cccccc;
    padding-top: 10px;
}

    .SPC_fundpotential .SPC_funddetails_col1 .EFP_num strong {
        font-size: 38px;
        font-weight: bold;
    }

    .SPC_fundpotential .SPC_funddetails_col1 .EFP_num span {
        font-size: 16px;
        margin-left: 0px;
        margin-bottom: 10px;
        display: block;
    }

.SPC_storydetails .SPC_storydetails_container.camp-url input[type="text"] {
    margin-bottom: 15px;
}

.SPC_storydetails .SPC_storydetails_container.camp-url small {
    font-weight: 600;
}

.SPC_fundpotential .SPC_funddetails_col2 {
    display: table-cell;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}

    .SPC_fundpotential .SPC_funddetails_col2 table thead td {
        font-weight: bold;
        font-size: 12px;
    }

    .SPC_fundpotential .SPC_funddetails_col2 table thead tr {
        background: #e1e1e1;
    }

    .SPC_fundpotential .SPC_funddetails_col2 table td {
        padding: 5px 10px;
    }

    .SPC_fundpotential .SPC_funddetails_col2 table tbody tr {
        background: #e1e1e1;
    }

        .SPC_fundpotential .SPC_funddetails_col2 table tbody tr:nth-child(odd) {
            background: #fafafa;
        }

.extra-large-button-orange.SPC_continue {
    height: 40px;
    width: 90%;
    display: block;
    line-height: 34px;
}

.SPC_fundpotential .contrib-goals_container {
    background: #F2F2F2;
    border-radius: 0 0 6px 6px;
    margin-bottom: 10px;
    text-align: center;
    float: none;
    width: 100%;
    border: none;
}

    .SPC_fundpotential .contrib-goals_container input[type=text] {
        text-align: center;
        width: 80%;
        font-size: 22px;
        height: 43px;
    }

    .SPC_fundpotential .contrib-goals_container div.goal-label {
        width: 80%;
        margin: auto;
    }

        .SPC_fundpotential .contrib-goals_container div.goal-label:before {
            content: "$";
            font-size: 22px;
            margin-right: 5px;
            font-weight: bold;
        }

.SPC_fundpotential .campaign-type-select {
    margin: 30px 0 20px 0;
    border-bottom: 2px solid #dddddd;
    border-top: 2px solid #dddddd;
    padding: 30px 0 20px 0;
}

.campaign-type-select {
    margin-top: 30px;
}

.SPC_fundpotential div.campaign-type-select input {
    margin: 0 5px 0 0;
}

.SPC_fundpotential div.campaign-type-select p {
    font-size: 14px;
    margin: 10px 0 5px 0;
    font-weight: bold;
}

.SPC_fundpotential .bottomLeftColumn .campaign-type-select {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #dddddd;
    border-top: 0px solid #dddddd;
    padding: 0 0 10px 0;
}

    .SPC_fundpotential .bottomLeftColumn .campaign-type-select p {
        display: inline-block;
        margin: 10px 20px;
    }

div.leftColumn.SPCTools,
div.rightColumn.SPCEstimate {
    width: 333px;
    background-color: rgba(243,243,243, .9);
    padding: 20px;
    z-index: 999;
    top: 0px;
    min-height: 100%;
}

div.leftColumn.SPCTools {
    position: absolute;
    left: 0px;
}

div.rightColumn.SPCEstimate {
    position: absolute;
    right: 0px;
}

    div.rightColumn.SPCEstimate ul {
        list-style: disc;
        padding-left: 35px;
        color: #757575;
        margin-bottom: 15px;
    }

div#createProductContainer {
    position: relative;
    background-color: #ffffff;
    border-top: 2px solid #dddddd;
}

@media (min-width: 1080px) {
    .campaign-type-container:first-child:nth-last-child(3):not(.selected-campaign-type),
    .campaign-type-container:first-child:nth-last-child(3) ~ .campaign-type-container:not(.selected-campaign-type) {
        width: 30%;
    }
}

@media (max-width: 1079px) {
    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types {
        flex-direction: column;
    }
}

.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div {
        background-color: #f3f3f3;
        border: 2px solid #f3f3f3;
        border-radius: 6px;
        display: block;
        font-size: 1.3em;
        vertical-align: top;
        white-space: nowrap;
        padding: 20px;
        margin: 0 10px;
        transition: .3s all ease-in-out;
    }

.campaign-type-container:hover {
    transform: scale(1.05);
}

.selected-campaign-type {
    border: 2px solid #2abcd2 !important;
    background-color: rgba(0, 188, 212, .15) !important;
}

.grey-text {
    color: #999999;
}

.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div ul {
    padding: 10px 38px;
    list-style: disc;
    list-style-position: inside;
    font-size: .8em;
    line-height: 1.7em;
    color: #757575;
}

    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div ul li {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div p input {
    margin-right: 5px;
}

.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div p input,
.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div p strong,
.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div p span,
.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types div p i {
    vertical-align: middle;
}

.bottomLeftColumn {
    margin-bottom: 70px;
}

.raise-same-amount {
    padding: 20px;
    background-color: rgba(0, 188, 212, .15);
    border-radius: 6px;
}

    .raise-same-amount label strong {
        font-size: 16px;
        color: #2abcd2;
    }

div.rightColumn.SPCEstimate fieldset,
.bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types {
    border: 0px solid #ffffff !important;
}

div.rightColumn.SPCEstimate fieldset {
    padding-left: 15px;
}

h2.head-SPC {
    margin: 0 0 10px 0;
}

strong.raised-step1 {
    font-size: 48px;
    color: #00c853;
    font-weight: 500;
}

p.raised-each-step1 {
    color: #00c853;
    margin: 5px 0;
}

.product-raised {
    color: #00c853;
}

.SPC_fundpotential p input[type="text"] {
    width: 50px;
    background-color: #ffffff;
}

.SPC_fundpotential .bottomLeftColumn p input[type="text"] {
    background-color: #f3f3f3;
}

.slider-inputs-step1 {
    width: 35%;
    display: inline-block;
    margin: 5px 5px 5px 0;
    text-align: right;
}

#slider-range-min, #slider-range-min-price {
    width: 60%;
    display: inline-block;
}

/* Step 2 */

.mce-container.mce-menubar.mce-toolbar {
    display: none;
}

.SPC_storydetails .SPC_storydetails_container {
    float: none;
}

    .SPC_storydetails .SPC_storydetails_container input[type=text],
    .SPC_storydetails .contrib-goals_container input[type=text] {
        width: 100%;
    }

.SPC_addPic {
    margin: 0 auto 15px auto;
    width: 160px;
    font-size: 16px;
    height: 28px;
    display: block;
}

ul.campaignPics {
    display: block;
    background: #ffffff;
    border-radius: 6px;
    position: relative;
    padding: 8px 8px 0px 8px;
    border: 1px solid #cccccc;
}

    ul.campaignPics > li {
        display: inline-block;
        max-width: 100px;
        position: relative;
        padding: 5px;
        margin-bottom: 10px;
    }

        ul.campaignPics > li img {
            width: 100%;
            max-width: 100px;
        }

        ul.campaignPics > li .SPC_removeImg {
            width: 80%;
            display: block;
            margin: auto;
            opacity: .65;
            background: #757575;
            text-align: center;
            font-weight: bold;
            border-radius: 3px;
            padding: 2px;
            font-size: 11px;
            text-transform: uppercase;
            color: #ffffff;
        }

            ul.campaignPics > li .SPC_removeImg:hover {
                opacity: 1;
            }

i.fa.fa-trash.fa-lg {
    color: #bbbbbb;
}

div.optional-styles-description a {
    color: #999999;
    text-decoration: underline;
    font-size: 11px;
}

td.product-color {
    padding: 5px 0;
    width: 250px;
}

.add-product-color {
    padding: 5px 0 5px 48px;
}

.add-product-style {
    text-align: left;
    padding: 10px 30px;
    font-weight: bold;
    color: #888888;
    margin-top: 50px;
    border: 2px dashed #dddddd;
    transition: all .5s ease;
    border-radius: 6px;
    display: block;
}

    .add-product-style img {
        float: right;
        width: 44%;
        opacity: .5;
    }

#preview-button-section {
    padding: 0;
}

.optional-styles-item-container .product-thumb img,
td.product-color div.color-swatch {
    cursor: default;
}

/* Step 3 */

.SPCOptions .date-picker input,
input#eventdatepicker {
    background: url(../../images/ittp/calendar-icon.png) 15px 6px no-repeat #fafafa;
    padding-left: 50px;
}

.SPCOptions .contrib-goals_container input {
    background: url(../../images/ittp/dollar-sign-icon.png) 15px 6px no-repeat #fafafa;
    padding-left: 35px;
}

.SPCOptions .date-picker p,
.SPCOptions .goal-label p,
p.chars-remaining {
    font-size: 12px;
    color: #212121;
    margin: 15px 0 8px 0;
}

.ui-widget-header .ui-icon {
    background-image: url(../../images/ittp/ui-icons_black_256x240.png) !important;
}

.ui-datepicker .ui-datepicker-prev:hover {
    border: none !important;
    top: 2px !important;
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next:hover {
    border: none !important;
    right: 2px !important;
    top: 2px !important;
}

.SPCOptions .rec-funds fieldset,
.SPCOptions .disp-options fieldset {
    border: none;
}

    .SPCOptions .rec-funds fieldset span label,
    .SPCOptions .disp-options fieldset span label {
        font-size: 14px;
        font-weight: 500;
        margin-left: 3px;
        cursor: pointer;
    }

.SPCOptions .rec-funds .radio,
.SPCOptions .disp-options .radio {
    margin-bottom: 15px;
}

.SPCOptions .rec-funds .rec-funds-inset {
    position: relative;
    margin-left: 5%;
    border-radius: 6px;
    padding: 5px 15px 15px;
    margin-top: 8px;
    width: 95%;
    background: #ffffff;
}

    .SPCOptions .rec-funds .rec-funds-inset label,
    .event-date label,
    .date-picker label {
        display: inline-block;
        font-weight: bold;
        padding: 10px 0 5px 0;
        vertical-align: baseline;
        margin: 0 5px 0 0;
    }

.SPCOptions .rec-funds .rec-funds-inset {
    display: none;
}

    .SPCOptions .rec-funds .rec-funds-inset.active {
        display: block;
    }

    .SPCOptions .rec-funds .rec-funds-inset li > .validationMessage {
        top: 30px;
    }

.SPCOptions .rec-funds .radio.one .rec-funds-inset > li > span.validationMessage {
    padding-bottom: 0 !important;
    color: #ffffff !important;
    font-size: 11px !important;
}

.SPCOptions .rec-funds .rec-funds-inset .paypal-id-box .validationMessage {
    top: 18px;
}

.SPCOptions .rec-funds .radio .paypal-id-box {
    display: block;
    width: 100%;
    position: relative;
}

.SPCOptions .rec-funds .radio .payment-by-check {
    cursor: pointer;
}

    .SPCOptions .rec-funds .radio .payment-by-check > input[type="checkbox"] {
        margin-right: 2px;
    }

.SPCOptions .rec-funds .radio .send-check-to-address {
    display: none;
}

    .SPCOptions .rec-funds .radio .send-check-to-address input,
    .SPCOptions .rec-funds .radio .send-check-to-address select {
        margin-bottom: 6px;
    }

    .SPCOptions .rec-funds .radio .send-check-to-address .validation-container {
        display: block;
        position: relative;
    }

.send-check-to-address .validation-container {
    display: block;
    position: relative;
}
/* placeholder text for tinymce boxes */

.p_holder {
    position: relative;
    overflow: visible;
}

    .p_holder label {
        top: 40px;
        left: 15px;
        z-index: 5;
        color: #aaaaaa;
        position: absolute;
        padding-right: 10px;
    }
/* charity search plugin */

.SPCOptions .rec-funds .radio.one .rec-funds-inset > li > span {
    color: #2abcd2;
    font-weight: bold;
    display: inline;
    margin: 0 0 0 5px;
}

div#fgResultsLoaderAnim {
    display: none;
    background: url(../../images/ittp/loading.gif) no-repeat center #ffffff;
    width: 100%;
    height: 100%;
    opacity: .85;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

    div#fgResultsLoaderAnim img {
        display: none;
    }

div#fgAdvancedFeatures {
    display: none;
}

    div#fgAdvancedFeatures #fgNtee {
        width: 100%;
    }

div#fgResults {
    display: none;
    cursor: pointer;
}

div#fgAdvancedFeaturesButton {
    cursor: pointer;
}

    div#fgAdvancedFeaturesButton > img {
        display: none
    }

    div#fgAdvancedFeaturesButton > span#fgAdvancedArrow {
        display: none;
    }

    div#fgAdvancedFeaturesButton > span {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: underline;
        display: block;
        color: #757575;
        padding: 10px 0;
    }

        div#fgAdvancedFeaturesButton > span:hover {
            color: #aaaaaa;
        }

#fgAdvancedDistance {
    margin: 10px 0;
    white-space: nowrap;
}

    #fgAdvancedDistance input#fgAdvancedDToggle {
        margin-right: 5px;
    }

    #fgAdvancedDistance > span {
        font-weight: 600;
        font-size: 12px;
        color: #757575;
    }

    #fgAdvancedDistance > .fgDistanceOptions {
        margin: 0 6px;
        width: 55px;
        height: 30px;
        font-size: 12px;
    }

        #fgAdvancedDistance > .fgDistanceOptions#fgZipRadius {
            width: 45px;
        }

#fgResults {
    padding: 12px 0;
    margin: 12px 0;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

    #fgResults .fgResult {
        padding: 8px 0;
        display: block;
        transition: .3s all ease;
    }

        #fgResults .fgResult:hover {
            opacity: .5;
        }

        #fgResults .fgResult img.fgNTEEIcon {
            display: none;
        }

        #fgResults .fgResult .fgCharityHeader > span {
            font-size: 12px;
            font-weight: 600;
            color: #757575;
        }

        #fgResults .fgResult .fgCharityHeader .fgNteeCatTitle {
            font-size: 12px;
            font-weight: 400;
            color: #999999;
        }

        #fgResults .fgResult .fgDesc {
            font-size: 12px;
            font-weight: 400;
            color: #999999;
        }

#fgPagination {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
}

    #fgPagination img#fgNextResults {
        margin: 0 10px;
        vertical-align: middle;
    }

    #fgPagination img#fgPreviousResults {
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

#fgZipRadius:disabled,
#fgZip:disabled,
#fgDistanceOptions:disabled {
    display: none;
}

/* Step 5 */

.SPC_storydetails .SPC_storydetails_container.disp-options > select {
    width: 100%;
}

.SPC_storydetails .SPC_storydetails_container.disp-options p label {
    cursor: pointer;
    background-color: #f2f2f2;
    display: block;
    font-size: 14px;
    font-weight: 500;
}

    .SPC_storydetails .SPC_storydetails_container.disp-options p label input[type="checkbox"] {
        margin: 0 3px 3px 0;
    }
/* SVG product designer */

#createProductContainer .svgModal {
    width: 100%;
    float: left;
    margin-top: 0px;
}

#createProductContainer .extra-large-button-orange.SPC_continue {
    float: none;
    margin: 0;
    width: 100% !important;
}

#createProductContainer .page-body {
    border-top: 4px double #dddddd;
    padding-top: 25px;
}

.camp-wiz-info-text {
    font-size: 13px;
    display: block;
    text-align: center;
    background-color: rgba(0, 188, 212, .15);
    padding: 25px 15px;
    margin-bottom: 25px;
    border-radius: 6px;
}

.preview-step-top-info {
    font-size: 13px;
    display: block;
    text-align: center;
    background-color: rgba(0, 188, 212, .15);
    padding: 25px 15px;
    margin-top: 25px;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
}

#svgProductAreas {
    max-width: 800px;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.svgProductArea {
    border: 1px solid #dddddd;
    background: #ffffff;
    overflow: hidden;
}

.svgWrapper {
    float: none !important;
    border: none !important;
    position: relative;
    display: block !important;
    width: 100%;
    height: 0;
    margin: auto;
    max-width: 800px;
    max-height: 800px;
    padding-top: 100%;
    vertical-align: middle;
    overflow: hidden;
}

    .svgWrapper > svg {
        position: absolute;
        top: 0;
        left: 0;
    }

@media (max-width: 1001px) {
    .widgetToolsWrapper {
        overflow: visible !important;
        top: 0 !important;
        left: 0 !important;
    }

    .widgetsWrapper {
        overflow: visible !important;
        top: 0 !important;
        left: 0 !important;
    }
}

.widgetToolsWrapper {
    max-width: 670px !important;
    width: 100% !important;
    height: 100% !important;
}

.widgetsWrapper {
    max-width: 670px !important;
    width: 100% !important;
    height: 100% !important;
}

.svgModal #svgControlWrappers {
    display: block;
    max-width: 300px;
    width: 300px;
    margin-right: 0;
    float: right;
}

#svgControlWrappers .svgPanel {
    border: none;
    margin-bottom: 1px;
}

.svgControlWrapper {
    width: 100%;
}

    .svgControlWrapper button {
        width: 100%;
    }

#wizardWrapper {
    max-width: 1000px;
    width: 100%;
    position: absolute;
    top: -170px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.svgPanel {
    z-index: 999991;
    max-width: 750px;
    height: 100%;
    display: inline-block;
    margin-right: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 10%;
    width: 75%;
    margin: auto;
    display: none;
    border: none;
    text-align: center;
}

    .svgPanel .svgPanelWrapper {
        background-color: #ffffff;
        position: relative;
        padding: 25px;
        border: 0px;
        box-shadow: 0 0 35px rgba(0, 0, 0, .25);
        border-radius: 3px;
    }

.blackoutModal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .50;
}

.blackoutModal-bg {
    opacity: .50;
}

.svgPanelWrapper h2 {
    font-size: 26px;
    border-bottom: 2px solid #dddddd;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-align: center;
}

.selectImage .svgPanelWrapper .imageWrapper,
.selectShape .svgPanelWrapper .imageWrapper,
.selectClipArt .svgPanelWrapper .imageWrapper {
    margin: 0;
    overflow: auto;
    width: 100%;
    border: none;
    height: auto;
    overflow-y: auto;
    max-height: 250px;
    min-height: 150px;
}

    .selectImage .svgPanelWrapper .imageWrapper .image,
    .selectShape .svgPanelWrapper .imageWrapper .image,
    .selectClipArt .svgPanelWrapper .imageWrapper .image {
        border-color: #f3f3f3;
        width: 150px;
        height: 150px;
        border-width: 5px;
        background-color: #f3f3f3;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        transition: all .5s ease;
        margin: 10px;
    }

        .selectImage .svgPanelWrapper .imageWrapper .image:hover,
        .selectShape .svgPanelWrapper .imageWrapper .image:hover,
        .selectClipArt .svgPanelWrapper .imageWrapper .image:hover {
            background-color: #d8f5f9;
            border-color: #d8f5f9;
            transition: all .5s ease;
        }

.svgPanelWrapper > a[href*="javascript"] {
    display: block;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background: url(../../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important;
    top: 10px;
    right: 10px;
    position: absolute;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: 9999px;
}

.svgPanelWrapper .buttonWrapper {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 100%;
    border-top: 4px double #dddddd;
    padding-top: 16px;
    margin-top: 25px;
    text-align: center;
}

.selectImage input.fileSelector {
    margin: 16px 0 10px 0;
    padding: 16px;
    font-size: 16px;
    border: 2px dashed #dddddd;
    width: 100%;
    border-radius: 6px;
}

.svgPanel .svgPanelWrapper p {
    line-height: 1.3;
    color: #757575;
    font-size: 14px;
    padding: 5px 0;
    display: block;
}

.svgPanel.selectImage .svgPanelWrapper p.imageDisclaimer {
    font-size: 12px;
}

#ThankYouNote_ifr {
    height: 100px !important;
}

.selectClipArt .controlWrapper {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 4px double #dddddd;
}

    .selectClipArt .controlWrapper label {
        font-size: 14px;
    }

    .selectClipArt .controlWrapper select {
        width: 100%;
        margin: 5px 0 15px 0;
    }

.selectFont .controlWrapper {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 4px double #dddddd;
}

    .selectFont .controlWrapper > div {
        margin-bottom: 10px;
        white-space: nowrap;
    }

    .selectFont .controlWrapper label {
        font-size: 14px;
        display: block;
        margin-bottom: 5px;
    }

    .selectFont .controlWrapper button.searchButton.search-box-button.fontSearch {
        height: 38px;
        margin-left: 0px;
        width: 38px;
        overflow: hidden;
        text-indent: -9999px;
        background: #2abcd2 url(../../images/ittp/icon-search-button.png) no-repeat center;
        border: 0;
        border-radius: 100% !important;
        float: none;
        transition: all .5s ease;
    }

        .selectFont .controlWrapper button.searchButton.search-box-button.fontSearch:hover {
            background-color: #ff5252;
            transition: all .5s ease;
        }

    .selectFont .controlWrapper input[type="text"] {
        width: auto;
        margin: 0 5px 0 0;
    }

    .selectFont .controlWrapper select {
        width: 100%;
    }

.selectFont .fontWrapper {
    text-align: center;
}

    .selectFont .fontWrapper .font {
        background-color: #f3f3f3;
        padding: 6px 8px;
        display: inline-block;
        cursor: pointer;
        margin: 5px;
        color: #999999;
        transition: all .5s ease;
        overflow: hidden;
        width: 45%;
    }

        .selectFont .fontWrapper .font:hover {
            background-color: #d8f5f9;
        }

        .selectFont .fontWrapper .font .thumbnail {
            /* height: 44px !important; */
            background-repeat: no-repeat;
            width: 100% !important;
            background-position: center !important;
            background-size: auto !important;
        }

.buttonWrapper button {
    padding: 6px 24px;
    margin: 0 5px;
}

#svgControlWrappers .svgControlWrapper button {
    margin: 0 auto 3px auto;
    width: 95%;
    display: block;
}

    #svgControlWrappers .svgControlWrapper button.changeFont {
        margin: -8px 0 5px 1px;
        position: relative;
        left: 10px;
        width: 93%;
        border: 2px solid #eeeeee;
        font-size: 15px;
    }

        #svgControlWrappers .svgControlWrapper button.changeFont:hover {
            border-color: #999999;
        }

#svgControlWrappers .svgPanel .expandableContent {
    width: 100%;
    padding: 10px 5px;
    background-color: #ffffff;
}

#svgControlWrappers {
    margin-top: 0px;
}

    #svgControlWrappers .svgPanel > h2.expandable {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        font-size: 18px;
        height: auto;
        border-bottom: none;
        margin-top: 0;
        border: 0px solid #cccccc;
        border-radius: 0px;
        position: relative;
        color: #ffffff;
        font-weight: 500;
        background: #2abcd2;
    }

        #svgControlWrappers .svgPanel > h2.expandable.expand {
            background: url(../../images/ittp/arrow-down-mod.png) no-repeat 20px 16px #2abcd2;
        }

            #svgControlWrappers .svgPanel > h2.expandable.expand:hover {
                color: #ffffff;
            }

        #svgControlWrappers .svgPanel > h2.expandable.collapse {
            border-radius: 0;
            background: url(../../images/ittp/arrow-up-mod.png) no-repeat 20px 16px #2abcd2;
        }
/* select image trash */

.svgModal .selectImage .imageWrapper .image .delete {
    width: 20px;
    height: 20px;
    bottom: 0px;
    right: 0px;
    background-position: -109px -86px;
    margin: 1px;
    opacity: .45;
    transition: ease opacity .25s;
}

    .svgModal .selectImage .imageWrapper .image .delete:hover {
        background-color: transparent;
        opacity: 1;
        margin: 1px;
        border: none;
    }
/* object editor */

#svgControlWrappers .svgEditorSection.transforms {
    height: 205px;
}

    #svgControlWrappers .svgEditorSection.transforms .buttonWrapper {
        top: 117px;
        width: 280px;
        left: 10px;
    }

        #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button {
            border: 2px solid #eeeeee;
        }

            #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button:hover {
                border-color: #999999;
            }

            #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.flipHorizontal {
                width: 45%;
                display: block;
                float: left;
                margin-right: 10px;
                font-size: 12px;
                height: 35px;
                line-height: 1;
                margin-bottom: 0;
            }

            #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.flipVertical {
                width: 45%;
                display: block;
                float: left;
                margin-right: 10px;
                font-size: 12px;
                height: 35px;
                line-height: 1;
                margin-bottom: 0;
            }

            #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.centerHorizontal {
                width: 45%;
                display: block;
                float: left;
                margin-right: 10px;
                font-size: 12px;
                height: 35px;
                line-height: 1;
                margin-bottom: 0;
                margin-top: 10px;
                clear: left;
            }

            #svgControlWrappers .svgEditorSection.transforms .buttonWrapper button.centerVertical {
                width: 45%;
                display: block;
                float: left;
                margin-right: 10px;
                font-size: 12px;
                height: 35px;
                line-height: 1;
                margin-bottom: 0;
                margin-top: 10px;
            }

    #svgControlWrappers .svgEditorSection.transforms .content .widthLabel,
    #svgControlWrappers .svgEditorSection.transforms .content .heightLabel,
    #svgControlWrappers .svgEditorSection.transforms .content .rotateLabel {
        font-size: 14px;
        color: #757575;
        text-transform: uppercase;
    }

    #svgControlWrappers .svgEditorSection.transforms .content .widthLabel2,
    #svgControlWrappers .svgEditorSection.transforms .content .heightLabel2 {
        font-size: 10px;
        color: #999999;
        text-transform: uppercase;
    }

    #svgControlWrappers .svgEditorSection.transforms .widthLabel2 {
        top: 16px;
    }

    #svgControlWrappers .svgEditorSection.transforms .heightLabel2 {
        top: 53px;
    }

    #svgControlWrappers .svgEditorSection.transforms .heightLabel {
        top: 37px;
    }

    #svgControlWrappers .svgEditorSection.transforms .rotateLabel {
        top: 82px;
    }

    #svgControlWrappers .svgEditorSection.transforms .resetRotate {
        top: 80px;
    }

    #svgControlWrappers .svgEditorSection.transforms .widthTextbox {
        width: 195px;
        left: 55px;
        top: -2px;
        height: 32px;
    }

    #svgControlWrappers .svgEditorSection.transforms .heightTextbox {
        width: 195px;
        left: 55px;
        top: 37px;
        height: 32px;
    }

    #svgControlWrappers .svgEditorSection.transforms .rotateTextbox {
        width: 195px;
        left: 55px;
        top: 76px;
        height: 32px;
    }

#svgControlWrappers .svgEditorSection {
    border: none;
}

    #svgControlWrappers .svgEditorSection.color {
        margin-top: 10px;
    }

        #svgControlWrappers .svgEditorSection.color .expandableContent {
            height: 415px;
            background-color: #eeeeee;
            padding-top: 3px;
            padding-left: 6px;
        }

        #svgControlWrappers .svgEditorSection.color h2 {
            height: 32px;
            padding: 6px;
            font-size: 14px;
            color: #757575;
            text-transform: uppercase;
        }

            #svgControlWrappers .svgEditorSection.color h2.expandable.expand {
                border-radius: 3px;
                background-color: #eeeeee;
                box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
            }

            #svgControlWrappers .svgEditorSection.color h2.expandable.collapse {
                border-radius: 6px 6px 0 0;
            }

            #svgControlWrappers .svgEditorSection.color h2.expandable span.label {
                line-height: 1.5;
            }

        #svgControlWrappers .svgEditorSection.color .colorValue {
            top: 6px;
            border: none;
            box-shadow: 1px 1px 0px rgba(0, 0, 0, .3);
        }

        #svgControlWrappers .svgEditorSection.color .color_button {
            border: none;
            box-shadow: 1px 1px 0px rgba(0, 0, 0, .3);
        }

    #svgControlWrappers .svgEditorSection.strokeWidth {
        margin-top: 10px;
    }

        #svgControlWrappers .svgEditorSection.strokeWidth h2 {
            font-size: 14px;
            color: #757575;
            text-transform: uppercase;
        }

        #svgControlWrappers .svgEditorSection.strokeWidth h3 {
            top: -4px;
            font-size: 10px;
            color: #999999;
            text-transform: uppercase;
        }

        #svgControlWrappers .svgEditorSection.strokeWidth .currentValue {
            top: 8px;
            font-weight: bold;
            font-size: 16px;
        }

#svgControlWrappers div.strokeWidthSlider {
    margin-top: 0px;
}

#svgControlWrappers div.ittpSlider.horizontal div.ittpSliderWidget {
    background-image: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    border-radius: 100%;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    /* IE6-9 */
}

#svgControlWrappers div.ittpSlider.horizontal div.ittpSliderRange div.ittpSliderMax {
    right: 5px;
}

#svgControlWrappers div.ittpSlider.horizontal div.ittpSliderRange div.ittpSliderMiddle {
    width: 275px !important;
}

#svgControlWrappers .svgEditorSection.font {
    font-size: 14px;
    color: #757575;
    text-transform: uppercase;
    margin-top: 8px;
    padding: 4px;
}

    #svgControlWrappers .svgEditorSection.font ul::before {
        content: "Choose a Font";
        display: block;
        margin-bottom: 10px;
    }

    #svgControlWrappers .svgEditorSection.font ul li {
        padding-top: 5px;
        margin-top: 5px;
        border-top: 1px solid #cccccc;
        font-size: 12px;
        text-transform: none;
        color: #999999;
    }

        #svgControlWrappers .svgEditorSection.font ul li:hover {
            cursor: pointer;
            color: #757575;
        }
/* image options */

.imageOptionsWrap.buttonWrapper {
    background: #f2f2f2;
    padding: 8px;
    text-align: center;
    border: 0px solid #eeeeee;
    width: 95%;
    margin: 10px auto 5px auto;
}

    .imageOptionsWrap.buttonWrapper > label {
        display: inline-block;
        margin-right: 5px;
        padding: 6px;
        border: 2px solid #ffffff;
        width: 45%;
        margin: 2%;
        cursor: pointer;
    }

        .imageOptionsWrap.buttonWrapper > label:hover {
            border-color: #999999;
        }

        .imageOptionsWrap.buttonWrapper > label input[type="radio"] {
            margin-right: 4px;
            cursor: pointer;
        }

        .imageOptionsWrap.buttonWrapper > label > span {
            font-size: 12px;
        }

    .imageOptionsWrap.buttonWrapper .colorPick {
        padding: 0;
        margin: 2%;
    }

        .imageOptionsWrap.buttonWrapper .colorPick > input {
            cursor: pointer;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            width: 90%;
            border: 2px solid #cccccc;
            border-radius: 3px;
            margin: auto;
            padding: 6px;
        }

#svgControlWrappers .svgControlWrapper button.invert1c {
    margin: 10px auto;
    left: 10px;
    width: 90%;
    border: 2px solid #dddddd;
    font-size: 15px;
}

    #svgControlWrappers .svgControlWrapper button.invert1c:hover {
        border-color: #999999;
    }

.selected1cColors .color_button {
    display: inline-block !important;
    border: none;
    float: none;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .3);
}
/* product areas */

#svgControlWrappers .productAreaPanel .productArea {
    border-color: #eeeeee;
    border-width: 5px;
    transition: ease border-color .25s;
    border-radius: 3px;
}

    #svgControlWrappers .productAreaPanel .productArea:hover {
        border-color: #cccccc;
    }

    #svgControlWrappers .productAreaPanel .productArea .productAreaLabel {
        font-size: 12px;
        color: #999999;
        display: block;
        width: 100%;
        background-color: #eeeeee;
        text-align: center;
        padding: 1px;
        opacity: .75;
        text-transform: uppercase;
    }

    #svgControlWrappers .productAreaPanel .productArea:hover .productAreaLabel {
        opacity: 1;
        color: #212121;
    }
/* layers */

#svgControlWrappers .layerList {
    margin-top: -5px;
}

    #svgControlWrappers .layerList .layer {
        width: 97%;
        border: #cccccc solid 1px;
        border-radius: 3px;
        opacity: .70;
        height: 38px;
        transition: ease opacity .25s;
    }

        #svgControlWrappers .layerList .layer:hover {
            opacity: 1;
        }

        #svgControlWrappers .layerList .layer.selected {
            box-shadow: 1px 1px 0px rgba(0, 0, 0, .35);
            border-color: #999999;
            opacity: 1;
        }

    #svgControlWrappers .layerList .layerButton {
        top: 5px !important;
        border-color: #aaaaaa;
        transition: ease border-color .25s;
    }

        #svgControlWrappers .layerList .layerButton:hover {
            border-color: #999999;
        }

    #svgControlWrappers .layerList .title {
        top: 12px;
        font-size: 11px;
    }

    #svgControlWrappers .layerList .layerButton.moveUp {
        left: 39px;
    }
/* editor viewport */

#svgControlWrappers .viewBoxPanel {
    height: 115px;
    width: 145px;
}

    #svgControlWrappers .viewBoxPanel .viewBoxButton {
        border-radius: 3px;
        width: 33px;
        height: 33px;
        border: 4px solid #eeeeee;
        transition: ease border-color .25s;
    }

        #svgControlWrappers .viewBoxPanel .viewBoxButton:hover {
            border-color: #cccccc;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxZoomIn {
            left: -5px;
            top: 22px;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxZoomOut {
            left: -5px;
            top: 60px;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanLeft {
            left: 42px;
            top: 40px;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanUp {
            left: 80px;
            top: 2px;
            background-position: -78px -1px;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanRight {
            left: 118px;
            top: 40px;
            background-position: -105px 0px;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxPanDown {
            left: 80px;
            top: 78px;
        }

        #svgControlWrappers .viewBoxPanel .viewBoxButton.viewBoxFit {
            left: 80px;
            top: 40px;
        }

@media (max-width: 1001px) {

    .svgPanel {
        width: 90%;
        left: -2%;
        min-width: 325px;
    }
}

@media (max-width: 751px) {
    #svgProductAreas {
        max-width: 751px;
        display: block;
        clear: both;
        float: none;
        margin: 0 auto 0 auto;
    }

    #svgControlWrappers {
        float: none !important;
        margin: auto !important;
        display: block !important;
    }

    #createProductContainer .extra-large-button-orange.SPC_continue {
        float: none;
        margin: 0 auto 0 auto;
        width: 90% !important;
    }
}

@media (max-width: 370px) {
    .selectImage .svgPanelWrapper .imageWrapper .image,
    .selectShape .svgPanelWrapper .imageWrapper .image,
    .selectClipArt .svgPanelWrapper .imageWrapper .image {
        width: 80px;
        height: 80px;
    }
}
/* product selection for campaign wizard (step 1) */

#ProductSelectModal,
#StartingModal {
    z-index: 999991;
    max-width: 750px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
}

#StartingModal {
    z-index: 999999;
}

    #ProductSelectModal .prodselectClose,
    #StartingModal .prodselectClose {
        display: block;
        border: 1px solid #cccccc;
        border-radius: 50%;
        background: url(../../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important;
        top: 10px;
        right: 10px;
        position: absolute;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: 9999px;
    }
/* product slider box */
/*
.flex-direction-nav > li > a {
    border-radius: 50%;
    border: 1px solid #aaaaaa;
}
.flex-direction-nav .flex-prev {
    background: url(../../images/ittp/arrow-left.png) #ffffff no-repeat center !important;
}
.flex-direction-nav .flex-prev {
    background: url(../../images/ittp/arrow-left.png) #ffffff no-repeat center !important;
}
.flex-direction-nav .flex-next {
    background: url(../../images/ittp/arrow-right.png) #ffffff no-repeat center !important;
} */
@media (max-width: 1001px) {
    #ProductSelectModal {
        margin: 0 auto;
        right: 0;
        left: 0;
        padding: 0 2%;
    }
}

#ProductSelectModal .blackoutModal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .50;
}

.p-selector-wrapper,
.starting-modal-wrapper {
    width: 100%;
    margin: 5% auto;
    border: 0px solid #999999;
    padding: 25px;
    background: #ffffff;
    position: relative;
    box-shadow: 0 0 35px rgba(0, 0, 0, .25);
    min-height: 520px;
    border-radius: 3px;
}

.starting-modal-wrapper {
    text-align: center;
}

h1.ps-title,
h1.di-title {
    font-size: 26px;
    font-weight: 700;
    border-bottom: 2px solid #dddddd;
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-align: center;
}

.ps-nav-container,
.di-nav-container {
    width: 100%;
    padding: 0 0 12px 0;
    /*border-bottom: 2px solid #dddddd;*/
    float: left;
}

.ps-crumb {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .ps-crumb span.ps-crumb-item {
        font-size: 16px;
    }

        .ps-crumb span.ps-crumb-item > a {
            font-size: 16px;
            color: #757575;
            text-decoration: underline;
        }

select.ps-brand-filter {
    display: none;
}

.ps-clearBoth {
    clear: both;
}

ul.ps-product-list {
    clear: both;
    text-align: center;
    /*max-height: 450px;*/
    width: auto !important;
    /*overflow: auto;*/
}

    ul.ps-product-list li.ps-list-item,
    ul.di-product-list li.di-list-item {
        display: inline-block;
        padding: 10px;
        margin: 1%;
        max-width: 200px;
        min-width: 100px;
        vertical-align: top;
        border-radius: 4px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    }

li.ps-list-item .ps-image-wrapper {
    max-width: 200px;
    max-height: 200px;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

li.ps-list-item img.ps-image {
    display: block;
    width: 100%;
    max-width: 200px;
    min-width: 100px;
    height: auto !important
}

li.ps-list-item h3.ps-prod-title,
li.di-list-item h3.di-prod-title {
    margin: 10px 0;
    text-align: center;
    display: block;
    overflow: hidden;
}

.ps-prod-title-long {
    color: #999999;
    margin: 5px 0;
}

.ps-prod-casecost {
    color: #2abcd2;
    margin: 5px 0;
}

a.green-border-button {
    color: #2abcd2;
    text-decoration: underline;
}

.ps-product-wrap-b a.green-border-button button.new-gray-button {
    width: 100%;
}

a.green-border-button:hover {
    color: #ff5252;
}

.ps-paginate {
    display: block;
    font-size: 14px;
    width: 95%;
    margin: 15px auto 0 auto;
    text-align: center;
}

.ps-prod-select.ps-pg-prev,
.ps-prod-select.ps-pg-next {
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    width: auto;
    font-size: 12px;
    border-radius: 3px;
}

.ps-pg-pagelist {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 17px;
}

.ps-pg-selected {
    display: inline-block;
    font-weight: 700;
    color: #757575;
    padding: 0 2px;
}

.ps-pg-num {
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    color: #999999;
    padding: 0 2px;
}

    .ps-pg-num:hover {
        text-decoration: underline;
    }

@media (max-width: 1000px) {
    ul.ps-product-list li.ps-list-item {
        width: 30%;
    }
}
/* @media (max-width: 850px) {
    ul.ps-product-list li.ps-list-item {
        width: 22%;
    }
}
@media (max-width: 760px) {
    ul.ps-product-list li.ps-list-item {
        width: 50%;
    }
} */
@media (max-width: 760px) {
    ul.ps-product-list li.ps-list-item {
        width: 100%;
    }
}
/* pdp */

.ps-product-wrap-a {
    display: inline-block;
    float: left;
    width: 32%;
    margin-right: 15px;
    margin-top: 25px;
}

    .ps-product-wrap-a .ps-detail-image {
        max-width: 257px;
        width: 100%;
        margin: auto;
    }

        .ps-product-wrap-a .ps-detail-image img {
            max-width: 257px;
            width: 100%;
        }

    .ps-product-wrap-a ul.ps-prod-thumbs {
        width: 100%;
        display: block;
        padding: 0;
        margin: auto;
        text-align: center;
    }

    .ps-product-wrap-a .ps-prod-thumbs > li {
        display: inline-block;
        padding: 5px;
        border: 1px solid #eeeeee;
        margin: 5px;
        max-width: 65px;
    }

        .ps-product-wrap-a .ps-prod-thumbs > li img {
            width: 100%;
        }

.ps-product-wrap-b {
    display: inline-block;
    float: right;
    width: 64%;
    margin-top: 25px;
}

    .ps-product-wrap-b .ps-product-desc {
        padding-bottom: 10px;
    }

    .ps-product-wrap-b p {
        margin-bottom: 10px;
    }

    .ps-product-wrap-b .ps-product-desc ul {
        list-style: square;
        padding-left: 25px;
    }

        .ps-product-wrap-b .ps-product-desc ul li {
            margin-bottom: 3px;
        }

    .ps-product-wrap-b ul.ps-product-swatches {
        padding-left: 0;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .ps-product-wrap-b li.ps-swatch {
        display: inline-block;
        margin-right: 5px;
        cursor: pointer;
    }

    .ps-product-wrap-b .ps-sizes-label {
        margin-bottom: 20px;
    }

@media (max-width: 899px) {
    .ps-product-wrap-b {
        width: 52%;
    }
}

@media (max-width: 655px) {
    .ps-product-wrap-b {
        width: 48%;
    }
}

@media (max-width: 599px) {
    .ps-product-wrap-a {
        display: block;
        float: none;
        width: 95%;
    }

    .ps-product-wrap-b {
        display: block;
        float: none;
        clear: both;
        width: 95%;
        margin-bottom: 25px;
    }
}
/* Design Import Modal for campaign wizard (step 1) */

#DesignImportModal {
    z-index: 999991;
    max-width: 750px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

    #DesignImportModal .designimportClose {
        display: block;
        border: 1px solid #cccccc;
        border-radius: 50%;
        background: url(../../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important;
        top: 10px;
        right: 10px;
        position: absolute;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: 9999px;
    }

    #DesignImportModal .designimportLoading {
        opacity: .85;
        display: block;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 100px 0 0 0;
        margin: 0;
        border-radius: 6px;
    }

@media (max-width: 1001px) {
    #DesignImportModal {
        margin: 0 auto;
        right: 0;
        left: 0;
        padding: 0 2%;
    }
}

#DesignImportModal .blackoutModal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .50;
}

.di-selector-wrapper {
    width: 100%;
    margin: 5% auto;
    border: 0px solid #999999;
    padding: 20px;
    background: #ffffff;
    position: relative;
    box-shadow: 0 0 35px rgba(0, 0, 0, .25);
    border-radius: 6px;
}
/* h1.di-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 12px;
    width: 90%;
} */
.di-load-saved-design-message {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

    .di-load-saved-design-message a {
        font-weight: 700;
        text-decoration: underline;
        color: #ff5252;
    }
/* .di-nav-container {
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    float: left;
} */
.di-nav-container .select-filter-box {
    padding: 6px 15px 15px 0;
}

.select-filter-box label {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.select-filter-box select.di-category-filter {
    padding: 5px;
    display: inline-block;
    margin-right: 10px;
    width: 100%;
    min-width: 300px;
    font-weight: 700;
    font-size: 16px;
}

.di-clearBoth {
    clear: both;
}

ul.di-product-list {
    width: 100%;
    padding: 15px 0;
    clear: both;
    text-align: center;
    max-height: 450px;
    overflow: auto;
}
/* ul.di-product-list li.di-list-item {
    display: inline-block;
    padding: 10px;
    border: 1px solid #eeeeee;
    margin: 1%;
    width: 205px;
    vertical-align: top;
} */
div.di-image-wrapper svg {
    width: 100%;
}

li.di-list-item .di-image-wrapper {
    max-width: 205px;
    max-height: 205px;
    overflow: hidden;
    width: 100%;
}

li.di-list-item img.di-image {
    display: block;
    width: 100%;
    max-width: 205px;
    min-width: 100px;
    height: auto !important
}
/* li.di-list-item h3.di-prod-title {
    font-weight: bold;
    margin: 10px 0;
    font-size: 12px;
    text-align: center;
    display: block;
    overflow: hidden;
}
a.di-prod-select {
    width: 37%;
    display: inline-block;
    margin: 0 1% 6px 1%;
    height: auto;
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    background: #ff5252;
    border-radius: 0;
    transition: all .5s ease;
    border: none;
    padding: 6px 8px;
    font-weight: 700;
}
a.di-prod-select:hover {
    background-color: #ffbc79;
} */
.di-paginate {
    display: block;
    font-size: 14px;
    width: 95%;
    margin: 15px auto;
    text-align: center;
}

.di-prod-select.di-pg-prev,
.di-prod-select.di-pg-next {
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    width: auto;
    margin: auto;
    font-size: 12px;
    border-radius: 3px;
}

.di-pg-pagelist {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 17px;
}

.di-pg-selected {
    display: inline-block;
    font-weight: 700;
    color: #757575;
    padding: 0 2px;
}

.di-pg-num {
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    color: #999999;
    padding: 0 2px;
}

    .di-pg-num:hover {
        text-decoration: underline;
    }

@media (max-width: 400px) {
    .select-filter-box select.di-category-filter {
        min-width: 200px;
    }
}
/* sub buttons and modal for campaign wizard */

.login-container {
    background-color: transparent;
    z-index: 99991;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .login-container .alertModal-bg {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .50;
    }

    .login-container .alertModal-msgbox {
        position: relative;
        margin: 75px auto 0 auto;
        width: 90%;
        max-width: 750px;
        background: #ffffff;
        border: 0px solid #F33;
        box-shadow: 0 0 35px rgba(0, 0, 0, .5);
        padding: 25px;
        border-radius: 3px;
        text-align: center;
    }

    .login-container .alertHeader {
        font-size: 26px;
        border-bottom: 4px solid #00bcd4;
        font-weight: 700;
        padding-bottom: 8px;
        margin-bottom: 15px;
        text-align: center;
    }

    .login-container .alertMessage {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.3;
        color: #757575;
    }

    .login-container .alertClose {
        display: block;
        border: 1px solid #cccccc;
        border-radius: 50%;
        background: url(../../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important;
        top: 10px;
        right: 10px;
        position: absolute;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: 9999px;
    }

    .login-container input[type="password"],
    .login-container input[type="text"],
    #orderLookupModal.alertModal-container input[type="text"] {
        max-width: 350px;
        width: 100% !important;
        display: inline-block;
        margin-bottom: 20px;
    }

.vendor-name-section p {
    max-width: 350px;
    margin: 0 auto;
    padding-bottom: 20px;
}

#titleInputContainer.login-container input[type="text"] {
    width: 100% !important;
    max-width: 350px;
    margin: 0 auto;
}

.login-container label,
.sign-up-post-checkout label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.login-container .extra-large-button-orange {
    padding: 8px 10px;
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 350px;
}

#vendorName_submit {
    display: block;
    margin: 0 auto;
}

.login-container .or-spacer {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
}

.chkbx-container {
    margin-bottom: 20px;
}

    .chkbx-container .chkbx-label {
        display: inline-block;
        margin-right: 6px;
        margin-bottom: 2px;
    }

    .chkbx-container .login-chkbx {
        display: inline-block;
    }
/* .login-container fieldset.facebook-login-block {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
} */
.login-container fieldset.facebook-login-block .facebook-btn {
    margin: 5px 0 !important;
    display: inline-block;
    background-image: none !important;
    background-color: #3b5998;
    width: 100% !important;
    max-width: 350px;
    color: #ffffff;
    text-align: center;
    padding: 8px 10px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
    border-radius: 4px;
    height: auto !important;
    transition: all .5s ease;
}

    .login-container fieldset.facebook-login-block .facebook-btn:hover {
        background-color: #293e6a;
        transition: all .5s ease;
    }

@media (max-width: 481px) {
    .login-container .alertHeader {
        font-size: 16px;
    }

    .login-container .alertMessage {
        font-size: 12px;
    }
}

.svgModal .campwiz-all-buttons {
    float: right;
    clear: right;
    width: 300px;
    padding-top: 15px;
}

    .svgModal .campwiz-all-buttons .campwiz-info-help {
        width: 40%;
        float: left;
        padding-top: 15px;
        line-height: 1.35;
        font-size: 11px;
    }

        .svgModal .campwiz-all-buttons .campwiz-info-help p {
            margin-bottom: 0;
            color: #212121;
        }

    .svgModal .campwiz-all-buttons #svgSubmitForm {
        float: right;
        width: 58%;
    }

    .svgModal .campwiz-all-buttons .extra-large-button-orange.SPC_continue {
    }

    .svgModal .campwiz-all-buttons .campwiz-sub-button-container {
        float: right;
        clear: right;
        width: 58%;
        padding-top: 10px;
    }

.campwiz-sub-button-container .save-for-later,
.campwiz-sub-button-container .change-product,
.campwiz-sub-button-container .import-design {
    margin-bottom: 8px;
}

    .campwiz-sub-button-container .save-for-later:hover,
    .campwiz-sub-button-container .change-product:hover,
    .campwiz-sub-button-container .import-design:hover {
    }

.svgModal .campwiz-all-buttons .camp-wiz-step1-product-info {
    padding-bottom: 10px;
    border-bottom: 4px double #dddddd;
    margin-bottom: 12px;
}

    .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info dl {
        display: block;
        margin-bottom: 6px;
    }

        .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info dl dt {
            display: inline-block;
            width: 28%;
            vertical-align: top;
            font-weight: 700;
            color: #212121;
            font-size: 12px;
        }

        .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info dl dd {
            display: inline-block;
            width: 70%;
            vertical-align: top;
            font-weight: 600;
            color: #999999;
            font-size: 12px;
        }
/*loading element*/
.loading-overlay {
    display: none;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11000;
}

.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: 600;
    color: #757575;
}

    .vertical-center .fa {
        font-size: 18px;
        vertical-align: middle;
    }

.loading-spinner {
    opacity: 0.85;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    display: block;
    background-image: url(../../images/ittp/loader.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
}

#ProductSelectModal .prodselectLoading {
    background: url(../../images/ittp/loader.svg) no-repeat center #ffffff;
    opacity: .85;
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 100px 0 0 0;
    margin: 0;
    z-index: 100000;
}

.loading-bg {
    background: url(../../images/ittp/loader.svg) no-repeat center #ffffff;
    opacity: .85;
    display: none;
    text-align: center;
    position: fixed;
    z-index: 999992;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .loading-bg span.loading-txt {
        font-size: 24px;
        font-weight: 600;
        color: #999999;
        top: 50%;
        line-height: 3.25;
        position: relative;
        display: none;
    }

@media (max-width: 751px) {
    .svgModal .campwiz-all-buttons .campwiz-sub-button-container {
        float: none;
        margin: 10px auto 0px auto;
        width: 90% !important;
    }

    .svgModal .campwiz-all-buttons {
        float: none;
        clear: both;
        width: auto;
        margin: auto;
    }

        .svgModal .campwiz-all-buttons #svgSubmitForm {
            float: none;
            margin: auto;
            clear: both;
            width: auto;
        }

        .svgModal .campwiz-all-buttons .campwiz-info-help {
            text-align: center;
            width: auto;
            margin: auto;
            float: none;
        }

            .svgModal .campwiz-all-buttons .campwiz-info-help > p {
                display: inline-block;
                margin-right: 5px;
                font-size: 13px;
            }

        .svgModal .campwiz-all-buttons .camp-wiz-step1-product-info {
            margin: 0 auto 8px auto;
            width: 90%;
            padding-top: 6px;
        }
}
/************************ form validation ****************************/
/* validation on saved payments (account page) */

.info.payment-info .validationMessage {
    background-color: #F33;
    position: absolute;
    white-space: nowrap;
    display: block;
    padding: 2px 8px;
    z-index: 1;
    top: -11px;
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.5;
}

    .info.payment-info .validationMessage:after {
        border-top: 6px solid #F33;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        width: 0;
        height: 0;
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 1em;
    }
/* validation on Campaign Wizard */

.SPC_storydetails .SPC_storydetails_container {
    position: relative;
}

.SPCOptions .validationMessage {
    background-color: #F33;
    position: absolute;
    white-space: nowrap;
    display: block;
    padding: 2px 8px;
    z-index: 1;
    top: -11px;
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.5;
}

    .SPCOptions .validationMessage:after {
        border-top: 6px solid #F33;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        width: 0;
        height: 0;
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 1em;
    }
/* checkout validation */

.message-error,
.field-validation-error,
.not-available-status,
.poll-vote-error,
.password-error {
    color: #F33 !important;
    font-size: 12px;
    font-weight: 600;
}
/* promote campaign modal 4-15-15 */

.promote-campaign-modal {
    background-color: transparent;
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .promote-campaign-modal .alertModal-bg {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .50;
    }

    .promote-campaign-modal .alertModal-msgbox {
        position: relative;
        margin: 75px auto 0 auto;
        width: 90%;
        max-width: 750px;
        background: #ffffff;
        border: 0px solid #F33;
        box-shadow: 0 0 35px rgba(0, 0, 0, .5);
        padding: 15px 0px 35px 0px;
        border-radius: 3px;
    }

    .promote-campaign-modal .alertHeader {
        font-size: 21px;
        text-align: center;
        border-bottom: 2px solid #dddddd;
        padding: 0 40px 10px 40px;
        margin-bottom: 20px;
    }

    .promote-campaign-modal .alertClose {
        display: block;
        border: 1px solid #cccccc;
        border-radius: 50%;
        background: url(../../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Allure/Content/images/icon-close.png) no-repeat center !important;
        top: 10px;
        right: 10px;
        position: absolute;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: 9999px;
    }

    .promote-campaign-modal .pdp-single-socialbutton-wrap {
        background: #f3f3f3;
        padding: 40px 50px;
        margin: 20px 50px 0 50px;
        border-radius: 6px;
    }

    .promote-campaign-modal .promote-footer {
        text-align: center;
        padding: 25px 25px 0 25px;
    }

        .promote-campaign-modal .promote-footer .promote-footer-link {
            color: #ff5252;
            font-size: 13px;
            font-weight: 600;
        }

            .promote-campaign-modal .promote-footer .promote-footer-link:hover {
                color: #999999;
            }

    .promote-campaign-modal .promote-topic-content,
    .promote-campaign-modal .ink-helpful-tip {
        margin: 0 50px;
    }

    .promote-campaign-modal .ink-helpful-tip {
        text-align: center;
    }

    .promote-campaign-modal .promote-topic-content .topic-html-content-title {
        margin-bottom: 0;
    }

        .promote-campaign-modal .promote-topic-content .topic-html-content-title:before,
        .promote-campaign-modal .promote-topic-content .topic-html-content-title:after {
            display: none !important;
        }

        .promote-campaign-modal .promote-topic-content .topic-html-content-title h2 {
            font-size: 24px;
            font-weight: 700;
            display: block;
            width: auto;
            padding: 0;
            margin: 0;
        }

    .promote-campaign-modal .promote-topic-content .topic-html-content h2 {
        margin-top: 25px;
    }

    .promote-campaign-modal .promote-topic-content .topic-html-content h3 {
        font-size: 22px;
        color: #999999;
        display: block;
        margin-top: 25px;
        margin-bottom: 10px;
    }

        .promote-campaign-modal .promote-topic-content .topic-html-content h3 .fa {
            font-size: 34px;
            margin-right: 5px;
            vertical-align: sub;
        }

    .promote-campaign-modal .promote-topic-content .topic-html-content-body p {
        font-size: 13px;
        color: #999999;
        font-weight: 600;
        padding-left: 50px;
        display: block;
    }

@media (max-width: 649px) {
    .promote-campaign-modal .promote-topic-content .topic-html-content-body p {
        padding-left: 0px;
    }

    .promote-campaign-modal .promote-topic-content {
        margin: 0 15px;
    }

    .promote-campaign-modal .pdp-single-socialbutton-wrap {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 769px) {
    .page.topic-page {
        text-align: center;
    }
}

.SPC_fundpotential .SPC_funddetails_col1 p a {
    color: #ff5252;
}

.SPC_funddetails_col1 p {
    line-height: 1.75;
}

.topic-page .page-title h1,
.shopping-cart-page .page-title h1 {
    padding: 9px 9px 12px;
    border-bottom: 0px solid #dddddd;
}

.fieldset {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.svgProductArea {
    border: 0px;
}

.productTabs-header {
    margin-bottom: 20px;
}

    .productTabs-header .ui-widget-header {
        background: none !important;
    }

.search-input {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.accept-privacy-policy .read {
    cursor: pointer;
    color: #ff5252;
}

.order-details-area,
.order-details-page .total-info {
    border-radius: 0px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.00);
}

.pager li span,
.pager li.next-page *,
.jcarousel-skin-thumbs .jcarousel-next-horizontal,
.jcarousel-skin-thumbs .jcarousel-prev-horizontal {
    background-color: #eeeeee;
}

.jcarousel-skin-thumbs .jcarousel-next-horizontal,
.jcarousel-skin-thumbs .jcarousel-prev-horizontal {
    border: 2px dotted #eeeeee;
}

.SPC_fundpotential .SPC_funddetails_container,
.SPC_storydetails .SPC_storydetails_container,
.SPC_fundpotential .contrib-goals_container,
.SPCOptions .campaignCreate_sliderContainer,
.SPC_storydetails_container,
.SPC_storydetails .contrib-goals_container {
    border-radius: 6px;
    margin: 10px 0;
    text-align: left;
    float: none;
    width: 100%;
    border: none;
    padding: 20px 30px;
    background-color: #ffffff;
}

#step3_c .SPC_storydetails .SPC_storydetails_container,
#step3_c .SPC_storydetails_container,
#step3_c .SPC_storydetails .contrib-goals_container {
    padding: 20px;
    background: #f3f3f3;
    margin: 0 0 50px 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

    #step3_c .SPC_storydetails_container.disp-options input {
        margin-right: 3px;
    }

#fgAdvancedControls {
    display: none;
}

#step2_c .SPC_storydetails_container {
    padding: 0;
}

.SPC_tools .contrib-goals_container {
    text-align: center;
}

.search-box input.search-box-text:focus {
    color: #555;
}

.address-item,
.order-item,
.account-page .edit-address {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}

.ink-hover-sum {
    padding-bottom: 15px;
}

.address-item .buttons,
.order-item .buttons {
    border: 0px solid #ffffff;
}

.info.payment-info li {
    border-top: 1px solid #dddddd;
}

@media (min-width: 1001px) {
    .header-menu.stick {
        background-color: rgba(255, 255, 255, 0.9);
    }
}

div.design-for-good-overview {
    width: 100%;
    display: inline-block;
    font-size: 1.25em;
}

div.design-for-good-form {
    width: 100%;
    background-color: #eeeeee;
    padding: 40px;
    border-radius: 6px;
    display: inline-block;
}

@media (min-width: 715px) {
    div.design-for-good-overview {
        width: 50%;
        text-align: left;
        float: left;
        padding: 20px 30px 30px 0;
    }

    div.design-for-good-form {
        width: 50%;
        float: right;
    }
}

.item-box .description {
    text-align: left;
}

.page-title h1:after {
    background: none repeat scroll 0px 0px #dddddd !important;
    bottom: 1px;
    content: " ";
    height: 0px !important;
    left: 0px;
    position: absolute;
    right: 0px;
}

.topic-page .page-title h1,
.blog-page .page-title h1,
.contact-page .page-title h1,
.email-a-friend-page .page-title h1 {
    border-bottom: 0px solid #dddddd;
}

.svgPanelWrapper .topic-html-content-title:before,
.svgPanelWrapper .topic-html-content-title:after {
    content: " ";
    display: none;
    width: 0%;
    background: url(https://inktothepeople.com/css/ittp/ittp-mod.css) repeat-x left center;
}

.product-thumb {
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 30px 0px 30px;
}

    .product-thumb img {
        width: 80px;
        height: 80px;
        cursor: pointer;
    }

.optional-styles-item-container {
    text-align: left;
}

.SPC_storydetails_container table .table-price {
    font-size: 14px;
}

.optional-styles-description {
    display: inline-block;
    vertical-align: middle;
}

table.wizard-products {
    margin-top: 15px;
}

    table.wizard-products tr:nth-child(odd) {
        background: #f3f3f3;
    }

    table.wizard-products tr:nth-child(even) {
        background: #ffffff;
    }

    table.wizard-products td.product-price strong {
        width: 50px;
        display: inline-block;
        font-size: 16px;
        padding: 1px 0 0 9px;
    }

    table.wizard-products td.product-price span input {
        font-weight: bold;
        font-size: 16px;
    }

td.product-delete {
    text-align: center;
    width: 50px;
}

.greenArea {
    border: none;
    padding: 30px 30px 15px 30px;
    border-radius: 6px;
    margin-bottom: 30px;
    background-color: #EEEEEE;
    font-size: 14px;
    line-height: 22px;
}

.SPC_container .SPCPreview .tshirt-preview img {
    padding: 0;
}

div.full-description img {
    width: 100%;
    height: auto;
}

div.full-description h2 {
    font-family: 'AmericanTypewriterBold', serif;
}

.order-completed .details a {
    color: #ff5252;
}

@media (max-width: 1000px) {
    .accepted-payment-methods,
    .footer-disclaimer,
    div.bbb-logo {
        text-align: center;
        float: none;
        margin: 0 0 20px;
    }

    .add-product-style img {
        display: none;
    }
}
/*================== NEW Design Tool Styles ==================*/

.design-tool-button-large {
    width: 100%;
    border-radius: 12px;
    display: inline-block;
    transition: all .5s ease;
    text-align: center;
    font-size: 11px;
    padding-top: 5px;
    cursor: pointer;
}

    .design-tool-button-large i img {
        height: 30px;
        border-radius: 6px;
    }

.design-tool-button-medium {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: inline-block;
    transition: all .5s ease;
    cursor: pointer;
}

    .design-tool-button-medium i img {
        width: 60%;
        border-radius: 6px;
        margin: 5px auto;
    }

    .design-tool-button-medium i {
        margin: 5px auto;
    }

.create-start-buttons {
    margin: 30px auto;
    text-align: center;
}

    .create-start-buttons .long-design-tool-palette-button {
        width: 100%;
        border-radius: 6px;
        display: block;
        transition: all .5s ease;
        cursor: pointer;
        background-color: #d8f5f9;
        font-size: 10px;
        text-transform: uppercase;
    }

    .create-start-buttons .btn,
    .create-start-buttons .btn span {
        width: 30%;
        text-align: center;
        display: inline-block;
    }

        .create-start-buttons .btn span {
            width: 100%;
        }

    .create-start-buttons .long-design-tool-palette-button i,
    .create-start-buttons .long-design-tool-palette-button img {
        vertical-align: middle;
        margin-right: 10px;
    }

    .create-start-buttons .long-design-tool-palette-button img {
        height: 22px;
        margin-right: 0px;
    }

.long-design-tool-palette-button {
    border-radius: 6px;
    display: inline-block;
    transition: all .5s ease;
    padding: 5px 10px;
    cursor: pointer;
}

.medium-design-tool-palette-button {
    border-radius: 6px;
    display: inline-block;
    transition: all .5s ease;
    padding: 5px 10px;
    cursor: pointer;
}

.active-effect {
    background-color: rgba(0, 188, 212, .15);
}

.short-design-tool-palette-button {
    border-radius: 6px;
    display: inline-block;
    transition: all .5s ease;
    padding: 5px 10px;
    cursor: pointer;
}

.convert-1-color-button,
.revert-full-color-button {
    cursor: pointer;
    text-align: center;
}

.make-color-transparent-button {
    cursor: pointer;
    text-align: center;
}


div.design-tools-secondary-font,
div.design-tools-secondary-vector,
div.design-tools-secondary-raster,
div.design-tools-secondary-raster-1c {
    /*display: none;*/
    height: 100%;
    width: 100%;
    font-size: 10px;
    text-align: center;
}

div.design-tool-button-medium-container {
    display: inline-block;
    margin: 10px 5px;
}

p.secondary-label {
    margin-top: 5px;
}

.fa-sort-amount-desc {
    -ms-transform: rotate(180deg) !important;
    /* IE 9 */
    -webkit-transform: rotate(180deg) !important;
    /* Chrome, Safari, Opera */
    transform: rotate(180deg) !important;
}

.font-color-fill-container,
.vector-color-fill-container,
.raster-color-fill-container,
.raster-1-color-fill-container {
    width: 100%;
    border-radius: 6px;
    background-color: #ffffff;
    margin: 5px 0;
    padding: 10px 5px;
}

    .font-color-fill-container p,
    .vector-color-fill-container p,
    .raster-color-fill-container p,
    .raster-1-color-fill-container p {
        display: inline-block;
    }

.color-swatch,
.add-product-color-dashed-swatch,
.add-product-dashed-swatch {
    width: 30px;
    height: 30px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    margin: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.add-color-swatches {
    padding-top: 10px;
}

td.product-color div.color-swatch,
.add-product-color-dashed-swatch,
.add-product-color div.color-swatch {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.add-product-color-dashed-swatch {
    padding-top: 7px;
    border: 2px dashed #cccccc;
}

.add-product-color div.color-swatch {
    margin-right: 0px;
}

.hide-color-swatch, #fontReset {
    padding: 10px 20px;
    display: inline-block;
    background-color: #dddddd;
    border-radius: 4px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all .5s ease;
}

#fontReset {
    margin-top: 0px;
}

    .hide-color-swatch:hover,
    #fontReset:hover {
        background-color: #d8f5f9;
        transition: all .5s ease;
    }

.add-product-dashed-swatch {
    border: 2px dashed #cccccc;
    text-align: center;
}

    .add-product-color-dashed-swatch i,
    .add-product-dashed-swatch i {
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle;
        vertical-align: -moz-middle-with-baseline;
        color: #999999;
    }

.add-product-color-dashed-swatch i {
    font-size: 1.5em;
    color: #999999;
    display: block;
    text-align: center;
}

.add-product-dashed-swatch {
    width: 76px;
    height: 76px;
    margin: 10px 10px 10px 0;
    padding-top: 14px;
}

.add-product-color {
    border: 2px dashed #dddddd;
    font-weight: bold;
    color: #888888;
    transition: all .5s ease;
    margin: 5px 0 20px 0;
    display: block;
}

    .add-product-style:hover,
    .add-product-color:hover {
        border: 2px dashed #2abcd2;
        transition: all .5s ease;
    }

.full-color-swatch {
    background-image: url(../../images/ittp/full-color-swatch-image.jpg);
    background-size: 28px;
    cursor: default;
}

.transparent-color-swatch {
    background-image: url(../../images/ittp/transparent-color-swatch-image.jpg);
    background-size: 28px;
    cursor: pointer;
}

.color_button {
    width: 23px;
    height: 23px;
    margin: 1px;
    border: solid 1px #cccccc;
    background-color: yellow;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}

.color-in-design:after {
    content: "";
    background: transparent url("../../images/ittp/color-in-design-indicator.svg") no-repeat scroll 0% 0%;
    width: 10px;
    height: 10px;
    float: left;
}

.color-indicator {
    width: 10px;
    height: 10px;
    margin-left: 8px;
}

.font-select-container,
.text-align-container {
    text-align: center;
    margin: 0 auto 10px auto;
    width: 100%;
}

.text-effects-container {
    margin-bottom: 20px;
}

.text-effect-button-wrapper {
    display: inline-block;
}

#zoom-slider-container {
    width: 100%;
    text-align: center;
    border-top: 2px solid #dddddd;
    margin-top: 40px;
    padding-top: 40px;
}

#design-zoom-slider {
    display: inline-block;
    width: 75%;
}

#zoom-slider-container .fa {
    vertical-align: middle;
    cursor: pointer;
}

.text-effects-slider {
    margin: 20px auto;
}

.oneColorSlider,
.fullColorSlider {
    width: 95%;
    margin: 20px auto 0 auto;
}

.outline-width-container {
    border: 1px solid #cccccc;
    border-radius: 6px;
}

    .outline-width-container i {
        margin: 10px;
        vertical-align: middle;
        cursor: pointer;
    }

.font-color-palette,
.vector-color-palette,
.raster-color-palette {
    display: none;
}

    .font-color-palette .expandableContent,
    .raster-color-palette .expandableContent,
    .vector-color-palette .expandableContent {
        margin: 20px 0 10px 0;
    }

.color-indicator-container {
    width: 100%;
}

.setPrice {
    width: 78%;
    height: 46px;
    border-top: 1px solid #cccccc;
    border-bottom: 3px solid #cccccc;
    text-align: center;
    background-color: #ffffff;
    display: inline-block;
}

.slider-label {
    text-align: center;
    margin: 10px auto;
    width: 100%;
}

.table-display {
    margin-top: 10px;
    padding-left: 5px;
}

.table-border {
    border: 1px solid #cccccc;
}

div.other-products > p {
    margin-top: 10px;
    font-size: 16px;
    color: #2abcd2;
    text-align: center;
}

div.product-thumb-container {
    margin: 15px 0;
}

.campwiz-info-help {
    padding-top: 20px;
    font-size: 12px;
    line-height: 1.5;
}

    .rightColumn a,
    .design-tool-product-info-panel a,
    .campwiz-info-help a {
        color: #2abcd2;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.5s ease;
    }

        .rightColumn a:hover,
        .design-tool-product-info-panel a:hover,
        .campwiz-info-help a:hover {
            color: #ff5252;
            transition: color 0.5s ease;
        }

.ui-accordion .ui-accordion-content {
    font-size: 11px !important;
    line-height: 1.5 !important;
}

.design-tool-product-info-panel {
    margin-top: 30px;
    line-height: 1.75;
    border-top: 2px solid #dddddd;
    padding: 10px 15px;
}

.SPC_fundpotential #svgSubmitForm {
    padding-top: 30px;
}

.design-tool-product-info-panel h3 {
    margin-top: 20px;
}

.btn,
.btn-press-effect {
    display: inline-block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 3px;
    -webkit-box-shadow: 0 4px 0 #cccccc, 0 11px 20px rgba(0, 0, 0, .0);
    box-shadow: 0 4px 0 #cccccc, 0 11px 20px rgba(0, 0, 0, .0);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
}

    .btn span,
    .btn-press-effect span {
        width: 100%;
        display: inline-block;
        background: #ffffff;
        border: 1px solid #cccccc;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: -webkit-transform .1s ease-in-out;
        -moz-transition: -moz-transform .1s ease-in-out;
        -o-transition: -o-transform .1s ease-in-out;
        transition: transform .1s ease-in-out;
    }

    .btn:active,
    .btn-press-effect:active {
        -webkit-box-shadow: 0 4px 0 #cccccc, 0 8px 10px rgba(0, 0, 0, .0);
        box-shadow: 0 4px 0 #cccccc, 0 8px 10px rgba(0, 0, 0, .0);
    }

        .btn:active span,
        .btn-press-effect:active span {
            -webkit-transform: translate(0, 4px);
            -moz-transform: translate(0, 4px);
            -o-transform: translate(0, 4px);
            transform: translate(0, 4px);
        }

    .btn.large-design-tool-button {
        width: 20%;
    }

.plus1,
.minus1 {
    padding-top: 2px;
}

p.sell-min-tip {
    line-height: 1.3;
    margin-top: 7px;
    text-align: center;
}

.ui-slider-handle {
    width: 2.5em !important;
    height: 2.5em !important;
    background: #ffffff !important;
    border-color: #999999 !important;
    top: -12px !important;
    cursor: pointer;
    border-radius: 100%;
}

.ui-widget-header {
    background: #00c853 !important;
    color: #212121;
    font-weight: bold;
}

.ui-datepicker-header.ui-widget-header {
    background: #f3f3f3 !important;
}

.bottomRightColumn a {
    text-align: center;
}

.SPC_storydetails_container.rec-funds,
.SPC_storydetails_container.disp-options {
    text-align: left;
}

g.editor,
g.handles {
    cursor: pointer;
}

@media (max-width: 768px) {
    div.font-select-container,
    div.text-align-container {
        display: inline-block;
    }

    div.table-display {
        margin: 10px auto;
        display: inline-block;
    }

    #convert-1-color-button,
    .revert-full-color-button,
    .outline-width-container {
        float: none;
        top: 0px;
    }

    .font-color-fill-container,
    .vector-color-fill-container,
    .raster-color-fill-container,
    .raster-1-color-fill-container {
        text-align: center;
    }

    .outline-width-container {
        margin-left: 20px;
    }

    .SPC_storydetails_container.rec-funds,
    .SPC_storydetails_container.disp-options {
        text-align: center;
    }
}

@media (min-width: 481px) {
    .home-page-category-grid .item-box {
        width: 32.3333%;
        margin: 0px auto 20px;
        clear: none;
    }
}

@media all and (min-width: 240px) and (max-width: 1000px) {
    .page-title h1 {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 340px) {
    .long-design-tool-palette-button {
        display: block;
        margin: 10px auto;
    }

    #convert-1-color-button,
    .revert-full-color-button {
        float: none;
        margin: 10px 0 0 0;
        display: inline-block;
        position: relative;
        top: 0px;
    }

    .font-color-fill-container,
    .vector-color-fill-container,
    .raster-color-fill-container,
    .raster-1-color-fill-container {
        text-align: center;
    }

    .outline-width-container {
        top: 0px;
        float: none;
        margin-top: 10px;
    }

    .make-color-transparent-button {
        float: none;
        margin: 10px 0 0 0;
        display: inline-block;
    }
}

.short-description a,
#designerPortal a,
.camp-wiz-info-text a {
    color: #ff5252;
}

.mce-panel {
    background-color: #f2f2f2 !important;
    border: 0 solid #f2f2f2 !important;
}

.campaign-preview {
    border-top: 4px double #dddddd;
}

#createProductContainer .page-body#previewSteps {
    border-bottom: 4px double #dddddd;
}

.item-box .picture svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto;
    margin-top: 0;
}

.item-box .picture a svg {
    opacity: 0.99;
    /*firefox scale bug fix*/
    border: none;
}

div.optional-styles-item-container div.optional-styles-description a {
    display: none;
}

.captcha-box {
    text-align: center;
    margin: 20px 0;
}

@media (min-width: 1001px) {
    .home-page-category-grid .item-box {
        width: 33.3%;
    }
}

small._seNameScrollPoint {
    color: red;
}

.bar-notification {
    top: 0;
    bottom: auto;
    z-index: 11000;
}

    .bar-notification.success {
        background: #ff5252;
        text-align: center;
        font-size: 16px;
        padding: 0;
        border-bottom: 1px solid #ff5252;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
    }

        .bar-notification.success p.content a {
            border: 1px solid white;
            border-radius: 4px;
            padding: 5px;
            text-decoration: none;
        }

    .bar-notification .close {
        border-radius: 50%;
    }

    .bar-notification .content {
        float: none;
        margin: 40px;
    }

div.not-found-page {
    margin-top: -50px;
}

    div.not-found-page div.page-title {
        display: none;
    }

div.tshirt-preview img {
    display: block;
}

div.new-slogan {
    float: left;
    margin: 24px 0 0 200px;
}

@media (max-width: 1000px) {
    div.new-slogan {
        margin: 20px;
        color: #999999;
    }

    .home-video {
        padding: 0 15%;
    }
}

#shareMyProduct {
    padding: 0 50px;
    text-align: center;
}

    #shareMyProduct input {
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }

.chkbx-container .forgot-password {
    padding-left: 100px;
}

.top-text-container {
    background-color: rgba(0, 188, 212, .15);
    width: 100%;
    padding: 20px 40px;
    border-radius: 6px;
    text-align: center;
    color: #757575;
}

    .top-text-container h3 {
        padding: 20px 0;
    }

@media (min-width: 715px) {
    div.design-for-good-overview {
        padding: 0 30px 30px 0;
    }
}

.mc-field-group {
    padding: 10px;
    text-align: left;
}

    .mc-field-group input,
    .mc-field-group select {
        width: 100%;
    }

.daBorder {
    border: 1px solid black;
}

@media (min-width: 715px) {
    div.design-for-good-form {
        width: 35%;
    }

    div.design-for-good-overview {
        width: 65%;
    }
}

div.tshirt-preview img {
    display: block;
}

@media (max-width: 768px) {
    .SPC_container .SPCPreview {
        display: block;
    }
}

.top-text-container {
    background-color: rgba(0, 188, 212, .15);
    width: 100%;
    padding: 20px 40px;
    border-radius: 6px;
    text-align: center;
    color: #757575;
}

    .top-text-container h3 {
        padding: 20px 0;
    }

@media (max-width: 768px) {
    img.wizard-pic {
        width: 100%;
        float: none;
    }

    .how-to-step-container {
        text-align: center;
    }

    .how-to-step-info {
        padding: 0;
        width: 100%;
        margin-bottom: 50px;
    }

        .how-to-step-info ul {
            padding: 0;
        }
}

@media (min-width: 715px) {
    div.design-for-good-overview {
        padding: 0 30px 30px 0;
    }
}

.mc-field-group {
    padding: 10px;
    text-align: left;
}

    .mc-field-group input,
    .mc-field-group select {
        width: 100%;
    }

@media (min-width: 715px) {
    div.design-for-good-form {
        width: 50%;
        float: left;
    }

    div.design-for-good-overview {
        width: 50%;
        float: right;
        padding: 0 0 30px 30px;
    }
}

#uploadProgress {
    width: 100%;
}

.selected-shipping-method,
.ajax-cart-button-wrapper .productQuantityTextBox {
    display: none;
}

.item-box .add-info .ajax-cart-button-wrapper {
    position: relative !important;
}

@media (min-width: 769px) {
    .addon-buttons {
        text-align: center;
    }
}

div.edit-item a {
    color: #ff5252;
}

@media (min-width: 1001px) {
    .social-sharing ul {
        max-width: 100%;
    }
}

.order-details-area ul, .order-details-page .cart-total, .account-page .page-title h1 {
    box-shadow: none;
}

/*================== Rich Blog Plugin ==================*/

.rich-blog-homepage .title {
    font-size: 26px;
    text-align: center;
    font-weight: 400;
}

.rich-blog-homepage .read-more,
.post-actions .read-more {
    background-color: #2abcd2;
    border-radius: 4px;
}

    .rich-blog-homepage .read-more:hover,
    .post-actions .read-more:hover {
        background-color: #2abcd2;
    }

.rich-blog-homepage .view-all a {
    color: #ff5252;
    font-weight: 600;
    text-decoration: none;
}

    .rich-blog-homepage .view-all a:hover {
        color: #ff5252;
        text-decoration: none;
    }

/*================== New Campaign Wizard Styles ==================*/

.filtersGroupPanel li > a:hover {
    background-color: #f3f3f3 !important;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}

.sourceWrapper {
    text-align: center;
}

    .sourceWrapper button.new-gray-button {
        width: auto;
        margin: 5px;
    }

a.teal-link {
    color: #2abcd2;
    text-decoration: underline;
}

    a.teal-link:hover {
        color: #ff5252;
    }

.centering-form {
    text-align: center;
}

.sign-up-email-login {
    margin: 0 0 20px 0;
}

    .sign-up-email-login label {
        display: inline-block;
        margin-bottom: 0px;
    }

.ui-slider .ui-slider-handle {
    cursor: pointer !important;
}

.raised-estimator-slider {
    display: inline-block;
    width: 55%;
    padding-left: 15px;
    border-left: 2px solid #dddddd;
    margin-left: 20px;
}

    .raised-estimator-slider select {
        width: 100%;
    }

.raised-amount-step2 {
    display: inline-block;
    vertical-align: top;
}

    .raised-amount-step2 h2.head-SPC {
        margin: 0;
    }

.bottomLeftColumn .slider-inputs-step1,
.bottomLeftColumn .raised-estimator-slider {
    width: auto;
    margin-bottom: 20px;
}

.bottomLeftColumn #slider-range-min2 {
    margin-bottom: 20px;
}

p.raised,
span.raised {
    font-size: 18px;
    line-height: 0;
}

div.basecost-raised-step1 {
    margin: 20px;
    font-size: 14px;
}

.master-wrapper-content {
    margin: 20px auto 0;
}

.right-side-preview-step-3 {
    width: 30%;
    float: right;
    margin-top: 95px;
}

h1.head-SPC {
    margin-bottom: 30px;
}

div.preview-step-top-info p {
    margin: 20px 0 0 0;
}

div.preview-step-top-info .campwiz-info-help a {
    color: #2abcd2;
}

    div.preview-step-top-info .campwiz-info-help a:hover {
        text-decoration: none;
    }

div.preview-step-top-info .campwiz-info-help p {
    margin: 0;
}

.green-printer-logos {
    width: 50%;
    display: block;
    margin: 40px auto;
}

div.faqs h2 {
    text-align: left;
}

.SPC_storydetails .SPC_storydetails_container input[type=text],
.send-check-to-address .validation-container {
    margin-bottom: 6px;
}

.starting-modal-wrapper {
    min-height: auto;
    text-align: center;
}

.starting-modal-option {
    width: 22%;
    display: inline-block;
    border-radius: 4px;
    margin: 5px;
    background-color: #d8f5f9;
    cursor: pointer;
    transition: all .5s ease;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    padding: 15px;
}

    .starting-modal-option h2 {
        margin: 10px 0 20px 0;
    }

.starting-modal-wrapper .inputs {
    text-align: center;
    margin: 15px 0;
}

    .starting-modal-wrapper .inputs label,
    #selectYourProducts .inputs label {
        width: auto;
        margin: 0 0 0 10px;
    }

.starting-modal-option i img {
    width: 32px;
}

#step2_c,
#step3_c {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
}

.gallery .picture-wrapper,
.gallery .picture-thumbs a {
    border: 0px solid #dddddd !important;
}

/*=== iPhone to iPad Portrait ===*/
@media (max-width: 1100px) {
    div.leftColumn.SPCTools {
        left: auto;
        border-bottom: 2px solid #dddddd;
    }

    div.rightColumn.SPCEstimate {
        right: auto;
    }

    div.leftColumn.SPCTools,
    div.rightColumn.SPCEstimate {
        width: 100%;
        position: relative;
        text-align: center;
    }

    .text-effects-slider {
        width: 75%;
    }

    .campaign-type-select div {
        text-align: left;
        display: inline-block;
        margin: 0 auto;
        padding: 0 20px;
    }

    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types {
        flex-direction: column;
    }

        .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types label {
            display: block;
            width: auto;
            margin-bottom: 15px;
        }

    .sliders-container {
        padding-right: 15%;
    }

    .starting-modal-wrapper .inputs label {
        display: inline-block;
    }

    .SPC_fundpotential .inputs label {
        width: auto;
        margin: 0 5px;
        font-size: 14px;
    }

    .SPCOptions .bottomLeftColumn {
        width: 100%;
    }

    .SPCOptions .bottomRightColumn {
        float: none;
        width: 100%;
        margin: 30px 0;
    }

    .SPC_fundpotential h1,
    .rightColumn .SPCOptions {
        text-align: center;
    }

    .SPC_fundpotential .inputs {
        white-space: normal;
    }

        .SPC_fundpotential .inputs label {
            display: inline;
        }

    .product-thumb {
        margin: 10px;
    }

    .add-product-style {
        padding: 10px;
    }

        .add-product-style img {
            float: none;
            width: 30%;
            vertical-align: text-bottom;
            margin-left: 10px;
        }

    .SPCOptions .bottomLeftColumn {
        width: 100%;
        padding: 30px 20px;
        margin: 20px 0 0 0;
        text-align: center;
    }

    .SPC_fundpotential .bottomLeftColumn .campaign-type-select {
        margin: 0 0 30px 0;
        padding: 0 0 30px 0;
    }

        .SPC_fundpotential .bottomLeftColumn .campaign-type-select p {
            margin: 10px;
        }

    .raised-amount-step2 {
        display: block;
        width: 100%;
    }

    .raised-estimator-slider {
        display: inline-block;
        width: 100%;
        padding: 20px;
        border-left: 0px solid #dddddd;
        margin-top: 20px;
        margin-left: 0px;
    }

    .slider-inputs-step1 {
        margin: 5px 5px 15px 5px;
    }

    .starting-modal-option {
        width: auto;
        margin: 5px;
        padding: 20px;
    }

    #step2_c,
    #step3_c {
        width: 95% !important;
    }

    div.SPC_storydetails {
        width: 100%;
    }

    .right-side-preview-step-3 {
        display: none;
    }

    .p-selector-wrapper, .starting-modal-wrapper {
        width: 90%;
    }

    .campaign-type-select h1 {
        text-align: center;
    }

    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types label ul {
        list-style: none;
        padding: 10px 0;
        text-align: left;
    }

        .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types label ul li {
            display: inline;
        }
}

@media(max-width: 850px) {
    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types label ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        list-style: disc;
    }
}

@media (max-width: 768px) {
    #step2_c,
    #step3_c {
        width: 90% !important;
    }

    #step3_c {
        text-align: center;
    }

    td.product-color {
        width: auto;
    }

    .bottomLeftColumn .campaign-type-select .fieldset-for-campaign-types label {
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .starting-modal-option {
        display: block;
        margin: 30px;
    }

    td.product-color div.color-swatch {
        display: block;
    }

    td.product-price {
        padding: 10px;
    }
}

/* .master-wrapper-content {
    width: 100%;
} */
.width-override {
    width: 100%;
}

@media (min-width: 240px) {
    .gallery .picture {
        border: 0px solid #dddddd;
    }
}

.fb-like {
    display: inline-block;
    line-height: normal;
}
/*div.fb-like {
    width: 46px !important;
    vertical-align: bottom;
    margin: 0 2px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    background: #4267b2;
}
div.fb-like iframe {
    top: 8px;
    left: 15px;
    transform: scale(2,2);
}
.fb_iframe_widget_fluid {
    display: inline-block !important;
}*/
.instant-search-item .img-block {
    border-radius: 0;
    border: 0px solid #eeeeee;
}

/*======== needs to be applied on skin.min.css ========*/
.mce-edit-area {
    border-radius: 6px !important;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15) !important;
    background: #fafafa !important;
}

/* Homepage updates */
.home-page-product-grid {
    max-width: 1200px;
    margin: 70px auto 35px auto;
}

    /*.home-page-product-grid .title {
        display: none;
    }*/

.home-top-text-block .topic-html-content {
    background-color: rgba(0, 188, 212, .20);
}

.master-wrapper-content {
    margin: 0 auto;
}

.home-page .home-view-all-campaigns-button {
    text-align: center;
}

.home-page .green-icon {
    vertical-align: middle;
}

.home-bottom-text-block .topic-html-content .topic-html-content-body h1 {
    color: #ffffff;
}

.center-1 {
    margin: 0;
}

.home-page .home-bottom-text-block .topic-html-content-body a:hover {
    color: #ff5252;
}

.newsletter-email input[type="text"] {
    opacity: 1;
}

.footer-mission {
    font-size: 16px;
    padding: 30px;
    max-width: 800px;
    display: inline-block;
    color: #2abcd2;
}

a.footer-hours-link:hover {
    text-decoration: none !important;
    cursor: default;
}

.newsletter-email ::-webkit-input-placeholder {
    color: #ffffff;
}

.newsletter-email :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

.newsletter-email ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

.newsletter-email :-ms-input-placeholder {
    color: #ffffff;
}

.item-box:hover .hover-details,
.ajax-cart-product-item-hover .hover-details {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

@media (max-width: 480px) {
    .home-top-text-block .topic-html-content {
        padding: 10px;
    }

    .home-bottom-text-block li {
        display: block !important;
    }
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        /* max-width: 100%;
	display: block; */
        width: 30%;
        vertical-align: middle;
        margin-right: 30px;
        border-radius: 50%;
    }

    .bx-wrapper p {
        display: inline-block;
        width: 60%;
        font-size: 20px;
        color: #212121;
        vertical-align: middle;
    }

    /** THEME
===================================*/

    .bx-wrapper .bx-viewport {
        /* -moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc; */
        border: 5px solid #E5E8EB;
        height: auto !important;
        /* left: -5px;
	background: #ffffff; */
        /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(https://inktothepeople.com/css/ittp/images/bx_loader.gif) center center no-repeat #ffffff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #757575;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #757575;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: -50px;
        background: url(../../images/ittp/arrow-left.png) no-repeat 0 0;
    }

    .bx-wrapper .bx-next {
        right: -50px;
        background: url(../../images/ittp/arrow-right.png) no-repeat 0 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 11px;
        height: 20px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(https://inktothepeople.com/css/ittp/images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(https://inktothepeople.com/css/ittp/images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #757575;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #ffffff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }


.bx-wrapper {
    max-width: 850px !important;
}

.testimonial-slider-wrapper {
    background-color: #E5E8EB;
    padding: 100px 0;
}

.bx-wrapper .fa-quote-left,
.bx-wrapper .fa-quote-right {
    color: #2abcd2;
}

@media (max-width: 1000px) {
    .bx-wrapper .bx-controls-direction a {
        top: auto;
        margin: 15px 0;
    }

    .bx-wrapper .bx-prev {
        left: 30%;
    }

    .bx-wrapper .bx-next {
        right: 30%;
    }
}

@media (max-width: 768px) {
    .bx-wrapper img {
        width: 75%;
        margin-right: 0px;
        padding: 30px;
    }

    .bx-viewport {
        height: auto !important;
    }

    .bx-wrapper p {
        width: auto;
        padding: 0 30px;
    }

    .testimonial-slider-wrapper {
        padding: 50px 0 80px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        top: auto;
        margin: 15px 0;
    }

    .bx-wrapper .bx-prev {
        left: 30%;
    }

    .bx-wrapper .bx-next {
        right: 30%;
    }
}

@media (max-width: 420px) {
    .bx-wrapper img {
        width: 100%;
    }
}

.hero-inner form input {
    border: 1px solid #000;
}

.topic-page .landing-page {
}

    .topic-page .landing-page h1 {
        font-weight: 100;
        padding: 50px 10px 10px 10px;
        font-size: 3em;
        line-height: 1em;
    }

    .topic-page .landing-page .first-third,
    .topic-page .landing-page .second-third,
    .topic-page .landing-page .third-third {
        height: auto;
        padding: 0px;
    }

        .topic-page .landing-page .first-third .fa,
        .topic-page .landing-page .second-third .fa,
        .topic-page .landing-page .third-third .fa {
            margin-left: 20px;
        }

        .topic-page .landing-page .first-third img,
        .topic-page .landing-page .second-third img,
        .topic-page .landing-page .third-third img {
            width: 100%;
            border-radius: 50%;
        }

    .topic-page .landing-page .design-templates .first-third img,
    .topic-page .landing-page .design-templates .second-third img,
    .topic-page .landing-page .design-templates .third-third img {
        border-radius: 0px;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
    }

        .topic-page .landing-page .design-templates .first-third img:hover,
        .topic-page .landing-page .design-templates .second-third img:hover,
        .topic-page .landing-page .design-templates .third-third img:hover {
            opacity: .7;
            -webkit-transition: opacity 0.5s ease;
            -moz-transition: opacity 0.5s ease;
            -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
        }

.topic-page-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.topic-page ul.bxslider {
    list-style: none;
    padding: 0;
}

.topic-page .testimonial-slider-wrapper {
    padding: 50px 0;
    margin-top: 100px;
}

.topic-page .bx-wrapper {
    margin: 0 auto;
    max-width: 1200px !important;
}

@media (min-width: 769px) {
    .topic-page ul.bxslider p {
        text-align: left;
    }
}

.landing-page .hero-img {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 20% 0;
}

    .landing-page .hero-img h1 {
        color: #ffffff;
        font-weight: bold;
        padding: 0;
        margin: 0px;
    }

@media (max-width: 1000px) {
    .landing-page .hero-img {
        margin-top: -10px;
    }
}

.ink-subtle-nav {
    background-color: rgba(25, 50, 80, .25);
    padding: 20px;
    margin-bottom: 50px;
    color: #ffffff;
}

    .ink-subtle-nav .centering-div {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 10px;
        width: 100%;
    }

.user-nav {
    display: inline-block;
    float: right;
    margin-top: 15px;
}

    .user-nav a {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .user-nav a:hover {
            color: #212121;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.ink-subtle-logo {
    max-width: 255px;
    max-height: 47px;
    display: inline-block;
    vertical-align: middle;
}

    .ink-subtle-logo a,
    .ink-subtle-logo img {
        width: 100%;
    }

.ink-subtle-page {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

    .ink-subtle-page .user-logo {
        margin-bottom: 50px;
    }

.product-selectors {
    display: none;
}

.powered-by-footer {
    text-align: center;
    color: #757575;
    background-color: rgba(0, 188, 212, .15);
    padding: 50px 0;
    margin-top: 50px;
}

    .powered-by-footer a {
        font-weight: bold;
    }

        .powered-by-footer a img {
            width: 70px;
            display: block;
            margin: 10px auto;
        }

        .powered-by-footer a:hover {
            text-decoration: underline;
        }

.manufacturer-description p {
    font-size: 16px;
}

.manufacturer-description .user-hero-image {
    position: relative;
    overflow: hidden;
    min-height: 400px;
    margin-bottom: 50px;
}

    .manufacturer-description .user-hero-image img {
        position: absolute;
        margin: auto;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
    }

.manufacturer-description .user-logo {
    text-align: center;
}

@media (max-width: 768px) {
    .ink-subtle-logo {
        display: block;
        margin: 0 auto;
    }

    .user-nav {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 20px 0 10px;
        float: none;
    }

    .manufacturer-description h1,
    .manufacturer-description p {
        padding: 0 20px;
    }
}

.style-title {
    font-size: 12px;
    color: #999999;
}

.ink-helpful-tip {
    background-color: #008ba3;
    color: #ffffff;
    padding: 15px;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 35px;
}

#step3_c .ink-helpful-tip {
    margin-top: 0;
    margin-bottom: 35px;
}

.ink-helpful-tip h3 {
    color: #62efff;
}

p.raised-amount-estimated {
    margin-top: 20px;
}

.SPC_fundpotential .sliders-container {
    padding-top: 12px;
}

.campaign-type-container:hover {
    cursor: pointer;
}

.nopAjaxCartPanelAjaxBusy,
.miniProductDetailsPanelAjaxBusy {
    background: url('../../images/ittp/loader.svg') no-repeat fixed 50% 50%;
}

.product-grid.campaign-grid {
    margin-bottom: 50px;
}

.min-price-validation {
    color: red;
    padding-left: 52px;
}

a.facebook-share {
    background-position: -2px -2px;
}

a.twitter-share {
    background-position: -42px -2px;
}

a.google-share {
    background-position: -82px -2px;
}

a.pinterest-share {
    background-position: -122px -2px;
}

.manufacturer-description .project-walk .user-hero-image {
    min-height: auto;
}

    .manufacturer-description .project-walk .user-hero-image img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }


/* rich blog styles */
.blog-search-results {
    margin-bottom: 20px;
}

    .blog-search-results .search-term-highlighter {
        font-weight: bold;
    }
/* homepage grid */
.rich-blog-homepage {
    max-width: 1000px;
    margin: 50px auto;
    background-color: rgba(0, 188, 212, .15);
    padding: 50px 100px;
    border-radius: 6px;
    text-align: center;
}

@media (max-width: 420px) {
    .rich-blog-homepage {
        padding: 50px;
        border-radius: 0px;
    }
}

.rich-blog-homepage .title {
    border-bottom: 0px solid #dddddd;
    margin: 0 0 30px;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: normal;
    color: #555555;
}

    .rich-blog-homepage .title strong {
        font-weight: normal;
    }

.rich-blog-homepage .blog-post {
    margin: 0 0 30px;
}

.rich-blog-homepage .post-primary {
    max-width: 1000px;
    margin: 0 auto 5px;
}

.rich-blog-homepage .post-title {
    display: block;
    border-top: 0px solid #dddddd;
    padding: 0 0 10px 0;
    font-size: 17px;
    font-weight: bold;
    color: #555555;
}

.rich-blog-homepage h1 {
    text-align: center;
    margin: 0 0 30px;
    padding: 0 0 15px;
}

.rich-blog-homepage .post-picture {
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

    .rich-blog-homepage .post-picture:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    .rich-blog-homepage .post-picture img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        margin: auto;
    }

.rich-blog-homepage .post-date {
    margin: 0;
    background-color: transparent;
    font-style: normal;
}

.rich-blog-homepage .post-description {
    margin: 0 0 20px;
    line-height: 24px;
}

.rich-blog-homepage .read-more,
.post-actions .read-more {
    display: inline-block;
    margin: 0 0 20px;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    border: 2px solid #2abcd2;
    transition: all .5s ease-in-out;
}

.rich-blog-homepage a.read-more {
    color: #ffffff;
    font-weight: normal;
}

    .rich-blog-homepage a.read-more:hover,
    .post-actions .read-more:hover {
        background-color: #ffffff;
        text-decoration: none;
        color: #2abcd2;
        transition: all .5s ease-in-out;
    }

.rich-blog-homepage .view-all a {
    color: #2abcd2;
    text-decoration: none;
}

@media all and (min-width: 1001px) {
    .rich-blog-homepage .blog-posts {
        overflow: hidden;
        text-align: center;
    }

    .rich-blog-homepage .blog-post {
        float: left;
        width: 31.33333%;
        margin: 0 1% 30px;
    }

        .rich-blog-homepage .blog-post:nth-child(3n+1) {
            clear: both;
        }

        .rich-blog-homepage .blog-post:only-child {
            float: none;
            width: auto;
            margin: 0 0 30px;
        }
}

.post-feature {
    width: 55%;
    margin: 0 20px 20px 20px;
    display: inline-block;
    vertical-align: top;
}

.post-primary img {
    width: 100%;
}

.post-feature-body {
    width: 35%;
    display: inline-block;
    text-align: left;
}

    .post-feature-body a {
        text-align: right;
        display: block;
    }

a.post-title {
    text-align: left;
}

@media (max-width: 768px) {
    .post-feature-body {
        width: 100%;
    }

    .post-feature {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

div.attributes dl ul li {
    margin: 5px;
    display: inline-block;
}

.password-recovery-page {
    text-align: center;
}

/* New Content Pages */

.cyan {
    background-color: #2abcd2;
}

.light-cyan {
    background-color: #62efff;
}

.dark-cyan {
    background-color: #008ba3;
}

.indigo {
    background-color: #1a237e;
}

.light-indigo {
    background-color: #534bae;
}

.dark-indigo {
    background-color: #000051;
}

.red {
    background-color: #ff5252;
}

.light-red {
    background-color: #ff867f;
}

.dark-red {
    background-color: #c50e29;
}

.green {
    background-color: #00c853;
}

.orange {
    background-color: #FF9800;
}

.green-text {
    color: #00c853;
}

.content-page-container h1 {
    color: #ffffff;
    font-size: 48px;
    line-height: 1em;
    margin-bottom: 15px;
}

.content-page-container.homepage h1 {
    color: #212121;
}

.content-page-container h2 {
    font-size: 36px;
    line-height: 1.5em;
    margin-bottom: 50px;
    padding: 0 20px;
}

.content-page-container h3 {
    font-size: 28px;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.content-page-container h4 {
    font-size: 18px;
    line-height: 1.5em;
}

.content-page-container section {
    padding: 100px 20px;
}

.content-page-container.homepage section.features-section {
    padding: 20px;
}

.content-page-container section.how-it-works-steps-container {
    padding: 50px 0 0 0;
}

.content-page-container section.how-it-works-step {
    padding: 50px 20px;
}

.content-page-container section.mission-section,
.content-page-container section.promo-section {
    padding: 0;
}

.content-page-container.homepage section.success-story-section,
.content-page-container.homepage section.features-section,
.content-page-container.homepage section.feature-list {
    text-align: center;
}

.content-page-title {
    color: #ffffff;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 50%;
    background-size: 50%;
}

.homepage .main-features-container {
    background: url(../../images/ittp/main-header-doodle-bg.svg) repeat;
    text-align: center;
}

.how-it-works .content-page-title {
    background-image: url(../../images/ittp/design-lightning-shirt.svg);
}

.success-stories .content-page-title {
    background-image: url(../../images/ittp/design-every-tshirt-story.svg);
}

.about-us .content-page-title {
    background-image: url(../../images/ittp/design-logo-variation.svg);
}

.nonprofits .content-page-title {
    background-image: url(../../images/ittp/design-power-of-tshirt.svg);
}

.content-page-title h3 {
    max-width: 800px;
    font-weight: 100;
    font-style: italic;
    color: #ffffff;
    margin: 0 auto;
    line-height: 1.5em;
}

.animation.right-side,
.animation.left-side {
    width: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
    max-width: 799px;
}

.how-it-works-steps-container .odd-step-text,
.how-it-works-steps-container .even-step-text {
    width: 40%;
    max-width: 600px;
    text-align: left;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    padding-top: 30px;
}

    .how-it-works-steps-container .odd-step-text img,
    .how-it-works-steps-container .even-step-text img {
        width: 33%;
    }

.how-it-works-steps-container h3 {
    color: #ffffff;
}

.how-it-works-steps-container p {
    font-size: 16px;
}

.how-it-works-step {
    padding-top: 100px;
}

.success-story-section {
    background-color: #e2e1e0;
}

.success-story-card {
    background-color: #ffffff;
    max-width: 1000px;
    margin: 0 auto 30px auto;
    padding: 40px;
    text-align: left;
}

    .success-story-card img {
        width: 250px;
        height: 250px;
        float: left;
        margin: 0 40px 40px 0;
    }

    .success-story-card h4 {
        display: inline-block;
    }

    .success-story-card div {
        margin-left: 290px;
    }

    .success-story-card .green-text {
        font-style: italic;
    }

.card-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    border-radius: 4px;
    min-height: 330px;
}

.content-page-container a,
.home-view-all-campaigns-button a {
    color: #ff5252;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .content-page-container a:hover,
    .home-view-all-campaigns-button a:hover {
        color: #ff867f;
        text-decoration: underline;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.how-it-works-steps-container a {
    color: #ffffff;
    text-decoration: underline;
}

    .how-it-works-steps-container a:hover {
        color: #ff5252;
    }

.read-more-successes {
    display: inline-block;
}

.how-it-works .call-to-action-content-bottom {
    background-image: url(../../images/ittp/doodle-okay.svg);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: 75%;
}

.success-stories .call-to-action-content-bottom,
.homepage .call-to-action-content-bottom {
    background-image: url(../../images/ittp/doodle-love.svg);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: 75%;
}

.about-us .call-to-action-content-bottom {
    background-image: url(../../images/ittp/doodle-live-laugh.svg);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: 75%;
}

.nonprofits .call-to-action-content-bottom {
    background-image: url(../../images/ittp/doodle-kenya.svg);
    background-repeat: no-repeat;
    background-size: 720px;
    background-position: 75%;
}

.call-to-action-content-bottom div {
    max-width: 1000px;
    text-align: left;
    margin: 0 auto;
}

.call-to-action-content-bottom a {
    color: #ffffff;
    display: block;
}

    .call-to-action-content-bottom a:hover {
        color: #ff5252;
    }

.call-to-action-content-bottom h3 {
    color: #ffffff;
}

.larger-button {
    padding: 15px 30px !important;
    font-size: 20px;
    margin: 40px 0 25px 0 !important;
}

.feature-list ul {
    list-style: none;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-style: italic;
    line-height: 2em;
    margin: 0 0 0 30px;
    padding: 0;
}

.video-container {
    width: 25%;
    display: inline-block;
}

.feature-list .video-caption {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    max-width: 500px;
    margin-left: 30px;
}

#goToTop {
    background-color: #000000 !important;
    opacity: .25;
}

.doodle-icon {
    display: inline-block;
}

.shirt-collage-grid {
    width: 100%;
    display: block;
}

.promo-section {
    background-color: #ff5252;
    text-align: left;
}

    .promo-section img,
    .mission-section img {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .promo-section .promo-text {
        width: 49%;
        display: inline-block;
        text-align: center;
        padding: 50px 20px;
    }

    .promo-section h2,
    .promo-section h3,
    .promo-section h4,
    .promo-section a {
        color: #ffffff;
    }

    .promo-section h2 {
        margin-bottom: 5px;
    }

    .promo-section h3 {
        margin-bottom: 25px;
    }

    .promo-section a {
        display: block;
    }

    .promo-section .promo-text div {
        display: inline-block;
        width: 30%;
        margin-bottom: 30px;
    }

.about-us .even-values,
.about-us .odd-values {
    text-align: left;
    max-width: 750px;
    margin: 0 auto 50px auto;
}

    .about-us .even-values img,
    .about-us .odd-values img {
        width: 175px;
        height: 175px;
    }

    .about-us .odd-values img {
        float: right;
        margin: 0 0 20px 20px;
    }

    .about-us .even-values img {
        float: left;
        margin: 0 20px 20px 0;
    }

.mission-section {
    text-align: left;
}

    .mission-section h2,
    .mission-section h4 {
        color: #ffffff;
        text-align: left;
        padding: 0;
    }

.mission-text {
    display: inline-block;
    width: 40%;
    padding: 50px;
}

.history-ink {
    background-image: url(https://inktothepeople.com/Content/Images/uploaded/pages/ink-office.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 20px;
}

.history-container {
    max-width: 750px;
    margin: 0 auto;
}

    .history-container p {
        text-align: left;
    }

.ink-team {
    padding: 50px 20px 100px 20px;
}

    .ink-team h2,
    .ink-team p {
        color: #ffffff;
    }

    .ink-team img {
        width: 100px;
        height: 100px;
        background-color: white;
        border-radius: 50%;
    }

.ink-profile {
    display: inline-block;
    margin: 0 20px;
}

.in-the-news ul,
.nonprofits ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .in-the-news ul li,
    .nonprofits ul li {
        display: inline-block;
        width: 12%;
        margin: 25px;
        vertical-align: middle;
        opacity: .25;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .in-the-news ul li:hover,
        .nonprofits ul li:hover {
            opacity: 1;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .nonprofits ul li img {
            width: 100%;
        }

.absolute-center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.features-section .feature-container {
    width: 25%;
    margin: 4%;
    display: inline-block;
    vertical-align: top;
}

.homepage .features-section .feature-container {
    width: 15%;
    margin: 2%;
}

.homepage .features-section {
    max-width: 90%;
    margin: 0 auto;
}

    .homepage .features-section img {
        height: 70px;
    }

.features-section img {
    height: 110px;
}

.features-section h2 {
    margin-bottom: 0;
}

.features-section h4 {
    margin-bottom: 10px;
    color: #212121;
}

.contact-page form {
    background-color: #f3f3f3;
    border-radius: 4px;
    padding: 20px 40px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.contact-page .fieldset {
    background-color: #f3f3f3;
    padding: 0;
}

.contact-page .topic-html-content {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 50px;
}

.contact-page form input,
.contact-page form textarea {
    width: 100% !important;
}

.contact-page {
    margin-bottom: 100px;
}

.content-page-container.contact-page h3 {
    margin-bottom: 5px;
    margin-top: 30px;
}
/* login page */
.new-wrapper.register-block {
    max-width: 45%;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
}

.returning-wrapper.fieldset {
    max-width: 45%;
    display: inline-block;
    padding: 30px;
}

.login-page .inputs label {
    display: block;
    width: auto;
    margin: 0 0 5px 0;
    text-align: center;
    font-weight: bold;
}

.login-page .inputs.reversed span {
    margin-right: 0;
}

.login-page {
    text-align: center;
}

    .login-page .facebook-btn {
        display: inline-block;
        width: 300px;
        height: 50px;
        background-image: url(../../images/ittp/facebook-signing.png);
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .2s ease-in-out;
    }

        .login-page .facebook-btn:hover {
            background-position: initial;
            opacity: .8;
            transition: all .2s ease-in-out;
        }

.category-page .item-box,
.recently-added-products-page .item-box,
.recently-viewed-products-page .item-box,
.manufacturer-page .item-box,
.vendor-page .item-box,
.product-tag-page .item-box,
.search-page .item-box {
    margin-bottom: 50px;
}

.content-page-container .strapline {
    text-align: center;
    padding: 100px 100px;
}

    .content-page-container .strapline p {
        font-style: italic;
        color: #ffffff;
        margin-bottom: 0;
        font-size: 18px;
    }

div.no-data {
    text-align: center;
    padding: 50px;
}

.brush-stroke-border {
    background-image: url(https://inktothepeople.com/images/ittp/brush-border.png);
    margin-top: -17px;
    background-position-x: 50%;
}

div#orderLookupModal.alertModal-container div.alertModal-msgbox,
div#asyncLoginContainer.login-container div.alertModal-msgbox {
    max-width: 450px;
}

@media (min-width: 1001px) {
    .contact-page label {
        margin: 30px 0 5px 0;
        text-align: left;
        display: block;
        font-size: 14px;
    }

    .contact-page form {
        width: 50%;
        display: inline-block;
    }

    .feeds-page .feeds-nav-item.active:before {
        background: #2abcd2 !important;
    }
}

@media (max-width: 1000px) {
    .how-it-works-steps-container .odd-step-text,
    .how-it-works-steps-container .even-step-text {
        width: 100%;
        margin: 0;
        padding: 0 20px 40px 20px;
    }

    .animation.right-side,
    .animation.left-side {
        width: 100%;
    }

    .success-story-section {
        padding: 0 20px;
    }

    .footer-middle .footer-block:last-child {
        width: 50%;
    }

    .video-container {
        width: 50%;
        display: block;
        margin: 0 auto 20px auto;
    }

    .content-page-title {
        background-size: 80%;
    }

    .promo-section .promo-text,
    .mission-section .mission-text {
        width: 100%;
    }

        .promo-section .promo-text div {
            width: 20%;
            margin: 30px;
        }

    .promo-section img,
    .mission-section img {
        width: 100%;
    }

    .in-the-news ul li,
    .nonprofits ul li {
        width: 25%;
    }

    .call-to-action-content-bottom div {
        text-align: center;
    }

    .page.contact-page {
        text-align: center;
    }

    .contact-page .topic-html-content {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .features-section .feature-container {
        width: 100%;
        margin: 30px 0;
        display: block;
    }

    .new-wrapper.register-block,
    .returning-wrapper.fieldset {
        display: block;
        max-width: 82%;
        margin: 0 auto;
    }

    .homepage .features-section .feature-container {
        width: 75%;
        margin: 30px auto;
    }
}

@media (max-width: 420px) {
    .footer-disclaimer .footer-terms {
        margin-left: 0;
        padding-left: 0;
        display: block;
        padding: 5px;
    }

    .success-story-card img {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 0 40px 0;
    }

    .success-story-card div {
        margin-left: 0;
    }

    .video-container {
        display: block;
        width: 80%;
        margin: 0 auto 20px auto;
    }

    .content-page-title {
        background-size: 150%;
    }

    .promo-section .promo-text div {
        display: block;
        width: 75%;
        margin: 0 auto 50px auto;
    }

    .promo-section .doodle-icon {
        margin: 0 auto;
    }

    .in-the-news ul {
        margin: 0;
        padding: 0;
    }

        .in-the-news ul li,
        .nonprofits ul li {
            width: 66%;
        }
}