.clear,
.clearall,
.clearfix::after,
.clearfix:after,
.order-summary-section {
 clear: both
}

.btn:not(:disabled):not(.disabled),
.buyopt,
.close:not(:disabled):not(.disabled),
.complete-btn,
.innerButton_all,
.leaveX_all,
.navbar-toggler:not(:disabled):not(.disabled),
.page-link:not(:disabled):not(.disabled),
.paymybtn,
.paymybtn input[type=radio],
.pckt_rts_container,
.pckt_rts_container input,
.selectr-grpBox,
a.continue-ship,
button {
 cursor: pointer
}

.chk-rgt-text1,
.prd-det-disc,
.str-rvw,
.topStrip p {
 letter-spacing: .5px
}

:root {
 color-scheme: light only;
 --blue: #007bff;
 --indigo: #6610f2;
 --purple: #6f42c1;
 --pink: #e83e8c;
 --red: #dc3545;
 --orange: #fd7e14;
 --yellow: #ffc107;
 --green: #28a745;
 --teal: #20c997;
 --cyan: #17a2b8;
 --white: #fff;
 --gray: #6c757d;
 --gray-dark: #343a40;
 --primary: #007bff;
 --secondary: #6c757d;
 --success: #28a745;
 --info: #17a2b8;
 --warning: #ffc107;
 --danger: #dc3545;
 --light: #f8f9fa;
 --dark: #343a40;
 --breakpoint-xs: 0;
 --breakpoint-sm: 576px;
 --breakpoint-md: 768px;
 --breakpoint-lg: 992px;
 --breakpoint-xl: 1200px;
 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

html {
 font-family: 'SF_Pro_Text' !important;
}

img {
 height: auto;
 max-width: 100%
}

li,
ul {
 list-style-type: none
}

.clearfix:after,
.clearfix:before {
 content: " ";
 display: table
}

.clearfix::after,
.grp-bx-text2 span:before,
.pckt_rts_container .checkmark:after,
.pkg-prc .cb-reg-price2:before,
input#togData:checked:before {
 content: ""
}

input[type=email],
input[type=tel],
input[type=text],
select {
 background: #FFF;
 border: 1px solid #d9d9d9;
 color: #222;
 height: 32px;
 line-height: 22px;
 width: 100%;
 font-size: 14px;
 padding: 3px 8px;
 outline: 0;
 font-family: Arial, sans-serif;
 font-weight: 400;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box
}

select {
 padding: 4px;
 height: 32px
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus {
 background: #fff;
 box-shadow: 0 0 5px #51cbee;
 border: 1px solid #51cbee
}

.clear {
 line-height: 0;
 height: 0
}

button {
 border: 0;
 width: 100%;
 display: block;
 position: relative;
 outline: 0;
 padding: 20px 15px;
 background: #2288D0;
 color: #fff
}



button:hover {
 background: #2791E4
}



@media (max-width:768px) {

 input[type=email],
 input[type=tel],
 input[type=text],
 select {
  font-size: 12px
 }
.stickyDiv,#left__sec{
    position: unset !important;
}
 .logo_wrap_dist img {
  width: 120px
 }
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 300;
 font-stretch: normal;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype')
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 font-stretch: normal;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype')
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 500;
 font-stretch: normal;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype')
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 font-stretch: normal;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype')
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 font-stretch: normal;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype')
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 800;
 font-stretch: normal;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype')
}

html {
 scroll-behavior: smooth;
 font-size: inherit !important
}

.forMob {
 display: none
}

@font-face {
 font-family: 'SF_Pro_Text';
 src: url(../fonts/SFProText-Bold.woff2) format('woff2'), url(../fonts/SFProText-Bold.woff) format('woff');
 font-weight: 700;
 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: 400;
 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(../fonts/SFProText-Heavy.woff2) format('woff2'), url(../fonts/SFProText-Heavy.woff) format('woff');
 font-weight: 900;
 font-style: normal;
 font-display: swap
}

.visa-imgg {
 /* width: 120px */
 width: 150px;
}

.topStrip {
 background: #FFB000;
 width: 100%;
 color: #fff;
 font-size: 17px;
 padding: 10px;
 border-bottom: 0px solid #f1dd39
}

.topStrip p {
 color: #211156;
 font-size: 17px;
 line-height: 24px
}

.chk-header {
 float: left;
 width: 100%;
 background: #211156;
 border-bottom: 1px solid #fff;
 padding: 7px 0;
}

ul.stepsBox {
 position: relative;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 top: 0
}

.dis-box-logo {
 display: flex;
 width: 100%;
 justify-content: space-between;
 align-items: center;
 padding: 0
}

h3.thrty_logos {
 display: flex;
 color: #2f6afc;
 margin-top: 0;
 font-size: 17px;
 align-items: center;
 text-align: left
}

.top_bar_nav {
 padding: 8px 0;
 border-bottom: 1px solid #fff;
 background: #211156;
 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: 6px;
}

@media (max-width:667px) {
 .top_bar_nav {
  padding: 10px 0;
  border-bottom: 0 solid #dfdfdf
 }

 .dis-box-logo {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  flex-direction: column
 }
}

.buyopt,
.top-row,
ul.s1-list {
 justify-content: space-between
}

ul.stepsBox li {
 display: inline-block;
 vertical-align: middle;
 font-size: 17px;
 line-height: 20px;
 color: #fff;
 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
}

.checkout-section {
 float: left;
 width: 100%;
 padding: 30px 0 0px
}

.left-sec {
 float: left;
 width: 45%;
 text-align: center
}

ul.s1-list {
 float: left;
 width: 100%;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 margin-top: 20px
}

ul.s1-list li {
 float: left;
 width: 19%;
 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
}

ul.s1-list li p {
 font-size: 12px;
 line-height: 21px;
 color: #000;
 font-weight: 700
}
.ctext{
    color: #000;
}

.right-sec {
 float: right;
 width: 49%;
 padding: 0 25px;
 text-align: left
}

.bdr-line,
.chk-rgt-text1,
.str-rvw {
 float: left;
 width: 100%
}

.chk-rgt-text1 {
 font-size: 18px;
 line-height: 24px;
 color: #CB2424
}

.prod-name {
 font-weight: 700;
 margin-top: 10px
}

.str-rvw {
 font-size: 15px;
 line-height: 20px;
 font-weight: 400;
 margin-top: 10px;
 color: #000;
}

.str-rvw img {
 display: inline-block;
 vertical-align: middle;
 margin: -5px 10px 0 0
}

.buyopt,
.w_item {
 display: -webkit-flex
}

.bdr-line {
 border-bottom: 1px solid #e0e0e0;
 margin: 10px 0 0
}

.pkg-hdng,
.prd-det-disc {
 margin-top: 8px;
 float: left;
 font-size: 17px;
 color: #000;
 width: 100%
}

.prd-det-disc {
 line-height: 26px
}

.pkg-hdng {
 line-height: 24px;
 font-weight: 700;
 letter-spacing: .5px;
 text-align: left
}

.buy-opt-left p,
.pkg-prc {
 line-height: 26px;
 letter-spacing: .5px
}

.pkg-opt {
 float: left;
 width: 100%;
 margin: 0 0 10px
}

.buyopt {
 float: left;
 width: 100%;
 margin: 10px 0 0;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 align-items: center;
 border: 1px solid #a1a1a1;
 border-radius: 15px;
 padding: 10px 20px;
 -webkit-transition: all .5s ease;
 transition: all .5s ease
}
.buyopt:focus{
    border:2px solid #6BB4FF !important;
}

.buy-opt-left {
 float: left;
 text-align: left
}

.buy-opt-left p {
 font-size: 17px;
 color: #000;
 font-weight: 700
}

.buy-opt-left p span {
 font-weight: 500;
 color: #CB2424
}

.buy-opt-rgt {
 float: right;
 text-align: right
}

.formBox,
.frm-flds,
.frm-flds.fl,
.pkg-subhdng {
 float: left
}

.pkg-prc {
 font-size: 17px;
 color: #000;
 font-weight: 700
}

.pkg-prc span {
 font-size: 17px;
 font-weight: 400;
 position: relative
}

.pkg-prc span.cb-buy {
 font-weight: 700
}

.pkg-prc .cb-reg-price2:before {
    position: absolute;
    left: 0;
    top: 8px;
    right: -5px;
    border-bottom: 2px solid #CB2424;
    transform: rotate(-6deg);
    width: 100%;
}

.pkg-subhdng {
 width: 100%;
 font-size: 14px;
 line-height: 18px;
 margin-top: 5px;
 color: #0071e3;
 letter-spacing: .5px;
 text-align: left
}

.formBox {
 width: 100%;
 margin-top: 15px
}

.frm-flds {
 width: 100%;
 position: relative;
 margin: 7px 0
}

.frm-flds.fr {
 float: right
}

.frm-flds.half-fld {
 width: 49%
}

.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)
}

.input-flds,
.selcet-fld {
 float: left;
 width: 100% !important;
 outline: 0;
 border: 1px solid #d9d9d9;
 height: 54px !important;
 padding: 10px 10px 10px 15px !important;
 border-radius: 10px !important;
 color: #000;
 -webkit-transition: all .2s ease-out;
 transition: all .2s ease-out;
 box-sizing: border-box;
 font-size: 15px !important;
 font-family: 'SF_Pro_Text' !important;
 letter-spacing: .5px;
 -webkit-appearance: none
}

.selcet-fld {
 padding-right: 40px !important
}

.input-flds:focus {
 border: 1px solid #0071e3;
 box-shadow: 0 0 0 1px #0071e3;
 -webkit-transition: all .2s ease-out;
 transition: all .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: 0 4px;
 border-bottom: 2px solid #115c80;
 border-right: 2px solid #115c80;
 transform: rotate(45deg);
 position: absolute;
 z-index: 5;
 top: 1px;
 left: 0;
 background: #fff;
 border-radius: 0
}

.fieldToggle {
 display: flex;
 align-items: center
}

.top-row {
 display: flex;
 border-top: 1px solid #a1a1a1;
 border-bottom: 1px solid #a1a1a1;
 padding-top: 6px;
 padding-bottom: 6px
}

.item-detail-row,
.payment-cards-box {
 justify-content: space-between
}

.top-row div p {
 font-size: 18px !important;
 font-weight: 900;
 font-family: 'SF Display', sans-serif
}

.item-detail-row {
 display: flex;
 margin-top: 8px;
 margin-bottom: 8px
}

.save-txt img,
.save-txt p {
 display: inline-block;
 vertical-align: middle
}

.offer-prcBox {
 float: left;
 width: 100%;
 margin-top: 15px;
 background: #FFB000 ;
 border: 1px solid #fff;
 padding: 8px 15px;
 position: relative
}

.save-txt {
 float: left;
 text-align: left
}

.save-txt p {
 font-size: 23px;
 line-height: 28px;
 color: #211156;
 text-transform: uppercase;
 font-family: 'SF_Pro_Text'
}

.save-txt img {
 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;
}

.grp-bx-text1,
.grp-bx-text2 {
 line-height: 24px;
 text-align: left;
 float: left;
 width: 100%;
 letter-spacing: .5px
}

.ofr-rgt p span {
 font-weight: 600
}

.save-txt p span {
 font-weight: 700;
 font-size: 38px
}

@media only screen and (max-width:479px) {
 .save-txt img {
  margin-left: 10px
 }
}

.m-back {
 display: block;
 margin: 10px auto
}

#stopwatch {
 color: #CB2424;
 font-weight: 600
}

#innerE1,
#innerE1 #timeCount,
.add-box-new .ylw,
.add-box-new-header,
.complete-btn,
.grp-bx-text1,
.guarantee_sec h5,
.innerA_all,
.innerB_all,
.innerButton_all,
.newReview h2,
a.continue-ship {
 font-weight: 700
}

@-moz-document url-prefix() {
 input#togData {
  top: 1.2px
 }
}

.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: #fff;
}

.selectr-grpBox {
 float: left;
 width: 100%;
 margin: 20px 0;
 border: 1px solid #a1a1a1;
 border-radius: 15px;
 padding: 20px;
 position: relative;
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
 /* display: none; */
}
.pkg-subhdng.color-blk{
    margin-bottom: 15px;
}

.selectr-grpBox input {
 position: absolute;
 opacity: 0
}

.grp-bx-text1 {
 font-size: 17px;
 color: #FFF
}

.grp-bx-text2 {
 font-size: 17px;
 color: #FFF;
 margin-top: 15px
}

.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 red;
 transform: rotate(-9deg)
}

ul.grpbx-list {
 float: left;
 width: 100%;
 margin-top: 20px;
 padding-top: 15px;
 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: #FFF;
 list-style: disc
}

.complete-btn,
a.continue-ship {
 padding: 18px 13px;
 font-size: 24px;
 letter-spacing: 1px;
 line-height: 24px;
 margin-top: 15px;
 display: inline-block;
 width: 100%;
 outline: 0;
 font-family: 'SF_Pro_Text';
 vertical-align: middle
}

.complete-btn {
 border-radius: 8px;
 color: #000;
 background: #FFB000 !important;
 border: none
}

a.continue-ship {
 border-radius: 8px;
 color: #000;
 background: #FFB000;
 border: none;
 text-align: center;
 margin-bottom: 15px
}

a.continue-ship:hover {
 color: #000;
}

.payoptbox {
 width: 100%;
 border: 1px solid #d9d9d9;
 border-radius: 4px;
 position: relative;
 overflow: hidden
}

.paymybtn {
 font-weight: 500;
 color: #000;
 font-size: 16px;
 text-align: left
}
.add-box-new-content p{
    color: #000; 
}

label.paymybtn {
 margin: 0
}

.paymybtn input[type=radio] {
 display: inline-block;
 vertical-align: middle;
 width: 18px;
 height: 18px;
 -webkit-box-shadow: 0 0 0 0 #000 inset;
 box-shadow: 0 0 0 0 #000 inset;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 position: relative;
 -webkit-appearance: none;
 -moz-appearance: none;
 border: 1px solid #d9d9d9;
 border-radius: 50%;
 outline: 0;
 margin-top: -6px;
 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
}

.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 0px 0px;
}

.paypal-box {
 border-bottom: 1px solid #ccc
}

@media only screen and (max-width:1187px) {
 .container {
  width: 1004px
 }

 ul.s1-list li p {
  font-size: 16px;
  line-height: 20px
 }

 .right-sec {
  padding: 0
 }

 .visa-imgg {
  width: 200px
 }
}

@media only screen and (max-width:1021px) {

 .ofr-rgt p,
 ul.stepsBox li {
  font-size: 16px
 }
 footer {
    margin-top: 50px !important;
}
    footer img {
        max-width: 280px;
    }

 .container {
  width: 750px
 }

 ul.stepsBox li {
  padding: 0 10px
 }

 ul.s1-list li {
  width: 48%;
  margin: 6px 0
 }

 .right-sec {
  width: 52%
 }
}

@media(max-width:1021px) and (min-width:768px) {

 .buy-opt-left p,
 .pkg-prc span {
  font-size: 12px
 }
  .hide-mob {
  display: none
 }
 .show-mob .s1-list {
    display: grid !important;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
}
 .show-mob ul.s1-list li {
    width: 100% !important;
    margin: 5px;
    padding: 15px 10px;
}
}

@media (max-width:768px) {
 .selcet-fld {
  padding: 10px 20px 10px 10px !important
 }
}

@media only screen and (max-width:767px) {
 .container {
  width: 100%;
  max-width: 600px;
  padding: 0 10px
 }

 .forMob {
  display: block
 }

 .hide-mob {
  display: none
 }

 .topStrip p {
  font-size: 14px;
  line-height: 19px
 }

 ul.stepsBox {
  position: static;
  transform: none;
  float: left;
  width: calc(100% + 20px);
  margin: 10px 0 0 -10px;
  /* border-top: 0px solid #ddd; */
  padding-top: 7px
 }

 .left-sec,
 .right-sec {
  width: 100%
 }

 .checkout-section {
  padding: 20px 0 30px
 }

 .buyopt,
 .selectr-grpBox {
  padding: 20px 15px
 }

 .left-sec {
  margin-top: 15px
 }

 .prod-name {
  font-size: 36px;
  line-height: 40px;
  margin-top: 5px
 }

 .str-rvw {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px
 }

 .buy-opt-left p,
 .pkg-prc,
 .pkg-prc span {
  font-size: 16px
 }

 .str-rvw img {
  margin: -3px 3px 0 0;
  width: 80px
 }

 .bdr-line {
  margin: 15px 0 0
 }

 .pkg-opt {
  margin: 0 0 8px
 }

 .buy-opt-left p {
  line-height: 25px
 }

 .pkg-prc {
  line-height: 24px
 }

 .formBox {
  margin-top: 10px
 }

 .selectr-grpBox {
  margin: 15px 0 10px
 }

 ul.s1-list li p {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: .5px
 }

 .footer {
  padding: 25px 0;
 
 }

 .ftr-txt1 {
  font-size: 16px;
  line-height: 19px;
  margin: 4px 0
 }

 ul.s1-list {
  padding: 0 15px;
  box-sizing: border-box
 }
}

.container,
.form-check,
.pckt_rts_container,
select {
 position: relative
}

h3,
label {
 margin-bottom: .5rem
}

@media only screen and (max-width:479px) {
 .pkg-hdng {
  margin-top: 5px
 }

 .pkg-subhdng {
  padding-bottom: 10px
 }

 .selectr-grpBox {
  padding: 5px 15px 10px
 }

 .buyopt {
  padding: 10px 15px
 }

 .buy-opt-left p,
 .pkg-prc span {
  font-size: 12px
 }
}

h3,
p,
ul {
 margin-top: 0
}

:-ms-input-placeholder {
 color: #333 !important
}

::-ms-input-placeholder {
 color: #333 !important
}

@media only screen and (max-width:340px) {

 .buy-opt-left p,
 .pkg-prc {
  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
 }
}

.box_style_thrty {
 display: flex;
 align-items: center;
 justify-content: center
}

.thrty_logos {
 margin-right: 20px
}

@media (max-width:767px) {
 .box_style_thrty {
  flex-wrap: wrap-reverse;
  justify-content: center
 }
}

@media only screen and (max-width:590px) {
 h3.top-phone_wrap {
  padding: 8px 0
 }

 .save-txt p {
  font-size: 19px
 }

 .save-txt p span {
  font-size: 30px
 }
}

@media only screen and (max-width:375px) {
 .paymybtn {
  font-size: 12px
 }
}

/*!

 * Bootstrap v4.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */
*,
::after,
::before {
 box-sizing: border-box
}

html {
 font-family: sans-serif;
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 -ms-overflow-style: scrollbar;
 -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
 width: device-width
}

body {
 font-size: 1rem;
 line-height: 1.5;
}

p,
ul {
 margin-bottom: 1rem
}

strong {
 font-weight: bolder
}

a {
 background-color: transparent;
 -webkit-text-decoration-skip: objects
}

a:hover {
 color: #0056b3
}

svg {
 overflow: hidden;
 vertical-align: middle
}

label {
 display: inline-block
}

button {
 border-radius: 0
}

button:focus {
 outline: dotted 1px;
 outline: -webkit-focus-ring-color auto 5px
}

button,
input,
select {
 margin: 0;
 font-family: inherit;
 font-size: inherit;
 line-height: inherit
}

button,
input {
 overflow: visible
}

button,
select {
 text-transform: none
}

[type=submit],
button {
 -webkit-appearance: button
}

[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
 padding: 0;
 border-style: none
}

input[type=checkbox],
input[type=radio] {
 box-sizing: border-box;
 padding: 0
}

::-webkit-file-upload-button {
 font: inherit;
 -webkit-appearance: button
}

h3 {
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit;
 font-size: 1.75rem
}

.container {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto
}

@media (min-width:576px) {
 .container {
  max-width: 540px
 }
}

@media (min-width:768px) {
 .container {
  max-width: 720px
 }
}

@media (min-width:992px) {
 .container {
  max-width: 960px
 }
}

@media (min-width:1200px) {
 .container {
  max-width: 1140px
 }
}

.form-control {
 display: block;
 width: 100%;
 height: calc(2.25rem + 2px);
 padding: .375rem .75rem;
 font-size: 1rem;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
 .form-control {
  transition: none
 }
}

.form-control::-ms-expand {
 background-color: transparent;
 border: 0
}

.form-control:focus {
 color: #495057;
 background-color: #fff;
 border-color: #80bdff;
 outline: 0;
 box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
 color: #6c757d;
 opacity: 1
}

.form-control::-moz-placeholder {
 color: #6c757d;
 opacity: 1
}

.form-control:-ms-input-placeholder {
 color: #6c757d;
 opacity: 1
}

.form-control::-ms-input-placeholder {
 color: #6c757d;
 opacity: 1
}

.form-control:disabled {
 background-color: #e9ecef;
 opacity: 1
}

select.form-control:focus::-ms-value {
 color: #495057;
 background-color: #fff
}

.form-check {
 display: block;
 padding-left: 1.25rem
}

.form-check-input {
 position: absolute;
 margin-top: .3rem;
 margin-left: -1.25rem
}

.btn-primary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #0062cc;
 border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #545b62;
 border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-success:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #1e7e34;
 border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #117a8b;
 border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #d39e00;
 border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #bd2130;
 border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #dae0e5;
 border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #1d2124;
 border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #007bff;
 border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #6c757d;
 border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #28a745;
 border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #17a2b8;
 border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #ffc107;
 border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #dc3545;
 border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #f8f9fa;
 border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #343a40;
 border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
 color: #000;
 text-decoration: none;
 opacity: .75
}

.clearfix::after {
 display: block
}

.d-none {
 display: none !important
}

.d-block {
 display: block !important
}

.d-flex {
 display: -ms-flexbox !important;
 display: flex !important
}

@media (min-width:768px) {
 .d-md-none {
  display: none !important
 }

 .d-md-block {
  display: block !important
 }
}

.justify-content-start {
 -ms-flex-pack: start !important;
 justify-content: flex-start !important
}

.align-items-center {
 -ms-flex-align: center !important;
 align-items: center !important
}

.w-100 {
 width: 100% !important
}

.mb-0 {
 margin-bottom: 0 !important
}

.mb-1 {
 margin-bottom: .25rem !important
}

.ml-3 {
 margin-left: 1rem !important
}

.pt-2 {
 padding-top: .5rem !important
}

.pb-2 {
 padding-bottom: .5rem !important
}

.py-3 {
 padding-top: 1rem !important;
 padding-bottom: 1rem !important
}

.px-3 {
 padding-right: 1rem !important;
 padding-left: 1rem !important
}

.text-center {
 text-align: center !important
}

#innerE1,
#innerF1,
.footer,
.innerButton_all,
.innerStyling,
body {
 text-align: center
}

@media print {

 *,
 ::after,
 ::before {
  text-shadow: none !important;
  box-shadow: none !important
 }

 a:not(.btn) {
  text-decoration: underline
 }

 img {
  page-break-inside: avoid
 }

 h3,
 p {
  orphans: 3;
  widows: 3
 }

 h3 {
  page-break-after: avoid
 }

 @page {
  size: a3
 }

 .container,
 body {
  min-width: 992px !important
 }
}

a,
a:hover {
 text-decoration: none;
 outline: 0
}

body {
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 padding: 0;
 background: #fff;
 color: #000;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased;
 font-family: 'SF_Pro_Text';
 font-weight: 400
}

div,
form,
h3,
img,
input,
li,
p,
ul {
 margin: 0;
 padding: 0
}

a {
 color: #333
}

img {
 vertical-align: middle;
 border: none
}

li {
 list-style: none
}

* {
 box-sizing: border-box
}

.clearall {
 font-size: 1px;
 line-height: 1px;
 height: 1px
}

@font-face {
 font-family: 'SF_Pro_Text';
 src: url(../fonts/SFProText-Bold.woff2) format('woff2'), url(../fonts/SFProText-Bold.woff) format('woff');
 font-weight: 700;
 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: 400;
 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(../fonts/SFProText-Heavy.woff2) format('woff2'), url(../fonts/SFProText-Heavy.woff) format('woff');
 font-weight: 900;
 font-style: normal;
 font-display: swap
}

.container {
 width: 1170px;
 margin: 0 auto;
 padding: 0
}

.footer,
.ftr-txt1,
.prod-name {
 width: 100%;
 float: left
}

.prod-name {
 font-size: 17px;
 line-height: 18px;
 color: #000;
 letter-spacing: .5px
}

.footer {
 padding: 40px 0;
 border-top: 1px solid #ddd;
  margin-top: 2rem !important;
}

.ftr-txt1 {
 font-size: 17px;
 line-height: 22px;
 color: #000;
 margin: 5px 0;
 letter-spacing: .5px
}

.ftr-txt1 a {
 color: #000;
 padding: 0 3px
}

.show-mob {
 display: none
}

.fl {
 float: left
}

#innerFb1,
.fr,
.leaveX_all {
 float: right
}

@media only screen and (max-width:1187px) {
 .container {
  width: 1000px
 }
}

@media(min-width:1021px) {

    #submitForm.complete-btn{
        position: relative;
            bottom: -90px;
    }
    .footer {
        margin-top: 130px !important;
    }
}

@media only screen and (max-width:1021px) {
 .container {
  width: 750px
 }

 .show-mob {
  display: block
 }

 ul.s1-list li {
  width: 45% !important
 }
}

@media only screen and (max-width:767px) {

 .hide-mob,
 .prod-name {
  display: none
 }

 h3.thrty_logos {
  text-align: center
 }

 .container {
  width: 100%;
  padding: 0 10px;
  max-width: 600px;
  box-sizing: border-box
 }

 .prod-name {
  font-size: 16px;
  line-height: 16px
 }

 .footer {
  padding: 25px 0
 }

 .ftr-txt1 {
  font-size: 15px;
  line-height: 18px;
  margin: 4px 0;
  letter-spacing: .2px
 }
}

span#protection:before,
span.totalAmt:before {
 display: none
}

@media only screen and (max-width:479px) {
 .ftr-txt1 {
  font-size: 13px
 }

 #togData {
  position: relative;
  top: 0
 }
}

.pckt_rts_container {
 display: block;
 padding-left: 35px;
 margin-bottom: 12px;
 font-size: 22px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.pckt_rts_container input {
 position: absolute;
 opacity: 0;
 height: 0;
 width: 0
}

.pckt_rts_container .checkmark {
 position: absolute;
 border: 1px solid rgba(0, 0, 0, .8);
 border-radius: .125em;
 top: 0;
 left: 0;
 height: 25px;
 width: 25px;
 background-color: #fff;
 z-index: 999
}

.selectr-grpBox .pckt_rts .pckt_rts_container input:checked~.checkmark {
 background-color: #2196F3
}

.pckt_rts_container .checkmark:after {
 position: absolute;
 display: none
}

.selectr-grpBox .pckt_rts .pckt_rts_container input:checked~.checkmark:after,
.space_click {
 display: block
}

.selectr-grpBox .pckt_rts .pckt_rts_container .checkmark:after {
 left: 10px;
 top: 7px;
 width: 5px;
 height: 10px;
 border: solid #fff;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg)
}

.slider-banner-image {
 height: 610px
}

.slider-banner-image img {
 height: 100%;
 width: 100%;
 object-fit: contain
}

.ftr-link a {
    color: #000;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}
.ctext {
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}
.ftr-link{
    color: #000;
}

@media screen and (max-width:991px) {
 .slider-banner-image {
  height: 500px
 }
}

@media screen and (max-width:767px) {
 .slider-banner-image {
  height: 400px
 }

 .banner-slider {
  display: flex;
  flex-direction: column-reverse
 }
}

@media screen and (max-width:580px) {
 .slider-banner-image {
  height: 340px
 }

 .banner-slider {
  display: flex;
  flex-direction: column-reverse
 }
}

@media screen and (max-width:480px) {
 .slider-banner-image {
  height: 280px
 }

 .slider-banner-image img {
  width: auto;
  margin: 0 auto
 }
}

#leaveFade {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999999;
 background: rgba(0, 0, 0, .7);
 display: none
}

.leavepop_all {
 width: 800px;
 height: auto;
 position: absolute;
 top: 35px;
 left: calc(50% - 400px);
 z-index: 1055;
    background: #ffe300;
    border: 5px solid #e43b2c;
 border-radius: 10px;
 padding-bottom: 40px;
 display: none;

}

.innerStyling {
 width: 700px;
 height: auto;
 margin: 0 auto
}

.leaveX_all {
 width: 35px;
 height: 35px;
 margin-right: -20px;
 margin-top: -20px;
 z-index: 1005
}

.innerA_all {
 color: #2f2f2f;
 font-size: 34px;
 padding-top: 40px
}

.innerB_all {
 color: #00e;
 font-size: 24px;
 padding-top: 25px
}

#innerD1 {
 color: #2f2f2f;
 font-size: 18px;
 padding-top: 25px
}

#innerE1 {
 width: 300px;
 height: auto;
 margin: 0 auto;
 font-family: arial;
 color: #2f2f2f;
 font-size: 32px;
 padding-top: 20px;
 letter-spacing: 2px
}

#innerE1 #timeCount {
 color: #2f2f2f
}

#innerF1 {
 width: 150px;
 height: auto;
 margin: 0 auto;
 font-family: 'Open Sans';
 color: #4e4e4e;
 font-size: 10px;
 padding-top: 5px
}

#innerFa1 {
 width: 75px;
 height: auto;
 float: left
}

#innerFb1 {
 width: 75px;
 height: auto
}

.innerButton_all {
 width: 400px;
 height: auto;
 margin: 0 auto;
 padding: 12px 0;
 color: #fff;
 font-size: 20px;
    background: #0bba18;
    border-radius: 4px;
    border: 1px solid #099513;
}

.space_click {
 height: 40px;
 width: 100%
}

.innerButton_all:hover {
 background: #03880d;
 border: 1px solid #04730c
}

@media screen and (max-width:900px) and (min-width:320px) {
 #leaveFade {
  -webkit-overflow-scrolling: touch !important;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  background: rgba(0, 0, 0, .7);
  overflow-x: hidden
 }

 .leavepop_all {
  height: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 160px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  font-size: 14px;
  line-height: 1.42857143;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 2px;
  width: 97% !important;
  top: 15px !important
 }

 .innerA_all {
  font-size: 20px;
  padding-top: 4px
 }

 #innerD1,
 .innerB_all {
  font-size: 12px;
  padding: 2px
 }

 #innerD1 {
  margin: 0 auto
 }

 #innerE1 {
  height: auto;
  font-size: 25px;
  padding: 2px
 }

 .innerButton_all {
  width: 92%;
  font-size: 16px;
  margin: 28px auto 10px
 }

 .innerStyling {
  width: 80%
 }

 .leavepop_all {
  top: 25px;
  left: auto;
  margin-left: 6px
 }

 .leaveX_all {
  z-index: 1005;
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: #333;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
  margin: 0
 }
}

@font-face {
 font-family: 'Proxima Nova';
 src: url(../fonts/ProximaNova-Semibold.woff2) format('woff2'), url(../fonts/ProximaNova-Semibold.woff) format('woff');
 font-weight: 600;
 font-style: normal;
 font-display: swap
}

@font-face {
 font-family: 'Proxima Nova Rg';
 src: url(../fonts/ProximaNova-Regular.woff2) format('woff2'), url(../fonts/ProximaNova-Regular.woff) format('woff');
 font-weight: 400;
 font-style: normal;
 font-display: swap
}

@font-face {
 font-family: 'Proxima Nova Rg';
 src: url(../fonts/ProximaNova-Bold.woff2) format('woff2'), url(../fonts/ProximaNova-Bold.woff) format('woff');
 font-weight: 700;
 font-style: normal;
 font-display: swap
}

.w_fomo_wrapper {
 position: fixed;
 bottom: 0;
 left: 10px;
 min-width: 340px;
 background-color: #fff;
 -webkit-transition: transform .8s ease;
 -webkit-transition: -webkit-transform .8s ease;
 transition: -webkit-transform .8s ease;
 transition: transform .8s ease;
 transition: transform .8s ease, -webkit-transform .8s ease;
 z-index: 1001;
 color: #fff;
 font-weight: 400;
 -webkit-transform: translateY(120%);
 transform: translateY(120%);
 -webkit-box-shadow: 0 0 5px #6f6f6f;
 box-shadow: 0 0 5px #6f6f6f;
 border-radius: 20px;
 max-width: 340px;
 width: 100%
}

.add-box-new,
.buyopt {
 position: relative
}

.w_fomo_wrapper.notify {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}

.w_item {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-align-items: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-justify-content: space-between
}

.w_thumb {
 border-radius: 50%
}

.w_desc p {
 margin-bottom: 0;
 text-align: left;
 font-size: 16px;
 color: #000
}

.w_fomo_wrapper .w_item {
 display: table;
 width: 100%
}

.w_fomo_wrapper .w_item>div {
 display: table-cell;
 vertical-align: middle
}

.w_fomo_wrapper .w_thumb {
 width: 90px;
 background-color: #fff;
 text-align: center
}

.w_fomo_wrapper .w_thumb img {
 width: 100%;
 margin: 0 auto
}

.w_fomo_wrapper .w_desc {
 padding: 10px;
 font-size: 1.3rem
}

.w_fomo_wrapper .w_desc strong {
 color: #000
}

@media (min-width:992px) {
 .w_fomo_wrapper {
  top: auto;
  bottom: 10px
 }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
 .w_fomo_wrapper {
  width: 300px
 }
}

@media(max-width:320px) {
 .w_fomo_wrapper {
  min-width: 300px;
  max-width: 300px
 }
}

.reco_deal {
 text-align: center;
 font-weight: 600;
 border-radius: 5px;
 color: #000;
 font-size: 14px
}

@media(max-width:1021px) {
 .reco_deal {
  font-size: 14px
 }
}

.buyopt.selected {
 box-shadow: 0 0 0 2px #FFB000;
 border: 1px solid #FFB000;
 -webkit-transition: all .5s ease;
 transition: all .5s ease
}

.guarantee_sec h5 {
 margin-top: 0
}

.payCardSec {
 margin-top: 1rem
}

.payCardSec p {
 font-size: 13px;
 text-align: center
}

.paymentCard {
 width: auto;
 display: block;
 margin: 20px auto
}
select{
    appearance: auto !important;
}

@media only screen and (max-width:1199px) {
 ul.s1-list {
  flex-wrap: wrap;
  justify-content: space-evenly
 }

 ul.s1-list li {
  width: 47%;
  margin: 5px;
  padding: 15px 10px
 }

 ul.s1-list li p {
  font-size: 18px
 }
}

.add-box-new {
 background: #fff;
 border-radius: 5px;
 border: 2px dashed #e51010;
 margin-bottom: 20px;
 display: inline-block;
     margin-top: 20px;
     display: none;
}

.add-box-new img {
 position: absolute;
 left: 10px;
 top: 58px;
 height: 110px;
     padding-top: 10px;
}

.add-box-new-header {
 background: rgba(229, 239, 118, .5);
 border-radius: 5px;
 color: #000;
 font-size: .875rem
}

.buy-opt-left span.cb-discountPercentage,
.text-success {
 color: #28a745 !important
}

.add-box-new-header-1 {
 padding-left: 15px;
 padding-right: 15px;
 justify-content: center !important;
     line-height: 17px;
}

.add-box-new-header .form-check {
 min-height: inherit
}

.add-box-new-content-1 {
 padding-left: 100px !important;
 padding-bottom: .8rem
}

#checkStatus2 {
 width: 1.2em;
 height: 1.2em;
 margin-top: .25em;
 vertical-align: top;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 border: 1px solid rgba(0, 0, 0, .25);
 -webkit-print-color-adjust: exact;
 border-radius: .25em
}

.form-check-input:checked {
 background-color: #6775fb;
 border-color: #6775fb
}

.form-check-input:focus {
 border-color: #b3bafd;
 outline: 0;
 -webkit-box-shadow: 0 0 0 .25rem rgba(103, 117, 251, .25);
 box-shadow: 0 0 0 .25rem rgba(103, 117, 251, .25);
 
}

.bounce-arrow {
 -webkit-animation: bouncebounce 1s infinite;
 animation: bouncebounce 1s infinite
}

@-webkit-keyframes bouncebounce {

 0%,
 100% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }

 50% {
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px)
 }
}

@keyframes bouncebounce {

 0%,
 100% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }

 50% {
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px)
 }
}

.bounce-arrow-r {
 -webkit-animation: bouncebounceR 1s infinite;
 animation: bouncebounceR 1s infinite
}

@-webkit-keyframes bouncebounceR {

 0%,
 100% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }

 50% {
  -webkit-transform: translateX(12px);
  transform: translateX(12px)
 }
}

@keyframes bouncebounceR {

 0%,
 100% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }

 50% {
  -webkit-transform: translateX(12px);
  transform: translateX(12px)
 }
}

@media(max-width:767px) {
 .add-box-new-header .form-check {
  width: 100%
 }

 .add-box-new {
  min-height: 190px
 }
}

@media(max-width:480px) {
 .add-box-new img {
  top: 75px
 }
}

.newReview {
 margin-top: 25px
}

.newReview ul li {
 margin-bottom: 10px
}

.guarantee_sec {
 overflow: hidden;
 margin-bottom: 30px
}

.picSec {
 float: left;
 width: 80px;
 margin-right: 30px
}

.guarantee_sec h5 {
 font-size: 20px;
 margin-bottom: 6px
}

.guarantee_sec p {
 font-size: 13px
}

.contentSec {
 overflow: hidden
}

.newReview h2 {
 font-size: 22px;
 text-align: center;
 margin: 0 0 15px
}

.payoptbox {
 margin-top: 20px
}

.paymybtn {
 width: 50%
}

.visa-imgg_section {
 width: 50%;
 text-align: right
}

a.text-success:focus,
a.text-success:hover {
 color: #1e7e34 !important
}

.font-weight-bold {
 font-weight: 700 !important
}

.pb-2,
.py-2 {
 padding-bottom: .5rem !important
}

.mb-3 {
 margin-bottom: 15px;
}
.stickyDiv,#left__sec{
    position: sticky;
    top:0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
 #progress-dialog,
 .lean-overlay {
  display: none !important
 }

 .autocomplete-express {
  top: 79%;
 }
 .border-blue{
     border:2px solid #6BB4FF;
 }

input.has-error, select.has-error {
    background: url(../images/error-input.png?v=2.0) 98% 50% no-repeat #fff !important;
    border: 1px solid orange !important;
    background-size:18px !important;
}
input.no-error, select.no-error {
    background: url(../images/tick-input.png?v=2.0) 98% 50% no-repeat #fff !important;
    border: 1px solid green !important;
    background-size:24px !important;
}
#error_handler_overlay .error_handler_body {
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .3);
    border-radius: 11px;
}
.error_handler_body > ul > li {
    font-family: inherit;
    /* line-height: 1.8; */
    margin-bottom: 0;
}
#app_common_modal_close, #error_handler_overlay_close{content: "\00d7";background-color: #ff7a39;}
#activated_message {
    background-color: #CB2424;
    color: #fff;
    padding: 20px;
    text-align: center;
    width: 500px;
    height: 102px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.dNone{
    display: none;
}
label[for="addRemote"] {
    margin-top: 2px;
}
input#chkboxSameAddress {
    width: 20px;
    height: 18px;
    position: relative;
    top: 3px;
}
#app_common_modal_close, #error_handler_overlay_close{
    line-height: 25px !important;
}
#app_common_modal, #error_handler_overlay{
    overflow: hidden !important;
}
#error_handler_overlay .error_handler_body {
    text-align: left;
}

footer {
    background-color: #F9F3E4;
    padding: 12px 0px 50px;
        margin-top: 150px;
}
.beat-deal{
        background: #FFB000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.beat-deal span {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
}

.beat-deal span:nth-child(1) {
    animation-delay: 0s;
}
.beat-deal span:nth-child(2) {
    animation-delay: 0.2s;
}
.beat-deal span:nth-child(3) {
    animation-delay: 0.4s;
}
.beat-deal span:nth-child(4) {
    animation-delay: 0.6s;
}
.beat-deal span:nth-child(5) {
    animation-delay: 0.8s;
}
.beat-deal span:nth-child(6) {
    animation-delay: 1s;
}
.beat-deal span:nth-child(7) {
    animation-delay: 1.2s;
}
.beat-deal span:nth-child(8) {
    animation-delay: 1.4s;
}

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2px);
    }
}

.add-box-new {
    background: #fff;
    border-radius: 5px;
    border: 2px dashed #e51010;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 20px;
        position: relative;
}
.add-box-new img {
    position: absolute;
    left: 10px;
    top: 58px;
    height: 110px;
    padding-top: 10px;
}
.add-box-new-header {
    background: rgba(229, 239, 118, .5);
    border-radius: 5px;
    color: #000;
    font-size: .875rem;
}
.add-box-new-header-1 {
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center !important;
}
.add-box-new-header .form-check {
    min-height: inherit;
}
.form-check-input:checked {
    background-color: #6775fb;
    border-color: #6775fb;
}
.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
label[for="addRemote"] {
    margin-top: 2px;
}
.bounce-arrow-r {
 -webkit-animation: bouncebounceR 1s infinite;
 animation: bouncebounceR 1s infinite
}

@-webkit-keyframes bouncebounceR {

 0%,
 100% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }

 50% {
  -webkit-transform: translateX(12px);
  transform: translateX(12px)
 }
}

@keyframes bouncebounceR {

 0%,
 100% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }

 50% {
  -webkit-transform: translateX(12px);
  transform: translateX(12px)
 }
}

.color-blk {
    color: #000;
}
.grp-bx-text1 {
    font-size: 17px;
    color: #000;
}
ul.grpbx-list li {
    float: left;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    list-style: disc;
}
.grp-bx-text2 {
    font-size: 17px;
    color: #000;
    margin-top: 15px;
}

/** BEGIN CSS NEEDED FOR SWITCH **/
.on-off-toggle {
  width: 56px;
  height: 24px;
  position: relative;
  display: inline-block;
}

.on-off-toggle__slider {
  width: 56px;
  height: 24px;
  display: block;
  border-radius: 34px;
  background-color: #d8d8d8;
  transition: background-color 0.4s
  
}

.on-off-toggle__slider:before {
    content: '';
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0 1px #949494;
    bottom: 3px;
    height: 18px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 18px;
    z-index: 5;
    border-radius: 100%;
  }

.on-off-toggle__slider:after {
    display: block;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    content: 'off';
    color: #484848;
    padding-left: 26px;
    transition: all 0.4s;
  }

.on-off-toggle__input {
  /*
    This way of hiding the default input is better 
    for accessibility than using display: none;
  */
  position: absolute;
  opacity: 0;
}

.on-off-toggle__input:checked + 
.on-off-toggle__slider {
  background-color: #1b81f0;
}

.on-off-toggle__input:checked + 
.on-off-toggle__slider:before {
    transform: translateX(32px);
  }

.on-off-toggle__input:checked + 
.on-off-toggle__slider:after {
    content: 'on';
    color: #FFFFFF;
    padding-left: 8px;
  }

  .cb-hd{
    overflow: hidden;
    display: flex;
    float: inline-start;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: #d5f0fb;
    padding: 12px 10px;
    gap: 20px;
  }
  .cb-hd h4{
      margin: 0px;
  }
.cov-box{
        border: 2px solid #a1a1a1;
    overflow: hidden;
    float: none;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #e5f6fd;
    padding-bottom: 15px;
}

.cov-box ul.grpbx-list {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 22px;
    border-top: 0px solid #ddd;
    padding-left: 22px;
}
.cov-box .mt-0{
    margin-top: 0px;
}
.grp-bx-text2 {
    padding: 0px 10px;
}
.cb-hd h4 span {
    margin-left: 10px;
    font-size: 17px;
}