Carhartt ReworkedCarhartt for Business

THE HARDEST-WORKING GIFT GUIDE IS HERE > SHOP NOW

 
 
0
 
 
* { margin: 0; } h1, h2, h3, h4, h5 { margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; } p { display: block; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; } .nsp_12 { margin-bottom: -12px; } .xsmbr { margin-bottom: 1.302vw !important; } .smbr { margin-bottom: 2.6vw !important; } .br { margin-bottom: 3.9vw !important; } .mt20 { margin-top: 2.6vw !important; } .mt30 { margin-top: 3.906vw !important; } .mt40 { margin-top: 5.208vw !important; } .mt50 { margin-top: 6.510vw !important; } .mt60 { margin-top: 7.813vw !important; } .mt70 { margin-top: 9.115vw !important; } .mt80 { margin-top: 10.417vw !important; } .mt90 { margin-top: 11.7vw !important; } .mb10 { margin-bottom: 10px !important; } .mb24_20 { margin-bottom: 20px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .mb80 { margin-bottom: 80px !important; } .mb125 { margin-bottom: 125px !important; } .mb80_60_40 { margin-bottom: 40px !important; } .mb50_40 { margin-bottom: 40px !important; } .mb50_20 { margin-bottom: 20px !important; } .mb50_10 { margin-bottom: 10px !important; } .mb40_20 { margin-bottom: 20px !important; } .mb40_0 { margin-bottom: 40px !important; } .mb30_20 { margin-bottom: 20px !important; } .mbr { margin-bottom: 5.2vw !important; } .xmbr { margin-bottom: 6.5vw !important; } .lgbr { margin-bottom: 7.813vw !important; } .atbr { margin-bottom: 10.417vw !important; } .xlgbr { margin-bottom: 11.718vw !important; } .plus_circle { background-image: url("https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/SVG Folder/Icons-48px-Outline-Plus.svg"); width: 48px; min-width: 48px; height: 48px; background-repeat: no-repeat; background-size: contain; background-position: right; background-size: 48px; position: relative; z-index: 6; cursor: pointer; } .minus_circle { width: 48px; min-width: 48px; height: 48px; background-repeat: no-repeat; background-size: contain; background-position: right; background-size: 48px; background-image: url("https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/SVG Folder/Icons-48px-Outline-Minus.svg"); position: relative; z-index: 6; cursor: pointer; } .img_cnt { display: flex; position: relative; flex-wrap: wrap; width: 100vw; margin: auto; box-sizing: border-box; } .g3up { display: flex; flex-wrap: wrap; width: 100vw; margin: 40px auto 40px; box-sizing: border-box; } .gbimg_cnt { display: flex; flex-wrap: wrap; } .img_cnt_bder { display: block; flex-wrap: wrap; } .col_txt { padding: 0 25px 0 25px; } .col_tx { padding: 0 25px 0 25px; margin-bottom: 10.417vw; } .col_tx_80 { padding: 0 25px 0 25px; margin-bottom: 10.417vw; } .col_tx_60 { padding: 0 25px 0 25px; margin-bottom: 7.813vw; } .col_tx_40 { padding: 0 25px 0 25px; margin-bottom: 5.208vw; } .cmpt_cnt { display: block; position: relative; width: 800px; margin: auto; } .fb { display: block; } .dktp { display: none; } .mob { display: block; } .wht { color: #fff; } .fh_cmpt_blk, .cmpt_wht { width: calc(100% - 50px); margin: auto; background-color: #000; position: relative; z-index: 1; top: -60px; } .cmpt_wht { background-color: #fff; } .fh_cmpt_wht, .fh_cmpt_f3 { margin: 0px 25px 0px; width: calc(100% - 60px); height: 14vw; background-color: #fff; z-index: 1; position: absolute; left: 0; right: 0; bottom: 0px; } .fh_cmpt_f3 { width: calc(100% - 50px); margin: auto; background-color: #f3f3f3; position: relative; z-index: 1; } .fh_cmpt_blu { width: calc(100% - 50px); margin: auto; background-color: #f3f3f3; padding-bottom: 6.25vw; } .hp_cmpt_b { background-color: #000; } .hp_cmpt_w { background-color: #fff; } .fh_cmpt_f3 { background-color: #f3f3f3; } .promo_bx { background-color: #000; width: 100%; height: 250px; max-height: 250px; position: absolute; bottom: 0; right: 0px; } .v-ctr { display: flex; flex-flow: column nowrap; height: 100%; justify-content: flex-end; text-align: center; width: 80%; margin: auto; } .v_ctr_rgt_btm { display: flex; justify-content: flex-end; flex-direction: column; height: 460px; position: relative; } .v_ctr_lft_btm { display: flex; justify-content: flex-end; flex-direction: column; height: 460px; position: relative; } .vtc-ctr { display: flex; flex-flow: column nowrap; height: 100%; justify-content: center; text-align: center; width: 100%; margin: auto; } .v-btm { display: flex; flex-flow: column nowrap; height: 100%; justify-content: flex-end; width: 80%; margin: auto; } .v-btm_50 { display: flex; flex-flow: column nowrap; width: 100%; height: 50%; justify-content: flex-end; } button.Accordion-trigger { background-color: transparent; width: 100%; cursor: pointer; position: relative; display: flex; justify-content: left; align-items: center; padding: 1px 0px; } .bder_btm { border-bottom: thin solid #D1D1D1; height: 0px; } .h20_blk { display: block; color: #3a3a3a; font-size: 2vw; line-height: 90%; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; text-transform: uppercase; } .h50_blk, .ih50_blk, .h50_wht, .ih50_wht { color: #000; font-size: 7.8vw; letter-spacing: .15vw; line-height: 90%; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; text-transform: uppercase; } .h50_wht, .ih50_wht { color: #fff; } .h70_blk, .ih70_blk, .h70_wht, .ih70_wht { color: #000; font-size: 9.1vw; letter-spacing: .22vw; line-height: 90%; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; text-transform: uppercase; } .h70_wht, .ih70_wht { color: #fff; } .ih100_blk, .ih100_wht { margin: 0px; color: #000; font-size: 13vw; letter-spacing: .163vw; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; line-height: 90%; text-transform: uppercase; } .h100_blk, .h100_wht { margin: 0 auto 0; color: #000; font-size: 13vw; letter-spacing: .163vw; padding: 11.718vw 0 4.7vw 0; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; line-height: 90%; text-transform: uppercase; } .h100_wht, .ih100_wht { color: #fff; } .h100_b_c, .h100_blu_c { margin: 0 auto 0; color: #000; font-size: 13vw; letter-spacing: .163vw; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; line-height: 90%; text-transform: uppercase; text-align: center; } .h100_blu_c { color: #0B1A54; } .h70_b_c { margin: 0 auto 0; color: #000; font-size: 9.1vw; letter-spacing: .22vw; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; line-height: 90%; text-transform: uppercase; text-align: center; } .hp_cmpt_b, .hp_cmpt_w, .hp_cmpt_f3 { width: calc(100% - 50px); margin: auto; position: relative; z-index: 1; top: -60px; } .hp_cmpt_b { background-color: #000; } .hp_cmpt_w { background-color: #fff; } .hp_cmpt_f3 { background-color: #F3F3F3; } .h50_blk span, .h50_blk.lft span, .h50_blk.lft.br span, .h50_blk.ctr span, .h50_blk.rgt span, .h50_wht span, .h50_wht.lft span, .h50_wht.lft.br span, .h50_wht.ctr span, .h50_wht.rgt span, .h50_wht.rgt.br span, .h70_blk span, .h70_blk.lft span, .h70_blk.lft.br span, .h70_blk.ctr span, .h70_blk.rgt span, .h70_blk.rgt.br span, .ih70_wht span, .ih70_wht.lft span, .ih70_wht.lft.br span, .ih70_wht.ctr span, .ih70_wht.rgt span, .ih70_blk.rgt span, .ih70_blk.ctr span, .ih70_blk.lft span, .ih70_blk.lft.br span, .ih70_blk span, .h100_blk span, .h100_blk.lft span, .h100_blk.lft.br span, .h100_blk.ctr span, .h100_blk.rgt span, .h100_blk.lft.br span, .h100_wht span, .h100_wht.lft span, .h100_wht.lft.br span, .h100_wht.ctr span, .h100_wht.rgt span, .h100_wht.rgt.br span, .ih100_blk span, .ih100_blk.lft span, .ih100_blk.lft.br span, .ih100_blk.ctr span, .ih100_blk.rgt span, .ih100_blk.rgt.br span, .ih100_wht span, .ih100_wht.lft span, .ih100_wht.lft.br span, .ih100_wht.ctr span, .ih100_wht.rgt span, .ih100_wht.rgt.br span { display: block; } .sub_24_wht { color: #fff; font-size: 3.75vw; margin-bottom: 20px; letter-spacing: .08vw; line-height: 90%; font-family: TradeGothicNextLTPro-Rg, sans-serif; font-weight: 400; } .sub_30_wht { color: #fff; font-size: 4.688vw; margin-bottom: 20px; letter-spacing: .11vw; line-height: 90%; font-weight: 400; } .sub_00, .sub_01 { color: #fff; font-size: 16px; letter-spacing: .04px; line-height: 130%; font-family: TradeGothicNextLTPro-Rg, sans-serif; padding: 0 40px 9.375vw 40px; font-weight: 400; margin: 0 auto 0; } .sub_01 { padding: 0 40px 0vw 40px; } .sub_00_btn { color: #fff; text-align: center; font-size: 16px; letter-spacing: .04px; line-height: 130%; font-family: TradeGothicNextLTPro-Bd, sans-serif; padding: 0 40px 20px 40px; font-weight: 400; margin: 0 auto 0; } span.p30:focus { outline: -webkit-focus-ring-color auto 0px !important; } .p50_ah.left { color: #fff; text-align: center; line-height: 83%; font-size: 9vw; margin: 0 0 20px 0; letter-spacing: 1.25px; font-weight: 700; text-transform: uppercase; font-family: Tungsten, Oswald, sans-serif; } .p09 { font-size: 09px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; color: #6c6c6c; font-style: italic; } .p10 { font-size: 10px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; color: #6c6c6c; font-style: italic; } .p12 { font-size: 12px; text-transform: initial; font-weight: 600; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 100%; color: #6c6c6c; } .p09 span, .p10 span, .p12 span { display: block; } .p12 a { color: #6c6c6c; text-decoration: underline; font-weight: 700; } .f12 { font-size: 12px; letter-spacing: .04px; text-transform: initial; margin: 0px 0px 3px 0px; font-family: TradeGothicNextLTPro-Bd, sans-serif; line-height: 100%; color: #6c6c6c; } .f12.alt { display: inline-block; margin: 0px 0px 0px 35px; line-height: 14px; color: #3a3a3a; width: 75%; position: absolute; } .f14 { font-size: 14px; display: block; letter-spacing: .04px; text-transform: uppercase; font-family: TradeGothicNextLTPro-Bd, sans-serif; line-height: 14px; color: #3a3a3a; } .f20 { font-size: 20px; display: block; letter-spacing: .04px; text-transform: uppercase; margin: 0px 0px 10px 0px; font-family: TradeGothicNextLTPro-Bd, sans-serif; line-height: 100%; color: #3a3a3a; } .f20.bd { font-weight: 600; color: #000; } .f20.sbd { font-weight: 700; color: #000; } .f20.xbd { font-weight: 800; color: #000; } .dtm24_b_l { font-size: 24px; text-align: left; font-weight: 600; text-transform: uppercase; font-family: Tungsten, Oswald, sans-serif; line-height: 24px; letter-spacing: 1.25px; color: #000; } .d20_m20_lft { font-size: 20px; text-align: left; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d13_m13_lft { font-size: 13px; text-align: left; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 22px; color: #3a3a3a; } .d13_m13_lft a { font-weight: 700; text-decoration: underline; color: #3a3a3a; } .d13_m13_ctr { font-size: 13px; text-align: center; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 22px; color: #3a3a3a; } .d13_m13_ctr a { font-weight: 700; text-decoration: underline; color: #3a3a3a; } .d14_m14_lft { font-size: 14px; text-align: left; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 22px; color: #3a3a3a; } .d14_m14_lft a { font-weight: 700; text-decoration: underline; color: #3a3a3a; } .d14_m14_ctr { font-size: 14px; text-align: center; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 22px; color: #3a3a3a; } .d14_m14_ctr a { font-weight: 700; font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: underline; color: #3a3a3a; } .d14_m12_lft { font-size: 12px; text-align: left; letter-spacing: .01px; font-weight: 400; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 20px; color: #3a3a3a; } .d14_m12_lft a { font-weight: 700; text-decoration: underline; color: #3a3a3a; } .d14_m12_ctr { font-size: 12px; text-align: center; letter-spacing: .01px; font-weight: 400; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 20px; color: #3a3a3a; } .d14lft_m12ctr { font-size: 12px; letter-spacing: .01px; font-weight: 400; text-align: center; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 20px; color: #3a3a3a; } .d16_t14_m12_lft { font-size: 12px; text-align: left; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d16_m14_lft { font-size: 14px; text-align: left; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d16_m14_lft a { font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: underline; color: #3a3a3a; } .d16_m14_ctr { font-size: 14px; text-align: center; letter-spacing: .01px; font-weight: 400; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d16_m14_ctr a { font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: underline; color: #3a3a3a; } .d16lft_m14ctr { font-size: 14px; letter-spacing: .03px; font-weight: 400; text-align: center; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d16lft_m14ctr a { font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: underline; color: #3a3a3a; } .add-to-cart-container .add-to-cart-button { border-bottom: 2px solid #fff; } /* TO BE REMOVED */ .d16_m14_lft_wht { font-size: 14px; text-align: left; letter-spacing: .03px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #fff; } .d16_m16_lft { font-size: 16px; text-align: left; letter-spacing: .04px; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_m14_lft { font-size: 14px; letter-spacing: .03px; font-weight: 400; text-transform: initial; text-align: left; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_m12_lft { font-size: 12px; letter-spacing: 0px; font-weight: 400; text-transform: initial; text-align: left; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 20px; color: #3a3a3a; } .d20_m14_lft a { font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: underline; color: #3a3a3a; } .d20_m12_lft a { font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: underline; color: #3a3a3a; } .d20_m14_ctr { font-size: 14px; letter-spacing: .03px; font-weight: 400; text-align: center; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_m14_ctr a { font-family: TradeGothicNextLTPro-Bd, sans-serif; color: #3a3a3a; } .d20_m16_lft { font-size: 16px; letter-spacing: .04px; font-weight: 400; text-align: left; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_t16_m14_lft { font-size: 14px; letter-spacing: .04px; font-weight: 400; text-align: left; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_t16_m14_lft a { font-family: TradeGothicNextLTPro-Bd, sans-serif; color: #3a3a3a; } .d20_m16_lft a { font-family: TradeGothicNextLTPro-Bd, sans-serif; color: #3a3a3a; } .d20_m16_ctr { font-size: 16px; letter-spacing: .04px; font-weight: 400; text-align: center; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_m16_ctr a { font-family: TradeGothicNextLTPro-Bd, sans-serif; color: #3a3a3a; } .d20lft_m16ctr { font-size: 16px; letter-spacing: .04px; font-weight: 400; text-align: center; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20lft_m16ctr a { font-family: TradeGothicNextLTPro-Bd, sans-serif; color: #3a3a3a; } .d20lft_m14ctr { font-size: 14px; letter-spacing: .04px; font-weight: 400; text-align: center; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20lft_m14ctr a { font-family: TradeGothicNextLTPro-Bd, sans-serif; color: #3a3a3a; } .p12 { font-size: 12px; letter-spacing: .03px; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 12px; color: #3a3a3a; } .p14 { font-size: 14px; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 14px; color: #3a3a3a; } .p16 { font-size: 16px; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 16px; color: #3a3a3a; } .p18 { font-size: 18px; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .p24 { font-size: 24px; font-family: TradeGothicNextLTPro-Bd, sans-serif; line-height: 24px; color: #000; } .p28 { font-size: 28px; font-family: TradeGothicNextLTPro-Bd, sans-serif; line-height: 24px; color: #000; } .p36 { font-size: 36px; letter-spacing: .06px; text-transform: uppercase; font-family: TradeGothicNextLTPro-Bd, sans-serif; line-height: 24px; color: #000; } .h50_m36_lft { font-size: 36px; letter-spacing: .06px; font-weight: 700; text-transform: uppercase; font-family: Tungsten, Oswald, sans-serif; line-height: 24px; color: #000; } .p12 a { color: #000; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .p14 a { color: #000; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .p16 a { color: #000; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .p18 a { color: #000; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .p24 a { color: #000; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .p18 span { display: inline-block; } .p20 { font-size: 20px; letter-spacing: .06px; margin: 0px 0px 0px 0px; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .p20 a { color: #000; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .p20 span { display: block; } .xbd { font-family: TradeGothicNextLTPro-Bd, sans-serif; font-weight: 800; } .gImg_00 { background-size: cover; background-repeat: no-repeat; background-position: center top; display: flex; width: 50%; max-width: 100vw; height: 240px; max-height: 100vw; position: relative; margin-bottom: 0; } .gImg_01 { background-size: cover; background-repeat: no-repeat; background-position: center top; display: flex; width: 50%; max-width: 100vw; height: 240px; max-height: 100vw; position: relative; margin-bottom: 0; } .gImg_02 { background-size: cover; background-repeat: no-repeat; background-position: center top; display: flex; width: 100%; max-width: 100vw; height: 240px; max-height: 100vw; position: relative; margin-bottom: 0; } .btns, .lftcer_btns, .rgtcer_btns { text-align: center !important; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .l_btns { text-align: left !important; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .r_btns { text-align: right !important; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .wdth150 { width: 150px; } .wdth200 { width: 200px; } .wdth250 { width: 250px; } .btn_rnd, .btn_rnd_blk, .btn_rnd_wht { background-color: #fdb913; border: 3px solid #fdb913; border-radius: 25px 25px 0 25px; box-sizing: border-box; color: #000 !important; padding: 14px 58px; font-size: 14px; font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: none; text-align: center; text-transform: uppercase; position: relative; letter-spacing: .03px; display: inline-table; } .btn_rnd_blk { background-color: #000; border: 0px solid #000; color: #fff !important; } .btn_rnd_wht { background-color: #fff; border: 0px solid #fff; color: #000 !important; } .btn_rnd_blk:hover, .btn_rnd_blk:focus { background-color: #fff; color: #000 !important; text-decoration: none; } .btn_rnd_wht:hover, .btn_rnd_wht:focus { background-color: #000; color: #fff !important; text-decoration: none; } .btn_rnd:hover, .btn_rnd:focus { background-color: #3a3a3a; color: #fff !important; text-decoration: none; } .wbtn_p14, .wbtn_p14_left, .bbtn_p14_left, .rbtn_p14_left, .wbtn_p14_right { font-size: 14px; letter-spacing: .03px; padding: 16px 30px; background-color: #fff; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 100%; display: inline-block; font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: none !important; color: #000 !important; } .rbtn_p14_left { color: #D61C2C !important; } .rbtn_p14_left:hover, .rbtn_p14_left:focus { border: 2px solid #fff; color: #fff !important; background-color: #000; } .bbtn_p14_left { background-color: #000; color: white !important; } .bbtn_p14_left:hover, .bbtn_p14_left:focus { border: 2px solid #000; background-color: #fff; color: #000 !important; } .obtn_p14_left, .obtn_p14_right, .obtn_p14_center, .btn_p14, .btn_p14_disabled, .btn_p14_left, .btn_p14_right, .btn_p14_center, .btn_p14_rgtcer, .btn_p14_lftcer { font-size: 14px; letter-spacing: .03px; padding: 18px 30px 18px 30px; background-color: #fdb913; text-transform: uppercase; margin-top: 0px; text-decoration: none !important; line-height: 100%; display: inline-block; font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: none; color: #000 !important; border-radius: 5px; } .obtn_p14_left, .btn_p14_left { text-align: left !important; } .obtn_p14_right, .btn_p14_right { text-align: right !important; } .obtn_p14_center, .btn_p14_center, .btn_p14_rgtcer, .btn_p14_lftcer { text-align: center !important; } .btn_p14_disabled { background-color: #d1d1d1; pointer-events: none; cursor: default; } a.btn_p14_disabled.enabled:hover, a.btn_p14_disabled.enabled:focus { color: #fff; background-color: #3a3a3a; outline: 2px solid #fdb913; text-decoration: none; pointer-events: all; cursor: pointer; } .btn_p14.blc { margin: 0 0 15px 0; display: block; } .obtn_p14, .obtn_p14_left:hover, .obtn_p14_left:focus, .obtn_p14_right:hover, .obtn_p14_right:focus, .obtn_p14_center:hover, .obtn_p14_center:focus { outline: 2px solid #000; } .btn_p14:hover, .btn_p14:focus, .btn_p14_left:hover, .btn_p14_left:focus, .btn_p14_right:hover, .btn_p14_right:focus, .btn_p14_center:hover, .btn_p14_center:focus, .btn_p14_rgtcer:hover, .btn_p14_rgtcer:focus, .btn_p14_lftcer:hover, .btn_p14_lftcer:focus { background-color: #3a3a3a; outline: 2px solid #fdb913; color: #fff !important; } .btn_p14.ex_icons, .btn_p14_left.ex_icons, .btn_p14_right.ex_icons, .btn_p14_center.ex_icons, .btn_p14_rgtcer.ex_icons, .btn_p14_lftcer.ex_icons { background-image: url('https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/Careers/Icons-10px-Sm-External Web Page_1.svg'); background-repeat: no-repeat; background-position: calc(100% - 30px) 18px; padding-right: 50px !important; line-height: 11px; } .btn_p14.ex_icons:hover, .btn_p14.ex_icons:focus, .btn_p14_left.ex_icons:hover, .btn_p14_left.ex_icons:focus, .btn_p14_right.ex_icons:hover, .btn_p14_right.ex_icons:focus, .btn_p14_center.ex_icons:hover, .btn_p14_center.ex_icons:focus, .btn_p14_rgtcer.ex_icons:hover, .btn_p14_rgtcer.ex_icons:focus, .btn_p14_lftcer.ex_icons:hover, .btn_p14_lftcer.ex_icons:focus { background-image: url("https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/Careers/Icons-10px-SmExitPage.svg?$pdp-swatch$"); } .dym_obtn2_p14_left, .dym_obtn2_p14_left, .dym_obtn2_p14_right, .dym_obtn2_p14_right, .dym_obtn2_p14_center, .dym_obtn2_p14_center, .dym_btn2_p14, .dym_btn2_p14, .dym_btn2_p14_disabled, .dym_btn2_p14_disabled, .dym_btn2_p14_left, .dym_btn2_p14_left, .dym_btn2_p14_right, .dym_btn2_p14_right, .dym_btn2_p14_center, .dym_btn2_p14_center, .dym_btn2_p14_rgtcer, .dym_btn2_p14_rgtcer, .dym_btn2_p14_lftcer, .dym_btn2_p14_lftcer, .dym_wbtn_p14, .dym_wbtn2_p14_lef, .dym_wbtn2_p14_right { font-size: 14px; letter-spacing: .03px; padding: 18px 30px 18px 30px; background-color: #fdb913; text-transform: uppercase; margin-top: 0px; text-decoration: none !important; font-weight: 700; line-height: 100%; display: inline-block; font-family: TradeGothicNextLTPro-Bd, sans-serif; text-decoration: none; color: #000; margin-bottom: 20px; } .dym_obtn2_p14_left:focus, .dym_obtn2_p14_left:hover, .dym_obtn2_p14_right:focus, .dym_obtn2_p14_right:hover, .dym_obtn2_p14_center:hover, .dym_obtn2_p14_center:focus, .dym_btn2_p14:focus, .dym_btn2_p14:hover, .dym_btn2_p14_disabled:focus, .dym_btn2_p14_disabled:hover, .dym_btn2_p14_left:focus, .dym_btn2_p14_left:hover, .dym_btn2_p14_right:hover, .dym_btn2_p14_right:focus, .dym_btn2_p14_center:focus, .dym_btn2_p14_center:hover, .dym_btn2_p14_rgtcer:focus, .dym_btn2_p14_rgtcer:hover, .dym_btn2_p14_lftcer:hover, .dym_btn2_p14_lftcer:focus, .dym_wbtn2_p14:hover, .dym_wbtn2_p14:focus, .dym_wbtn2_p14_left:focus, .dym_wbtn2_p14_left:hover, .dym_wbtn2_p14_right:focus, .dym_wbtn2_p14_right:hover { background-color: #3a3a3a; outline: 2px solid #fdb913; color: #fff; } .l_btns.dktp { display: none; } .sb_mob { display: block; width: 100vw; } .sb_dktp { display: none; } .sb_vtc_ctr { display: flex; flex-flow: column nowrap; margin: auto; width: 100vw; height: 200px; max-height: 100vw; align-items: center; text-align: center; justify-content: center; background-color: #fdb913; } .skny_btn_70 { background-color: #fdb913; width: 100vw; text-transform: uppercase; margin-top: 0px; text-decoration: none !important; font-weight: 700; line-height: 100%; display: inline-block; font-family: Tungsten, Oswald, sans-serif; text-decoration: none; color: #000; font-size: 9.1vw; letter-spacing: .22vw; } .skny_ex_icons { background-image: url("https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/Careers/Icons-10px-Sm-External Web Page_1.svg"); background-repeat: no-repeat; background-position: calc(50% - 0vw) 1vw; padding: 0vw 4vw; background-size: 68%; } .lftcer.mob_trtmnt { display: block; flex-wrap: wrap; text-align: center; background-color: #D1D1D1; outline: 1.5px solid #D1D1D1; margin: -6vw 25px 0 25px; padding: 9vw 0 7vw 0; position: relative; z-index: -1; } .wht { color: #fff !important; } .blk { color: #000 !important; } .sftblk { color: #3a3a3a !important; } .uxright { display: block; text-align: right; } .uxcenter { display: block; text-align: center; } .uxleft { display: block; text-align: left; } .uxitalic { font-style: italic !important; } #accordionContainer .bd { font-family: TradeGothicNextLTPro-Bd, sans-serif; } .bd { font-weight: 700 !important; } .bd_nrm { font-family: TradeGothicNextLTPro-Bd, sans-serif; text-transform: initial; } .xbd { font-weight: 800; } .fg:last-child>div { margin-left: 0%; border: 2px; } .wrap2 { width: 100%; } span.Accordion-title.p30.plus_circle, span.Accordion-title.p30.minus_circle { margin: auto; width: 100%; max-width: 85vw; display: block; height: 100%; } .title_ux { width: 75%; display: block; } .p30 { font-size: 30px; text-transform: uppercase; font-family: Tungsten, Oswald, sans-serif; } button>.p30 { color: #000; text-align: left; line-height: 85%; padding: 30px 0px; font-weight: 700; position: relative; z-index: 0; width: 100%; outline: none; } table { border-collapse: collapse; } table tbody tr { text-align: left; } table.pro_care>tbody>tr>td { margin: 0 0 30px 85px; box-sizing: initial; line-height: 24px; font-size: 14px; width: 150px; letter-spacing: .03px; font-family: TradeGothicNextLTPro-Rg, sans-serif; } table.pro_care td { border: 1px solid black; padding: 5px; } h3>button:focus { outline: -webkit-focus-ring-color auto 0px !important; background: #E1E1E1; background: -moz-linear-gradient(top, #E1E1E1 0%, #FFFFFF 40%, #FFFFFF 100%); background: -webkit-linear-gradient(top, #E1E1E1 0%, #FFFFFF 40%, #FFFFFF 100%); background: linear-gradient(to bottom, #E1E1E1 0%, #FFFFFF 40%, #FFFFFF 100%); background-position: top; background-size: cover; background-repeat: no-repeat; } .Accordion-title { display: block; pointer-events: none; border: transparent 0px solid; border-radius: 5px; padding: 0.25em; outline: none; } .Accordion h3>button.Accordion-trigger { border-top: 1px solid #E1E1E1; width: 100vw; } .Accordion-trigger:focus .Accordion-title { outline: 0px solid #000; } .Accordion *:first-child .Accordion-trigger { border-radius: 5px 5px 0 0; } .Accordion button::-moz-focus-inner { border: 0; } .Accordion-panel { margin: 0; transition: ease .5s; } .Accordion-panel[hidden] { display: none; } fieldset.ux { border: 0; width: 100%; margin-inline-start: 0px; margin: 0 25px 0 25px; box-sizing: border-box; max-width: 85vw; padding-inline-start: 0px; padding-block-start: 0px; padding: 0px 0px 30px 0px !important; border-width: 0px; border-style: none; border-color: none; } .Accordion:focus { border: transparent; } .blurb_txt { font-size: 8vw; text-align: center; font-weight: 700; color: #000; margin: 3vw auto 3vw; width: fit-content; text-transform: uppercase; letter-spacing: 0.163vw; line-height: 83%; font-family: Tungsten, Oswald, sans-serif; text-decoration: none; } .blurb_cnt { display: block; position: relative; margin-bottom: 7.813vw; width: 100%; max-height: none; height: auto; } .blurb { position: relative; display: flex; height: auto; max-height: none; flex-direction: column; justify-content: center; margin: auto; width: 100%; } .c_quote_tp { background-image: url("https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/SVG Folder/Left_Quotation_B.svg"); background-repeat: no-repeat; background-position: center; text-align: center; margin: 0 auto 0; background-size: contain; font-family: Tungsten, Oswald, sans-serif; justify-content: center; width: 100px; max-height: 9vw; height: 100px; } .c_quote_bt { background-image: url("https://s7d9.scene7.com/is/content/Carhartt/02_2021_NewSite/SVG Folder/Right_Quotation_B.svg"); background-repeat: no-repeat; background-position: center; text-align: center; margin: 0px auto 0px; padding: 0px; background-size: contain; font-family: Tungsten, Oswald, sans-serif; justify-content: center; position: relative; width: 73%; max-height: 9vw; height: 100px; } .refr_cnt.mob { flex-flow: row nowrap; justify-content: flex-end; width: 100%; position: relative; } .refr_nam { font-size: 16px; text-align: center; font-family: TradeGothicNextLTPro-Bd, sans-serif; text-transform: initial; line-height: 110%; } .refr_tit { font-size: 14px; font-weight: 400; color: #3a3a3a; text-align: center; font-family: TradeGothicNextLTPro-Rg, sans-serif; text-transform: initial; line-height: 90%; } .vidImg_00 { width: 100%; display: block; background-size: 10%, cover; -webkit-background-size: 10%, 105%; background-repeat: no-repeat; background-position: center, center; height: 400px; max-height: 75vw; margin-top: -12vw; } .vid_cnt { display: block; position: relative; height: auto; flex-direction: row; width: 100%; } .vImg_cnt { margin: -12vw 25px 0 25px; } .brbCnt_00 { background-color: #000; width: 100vw; padding: 11.5vw 0 20.5vw 0; } .brb_d130_m50_txt { font-size: 15vw; color: #fff; line-height: 85%; letter-spacing: 1.25px; text-align: left; width: fit-content; font-family: Tungsten, Oswald, sans-serif; font-weight: 700; text-transform: uppercase; margin: auto; } .flic { width: 100%; height: 400px; max-height: 49.5vw; z-index: 3; } .d20_m14_par { font-size: 14px; letter-spacing: .04px; font-weight: 400; text-transform: initial; text-align: left; margin: auto; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d20_m16_par { font-size: 16px; letter-spacing: .04px; font-weight: 400; text-transform: initial; text-align: left; margin: auto; font-family: TradeGothicNextLTPro-Rg, sans-serif; line-height: 24px; color: #3a3a3a; } .d16_m14_par { font-size: 14px; letter-spacing: .06px; text-align: left; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; margin: auto; line-height: 20px; color: #3a3a3a; } .d14_m14_par { font-size: 14px; letter-spacing: .06px; text-align: left; font-weight: 400; text-transform: initial; font-family: TradeGothicNextLTPro-Rg, sans-serif; margin: auto; width: 100%; line-height: 20px; color: #3a3a3a; } .d20_m14_par a { color: #3a3a3a; text-decoration: underline; font-family: TradeGothicNextLTPro-Bd, sans-serif; display: inline-block; } .mob_trtmnt { display: block; background-color: #000; color: #fff; text-align: center; padding: 3.125vw 4.68vw; margin-top: -3vw; } .wdth_btn { width: calc(100% - 35%); } .skny_ban { width: 100vw; height: 31vw; background-color: #fdb913; display: flex; flex-direction: column; justify-content: center; margin: 30px auto 30px; font-weight: 700; line-height: 100%; text-align: center; font-size: 7.8vw; letter-spacing: .22vw; font-family: Tungsten, Oswald, sans-serif; } .yelskny_ban { width: 100vw; height: 31vw; background-color: #fdb913; display: flex; flex-direction: column; justify-content: center; line-height: 100%; text-align: center; } .graskny_ban { width: 100vw; height: 31vw; background-color: #f3f3f3; display: flex; flex-direction: column; justify-content: center; line-height: 100%; text-align: center; } fieldset.ux>table { width: calc(100% - 25px); max-width: 350px; margin-left: 0px; } .inner_00 { width: 100%; text-align: center; padding-left: 0%; } .inner_01 { width: 100%; text-align: center; padding-left: 0%; } .inner_02 { width: 100%; text-align: center; padding-left: 0%; } input #ckbx[type="checkbox"] { width: 18px; height: 18px; padding: 2px; position: relative !important; box-sizing: border-box; } .p_ind_20px { text-indent: -13px; padding-left: 80px; margin-left: -51px; } button.Accordion-trigger { border-radius: 0; border-width: 0px; } .refr_cnt.dktp { width: 84%; } .refr_tit { margin-top: .5vw; } .icnt { margin-bottom: 10.417vw; } .svgsty01 { width: 40vw; height: 240px; max-height: 100vw; background-size: 85%; background-color: #000; -webkit-background-size: 85%; background-position: center; background-repeat: no-repeat; position: relative; display: block; } .isty00, .imgsty00 { width: 60vw; height: 240px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: block; } .isty01, .imgsty01 { width: 40vw; height: 240px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: block; } .isty02, .imgsty02 { width: 100%; height: 240px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: block; } .imgrev00 { width: 100%; height: 240px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: block; } .carousel-panel button.Accordion-trigger { width: auto; } .carousel-panel .slides .slide { border-left: none; } .lft { text-align: left; } .rgt { text-align: right; } .ctr { text-align: center !important; } .lftctr { text-align: center; } .lftcer { text-align: center; } .rgtcer { text-align: center; } .lftctr_btns { text-align: center; } .v-btm { display: flex; flex-flow: column nowrap; height: 100%; justify-content: flex-end; width: 80%; margin: auto; } .v-btm_50 { display: flex; flex-flow: column nowrap; width: 100%; height: 50%; justify-content: flex-end; } .v-btm_100 { display: flex; flex-flow: column nowrap; width: 100%; height: 500px; max-height: 500px; justify-content: flex-end; } /* SEO styling */ .marketingDescription-wp a { text-decoration: underline; font-weight: bold; } @media(min-width:425px) { fieldset.ux { margin: auto; } .h20_b, .h20_w { font-family: TradeGothicNextLTPro-Rg, sans-serif; font-size: 2.6vw; line-height: 2.118vw; margin-bottom: 3.906vw; } .h20_b { color: #3a3a3a; } .h20_w { color: #fff; } .lftctr { text-align: left; } } @media (min-width: 640px) { .lftctr_btns_640 { text-align: left; } .dym_btn2_p14, .dym_obtn2_p14_left, .dym_obtn2_p14_right, .dym_obtn2_p14_center, .dym_btn2_p14, .dym_btn2_p14_disabled, .dym_btn2_p14_left, .dym_btn2_p14_right, .dym_btn2_p14_center, .dym_btn2_p14_rgtcer, .dym_btn2_p14_lftcer, .dym_wbtn_p14, .dym_wbtn2_p14_left, .dym_wbtn2_p14_right { margin-right: 20px; display: inline-block; } .flic { max-height: 75vw; } } @media (min-width: 768px) { p span.n, div span.n, h1 span.n, h2 span.n, h3 span.n, h4 span.n, h5 span.n, li span.n { display: block; } .add-to-cart-container .add-to-cart-button { border-bottom: 1px solid #fff; } .dktp { display: block; } .mob { display: none; } .xsmbr { margin-bottom: .781vw !important; } .smbr { margin-bottom: 1.563vw !important; } .br { margin-bottom: 2.34vw !important; } .mt20 { margin-top: 1.563vw !important; } .mt30 { margin-top: 2.34vw !important; } .mt40 { margin-top: 3.125vw !important; } .mt50 { margin-top: 3.9vw !important; } .mt60 { margin-top: 4.688vw !important; } .mt70 { margin-top: 5.469vw !important; } .mt80 { margin-top: 6.25vw !important; } .mt90 { margin-top: 7vw !important; } .mb24_20 { margin-bottom: 1.9vw !important; } .mb80_60_40 { margin-bottom: 4.688vw !important; } .mb50_40 { margin-bottom: 4vw !important; } .mb50_20 { margin-bottom: 4vw !important; } .mb50_20 { margin-bottom: 4vw !important; } .mb30_20 { margin-bottom: 2.344vw !important; } .mb40_20 { margin-bottom: 3.125vw !important; } .mb40_10 { margin-bottom: 3.125vw !important; } .mb40_0 { margin-bottom: 0px !important; } .mbr { margin-bottom: 3.125vw !important; } .xmbr { margin-bottom: 3.9vw !important; } .lgbr { margin-bottom: 4.688vw !important; } .atbr { margin-bottom: 6.250vw !important; } .xlgbr { margin-bottom: 7vw !important; } .fb { display: flex; } .f_cnt { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; -ms-flex-direction: row; -ms-flex-wrap: nowrap; } .f-cnt1 { width: 130px; display: flex; flex-wrap: wrap; } .wdth20 { width: 20%; } .wdth25 { width: 25%; } .wdth30 { width: 30%; } .wdth40 { width: 40%; } .wdth60 { width: 60%; } .wdth80 { width: 80%; } .wrap2 { width: 78%; } .inner_00 { width: 91%; text-align: left; padding-left: 0%; } .inner_01 { width: 100%; text-align: center; padding-left: 0%; } .inner_02 { width: 91%; text-align: right; padding-left: 0%; } .img_cnt { flex-wrap: nowrap; margin: auto; margin-bottom: 5vw; } .g3up { flex-wrap: nowrap; margin: 6.25vw auto 6.25vw; } .gbimg_cnt { display: flex; flex-wrap: nowrap; } .v-ctr { text-align: left; margin: 0 0 0 62px; } .v_ctr_rgt_btm { margin: 0 80px 0 0 !important; height: 500px; justify-content: center; } .v_ctr_lft_btm { margin: 0 0 0 80px !important; height: 500px; justify-content: center; } .vtc-ctr { text-align: left; margin: 0 0 0 80px; } .v-btm { text-align: left; } .fh_cmpt_blk, .cmpt_wht { margin: 0 auto 0; width: 66.667vw; top: -100px; margin-bottom: -60px; } .fh_cmpt_wht, .fh_cmpt_f3 { margin: auto; width: 66.667vw; height: 7vw; margin-bottom: 0px; padding-top: 0px; } .fh_cmpt_blu { margin: auto; width: 66.667vw; } button.Accordion-trigger { border-style: none; color: -internal-light-dark(rgb(255, 255, 255), white) !important; background-color: -internal-light-dark(rgb(239, 239, 239), rgb(239, 239, 239)) !important; box-sizing: border-box; margin: 0em; font: 400 13.3333px Arial; padding: 1px 6px; border-width: 1px; border-color: #d1d1d1 !important; border-top-color: -internal-light-dark(rgb(239, 239, 239), rgb(239, 239, 239)) !important; border-right-color: -internal-light-dark(rgb(239, 239, 239), rgb(239, 239, 239)) !important; border-bottom-color: -internal-light-dark(rgb(239, 239, 239), rgb(239, 239, 239)) !important; border-left-color: -internal-light-dark(rgb(239, 239, 239), rgb(239, 239, 239)) !important; border-image: initial; margin: 0; padding-left: 0; /*-webkit-tap-highlight-color: rgb(239, 239, 239);*/ } .lftcer { text-align: left !important; } .rgtcer { text-align: right !important; } .lftcer_btns { text-align: left !important; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .rgtcer_btns { text-align: right !important; font-family: TradeGothicNextLTPro-Bd, sans-serif; } .sb_mob { display: none; } .sb_dktp { width: 100vw; display: block; } .skny_ex_icons { background-position: calc(100% - 2.5vw) 1vw; padding-right: 3vw; background-size: 50% 50%; } .skny_btn_70 { font-size: 6vw; letter-spacing: .137vw; } .sub_00, .sub_01 { font-size: 16px; letter-spacing: .04px; line-height: 110%; width: 70%; padding: 0 4.8vw 4.8vw 4.8vw; } .sub_03_w { font-size: 20px; } .sub_01 { padding: 0 4.8vw 0vw 4.8vw; } .sub_00_btn { font-size: 16px; letter-spacing: .04px; line-height: 110%; width: 70%; padding: 0 4.8vw 1.5vw 4.8vw; } .sub_24_wht { font-size: 1.875vw; margin-bottom: 10px; letter-spacing: .01px; text-align: left; line-height: 90%; } .sub_30_wht { font-size: 3.2vw; margin-bottom: 10px; letter-spacing: .04px; text-align: left; line-height: 90%; } .promo_bx { height: 250px; min-height: 250px; max-height: 25vw; padding-left: 0; } .icnt { margin-bottom: 6.25vw; } .col_tx { padding: 0 0px 0 0px; margin-bottom: 10.417vw; } .contx.col_tx { width: 66.667vw; padding: 0 0px 0 0px; margin: 0 auto 6.25vw; } .contx.col_tx_80 { width: 66.667vw; padding: 0 0px 0 0px; margin: 0 auto 6.25vw; } .contx.col_tx_60 { width: 66.667vw; padding: 0 0px 0 0px; margin: 0 auto 4.688vw; } .contx.col_tx_40 { width: 66.667vw; padding: 0 0px 0 0px; margin: 0 auto 3.125vw; } .content01 { width: 75vw; margin: 0 auto 0; } .col_txt { padding: 0px 0px 0px 0px; } .h50_m36_lft { font-size: 50px; line-height: 44px; letter-spacing: 1.25px; } .h20_b, .h20_w { font-size: 1.563vw; line-height: 2.118vw; margin-bottom: 2.34vw; } .ih50_blk, .ih50_wht, .h50_blk, .h50_wht { font-size: 3.9vw; letter-spacing: .09vw; line-height: 90%; } .ih70_blk, .ih70_wht, .h70_blk, .h70_wht { font-size: 6vw; letter-spacing: .137vw; line-height: 90%; } .ih100_wht, .ih100_blk, .h100_blk, .h100_wht, .h100_blu_c { font-size: 7.9vw; letter-spacing: .219vw; line-height: 90%; position: relative; } .h100_wht { color: #fff; } .h100_blk, .h100_wht { padding: 7vw 0 3.125vw 0; } .h100_blu_c { padding: 0 0 1.563vw 0; } .h100_b_c { font-size: 7.9vw; letter-spacing: .219vw; line-height: 90%; position: relative; } .h70_b_c { font-size: 6vw; letter-spacing: .137vw; line-height: 90%; position: relative; } .h20_14_b, .h20_14_w { font-size: 1.65vw; line-height: 1.250; margin-bottom: 30px; padding: 0 3vw; display: block; } .hp_cmpt_b, .hp_cmpt_w { margin: 0 auto 0; width: 66.667vw; top: -100px; margin-bottom: -60px; } .h50_blk span, .h50_blk.lft span, .h50_blk.lft.br span, .h50_blk.ctr span, .h50_blk.rgt span, .h50_wht span, .h50_wht.lft span, .h50_wht.lft.br span, .h50_wht.ctr span, .h50_wht.rgt span, .h50_wht.rgt.br span, .h70_blk span, .h70_blk.lft span, .h70_blk.lft.br span, .h70_blk.ctr span, .h70_blk.rgt span, .h70_blk.rgt.br span, .ih70_wht span, .ih70_wht.lft span, .ih70_wht.lft.br span, .ih70_wht.ctr span, .ih70_wht.rgt span, .ih70_blk.rgt span, .ih70_blk.ctr span, .ih70_blk.lft span, .ih70_blk.lft.br span, .ih70_blk span, .h100_blk span, .h100_blk.lft span, .h100_blk.lft.br span, .h100_blk.ctr span, .h100_blk.rgt span, .h100_blk.lft.br span, .h100_wht span, .h100_wht.lft span, .h100_wht.lft.br span, .h100_wht.ctr span, .h100_wht.rgt span, .h100_wht.rgt.br span, .ih100_blk span, .ih100_blk.lft span, .ih100_blk.lft.br span, .ih100_blk.ctr span, .ih100_blk.rgt span, .ih100_blk.rgt.br span, .ih100_wht span, .ih100_wht.lft span, .ih100_wht.lft.br span, .ih100_wht.ctr span, .ih100_wht.rgt span, .ih100_wht.rgt.br span { display: inline-block; } fieldset.ux>.d16_m14_lft, li.d16_m14_lft { width: 75% } /* POINT SIZE 16 */ .d20_t16_m14_lft { font-size: 16px; letter-spacing: .04px; line-height: 28px; } /* POINT SIZE 14 */ .d14_m12_lft { font-size: 14px; letter-spacing: .02px; line-height: 24px; } .d14_m12_ctr { font-size: 14px; letter-spacing: .02px; line-height: 24px; } .d14lft_m12ctr { font-size: 14px; letter-spacing: .02px; line-height: 24px; text-align: left; } /* POINT SIZE 16 */ .d16_m14_lft { font-size: 16px; letter-spacing: .04px; line-height: 24px; } .d16_m14_ctr { font-size: 16px; letter-spacing: .04px; line-height: 24px; } .d16_m14_par { font-size: 16px; line-height: 24px; letter-spacing: .04px; margin: auto; width: 800px; } .d16lft_m14ctr { font-size: 16px; line-height: 24px; letter-spacing: .04px; text-align: left; } /* TO BE REMOVED */ .d16_m14_lft_wht { font-size: 16px; letter-spacing: .04px; line-height: 24px; } /* POINT SIZE 20 */ .d20_m12_lft { font-size: 14px; letter-spacing: .04px; line-height: 20px; } .d20_m14_lft { font-size: 14px; letter-spacing: .04px; line-height: 24px; } .d20_m14_ctr { font-size: 14px; letter-spacing: .04px; line-height: 24px; } .d20_m14_par { font-size: 14px; line-height: 24px; letter-spacing: .04px; margin: auto; } .d20lft_m14ctr { font-size: 14px; letter-spacing: .04px; line-height: 24px; text-align: left; } .d20lft_m16ctr { font-size: 16px; letter-spacing: .04px; line-height: 24px; text-align: left; } .d20_m14_lft>span, .d16_m14_lft>span { display: block; } .p18.bd { width: 100%; text-align: left; } .p50_ah.left { text-align: left; font-size: 50px; margin: 0 0 20px 0; letter-spacing: .09vw; } .rt_mar_85 { margin-right: 85px; } .lt_mar_85 { margin-left: 85px; } .left_72 { margin-left: 5.625vw; } .g3up { margin: 60px auto 60px; } .gImg_00 { background-size: cover; background-repeat: no-repeat; background-position: center top; display: flex; width: 25vw; max-width: 500px; height: 500px; max-height: 100vw; position: relative; margin-bottom: 0; } .gImg_01 { background-size: cover; background-repeat: no-repeat; background-position: center top; display: flex; width: 1280px; max-width: 50vw; min-width: 303px; height: 500px; max-height: 100vw; position: relative; margin-bottom: 0; } .gImg_02 { background-size: cover; background-repeat: no-repeat; background-position: center top; display: flex; width: 25vw; max-width: 500px; height: 500px; max-height: 100vw; position: relative; margin-bottom: 0; } .blurb_cnt { width: 100%; max-width: 800px; margin: auto; margin-bottom: 4.688vw; } .c_quote_tp { height: 44px; max-height: 44vw; width: 44px; margin: 0 auto 0; } .c_quote_bt { height: 44px; max-height: 44vw; width: 95%; } .blurb_txt { font-size: 4.4vw; letter-spacing: 0.098vw; width: fit-content; margin: 1vw auto 1vw; } .refr_cnt.dktp { right: 4%; width: 39%; position: absolute; } .refr_nam { font-size: 1.8vw; text-align: left; margin-top: 5px; } .refr_tit { font-size: 1.5vw; text-align: left; } .vImg_cnt { margin: 0; height: 480px; max-height: 32vw; width: 800px; max-width: 54vw; z-index: 2; left: 0; position: absolute; } .icnt_vid { margin: 0; height: 480px; max-height: 29vw; width: 800px; max-width: 54vw; position: relative; } .vid_cnt { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; margin: 0 auto; } .vidImg_00 { width: 800px; max-width: 54vw; height: 450px; max-height: 29vw; top: 0; margin: auto; bottom: 0; position: absolute; left: 0; max-height: 31vw; } .flic { height: 450px; max-height: 29vw; width: 800px; max-width: 54vw; margin-top: 0; } .d16_m16_lft.wht.br { width: 56%; } .brbCnt_00 { width: 51.4vw; height: 43.5vw; max-height: 610px; max-width: 720px; padding: 0; display: flex; justify-content: center; flex-flow: column nowrap; } .brb_d130_m50_txt { font-size: 7vw; } .btn_p14_left, .obtn_p14_left, .btn_p14_lftcer { margin-right: 20px; padding: 18px 30px 18px 30px; } .btn_p14_right, .obtn_p14_right, .btn_p14_rgtcer { margin-left: 20px; padding: 18px 30px 18px 30px; } .btn_p14, .btn_p14_disabled { margin: 0px 0px 0px 0px; padding: 18px 30px 18px 30px; } .mob_trtmnt { display: none; } .lftcer.mob_trtmnt { display: none; } .skny_ban { height: 15vw; font-size: 3.9vw; margin: 40px auto 40px; letter-spacing: .22vw; } .yelskny_ban { height: 15vw; } .graskny_ban { height: 15vw; } .svgsty01 { width: 40vw; height: 500px; max-height: 100vw; background-size: 85%; background-color: #000; -webkit-background-size: 85%; background-position: center; background-repeat: no-repeat; position: relative; display: block; } .isty00, .imgsty00 { width: 40%; height: 500px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; } .isty01, .imgsty01 { width: 20%; height: 500px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; } .isty02, .imgsty02 { width: 40vw; height: 500px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; } .imgrev00 { width: 40vw; height: 500px; max-height: 100vw; background-size: cover; -webkit-background-size: cover; } .svgsty01 { width: 20vw; height: 500px; max-height: 100vw; background-size: 85%; -webkit-background-size: 85%; } .img_cnt { margin-bottom: 80px; } } @media(min-width: 992px) { .img_cnt_bder { display: flex; flex-wrap: nowrap; margin: auto; } .v-ctr { justify-content: center; } .vtc-ctr { justify-content: center; } .v-btm { justify-content: flex-end; } .fh_cmpt_blk, .cmpt_wht { padding-bottom: 0px; } .img_cnt { margin: 60px auto 60px; } .c_quote_tp { height: 4.2vw; max-height: 4.2vw; width: 4.2vw; margin: 0 auto 0px; } .c_quote_bt { height: 4.2vw; max-height: 4.2vw; } .skny_ex_icons { background-position: calc(100% - 5.6vw) 1vw; padding-right: 6vw; background-size: 34%; } .desktop[_ngcontent-serverApp-c273] div.dynamic-content[_ngcontent-serverApp-c273] { min-height: 45rem; } .desktop[_ngcontent-serverApp-c273] .reverse-navigation__container[_ngcontent-serverApp-c273] div.dynamic-content[_ngcontent-serverApp-c273] { min-height: 45rem; } } @media (min-width: 1280px) { .icnt { margin-bottom: 80px; } .contx.col_tx { width: 800px; margin: 0 auto 80px; } .contx.col_tx_80 { width: 800px; margin: 0 auto 80px; } .contx.col_tx_60 { width: 800px; margin: 0 auto 60px; } .contx.col_tx_40 { width: 800px; margin: 0 auto 40px; } .v-ctr { max-width: 1280px; } .car-size-fit .content { max-width: 1280px; } /* code change */ .content01 { width: 960px; } /* ////////// */ .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; } .mt70 { margin-top: 70px !important; } .mt80 { margin-top: 80px !important; } .mt90 { margin-top: 90px !important; } .xsmbr { margin-bottom: 10px !important; } .smbr { margin-bottom: 20px !important; } .br { margin-bottom: 30px !important; } .mbr { margin-bottom: 40px !important; } .xmbr { margin-bottom: 50px !important; } .lgbr { margin-bottom: 60px !important; } .atbr { margin-bottom: 80px !important; } .xlgbr { margin-bottom: 90px !important; } .mb80_60_40 { margin-bottom: 80px !important; } .mb50_40 { margin-bottom: 50px !important; } .mb50_20 { margin-bottom: 50px !important; } .mb50_10 { margin-bottom: 50px !important; } .mb40_20 { margin-bottom: 40px !important; } .mb40_10 { margin-bottom: 40px !important; } .mb30_20 { margin-bottom: 30px !important; } .mb24_20 { margin-bottom: 24px !important; } .left_72 { margin-left: 72px !important; } .img_cnt_bder { width: 1280px; max-width: 1280px; display: flex; flex-wrap: nowrap; } .p_ind_20px { text-indent: -16px; } .fh_cmpt_wht, .fh_cmpt_f3 { margin: auto; width: 960px; height: 90px; margin-bottom: 0; } .fh_cmpt_blu { margin: auto; width: 960px; background-color: #f3f3f3; padding-bottom: 80px; } .fh_cmpt_blk, .cmpt_wht { margin: auto; width: 960px; top: -100px; margin-bottom: 0px; } button.Accordion-trigger { margin: 0; padding: 0; } fieldset.ux>.d16_m14_lft, li.d16_m14_lft { width: 65% } .promo_bx { padding-left: 0; } .h20_b, .h20_w { font-size: 20px; line-height: 28px; margin-bottom: 30px; } .ih50_blk, .ih50_wht, .h50_blk, .h50_wht { font-size: 50px; letter-spacing: 1.25px; line-height: 90%; } .ih50_blk_1ln, .ih50_wht_1ln, .h50_blk_1ln, .h50_wht_1ln, .ih50_blk_2ln, .ih50_wht_2ln, .h50_blk_2ln, .h50_wht_2ln, .ih50_blk_3ln, .ih50_wht_3ln, .h50_blk_3ln, .h50_wht_3ln, .ih50_blk_4ln, .ih50_wht_4ln, .h50_blk_4ln, .h50_wht_4ln, .ih50_blk_5ln, .ih50_wht_5ln, .h50_blk_5ln, .h50_wht_5ln { font-size: 50px; letter-spacing: 1.25px; line-height: 44px; } .ih50_blk_1ln, .ih50_wht_1ln, .h50_blk_1ln, .h50_wht_1ln { height: 40px; } .ih50_blk_2ln, .ih50_wht_2ln, .h50_blk_2ln, .h50_wht_2ln { height: 80px; } .ih50_blk_3ln, .ih50_wht_3ln, .h50_blk_3ln, .h50_wht_3ln { height: 129px; } .ih50_blk_4ln, .ih50_wht_4ln, .h50_blk_4ln, .h50_wht_4ln { height: 173px; } .ih50_blk_5ln, .ih50_wht_5ln, .h50_blk_5ln, .h50_wht_5ln { height: 217px; } .h70_blk, .h70_wht, .ih70_blk, .ih70_wht, .h70_blk_1ln, .h70_wht_1ln, .ih70_blk_1ln, .ih70_wht_1ln, .h70_blk_2ln, .h70_wht_2ln, .ih70_blk_2ln, .ih70_wht_2ln, .h70_blk_3ln, .h70_wht_3ln, .ih70_blk_3ln, .ih70_wht_3ln, .h70_blk_4ln, .h70_wht_4ln, .ih70_blk_4ln, .ih70_wht_4ln, .h70_blk_5ln, .h70_wht_5ln, .ih70_blk_5ln, .ih70_wht_5ln { font-size: 70px; letter-spacing: 1.75px; line-height: 90%; } .h70_blk_1ln, .h70_wht_1ln, .ih70_blk_1ln, .ih70_wht_1ln { height: 57px; } .h70_blk_2ln, .h70_wht_2ln, .ih70_blk_2ln, .ih70_wht_2ln { height: 118px; } .h70_blk_3ln, .h70_wht_3ln, .ih70_blk_3ln, .ih70_wht_3ln { height: 175px; } .h70_blk_4ln, .h70_wht_4ln, .ih70_blk_4ln, .ih70_wht_4ln { height: 240px; } .h70_blk_5ln, .h70_wht_5ln, .ih70_blk_5ln, .ih70_wht_5ln { height: 295px; } .ih100_blk, .ih100_wht { font-size: 100px; letter-spacing: 2.8px; line-height: 90%; } .ih100_blk_1ln, .ih100_wht_1ln, .ih100_blk_2ln, .ih100_wht_2ln, .ih100_blk_3ln, .ih100_wht_3ln, .ih100_blk_4ln, .ih100_wht_4ln, .h100_blk_1ln, .h100_wht_1ln, .h100_blk_2ln, .h100_wht_2ln, .h100_blk_3ln, .h100_wht_3ln, .h100_blk_4ln, .h100_wht_4ln { font-size: 100px; letter-spacing: 2.8px; line-height: 90%; } .ih100_blk_1ln, .ih100_wht_1ln, .h100_blk_1ln, .h100_wht_1ln { height: 75px; } .ih100_blk_2ln, .ih100_wht_2ln, .h100_blk_2ln, .h100_wht_2ln { height: 166px; } .ih100_blk_3ln, .ih100_wht_3ln, .h100_blk_3ln, .h100_wht_3ln { height: 262px; } .ih100_blk_4ln, .ih100_wht_4ln, .h100_blk_4ln, .h100_wht_4ln { height: 352px; } .h100_blk, .h100_wht, .h100_blu_c { font-size: 100px; letter-spacing: 2.8px; padding: 90px 0 20px 0; line-height: 90%; } .h100_blu_c { padding: 0px 0 20px 0; } .h100_b_c { font-size: 100px; letter-spacing: 2.8px; line-height: 90%; } .h70_b_c { font-size: 70px; letter-spacing: 1.75px; line-height: 90%; } .hp_cmpt_b, .hp_cmpt_w { margin: auto; width: 960px; top: -100px; padding-bottom: 80px; margin-bottom: -90px; } /* TO BE REMOVED */ .p50_ah.left { color: #fff; text-align: left; font-size: 50px; letter-spacing: 1.25px; line-height: 44px; margin: 0 0 30px 0; } .sub_00, .sub01 { font-size: 20px; letter-spacing: .06px; line-height: 26px; padding: 0 0px 80px 0px; margin: 0 auto 0px; } .sub01 { padding: 0 0px 0px 0px; } .sub_00_btn { font-size: 20px; letter-spacing: .06px; line-height: 26px; padding: 0 0px 20px 0px; margin: 0 auto 0px; } .sub_24_wht { font-size: 24px; margin-bottom: 20px; letter-spacing: .01px; line-height: 90%; } .sub_30_wht { font-size: 30px; margin-bottom: 20px; letter-spacing: .06px; line-height: 90%; } .skny_ex_icons { background-position: calc(100% - 5px) 9px; padding: 0px 30px; background-size: 41px; } .skny_btn_70 { font-size: 70px; letter-spacing: 1.75px; } .d20_m12_lft { font-size: 20px; letter-spacing: .06px; line-height: 28px; } .d20_m14_lft { font-size: 20px; letter-spacing: .06px; line-height: 28px; } .d20_m14_ctr { font-size: 20px; letter-spacing: .06px; line-height: 28px; margin: 0 auto 0; } .d20_m14_par, .d20_m16_par { font-size: 20px; line-height: 28px; letter-spacing: .06px; text-align: left; margin: auto; width: 800px; } .d16_m14_par { font-size: 16px; width: 800px; } .d14_m14_par { font-size: 14px; width: 800px; } .d20lft_m14ctr { font-size: 20px; letter-spacing: .06px; line-height: 28px; text-align: left; } .d20lft_m16ctr { font-size: 20px; letter-spacing: .06px; line-height: 28px; text-align: left; } .d20_t16_m14_lft { font-size: 20px; line-height: 28px; } .d20_m16_lft { font-size: 20px; letter-spacing: .06px; line-height: 28px; text-align: left; } .d20_m16_ctr { font-size: 20px; letter-spacing: .06px; line-height: 28px; text-align: center; } .d20_m16_rgt { font-size: 20px; line-height: 28px; letter-spacing: .06px; text-align: right; } .p20 { width: 83%; text-align: left; } .active { background-color: transparent; } .title_ux { width: 90%; } .c_quote_tp { height: 57px; max-height: 57px; width: 57px; margin: 0 auto 0px; } .c_quote_bt { height: 57px; max-height: 57px; margin: 0 auto 0px; } .blurb_txt { font-size: 50px; letter-spacing: 1.25px; text-align: center; margin: 20px auto 20px; text-transform: uppercase; line-height: 44px; width: fit-content; } .blurb_cnt { display: block; margin-bottom: 60px; position: relative; } .blurb { width: 800px; } .refr_fb { height: 65px; } .refr_nam { font-size: 24px; } .refr_cnt.dktp { right: 15px; width: 40%; } .refr_tit { font-size: 16px; } .skny_ban { margin: 60px auto 60px; font-size: 50px; height: 200px; letter-spacing: 1.25px; } .yelskny_ban { height: 200px; } .graskny_ban { height: 200px; } } @media (min-width: 1440px) { span.Accordion-title.p30.plus_circle, span.Accordion-title.p30.minus_circle { margin: 0 4vw 0 4vw !important; box-sizing: border-box; max-width: 1440px; } fieldset.ux { max-width: 1440px; box-sizing: border-box; margin: 0 4vw 0 4vw !important; } .vid_cnt { width: 1440px; } .brCnt_00 { width: 710px; height: 610px; max-height: 610px; max-width: 720px; } .brb_d130_m50_txt { font-size: 100px; letter-spacing: 2.8px; line-height: 90%; } .add-to-cart-container .add-to-cart-button { border-bottom: 1px solid #fff; } } @media (min-width: 1540px) { span.Accordion-title.p30.plus_circle, span.Accordion-title.p30.minus_circle { margin: auto !important; } fieldset.ux { margin: auto !important; } } @media (min-width: 1900px) { .brb_d130_m50_txt { font-size: 100px; line-height: 83%; } .g3up { width: 1900px; max-width: 1900px; } .isty00, .imgsty00 { width: 760px; max-width: 760px; height: 500px; max-height: 500px; } .isty01, .imgsty01 { width: 380px; max-width: 380px; height: 500px; max-height: 500px; } .svgsty01 { width: 380px; max-width: 380px; height: 500px; max-height: 500px; background-size: 85%; -webkit-background-size: 85%; } .isty02, .imgsty02 { width: 760px; max-width: 760px; height: 500px; max-height: 500px; } .imgrev00 { width: 760px; max-width: 760px; height: 500px; max-height: 500px; } } @media (max-width: 767px) { .messages-carousel-container car-custom-paragraph { padding: 0 1rem; overflow: hidden; } .messages-carousel-container button { padding: 0 1rem; } .messages-carousel-container car-custom-paragraph p { height: 80px; } .messages-carousel-container car-custom-paragraph { overflow: visible; } .carousel-panel { height: 80px; } } cx-page-layout.GenericContentPageTemplate.ng-star-inserted>cx-page-slot.GenericSection1 { width: 100vw; max-width: 100vw; overflow: visible !important; box-sizing: border-box; } [_nghost-serverApp-c411] { display: block; overflow-x: visible !important; } [_nghost-serverApp-c474] { overflow-x: visible; } [_nghost-serverApp-c425] { display: block; overflow-x: visible; } .card-store[_ngcontent-ng-c1063185159] .card-store-head[_ngcontent-ng-c1063185159] .store-image[_ngcontent-ng-c1063185159] { height: 7.5rem; max-height: 7.5rem; object-fit: inherit; object-position: center; width: 100%; } .promo-code input.input-coupon-code { text-transform: initial !important; } @media (max-width: 1024px) { .pgpSection4 .active-facets { background: #feb913; border-radius: 5px; margin: 0 auto; max-width: 90%; } .pgpSection4 .active-facets button { justify-content: center; width: auto; margin: 0 auto; } }
 

Men's Force Sun Defender™ Shirts

6  
UPF Rated Shirts
Long Sleeved Shirts
Short Sleeved Shirts
Lightweight
Button Downs