html {
scroll-behavior: smooth;
}
.main-banner {
background: #36355f url('../jpg/banner-bg.jpg') no-repeat center center;
background-size: cover;
color: #fff;
width: 100%;
min-height: 300px;
}
.text-color-white {
color: #fff;
}
body .template-listing-select-block .productTemplateList {
float: right;
max-width: 220px;
}
.select-custom {
background: #fff url('../png/down-arrow.png') no-repeat right 8px center;
padding: 5px 12px !important;
}
.header-tshirt-mockup {
margin-bottom: -120px;
margin-top: 40px;
}
.header-tshirt-mockup li {
display: inline-block;
position: relative;
margin-bottom: 18px;
}
.active-tab:after {
content: '';
background-image: url('../png/active-tab-class.png');
display: block;
position: absolute;
top: 13px;
background-size: cover;
right: 29px;
width: 23px;
height: 23px;
}
.active-tab .bg-image {
border: 1px solid #c61e53 !important;
}
.active-tab p {
color: #c61e53 !important;
}
.printing-promotional-items {
margin: 0px auto 12px;
;
display: block;
border-radius: 4px;
}
.promotional-items-block {
display: block;
width: 100%;
text-align: center;
margin-top: 17px;
margin-bottom: -10px;
}
.header-tshirt-mockup {
margin-bottom: -120px;
margin-top: 40px;
}
.header-tshirt-mockup img.bg-image {
background: #e2e2e2;
max-width: 200px;
max-height: 210px;
margin-right: 14px;
border: 1px solid #dbe4ef;
display: inline-block;
border-radius: 4px;
}
.template-listing-container {margin-top:120px;}
.ilp-header {
margin-bottom: 100px;
}
.header-tshirt-mockup li {
display: inline-block;
position: relative;
margin-bottom: 18px;
}
.header-tshirt-mockup li p {
font-size: 15px;
margin-top: 8px;
font-weight: 500;
color:#000;
}
.header-tshirt-mockup img.bg-image:hover {
cursor: pointer;
border: 1px solid #c61e53;
}
.static-steam-logo {
position: absolute;
}
.steam-men-tshirt {
top: 48%;
left: 36%;
max-width: 39px;
}
.steam-women-tshirt {
top: 48%;
left: 31%;
max-width: 39px;
}
.steam-polo-tshirt {
top: 39%;
left: 46%;
max-width: 25px;
}
.steam-kids {
top: 53%;
left: -27px;
max-width: 31px;
right: 0px;
margin: 0px auto;
}
.steam-glass {
top: 61%;
left: 51%;
max-width: 18px;
}
.steam-polo {
top: 40%;
left: 24px;
max-width: 21px;
right: 0px;
margin: 0px auto;
}
.steam-hats {
top: 34%;
left: 38%;
max-width: 40px;
transform: rotate(-12deg);
}
.steam-mug {
top: 67%;
left: 25%;
max-width: 22px;
}
.steam-drinker {
top: 29%;
left: 24%;
max-width: 30px;
}
.detail-item a img {
border-radius: 4px;
margin-bottom: 10px;
border: 1px solid #d5d5d5;
max-width: 100%;
}
.detail-item a img:hover {
border: 1px solid #c61e53;
}
.pagination2 {
text-align: center;
margin-top: 5px;
margin-bottom: 45px;
}
.detail-item {
margin-bottom: 50px; position:relative;
}
.section-products {
display: none;
min-height: 250px;
}
.section-products.show {
display: block;
min-height: 250px;
}
.username {
overflow: hidden;
height: 22px;
}
.looking-more-producs {float:left; width:100%;}
.looking-more-producs-div {float:none !important;margin: 0px auto;}
.looking-more-producs .section-body{ background: #f7f7f7;padding: 30px 25px;border: 1px solid #ccc;margin: 0px auto;display: block;max-width: 500px;border-radius: 5px;}
.bg-gray {background-color:#f3f3f3;}
.images-section img {max-width:100%; border-radius:4px;}
.images-section h3.h4 {font-weight:bold; font-size: 18px;}
.looking-more-producs-div input, .looking-more-producs-div select, .looking-more-producs-div textarea { width: 100%; padding: 6px; border: 1px solid #ccc; text-indent: 4px; border-radius: 2px;}
.looking-more-producs-div label {font-size:14px;}
#country-code { position: absolute;top: 8px;left: 30px;}
#print_query_phone {text-indent:51px;padding-top:7px;}
span.req {color: red;font-size: 13px;}
.place-order-button {background-color: #c31e53;border: none !important; color:#fff;cursor: pointer;}
.help-block.filled span {color:red; font-size:12px;}
.static-galery-logo {position: absolute; max-width: 55px !important;top: 0px;left: 0px;border: none !important;}
.btn-square {background-color: #c31e53 !important; border: 0;padding: 12px 25px;border-radius: 4px;cursor: pointer;}
.btn-square:hover, .btn-square:focus {text-decoration:none;background-color: #c31e53;}
.brand-item {background: #fff;padding: 20px 30px 30px;border: 1px solid #c4c2c2;border-radius: 5px; margin-bottom:15px;}
.brand-item svg { margin: 0px auto 15px;display: block;}
.brand-item h3 {text-align:center;}
.header-para {max-width: 1000px;margin: 0px auto;}
.bg-gray-gallery {background-color: #f3f3f3;max-height: 270px;}
.DIY-Promotional-Items {margin-top:20px;}
.DIY-Promotional-Items {background-color: #32325c;}
.DIY-Promotional-Items h2, .DIY-Promotional-Items p,.DIY-Promotional-Items h4 {color:#fff;}
.DIY-Promotional-Items img{ border: 1px solid #ccc;}
#man #products-container .detail-item:nth-child(-n+12),
#women #products-container .detail-item:nth-child(-n+12),
#kids #products-container .detail-item:nth-child(-n+12),
#hats #products-container .detail-item:nth-child(-n+12) {
display: block;
}
#man #products-container .detail-item:nth-child(n+13),
#women #products-container .detail-item:nth-child(n+13),
#kids #products-container .detail-item:nth-child(n+13),
#hats #products-container .detail-item:nth-child(n+13) {
display: none !important;
}
#man.show-gallery #products-container .detail-item,
#women.show-gallery #products-container .detail-item,
#kids.show-gallery #products-container .detail-item,
#hats.show-gallery #products-container .detail-item {
display: block !important;
}
/** For Logo Position CSS **/
#p-539 .static-galery-logo { top: 42%; left: 39%;}
#p-440 .static-galery-logo { top: 42%; left: 43%; }
#p-438 .static-galery-logo { top: 42%; left: 44%; }
#p-456 .static-galery-logo { top: 22%; left: 45.5%; max-width: 30px !important;}
#p-485 .static-galery-logo { top: 42%; left: 42%; }
#p-538 .static-galery-logo { top: 42%; left: 44%; }
#p-599 .static-galery-logo { top: 25%;left: 43.5%;max-width: 25px !important; }
#p-717 .static-galery-logo { top: 24%;left: 44.4%;max-width: 25px !important; }
#p-603 .static-galery-logo { top: 42%; left: 44%; }
#p-294 .static-galery-logo { top: 37%; left: 46%; max-width: 25px !important;}
#p-293 .static-galery-logo { top: 37%; left: 55%; max-width: 25px !important;}
#p-411 .static-galery-logo { top: 39%; left: 45%; }
#p-692 .static-galery-logo { top: 42%;left: 51%;max-width: 25px !important; }
#p-808 .static-galery-logo { top: 42%; left: 43%; }
#p-765 .static-galery-logo { top: 22%;left: 46%;max-width: 20px !important;}
#p-479 .static-galery-logo { top: 37%;left: 47%;max-width: 25px !important;}
#p-734 .static-galery-logo { top: 38%; left: 44%; }
#p-523 .static-galery-logo { top: 40%; left: 43%; }
#p-521 .static-galery-logo { top: 33%;left: 45%;max-width: 25px !important; }
#p-676 .static-galery-logo { top: 26%;left: 43%;max-width: 30px !important; }
#p-248 .static-galery-logo { top: 41%;left: 56%; max-width: 25px !important; }
#p-365 .static-galery-logo { top: 39%;left: 43%;max-width: 35px !important;}
#p-537 .static-galery-logo { top: 39%;left: 55%;max-width: 25px !important; }
#p-679 .static-galery-logo { top: 24%;left: 45%;max-width: 25px !important; }
#p-644 .static-galery-logo { top: 42%; left: 44%; }
#p-37 .static-galery-logo { top: 42%; left: 44%; }
#p-733 .static-galery-logo { top: 41%; left: 45%; }
#p-71 .static-galery-logo { top: 42%; left: 43%; }
#p-736 .static-galery-logo { top: 25%;left: 46%;max-width: 25px !important; }
#p-108 .static-galery-logo { top: 39%;left: 47%;max-width: 25px !important; }
#p-713 .static-galery-logo { top:42%;left:45%; }
#p-563 .static-galery-logo { top:42%;left:45%; }
#p-556 .static-galery-logo { top:42%;left:44%; }
#p-586 .static-galery-logo { top:42%;left:43%; }
#p-643 .static-galery-logo { top: 32%;left: 52%;max-width: 30px !important; }
#p-715 .static-galery-logo { top: 27%;left: 47%;max-width: 30px !important; }
#p-233 .static-galery-logo { top: 38%;left: 47%;max-width: 30px !important; }
#p-531 .static-galery-logo { top: 48%; left: 34%;max-width: 35px !important; }
#p-415 .static-galery-logo { top: 40%;left: 50%;max-width: 35px !important; }
#p-223 .static-galery-logo { top:42%;left:45.5%; }
#p-162 .static-galery-logo { top:39%;left:43%; }
#p-760 .static-galery-logo { top:40%;left:44%; }
#p-373 .static-galery-logo { top: 45%;left: 41%;max-width: 25px !important; }
#p-593 .static-galery-logo { top: 66%;left: 46%;max-width: 25px !important;transform: rotate(11deg); }
#p-747 .static-galery-logo { top: 24%;left: 51%; max-width: 25px !important;}
#p-508 .static-galery-logo { top:37%;left:45%; }
#p-509 .static-galery-logo { top:42%;left:45%; }
#p-12 .static-galery-logo { top:42%;left:43%; }
#p-356 .static-galery-logo { top: 40%;left: 43%; max-width: 35px !important;}
#p-688 .static-galery-logo {top: 50%;left: 54%;}
#p-374 .static-galery-logo {top: 34%;left: 54%;}
#p-796 .static-galery-logo { top: 36%;left: 48%;max-width: 30px !important;}
#p-57 .static-galery-logo {top: 42%;left: 44%;}
#p-116 .static-galery-logo {top: 42%;left: 43%;}
#p-610 .static-galery-logo {top: 42%;left: 43%;}
#p-753 .static-galery-logo {top: 39%;left: 41%;}
#p-748 .static-galery-logo {top: 28%;left: 46%;max-width: 35px !important;}
#p-484 .static-galery-logo {top: 48%;left: 43%;max-width: 35px !important;transform: rotate(15deg);}
#p-464 .static-galery-logo {top: 47%; left: 42%;}
#p-380 .static-galery-logo {top: 64%; left: 55%;}
#p-146 .static-galery-logo {top: 25%;left: 46%;max-width: 25px !important;}
#p-602 .static-galery-logo {top: 36%;left: 45%;max-width: 25px !important;}
#p-542 .static-galery-logo {top: 46%;left: 47%;max-width: 30px !important;}
#p-584 .static-galery-logo {top: 36%;left: 40%;max-width: 30px !important;}
#p-522 .static-galery-logo {top: 36%;left: 38%;max-width: 25px !important;}
#p-590 .static-galery-logo {top: 43%; left: 43%;}
#p-613 .static-galery-logo {top: 42%;left: 39%; max-width: 25px !important;}
#p-543 .static-galery-logo {top: 45%; left: 44%;}
#p-769 .static-galery-logo {top: 27%;left: 45%;max-width: 30px !important;}
#p-674 .static-galery-logo {top: 43%; left: 42%;}
#p-145 .static-galery-logo {top: 42%; left: 45%;}
#p-506 .static-galery-logo {top: 41%;left: 44%;max-width: 30px !important;transform: rotate(18deg)}
#p-493 .static-galery-logo {top: 40%; left: 45%;}
#p-582 .static-galery-logo {top: 39%; left: 43%;}
#p-340 .static-galery-logo {top: 41%;left: 56%;max-width: 30px !important;}
#p-801 .static-galery-logo {top: 25%;left: 42%;max-width: 25px !important;}
#p-399 .static-galery-logo {top: 39%;left: 47%;max-width: 25px !important;}
#p-629 .static-galery-logo {top: 22%;left: 44%;max-width: 25px !important;}
#p-661 .static-galery-logo {top: 27%;left: 53%;max-width: 20px !important;}
#p-540 .static-galery-logo {top: 41%;left: 54%; max-width: 25px !important;}
#p-437 .static-galery-logo {top: 43%;left: 46%;max-width: 22px !important;}
#p-550 .static-galery-logo {top: 37%;left: 50%;max-width: 25px !important;}
#p-546 .static-galery-logo {top: 38%;left: 49%;max-width: 25px !important;transform: rotate(13deg);}
#p-785 .static-galery-logo {top: 22%;left: 46%;max-width: 30px !important;}
#p-773 .static-galery-logo {top: 22%;left: 46%;max-width: 30px !important;}
#p-835 .static-galery-logo {top: 22%;left: 46%;max-width: 30px !important;}
/** FOR KIDS **/
#p-305 .static-galery-logo { top: 47%;left: 47%;max-width: 35px !important;}
#p-306 .static-galery-logo {top: 42%;left: 48%;max-width: 35px !important;}
#p-307 .static-galery-logo {top: 45%;left: 46%; max-width: 35px !important;}
#p-511 .static-galery-logo {top: 40%;left: 46%;max-width: 40px !important;}
#p-732 .static-galery-logo {top: 37%;left: 52%;max-width: 25px !important;}
#p-512 .static-galery-logo {top: 33%;left: 47%;max-width: 35px !important;}
#p-308 .static-galery-logo {top: 47%;left: 47%;max-width: 35px !important;}
#p-476 .static-galery-logo {top: 37%;left: 50%;max-width: 25px !important;}
#p-384 .static-galery-logo {top: 39%;left: 49%;max-width: 25px !important;}
#p-368 .static-galery-logo {top: 37%;left: 52%;max-width: 25px !important;}
#p-385 .static-galery-logo {top: 37%;left: 57%;max-width: 25px !important;}
#p-369 .static-galery-logo {top: 40%;left: 49%;max-width: 35px !important;}
#p-533 .static-galery-logo {top: 30%;left: 48%;max-width: 30px !important;}
#p-689 .static-galery-logo {top: 37%;left: 48%;max-width: 25px !important;}
#p-483 .static-galery-logo {top: 47%;left: 49%;max-width: 35px !important;}
#p-677 .static-galery-logo {top: 40%;left: 53%;max-width: 25px !important;}
#p-787 .static-galery-logo{top: 41%;left: 46%;max-width: 40px !important;}
/** FOR POLO **/
#p-767 .static-galery-logo {top: 35%;left: 48%;max-width: 25px !important;}
#p-587 .static-galery-logo {top: 36%;left: 53%;max-width: 25px !important;}
#p-655 .static-galery-logo {top: 55%;left: 49%;max-width: 25px !important;}
#p-770 .static-galery-logo {top: 38%;left: 53%;max-width: 30px !important;}
#p-670 .static-galery-logo {top: 32%;left: 51%;max-width: 25px !important;}
#p-766 .static-galery-logo {top: 53%;left: 47%;max-width: 30px !important;}
#p-810 .static-galery-logo {top: 37%;left: 52%; max-width: 34px !important;}
/** FOR Hats **/
#p-560 .static-galery-logo {top: 36%;left: 48%;max-width: 50px !important;transform: rotate(-15deg);}
#p-557 .static-galery-logo {top: 39%;left: 46%;max-width: 55px !important;}
#p-396 .static-galery-logo {top: 32%; left: 45%; max-width: 60px !important;transform: rotate(-12deg);}
#p-680 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-14deg);}
#p-627 .static-galery-logo {top: 34%;left: 50%;max-width: 60px !important;transform: rotate(-10deg);}
#p-422 .static-galery-logo {top: 34%;left: 49%;max-width: 60px !important;transform: rotate(-11deg);}
#p-100 .static-galery-logo {top: 38%;left: 48%;max-width: 60px !important;transform: rotate(-7deg);}
#p-252 .static-galery-logo {top: 36%;left: 47%;max-width: 60px !important;transform: rotate(-8deg);}
#p-638 .static-galery-logo {top: 33%;left: 48%;max-width: 60px !important;transform: rotate(-13deg);}
#p-762 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-11deg);}
#p-481 .static-galery-logo {top: 33%;left: 48%;max-width: 60px !important;transform: rotate(-9deg);}
#p-532 .static-galery-logo {top: 37%;left: 48%;max-width: 60px !important;transform: rotate(-8deg);}
#p-775 .static-galery-logo {top: 35%;left: 47%;max-width: 60px !important;transform: rotate(-15deg);}
#p-491 .static-galery-logo {top: 35%;left: 47%;max-width: 60px !important;transform: rotate(-10deg);}
#p-140 .static-galery-logo {top: 35%;left: 47%;max-width: 60px !important;transform: rotate(-15deg);}
#p-327 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-15deg);}
#p-463 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-11deg);}
#p-480 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-15deg);}
#p-755 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-15deg);}
#p-429 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-11deg);}
#p-662 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-10deg);}
#p-206 .static-galery-logo {top: 36%;left: 48%;max-width: 60px !important;transform: rotate(-15deg);}
#p-92 .static-galery-logo {top: 44%;left: 51%;max-width: 60px !important;transform: rotate(-11deg);}
#p-596 .static-galery-logo {top: 40%;left: 52%; max-width: 55px !important;transform: rotate(-9deg);}
#p-654 .static-galery-logo {top: 40%;left: 45%;max-width: 50px !important;}
#p-379 .static-galery-logo {top: 40%;left: 44%;max-width: 50px !important;}
#p-501 .static-galery-logo {top: 40%;left: 44%;max-width: 50px !important;}
#p-547 .static-galery-logo {top: 40%;left: 44%;max-width: 50px !important;}
#p-549 .static-galery-logo {top: 39%;left: 44%;max-width: 50px !important;}
#p-548 .static-galery-logo {top: 38%;left: 44%;max-width: 50px !important;}
#p-253 .static-galery-logo {top: 38%;left: 44%;max-width: 50px !important;}
/** FOR Other Producs **/
#p-300 .static-galery-logo {top: 40%;left: 47%;max-width: 75px !important;}
#p-403 .static-galery-logo {top: 40%;left: 46%;max-width: 75px !important;}
#p-407 .static-galery-logo {top: 44%;left: 47%;max-width: 75px !important;}
#p-382 .static-galery-logo {top: 38%;left: 44%;max-width: 50px !important;}
#p-663 .static-galery-logo {top: 25%;left: 44%;max-width: 60px !important;}
#p-19 .static-galery-logo {top: 42%;left: 47%;max-width: 75px !important;}
#p-690 .static-galery-logo {top: 39%;left: 44%;max-width: 50px !important;}
#p-779 .static-galery-logo {top: 39%;left: 44%;max-width: 50px !important;}
#p-691 .static-galery-logo {top: 39%;left: 44%;max-width: 50px !important;}
#p-671 .static-galery-logo {top: 41%;left: 44%;max-width: 50px !important;}
#p-788 .static-galery-logo {top: 41%;left: 44%;max-width: 50px !important;}
#p-783 .static-galery-logo {top: 41%;left: 44%;max-width: 50px !important;}
#p-583 .static-galery-logo {top: 38%;left: 40%;max-width: 65px !important;}
#p-518 .static-galery-logo {top: 38%;left: 42%;max-width: 75px !important;}
/** FOR Women **/
#p-771 .static-galery-logo {top: 53%;left: 57%;max-width: 30px !important;}
#p-664 .static-galery-logo {top: 33%;left: 51%;max-width: 30px !important;}
#p-567 .static-galery-logo {top: 38%;left: 53%;max-width: 30px !important;}
#p-317 .static-galery-logo {top: 41%;left: 43%;max-width: 35px !important;}
#p-316 .static-galery-logo {top: 38%;left: 51%;max-width: 38px !important;}
#p-271 .static-galery-logo {top: 40%;left: 45%;max-width:45px !important;}
#p-163 .static-galery-logo {top: 43%;left: 44%;max-width: 40px !important;}
#p-780 .static-galery-logo {top: 40%;left: 44%;max-width: 40px !important;}
#p-631 .static-galery-logo {top: 36%;left: 45%;max-width: 35px !important;transform: rotate(7deg);}
#p-636 .static-galery-logo {top: 34%;left: 44%;max-width: 40px !important;}
#p-187 .static-galery-logo {top: 37%;left: 44%;max-width: 40px !important;}
#p-110 .static-galery-logo {top: 38%;left: 41%;max-width: 45px !important;transform: rotate(16deg);}
#p-360 .static-galery-logo {top: 38%;left: 52%;max-width: 40px !important;}
#p-467 .static-galery-logo {top: 38%;left: 46%;max-width: 50px !important;}
#p-666 .static-galery-logo {top: 38%;left: 45%;max-width: 50px !important;}
#p-782 .static-galery-logo {top: 26%;left: 47%;max-width: 25px !important;}
#p-303 .static-galery-logo {top: 39%;left: 52%;max-width: 40px !important;}
#p-200 .static-galery-logo {top: 43%;left: 47%;max-width: 40px !important;}
#p-329 .static-galery-logo {top: 38%;left: 47%;max-width: 40px !important;}
#p-261 .static-galery-logo {top: 38%;left: 43%;max-width: 40px !important;}
#p-302 .static-galery-logo {top: 46%; left: 46%;max-width: 40px !important;}
#p-202 .static-galery-logo {top: 40%;left: 51%;max-width: 40px !important;}
@media (max-width: 600px) {
.template-listing-container {float:left; margin-top:0px;}
.bg-gray-gallery {max-height:600px;}
.main-banner {min-height:400px;padding-left: 15px;
padding-right: 15px;}
.header-tshirt-mockup {
overflow-y: auto;
white-space: nowrap;
margin-bottom: 45px;
}
.template-listing-select-block {
margin-bottom: 15px;
}
.heading-line-style:after {
display: none;
}
.productTemplateList {
max-width: 250px;
margin: 0px auto 20px;
}
.detail-item {
margin-bottom: 30px;
}
}