.width45 {
  width: 45%
}

.padding-right-32 {
  padding-right: 32px
}

.margin-top--4 {
  margin-top: -4px
}

.wy-width-35 {
  width: 35% !important
}

.wy-width-60 {
  width: 60% !important
}

.cart-margin {
  padding: 36px 11px 0px 22px
}

.cart-margin * {
  text-align: left
}

.full-width {
  width: 100%
}

.text-right {
  text-align: right
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.font-prod {
  font-size: 20px;
  line-height: 21px
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.text-red {
  color: red
}

.text-green {
  color: #52d1b5
}

.width70 {
  width: 70%
}

.width10 {
  width: 10%
}

.width20 {
  width: 20%
}

.width50 {
  width: 50%
}

.width15 {
  width: 15%
}

.width30 {
  width: 30%
}

.width60 {
  width: 60%
}

.width40 {
  width: 40%
}

.empty-cart-message {
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: -0.4px
}

input[type=button],
button {
  -moz-appearance: none;
  -webkit-appearance: none
}

.cart-content-wrapper input[type="button"] {
  font-size: 14px;
  letter-spacing: 1.3px;
  text-align: center;
  color: #fff;
  outline: none;
  cursor: pointer
}

.margin-top3 {
  margin-top: 3px
}

.cart-content-wrapper input[type="text"] {
  font-size: 16px;
  line-height: 1.7;
  padding-bottom: 3px;
  text-indent: 5px
}

.cart-content-wrapper .divtable-wrapper {
  text-align: center;
  margin: 25% auto 25% auto
}

.cart-content-wrapper {
  max-width: 1150px;
  margin: 0px auto
}

.hide {
  display: none
}

.payment-details {
  margin-bottom: 55px;
  float: left;
  margin-top: 45px;
  width: 100%;
  display: none
}

.close-cart {
  width: 18px;
  height: 18px
}

.margin-top10 {
  margin-top: 10px
}

.product-details {
  margin-bottom: 4px
}

.FormContainer {
  background-color: #fff
}

.inYear {
  width: 80px !important
}

.ShippingCheckbox * {
  font-family: 'proxima_novalight', Arial, Helvetica, sans-serif!important
}

.ShippingCheckbox {
  background-image: none !important
}

.formCardTitleBilling {
  font-family: 'proxima_novalight', Arial, Helvetica, sans-serif!important;
  color: #483e2f !important;
  font-size: 24px !important;
  line-height: 24px !important
}

.inputBill {
  font-family: 'proxima_novalight', Arial, Helvetica, sans-serif!important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  line-height: 30px !important;
  padding: 2px 0px 0px 10px !important;
  margin: 0px 0px 0px 0px !important;
  color: #5a5143 !important;
  border: 0px !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  background-color: white !important
}

.formCardTitle {
  font-family: 'proxima_novalight', Arial, Helvetica, sans-serif!important;
  color: #483e2f !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: left !important
}

.inDrop,
.inputBill {
  height: 32px !important
}

.CCInputLabel {
  padding-left: 20px;
  padding-right: 5px
}

.after-save {
  font-size: 14px;
  letter-spacing: -0.2px
}

.cardcvv {
  border-bottom: 1px solid #979797;
  margin-left: 20px;
  width: 12%
}

#number_of_years {
  display: none
}

.editblock a {
  margin-left: 5px;
  font-size: 16px
}

.empty-cart {
  margin: 0px auto
}

.remove-item {
  color: #f00
}

.edit-item {
  color: #3bc3a5
}

.call {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: text-bottom
}

.margin-top30 {
  margin-top: 30px
}

.final-total {
  margin-left: 30px
}

.border-left {
  border-left: 4px solid
}

.margin-top60 {
  margin-top: 60px
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fff;
  color: #333
}

body {
  overflow-y: scroll;
  font-family: myriad-thin, sans-serif!important
}

img {
  max-width: 100%
}

.product-expired-buttons {
  width: 218px
}

@font-face {
  font-family: "playfairdisplay-bold";
  src: url("/fonts/UtopiaStd-Semibold.woff")
}

* {
  font-family: myriad-thin, sans-serif;
  margin: 0;
  border: 0;
  padding: 0;
  color: #333
}

h3 {
  font-family: myriad-text, sans-serif;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased
}

.inline-block-d {
  display: inline-block
}

a {
  color: #079de0;
  text-decoration: none
}

a:hover {
  color: #000
}

.stepTitle {
  font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif;
  font-weight: bold
}

.product-details-header *,
.product-details * {
  font-family: 'proxima_novalight', Arial, Helvetica, sans-serif;
  color: #6d6559;
  font-size: 18px;
  line-height: 18px
}

.editblock {
  margin-bottom: 10px
}
.cart-content-wrapper * {
  box-sizing: border-box
}

.error {
  height: 20px;
  color: #E81616;
  font-size: 13px;
  line-height: 1;
  padding-top: 10px
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
  border-radius: 0;
  outline: none;
  height: 2.5rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 15px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all .3s;
  font-family: myriad-text, sans-serif;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important
}

input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(116, 116, 116, 0.7);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.26)
}

input:not([type]):disabled+label,
input:not([type])[readonly="readonly"]+label,
input[type=text]:disabled+label,
input[type=text][readonly="readonly"]+label,
input[type=password]:disabled+label,
input[type=password][readonly="readonly"]+label,
input[type=email]:disabled+label,
input[type=email][readonly="readonly"]+label,
input[type=url]:disabled+label,
input[type=url][readonly="readonly"]+label,
input[type=time]:disabled+label,
input[type=time][readonly="readonly"]+label,
input[type=date]:disabled+label,
input[type=date][readonly="readonly"]+label,
input[type=datetime-local]:disabled+label,
input[type=datetime-local][readonly="readonly"]+label,
input[type=tel]:disabled+label,
input[type=tel][readonly="readonly"]+label,
input[type=number]:disabled+label,
input[type=number][readonly="readonly"]+label,
input[type=search]:disabled+label,
input[type=search][readonly="readonly"]+label,
textarea.materialize-textarea:disabled+label,
textarea.materialize-textarea[readonly="readonly"]+label {
  color: rgba(116, 116, 116, 0.7)
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid rgba(116, 116, 116, 0.7);
  box-shadow: 0 1px 0 0 rgba(116, 116, 116, 0.7)
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
  color: rgba(116, 116, 116, 0.7)
}

input:not([type]).valid,
input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid rgba(116, 116, 116, 0.7);
  box-shadow: 0 1px 0 0 rgba(116, 116, 116, 0.7)
}

input:not([type]).valid+label:after,
input:not([type]):focus.valid+label:after,
input[type=text].valid+label:after,
input[type=text]:focus.valid+label:after,
input[type=password].valid+label:after,
input[type=password]:focus.valid+label:after,
input[type=email].valid+label:after,
input[type=email]:focus.valid+label:after,
input[type=url].valid+label:after,
input[type=url]:focus.valid+label:after,
input[type=time].valid+label:after,
input[type=time]:focus.valid+label:after,
input[type=date].valid+label:after,
input[type=date]:focus.valid+label:after,
input[type=datetime-local].valid+label:after,
input[type=datetime-local]:focus.valid+label:after,
input[type=tel].valid+label:after,
input[type=tel]:focus.valid+label:after,
input[type=number].valid+label:after,
input[type=number]:focus.valid+label:after,
input[type=search].valid+label:after,
input[type=search]:focus.valid+label:after,
textarea.materialize-textarea.valid+label:after,
textarea.materialize-textarea:focus.valid+label:after {
  content: attr(data-success);
  color: rgba(116, 116, 116, 0.7);
  opacity: 1
}

input:not([type]).invalid,
input:not([type]):focus.invalid,
input[type=text].invalid,
input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid rgba(116, 116, 116, 0.7);
  box-shadow: 0 1px 0 0 rgba(116, 116, 116, 0.7)
}

input:not([type]).invalid+label:after,
input:not([type]):focus.invalid+label:after,
input[type=text].invalid+label:after,
input[type=text]:focus.invalid+label:after,
input[type=password].invalid+label:after,
input[type=password]:focus.invalid+label:after,
input[type=email].invalid+label:after,
input[type=email]:focus.invalid+label:after,
input[type=url].invalid+label:after,
input[type=url]:focus.invalid+label:after,
input[type=time].invalid+label:after,
input[type=time]:focus.invalid+label:after,
input[type=date].invalid+label:after,
input[type=date]:focus.invalid+label:after,
input[type=datetime-local].invalid+label:after,
input[type=datetime-local]:focus.invalid+label:after,
input[type=tel].invalid+label:after,
input[type=tel]:focus.invalid+label:after,
input[type=number].invalid+label:after,
input[type=number]:focus.invalid+label:after,
input[type=search].invalid+label:after,
input[type=search]:focus.invalid+label:after,
textarea.materialize-textarea.invalid+label:after,
textarea.materialize-textarea:focus.invalid+label:after {
  content: attr(data-error);
  color: rgba(116, 116, 116, 0.7);
  opacity: 1
}

input:not([type])+label:after,
input[type=text]+label:after,
input[type=password]+label:after,
input[type=email]+label:after,
input[type=url]+label:after,
input[type=time]+label:after,
input[type=date]+label:after,
input[type=datetime-local]+label:after,
input[type=tel]+label:after,
input[type=number]+label:after,
input[type=search]+label:after,
textarea.materialize-textarea+label:after {
  display: block;
  content: "";
  position: absolute;
  top: 65px;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out
}

.input-field {
  position: relative;
  margin-top: 1rem
}

.input-field label {
  pointer-events: none;
  color: #9e9e9e;
  position: absolute;
  top: 0.8rem;
  left: 0.15rem;
  font-size: 1rem;
  cursor: text;
  transition: .2s ease-out;
  font-family: myriad-text, sans-serif;
  text-indent: -3px;
  color: rgba(116, 116, 116, 0.7);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased
}

.input-field label.active {
  font-size: 0.8rem;
  -webkit-transform: translateY(-115%);
  transform: translateY(-115%)
}

.input-field-textarea label.active {
  font-size: 0.8rem;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%)
}

.block-30 {
  width: 33%;
  display: inline-block;
  height: auto;
  margin-bottom: 60px
}

.block-31 {
  width: 31%;
  display: inline-block;
  height: auto;
  margin-bottom: 60px
}

.block-29 {
  width: 29%;
  display: inline-block;
  height: auto;
  margin-bottom: 60px
}

.block-39 {
  width: 39%;
  display: inline-block;
  height: auto;
  margin-bottom: 60px
}

.block-49 {
  width: 49%;
  display: inline-block;
  height: auto;
  margin-bottom: 60px
}

.thin-line {
  width: 100%;
  margin-bottom: 55px;
  margin-top: 55px;
  border: solid 1px rgba(51, 51, 51, 0.1)
}

.heading-points {
  font-family: myriad-text, sans-serif;
  margin: 37px 0 26px;
  text-align: left
}

.rectangle-306 {
  width: 100%;
  height: 306px;
  background-color: rgba(215, 215, 215, 0.2);
  margin: 24px 0 34px
}

.img-box {
  width: 100%;
  margin: 24px 0 34px;
  padding: 20px 0
}

.product-expired-options-mob .addtocartwhatsnew {
  margin-bottom: 7px;
  margin-top: 20px
}

#secondary_emails {
  margin-bottom: 6px
}

.secondary-email {
  margin-bottom: 15px
}

.secondary_email_entry {
  width: 83%;
  text-overflow: ellipsis;
  overflow: hidden
}

#cust_user_profile img {
  width: 26px;
  height: 26px
}

@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  .cart-content-wrapper {
    width: 1000px
  }
  .cart-margin {
    padding: 36px 75px 0px 75px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .product-name-block {
    margin-bottom: 10px
  }
  
  .block-30 {
    width: 39%
  }
  .heading-points {
    padding-left: 20px
  }

  .cart-content-wrapper {
    width: 740px
  }
  .card-valid-det {
    width: 34%
  }
  .cardcvv {
    width: 15%
  }
  
  [class*="product-price-"] {
    width: 10%
  }
  
  .cart-margin {
    padding: 36px 55px 0px 55px
  }
  .card-info {
    width: 46%
  }
  
  .product-expired-buttons {
    width: 180px !important
  }
}

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

  .product-name-block {
    margin-bottom: 10px
  }
  
  .cart-content-wrapper {
    padding-top: 38px
  }
  
  .handheld-height {
    height: 200px
  }

  .heading-points {
    padding-left: 0
  }

  .cart-content-wrapper,
  .payment-details,
  .card-info {
    width: 410px
  }
  
  .cart-margin {
    padding: 0px
  }
  
  .cart-content-wrapper .divtable-wrapper {
    margin-bottom: 20%
  }
  .empty-cart-message {
    font-size: 24px
  }
  .font-prod {
    font-size: 18px;
    margin-top: 0px
  }
  .one-time-pay,
  .edit-link,
  [class*="on-edit-purchase"],
  .prod-hyphen,
  .number-of-years {
    display: none
  }  
  .prod-desc {
    display: block
  }
}

@media only screen and (max-width: 449px) {
   
  .product-name-block {
    margin-bottom: 10px
  }
 
  .top-log-webyog {
    padding-top: 10px;
    padding-left: 2%
  }
    
  .cart-content-wrapper {
    padding-top: 38px
  }
  .handheld-height {
    height: 200px
  }
  .mobile-float-change {
    padding-left: 12px !important;
    float: left !important
  }
 
  .block-30 {
    width: 49%
  }
  .block-29 {
    width: 49%
  }
  .block-39 {
    width: 98%
  }
  .block-31 {
    width: 98%
  }
  .block-49 {
    width: 100%
  }
  .heading-points {
    padding-left: 0
  }
 
  .cart-content-wrapper,
  .payment-details,
  .card-info {
    width: 300px
  }
  
  .cart-content-wrapper .divtable-wrapper {
    margin: 45% auto 45% auto
  }
  
  .cardcvv {
    width: 15%
  }
  
  .empty-cart-message {
    font-size: 24px
  }
  .cart-margin {
    padding: 0px
  }
  .font-prod {
    font-size: 16px;
    margin-top: 0px
  }
  .one-time-pay,
  .edit-link,
  [class*="on-edit-purchase"],
  .prod-hyphen,
  .number-of-years {
    display: none
  }
  .prod-desc {
    display: block
  } 
}

.form-val {
  overflow: visible !important;
  margin-left: 5%;
  margin-right: 5%
}

.form-error {
  color: #f00;
  clear: both;
  display: inline-block;
  min-width: 250px;
  text-align: left;
  text-indent: -10px;
  margin-bottom: 8px
}

.input-field-textarea label {
  text-indent: 2px
}

@keyframes moveTheWave {
  0% {
    stroke-dashoffset: 0;
    transform: translate3d(0, 0, 0)
  }
  100% {
    stroke-dashoffset: -133;
    transform: translate3d(-90px, 0, 0)
  }
}

.dot-background {
  background: #31c4a5
}

.lineheight25 {
  line-height: 25px
}

.content-container {
  width: 100%;
  text-align: center
}

.divtable-wrapper {
  display: table;
  text-align: left;
  border: 0px
}

.div-row {
  display: table-row
}

.div-cell {
  display: table-cell
}

a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff
}

@-webkit-keyframes anim-effect-sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
  }
}

@keyframes anim-effect-sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
  }
}

@-webkit-keyframes anim-effect-material {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1)
  }
  70% {
    opacity: 1;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
  }
}

@keyframes anim-effect-material {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1)
  }
  70% {
    opacity: 1;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
  }
}

@-webkit-keyframes krisnaReject {
  to {
    -webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
}

@keyframes krisnaReject {
  to {
    -webkit-transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
}

@-webkit-keyframes krisnaAccept {
  to {
    -webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
    transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg)
  }
}

@keyframes krisnaAccept {
  to {
    -webkit-transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
    transform: translate3d(25vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg)
  }
}

@media screen and (max-width: 60em) {
  @-webkit-keyframes krisnaReject {
    to {
      -webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
  }
  @keyframes krisnaReject {
    to {
      -webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
  }
  @-webkit-keyframes krisnaAccept {
    to {
      -webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
      transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg)
    }
  }
  @keyframes krisnaAccept {
    to {
      -webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
      transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg)
    }
  }
}

.BILLFormBox {
    font-family: 'proxima_novalight', Arial, Helvetica, sans-serif;
    color: #6d6559;
    width: 96%;
    background-color: #ecebea;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 20px;
    margin: 20px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: right 5px top -8px
}

.ShippingCheckbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    background-image: url(/Presentation/Assets/Images/icon-ShippingCheckbox.png);
    background-repeat: no-repeat;
    background-position: 0px -17px;
    border: 0;
    margin: 0;
    padding: 0
}
.ShippingCheckbox:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    background-image: url(/Presentation/Assets/Images/icon-ShippingCheckbox.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 0;
    margin: 0;
    padding: 0
}

.stepsWrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(/Presentation/Assets/Images/BevelBannerBG.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 70px
}

.stepsContainer {
    font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif;
    width: 1024px;
    margin: 0px auto 0px auto;
    padding: 0px;
    height: 70px;
    background-position: top center;
    background-repeat: no-repeat
}

.stepNumber {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    padding: 0px 0px 0px 0px;
    margin: 18px 0px 0px 0px;
    border: 1px solid #dad8d5;
    position: relative
}

.stepNumberAlign {
    font-family: 'proxima_nova_rgbold';
    display: block;
    position: relative;
    text-align: center;
    color: #c8c5c0;
    font-size: 20px;
    line-height: 30px;
    top: 0px;
    left: 1px
}

.stepTitle {
    color: #6d6559;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 18px 0px 0px 10px
}

.stepNumberOFF {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #dad8d5;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    padding: 0px 0px 0px 0px;
    margin: 18px 0px 0px 0px;
    border: 1px solid #fff
}

.stepNumberAlignOFF {
    font-family: 'proxima_nova_rgbold';
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    top: 0px;
    left: 1px
}
.inline-block-d {
	font-size:15px !important;
}
input[type="checkbox"]:checked::before {
     margin: -0.7rem 0 0 -0.1em !important;
}

.product-details-header .inline-block-d {color: #fff;padding: 12px;font-weight: bold;}
.credit-card-fields ul {list-style-type: none;}
.cart-content-wrapper input[type="text"] {font-size: 16px;line-height: 1.7;text-indent: 5px;}
.credit-card-fields li label {font-weight: bold;}
.credit-card-fields ul li {width: 46%;float: left;margin: 2%;margin-left: 0%;}
.credit-card-fields select {font-size: 15px;}
.logo {margin-top: 20px;}
.logo img {width: 250px}

.shop_cart{color: #00a1dd; font-size: 32px; font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-bottom: 20px}
.stepsContainer{width: 100%;margin: 0px 0px 10px 0px;background-size: 100%;}
.pad-left-30{padding-left: 30px;}
.pad-left-12{padding-left: 12px;}
.pad-left-20{padding-left: 20px;}
.pad-left-42{padding-left: 42px;}
.pad-right-20{padding-right: 20px;}
.inline-block{display: inline;}
.product-details-header{background-color:#7F786D;margin-bottom: 14px;}
.width_15{width: 15%}
.width_10{width: 10%}
.width_48{width: 48%; margin-left: 0.5%;margin-right: 0.5%;}
.width_75{width: 75%}
.width_75_38{width: 75.38%}
.width_80p{width: 80px;}
.width_146p{width: 146px !important;}
.width_402p{width: 402px !important;}
.width_390p{width: 390px !important;}
.width_424p{width: 424px !important;}
.width_150p{width: 150px !important;}
.prod-info{border-bottom: 1px solid #d3d3d3; padding-bottom:5px;}
.font-s-15{font-size:15}
.prod-name{line-height: 25px;font-size:15px}
.pad-right-10e{padding-right: 10rem;}
.prod_qty, .item-total{line-height: 25px;}
.summary-bg{background-color: #f3f4f5;padding-top: 5px;padding-bottom: 5px;}
.def_font{font-family:'proxima_nova_rgbold', Arial, Helvetica, sans-serif;}
.ChoiceLink{color: #00a1dd; font-size: 24px; font-weight: bold;font-family: Arial, Helvetica, sans-serif;padding: 30px 0;}
.BILLFormBox, .full_wdth{width:100%}
.mar-top-20{margin-top: 20px;}
.mar-btm-10{margin-bottom: 10px;}
.mar-left-27{margin-left: 27px;}
.mar-left-37{margin-left: 37px;}
.mar-left-45{margin-left: 45px;}
.mar-right-30{margin-right: 30px;}
.bill-error, .ship-error{background: #fe4210;color: white;padding: 5px;}
.ShippingCheckbox{font-size:14px; color:#6d6559;}
.payment_hide section{padding:0px;}
.bt-drop-in-wrapper{margin-top: 42px;}
.credit-card-form-wrap{width:100%;}
.AcceptUI{background-color: #4CAF50;border: none; color: white;padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 40px 2px;width: 100%;cursor: pointer;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.cart-content-wrapper.err{margin-top:100px} 
.full-width.total{padding-top: 10px;font-weight: 600;}
.pad-left-45{padding-left:45px;}
.pad-right-12 {padding-right: 12px;}