@charset "utf-8";
/* CSS Document */
/*---------------- RESET CSS -----------------*/
 body {
     top:0;
     bottom:0;
     left:0;
     right:0;
     margin:auto;
     padding:0;
     background:#fff;
     color:#000000;
     text-align:center;
     font-family: 'SF Pro Text';
     font-weight: normal;
}
 div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {
    margin:0;
    padding:0;
}
 header, section, footer, aside, nav, main, article, figure {
    display: block;
}
 table, tr, td {
    border:0;
}
 a{
    outline: none;
     color:inherit;
     text-decoration:none;
}
 a:hover {
}
 img {
    border:none;
}
 li {
    list-style:none;
}
 *{
    box-sizing:border-box;
}
 .img-full{
    max-width:100%;
}
 .clearall{
     clear:both;
     font-size:1px;
     line-height:1px;
     height:1px;
}
 .forMob,.forTab{
     display:none ;
}
 .fl{
     float:left;
}
 .fr{
     float:right;
}
 #error_handler_overlay .error_handler_body {
     text-align: left;
}
/*----------------------- MAIN CSS START ------------------------*/
 .container {
     width:1170px;
     margin: 0 auto;
     padding: 0;
     position: relative;
}
/*=========FONTS===========*/
 @font-face{
     font-family: 'SF Pro Text';
     src: url('../../fonts/SFProText-Bold.woff2') format('woff2'), url('../../fonts/SFProText-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
 @font-face{
     font-family: 'SF Pro Text';
     src: url('../../fonts/SFProText-Semibold.woff2') format('woff2'), url('../../fonts/SFProText-Semibold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}
 @font-face{
     font-family: 'SF Pro Text';
     src: url('../../fonts/SFProText-Regular.woff2') format('woff2'), url('../../fonts/SFProText-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face{
     font-family: 'SF Pro Text';
     src: url('../../fonts/SFProText-Medium.woff2') format('woff2'), url('../../fonts/SFProText-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
/* @font-face{
     font-family: 'SF Pro Text';
     src: url('SFProText-Light.woff2') format('woff2'), url('SFProText-Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 */
 @font-face{
     font-family: 'SF Pro Text';
     src: url('../../fonts/SFProText-Heavy.woff2') format('woff2'), url('../../fonts/SFProText-Heavy.woff') format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}
/*==========Header==============*/
.visa-imgg {
    width: 240px;
    float: right;
}
.secure-checkout {
    max-width: 360px;
    margin: auto;
    display: block;
}
 .topStrip{
     float: left;
     width: 100%;
     background:red;
     padding:5px 0;
     overflow:hidden;
     position:relative;
}
 .topStrip p{
     color: #ffffff;
     font-size:20px;
     line-height:24px;
     letter-spacing:0.5px;
}
 .chk-header{
     float:left;
     width:100%;
     background:#fff;
     border-bottom:1px solid #e0e0e0;
     padding:7px 0;
}
 .logo{
     float:left;
     margin-top:2px;
}
 ul.stepsBox{
     position: relative;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     top: 0px;
}
 .menu_part {
     padding: 15px 0;
     border-bottom: 1px solid #eee;
}
 .dis-box-logo {
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
     padding: 0px 0px;
}
 h3.thrty_logos {
     display: flex;
}
 h3.thrty_logos {
     display: flex;
     color: #2f6afc;
     margin-top: 0;
     font-size: 17px;
     align-items: center;
     text-align: left;
}
 .top_bar_nav {
     padding: 8px 0px;
     border-bottom: 1px solid #dfdfdf;
     background: #f3f3f3;
     float:left;
     width:100%;
}
 h3.top-phone_wrap span img {
     max-width: 20px;
}
 h3.top-phone_wrap {
     font-size: 16px;
     padding-top: 0;
     margin-bottom: 0;
}
 .floating-fixed-section{
     padding: 20px 0;
     background: #f4f4f4;
     border-top: 1px solid #CCC;
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9;
     text-align: center;
}
 .floating-fixed-section .complete-btn{
     max-width: 300px;
}
.item-detail-row .item-name {
    width: 82%;
}
 @media (max-width:667px) {
     .top_bar_nav {
         padding: 10px 0px;
         border-bottom: 0px solid #dfdfdf;
    }
     .dis-box-logo {
         display: flex;
         width: 100%;
         justify-content: space-between;
         align-items: center;
         padding: 0px 0px;
         flex-direction: column;
         padding: 10px 0px 0px;
    }
}
/* .position-relative {
     -webkit-box-shadow: 0 6px 9px -5px #000;
     box-shadow: 0 6px 9px -5px #000;
     background-color: #01335e;
     background-image: -webkit-gradient(linear,right top, left top,from(#01335e),color-stop(50%, #265f91),to(#01335e));
     background-image: linear-gradient(270deg,#01335e,#265f91 50%,#01335e);
     position: relative;
     border-top: 10px solid #f1dd39;
}
 .secure-checkout {
     color: #fff;
     font-weight: thin;
     -ms-flex-item-align: center;
     align-self: center;
     border-left: 1px solid #fff;
}
 */
 ul.stepsBox li{
     display:inline-block;
     vertical-align:middle;
     font-size:17px;
     line-height:20px;
     color:#000000;
     font-weight:300;
     padding:0 17px;
     position:relative;
     letter-spacing:1px;
}
 ul.stepsBox li:before{
     content:"\003e";
     position:absolute;
     top:0;
     right:-5px;
}
 ul.stepsBox li:last-child:before{
     display:none;
}
 ul.stepsBox li span{
     font-weight:500;
}
 .hdr-rgt{
     float:right;
     font-size:14px;
     line-height:18px;
     letter-spacing: 0.5px;
     color:#000000;
}
 .hdr-rgt b{
     font-weight:500;
     color:#39a100;
}
 .hdr-rgt img{
     display:inline-block;
     vertical-align:middle;
     margin:-1px 2px 0;
}
 .hdr-rgt span{
     display:block;
     width:150px;
     margin:4px auto 0;
     font-size:18px;
     line-height:25px;
     font-weight:bold;
     background: #0071e3;
     padding: 2px 0 1px;
     color: #ffffff;
     border: 1px solid #0071e3;
}
/*======================*/
 .checkout-section{
     float:left;
     width:100%;
    /* padding:50px 0;
     */
     padding: 10px 0 50px;
}
 .left-sec{
     float:left;
     width:45%;
     text-align:center;
}
 .prodSlider-Left{
     float:left;
     width:100%;
}
 ul.s1-list{
     float:left;
     width:100%;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-top:20px;
}
 ul.s1-list li{
     float:left;
     width:24%;
     border:1px solid #a1a1a1;
     border-radius:10px;
     padding:25px 10px 22px;
     text-align:center;
}
ul.s1-list li img {
    display: block;
    margin: 0 auto 5px;
    max-width: 55px;
    height: 70px;
    object-fit: contain;
}
ul.s1-list li p {
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    font-weight: bold;
}
/*==========right-sec===========*/
 .right-sec{
     float:right;
     width:49%;
     padding:0 25px;
     text-align:left;
}
 .chk-rgt-text1{
     float:left;
     width:100%;
     font-size:18px;
     line-height:24px;
     color:#bf4800;
     letter-spacing:0.5px;
}
 .prod-name{
     float:left;
     width:100%;
     font-size:40px;
     line-height:50px;
     color:#000000;
     font-weight:bold;
     margin-top:10px;
}
 .str-rvw {
     float: left;
     width: 100%;
     font-size: 15px;
     line-height: 20px;
     font-weight: normal;
     margin-top: 10px;
     color: #696969;
     letter-spacing:0.5px;
}
 .str-rvw img {
     display: inline-block;
     vertical-align: middle;
     margin: -5px 10px 0 0;
}
 .bdr-line{
     float:left;
     width:100%;
     border-bottom: 1px solid #e0e0e0;
     margin:10px 0 0;
}
 .prd-det-disc {
     float: left;
     width: 100%;
     font-size: 17px;
     line-height: 26px;
     color: #000000;
     margin-top: 8px;
     letter-spacing: 0.5px;
}
.pkg-hdng {
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 8px;
    color: #000000;
    letter-spacing: 0.5px;
    text-align: left;
    margin-bottom: 10px;
}
 .pkg-opt{
     float: left;
     width: 100%;
     margin: 0 0 10px 0;
}
 .buyopt{
     float: left;
     width: 100%;
     margin: 10px 0 0 0;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
    /* flex-wrap: wrap;
     */
     justify-content: space-between;
     align-items: center;
     border:1px solid #a1a1a1;
     border-radius:15px;
     padding:10px 20px;
     cursor:pointer;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .buyopt.selected{
     box-shadow:0 0 0 2px #6bb4ff;
     border:1px solid #0071e3;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .buy-opt-left{
     float:left;
     text-align:left;
}
 .buy-opt-left p{
     font-size:17px;
     line-height:26px;
     color:#000000;
     font-weight:bold;
     letter-spacing:0.5px;
}
 .buy-opt-left p span{
     font-weight:500;
     color:#bf4800;
}
 .buy-opt-rgt{
     float:right;
     text-align:right;
}
 .pkg-prc{
     font-size:18px;
     line-height:26px;
     color:#000000;
     font-weight:bold;
     letter-spacing:0.5px;
}
 .pkg-prc span{
     font-size:17px;
     font-weight:normal;
     position:relative;
}
 .pkg-prc span.cb-buy{
     font-weight: bold;
}
 .pkg-prc .cb-reg-price:before{
     position:absolute;
     left:-5px;
     top:11px;
     right:-5px;
     border-bottom:1px solid #F00;
     transform:rotate(-9deg);
     content:"";
}
 .pkg-subhdng{
     float: left;
     width: 100%;
     font-size: 14px;
     line-height: 18px;
     margin-top: 5px;
     color: #0071e3;
     letter-spacing: 0.5px;
     text-align: left;
}
 ul.color-list{
     float:left;
     width:100%;
     max-width:380px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin:15px 0 5px;
}
 ul.color-list li{
     width:35px;
     height:35px;
     border-radius:5px;
}
 .select-color-box{
     float:left;
     width:100%;
     margin:10px 0;
     border: 1px solid #a1a1a1;
     border-radius: 15px;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     padding:20px;
}
 .select-clr-col-1{
     float:left;
     width:56%;
     text-align:left;
     position: relative;
}
 .colr-text1{
     font-size: 17px;
     line-height: 26px;
     color: #000000;
     font-weight: bold;
     letter-spacing: 0.5px;
}
 .select-clr-col-2{
     float:right;
     text-align:right;
}
 .selct-colrbx{
     float:left;
     width:100%;
     position:relative;
}
 .color-chooseHdng{
     float: left;
     width: 100%;
     font-size: 17px;
     line-height:36px;
     color: #000000;
     text-align: left;
     padding:5px 20px 5px 45px;
     border-bottom: 1px solid #dcdcdc;
     border-radius:3px;
     margin-top:5px;
     position:relative;
     cursor:pointer;
     background:url(../../images/checkout-now-v3/d-arw.png) no-repeat 96% center;
}
 .color-chooseHdng span{
     position:absolute;
     left:5px;
     top:50%;
     margin-top:-15px;
     width: 30px;
     height: 30px;
     border-radius: 5px;
}
 .color-drower{
     float: left;
     width: 100%;
     position: absolute;
     top: 52px;
     z-index: 2;
     background: #fff;
     border: 1px solid #ddd;
     border-bottom:none;
     border-top: none;
}
 ul.colorname-list{
     float: left;
     width: 100%;
}
 ul.colorname-list li{
     float: left;
     width: 100%;
     font-size: 17px;
     line-height:36px;
     color: #000000;
     text-align: left;
     padding:5px 20px 5px 45px;
     position:relative;
     cursor:pointer;
     border-bottom: 1px solid #dcdcdc;
}
 ul.colorname-list li span{
     position:absolute;
     left:5px;
     top:50%;
     margin-top:-15px;
     width: 30px;
     height: 30px;
     border-radius: 5px;
}
 .colr1 span{
     background: #ffa500;
}
 .colr2 span{
     background: #ff0000;
}
 .colr3 span{
     background: #0000ff;
     border: 1px solid #0000ff;
}
 .colr4 span{
     background: #008000;
     border: 1px solid #008000;
}
 .colr5 span{
     background: #800080;
     border: 1px solid #800080;
}
 .colr6 span{
     background: #ffc0cb;
     border: 1px solid #ffc0cb;
}
 .colr7 span{
     background: #ffffff;
     border: 1px solid #505050;
}
.formBox {
    float: left;
    width: 100%;
    margin-top: 0;
}
 .frm-flds{
     float:left;
     width:100%;
     position:relative;
     margin:7px 0;
}
 .frm-flds.fl{
    float:left;
}
 .frm-flds.fr{
    float:right;
}
 .frm-flds.half-fld{
    width:50%;
}
 .frm-flds.drop-fld{
    width:34%;
     margin-right:1%;
}
 .frm-flds.zip-fld{
    width:30%;
}
 .frm-flds.exp-flds{
    width:60%;
}
 .frm-flds.cvv-flds{
    width:38%;
}
 /* .frm-flds label{
     opacity: 0;
     visibility: hidden;
     display: block;
     position: absolute;
     top:8px;
     left: 15px;
     font-size: 12px;
     font-weight: 400;
     line-height: 1;
     color: #bbb;
     transition: all .2s ease-in-out;
     z-index: 1;
     -webkit-transform: translateY(3px);
     transform: translateY(3px);
}
 .frm-flds .fl-is-active label{
     opacity: 1;
     visibility: visible;
     transform: none;
     color: #737373;
} */
 .input-flds, .selcet-fld{
     float:left;
     width:100%!important;
     outline:none;
     border:1px solid #a7abad;
     height:54px!important;
     padding:10px 10px 10px 15px!important;
     border-radius: 10px!important;
     color: #000;
     -webkit-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     box-sizing:border-box;
     font-size:15px!important;
     font-family: 'SF Pro Text'!important;
     letter-spacing:0.5px;
     -webkit-appearance:none;
}
 .selcet-fld{
     background:url(../../images/checkout-now-v3/select.png) no-repeat right center #fff!important;
     padding-right:40px!important;
}
 .selcet-fld.no-error {
     background: url(../../images/tick-input.png) 99.5% 50% no-repeat #fff !important;
     border: 1px solid green !important;
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
}
 .selcet-fld.has-error {
     background: url(../../images/error-input.png) 99.5% 50% no-repeat #fff !important;
     border: 1px solid orange !important;
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
}
 .frm-flds .fl-is-active .input-flds{
     padding-top: 20px;
}
 .frm-flds .fl-is-active .selcet-fld{
     padding-top: 20px;
}
 .input-flds:focus{
     border:1px solid #0071e3;
     box-shadow:0 0 0 1px #0071e3;
     -webkit-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 input#togData {
     position: relative;
     margin-right: 5px;
     -webkit-appearance: none;
     appearance: none;
     width: 15px;
     height: 15px;
     border: 1px solid #c1c1c1;
     background: #fff;
}
 input#togData:checked:before{
     width: 5px;
     height: 10px;
     margin: 0px 4px;
     border-bottom: 2px solid #115c80;
     border-right: 2px solid #115c80;
     transform: rotate(45deg);
     position: absolute;
     z-index: 5;
     top: 1px;
     left: 0;
     content: "";
     background: #fff;
     border-radius: 0;
}
 .fieldToggle {
     display: flex;
     align-items: center;
}
 .frm-flds .fl-is-active label {
     opacity: 0 !important;
}
 .frm-flds .fl-is-active .input-flds {
     padding-top: 10px !important;
}
 .top-row {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid #a1a1a1;
     border-bottom: 1px solid #a1a1a1;
     padding-top: 6px;
     padding-bottom: 6px;
}
 .order-summary-section{ 
     clear:both;
}
 .top-row div p {
     font-size: 18px !important;
     font-weight: 900;
     font-family: 'SF Display', sans-serif;
}
 .item-detail-row {
     display: flex;
     justify-content: space-between;
     margin-top: 8px;
     margin-bottom: 8px;gap:2px;
}
 .offer-prcBox{
     float: left;
     width: 100%;
     margin-top: 15px;
     background: #f5f5f5;
     border: 1px solid #b8b8b8;
     padding: 8px 15px;
     position: relative;
}
 .save-txt {
     float: left;
     text-align: left;
}
 .save-txt p {
     display: inline-block;
     vertical-align: middle;
     font-size: 23px;
     line-height: 28px;
     color: #124c75;
     text-transform: uppercase;
     font-family: 'SF Pro Text';
}
 .save-txt img {
     display: inline-block;
     vertical-align: middle;
     margin: 0 0 0 20px;
}
 .ofr-rgt {
     float: right;
     padding: 7px 0;
     text-align: right;
}
 .ofr-rgt p {
     font-size: 18px;
     line-height: 22px;
     color: #000;
}
 .ofr-rgt p span {
     font-weight: 600;
     font-family: 'Proxima Nova';
}
 .save-txt p span {
     font-weight: bold;
     font-size: 38px;
}
.frm-flds.form-floating input:focus, .frm-flds.form-floating select:focus {
    box-shadow: none;
    border-color: #a7abad;
}
.frm-flds.form-floating input:focus ~ label, .frm-flds.form-floating select.form-select ~ label, .frm-flds.form-floating input.no-error ~ label, .frm-flds.form-floating select.form-select.no-error ~ label, form-group.form-floating input.has-error + label, .frm-flds.form-floating select.form-select.has-error + label, .frm-flds.form-floating>.form-control:not(:placeholder-shown)~label, .countrycode-content-container .country-code-container + input ~ label {
    font-size: 13px;
    padding: 0.60rem;
    left: 5px;
    top: 0;
    background-color: #fff;
    opacity: 1;
    height: auto;
    line-height: 0;
    transform: translateY(-.5rem) translateX(.15rem);
}
.payment-flds-box.credit-card .frm-flds.form-floating input:focus ~ label,.payment-flds-box.credit-card .frm-flds.form-floating select.form-select ~ label,.payment-flds-box.credit-card .frm-flds.form-floating input.no-error ~ label,.payment-flds-box.credit-card .frm-flds.form-floating select.form-select.no-error ~ label,.payment-flds-box.credit-card form-group.form-floating input.has-error + label,.payment-flds-box.credit-card .frm-flds.form-floating select.form-select.has-error + label,.payment-flds-box.credit-card .frm-flds.form-floating>.form-control:not(:placeholder-shown)~label{
    top: 10px;
}
.payment-flds-box.credit-card .frm-flds.form-floating label{
    left: 20px;
}
.frm-flds.form-floating label{
    line-height: 1;
}
.payment-flds-box.credit-card label.fl-label {
    height: auto;
    top: auto;
    left: 16px;
    line-height: 1;
}
 @media only screen and (max-width: 479px){
     .save-txt img{
         margin-left: 5px;
    }
}
 .m-back{
     display: block;
     margin: 10px auto;
}
 iframe {
     right: 0px !important;
}
 #stopwatch {
     color: #fff000;
     font-weight: 600;
}
 @-moz-document url-prefix() {
     input#togData {
         top: 1.2px;
    }
}
 .label-checkbox{
     float:left;
     text-align:left;
     cursor:pointer;
     margin:10px 0;
     color: #000;
     font-size:16px;
}
 .all-checkbox{
     display:inline-block;
     vertical-align:middle;
     margin-top:-6px;
     -webkit-appearance:none;
     width:20px;
     height:20px;
     border:1px solid #0a3e64;
     border-radius:3px;
     outline:none;
     position:relative;
     margin-right:5px;
     -webkit-box-shadow: 0 0 0 0 #000000 inset;
     box-shadow: 0 0 0 0 #000000 inset;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .all-checkbox:checked{
     background:#0071e3;
     border:1px solid #0071e3;
}
 .all-checkbox:after{
     content:'';
     position:absolute;
     width:18px;
     height:18px;
     background:url(../../images/checkout-now-v3/tik.svg) no-repeat center center;
     left:0;
     top:0;
     opacity:0;
     z-index:1;
     -webkit-transition: all 0.2s ease-in-out 0.1s;
     transition: all 0.2s ease-in-out 0.1s;
     -webkit-transform: scale(0.2);
     transform: scale(0.2);
}
 .all-checkbox:checked:after{
     -webkit-transition: all 0.2s ease-in-out 0.1s;
     transition: all 0.2s ease-in-out 0.1s;
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity:1;
}
 .card{
     margin-top:30px;
}
 .payment-flds-box{
     float:left;
     width:100%;
     margin-top:10px;
}
 .payment-flds-box.credit-card{
     float:left;
     width:100%;
     margin-top:0!important;
}
 .payment-flds-box.credit-card .frm-flds{
     margin-top:0;
}
 .payment-flds-box.credit-card .frm-flds:first-child{
     border-top: 1px solid #ccc;
     /* padding-top: 25px; */
}
 .payment-flds-box.credit-card .frm-flds.billing-cvv{
     margin-bottom: 25px;
}
 .color-blk{
     color:#000;
}
 .selectr-grpBox{
     float:left;
     width:100%;
     margin:20px 0;
     border: 1px solid #a1a1a1;
     border-radius: 15px;
     padding: 20px;
     cursor:pointer;
     position:relative;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .selectr-grpBox input{
     position:absolute;
     opacity:0;
}
 .selectr-grpBox.active{
     box-shadow:0 0 0 2px #6bb4ff;
     border:1px solid #0071e3;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .grp-bx-text1{
     float: left;
     width: 100%;
     font-size: 17px;
     line-height: 24px;
     font-weight: bold;
     color: #000000;
     letter-spacing: 0.5px;
     text-align: left;
}
 .grp-bx-text2{
     font-size: 17px;
    line-height: 24px;
    color: #000000;
    letter-spacing: 0.5px;
    text-align: left;
    margin-top: 0;
}
 .grp-bx-text2 span{
     position:relative;
     margin-right:20px;
}
 .grp-bx-text2 span:before {
     position: absolute;
     left: -5px;
     top: 11px;
     right: -5px;
     border-bottom: 1px solid #F00;
     transform: rotate(-9deg);
     content: "";
}
 ul.grpbx-list{
     float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    padding-left: 20px;
}
 ul.grpbx-list li{
     float:left;
     width:100%;
     margin-top:5px;
     font-size:14px;
     line-height:20px;
     color:#000000;
     list-style:disc;
}
 .summry-row{
     float:left;
     width:100%;
     background:#fbfbfd;
     padding:30px 20px 25px 20px;
     margin-top:15px;
     border-radius:5px;
}
 .sumry-col{
     float:left;
     width:100%;
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     padding:0 15px;
}
 .sumry-col-left{
     width:45%;
     text-align:left;
     position:relative;
     padding-left:35px;
}
 .sumry-col-left img{
     position:absolute;
     left:0;
     top:0;
}
 .sumry-col-left p{
     font-size:17px;
     line-height:26px;
     color:#000;
}
 .price-row{
     float:left;
     width:100%;
     margin-top:30px;
     padding:0 15px;
}
 .save-prc{
     float:left;
     font-size:18px;
     line-height:26px;
     color:#bf4800;
     font-weight:500;
     text-align:left;
}
 .regulr-prc{
     float:right;
     text-align:right;
     font-size:18px;
     line-height:26px;
     color:#000000;
     font-weight:bold;
}
 .regulr-prc span{
     font-weight:normal;
     color:#484848;
     font-size:16px;
     margin-right:15px;
     position:relative;
}
 .regulr-prc span:before{
     position: absolute;
     left: -5px;
     top: 11px;
     right: -5px;
     border-bottom: 1px solid #F00;
     transform: rotate(-9deg);
     content: "";
}
 .complete-btn{
     display:inline-block;
     vertical-align:middle;
     width:100%;
     padding:18px 13px;
     font-size:24px;
     border-radius:8px;
     letter-spacing:1px;
     line-height:24px;
     color:#fff;
    /* background:#0071e3;
     */
     background: green!important;
     font-weight:bold;
     cursor:pointer;
     border:none;
     outline:none;
     margin-top:15px;
     font-family: 'SF Pro Text';
}
 .secure-icons{
     display:block;
     margin:10px auto 0;
     max-width:100%;
}
/*==========footer===================*/
 .footer{
     float:left;
     width:100%;
     padding:40px 0;
     text-align:center;
     border-top:1px solid #ddd;
}
 .ftr-txt1{
     float:left;
     width:100%;
     font-size:17px;
     line-height:23px;
     color:#000000;
     margin:5px 0;
     letter-spacing:0.5px;
}
 .ftr-txt1 a{
     color:#000;
     padding:0 5px;
}
 .dmca-badge{
     width: 110px;
     display: block;
     margin: 0 auto 15px;
}
 a.continue-ship, a.continue-order{
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     padding: 18px 13px;
     font-size: 24px;
     border-radius: 8px;
     letter-spacing: 1px;
     line-height: 24px;
     color: #fff;
     background: green;
     font-weight: bold;
     cursor: pointer;
     border: none;
     outline: none;
     margin-top: 15px;
     font-family: 'SF Pro Text';
     text-align: center;
     margin-bottom: 15px;
}
 a.continue-ship:hover, a.continue-order:hover{
     color: #fff;
}
 .payoptbox{
     width: 100%;
     border: 1px solid #d9d9d9;
     border-radius: 4px;
     position: relative;
     overflow: hidden;
}
.paymybtn {
    /* float: left; */
    width: 100%;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}
 label.paymybtn{
     margin: 0;
}
 .paymybtn input[type=radio]{
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
     width: 18px;
     height: 18px;
     -webkit-box-shadow: 0 0 0 0 #000000 inset;
     box-shadow: 0 0 0 0 #000000 inset;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     position: relative;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     border: 1px solid #d9d9d9;
     border-radius: 50%;
     outline: none;
     margin-top: -5px;
     margin-right: 10px;
}
 .paymybtn input[type=radio]:checked{
     background: #0098fa;
}
 .paymybtn input[type=radio]:checked:after{
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: #fff;
     position: absolute;
     content: '';
     left: 5px;
     top: 5px;
}
/* .payment-cards-box img{
     float: right;
}
 */
 .payplsvg{
     display: inline-block;
     vertical-align: middle;
     margin-top: -4px;
}
 .payment-cards-box{
     padding: 10px 15px;
     display: flex;
     align-items: center;
}
 .payment-flds-box{
     padding: 10px 0px;
}
 .payment-flds-box.credit-card{
     padding: 0!important;
}
 .payment-flds-box.credit-card .frm-flds{
     padding: 10px 15px 0;
}
/* .cardPayOpt{
     border-bottom: 1px solid #ccc;
}
 */
 .paypal-box{
     border-bottom: 1px solid #ccc;
}
/*==============Media=============*/
 @media only screen and (max-width:1187px){
     .container{
         width:1004px;
    }
     ul.s1-list li p{
         font-size:12px;
        line-height: 20px;
    }
     .right-sec{
         padding:0;
    }
     .sumry-col{
         padding:0;
    }
     .sumry-col-left{
         width:49%;
    }
     .visa-imgg{
         width: 200px;
    }
}
 @media only screen and (max-width:1021px){
     .container{
         width:750px;
    }
     .forDesk{
         display:none;
    }
     .forTab{
         display:block;
    }
     ul.stepsBox li{
        font-size: 16px;
        padding: 0 10px;
    }
     .hdr-rgt{
         font-size:14px;
    }
     ul.s1-list li{
         width:48%;
         margin:6px 0;
    }
     .right-sec{
         width:52%;
    }
     .select-clr-col-1{
         width:65%;
    }
     .sumry-col-left p{
        font-size: 15px;
        line-height: 24px;
    }
     .price-row{
         padding:0;
    }
     .ofr-rgt p {
         font-size: 16px;
    }
}
 @media(max-width:1021px) and (min-width:768px) {
     .buy-opt-left p {
         font-size: 12px;
    }
     .pkg-prc span {
         font-size: 12px; 
    }
}
 @media only screen and (max-width:767px){
     .container{
         width:100%;
         max-width:600px;
         padding:0 10px;
    }
     .forMob{
         display:block;
    }
     .hide-mob{
         display:none;
    }
    .secure-checkout {
        max-width: 100%;
    }
     .topStrip p{
        font-size: 14px;
        line-height: 19px;
    }
    ul.s1-list li {
        width: 24%;
        margin: 6px 0;
        padding: 10px 0;
    }
    ul.s1-list li p {
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0;
    }
     ul.stepsBox{
        position: static;
        transform: none;
        float: left;
        width:calc(100% + 20px);
        margin: 10px 0 0 -10px;
        border-top: 1px solid #ddd;
         padding-top: 7px;
    }
     .hdr-rgt span{
        width: 140px;
         font-size: 15px;
        line-height: 22px;
    }
     .hdr-rgt img{
         width:13px;
    }
     .checkout-section{
         padding:20px 0 30px;
    }
     .left-sec{
         width:100%;
         margin-top:15px;
    }
     .right-sec{
         width:100%;
    }
     .prod-name{
        font-size: 36px;
        line-height: 40px;
        margin-top: 5px;
    }
     .str-rvw{
        font-size: 14px;
         line-height: 18px;
        margin-top: 5px;
    }
     .str-rvw img {
        margin: -3px 3px 0 0;
        width: 80px;
    }
     .bdr-line{
        margin: 15px 0 0;
    }
     .pkg-opt{
         margin:0 0 8px;
    }
     .buyopt{
         padding:20px 15px;
    }
     .buy-opt-left p{
         font-size: 16px;
        line-height: 25px;
    }
     .pkg-prc{
        font-size: 16px;
        line-height: 24px;
    }
     .pkg-prc span{
         font-size:16px;
    }
     .select-color-box{
         padding:20px 15px;
    }
     .formBox{
         margin-top:10px;
    }
     .label-checkbox{
         margin:10px 0 0;
    }
    .selectr-grpBox {
        margin: 15px 0 10px;
        padding: 10px !important;
    }
     .summry-row{
         padding:20px 10px;
    }
     .sumry-col-left{
         padding-left: 30px;
    }
     .sumry-col-left p {
        font-size: 14px;
        line-height: 20px;
    }
     .price-row{
         margin-top:20px;
    }
     .save-prc,.regulr-prc{
         font-size:16px;
         line-height:24px;
    }
     .secure-icons{
         max-width:90%;
    }
  
     .footer{
         padding:25px 0;
    }
     .ftr-txt1{
        font-size: 16px;
        line-height: 19px;
        margin: 4px 0;
    }
     ul.s1-list{
         padding: 0px;
         box-sizing: border-box;
    }
}
 @media only screen and (max-width: 479px){
     #chooseClr{
         margin-top: 10px;
    }
     .pkg-hdng{
         margin-top: 5px;
    }
     .pkg-subhdng{
         padding-bottom: 10px;
    }
     .selectr-grpBox{
         padding: 5px 15px 10px;
    }
     .buyopt{
         padding: 10px 15px;
    }
     .select-color-box{
         padding: 5px 15px 10px;
    }
     .buy-opt-left p {
         font-size: 11px;
         letter-spacing: 0;
    }
     .pkg-prc span {
         font-size: 12px;
    }
    .reco_deal {
    font-size: 10px;}
}
 @media only screen and (max-width:360px){
}
 /* ::placeholder{
     color: #333 !important;
     opacity: 1 !important;
} */
 :-ms-input-placeholder{
     color: #333 !important;
}
 ::-ms-input-placeholder{
     color: #333 !important;
}
 @media only screen and (max-width: 340px){
     .pkg-prc{
         font-size: 14px;
    }
     .buy-opt-left p{
         font-size: 14px;
    }
     .ofr-rgt p{
         font-size: 16px !important;
    }
     .save-txt p{
         font-size: 14px !important;
    }
     .save-txt p span{
         font-size: 22px !important;
    }
     .save-txt img{
         margin-left: 5px !important;
    }
     ul.s1-list{
         padding: 0 10px;
         box-sizing: border-box;
    }
     .offer-prcBox{
         padding: 8px 10px;
    }
}
 @media only screen and (max-width: 330px){
     .topStrip p{
         font-size: 12px;
    }
}
 .selct-colrbx:after{
     position: absolute;
     content: "";
     right: 15px;
     top: 25%;
     box-sizing: border-box;
     height: 20px;
     width: 20px;
     border-style: solid;
     border-color: #a1a1a1;
     border-width: 0px 1px 1px 0px;
     transform: rotate(45deg);
     transition: border-width 150ms ease-in-out;
     cursor: pointer;
}
/******************New Css 29/09/2022******************/
 #recentBox{
     width: 340px;
     padding: 12px;
     height: auto;
     position: fixed;
     z-index: 500;
     left: 15px;
    /* bottom: -115px;
     */
     background: #fff;
     display: none;
     -webkit-box-shadow: 0px 0px 5px #000;
     box-shadow: 0px 0px 5px #000;
     border-radius: 20px;
}
 #recentImg{
     width: 80px;
     height: auto;
     float: left;
}
 #recentText{
     width: 70%;
     height: auto;
     float: left;
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
     margin-left: 12px;
    text-align: left;
}
 @media screen and (max-width: 767px){
     #recentBox {
         width: 310px;
         padding: 6px;
         border-radius: 12px;
         bottom: unset;
         top: -50px;
         height: 80px;
         left: 50%;
         transform: translateX(-50%);
    }
    .item-detail-section > p {
        font-size: 12px;
    }
     #recentImg {
         width: 48px;
         height: auto;
         float: left;
    }
     #recentText {
         width: 80%;
         margin-left: 10px;
         font-size: 12px;
    }
}
/** New Popup Styles Here **/
 .irqran_global .msg-coupon-apply {
     color: #1f8305;
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 10px;
     display: none;
}
 .irqran_global .w_modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(255,255,255,.9);
     z-index: 9999;
}
 .irqran_global .w_modal.coupon-popup {
     background-color: rgba(0,0,0,.7);
}
 .irqran_global .w_modal .w_modal_dialog {
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .irqran_global .w_modal.coupon-popup .w_modal_content {
     background-color: #fff;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     max-width: 675px;
     position: relative;
     border: 0;
     min-height: auto;
     width: 100%;
     text-align: center;
     word-break: break-word;
     padding: 20px 10px;
}
 @media (min-width: 768px){
     .irqran_global .w_modal.coupon-popup .w_modal_content {
         padding: 40px;
    }
}
 #irvcve {
     border-radius: 10px 10px 10px 10px;
     line-height: 1.2em;
     max-width: 500px;
     padding: 30px 15px 10px;
}
 .irqran_global .w_modal.coupon-popup .w_title {
     font-weight: bold;
     color: #027ec6;
     font-size: 27px;
     margin-bottom: 5px;
     margin-top: 0;
     font-family: 'Proxima Nova Rg';
}
 @media (min-width: 768px){
     .irqran_global .w_modal.coupon-popup .w_title {
         font-size: 50px;
         margin-bottom: 25px;
         margin-top: 0;
    }
}
 #iqnz1w {
     font-size: 42px;
     line-height: 1.16em;
     color: #000;
     margin: 0 0 5px;
     font-weight: bold;
     font-family: 'Proxima Nova Rg';
}
 #i3egkv, #idzyqn, #igyn2i {
     font-family: 'Proxima Nova Rg';
}
 #igyn2i {
     font-size: 20px;
     padding: 25px 0 0;
     margin: 0 auto 20px;
     max-width: 330px;
}
 .irqran_global .w_modal.coupon-popup .w_promo_text {
     color: #2f2f2f;
     margin-bottom: 0;
     font-size: 15px;
}
 @media (min-width: 768px){
     .irqran_global .w_modal.coupon-popup .w_promo_text {
         font-size: 20px;
    }
}
 #close-expopup {
     top: 10px;
     right: 10px;
     left: 460px;
     bottom: 464.111px;
     padding: 4px 5px 5px;
     font-family: 'Proxima Nova Rg';
     font-size: 16px;
}
 .w_modal.coupon-popup #close-expopup {
     top: 10px!important;
     right: 10px!important;
     width: 30px!important;
     height: 30px!important;
     font-size: 20px!important;
     padding: 5px!important;
}
 .irqran_global .w_modal.coupon-popup #close-expopup {
     position: absolute;
     top: 10px;
     right: 10px;
     background-color: #d8d8d8;
     cursor: pointer;
     font-size: 16px;
     padding: 4px 5px 5px;
     font-weight: 400;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     color: #fff;
     font-style: normal;
     width: 26px;
     line-height: 16px;
}
 .irqran_global .icon-close:before {
     content: "x";
}
 #idzyqn {
     padding: 0;
     margin: 0 auto 20px;
     font-size: 69px;
     line-height: normal;
     font-weight: bold;
}
 #i3egkv {
     padding: 10px;
     margin: 0 auto 10px;
     max-width: 340px;
}
 .irqran_global .w_modal.coupon-popup .button-group {
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
 @media (min-width: 768px){
     .irqran_global .w_modal.coupon-popup .button-group {
         display: flex;
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: space-between;
         -ms-justify-content: space-between;
         justify-content: space-between;
         -webkit-flex-direction: row;
         -ms-flex-direction: row;
         flex-direction: row;
    }
}
 #iedvol {
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 .irqran_global .w_modal.coupon-popup .btn-yes-exit-popup, .irqran_global .w_modal.coupon-popup .close-popup-btn {
     width: 100%;
     color: #fff;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     font-size: 18px;
     border: 0;
     font-weight: 700;
     line-height: 1.2;
     -webkit-transition: all 125ms ease;
     -moz-transition: all 125ms ease;
     -ms-transition: all 125ms ease;
     -o-transition: all 125ms ease;
     transition: all 125ms ease;
     padding: 10px;
}
 .irqran_global .w_modal.coupon-popup .btn-yes-exit-popup {
     background: #29af5c;
     -webkit-box-shadow: 0 3px 0 0 #116e35;
     box-shadow: 0 3px 0 0 #116e35;
     margin-bottom: 20px;
     margin-top: 0;
}
 @media (min-width: 768px){
     .irqran_global .w_modal.coupon-popup .button-group button {
         width: calc(50% - 10px);
         min-width: inherit;
         margin: 0;
         font-size: 20px;
    }
}
 .irqran_global .w_modal.coupon-popup .button-group .btn-yes-exit-popup {
     -webkit-box-ordinal-group: 4;
     -moz-box-ordinal-group: 4;
     -ms-flex-order: 3;
     -webkit-order: 3;
     -moz-order: 3;
     -ms-order: 3;
     order: 3;
}
 #couponBtn, #iknili {
     width: 100%;
     line-height: 1.2em;
     font-family: 'Proxima Nova Rg';
     cursor: pointer;
}
 #couponBtn {
     max-width: 400px;
     padding: 15px 10px;
     margin: 0;
     background-color: #13456a;
     box-shadow: 0 2px 0 0 #1a5887;
}
 #couponBtn1 {
     max-width: 400px;
     padding: 15px 10px;
     margin: 0;
     background-color: #13456a;
     box-shadow: 0 2px 0 0 #1a5887;
}

 .irqran_global .w_modal.coupon-popup .close-popup-btn {
     background: #ea0013;
     -webkit-box-shadow: 0 3px 0 0 #8f000c;
     box-shadow: 0 3px 0 0 #8f000c;
}
 .irqran_global .w_modal.coupon-popup .button-group .close-popup-btn {
     -webkit-box-ordinal-group: 5;
     -moz-box-ordinal-group: 5;
     -ms-flex-order: 4;
     -webkit-order: 4;
     -moz-order: 4;
     -ms-order: 4;
     order: 4;
}
 #couponBtn, #iknili {
     width: 100%;
     line-height: 1.2em;
     font-family: 'Proxima Nova Rg';
     cursor: pointer;
}
 #iknili {
     background-color: transparent;
     color: #000;
     box-shadow: 0 0 0 0 transparent;
     text-decoration: underline;
     font-size: 16px;
     padding: 10px;
     font-weight: 400;
     margin: 20px 0 0;
}
 #ip9u66 {
     color: #1f8305;
     font-weight: 700;
     margin: 0 0 10px;
     text-align: left;
     font-size: 1.25rem;
     display: none;
}
 .box_style_thrty{
     display: flex;
     align-items: center;
}
 .thrty_logos {
     margin-right: 20px;
}

@media (max-width:1199px) and (min-width:992px){
    h3.thrty_logos{font-size: 14px;}
    .thrty_logos span img{width: 60px; }
}

@media (max-width:991px) and (min-width:768px){
    h3.thrty_logos{font-size: 14px;}
    .thrty_logos span img{width: 60px; }
    h3.top-phone_wrap{font-size: 15px;}
}
 @media (max-width: 820px){
     .w_modal.coupon-popup #close-expopup {
         top: 10px!important;
         right: 10px!important;
         width: 30px!important;
         height: 30px!important;
         font-size: 20px!important;
         padding: 5px!important;
    }
}
 @media (max-width: 767px){
     #irvcve {
         padding: 20px 15px 10px;
    }
    .save-txt p{font-size: 20px;}
    .save-txt p span{font-size: 35px;}
    #sticky-sticky-wrapper{height: auto !important;}
     #iqnz1w {
         font-size: 25px;
    }
    .grp-bx-text1{font-size: 15px;}
     #igyn2i {
         margin: 0 auto 10px;
    }
     #i3egkv, #igyn2i {
         font-size: 17px;
    }
     #close-expopup {
         left: auto;
         bottom: auto;
    }
     #idzyqn {
         font-size: 40px;
         margin: 0 auto 10px;
    }
     #iknili {
         font-size: 14px;
         margin: 15px 0 0;
    }
     .box_style_thrty {
         flex-wrap: wrap-reverse;
         justify-content: center;
    }
}
 @media only screen and (max-width: 590px){
     h3.top-phone_wrap{
         padding: 8px 0;
    }
}
 @media only screen and (max-width: 375px){
     .logo{
         float: none;
    }
     .paymybtn {
         font-size: 12px;
    }
}
.font-weight-bold{
    font-weight: bold !important;
}

.termSec p{
    font-size: 16px;
    text-align: center;
    color: #000;
    float: left; 
    width: 100%;
    margin: 1rem 0 0;}

.termSec p a{color: #003487;font-weight: 600;text-decoration: underline;}
.termSec .complete-btn{position: relative;}