@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,500;0,600;0,700;1,400&display=swap');

body{font-variant-numeric: lining-nums;-moz-font-feature-settings: "lnum" 1;-moz-font-feature-settings: "lnum=1";-ms-font-feature-settings: "lnum" 1;-o-font-feature-settings: "lnum" 1;-webkit-font-feature-settings: "lnum" 1;font-feature-settings: "lnum" 1;}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
.mainContent {font-family: 'Raleway', sans-serif; }
.mainContent ul{list-style: none; margin: 0;}
.mainContent label{letter-spacing: 0; color: #000;}
h2{ font-family: 'Raleway', sans-serif; color: #1A1A1A; font-size: 32px; line-height: 38px; font-weight: 700; margin: 0;}
h3{ font-family: 'Raleway', sans-serif; color: #1A1A1A; font-size: 24px; line-height: 28px; font-weight: 700; margin: 0;}
.pb-40{padding-bottom: 40px;}
.mt-24{margin-top: 24px;}
.mt-8{margin-top: 8px;}
.mb-16{margin-bottom: 16px;}
.mb-24{margin-bottom: 24px;}
.btn{ padding: 7px 10px 8px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 18px; line-height: 21px; font-weight: 700;}
.mainContent .btn:active, .mainContent .form-control{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.mainContent .btn-secondary{ background: #47A0C4; border: none; border-bottom: 3px solid #30819B; color: #fff;}
.mainContent .btn-secondary:hover, .btn-secondary:focus{background: #30819B; color: #fff !important;}
.width-100{width: 100%;}
.width-48{width: 48%;}
.al{float: left;}
.ar{float: right;}
.mainContent .form-control::placeholder {color: #000 !important; opacity: 1;}
.mainContent .form-control:-ms-input-placeholder {color: #000 !important; opacity: 1;}
.mainContent .form-control::-ms-input-placeholder {color: #000 !important; opacity: 1;}
.pr{position: relative;}
.radioBox [type="radio"]:checked, .radioBox [type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.radioBox [type="radio"]:checked + label, .radioBox [type="radio"]:not(:checked) + label{ position: relative; padding-left: 32px; cursor: pointer; font-weight: 500;}
.radioBox [type="radio"]:checked + label:before, .radioBox [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 24px; height: 24px; border: 2px solid #8e8e8e; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #fff;}
.radioBox [type="radio"]:checked + label:after, .radioBox [type="radio"]:not(:checked) + label:after { content: ''; width: 14px; height: 14px; background: #30819B; position: absolute; top: 3px; left: 5px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radioBox [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radioBox [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.radioBox [type="radio"]:checked + label:before{ border: 2px solid #30819B;}
.li_ga_payment .radioBox [type="radio"]:checked + label:before, .li_ga_payment .radioBox [type="radio"]:not(:checked) + label:before{top: 8px;}
.li_ga_payment .radioBox [type="radio"]:checked + label:after, .li_ga_payment .radioBox [type="radio"]:not(:checked) + label:after{top: 14px;}

.checkBox{padding-left: 0; cursor: pointer; font-size: 11px; line-height: 20px; position: relative;}
.checkBox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 1px; left: 0; height: 16px; width: 16px; background-color: #fff; border: 2px solid #30819B; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.checkBox label{cursor: pointer; text-transform: inherit; margin-bottom: 0;}
.checkBox:hover input ~ .checkmark { background-color: #fff;}
.checkBox input:checked ~ .checkmark { background-color: #30819B; border-color:#30819B;}
.checkBox .checkmark:after { content: ""; position: absolute; display: none;}
.checkBox input:checked ~ .checkmark:after { display: block;}
.checkBox .checkmark:after { left: 5px; top: 2px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.lightGrey{background: #fafafa; color: #000; }
.cartMenuBg	{background-color: rgba(48, 129, 155, 0.1); border-bottom: 2px solid rgba(142, 142, 142, 0.5); padding: 14px 0;}
.cartMenu{  max-width: 580px; width: 100%; text-align: justify; margin: 0 auto;}
.cartMenu ul{display: block; text-align: justify; margin: 0; padding: 0;}
.cartMenu ul li{display: table-cell; text-align: center; margin: 0 auto; width: 1%; font-size: 16px; line-height: 19px; color: #000; font-family: 'Raleway', sans-serif; padding: 0 10px; position: relative;}
.cartMenu ul li a{color: #000; font-weight: 500;}
.cartMenu ul li span{display: block; height: 16px; width: 16px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(71, 160, 196, 0.3); margin: 0 auto 12px; position: relative; z-index: 3;}
.cartMenu ul li.select a{font-weight: 700;}
.cartMenu ul li.active span{ background-color: rgba(71, 160, 196, 1);}
.activeLine:before{position: absolute; content: ''; background-color: rgba(71, 160, 196, 1); height: 3px; width: 94%; left: -47%; top: 6px;}
.cartMenu ul li:first-child::after{ position: absolute; content: ''; background-color:#e6eef1; height: 3px; width: 95%; left: -47%; top: 6px; z-index: 2;}

.shoppingArrow{font-size: 16px; line-height: 19px; font-weight: 700; color: #30819B; margin-top: 15px; display: inline-block;}
.shoppingArrow svg{margin-right: 11px;}
.shoppingArrow:hover{color: #000;}
.shoppingArrow:hover svg path{fill: #30819B !important;}
.app-cart{margin-top: 12px;}
.app-cartLeft{float: left; width: 65.97%;}
.app-cartRight{float: right; width: 32.10%;}
.whiteBg{background: #fff; padding: 21px 24px 21px 28px; border: 1px solid #8E8E8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.synchronyFinancing{ padding: 0; border: 0; text-align: center;}
.synchronyFinancing h3{text-align: center; background: #F4C746; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding: 13px 0 15px; font-size: 18px; line-height: 24px; border: 1px solid #8E8E8E; border-bottom: 0;}
.synchronyBox{border: 1px solid #8E8E8E; background: #fff; padding: 30px 24px 29px 28px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: -4px;}
.synchronyBox .btn{margin-top: 23px;}
.synchronyLink{ font-size: 18px; line-height: 21px; font-weight: 500; color: #1a1a1a;}
.synchronyLink a{display: inline-block; margin-left: 4px; font-size: 20px; line-height: 24px; font-weight: 700; color: #DD3C21; vertical-align: middle;}
.synchronyLink a:hover{color: #1a1a1a;}

.shippingCost{}
.shippingCost h3{margin-bottom: 27px;}
.mainContent .form-control{border: 1px solid #8e8e8e; height: 40px; font-size: 18px; line-height: 21px; font-weight: 500; color: #000; background-color: transparent;}
.promoCode{}
.promoCode h3{margin-bottom: 16px;}
.promoInner{margin:0 0 9px 13px;}
.promoInput{position: relative;}
.promoInput .form-control{padding-right: 120px;}
.promoInput .btn{position: absolute; right: 0; top: 0; width: 115px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
.couponCode{border: 1px solid #0A8055; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; line-height: 16px; padding: 13px 13px 12px; font-weight: 500; margin-top: 16px; color: #0A8055;}
.couponCode.invalid{color: #B24A4A; border-color: #B24A4A;}
.couponCode .al{font-weight: 700;}
.promoClose{background: #B24A4A; height: 16px; width: 16px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 9px; line-height: 13px; font-weight: 300; display: inline-block; color: #fff; text-align: center;}
.promoClose:hover{background: #1a1a1a;}
.orderSummary{}
.orderSummary h3{margin-bottom: 16px;}
.orderSummary label{display: block; padding: 16px 0 0 13px; font-size: 18px; line-height: 21px; font-weight: 500; color: #000; margin: 0; text-transform: inherit; cursor: text;}
.orderSummary label span{display: inline-block; float: right;}
.orderSummary label.orderTotal{margin-top: 16px; border-top: 2px solid  rgba(142, 142, 142, 0.5);}
.orderSummary .btn{margin-top: 32px;}

.cartBox{}
.cartBox ul{padding: 16px 0; margin: 0;}
.cartBoxTitle{font-weight: 700;}
.cartBox-col-2{float: left; width: calc(100% - 485px); padding-left: 20px;}
.cartBox-col-3{float: right; width: 290px;}
.cartBundle{padding-left: 14px; width: 75px; float: left; min-height: 1px;}
.cartBundle span{display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #30819B; color: #fff; text-align: center; font-size: 12px; line-height: 14px; font-weight: 700; width: 64px; padding: 5px 0; }
.cartImg{padding-left: 20px; width: 118px; float: left; position: relative;}
.cartImg img{width: 100%; height: 98px; object-fit: cover; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.cartUnit{padding-left: 10px; width: 90px; display: inline-block;}
.cartUnit span.color{display: block; color: #30819B; margin-top: 10px;}
.cartUnit .disNone{display: none;}
.text-through{text-decoration: line-through;}
.cartQty{ text-align: center; width: 90px; padding: 0 15px 0 5px; position: relative; display: inline-block;}
.cartQty .form-control{border: 1px solid  rgba(142, 142, 142, 0.5); text-align: center; background: #fff; padding-right: 20px;}
.cartQty a{position: absolute; height: 6px; width: 10px; background-position: 0 0; background-repeat: no-repeat; right: 9px;}
.cartQty .cart-minus{background-image: url(../images/up-arrow.png); top: 13px;}
.cartQty .cart-plus{background-image: url(../images/down-arrow.png); bottom: 12px;}
.cartTotal{width: 100px; padding-left: 10px; display: inline-block;}
.cartRemove{padding-right: 10px; min-height: 1px;}
.cartRemove a{color: #B24A4A;}
.cartRemove a:hover{color: #1a1a1a;}
.disIn{display: inline-block; text-align: center;}
.cartBoxDetails {padding: 16px 0;}
.cartBoxDetails .cartBox-col-2, .cartBoxDetails .cartBox-col-3{ height: 98px; display: table;}
.cartBorder{ border-top: 2px solid  rgba(142, 142, 142, 0.5);}
.first.cartBorder{border: none;}
.cartBoxDetails .child{ height: 100%; vertical-align: middle; display: table-cell;}
.cartBoxDetails .child a{ color: #000000 }
.cartBoxDetails .child a:hover{ color: #48A0C4 }

.order-overview{padding: 14px 26px 14px 28px; margin-bottom: 24px;}
.orderLink{font-size: 24px; line-height: 28px; color: #1a1a1a; font-weight: 500; background: url(../images/according-arrow-up.png) right center no-repeat; display: block;}
.orderLink:hover{color: #1a1a1a;}
.orderLink.collapsed{ background: url(../images/according-arrow-down.png) right center no-repeat;}
.orderShippingLink{font-size: 24px; line-height: 28px; color: #1a1a1a; font-weight: 500; background: url(../images/according-arrow-up.png) right center no-repeat; display: block;}
.orderShippingLink:hover{color: #1a1a1a;}
.orderShippingLink.collapsed{ background: url(../images/according-arrow-down.png) right center no-repeat;}
.order-overview .cartBox {margin-top: 15px;}
.order-address{margin-bottom: 24px;}
.order-address h3{margin-bottom: 37px;}
.shipping-overview{padding: 14px 26px 14px 28px; margin-bottom: 24px;}
#shipping-overview {margin-top: 15px;}



.addressDetails{}
.addressDetails li{padding-top: 22px; border-top: 1px solid #e5e5e5; font-size: 22px; line-height: 28px; color: #000; font-weight: 500; margin-top: 22px;}
.addressDetails li:first-child{padding-top: 0; margin-top: 0; border-top: 0;}
.addressDetails .billingAddress{margin-top: 22px;}
.addressDetails li label{text-transform: inherit; margin-bottom: 0; display: block;}
.addressDetails li .help-block { font-size: 14px }
.paymentIcon{position: absolute; right: 0; top: 0;}
.paypalIcon{margin-top: -10px;}
.cardIcon{margin-top: -5px;}
.synchronyText{float: right; font-size: 18px; line-height: 21px; margin-top: 5px;}
.synchronyText span{color: #DD3C21; font-weight: 700; margin-top: 4px;}
.paymentCard{max-width: 424px; width: 100%; margin-top: 22px;}
.cardDate{float: left; width: 50%; padding-right: 10px;}
.cardCvv{float: left; width: 50%; padding-left: 10px;}
.synchronyTextLeft{float: left;}

.orderBox{margin-top: 32px;}
.orderBoxTop{ width: 100%; font-size: 24px; line-height: 29px; color: #000; font-weight: 500;}
.orderBoxTopChild{max-width: 640px;}
.orderBoxTop h1{font-size: 48px; line-height: 56px; color: #1a1a1a; font-family: 'Raleway', sans-serif; margin-bottom: 34px; font-weight: 700;}
.orderBoxTop a{color: #1a1a1a;}
.orderBoxTop a:hover{color: #30819B;}
.orderBoxTop .pre-order-text{font-size: 18px; line-height: 1.4;}
.orderBoxLeft{margin-top: 50px; float: left; width: 520px;}
.orderBoxLeft h2{padding-bottom: 30px;}
.orderBoxLeft .cartBox-col-2{width: calc(100% - 280px);}
.orderBoxLeft .cartBox-col-3{width: 80px;}
.cartImg span{position: absolute; right: -12px; top: -12px; display: block; height: 24px; width: 24px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; background: #B24A4A; font-size: 18px; line-height: 24px; font-weight: 500; text-align: center;}
.app-orderTotal{font-size: 16px; line-height: 20px; color: #1a1a1a; padding-top: 22px; letter-spacing: 0.8px;}
.app-orderTotal span{display: inline-block; float: right; padding-right: 22px;}
.app-orderTotal-1{font-size: 24px; line-height: 32px; font-weight: 600;}
.orderBoxRight{margin-top: 50px; float: right; width: 420px; font-size: 18px; line-height: 20px; font-weight: 500; color: #2B3132;}
.orderBoxRight h2{margin-bottom: 12px;}
.shippingAdd, .cardInfo{ margin-bottom: 30px;}
.needReturn{background: #fff; border: 2px solid #8E8E8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 13px 15px 15px; margin-bottom: 36px; font-size: 16px; line-height: 20px;}
.needReturn h3{margin-bottom: 13px; font-size: 16px; line-height: 20px;}
.needReturn p{margin-bottom: 15px;}
.needReturn a.btn{max-width: 246px; width: 100%;}
.needReturn .btn-primary{background: #FAFAFA; border: 1px solid #8E8E8E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #1a1a1a;}
.needReturn .btn-primary:hover{color: #fafafa; background: #333;}

@media (max-width : 1250px) {
    .addressDetails li{font-size: 18px;}
}

@media (max-width : 1200px) {
    .mainContent .container{width: 100%; padding: 0 48px;}
}

@media (max-width : 1152px) {
    .mainContent .container{width: 100%;}
    .orderBoxLeft{ width: 500px;}
    .orderBoxRight{width: 320px;}
    .addressDetails li{font-size: 14px;}
}

@media (max-width : 1024px) {
    .app-cartLeft{float: none; width: 100%;}
    .app-cartRight{float: none; width: calc(100% + 96px); border-top: 1px solid #8e8e8e; margin: 32px -48px 0; padding: 24px 48px 0;}
    .shippingCost{padding: 0; border: 0; background: transparent; }
    .shippingCost h3{margin-bottom: 16px;}
    .shippingCost .form-group{width: 50%; float: left;}
    .shippingCost .width-48{width: 25%; padding-left: 22px;}
    .promoCode, .orderSummary{padding: 24px 22px 0 0; border: 0; border-top: 1px solid #8e8e8e; background: transparent; float: left; width: 50%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
    .orderSummary{padding-left: 22px; padding-right: 0;}
    .app-shippingRight .promoCode, .app-shippingRight .orderSummary{border-top: 0; padding-top: 0;}
    .orderBoxLeft{ float: none; width: 100%;}
    .orderBoxLeft .cartBoxDetails, .app-orderTotal{max-width: 580px;}
    .orderBoxRight{float: none; width: calc(100% + 42px); border-top: 2px solid rgba(142, 142, 142, 0.5); margin: 32px -21px 0; padding: 24px 21px 14px;}
    .shippingAdd{float: left; width: 50%;}
    .cardInfo{float: left; width: 50%;}
    .needReturn{margin-bottom: 24px;}
    .orderBoxRight .btn{max-width: 100%;}
    .addressDetails li{font-size: 16px;}
}

@media (max-width : 767px) {
    h2{ font-size: 32px; line-height: 38px;}
    h3{ font-size: 24px; line-height: 28px;}
    .mainContent .container{width: 100% !important; padding: 0 16px;}
    .whiteBg{padding: 11px 15px;}
    .app-cartRight{float: none; width: calc(100% + 32px); border-top: 1px solid #8e8e8e; margin: 30px -16px 0; padding: 24px 16px 0;}
    .shippingCost .form-group{width: 100%;}
    .shippingCost .width-48{width: 48%; padding-left: 0;}
    .promoCode{width: 100%; padding-right: 0;}
    .orderSummary{width: 100%; padding: 0; border: 0;}
    .cartBoxTitle {display: none;}
    .cartBundle{float: none; padding-left: 0; margin-bottom: 16px; min-height: 0;}
    .cartImg{padding-left: 0; width: 80px;}
    .cartImg img{height: 80px;}
    .cartBoxDetails .cartBox-col-2, .cartBoxDetails .cartBox-col-3{width: calc(100% - 80px); display: block !important; height: auto; padding-left: 22px; position: relative;}
    .cartProduct {font-weight: 700;}
    .cartUnit{padding-left: 0; margin-top: 12px; float: none; font-size: 12px; line-height: 14px; color: #8E8E8E;}
    .cartQty{padding: 0; margin-top: 12px; width: 75px !important; float: none;}
    .cartRemove{float: right; padding: 0; width: auto !important; margin-top: 0; position: absolute; right: 0; top: calc(50% - 12px);}
    .cartBoxDetails .child{display: block; width: 100%; height: fit-content;}
    .cartTotal{margin-top: 12px; float: left !important; padding-left: 0; width: calc(100% - 32px) !important; }
    .cartUnit .disNone{display: inline-block; margin-left: 4px;}
    .cartUnit span.color{margin-top: 4px; text-align: left;}
    .order-overview, .order-address{margin-bottom: 16px;}
    .order-overview .cartQty{text-align: left;}

    .promoCode{padding: 16px 0 0 0;}
    .orderSummary, .whiteBg.synchronyFinancing{padding: 0;}
    .app-shippingRight .promoCode{border-top: 0; padding-top: 0;}
    .addressDetails li{font-size: 18px; line-height: 21px; margin-top: 15px; padding-top: 15px;}
    .radioBox [type="radio"]:checked + label:before, .radioBox [type="radio"]:not(:checked) + label:before{top: 0px;}
    .radioBox [type="radio"]:checked + label:after, .radioBox [type="radio"]:not(:checked) + label:after{top: 2px;}
    .cardIcon{width: 116px; margin: 0;}
    .cardDate{width: 65%;}
    .cardCvv{width: 35%;}
    .synchronyText{font-size:12px; line-height: 14px; text-align: center; width: 85px; margin-top: 10px;}
    .synchronyText span{display: block; margin-top: 5px;}
    .synchronyTextLeft{width: 115px;}

    .orderBoxTop{font-size: 18px; line-height: 21px;}
    .orderBoxTop h1{font-size: 32px; line-height: 38px; margin-bottom: 21px;}
    .orderBoxTop .pre-order-text{font-size: 16px;}
    .orderBoxLeft{margin-top: 32px;}
    .orderBoxLeft h2{padding-bottom: 14px;}
    .orderBoxLeft .cartBox-col-2, .orderBoxLeft .cartBox-col-3{width: calc(100% - 80px);}
    .app-orderTotal span{margin: 0; padding: 0;}
    .orderBoxRight { width: calc(100% + 32px); margin: 30px -16px 0; padding: 24px 16px 10px 16px;}
    .shippingAdd, .cardInfo{width: 100%; margin-bottom: 32px;}
    .orderBox h2{line-height: 28px;}
    .addressDetails li{font-size: 14px;}
    .addressDetails .synchronyTextLeft{float: none;}
    .sync-payment .sync-price{float: none; margin-top: 12px;}
    .position-unset { position: unset }
}