@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Homepage  overrides on header*/
.page__static_everywhere .site__header,
.page__static_anything .site__header,
.page__static_how_it_works .site__header,
.page__static_homepage .site__header {
    background-color: #F6F6F9;
    border-bottom: none;
}
.page__static_everywhere .site__logo .site__logo_title,
.page__static_anything .site__logo .site__logo_title,
.page__static_how_it_works .site__logo .site__logo_title,
.page__static_homepage .site__logo .site__logo_title {
    /* display: none; */
}
.page__static_everywhere .site__logo, .page__static_anything .site__logo, .page__static_how_it_works .site__logo, .page__static_homepage .site__logo  {
    padding-top: 12px;
}
/* general homepage overrides */
.page__static_everywhere .site__main,
.page__static_anything .site__main,
.page__static_how_it_works .site__main,
.page__static_homepage .site__main {
  padding: 0;
}
.page__static_everywhere .site__search_container,
.page__static_anything .site__search_container,
.page__static_how_it_works .site__search_container,
.page__static_homepage .site__search_container {
  display: none;
}

.page__static_everywhere .button--tertiary, .button--tertiary-stroked,
.page__static_anything .button--tertiary, .button--tertiary-stroked,
.page__static_how_it_works .button--tertiary, .button--tertiary-stroked,
.page__static_homepage .button--tertiary, .button--tertiary-stroked {
  background-color: initial !important;
  margin-left: 15px;
}
.page__static_everywhere div.dropdown__menu.dropdown__menu--hidden > ul > li:nth-child(5), .page__static_homepage div.dropdown__menu.dropdown__menu--hidden > ul > li:nth-child(5), .page_static_how_it_works div.dropdown__menu.dropdown__menu--hidden > ul > li:nth-child(5), .page_static_anything div.dropdown__menu.dropdown__menu--hidden > ul > li:nth-child(5) {
    display: none;
}
/* Homepage overrides for footer */
.page__static_everywhere .site__footer,
.page__static_anything .site__footer,
.page__static_how_it_works .site__footer,
.page__static_homepage .site__footer {
    background: #212032;
}
html {
    overflow-x: hidden;
}
@media (min-width: 1200px){
    .container {
        max-width: 1140px;
    }
}
.hero-row {
    height: 580px;
}
@media (min-width: 768px){
    .row_v_align {
        height: 100%;
    }
    .v_align_col {
    }
    .v_align_outer {
        width: 100%;
        height: 100%;
        display: table;
    }
    .v_align_inner {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    .row-hero {
        min-height: 600px;
        max-height: 70vh;
    }
    .page__static_everywhere #ts-hero .container {
        padding-bottom: 40px;
    }
}
@media (max-width: 767px){
    .v_align_inner img {
        width: 297px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .col-hero h1 {
        text-align: center !important;
    }
    .row-hero p {
        margin: auto;
    }
    .v_align_inner {
        text-align: center;
    }
    #ts-hero p {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .section-info {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}
.row-hero p {
    text-align: left !important;
}
.row-hero .button  {
    margin-bottom: 25px;
    margin-left: initial;
}
.site_top_dialog {
    width: 100%;
    height: 40px;
    left: 0px;
    top: 0px;
    background: #212032;
    height: 50px;
    display: table;
}
@media only screen and (max-width: 992px){
    .site_top_dialog h5 {
        text-align: center !important;
    }
    .site_top_dialog {
        text-align: center;
        padding-right:  15px;
        padding-left: 15px;
    }
}
.site_top_dialog h5 {
    font-family:"Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: initial;
    letter-spacing: inherit;
    display: table-cell;
    vertical-align: middle;
}
@media only screen and (max-width: 767px){
    .site_top_dialog h5 {
        height: 80px;
    }
}
@media only screen and (min-width: 980px){
    .site_top_dialog h5 {
        padding-right: 2.75rem;
        padding-left: 3.75rem;
    }
}
@media only screen and (max-width: 767px){
    .br-desk {
        display:none;
    }
}
.site_top_dialog img {
    height: 18px;
    margin-bottom: -3px;
    margin-right: 15px;
}
/* general */
.flat-section {
    padding-top: 70px;
    padding-bottom: 70px;
}
.row-hero p {
    max-width: 90%;
}
/* Homepage  overrides on header*/
.page__static_everywhere .site__header,
.page_static_anything .site__header,
.page_static_how_it_works .site__header,
.page__static_homepage .site__header {
    background-color: #F6F6F9;
    border-bottom: none;
}
@media (min-width: 980px){
    .page__static_homepage .site__logo .site__logo_title {
        display: none;
    }
}
.button--primary-dark {
    background-color: #212032;
    border: 1px solid #212032;
}
/* general homepage overrides */
.page__static_homepage .button--tertiary, .button--tertiary-stroked {
    background-color: initial !important;
    margin-left: 15px;
}
.section-heading {
    width: 100%;
}
.section-info {
    text-align: center;
    max-width: 520px;
    margin: auto;
}
@media (max-width: 767px){
    .section-info {
        margin: initial;
    }
}
.section-info-half {
    max-width: 410px;
    margin: auto;
    text-align: center;
}
/* Additional nav bar */
@media only screen and (min-width: 980px) {
    .main-navigation {
        display: initial !important;
    }
}
.main-navigation {
    display: none;
    position: absolute;
    z-index: +99999;
    padding-right: 2.75rem;
    padding-left: 3.75rem;
    top: 55px;
    left: 150px;
}
.main-navigation li {
    float: left;
    padding: 1rem;
}
.main-navigation li a {
    color: #0a0918;
}
/* Homepage hero */
#ts-hero {
    background-color: #F6F6F9;
}
@media only screen and (min-width: 1200px){
    #ts-hero h1, #ts-hero .h1 {
        font-size: 70px;;
    }
}
@media only screen and (min-width: 660px){
    .page__static_homepage h2, .page_static_how_it_works h2, .page_static_anything h2, .page__static_everywhere h2  {
        font-size: 54px;
        margin-bottom: 10px;
    }
    .ts-anywhere h2 {
        font-size: 54px !important;
    }
    h2.alternative {
        font-size: 54px !important;
        margin-bottom: 10px;
    }
}
#ts-hero {
    background-image: url('assets/hero-bg.png');
    position: relative;
    z-index: +999;
}
#ts-hero h1 {
    color: #EE2761;
    margin-bottom: 0px;
}
.page__static_homepage h2, .page_static_how_it_works h2, .page_static_anything h2, .page__static_everywhere h2 {
    color: #212032;
    text-align: center;
    font-weight: 600;
}
#ts-hero p {
}
.container {
    margin: auto;
}
/* hero product imgs */
.hero-imgs-content {
    position: relative;
}
.hero-img {
    position: absolute;
}
.hero-img div{
    background-size: cover;
}
.hero-img img {
    max-width: initial;
}
.guide {
    opacity: 0;
}
#hero-dadhat {
    width: 186px;
    height: 187px;
    position: absolute;
    margin-left: 184px;
    margin-top: -181px;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/dadhat-white.png");
    z-index: 9;
}
#hero-dadhat:hover {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/dadhat-hover.png");
}
#hero-backpack {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/backpack.png");
    width: 268px;
    height: 424.33px;
    margin-top: -446px;
    margin-left: 277px;
}
#hero-backpack:hover {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/backpack-hover.png");
}
#hero-phone {
    margin-top: -381px;
    margin-left: 50px;
    width: 125px;
    height: 243.52px;
    position: absolute;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/phone.png");
}
#hero-phone:hover {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/phone-hover.png");
}
#hero-duffel {
    position: absolute;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/dufflel.png");
    width: 377px;
    height: 261.07px;
    margin-top: -344px;
    margin-left: -18px;
    z-index: 1;
}
#hero-duffel:hover {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/duffle-hover.png");
}
#hero-tee {
    position: absolute;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/tee-mockup.png");
    width: 351px;
    height: 335.44px;
    z-index: -1;
    margin-top: -520px;
    margin-left: 128px;
    z-index: 0;
}
#hero-tee:hover {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/tee-hover.png");
}
/* module slant */
.shape {
    width: 100%;
    overflow: visible;
    transform: skewY(10deg);
    transform-origin: top right;
}
.shape-pink {
    background: #EE2761;
}
.shape-dark {
    background: #212032;
}
.shape-grey, .greybg {
    background: #F6F6F9;
}
.shape-dark-purp {
    background: #212032;
}
.shape-white {
    background: #FFF;
}
.shape-top {
    width: 100%;
    overflow: visible;
    transform: skewY(-10deg);
    transform-origin: top right;
}
.shape-top-left {
    width: 100%;
    overflow: visible;
    transform: skewY(10deg);
    transform-origin: bottom left;
}
.shape__ratio::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.shape__ratio::before {
    padding-top: 18%;
}
/* HP Created by anyone */
.product-holder {
    background-color: #F6F6F8;
    height: 75px;
    width: 75px;
    position: absolute;
    background-size: contain;
    opacity: 0.5;
}
.product-holder:hover {
    opacity: 1;
}
#pr-holder-1 {
    bottom: 0;
    margin-left: -95px;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/phillip.png");
}
#pr-holder-2 {
    bottom: 0;
    margin-bottom: -95px;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/serena.png");
}
#pr-holder-3 {
    right: 0;
    margin-right: -95;
    top: 100px;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/sloka.png");
}
#pr-holder-4 {
    right: 0;
    margin-right: -95px;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/robuil.png");
}
#pr-holder-5 {
    bottom: 0;
    margin-bottom: -95px;
    right: 0;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/digital-carbine.png");
}
#pr-holder-6 {
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/serena.png");
}
#pr-holder-7 {
    bottom: 0;
    margin-bottom: -95px;
    right: 0;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/airbnb.png");
}
#pr-holder-8 {
    bottom: 0;
    margin-right: -95px;
    background-image: url("https://s3.amazonaws.com/teespring-ass/images/hp-assets/uber-logo.png");
    right: 0;
}
.anyone-profile-img img {
    max-width: 100vw;
    width: 100%;
}
.anyone-card-row {
    position: relative;
    margin-top: -50px;
}
.anyone-titles {
    position: absolute;
    transform: rotate(-90deg);
    margin-left: -39px !important;
    bottom: 0;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: left;
    font-weight: 900;
    color: #5c5a7269;
    transform-origin: top left;
    font-size: 18px;
}
#anyone-sellers-card {
    margin-left: 140px;
    margin-top: 52px;
}
#anyone-creators-title {
    top: 281px;
}
#anyone-sellers-title {
    top: 110px;
    bottom: 0;
}
#anyone-creators-card {
    z-index: +999;
}
#anyone-designers-card {
    margin-top: -110px;
    z-index: 0;
}
/* HP Anything */
.product-grid {
    margin-top: 35px;
}
.page-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.prt-customiser {
    position: fixed;
    display: inline-table;
    width: 446px;
    box-shadow: 1px 1px 54px #2120320d;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: +9999;
    border: solid 1px #77808547;
}
.prt-custo-name {
    margin-top: 5px;
    text-align: center;
}
.display-img {
    background-color: #f6f6f9;
    text-align: center;
    padding: 46px;
}
#cuto-preview{
    background-color: #fff;
    width: 300px;
}
.customiser-detail {
    padding: 18px 25px 18px 25px;
    font-weight: 600;
    background-color: #fff;
    text-align: center;
}
span.feature-title {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    color: #bfbfbf;
    letter-spacing: 1.8;
    line-height: 40px;
    font-size: 14px;
    display: none;
}
.prd-col {
    margin-top: 30px;
    cursor: pointer;
}
.hidden-product-col {
    display: none;
}
.prd-col:nth-child(n+13){
    display: none;
}
.prd-colors {
    margin-top: 16px;
    width: 100%;
    display: inline-block;
    margin-bottom: 17px;
}
.product-img {
    background-color: #f6f6f9;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    height: 225px!important;
}
.product-img img {
    width: 54%;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}
@media only screen and (max-width:767px){
    .product-img img {
        width: 84%;
    }
}
.color_sq {
    height: 28px;
    width: 28px;
    margin-bottom: 10px;
    border-radius: 100px;
    cursor: pointer;
}
.color_selected {
    box-shadow: inset 0px 0px 1px 0px;
    /*width: 32px;
    height: 32px;
    margin-left: -2px;
    margin-top: -2px;*/
}
.create-btn .button--tertiary {
    color: #EE2761;
    border: #EE2761 solid 1px;
    margin-left: 0px !important;
    padding: initial;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 3px;
    padding-bottom: 5px;
}
.sq-border-solid {
    border: solid 1px #d6d6d6;
}
.close-custo {
    position: absolute;
    font-size: 32px;
    right: 15px;
    cursor: pointer;
    transform: rotate(45deg);
}
/* 8 grid */
.col-xs-8r {
    width: 9.5%;
    float: left;
}
.col-xs-8r, .col-sm-8r, .col-md-8r, .col-lg-8r {
    position: relative;
    min-height: 1px;
}
.sq-border-solid {
}
.hidden-detail {
    display: none;
}
/* HP Everywhere */
#ts-everywhere {
    background-color: #EE2761;
    position: relative;
    padding-bottom: 150px;
}
.everywhere-logos-col {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 30px;
}
.everywhere-logos-row {
    margin-top: 48px;
}
@media (min-width: 1200px){
    .everywhere-logos-col {
        padding-left: 80px;
        padding-right: 80px;
    }
}
/* anything page */
@media (max-width:767px){
    .col-hero-anything .cta a {
        margin-right: 0px !important;
    }
    .col-hero-anything .cta a:nth-of-type(1){
        margin-right: 20px !important;
    }
}
.col-hero-anything .cta a {
    margin-right: 20px;
}
.col-hero-anything h1, .ts-anything-hero h1 {
    color: #212032 !important;
}
.ts-go-feature {
    background-color: #212032;
}
.fbt-request-form {
    margin-top: 40px;
}
.ts-go-logo, .ts-boosted-nw-logo {
    text-align: center;
    margin-bottom: 10px;
}
.ts-go-logo img {
    width: 334px;
}
.ts-boosted-nw-logo img {
    width: 300px;
}
@media (max-width:600px){
    .ts-boosted-nw-logo img {
        width: 250px;
    }
}
@media (max-width:767px){
    #boosted-network .section-info {
        margin-top: 50px;
        margin-bottom: -70px;
    }
    .col-anything {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
}
.col-anything {
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/Slice-pink-line2.png);
    background-size: 6px;
    margin: auto;
    background-position: 25px;
    background-repeat-x: no-repeat;
    background-repeat:repeat-y;
    height: 360px;
    margin-top: 160px;
}
.ts-go-bullet:before {
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    content: "";
    display: block;
    border-radius: 20px;
    border: solid 6px #ee2761;
    margin-left: -50px;
    /* top: 70px; */
    position: absolute;
    margin-top: -1px;
}
.ts-go-bullet:after {
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/Slice-pink-line2.png);
    height: 25px;
    width: 25px;
    content: '';
}
.ts-go-bullet {
    padding-left: 50px;
}
.ts-go-bullet span, .ts-go-bullet h4 {
    color:#fff;
}
.ts-go-bullet h4 {
    margin-bottom: 4px;
}
.ts-go-bullet {
    margin-bottom: 40px;
}
/* everywhere page */
#merch-shelf {
    overflow: hidden;
}
#ts-merchshelf {
    padding-top: 35px;
}
.boosted-diagram {
    text-align: center;
}
.boosted-diagram img {
    width: 500px;
}
.col-everywhere {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    width: 675px;
}
.row-everyewhere-hero {
    margin: auto;
    text-align: center;
}
#ts-boosted-nw {
    padding-top: 80px;
    background-color: #212032;
    min-height: 800px;
    position: relative;
    z-index: +999;
}
.everywhere-hero {
    padding-bottom: 280px;
}
.boosted-network-examples {
    text-align: center;
}
.boosted-nw-features-row {
    /* border: 1.5px solid rgba(142, 145, 166, 0.26); */
    border-radius: 4px;
    padding-top: 70px;
    padding-bottom: 45px;
    background-color: #0a091861;
}
#ts-boosted-nw h2 {
    color: #fff;
}
.row-boosted-nw-features {
    margin-top: 60px;
}
img.boosted-nw-icon {
    width: 40px;
    /* margin-bottom: 25px; */
    display: inline-block;
}
@media (max-width: 767px){
    .col-boosted-new-features {
        margin-top: 40px;
    }
    .booted-nw-title-container {
        text-align: center;
    }
    img.boosted-nw-icon {
        display: block !important;
        text-align: center;
        margin: auto;
        margin-bottom: 20px;
    }
    .bullet-feature-title {
        position: initial!important;
        margin-left: initial;
    }
    .bullet-feature-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}
.col-boosted-diagram img {
    width: 96%;
    margin-top: 80px;
}
.bullet-feature-title {
    font-family: "Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    /* display: block; */
    max-width: 300px;
    margin: auto;
    /* top: -10px; */
    position: absolute;
    margin-top: 16px;
margin-left: 13px;
}
@media (max-width:767px) {
    .bullet-feature-content {
        font-size: 16px !important;
    }
}
.bullet-feature-content {
    font-family: "Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    margin-top: 18px;
}
.boosted-nw-features-point {
    margin-bottom: 32px;
}
.boosted-nw-features-col {
    margin-bottom: 50px;
    text-align: center;
}
.col-everywhere-img {
    /* margin-left: 640px; */
    /* position: absolute; */
    max-width: 700px;
    margin-top: -110px;
}
@media (max-width: 767px){
    .everyewhere-section-logo {
        padding-top: 30px;
    }
    .col-everywhere-img {
        margin-top: 30px;
    }
}
.gl-sp-img img {
    width: auto;
    background-color:#fff;
    max-height: 160px;

}
.feature-img-animate {

}
@media (max-width:690px){
    .merchshelf-pop {
        display: none;
    }
}
.background-overlay {
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/printing_animated-min.gif);
    background-size: cover !important;
    background-position-y: bottom;
}
#ts-quality {
    background-color: #0d0d15c7;
}
.row-quality {
    margin-top: 15px;
}
.row-quality-feature {
    margin-top: 40px;
}
.quality-feature-title h4 {
    text-align: center;
    color: #fff;
}
.quality-feature-img  {
    text-align: center;
}
.quality-feature-img img {
    max-width: 130px !important;
}
.row-del-partner {

}
.del-partner-content {
    padding-top: 70px;
    opacity: 0.5;
}
.del-partner-content:hover {
    opacity: 1;
}
.del-partner-title {
    text-align: center;
}
.del-partner-title h4 {
    color:#fff;
}
.del-partner-img {
    text-align: center;
}
.del-partner-img img {
    max-width: 190px;
}
/* How it works page */
.col-hiw {
    margin: auto;
    text-align: center;
}
.hiw-img img {
    max-width: 180px;
    max-height: 120px;
    width: auto;
    height: auto;
    margin-bottom: 30px;
}
.hiw-title {
    font-family: "Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    font-size: 20px;
    text-align: center;
    color: #000000;
    display: block;
}
@media (max-width:767px){
    .col-hiw-labels, .row-hiw-middle {
        display: none;
    }
}
.hiw-content {
    font-family: "Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    color: #000000;
    max-width: 90%;
    display: inline-block;
}
.hiw-label {
    font-family: GT Haptik;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(92, 90, 114, 0.2);
    display: block;
    margin-top: 20%;
}
.progress-line {
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/line-slice.png);
    width: 110%;
    margin-left: -5%;
    height: 8px;
    background-size: contain;
    bottom: 0;
    position: relative;
    margin-top: 18%;
}
.progress-line:after,.progress-line:before {
    height: 35px;
    width: 35px;
    background-color: #ffffff;
    content: "";
    display: block;
    border-radius: 20px;
    margin-top: -13px;
    position: absolute;
    border: solid 6px #ee2761;
}
.progress-line:after {
    right: 0;
}
.row-hiw-middle {
    margin-bottom: 30px;
}
.row-hiw-middle:after {
    height: 6px;
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/grey-slice.png);
    background-size: contain;
    margin: auto;
    content: "";
    width: 67%;
    margin-top: -15px;
}
.hiw-line-vert {
    height: 250px;
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/grey-slice-rotated.png);
    width: 6px;
    background-size: contain;
    margin: auto;
}
.hiw-line-vert:after, .hiw-line-vert-dot:after {
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    content: "";
    display: block;
    border-radius: 20px;
    position: absolute;
    border: solid 6px #212032;
    margin-left: -10px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.hiw-line-vert-down:before, .hiw-line-vert-up:before {
    background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/arrow-head-fbt.png);
    content: "";
    width: 15px;
    height: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -6px;
    top: 30%;
}
.hiw-line-vert-down:before {
    transform: rotate(90deg);
}
.hiw-line-vert-up:before {
    transform: rotate(-90deg);
    margin-left: -3px;
}
#ts-hiw-pricing {
    background-color: #212032;
}
.col-pricing {
    text-align: center;
}
@media (max-width:767px){
    .col-pricing-example {
        margin-bottom: 30px;
    }
    .not-selected-prt-pricing-example {
        opacity: 1 !important;
    }
}
.not-selected-prt-pricing-example {
    opacity: .5;
}
.not-selected-prt-pricing-example:hover {
    opacity: 1;
}
.content-prt-pricing-example {
    background-color:#fff;
    margin: auto;
    text-align: center;
    box-shadow: 1px 1px 54px #0a0918;
    border: solid 1px #77808547;
}
.prt-pricing-name {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}
.prt-pricing-content {
    display: inline-block;
    width: 100%;
    padding: 25px 30px;
    padding-bottom: 5px;
}
.prt-pricing-img {
    background-color: #f6f5fa;
}
.prt-pricing-img img{
    max-height: 222px;
}
.prt-pricing-detial {
    display: table;
    text-align: right;
    width: 100%;
    margin-bottom: 25px;
}
.pricing-heading {
    font-family: "Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #000000;
    vertical-align: middle;
    display: table-cell;
    text-align: left;
}
.row-pricing {
}
.pricing-img img {
    max-width: 74px;
    max-height: 70px;
}
.pricing-set-price, .pricing-base-price, .pricing-profit {
    display: inline-block;
    text-align: center;
    height: 42px;
    font-size: 18px;
    width: 120px;
    text-indent: 8px;
}
.pricing-set-price {
    border-style: none;
    text-decoration: underline;
}
.pricing-base-price {
    border: solid 1px #27BFD2;
    border-radius: 2px;
}
.pricing-profit {
    border: solid 1px #EE2761;
    border-radius: 2px;
    color: #EE2761;
}
.col-resources {
    margin-bottom: 30px;
}
.resources-card h3 {
    color: #212032;
    margin-bottom: 11px;
    max-width: 60%;
}
.resources-card {
    border: #2120320d solid 1px;
    padding: 15px 20px;
    border-radius: 2px;
    box-shadow: 1px 1px 10px #21203214;
}
.resources-card a {
    font-weight: 900;
    text-decoration: underline;
}
.link-to-platform {
    font-weight: 900;
    position: absolute;
    top: 19px;
    right: 35px;
    padding: 2px 15px;
    border-radius: 2px;
    text-decoration: none !important;
    color: #212032;
    border: solid 1px #212032;
}
.resource-links-title {
    margin-top: 10px;
    font-weight: 600;
    display: block;
    margin-bottom: 11px;
    font-size: 18px;
}
.resource-links {
    margin-top: 12px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: #f6f6f9;
    padding-left: 20px;
}
.resource-links li {
    padding-bottom: 12px;
}
.resource-links a {
    color: #ee2761;
}
/* google */
#ts-gl-sp {
    padding-top: 70px;
    padding-bottom: 100px;
}
.gl-sp {
    box-shadow: 1px 1px 54px #21203226;
    background-color: #FFF;
}
.gl-sp-img {
    text-align: center;
}
.gl-prd-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #2961F1;
    display: block;
}
.gl-prd-price {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    display: block;
    color: #000000;
}
.gl-prd-domain {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    /* line-height: 33px; */
    font-size: 16px;
    text-align: center;
    display: block;
    color: #006621;
}
.gl-sp-content {
    background-color: #fff;
    padding: 10px 7px;
    min-height: 113px;
    display: table;
    margin: auto;
}
.gl-sp-content-inner {
    display: table-cell;
    display: table-cell;
    vertical-align: middle;
}
.merchshelf-pop {
    position: absolute;
    margin-top: -182px;
    max-width: 740px;
    margin-left: -100px;
}