@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap';
html,body{font-size: 16px;font-family: inter,sans-serif;line-height: 1.5;}
ul{list-style:none;margin:0;padding:0;}
*{box-sizing: border-box;}
.hide {display: none !important;}
/*loader css overlay*/
.loaded .page-loadoverlay{transform: translateY(-100%);}
body:not(.loaded) .find-lction {display: none;}
.page-loadoverlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #870087ba;z-index: 99999;backdrop-filter: blur(5px);display: flex;align-items: center;
  justify-content: center;transition: all 0.5s ease;transform: translateY(-100%);display: none;}
.page-loadoverlay span {width: 250px;height: 250px;position: relative;display: flex;align-items: center;justify-content: center;}
.page-loadoverlay span img{width: 140px;animation: scaleIn 1.5s linear infinite;}
.page-loadoverlay span:before {content: "";width: 100%;height: 100%;border-top: 4px solid #69bc28;border-radius: 50%;animation: spin 1.2s linear infinite;position: absolute;left: 0;top: 0;}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes scaleIn {0% {transform: scale(0.99);}50% {transform: scale(1.07);}100% {transform: scale(0.99);}}
header.header {font-size: 14px}
body:not(.loaded) .mob-menu, body:not(.loaded) .mob-sub-menu, body:not(.loaded) .header ul.mob-sub-menu {display: none;}
body:not(.loaded) .header-block .adslogo a.toplogo {width: 100%;}
body:not(.loaded) .header-block .adslogo a.toplogo img {max-width: 100%;}
.header-block {display: flex;flex-wrap: wrap;padding: 15px;background: #870087;color: #fff;align-items: center;justify-content: space-between;}
.header-block .feeship-head {background-color: #f7db07;color: #460046;display: flex;width: 182px;gap: 8px;border-radius: 3px;font-weight: 600;text-transform: uppercase;line-height: 1.2;padding: 6px 7px;align-items: center;}
.header-block .feeship-head span {display: block;font-size: 0.9em;}
.header-block .feeship-head img {max-height: 25px;}
.header-block .search-loaction-bar {display: flex;flex-wrap: wrap;align-items: center;width: 520px;}
.header-block .search-loaction {width: calc(100% - 182px);display: flex;gap: 6px;line-height: 1.2;}
.header-block .search-loaction label.chooseaddress {margin: 0;display: inline-block;font-weight: 400;font-size: 14px;}
.header-block .search-loaction .chooseaddress label, .header-block .search-loaction .chooseaddress .address-label {font-size: 15px;font-weight: 500;margin: 5px 0px 0px;display: block;}
main.wrapper-main {opacity: 0;min-height: 90vh}
body.loaded main.wrapper-main {opacity: 1;min-height: unset;}
.adslogo {width: 180px;}
.header-block .center-block {width: calc(100% - 520px);display: flex;align-items: center;gap: 20px;flex-wrap: wrap;padding: 0 20px;}
.header-block .right-header {width: 340px;}
.header-block .right-header ul {display: flex;justify-content: space-between;gap: 3px;}
.header-block .right-header ul li.mob-srcbar {display: none;}
.header-block .right-header ul a {display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 15px;gap: 3px;line-height: 1.3;position: relative;}
.header-block .right-header ul a sup {position: absolute;right: 9px;top: -7px;background: #ffffff;min-width: 15px;height: 15px;color: #870087;line-height: 1;border-radius: 6px;padding: 3px 2px;display: flex;align-items: center;justify-content: center;font-weight: 600;}
.header-block .right-header .cartname-menu ul {display: flex;flex-direction: column;gap: 0;}
.header-block .right-header .cartname-menu ul li {padding: 10px;}
.header-block a {color: inherit;}
.header-block a.toplogo {display: block;width: 100%;}
.header-block .searchBoxform {width: calc(100% - 540px);position: relative;}
.header-block .searchBoxform input {height: 45px;width: 100%;font-family: inherit;border-radius: 5px;border: none;box-shadow: none;padding: 5px 5px 5px 38px;line-height: 1;font-size: 16px;}
.header-block .searchBoxform input:active, .header-block .searchBoxform input:focus {font-size: 16px;}
.searchBoxform.hide-desktop {display: none;}
.mobicons{display: none; margin: 8px 0px;}
.yellow-banner {background: #ffdc2c;color: #000;padding: 8px 7px;text-align: center;font-weight: 500;font-size: 13px;line-height: 1.4;display: block;}
.yellow-banner a {color: inherit;font-weight: 500;}
.yellow-banner p {margin: 0;}
.yellow-banner img {max-height: 15px;}
.submenu-web {position: absolute;width: 239px;top: 100%;z-index: 100;background: #721672;transition: all 0.3s;overflow: auto;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;max-height: 0;opacity: 0;visibility: hidden;}
.has-sub-menu:hover .submenu-web {opacity: 1;visibility: visible;transition: all 0.1s;max-height: calc(100vh - 155px)}
.mob-sub-menu .has-sub-menu .submenu-web {display: block;color: #000;background: #fff;height: 100%;width: 360px;position: static;flex: 1;max-height: 100%;opacity: 1;visibility: visible;}
div#mob-menu>.mainmenuin>ul.mobmenu-ul>li>.submenu-web {display: none;}
.find-lction {display: none;}

.find-lction .srch-loaction .header-mobslider a {gap: 5px;justify-content: center;text-align: center;}
.header-bottom-block {background: #590059;color: #fff;}
.header-bottom-block a {color: inherit;}
.header-bottom-flex {display: flex;justify-content: space-between;}
.header-bottom-flex>ul>li {padding: 0 6px;flex-wrap: unset;}
.header-bottom-flex>ul>li i.dropdown-arrow {font-size: 1.2em;line-height: 1.3;}
.header-bottom-flex>ul>li.track-order {padding: 0}
.header-bottom-flex>ul>li.track-order a {padding: 0 5px}
.header-bottom-flex>ul>li.italy>a {display: flex;align-items: center;gap: 5px;}
.header-bottom-flex>ul>li.italy>a img {height: 25px;}
.header-bottom-flex>ul>li.italy span {max-width: 59px;display: inline-block;line-height: 1;    text-transform: uppercase;font-weight: 500;font-size: 0.95em;}
.header-bottom-flex>ul>li>a {margin-left: 3px}
.header-bottom-flex>ul>li>a:first-child {margin-left: 0}
.header-bottom-flex .submenu-web.brand-block-container ul li {width: 33.33%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.header-bottom-flex .submenu-web.brand-block-container ul li.full-brand-ui {width: 100%;}
.header-bottom-flex .submenu-web.brand-block-container ul li a {justify-content: center;}
.header-bottom-flex .submenu-web.brand-block-container ul li.full-brand-ui a {background: #590059;}
.header-bottom-flex .submenu-web.brand-block-container ul li.full-brand-ui a:hover {background: #870087}
.header-bottom-flex .submenu-web.brand-block-container ul li a:hover {background: transparent;}
.header-bottom-flex .submenu-web.brand-block-container ul li img {width: 100%;height: 48px;object-fit: contain;max-height: 100%;max-width: 90px;}
.header-bottom-flex .submenu-web ul {flex-wrap: wrap;}
.header-bottom-flex .submenu-web ul li {width: 100%}
.header-bottom-flex .submenu-web ul li a {width: 100%;min-height: unset;justify-content: flex-start;padding: 10px;transition: all 0.3s ease;font-size: 14px}
.header-bottom-flex .submenu-web ul li a:hover {background: #590059;}
.header-bottom-flex .submenu-web .submenu-web-innr ul li a {padding: 10px 5px;}
.header-bottom-flex.sport-bottom-flex {min-width: 100%;white-space: nowrap;gap: 20px;width: 100%;}
.header-bottom-flex.sport-bottom-flex .left-block-ul.left-nav {max-width: 100%;}
body.wholesale .header-bottom-flex>ul>li.tees, body.wholesale .header-bottom-flex>ul>li.sweatshirts {display: none;}
.header-bottom-flex ul li a.flex-direction-column {display: flex;flex-direction: column;line-height: 1.2;gap: 2px;padding-top: 3px;padding-bottom: 3px;}
.header-bottom-flex ul {display: flex;position: relative;}
.header-bottom-flex ul li a {height: 100%;display: flex;align-items: center;justify-content: center;min-height: 47px;gap: 4px;}
.header-bottom-flex ul li.holyday-gift a {color: #ffd000;font-weight: 500;line-height: 1}
.header-bottom-flex ul.left-nav>li.holyday-gift a:hover {border-color: #ffd000}
.header-bottom-flex ul li.track-order a {background: var(--clr-pri);color: #fff;font-weight: 600;}
.header-bottom-flex ul li a img {height: 17px}
.header-bottom-flex ul li.breast-cancer a img {height: auto;max-height: 24px;}
.header-bottom-flex ul li a.cyber-deal-bg {padding: 0 10px;}
.header-bottom-flex ul.left-block-ul.show-sport-page li {padding: 0 15px;}
.header ul li {position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.header ul li.adstransfer a {min-height: 56px;display: flex;align-items: center;position: relative;}
.header ul li.all-submenu a img {height: auto;max-height: 17px;max-width: 17px;}
.header ul li.has-sub-menu.tshirt-submenu {position: static;}
.header ul li.all-submenu.desktop-hide {display: none;}
/* Media query started */
@media screen and (max-width:1800px) {
  .header-bottom-flex ul li a {font-size: 14px;}
  .header-bottom-flex>ul>li {padding: 0 5px;}
}
@media screen and (max-width: 1700px) {
}
@media screen and (max-width: 1750px) {
  .header-bottom-block {overflow: hidden;overflow-x: auto;}
  .header-bottom-flex {min-width: 1760px;}
}
@media screen and (max-width: 1599px) {
  .header-block .center-block {width: calc(100% - 490px);}
  .header-block .feeship-head {width: 172px;padding: 6px 6px;}
  .header-block .search-loaction .chooseaddress label, .header-block .search-loaction .chooseaddress .address-label {font-size: 14px;margin: 3px 0px 0px}
  .header-block .search-loaction label.chooseaddress {font-size: 13px}
  .header-block .search-loaction-bar {width: 475px}
  .header-block .search-loaction {width: calc(100% - 175px);}
  .header-block .right-header ul a {font-size: 14px}
  .header-block .right-header {width: 310px;}
  .header-block .searchBoxform input {font-size: 14px;height: 42px;}
  .header-block .searchBoxform {width: calc(100% - 495px);}
}
@media screen and (max-width: 1400px) {
  .header-bottom-flex {min-width: 1675px;}
  .header-bottom-flex ul li a {font-size: 13px;min-height: 40px}
  .header-bottom-flex ul li a img {height: 16px;}
}
@media screen and (max-width: 1399px) {
    .header-block {padding: 10px 15px}
}
@media screen and (max-width: 1350px) {
  .adslogo {width: 150px;}
  .header-block .center-block {width: calc(100% - 460px);padding: 0 15px;}
}
@media screen and (max-width: 1200px) {
    .header-block .feeship-head img {max-height: 20px;}
    .header-block .feeship-head {width: 145px;font-size: 12px;padding: 5px;}
  .header-block .search-loaction {width: calc(100% - 145px);}
  .header-block .search-loaction-bar {width: 390px;}
  .header-block .searchBoxform {width: calc(100% - 410px);}
}
@media screen and (max-width: 1150px) {
  .header-block .search-loaction .chooseaddress label, .header-block .search-loaction .chooseaddress .address-label {font-size: 13px}
  .header-block .search-loaction-bar {width: 330px;}
  .header-block .right-header ul a {font-size: 12px;}
  .header-block .right-header {width: 245px;}
  .header-block .searchBoxform {width: calc(100% - 340px);}
  .header-block .searchBoxform input {font-size: 13px;height: 40px;}
  .header-block .center-block {width: calc(100% - 395px);padding: 0 10px;gap: 10px}
}
@media screen and (max-width: 1100px) {
    
  a.hamburger-icon {width: 40px;height: 40px;background: #fff;display: inline-block;border-radius: 100%;padding: 7px 9px;}
  .header-bottom-flex ul.left-block-ul.show-sport-page li {padding: 0 11px;}
}
@media screen and (max-width: 991px) {
  .header-block .right-header ul a span {display: none;}
  .header-block .right-header {width: 150px;}
  .header-block .right-header ul a sup {left: auto;right: -7px;font-size: 11px;}
  .header-bottom-flex>ul>li.italy>a img {height: 21px;}
  .header-block .center-block {width: calc(100% - 300px);}
}
@media screen and (max-width: 950px) {
  .header-block .search-loaction-bar {display: none;}
  .adslogo {display: flex;align-items: center;gap: 10px;}
  .header-block .searchBoxform {width: 100%}
  .adslogo .mobicons {display: inline-flex;margin: 0;}
  .adslogo .mobicons .menubtnclick {background: #a33ba3;width: 33px;padding: 3px;height: 33px;display: inline-flex;align-items: center;justify-content: center;}
  .adslogo .mobicons .menubtnclick img {max-width: 19px;}
  .header-block a.toplogo {width: calc(100% - 43px);}
  .header-block a.toplogo img {max-width: 100%;}
  .find-lction {display: block;}
  .header-bottom-block {background: #870087}
  .header-bottom-flex {min-width: 100%;padding: 0 0 7px}
  .header-bottom-flex ul li a {min-height: unset;}
  .header-bottom-flex ul.right-block-ul {display: none;}
  .header-bottom-flex ul {justify-content: space-around;width: 100%;max-width: 540px;margin: auto;}
  .header ul li.all-submenu.desktop-hide {display: flex;}
  .header-bottom-block .header-bottom-flex .left-nav li {display: none;}
    .header-bottom-block .header-bottom-flex .left-nav li.show-mob, .header-bottom-block .header-bottom-flex .left-nav li.hideon-dktop {display: flex}
}
@media screen and (max-width: 767px) {
    .header ul li.has-sub-menu.active>a {width: 100%;font-size: 13px}
  .header-main .mobicons{margin: 0px}
}
@media screen and (max-width: 766px) {
  .header-block .searchBoxform {display: none;}
  .header-block .searchBoxform.hide-desktop {display: block;margin: 10px 0 0;}
  .header-block .searchBoxform.hide-desktop button.search-icon {position: absolute;right: 0px;top: 0px;height: 40px;border: 0px;background: var(--clr-pri);color: #fff;padding: 0px 10px;font-size: 15px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
    
  .yellow-banner {padding: 10px;font-size: 13px}
}
@media screen and (max-width: 550px) {
  .header-bottom-flex>ul>li {padding: 0 6px}
  .header-bottom-flex ul li a {white-space: nowrap;}
  .header-bottom-flex ul {min-width: 550px;justify-content: flex-start;padding: 0 10px;}
}
@media screen and (max-width: 480px) {
    
  .header-bottom-flex>ul>li.italy span {white-space: break-spaces;}
}
@media screen and (max-width: 450px) {
  .adslogo {width: 145px;}
  .header-block .right-header {width: 120px;}
  .adslogo .mobicons .menubtnclick {background: #a33ba3;width: 28px;height: 28px;}
  .header-block a.toplogo {width: calc(100% - 38px);}
  .adslogo .mobicons .menubtnclick img {max-width: 17px;}
  .header-bottom-flex>ul>li {padding: 0 5px;}
  .header-bottom-flex ul li a {font-size: 12px;}
  .header-bottom-flex ul {min-width: 500px;}
  .header-bottom-flex ul li a img {height: 14px;}
}
@media screen and (max-width: 405px) {
    
  .yellow-banner {font-size: 12px}  
}
@media screen and (max-width: 360px) {
    .header-block {padding: 10px 10px;}
}