#pro-container .clear,
#pro-container .clearall,
#pro-container .clearfix::after,
#pro-container .clearfix:after,
#pro-container .order-summary-section {
 clear: both
}

#pro-container .btn:not(:disabled):not(.disabled),
#pro-container .buyopt,
#pro-container .close:not(:disabled):not(.disabled),
#pro-container .complete-btn,
#pro-container .innerButton_all,
#pro-container .leaveX_all,
#pro-container .navbar-toggler:not(:disabled):not(.disabled),
#pro-container .page-link:not(:disabled):not(.disabled),
#pro-container .paymybtn,
#pro-container .paymybtn input[type=radio],
#pro-container .pckt_rts_container,
#pro-container .pckt_rts_container input,
#pro-container .selectr-grpBox,
#pro-container a.continue-ship,
#pro-container button {
 cursor: pointer
}

#pro-container .chk-rgt-text1,
#pro-container .prd-det-disc,
#pro-container .str-rvw,
#pro-container .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
}



#pro-container img {
 height: auto;
 max-width: 100%
}

#pro-container li,
#pro-container ul {
 list-style-type: none
}

#pro-container .clearfix:after,
#pro-container .clearfix:before {
 content: " ";
 display: table
}

#pro-container .clearfix::after,
#pro-container .grp-bx-text2 span:before,
#pro-container .pckt_rts_container .checkmark:after,
#pro-container .pkg-prc .cb-reg-price2:before,
#pro-container input#togData:checked:before {
 content: ""
}

#pro-container input[type=email],
#pro-container input[type=tel],
#pro-container input[type=text],
#pro-container 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
}

#pro-container select {
 padding: 4px;
 height: 32px
}

#pro-container input[type=email]:focus,
#pro-container input[type=tel]:focus,
#pro-container input[type=text]:focus,
#pro-container select:focus {
 background: #fff;
 box-shadow: 0 0 5px #51cbee;
 border: 1px solid #51cbee
}

#pro-container .clear {
 line-height: 0;
 height: 0
}

#pro-container button {
 border: 0;
 width: 100%;
 display: block;
 position: relative;
 outline: 0;
 padding: 20px 15px;
 background: #2288D0;
 color: #fff
}



#pro-container button:hover {
 background: #2791E4
}

#pro-container{
    padding: 50px 0px;
}


@media (max-width:768px) {

 #pro-container input[type=email],
 #pro-container input[type=tel],
 #pro-container input[type=text],
 #pro-container select {
  font-size: 12px
 }
#pro-container .stickyDiv,#left__sec{
    position: unset !important;
}
 #pro-container .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
}

#pro-container .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
}
#pro-container .visa-imgg {
  /* width: 120px */
  width: 150px;
}

#pro-container .topStrip {
  background: #FFB000;
  width: 100%;
  color: #fff;
  font-size: 17px;
  padding: 10px;
  border-bottom: 0px solid #f1dd39;
}

#pro-container .topStrip p {
  color: #211156;
  font-size: 17px;
  line-height: 24px;
}

#pro-container .chk-header {
  float: left;
  width: 100%;
  background: #211156;
  border-bottom: 1px solid #fff;
  padding: 7px 0;
}

#pro-container ul.stepsBox {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: 0;
}

#pro-container .dis-box-logo {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

#pro-container h3.thrty_logos {
  display: flex;
  color: #2f6afc;
  margin-top: 0;
  font-size: 17px;
  align-items: center;
  text-align: left;
}

#pro-container .top_bar_nav {
  padding: 8px 0;
  border-bottom: 1px solid #fff;
  background: #211156;
  float: left;
  width: 100%;
}

#pro-container h3.top-phone_wrap span img {
  max-width: 20px;
}

#pro-container h3.top-phone_wrap {
  font-size: 16px;
  padding-top: 0;
  margin-bottom: 6px;
}

@media (max-width: 667px) {
  #pro-container .top_bar_nav {
    padding: 10px 0;
    border-bottom: 0 solid #dfdfdf;
  }

  #pro-container .dis-box-logo {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    flex-direction: column;
  }
}

#pro-container .buyopt,
#pro-container .top-row,
#pro-container ul.s1-list {
  justify-content: space-between;
}

#pro-container 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;
}

#pro-container ul.stepsBox li:before {
  content: "\003e";
  position: absolute;
  top: 0;
  right: -5px;
}

#pro-container ul.stepsBox li:last-child:before {
  display: none;
}

#pro-container ul.stepsBox li span {
  font-weight: 500;
}

#pro-container .checkout-section {
  float: left;
  width: 100%;
  padding: 30px 0 0px;
}

#pro-container .left-sec {
  float: left;
  width: 45%;
  text-align: center;
}

#pro-container 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;
}

#pro-container ul.s1-list li {
  float: left;
  width: 19%;
  border: 1px solid #a1a1a1;
  border-radius: 10px;
  padding: 25px 10px 22px;
  text-align: center;
}

#pro-container ul.s1-list li img {
  display: block;
  margin: 0 auto 5px;
}

#pro-container ul.s1-list li p {
  font-size: 12px;
  line-height: 21px;
  color: #000;
  font-weight: 700;
}

#pro-container .ctext {
  color: #000;
}

#pro-container .right-sec {
  float: right;
  width: 49%;
  padding: 0 25px;
  text-align: left;
}

#pro-container .bdr-line,
#pro-container .chk-rgt-text1,
#pro-container .str-rvw {
  float: left;
  width: 100%;
}

#pro-container .chk-rgt-text1 {
  font-size: 18px;
  line-height: 24px;
  color: #CB2424;
}

#pro-container .prod-name {
  font-weight: 700;
  margin-top: 10px;
}

#pro-container .str-rvw {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 10px;
  color: #000;
}

#pro-container .str-rvw img {
  display: inline-block;
  vertical-align: middle;
  margin: -5px 10px 0 0;
}

#pro-container .buyopt,
#pro-container .w_item {
  display: -webkit-flex;
}

#pro-container .bdr-line {
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0 0;
}

#pro-container .pkg-hdng,
#pro-container .prd-det-disc {
  margin-top: 8px;
  float: left;
  font-size: 17px;
  color: #000;
  width: 100%;
}

#pro-container .prd-det-disc {
  line-height: 26px;
}

#pro-container .pkg-hdng {
  line-height: 24px;
  font-weight: 700;
  letter-spacing: .5px;
  text-align: left;
}

#pro-container .buy-opt-left p,
#pro-container .pkg-prc {
  line-height: 26px;
  letter-spacing: .5px;
}

#pro-container .pkg-opt {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

#pro-container .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;
}

#pro-container .buyopt:focus {
  border: 2px solid #6BB4FF !important;
}

#pro-container .buy-opt-left {
  float: left;
  text-align: left;
}

#pro-container .buy-opt-left p {
  font-size: 17px;
  color: #000;
  font-weight: 700;
}

#pro-container .buy-opt-left p span {
  font-weight: 500;
  color: #CB2424;
}

#pro-container .buy-opt-rgt {
  float: right;
  text-align: right;
}

#pro-container .formBox,
#pro-container .frm-flds,
#pro-container .frm-flds.fl,
#pro-container .pkg-subhdng {
  float: left;
}

#pro-container .pkg-prc {
  font-size: 17px;
  color: #000;
  font-weight: 700;
}

#pro-container .pkg-prc span {
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

#pro-container .pkg-prc span.cb-buy {
  font-weight: 700;
}

#pro-container .pkg-prc .cb-reg-price2:before {
  position: absolute;
  left: 0;
  top: 8px;
  right: -5px;
  border-bottom: 2px solid #CB2424;
  transform: rotate(-6deg);
  width: 100%;
}

#pro-container .pkg-subhdng {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  color: #0071e3;
  letter-spacing: .5px;
  text-align: left;
}

#pro-container .formBox {
  width: 100%;
  margin-top: 15px;
}

#pro-container .frm-flds {
  width: 100%;
  position: relative;
  margin: 7px 0;
}

#pro-container .frm-flds.fr {
  float: right;
}

#pro-container .frm-flds.half-fld {
  width: 49%;
}

#pro-container .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);
}

#pro-container .input-flds,
#pro-container .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;
}

#pro-container .selcet-fld {
  padding-right: 40px !important;
}

#pro-container .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;
}

#pro-container input#togData {
  position: relative;
  margin-right: 5px;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c1c1c1;
  background: #fff;
}

#pro-container 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;
}

#pro-container .fieldToggle {
  display: flex;
  align-items: center;
}

#pro-container .top-row {
  display: flex;
  border-top: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  padding-top: 6px;
  padding-bottom: 6px;
}

#pro-container .item-detail-row,
#pro-container .payment-cards-box {
  justify-content: space-between;
}

#pro-container .top-row div p {
  font-size: 18px !important;
  font-weight: 900;
  font-family: 'SF Display', sans-serif;
}

#pro-container .item-detail-row {
  display: flex !important;
  margin-top: 8px;
  margin-bottom: 8px;
}

#pro-container .save-txt img,
#pro-container .save-txt p {
  display: inline-block;
  vertical-align: middle;
}

#pro-container .offer-prcBox {
  float: left;
  width: 100%;
  margin-top: 15px;
  background: #FFB000;
  border: 1px solid #fff;
  padding: 8px 15px;
  position: relative;
}

#pro-container .save-txt {
  float: left;
  text-align: left;
}

#pro-container .save-txt p {
  font-size: 23px;
  line-height: 28px;
  color: #211156;
  text-transform: uppercase;
  font-family: 'SF_Pro_Text';
}

#pro-container .save-txt img {
  margin: 0 0 0 20px;
}

#pro-container .ofr-rgt {
  float: right;
  padding: 7px 0;
  text-align: right;
}

#pro-container .ofr-rgt p {
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

#pro-container .grp-bx-text1,
#pro-container .grp-bx-text2 {
  line-height: 24px;
  text-align: left;
  float: left;
  width: 100%;
  letter-spacing: .5px;
}

#pro-container .ofr-rgt p span {
  font-weight: 600;
}

#pro-container .save-txt p span {
  font-weight: 700;
  font-size: 38px;
}

@media only screen and (max-width: 479px) {
  #pro-container .save-txt img {
    margin-left: 10px;
  }
}
#pro-container .m-back {
  display: block;
  margin: 10px auto;
}

#pro-container #stopwatch {
  color: #CB2424;
  font-weight: 600;
}

#pro-container #innerE1,
#pro-container #innerE1 #timeCount,
#pro-container .add-box-new .ylw,
#pro-container .add-box-new-header,
#pro-container .complete-btn,
#pro-container .grp-bx-text1,
#pro-container .guarantee_sec h5,
#pro-container .innerA_all,
#pro-container .innerB_all,
#pro-container .innerButton_all,
#pro-container .newReview h2,
#pro-container a.continue-ship {
  font-weight: 700;
}

@-moz-document url-prefix() {
  #pro-container input#togData {
    top: 1.2px;
  }
}

#pro-container .payment-flds-box {
  float: left;
  width: 100%;
  margin-top: 10px;
}

#pro-container .payment-flds-box.credit-card {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

#pro-container .payment-flds-box.credit-card .frm-flds {
  margin-top: 0;
}

#pro-container .payment-flds-box.credit-card .frm-flds:first-child {
  border-top: 1px solid #ccc;
  padding-top: 25px;
}

#pro-container .payment-flds-box.credit-card .frm-flds.billing-cvv {
  margin-bottom: 25px;
}

#pro-container .color-blk {
  color: #fff;
}

#pro-container .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; */
}

#pro-container .pkg-subhdng.color-blk {
  margin-bottom: 15px;
}

#pro-container .selectr-grpBox input {
  position: absolute;
  opacity: 0;
}

#pro-container .grp-bx-text1 {
  font-size: 17px;
  color: #FFF;
}

#pro-container .grp-bx-text2 {
  font-size: 17px;
  color: #FFF;
  margin-top: 15px;
}

#pro-container .grp-bx-text2 span {
  position: relative;
  margin-right: 20px;
}

#pro-container .grp-bx-text2 span:before {
  position: absolute;
  left: -5px;
  top: 11px;
  right: -5px;
  border-bottom: 1px solid red;
  transform: rotate(-9deg);
}

#pro-container ul.grpbx-list {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
  padding-left: 20px;
}

#pro-container ul.grpbx-list li {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  list-style: disc;
}

#pro-container .complete-btn,
#pro-container 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;
}

#pro-container .complete-btn {
  border-radius: 8px;
  color: #000;
  background: #FFB000 !important;
  border: none;
}

#pro-container a.continue-ship {
  border-radius: 8px;
  color: #000;
  background: #FFB000;
  border: none;
  text-align: center;
  margin-bottom: 15px;
}

#pro-container a.continue-ship:hover {
  color: #000;
}

#pro-container .payoptbox {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

#pro-container .paymybtn {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  text-align: left;
}

#pro-container .add-box-new-content p {
  color: #000;
}

#pro-container label.paymybtn {
  margin: 0;
}

#pro-container .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;
}

#pro-container .paymybtn input[type=radio]:checked {
  background: #0098fa;
}

#pro-container .paymybtn input[type=radio]:checked:after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  content: '';
  left: 5px;
  top: 5px;
}

#pro-container .payplsvg {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}

#pro-container .payment-cards-box {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}

#pro-container .payment-flds-box {
  padding: 10px 0px;
}

#pro-container .payment-flds-box.credit-card {
  padding: 0 !important;
}

#pro-container .payment-flds-box.credit-card .frm-flds {
  padding: 10px 0px 0px;
}

#pro-container .paypal-box {
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 1187px) {
  /* #pro-container .container {
    width: 1004px;
  } */

  #pro-container ul.s1-list li p {
    font-size: 16px;
    line-height: 20px;
  }

  #pro-container .right-sec {
    padding: 0;
  }

  #pro-container .visa-imgg {
    width: 200px;
  }
}

@media only screen and (max-width: 1021px) {
  #pro-container .ofr-rgt p,
  #pro-container ul.stepsBox li {
    font-size: 16px;
  }
  #pro-container footer {
    margin-top: 50px !important;
  }
  #pro-container footer img {
    max-width: 280px;
  }

  /* #pro-container .container {
    width: 750px;
  } */

  #pro-container ul.stepsBox li {
    padding: 0 10px;
  }

  #pro-container ul.s1-list li {
    width: 48%;
    margin: 6px 0;
  }

  #pro-container .right-sec {
    width: 52%;
  }
}

@media (max-width: 1021px) and (min-width: 768px) {
  #pro-container .buy-opt-left p,
  #pro-container .pkg-prc span {
    font-size: 12px;
  }
  #pro-container .hide-mob {
    display: none;
  }
  #pro-container .show-mob .s1-list {
    display: grid !important;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
  }
  #pro-container .show-mob ul.s1-list li {
    width: 100% !important;
    margin: 5px;
    padding: 15px 10px;
  }
}

@media (max-width: 768px) {
  #pro-container .selcet-fld {
    padding: 10px 20px 10px 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  /* #pro-container .container {
    width: 100%;
    max-width: 600px;
    padding: 0 10px;
  } */

  #pro-container .forMob {
    display: block;
  }

  #pro-container .hide-mob {
    display: none;
  }

  #pro-container .topStrip p {
    font-size: 14px;
    line-height: 19px;
  }

  #pro-container 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;
  }

  #pro-container .left-sec,
  #pro-container .right-sec {
    width: 100%;
  }

  #pro-container .checkout-section {
    padding: 20px 0 30px;
  }

  #pro-container .buyopt,
  #pro-container .selectr-grpBox {
    padding: 20px 15px;
  }

  #pro-container .left-sec {
    margin-top: 15px;
  }

  #pro-container .prod-name {
    font-size: 36px;
    line-height: 40px;
    margin-top: 5px;
  }

  #pro-container .str-rvw {
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
  }

  #pro-container .buy-opt-left p,
  #pro-container .pkg-prc,
  #pro-container .pkg-prc span {
    font-size: 16px;
  }
}

 #pro-container .str-rvw img {
  margin: -3px 3px 0 0;
  width: 80px;
}

#pro-container .bdr-line {
  margin: 15px 0 0;
}

#pro-container .pkg-opt {
  margin: 0 0 8px;
}

#pro-container .buy-opt-left p {
  line-height: 25px;
}

#pro-container .pkg-prc {
  line-height: 24px;
}

#pro-container .formBox {
  margin-top: 10px;
}

#pro-container .selectr-grpBox {
  margin: 15px 0 10px;
}

#pro-container ul.s1-list li p {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: .5px;
}

#pro-container .footer {
  padding: 25px 0;
}

#pro-container .ftr-txt1 {
  font-size: 16px;
  line-height: 19px;
  margin: 4px 0;
}

#pro-container ul.s1-list {
  padding: 0 15px;
  box-sizing: border-box;
}


#pro-container .form-check,
#pro-container .pckt_rts_container,
#pro-container select {
  position: relative;
}

#pro-container h3,
#pro-container label {
  margin-bottom: .5rem;
}

@media only screen and (max-width: 479px) {
  #pro-container .pkg-hdng {
    margin-top: 5px;
  }

  #pro-container .pkg-subhdng {
    padding-bottom: 10px;
  }

  #pro-container .selectr-grpBox {
    padding: 5px 15px 10px;
  }

  #pro-container .buyopt {
    padding: 10px 15px;
  }

  #pro-container .buy-opt-left p,
  #pro-container .pkg-prc span {
    font-size: 12px;
  }
}

#pro-container h3,
#pro-container p,
#pro-container ul {
  margin-top: 0;
}

#pro-container :-ms-input-placeholder {
  color: #333 !important;
}

#pro-container ::-ms-input-placeholder {
  color: #333 !important;
}

@media only screen and (max-width: 340px) {
  #pro-container .buy-opt-left p,
  #pro-container .pkg-prc {
    font-size: 14px;
  }

  #pro-container .ofr-rgt p {
    font-size: 16px !important;
  }

  #pro-container .save-txt p {
    font-size: 14px !important;
  }

  #pro-container .save-txt p span {
    font-size: 22px !important;
  }

  #pro-container .save-txt img {
    margin-left: 5px !important;
  }

  #pro-container ul.s1-list {
    padding: 0 10px;
    box-sizing: border-box;
  }

  #pro-container .offer-prcBox {
    padding: 8px 10px;
  }
}

@media only screen and (max-width: 330px) {
  #pro-container .topStrip p {
    font-size: 12px;
  }
}

#pro-container .box_style_thrty {
  display: flex;
  align-items: center;
  justify-content: center;
}

#pro-container .thrty_logos {
  margin-right: 20px;
}

@media (max-width: 767px) {
  #pro-container .box_style_thrty {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
}

@media only screen and (max-width: 590px) {
  #pro-container h3.top-phone_wrap {
    padding: 8px 0;
  }

  #pro-container .save-txt p {
    font-size: 19px;
  }

  #pro-container .save-txt p span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 375px) {
  #pro-container .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)
 */
#pro-container *,
#pro-container ::after,
#pro-container ::before {
  box-sizing: border-box;
}

#pro-container 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;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); /* Example: Importing a font from Google Fonts */

#pro-container @-ms-viewport {
  width: device-width;
}

#pro-container body {
  font-size: 1rem;
  line-height: 1.5;
}

#pro-container p,
#pro-container ul {
  margin-bottom: 1rem;
}

#pro-container strong {
  font-weight: bolder;
}

#pro-container a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

#pro-container a:hover {
  color: #0056b3;
}

#pro-container svg {
  overflow: hidden;
  vertical-align: middle;
}

#pro-container label {
  display: inline-block;
}

#pro-container button {
  border-radius: 0;
}

#pro-container button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px;
}

#pro-container button,
#pro-container input,
#pro-container select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#pro-container button,
#pro-container input {
  overflow: visible;
}

#pro-container button,
#pro-container select {
  text-transform: none;
}

#pro-container [type=submit],
#pro-container button {
  -webkit-appearance: button;
}

#pro-container [type=submit]::-moz-focus-inner,
#pro-container button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

#pro-container input[type=checkbox],
#pro-container input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

#pro-container ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

#pro-container h3 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-size: 1.75rem;
}

/* #pro-container .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
} */

@media (min-width: 576px) {
  /* #pro-container .container {
    max-width: 540px;
  } */
}

@media (min-width: 768px) {
  /* #pro-container .container {
    max-width: 720px;
  } */
}

@media (min-width: 992px) {
  /* #pro-container .container {
    max-width: 960px;
  } */
}

@media (min-width: 1200px) {
  /* #pro-container .container {
    max-width: 1140px;
  } */
}

#pro-container .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) {
  #pro-container .form-control {
    transition: none;
  }
}

#pro-container .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

#pro-container .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

#pro-container .form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

#pro-container .form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
#pro-container .form-control:-ms-input-placeholder {
 color: #6c757d;
 opacity: 1
}

#pro-container .form-control::-ms-input-placeholder {
 color: #6c757d;
 opacity: 1
}

#pro-container .form-control:disabled {
 background-color: #e9ecef;
 opacity: 1
}

#pro-container select.form-control:focus::-ms-value {
 color: #495057;
 background-color: #fff
}

#pro-container .form-check {
 display: block;
 padding-left: 1.25rem
}

#pro-container .form-check-input {
 position: absolute;
 margin-top: .3rem;
 margin-left: -1.25rem
}

#pro-container .btn-primary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #0062cc;
 border-color: #005cbf
}

#pro-container .btn-primary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

#pro-container .btn-secondary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #545b62;
 border-color: #4e555b
}

#pro-container .btn-secondary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

#pro-container .btn-success:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #1e7e34;
 border-color: #1c7430
}

#pro-container .btn-success:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

#pro-container .btn-info:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #117a8b;
 border-color: #10707f
}

#pro-container .btn-info:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

#pro-container .btn-warning:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #d39e00;
 border-color: #c69500
}

#pro-container .btn-warning:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

#pro-container .btn-danger:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #bd2130;
 border-color: #b21f2d
}

#pro-container .btn-danger:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

#pro-container .btn-light:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #dae0e5;
 border-color: #d3d9df
}

#pro-container .btn-light:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

#pro-container .btn-dark:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #1d2124;
 border-color: #171a1d
}

#pro-container .btn-dark:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

#pro-container .btn-outline-primary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #007bff;
 border-color: #007bff
}

#pro-container .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

#pro-container .btn-outline-secondary:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #6c757d;
 border-color: #6c757d
}

#pro-container .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

#pro-container .btn-outline-success:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #28a745;
 border-color: #28a745
}

#pro-container .btn-outline-success:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

#pro-container .btn-outline-info:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #17a2b8;
 border-color: #17a2b8
}

#pro-container .btn-outline-info:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

#pro-container .btn-outline-warning:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #ffc107;
 border-color: #ffc107
}

#pro-container .btn-outline-warning:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

#pro-container .btn-outline-danger:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #dc3545;
 border-color: #dc3545
}

#pro-container .btn-outline-danger:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

#pro-container .btn-outline-light:not(:disabled):not(.disabled):active {
 color: #212529;
 background-color: #f8f9fa;
 border-color: #f8f9fa
}

#pro-container .btn-outline-light:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

#pro-container .btn-outline-dark:not(:disabled):not(.disabled):active {
 color: #fff;
 background-color: #343a40;
 border-color: #343a40
}

#pro-container .btn-outline-dark:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

#pro-container .close:not(:disabled):not(.disabled):focus,
#pro-container .close:not(:disabled):not(.disabled):hover {
 color: #000;
 text-decoration: none;
 opacity: .75
}

#pro-container .clearfix::after {
 display: block
}

#pro-container .d-none {
 display: none !important
}

#pro-container .d-block {
 display: block !important
}

#pro-container .d-flex {
 display: -ms-flexbox !important;
 display: flex !important
}

@media (min-width:768px) {
 #pro-container .d-md-none {
  display: none !important
 }

 #pro-container .d-md-block {
  display: block !important
 }
}

#pro-container .justify-content-start {
 -ms-flex-pack: start !important;
 justify-content: flex-start !important
}

#pro-container .align-items-center {
 -ms-flex-align: center !important;
 align-items: center !important
}

#pro-container .w-100 {
 width: 100% !important
}

#pro-container .mb-0 {
 margin-bottom: 0 !important
}

#pro-container .mb-1 {
 margin-bottom: .25rem !important
}

#pro-container .ml-3 {
 margin-left: 1rem !important
}

#pro-container .pt-2 {
 padding-top: .5rem !important
}

#pro-container .pb-2 {
 padding-bottom: .5rem !important
}

#pro-container .py-3 {
 padding-top: 1rem !important;
 padding-bottom: 1rem !important
}

#pro-container .px-3 {
 padding-right: 1rem !important;
 padding-left: 1rem !important
}

#pro-container .text-center {
 text-align: center !important
}

#pro-container #innerE1,
#pro-container #innerF1,
#pro-container .footer,
#pro-container .innerButton_all,
#pro-container .innerStyling,
#pro-container body {
 text-align: center
}

@media print {

 #pro-container *,
 #pro-container ::after,
 #pro-container ::before {
  text-shadow: none !important;
  box-shadow: none !important
 }

 #pro-container a:not(.btn) {
  text-decoration: underline
 }

 #pro-container img {
  page-break-inside: avoid
 }

 #pro-container h3,
 #pro-container p {
  orphans: 3;
  widows: 3
 }

 #pro-container h3 {
  page-break-after: avoid
 }

 #pro-container @page {
  size: a3
 }

 /* #pro-container .container,
 #pro-container body {
  min-width: 992px !important
 } */
}

#pro-container a,
#pro-container a:hover {
 text-decoration: none;
 outline: 0
}

#pro-container 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
}

/* #pro-container div,
#pro-container form,
#pro-container h3,
#pro-container img,
#pro-container input,
#pro-container li,
#pro-container p,
#pro-container ul {
 margin: 0;
 padding: 0
} */

#pro-container a {
 color: #333
}

#pro-container img {
 vertical-align: middle;
 border: none
}

#pro-container li {
 list-style: none
}

#pro-container * {
 box-sizing: border-box
}

#pro-container .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
}

/* #pro-container .container {
 width: 1170px;
 margin: 0 auto;
 padding: 0;
} */

#pro-container .footer,
#pro-container .ftr-txt1,
#pro-container .prod-name {
 width: 100%;
 float: left;
}

#pro-container .prod-name {
 font-size: 17px;
 line-height: 18px;
 color: #000;
 letter-spacing: .5px;
}

#pro-container .footer {
 padding: 40px 0;
 border-top: 1px solid #ddd;
 margin-top: 2rem !important;
}

#pro-container .ftr-txt1 {
 font-size: 17px;
 line-height: 22px;
 color: #000;
 margin: 5px 0;
 letter-spacing: .5px;
}

#pro-container .ftr-txt1 a {
 color: #000;
 padding: 0 3px;
}

#pro-container .show-mob {
 display: none;
}

#pro-container .fl {
 float: left;
}

#pro-container #innerFb1,
#pro-container .fr,
#pro-container .leaveX_all {
 float: right;
}

@media only screen and (max-width:1187px) {
 /* #pro-container .container {
  width: 1000px;
 } */
}

@media(min-width:1021px) {
 #pro-container #submitForm.complete-btn {
  position: relative;
  bottom: -90px;
          z-index: 2;
 }

 #pro-container .footer {
  margin-top: 130px !important;
 }
}

@media only screen and (max-width:1021px) {
 /* #pro-container .container {
  width: 750px;
 } */

 #pro-container .show-mob {
  display: block;
 }

 #pro-container ul.s1-list li {
  width: 45% !important;
 }
}

@media only screen and (max-width:767px) {
 #pro-container .hide-mob,
 #pro-container .prod-name {
  display: none;
 }

 #pro-container h3.thrty_logos {
  text-align: center;
 }
/* 
 #pro-container .container {
  width: 100%;
  padding: 0 10px;
  max-width: 600px;
  box-sizing: border-box;
 } */

 #pro-container .prod-name {
  font-size: 16px;
  line-height: 16px;
 }

 #pro-container .footer {
  padding: 25px 0;
 }

 #pro-container .ftr-txt1 {
  font-size: 15px;
  line-height: 18px;
  margin: 4px 0;
  letter-spacing: .2px;
 }
}

#pro-container span#protection:before,
#pro-container span.totalAmt:before {
 display: none;
}

@media only screen and (max-width:479px) {
 #pro-container .ftr-txt1 {
  font-size: 13px;
 }

 #pro-container #togData {
  position: relative;
  top: 0;
 }
}

#pro-container .pckt_rts_container {
 display: block;
 padding-left: 35px;
 margin-bottom: 12px;
 font-size: 22px;
 user-select: none;
}

#pro-container .pckt_rts_container input {
 position: absolute;
 opacity: 0;
 height: 0;
 width: 0;
}

#pro-container .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;
}

#pro-container .selectr-grpBox .pckt_rts .pckt_rts_container input:checked ~ .checkmark {
 background-color: #2196F3;
}

#pro-container .pckt_rts_container .checkmark:after {
 position: absolute;
 display: none;
}

#pro-container .selectr-grpBox .pckt_rts .pckt_rts_container input:checked ~ .checkmark:after,
#pro-container .space_click {
 display: block;
}

#pro-container .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;
 transform: rotate(45deg);
}

#pro-container .slider-banner-image {
 height: 610px;
}

#pro-container .slider-banner-image img {
 height: 100%;
 width: 100%;
 object-fit: contain;
}

#pro-container .ftr-link a {
 color: #000;
 text-decoration: none;
 font-size: 20px;
 font-weight: 500;
}

#pro-container .ctext {
 font-size: 16px;
 font-weight: 500;
 margin-top: 20px;
}

#pro-container .ftr-link {
 color: #000;
}

@media screen and (max-width:991px) {
 #pro-container .slider-banner-image {
  height: 500px;
 }
}

@media screen and (max-width:767px) {
 #pro-container .slider-banner-image {
  height: 400px;
 }

 #pro-container .banner-slider {
  display: flex;
  flex-direction: column-reverse;
 }
}

@media screen and (max-width:580px) {
 #pro-container .slider-banner-image {
  height: 340px;
 }

 #pro-container .banner-slider {
  display: flex;
  flex-direction: column-reverse;
 }
}

@media screen and (max-width:480px) {
 #pro-container .slider-banner-image {
  height: 280px;
 }

 #pro-container .slider-banner-image img {
  width: auto;
  margin: 0 auto;
 }
}

#pro-container #leaveFade {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999999;
 background: rgba(0, 0, 0, .7);
 display: none;
}

#pro-container .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;
}

#pro-container .innerStyling {
 width: 700px;
 height: auto;
 margin: 0 auto;
}

#pro-container .leaveX_all {
 width: 35px;
 height: 35px;
 margin-right: -20px;
 margin-top: -20px;
 z-index: 1005;
}

#pro-container .innerA_all {
 color: #2f2f2f;
 font-size: 34px;
 padding-top: 40px;
}

#pro-container .innerB_all {
 color: #00e;
 font-size: 24px;
 padding-top: 25px;
}

#pro-container #innerD1 {
 color: #2f2f2f;
 font-size: 18px;
 padding-top: 25px;
}

#pro-container #innerE1 {
 width: 300px;
 height: auto;
 margin: 0 auto;
 font-family: arial;
 color: #2f2f2f;
 font-size: 32px;
 padding-top: 20px;
 letter-spacing: 2px;
}

#pro-container #innerE1 #timeCount {
 color: #2f2f2f;
}

#pro-container #innerF1 {
 width: 150px;
 height: auto;
 margin: 0 auto;
 font-family: 'Open Sans';
 color: #4e4e4e;
 font-size: 10px;
 padding-top: 5px;
}

#pro-container #innerFa1 {
 width: 75px;
 height: auto;
 float: left;
}

#pro-container #innerFb1 {
 width: 75px;
 height: auto;
}

#pro-container .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;
}

#pro-container .space_click {
 height: 40px;
 width: 100%;
}

#pro-container .innerButton_all:hover {
 background: #03880d;
 border: 1px solid #04730c;
}

@media screen and (max-width:900px) and (min-width:320px) {
 #pro-container #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;
 }

 #pro-container .leavepop_all {
  height: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 160px;
  background-clip: padding-box;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  font-size: 14px;
  line-height: 1.42857143;
  position: relative;
  box-sizing: border-box;
  padding: 2px;
  width: 97% !important;
  top: 15px !important;
 }

 #pro-container .innerA_all {
  font-size: 20px;
  padding-top: 4px;
 }

 #pro-container #innerD1,
 #pro-container .innerB_all {
  font-size: 12px;
  padding: 2px;
 }

 #pro-container #innerD1 {
  margin: 0 auto;
 }

 #pro-container #innerE1 {
  height: auto;
  font-size: 25px;
  padding: 2px;
 }

 #pro-container .innerButton_all {
  width: 92%;
  font-size: 16px;
  margin: 28px auto 10px;
 }

 #pro-container .innerStyling {
  width: 80%;
 }

 #pro-container .leavepop_all {
  top: 25px;
  left: auto;
  margin-left: 6px;
 }

 #pro-container .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
}
#pro-container .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%;
}

#pro-container .add-box-new,
#pro-container .buyopt {
 position: relative;
}

#pro-container .w_fomo_wrapper.notify {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}

#pro-container .w_item {
 align-items: center;
 justify-content: space-between;
}

#pro-container .w_thumb {
 border-radius: 50%;
}

#pro-container .w_desc p {
 margin-bottom: 0;
 text-align: left;
 font-size: 16px;
 color: #000;
}

#pro-container .w_fomo_wrapper .w_item {
 display: table;
 width: 100%;
}

#pro-container .w_fomo_wrapper .w_item > div {
 display: table-cell;
 vertical-align: middle;
}

#pro-container .w_fomo_wrapper .w_thumb {
 width: 90px;
 background-color: #fff;
 text-align: center;
}

#pro-container .w_fomo_wrapper .w_thumb img {
 width: 100%;
 margin: 0 auto;
}

#pro-container .w_fomo_wrapper .w_desc {
 padding: 10px;
 font-size: 1.3rem;
}

#pro-container .w_fomo_wrapper .w_desc strong {
 color: #000;
}

@media (min-width:992px) {
 #pro-container .w_fomo_wrapper {
  top: auto;
  bottom: 10px;
 }
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
 #pro-container .w_fomo_wrapper {
  width: 300px;
 }
}

@media (max-width:320px) {
 #pro-container .w_fomo_wrapper {
  min-width: 300px;
  max-width: 300px;
 }
}

#pro-container .reco_deal {
 text-align: center;
 font-weight: 600;
 border-radius: 5px;
 color: #000;
 font-size: 14px;
}

@media (max-width:1021px) {
 #pro-container .reco_deal {
  font-size: 14px;
 }
}

#pro-container .buyopt.selected {
 box-shadow: 0 0 0 2px #FFB000;
 border: 1px solid #FFB000;
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
}

#pro-container .guarantee_sec h5 {
 margin-top: 0;
}

#pro-container .payCardSec {
 margin-top: 1rem;
}

#pro-container .payCardSec p {
 font-size: 13px;
 text-align: center;
}

#pro-container .paymentCard {
 width: auto;
 display: block;
 margin: 20px auto;
}

#pro-container select {
 appearance: auto !important;
}

@media only screen and (max-width:1199px) {
 #pro-container ul.s1-list {
  flex-wrap: wrap;
  justify-content: space-evenly;
 }

 #pro-container ul.s1-list li {
  width: 47%;
  margin: 5px;
  padding: 15px 10px;
 }

 #pro-container ul.s1-list li p {
  font-size: 18px;
 }
}

#pro-container .add-box-new {
 background: #fff;
 border-radius: 5px;
 border: 2px dashed #e51010;
 margin-bottom: 20px;
 display: inline-block;
 margin-top: 20px;
 display: none;
}

#pro-container .add-box-new img {
 position: absolute;
 left: 10px;
 top: 58px;
 height: 110px;
 padding-top: 10px;
}

#pro-container .add-box-new-header {
 background: rgba(229, 239, 118, .5);
 border-radius: 5px;
 color: #000;
 font-size: .875rem;
}

#pro-container .buy-opt-left span.cb-discountPercentage,
#pro-container .text-success {
 color: #28a745 !important;
}

#pro-container .add-box-new-header-1 {
 padding-left: 15px;
 padding-right: 15px;
 justify-content: center !important;
 line-height: 17px;
}

#pro-container .add-box-new-header .form-check {
 min-height: inherit;
}

#pro-container .add-box-new-content-1 {
 padding-left: 100px !important;
 padding-bottom: .8rem;
}


#pro-container #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
}

#pro-container .form-check-input:checked {
 background-color: #6775fb;
 border-color: #6775fb
}

#pro-container .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);
 
}

#pro-container .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)
 }
}

#pro-container .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) {
  #pro-container .add-box-new-header .form-check {
    width: 100%;
  }

  #pro-container .add-box-new {
    min-height: 190px;
  }
}

@media(max-width:480px) {
  #pro-container .add-box-new img {
    top: 75px;
  }
}

#pro-container .newReview {
  margin-top: 25px;
}

#pro-container .newReview ul li {
  margin-bottom: 10px;
}

#pro-container .guarantee_sec {
  overflow: hidden;
  margin-bottom: 30px;
}

#pro-container .picSec {
  float: left;
  width: 80px;
  margin-right: 30px;
}

#pro-container .guarantee_sec h5 {
  font-size: 20px;
  margin-bottom: 6px;
}

#pro-container .guarantee_sec p {
  font-size: 13px;
}

#pro-container .contentSec {
  overflow: hidden;
}

#pro-container .newReview h2 {
  font-size: 22px;
  text-align: center;
  margin: 0 0 15px;
}

#pro-container .payoptbox {
  margin-top: 20px;
}

#pro-container .paymybtn {
  width: 50%;
}


#pro-container .visa-imgg_section {
 width: 50%;
 text-align: right
}

#pro-container a.text-success:focus,
#pro-container a.text-success:hover {
 color: #1e7e34 !important
}

#pro-container .font-weight-bold {
 font-weight: 700 !important
}

#pro-container .pb-2,
#pro-container .py-2 {
 padding-bottom: .5rem !important
}

#pro-container .mb-3 {
 margin-bottom: 15px;
}
#pro-container .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;
}
 #pro-container #progress-dialog,
 .lean-overlay {
  display: none !important
 }

 #pro-container .autocomplete-express {
  top: 79%;
 }
 #pro-container .border-blue{
     border:2px solid #6BB4FF;
 }

#pro-container input.has-error, #pro-container 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;
}
#pro-container input.no-error, #pro-container 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;
}
#pro-container #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;
}
#pro-container .error_handler_body > ul > li {
    font-family: inherit;
    /* line-height: 1.8; */
    margin-bottom: 0;
}
#pro-container #app_common_modal_close, #pro-container #error_handler_overlay_close{content: "\00d7";background-color: #ff7a39;}
#pro-container #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);
}
#pro-container .dNone{
    display: none;
}
#pro-container label[for="addRemote"] {
    margin-top: 2px;
}
#pro-container input#chkboxSameAddress {
    width: 20px;
    height: 18px;
    position: relative;
    top: 3px;
}
#pro-container #app_common_modal_close, #error_handler_overlay_close{
    line-height: 25px !important;
}
#pro-container #app_common_modal, #error_handler_overlay{
    overflow: hidden !important;
}
#pro-container #error_handler_overlay .error_handler_body {
    text-align: left;
}

#pro-container footer {
    background-color: #F9F3E4;
    padding: 12px 0px 50px;
        margin-top: 150px;
}
#pro-container .beat-deal{
        background: #FFB000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 10px;
    margin-bottom: 5px;
}

#pro-container .beat-deal span {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
}

#pro-container .beat-deal span:nth-child(1) {
    animation-delay: 0s;
}
#pro-container .beat-deal span:nth-child(2) {
    animation-delay: 0.2s;
}
#pro-container .beat-deal span:nth-child(3) {
    animation-delay: 0.4s;
}
#pro-container .beat-deal span:nth-child(4) {
    animation-delay: 0.6s;
}
#pro-container .beat-deal span:nth-child(5) {
    animation-delay: 0.8s;
}
#pro-container .beat-deal span:nth-child(6) {
    animation-delay: 1s;
}
#pro-container .beat-deal span:nth-child(7) {
    animation-delay: 1.2s;
}
#pro-container .beat-deal span:nth-child(8) {
    animation-delay: 1.4s;
}

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2px);
    }
}

#pro-container .add-box-new {
    background: #fff;
    border-radius: 5px;
    border: 2px dashed #e51010;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 20px;
        position: relative;
}
#pro-container .add-box-new img {
    position: absolute;
    left: 10px;
    top: 58px;
    height: 110px;
    padding-top: 10px;
}
#pro-container .add-box-new-header {
    background: rgba(229, 239, 118, .5);
    border-radius: 5px;
    color: #000;
    font-size: .875rem;
}
#pro-container .add-box-new-header-1 {
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center !important;
}
#pro-container .add-box-new-header .form-check {
    min-height: inherit;
}

#pro-container .form-check-input:checked {
    background-color: #6775fb;
    border-color: #6775fb;
}

#pro-container .form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

#pro-container label[for="addRemote"] {
    margin-top: 2px;
}

#pro-container .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);
    }
}

#pro-container .color-blk {
    color: #000;
}

#pro-container .grp-bx-text1 {
    font-size: 17px;
    color: #000;
}

#pro-container ul.grpbx-list li {
    float: left;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    list-style: disc;
}

#pro-container .grp-bx-text2 {
    font-size: 17px;
    color: #000;
    margin-top: 15px;
    padding: 0px 10px;
}

/** BEGIN CSS NEEDED FOR SWITCH **/
#pro-container .on-off-toggle {
    width: 56px;
    height: 24px;
    position: relative;
    display: inline-block;
}

#pro-container .on-off-toggle__slider {
    width: 56px;
    height: 24px;
    display: block;
    border-radius: 34px;
    background-color: #d8d8d8;
    transition: background-color 0.4s;
}

#pro-container .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%;
}

#pro-container .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;
}

#pro-container .on-off-toggle__input {
    position: absolute;
    opacity: 0;
}

#pro-container .on-off-toggle__input:checked + .on-off-toggle__slider {
    background-color: #1b81f0;
}

#pro-container .on-off-toggle__input:checked + .on-off-toggle__slider:before {
    transform: translateX(32px);
}

#pro-container .on-off-toggle__input:checked + .on-off-toggle__slider:after {
    content: 'on';
    color: #FFFFFF;
    padding-left: 8px;
}

#pro-container .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;
}

#pro-container .cb-hd h4 {
    margin: 0px;
}

#pro-container .cov-box {
    border: 2px solid #a1a1a1;
    overflow: hidden;
    float: none;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #e5f6fd;
    padding-bottom: 15px;
}

#pro-container .cov-box ul.grpbx-list {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 22px;
    border-top: 0px solid #ddd;
    padding-left: 22px;
}

#pro-container .cov-box .mt-0 {
    margin-top: 0px;
}

#pro-container .cb-hd h4 span {
    margin-left: 10px;
    font-size: 17px;
}

 #pro-container h2{
     margin-bottom: 50px;
 }

 .offer-prcBox p{
     margin-bottom: 0px !important;
 }

 .custon-btn{
     cursor: pointer;
 }

