@font-face {
    font-family: 'TambaSansDemo-Bold';
    src:url('../../../../../fonts/tambasans/TambaSansDemo-Bold.ttf.woff') format('woff'),
        url('../../../../../fonts/tambasans/TambaSansDemo-Bold.ttf.svg#TambaSansDemo-Bold') format('svg'),
        url('../../../../../fonts/tambasans/TambaSansDemo-Bold.ttf.eot'),
        url('../../../../../fonts/tambasans/TambaSansDemo-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {font-family: 'Barlow-Regular';     src:url('../../../../../fonts/barlow/Barlow-Regular.woff2') format('woff2');}
@font-face {font-family: 'Barlow-Bold';        src:url('../../../../../fonts/barlow/Barlow-Bold.woff2') format('woff2');}
@font-face {font-family: 'Montserrat-Regular'; src:url('../../../../../fonts/montserrat/Montserrat-Regular.woff') format('woff');}
@font-face {font-family: 'Montserrat-Bold';    src:url('../../../../../fonts/montserrat/Montserrat-Bold.woff') format('woff');}
@font-face {font-family: 'Roboto-Light';       src:url('../../../../../fonts/roboto/Roboto-Light.woff') format('woff');}
@font-face {font-family: 'Crayon';             src:url('../../../../../fonts/crayon/Crayon-Crumble.woff2') format('woff2');}
@font-face {font-family: 'OpenSans-Regular';   src:url('../../../../../fonts/opensans/OpenSans-Regular.woff2') format('woff2');}

html {
    line-height: 1.15;
    touch-action: manipulation; /* no doubletouch zoom */
    overscroll-behavior-y: contain; /* disable pull to refresh */
}

/* scrollbar */
@media screen and (min-width: 768px) {
    ::-webkit-scrollbar             {width: 12px !important;}
    ::-webkit-scrollbar-thumb       {background-color: #062D40 !important;}
    ::-webkit-scrollbar-track-piece {background-color: #021924 !important;}
}

/* brand2wear logo */
@media screen and (min-width: 768px) {
  brand {font-family:"Montserrat-Bold" !important; color: #ffffff !important;}
  two   {font-family:"Montserrat-Bold" !important; color: #ffffff !important; padding-left: 1px; padding-right: 1px;}
  wear  {font-family:"Montserrat-Bold" !important; color: #ffffff !important;}
}

@media screen and (max-width: 768px) {
  brand {font-family:"Montserrat-Bold" !important; color: #1d273a !important;}
  two   {font-family:"Montserrat-Bold" !important; color: #1d273a !important; padding-left: 0.5px; padding-right: 0.5px;}
  wear  {font-family:"Montserrat-Bold" !important; color: #1d273a !important;}
}

/* top wrap */
.top-wrap                    {background: #161c29 !important; color: #FFFFFF !important; border-bottom: 1px solid #000000 !important;}
.top-wrap .dropdown-toggle   {background: #081325 !important; color: #FFFFFF !important; border-radius: 0 !important;}
.top-wrap a                  {color:#FFFFFF !important; text-decoration: none !important;}
.top-wrap .dropdown:hover .dropdown-menu {background: #1d273a !important;}
.top-wrap .dropdown-item:focus, .dropdown-item:hover {background-color: #0b51d1;}

/* search */
#offcanvas-search-top                {background: #161C29 !important;}
.offcanvas-header .form-control      {background: #010b21 !important; color: #FFFFFF !important; border: 1px solid #004597 !important; border-radius: 6px !important;}
.offcanvas-header input::placeholder {color: #FFFFFF !important; opacity: 0.6 !important;}

/* sidebar */
#offcanvas-mobile-menu {background-color: #1d273a !important;  margin-top: 51px !important; background: url('../../../../../image/sidebar-background.webp') no-repeat;;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .nav-item-text>a {background: rgba(255, 255, 255, 0.05) !important; color: #FFFFFF !important; 
                                                                                           font-family: "Roboto-Light" !important; font-size: 16px !important;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item {border-bottom: 1px solid #080808 !important;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion {border-top: 1px solid #080808 !important}
header .offcanvas-title             {font-family: "Montserrat-Bold"; font-size: 23px !important; text-transform: uppercase; color: #FFFFFF !important}
header .offcanvas-header .btn-close {filter: invert(1) !important;}

/* header */
header .header-content                         {background-color: #081325 !important; border-bottom: 1px solid #081325 !important;}
header .accordion-item                         {background: transparent !important;}
header .header-content .navbar-nav .nav-link   {font-weight: 300 !important; color: #FFFFFF;}
header .header-content .logo img               {max-height: 62px !important;}
header .header-content .menu-wrap>.navbar-nav>.nav-item>.nav-link {font-family: "Barlow-Regular" !important; font-size: 18px !important; text-transform: uppercase; transition: all .2s ease-in-out; }
header .header-content .menu-wrap>.navbar-nav>.nav-item>.nav-link:hover {transform: scale(1.1); color:#FFFFFF !important;}
header .header-content .right-btn .nav-link img {filter: invert(1) !important;}
header .header-content .dropdown .dropdown-menu .nav-link {color: #000000 !important;}
header .header-mobile.fixed {background: #000000 !important;}

header .header-content {
    background-image: linear-gradient(317deg, transparent 0%, transparent 1%, rgb(0 0 0 / 50%) 1%, rgb(0 61 169 / 50%) 34%, transparent 34%, transparent 73%, rgb(0 12 32 / 50%) 73%, rgb(0 0 0 / 50%) 100%), 
    linear-gradient(178deg, transparent 0%, transparent 11%, rgb(25 43 76) 11%, rgb(8 19 37) 62%, rgb(0 0 0) 62%, rgb(0 0 0) 93%, transparent 93%, transparent 100%), 
    linear-gradient(90deg, rgb(0 0 0), rgb(0 0 0));
}

.module-swiper-img-scroll-text {background-color: #253044 !important; color: #edeaea !important;}

/* footer */
footer .footer-content .logo {margin-top:-10px; margin-bottom: -10px !important;}

@media (min-width: 768px) {
    footer {
    background-image: linear-gradient(317deg, transparent 0%, transparent 1%, rgb(0 0 0 / 50%) 1%, rgb(0 0 0 / 50%) 34%, transparent 34%, transparent 73%, rgb(0 12 32 / 50%) 73%, rgb(0 0 0 / 50%) 100%), 
    linear-gradient(178deg, transparent 0%, transparent 11%, rgb(25 43 76) 11%, rgb(8 19 37) 62%, rgb(11 23 43) 62%, rgb(0 0 0) 93%, transparent 93%, transparent 100%), 
    linear-gradient(90deg, rgb(16 39 80), rgb(0 0 0));}
    footer .footer-content .text-dark  {color: rgb(116 162 255) !important;}
}

@media (max-width: 768px) {
    footer .footer-content .footer-link-wrap {border-bottom: 1px solid #152849 !important;}
    footer .footer-content .text-dark {color: rgb(116 162 255) !important;}
}

footer .list-unstyled li {color: #FFFFFF !important;}
.bi-envelope-fill  {color: #FFFFFF !important;}
.bi-telephone-fill {color: #FFFFFF !important;}
.bi-geo-alt-fill   {color: #FFFFFF !important;}

@media (max-width: 768px) {
    footer {background: #283347 !important;}
    footer .services-wrap .service-item .sub-title {color: #b6bcc5 !important; font-size: .8rem !important;}
}

/* card */
.module-brand .brand-item {box-shadow: none !important;}

.add-cart {background-color: #e96b3b !important; color: #FFFFFF !important; border: 1px solid #e96b3b !important; font-weight: 300 !important;}
@media (min-width: 768px) {.add-cart {font-size: 16px !important;}}
@media (max-width: 768px) {.add-cart {font-size: 12px !important;}}

.module-title {font-family:"Montserrat-Bold"; font-size: 40px; font-weight: 500 !important;}
.module-title .wave-line {height: 0px !important;}

.modules-box .module-item:nth-child(2) .module-title {
    height: 150px;
    background: url('../../../../../image/brand2wear-logo-large.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 30px !important;
}

.modules-box .module-item:nth-child(3) .module-title {
    height: 150px;
    background: url('../../../../../image/companywear.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 30px !important;
}

.modules-box .module-item:nth-child(5) .module-title {
    height: 130px;
    background: url('../../../../../image/our-brands.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 50px !important;
}

.modules-box .module-item:nth-child(6) .module-title {
    height: 140px;
    background: url('../../../../../image/services.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 50px !important;
}

@media (max-width: 768px) {
    .modules-box .module-item:nth-child(2) .module-title {height: 70px !important; margin-top: 37px; }
    .modules-box .module-item:nth-child(3) .module-title {height: 60px !important;}
    .modules-box .module-item:nth-child(5) .module-title {height: 70px !important; margin-top: 37px; margin-bottom: 0px !important;}
    .modules-box .module-item:nth-child(6) .module-title {height: 60px !important; margin-top: 37px; margin-bottom: 20px !important;}
    .module-sub-title {font-size:15px !important;}
    .img-text-banner-wrap .text-wrap .description {font-size: 15px !important;}
    .img-text-banner-wrap .text-wrap .title {line-height: 1.2 !important;}
}


/* Text Gradient CSS */
.module-sub-title {
    color: #253044;
    background-image: linear-gradient(174deg, #0D0F29, #242852 25%, #3A406B 50%, #0a1221 75%, #B0B3D9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-bottom a {color: rgb(222 174 5) !important;}
.text-secondary {padding-left: 5px !important;}

header .header-mobile .mobile-content {background-color: #1d273a !important;}
header .header-mobile                 {border-bottom: 1px solid #000000;}
header .header-mobile .img-fluid      {filter: invert(1) !important;}
header .header-mobile .center         {filter: invert(1) !important; transform: scale(1.8);}

body.page-product .variables-wrap .variable-info>div.selected, body.page-product .variables-wrap .variable-info>div:hover {border-color: #E96B3B !important;}
body.page-product .variables-wrap .variable-group:nth-child(3) .image {width: 86px !important; height: 86px !important;}

@media (min-width: 768px) {
    body.page-product .peoduct-info .product-name  {font-family: "TambaSansDemo-Bold"; font-size: 2.5rem !important; color: #f7a200 !important;}
}

@media (max-width: 768px) {
    body.page-product .peoduct-info .product-name  {font-family: "TambaSansDemo-Bold"; font-size: 1.7rem !important; color: #f7a200 !important;}
}

body.page-product .price-wrap .new-price {font-family: "TambaSansDemo-Bold" !important; }

.menu-wrap {width: fit-content; user-select: none; margin: 0; background: hsl(0 0% 0% / 0.2); border-radius: 8px; isolation: isolate;}

@media (min-width: 992px) {
    .module-sub-title {font-family: "Barlow-Regular" !important; font-size: 1.3rem !important;}
    .img-text-banner-wrap .text-wrap .description {font-family: "Barlow-Regular"; font-size: 20px !important;}
}

@media (max-width: 768px) {
   .services-wrap .col-6 {margin-top: 20px !important; margin-bottom: 20px !important;}
}

.module-img-text-slideshow .text-wrap .title       {filter: drop-shadow(5px 5px 10px #000000);}
.module-img-text-slideshow .text-wrap .sub-title   {filter: drop-shadow(5px 5px 10px #000000);}
.module-img-text-slideshow .text-wrap .description {filter: drop-shadow(5px 5px 10px #000000);}
.module-img-text-slideshow .text-wrap .description {background-color: #FF0000; padding-top:8px; padding-bottom:8px; padding-left:10px; border-radius:6px}

@media (max-width: 768px) {
   .module-img-text-slideshow .text-wrap .title       {filter: drop-shadow(5px 5px 10px #000000); font-size:2.0rem !important; background-color: rgba(22,28,41,0.3) !important;
                                                       padding-top: 8px !important; padding-bottom: 10px !important;}
   .module-img-text-slideshow .text-wrap .sub-title   {filter: drop-shadow(5px 5px 10px #000000); font-size:1.0rem !important; background-color: rgba(22,28,41,0.1) !important;
                                                       padding-top: 5px !important; padding-bottom: 5px !important;}
   .module-img-text-slideshow .text-wrap .description {filter: drop-shadow(5px 5px 10px #000000); font-size:1.0rem !important;
                                                       padding-top: 5px !important; padding-bottom: 5px !important; margin-top:-20px !important;}
}

.page-categories-home, .page-pages    {background-color: #FFFFFF;}
.page-pages                           {background-color: #FFFFFF !important;}
.page-pages .card                     {background-color: #FFFFFF !important;}
.page-categories-home .text-secondary {display: none !important;}

.page-categories-home .breadcrumb-wrap {background-color: #1d273a !important; color: #FFFFFF !important;}
.page-categories-home .breadcrumb      {color: #ffffff !important;}
.page-categories-home .breadcrumb a    {color: #ffffff !important;}

.page-pages .breadcrumb-wrap {background-color: #1d273a !important;; color: #FFFFFF !important;}
.page-pages .breadcrumb      {color: #ffffff !important;}
.page-pages .breadcrumb a    {color: #ffffff !important;}

.page_categories-1 .card-body h3 {
    height: 100px;
    background: url('../../../../../image/services.webp') no-repeat;
    background-size: contain;
    background-position: 0%;
    font-size: 0 !important;
    margin-bottom: 50px !important;
    margin-left: -22px;
}

.page_categories-1 .card-body .mb-4 h3 + div {margin-top: -72px; opacity: 0; pointer-events: none;}

@media (max-width: 768px) {
.page_categories-1 .card-body h3 {height: 80px !important;}
}

@media (max-width: 768px) {
    .page-categories-home .post-item .text-summary, .page-pages .post-item .text-summary {
        display: flex !important; font-size: 16px; line-height: 23px;}
}


.page_categories-2 .card-body h3 {
    height: 100px;
    background: url('../../../../../image/general-terms.webp') no-repeat;
    background-size: contain;
    background-position: 0%;
    font-size: 0 !important;
    margin-bottom: 50px !important;
}

.page_categories-3 .card-body h3 {
    height: 100px;
    background: url('../../../../../image/privacy-policy.webp') no-repeat;
    background-size: contain;
    background-position: 0%;
    font-size: 0 !important;
    margin-bottom: 50px !important;
}


@media (min-width: 768px) {
  #module-xaUi1BwJXGJBMd1M .module-info .text-wrap {background-color: #0a172f !important; color: #ffffff !important; border-radius: 10px 0px 0px 10px;}
  #module-xaUi1BwJXGJBMd1M .module-info .img-fluid, .img-thumbnail {border-radius: 0px 10px 10px 0px !important;}
  #module-xaUi1BwJXGJBMd1M .module-info .text-wrap {
  background-image: linear-gradient(317deg, transparent 0%, transparent 1%, rgb(0 0 0 / 50%) 1%, rgb(0 10 28 / 50%) 34%, transparent 34%, transparent 73%, rgb(0 12 32 / 50%) 73%, rgb(0 0 0 / 50%) 100%), 
  linear-gradient(178deg, transparent 0%, transparent 11%, rgb(25 43 76) 11%, rgb(7 19 38) 62%, rgb(10 23 45) 62%, rgb(11 24 48) 93%, transparent 93%, transparent 100%), 
  linear-gradient(90deg, rgb(8 21 42), rgb(10 23 45));
 }
}

@media (max-width: 768px) {
 .page-categories-home header .header-mobile       {border-bottom: 1px solid #1d273a !important;}
 .page-pages header .header-mobile                 {border-bottom: 1px solid #1d273a !important;}
  #module-xaUi1BwJXGJBMd1M .module-info .text-wrap {background-color: #f1f2f7 !important;}
}

.breadcrumb-item+.breadcrumb-item:before {color: #6181bd !important;}

.social-network {filter: brightness(160%) sepia(100) saturate(40) hue-rotate(193deg);}

/* footer */
footer                                         {background: #0a162b;}
footer .services-wrap .service-item .title     {color: #ffffff;}
footer .services-wrap .service-item .icon      {filter: invert(1) !important;}
footer .footer-content .text                   {color: #cad1d9 !important;}
footer .footer-content a                       {color: #eefffc !important;}
footer .footer-bottom                          {background: #1d273a !important; color: #d2dfed !important; padding-bottom: 10px;}
footer .services-wrap .service-item .sub-title {font-size: .9rem !important; color: #b7becb !important;}
footer .services-wrap                          {border-bottom: 1px solid #1b2435 !important;}

.footer-bottom .text-center {width: 100% !important;}
.lightbulblogo  {margin-top: 10px; width: 70px; height: auto !important;}
.footerflexbig  {font-size: 24px !important;}
.footerinnovate {display: block; margin-top: -10px; font-family: "crayon" !important; font-size: 26px !important; color: #FFFFFF !important; padding-bottom:10px;}

@media (min-width: 768px) {
   .page-categories .home .col-lg-3 .card-body         {background-color: #1d273a !important;}
   .page-categories .home .col-lg-3 .list-group-item   {background-color: #1d273a !important; border-bottom: 1px solid #293857 !important;}
   .page-categories .home .col-lg-3 .list-group-item a {color: #FFFFFF !important;}
   .page-categories .home .col-lg-3 .card-header       {background-color: #1d273a !important; border-bottom: 0 solid rgba(0, 0, 0, .125); color: #FFFFFF !important;}
}


@media (max-width: 768px) {
    body.page-product .product-btns .add-cart-btns>.btn {width: initial !important; margin-bottom: 0px !important;}
    body.page-product .product-btns .add-cart-btns>.btn:last-child {margin-bottom: 0px !important;}
    body.page-product .product-btns .add-cart-btns>.btn {margin-bottom: 0px !important;}
}

/* brands */
 .page-brands .justify-content-center:first-child {
    height: 80px;
    background: url('../../../../../image/our-brands.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 30px !important;
}

@media (max-width: 768px) {
    body.page-brands .curser-list {display: flex !important;}
    body.page-brands .curser-list {margin-bottom: 20px !important;}
    body.page-brands .col-6 {width: 100% !important;}
    body.page-brands .brand-item {box-shadow: none !important;}
    body.page-brands .list-group {display: none !important;}
    body.page-brands .fs-5 {display: none !important;}
}

/* login */
@media (max-width: 768px) {
   .page-login                  {}
   .page-login .breadcrumb-wrap {}
   .page-login .breadcrumb a    {}
   .page-login.breadcrumb .breadcrumb-item:last-of-type a {}
   .page-login .breadcrumb-item+.breadcrumb-item:before   {}
   .page-login h1  {}
}

/* blog content */
.page-categories-home .card-body   {background-color: #FFFFFF !important;}
.page-categories-home .card-body p {font-size: 19px; line-height: 1.6;}

.text-black {
    font-family: "OpenSans-Regular";
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .text-black {font-size: 22px !important; font-weight: 300 !important; color: rgb(0 73 191) !important;}
    .page-categories-home .post-item .text-danger a {font-size: 17px;}
}

@media (max-width: 768px) {
    .text-black {color: rgb(0 73 191) !important;}
}

.rich-text-editor-content {
   font-family: "OpenSans-Regular" !important;
   font-weight: 300 !important;
   font-size: 20px !important;
   line-height: 1.6 !important;
   color: #000000 !important;
   margin: 0px !important;
   padding-right: 10px !important;
}

.rich-text-editor-content table td, .rich-text-editor-content table th {padding: 15px !important;}

@media (min-width: 768px) {
.page-pages .card .rich-text-editor-content span {
   font-family: "OpenSans-Regular" !important;
   font-weight: 300 !important;
   font-size: 20px !important;
   line-height: 1.6 !important;
   color: #000000 !important;
}
}

@media (max-width: 768px) {
.page-pages .card .rich-text-editor-content span {
    font-family: "OpenSans-Regular" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 0.1 !important;
    color: #000000 !important;
}
}

.page-pages .card .mb-3 {display: none;}
.page-pages .card .text-secondary {display: none;}

/* geen rightside */
@media (min-width: 992px) {
    .col-lg-9             {width: 100%; max-width:1024px; margin-left: auto; margin-right: auto;}
    .page-pages .col-lg-3 {display: none;}
}

    
@media (min-width: 768px) {
    .pages-2  {background: url(../../../../../image/football.webp) no-repeat; background-position: 0px 150px; background-size: contain;}
    .pages-2 .col-lg-9 {padding-top:1000px;}
    .page-pages .card {padding: 20px; border-radius: 16px;}
}


@media (max-width: 768px) {
    .pages-2  {background: url(../../../../../image/football.webp) no-repeat; background-position: 0px 118px; background-size: contain;}
    .pages-2 .col-12 {padding-top:250px;}
}