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

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* RESET & GLOBAL */

*,
html {
  box-sizing: border-box;
}

html,
body {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  position: relative;
}

body {
  font: 400 14px/1.2 'DM Sans', Arial, Helvetica, sans-serif;
  color: #1C1C1C;
  background: #fafafc url(/Publishers/1002069/Designer/Adaware-Privacy/checkout-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

body.Checkout,
body.Webgood {
  min-width: 375px;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: 'DM Sans', Arial, Helvetica, sans-serif;
}
a {
    color: #003DFF;
    text-decoration: none;
}

a:hover {
    color: #003DFF;
    text-decoration: underline;
}

/* INPUTS & FORM ELEMENTS (global) */

input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {
  border-color: #E2E2EF;
  box-shadow: none;
}

input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
  border-color: #9cb1f1;
}

div.One-Field input[type="text"],
div.One-Field input[type="password"],
div.One-Field input[type="number"],
div.One-Field select,
div.Language select,
div.Currency select {
  line-height: 40px;
  height: 40px;
  border-radius: 5px;
  text-indent: 13px;
  font-size: 15px;
}

div.One-Field select {
  background-image: none;
  font-size: 15px;
  color: #666666;
}

div.One-Field select:hover {
  color: #333333;
}

.User-Information .One-Field input[type="text"],
.User-Information .One-Field input[type="password"] {
  width: 100%;
  text-align: center;
  text-indent: 0;
}

input.quantity-input {
  background: none;
  border: none;
  font-weight: 600;
}

input[type="checkbox"] {
  top: 1px;
}

.invalid {
  border-color: #f49799 !important;
}

img.popupImg {
  position: absolute;
}

/* LAYOUT CONTAINERS */

.Inner-Container {
  width: 100%;
  max-width: 1112px;
  padding: 0 15px !important;
}

.Frame-Top .Inner-Container {
  max-width: 1920px;
  padding: 0 24px !important;
  width: 100%;
  margin: 0 auto;
}

.Frame-Top-Line .Inner-Container,
.Frame-Middle .Inner-Container,
.Frame-Bottom .Inner-Container {
  box-shadow: none;
  border-left: none;
  border-right: none;
}

.Frame-Top-Line {
  display: none;
}

.Main-Product-Row .Product-QTY {
  display: none;
}

.Checkout .Main-Content {
  margin-left: 0;
}

.Frame-Middle .Inner-Container,
.Frame-Bottom-Line .Inner-Container {
  width: 100%;
  max-width: 1310px;
}

.Frame-Bottom .Inner-Container {
  max-width: 1440px !important;
  width: 100%;
  background-color: transparent;
  border-bottom: none;
}

.Page-Container {
    background: #F0F0F7;
}


/* HEADER Frame-Top / Step-Wrap */

.Frame-Top,
.Frame-Top-Line {
  background: #fff;
}

.Frame-Top {
  padding: 0;
}

.Frame-Top .top-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Step-Wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #fff;
  border: none;
  margin-top: 0;
  padding: 22px 0;
  flex: 0 0 50%;
}

.Step-Wrap:after {
  display: none;
}

.Step-Wrap .Secure {
  padding: 0 5px 15px 15px;
  font-size: 11px;
}

.Step-Wrap .Secure img {
  vertical-align: text-bottom;
  margin-right: 2px;
  margin-bottom: 1px;
}

.Step-Wrap .Step {
  font: 400 16px/1.2 'DM Sans', Arial, Helvetica, sans-serif;
  min-width: 20%;
  color: #747474;
  padding: 0;
  border-right: none;
  border-left: none;
  display: flex;
  align-items: center;
}

.Step-Wrap .Step em {
  background: #ffdab6;
  font-size: 16px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  border-radius: 22px;
}

.Step-Wrap .Step.Step-Active {
  color: #303030;
}

.Step-Wrap .Step.Step-Active em {
  background: #4DC32D;
}

.Step-Wrap .Step em.checked {
  position: relative;
  vertical-align: middle;
  font-size: 0 !important;
}

.Step-Wrap .Step em.checked::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 43%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

/*steps -start*/
.nav-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 18px 0;
}
.step-line {
    width: 48px;
    height: 1px;
    background: #4D5671;
    margin: 0 12px;
}
.step {
    display: flex;
    align-items: center;
    gap: 10px;
}

span.step-num {
    height: 28px;
    width: 28px;
    line-height: 20px;
    background: #bababa none repeat scroll 0 0;
    border-radius: 14px;
    color: #fff;
    font-size: 12px;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step.active .step-num {
    background: #000D33;
    color: #fff;
}
.step.active span {
   color: #000D33;
    font-weight: 600;
}
.step .step-txt {
   color: #4D5671;
    font-weight: 600;
}
.step-num.checked {
    position: relative;
    vertical-align: middle;
    font-size: 0 !important;
    background: #34A853;
}
.step-num.checked::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 4px;
    height: 8px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
/*steps -end*/

.Checkout .Frame-Middle:after,
.Webgood .Frame-Middle:after {
  display: none;
}

/* FRAME-MIDDLE */

.Frame-Middle,
.Frame-Middle .Inner-Container,
.Frame-Bottom-Line,
.Compare-Body .light,
.Compare-Body .dark,
tbody tr:first-child td:first-child {
  background: transparent;
}

.Frame-Middle {
  padding: 70px 0 30px;
}

.Checkout .Main-Content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    align-items: stretch;
    flex-wrap: wrap;
}
.Bottom-Main-Content {
    width: 100%;
}


/* CART Cart-Wrap & ShoppingCart */

.Cart-Wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 24px;
    align-self: stretch;
    max-width: 38% !important;
    min-width: 420px;
    box-sizing: border-box;
}

.Cart-Wrap h2.fea-title {
    color: #1B2A4A;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px;
}

.section__body-feature li.feature__item {
    position: relative;
    color: #1B2A4A;
    font-family: "DM Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 30px;
    padding-bottom: 10px;
}

li.feature__item:before {
    content: url('/Publishers/1002069/Designer/Cleario-1step_NT/Alert_Icon.png');
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
}

.ShoppingCart-Item,
.c_ShoppingCart-Item {
  padding: 0;
  border: none;
  background-image: none;

}

.ShoppingCart-Item-ProductPrice,
.c_ShoppingCart-Item-ProductPrice {
  color: #303030;
}

.ShoppingCart-Item-ProductPriceundefined,
.ShoppingCart-Item-ProductPrice {
  font-size: 18px;
  font-weight: 400;
}

.ShoppingCart-Item-ProductDescription-Details {
  line-height: 1.1;
}

.ShoppingCart-Item-ProductDescription-Detailsundefined,
.ShoppingCart-Item-ProductDescription-Details {

  display: inline-block;
}

.ShoppingCart-Item-ProductDescription-Detailsundefined span.liundefined,
.ShoppingCart-Item-ProductDescription-Details span.li {
  display: block;
  position: relative;
  padding: 0 0 0 29px;
  margin: 7px 0;
  line-height: 1.2;
}
.Checkout .Before-Cart-Content {
    display: none;
}


.ShoppingCart-Item-ProductDescription-Details span.desc-l {
    display: block;
    color: #4D5671;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
    padding-top: 8px;
}

.ShoppingCart-Summary-TotalDiscountAmount,
.ShoppingCart-Summary-TotalDiscountPercent {
  color: #6db322;
  position: static;
}

.ShoppingCart-Summary-TotalDiscountAmount:before,
.ShoppingCart-Summary-TotalDiscountPercent:before,
.ShoppingCart-Summary-TotalDiscountAmount:after,
.ShoppingCart-Summary-TotalDiscountPercent:after {
  display: none;
}

.ShoppingCart-Summary-B2B input,
.ShoppingCart-Summary-B2B select {
  line-height: 23px;
  height: 23px;
  border-radius: 5px;
  text-indent: 3px;
  box-sizing: border-box;
}

.ShoppingCart-Title .Cart-Title span {
   color: #0031CC;
   font-family: "DM Sans";
   font-size: 16px;
   font-style: normal;
    font-weight: 700;
   line-height: 24px; 
}

.Product-Informationundefined h5,
.Product-Information h5 {
  padding-bottom: 10px;
}

.Product-Information span.ShoppingCart-Item-ProductDescription-Details {
  line-height: 1.4;
}

span.ShoppingCart-Item-ProductDescription-Details {
  margin-left: 0;
}

span.ShoppingCart-Item-ProductNameundefined em,
span.ShoppingCart-Item-ProductName em {
  font-style: normal !important;
  color: #0099FF;
  font-weight: 500;
}

.ShoppingCart-Item-ProductName::before {
  position: absolute;
  content: "";
  width: 57px;
  height: 57px;
  left: -68px;
  top: 0;
}

span.ShoppingCart-Item-ProductNameundefined i,
span.ShoppingCart-Item-ProductName i {
    color: #4D5671;
    font-family: "DM Sans";
    font-size: 0;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 32px;
}

span.desc-tundefined,
span.desc-t {
  padding-top: 40px;
  display: inline-block;
  font: normal normal 400 20px/30px 'Poppins';
}

span.BillingExtra {
  display: block;
  font-size: 0;
  font-weight: 400;
}

.quantity.pNav {
  padding: 10px 0 0;
}

div#step3_xsells {
  margin: 10px 0;
}


/* FORM-WRAP & PAYMENT FORM (global) */

.Form-Wrap {
  box-sizing: border-box;
  display: flex;
  width: 600px;
  max-width: 59% !important;
  min-width: 400px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.Form-Wrap .Contact-Information {
  border-radius: 6px 6px 0 0;
  padding-top: 48px;
}

.Form-Wrap .Button-Wrap {
  box-sizing: border-box;
  padding: 0 28px 0 0;
}

.Form-Wrap .WrapProduct,
.Form-Wrap .WrapPayment,
.Cart-Wrap .ShoppingCart,
.Cart-Wrap .After-Cart-Content {
   border-radius: 10px;
   border: 1px solid #E5E7EB;
   background: #FFF;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.Form-Wrap .WrapPayment {
    padding: 32px 10px 32px 32px;
}

.Cart-Wrap .After-Cart-Content {
    /*height: stretch;*/
}
.ShoppingCart-Title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.instruments-paypal.One-Field input[type="text"] {
    width: 90%;
}
.disc-place {
    display: flex;
    padding: 5px 8px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: rgba(0, 61, 255, 0.20);
    color: var(--Text-Accent-Text, #0031CC);
    font-family: "DM Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}
.Form-Wrap .TotalWrap {
    gap: 12px;
}

.Form-Wrap .PaymentWrap {
    gap: 14px;
    padding-right: 9px;
}

.Form-Wrap .Contact-Information-Form-Wrap,
.Form-Wrap .Payment-Information-Form-Wrap {
  display: flex;
}
.One-Field.Payment-Information-Lastname input, .One-Field.Payment-Information-Firstname input {
    width: 90%;
}
.card-title {
    padding: 0 0 12px;
    color: #000D33;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.Contact-Payment-Information {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  flex: 0 0 100%;
}

.Payment-Information-Groups {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  width: 100%;
  flex-direction: row;
}

.Form-Wrap .One-Field {
  margin: 0;
}

img.Pop-Help {
    margin-right: 0;
    position: absolute;
    top: 50%;
    right: -10px;
}

.Contact-Information .One-Field,
.Payment-Information .One-Field {
  display: block;
  float: left;
  margin: 0;
}

.Payment-Information-Country {
  position: relative;
  padding: 5px 0;
  text-align: left;
}

.Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label {
  display: inline-block;
  max-width: 31%;
  line-height: 1.2;
  font-size: 12px;
  vertical-align: middle;
  margin-right: 1%;
  overflow-wrap: break-word;
}

.Payment-Information .Payment-Information-PaymentMethod-Logos {
  height: 43px;
  margin-top: 0;
}

.Payment-Information-Title .Subtitle,
.Contact-Information-Title .Subtitle {
  display: block;
  visibility: hidden;
}

.User-Information-Email:after {
  display: none;
}

.User-Information-Side+.User-Information-Form-Wrap {
  width: 61%;
  max-width: 480px;
  box-sizing: border-box;
  background: #fff;
  padding: 45px 65px 63px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  margin-left: 262px;
}

.User-Information-Side p {
  font-size: 14px;
  line-height: 1.2;
}

.Privacy_Notice_Button_Step1,
.Privacy_Notice_Button_Step3 {
  padding-top: 15px;
  font-size: 11px;
  color: #3e3e3e;
}

.Newsletter-Wrap {
  padding: 10px 0 0;
  background: #fff;
}

div.Newsletter-Wrap {
  padding: 10px 0;
  display: inline-block;
  border: unset;
}

span.moved_subs_comp_span {
  font-weight: bold;
}

.Newsletter p {
  font-size: 13px;
  color: #4D5671;
}

p.subscription {
  width: calc(100% - 163px);
  padding: 15px 0 70px 0 !important;
}

p.subscription label {
  padding: 0 0 5px 20px;
  display: block;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

.SubscriptionMessage {
  padding: 20px 0 50px;
  font-size: 12px;
  color: #555555;
}

.SubscriptionMessage h4 {
  font-weight: 500;
  font-size: 14px;
}


/* BUTTONS */

.Process-Order-Button,
.Next-Step-Button,
.Select-Button,
.Select-Button-Recommend,
.continue {
  font-family: "Poppins", "Arial", "Helvetica", sans-serif;
}

.Checkout div .Active-Button .Process-Order-Button {
  margin: 0 auto;
  width: 100%;
  background: #0031CC;
  border: none;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
  text-shadow: none;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  text-transform: uppercase;
  transition: all 0.3s linear;
}

.Checkout div .Active-Button input.Process-Order-Button {
    background-image: url(/Publishers/1002069/Designer/Cleario-1step_NT/Lock_icon.png);
    background-position: calc(50% - 83px) 48%;
    background-repeat: no-repeat;
    text-indent: 20px;
}

.Checkout div .Active-Button .Process-Order-Button:hover {
  background-color: #003DFF;
  transition: all 0.3s linear;
}

.After-Form-Content .Cart-Title {
    color: #4D5671;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.fr.Checkout div .Active-Button .Process-Order-Button {
  font-size: 16px;
}

.btn-wrapper {
  max-width: 200px;
  margin: auto;
}


/* STEP Layout */

.Side-Content,
.Top-Main-Content {
  display: none;
}

.Side-Content {
  border: none;
  background: #fff;
}

.Main-Content,
.Bottom-Main {
  margin-right: 0;
}

.Section-Title,
.Contact-Information-Title,
.Payment-Information-Title {
  display: none;
  border-bottom: none;
  padding: 25px 0 0 0;
}

.Section-Title h1,
.Contact-Information-Title h1,
.Payment-Information-Title h1 {
  background: none;
  margin: 0;
  color: #000;
}

.Section-Content,
.Contact-Information,
.Payment-Information {
  background: #fff;
  border: none;
  padding: 15px 48px;
}

.Payment-Information-EmailAddress,
.Payment-Information-EmailAddress input {
  width: 100%;
}

.Payment-Information-EmailInfo {
  display: none !important;
  margin: -50px 0 0 46%;
}

.Payment-Information-Country select,
.Payment-Information-State select,
.Payment-Information-PaymentMethod select,
.One-Field input[type="text"],
.One-Field input[type="password"] {
  width: 95%;
}

.Form-Wrap .Payment-Information-ZIP input[type="text"],
.Form-Wrap .Payment-Information-City input[type="text"],
.Form-Wrap .Payment-Information-State select,
.Form-Wrap .Payment-Information-Country select {
  width: 85%;
}

.Form-Wrap .Payment-Information-CardExpDate input[type="number"] {
  width: 42%;
}

.Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label {
  font-size: 12px;
  line-height: 1.2;
  color: #5E5E5E;
  display: inline-block;
  vertical-align: middle;
  max-width: 30%;
  margin-right: 1%;
  overflow-wrap: break-word;
}

.en .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label,
.fr .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label,
.es .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label,
.it .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label,
.de .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label,
.pt .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label {
  display: block;
  max-width: 100%;
}

.en .Payment-Information-CardCVV input,
.fr .Payment-Information-CardCVV input,
.es .Payment-Information-CardCVV input,
.it .Payment-Information-CardCVV input,
.de .Payment-Information-CardCVV input,
.pt .Payment-Information-CardCVV input {
  margin-top: 14px;
}

div[id*="_messageHolder"],
div[id*="_sepaMessageHolder"] {
  padding: 12px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-top: 5px;
  width: 95%;
}

.Payment-Information-CardExpDate input[type="number"] {
  width: 25%;
}

.Payment-Information .Payment-Information-PaymentMethod-Logos {
  width: 50%;
}

.Form-Wrap .One-Field.Payment-Information-Address {
  flex: 0 0 100%;
}

.Form-Wrap .One-Field.Payment-Information-Address input[type="text"] {
  width: 98%;
}

.One-Field input[type="text"],
.One-Field input[type="password"],
.One-Field input[type="number"],
.One-Field select,
.Language select,
.Currency select {
  box-sizing: border-box;
}

div.One-Field input[type="text"],
div.One-Field input[type="password"],
div.One-Field input[type="number"],
.Language select,
.Currency select {
  background-image: none;
  background-color: #fff;
  font-size: 15px;
  color: #333333;
}

div.One-Field input[type="text"]::placeholder,
div.One-Field input[type="password"]::placeholder,
div.One-Field input[type="number"]::placeholder,
.User-Information .One-Field input[type="text"]::placeholder,
.User-Information .One-Field input[type="password"]::placeholder {
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #666666;
}

div.One-Field input[type="text"]:hover::placeholder,
div.One-Field input[type="password"]:hover::placeholder,
div.One-Field input[type="number"]:hover::placeholder,
div.One-Field input[type="text"]:focus::placeholder,
div.One-Field input[type="password"]:focus::placeholder,
div.One-Field input[type="number"]:focus::placeholder,
.User-Information .One-Field input[type="text"]:hover::placeholder,
.User-Information .One-Field input[type="password"]:hover::placeholder,
.User-Information .One-Field input[type="text"]:focus::placeholder,
.User-Information .One-Field input[type="password"]:focus::placeholder {
  color: #333333;
}

div .Payment-Information-CardHolder,
div .Payment-Information-CardNumber,
div .Payment-Information-EmailAddress {
  width: 100%;
  flex: 0 0 100%;
}

.Form-Wrap .Payment-Information-EmailAddress.us_email {
  width: 66.5%;
  display: inline-block;
  flex: 0 0 66.5%;
}

.Form-Wrap .Payment-Information-EmailAddress.us_email input[type="text"] {
  width: 92%;
}

div .Payment-Information-CardHolder input[type="text"],
div .Payment-Information-CardNumber input[type="text"],
div .Payment-Information-EmailAddress input[type="text"] {
  width: 95%;
}

div .Payment-Information-EmailAddress {
  width: 100%;
}
div.Page-Step3 .Payment-Information-CardHolder, 
div.Page-Step3 .Payment-Information-CardNumber, 
div.Page-Step3 .Payment-Information-EmailAddress {
    width: 100%;
}

/* STEP Cart items */

.ShoppingCart-Item-AddToCart,
.c_ShoppingCart-Item-AddToCart,
.ShoppingCart-Item-RemoveFromCart,
.c_ShoppingCart-Item-RemoveFromCart {
  background: #fff;
  border-radius: 50%;
  height: 23px;
  width: 23px;
  line-height: 23px;
  vertical-align: middle;
  display: inline-block;
}

a.ShoppingCart-Item-AddToCart,
a.ShoppingCart-Item-RemoveFromCart {
  position: relative;
}

a.ShoppingCart-Item-AddToCart:before {
  content: "+";
  width: 100%;
  text-align: center;
  font-size: 23px;
  line-height: 23px;
  color: #858585;
  position: absolute;
}

a.ShoppingCart-Item-RemoveFromCart:before {
  content: "-";
  width: 100%;
  text-align: center;
  font-size: 23px;
  line-height: 23px;
  color: #858585;
  position: absolute;
}

a.ShoppingCart-Item-AddToCart:hover:before,
a.ShoppingCart-Item-RemoveFromCart:hover:before {
  color: #1a1a1a;
}

[id$="_messageHolder"] {
  display: inline-block;
}

.Credit-Cards-Logo {
  overflow: hidden;
}

.Credit-Cards-Logo .card {
  background-position: center !important;
  background-size: 100% auto !important;
  width: 40px;
  height: 22px;
  margin: 0;
  padding-right: 0px;
}


/* STEP Main product row */

.Main-Product-Row .Product-Information,
.Main-Product-Row .Product-QTY,
.Main-Product-Row .Product-Price {
  margin-left: 0;
  padding: 0;
}

.Main-Product-Row .Product-Information {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}


.Main-Product-Row h5 span.ShoppingCart-Item-ProductName {
  color: #000D33;
  font-family: "DM Sans";
  font-size: 0;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 112.5% */
  padding-left: 0;
    line-height: 32px;
}

.Main-Product-Row .ShoppingCart-Item-ProductName span {
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}

.Main-Product-Row .ShoppingCart-Item-ProductDescription .discount-box {
  display: block;
  line-height: 18px;
  font-size: 14px;
}

.Main-Product-Row .Product-Price {
  display: flex;
  flex-direction: column;
  width: auto;
  margin: 24px 0 0 0;
  float: none;
  font-weight: bold;
}

.Main-Product-Row .Product-Price .ShoppingCart-Item-ProductPrice {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #1a1a1a;
}

.Main-Product-Row .ShoppingCart-Item-DiscountAmount {
  display: none;
}

.Main-Product-Row .Product-QTY {
  position: relative;
  margin-top: 25px;
  width: 100%;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}

.Main-Product-Row .Product-Information .Product-Image {
  max-width: inherit;
  width: 127px;
  float: left;
}

.Main-Product-Row .Product-Information,
.Product-Informationundefined {
  width: 100% !important;
  padding: 0;
}

.Main-Product-Row .Product-Information h5 {
  display: block;
  visibility: visible;
}

.Main-Product-Row .Product-Information h5 input[type="radio"] {
  display: none;
}
.Product-Information h5 {
    margin-bottom: 5px;
    left: 0;
    position: relative;
}
.ShoppingCart-Item-ProductName:before {
    position: absolute;
    content: "";
    background: url(/Publishers/1002069/Designer/Cleario-1step_NT/Cleario_ProdLogo.png) no-repeat;
    width: 103px;
    height: 32px;
    left: 0;
    top: 0px;
}
.Main-Product-Row .Product-Price {
  font-weight: bold;
}

div .Main-Product-Row .Product-Price {
  margin: 10px 0 0 0;
  float: none;
  order: 2;
}

.Main-Product-Row .Product-Price .ShoppingCart-Item-ProductPrice, 
.Product-Information .Product-Price .ShoppingCart-Item-ProductPriceOld {
    display: none;
}

.ShoppingCart-Item-ProductPriceOld Label {
  display: none !important;
}

.ShoppingCart-Item-ProductDescription-Details {
  margin-top: 2px;
  line-height: 1.7;
}

span.ShoppingCart-Item-ProductDescription-Automated {
  display: none;
}

.ShoppingCart-Item-ProductPrice span.product-price {
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
}

.ShoppingCart-Item-ProductPrice div.ShoppingCart-Item-BillingExtra {
    color: #4D5671;
    font-family: "DM Sans";
    font-size: 0;
    font-style: normal;
    font-weight: 400;
}
span.cust_yearly_pr {
    color: #1B2A4A;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
    text-align: left;
}
span.cust_yearly_pr span[class*="price"] {
    color: #000D33;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
span.cust_rebill_price {
    color: #4D5671;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}
.WrapProduct .After-Form-Content + div {
    width: 100%;
}
.Xsell-Row>div.quantity {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.Xsell-Row .Product-Price .ShoppingCart-Item-ProductPrice {
  text-align: right;
}

.Xsell-Row .Product-Price .ShoppingCart-Item-ProductPriceOld {
  text-align: right;
  font-size: 14px;
  color: #e98a2e;
}

.Xsell-Row .ShoppingCart-Item-ProductPrice span.product-price {
  white-space: nowrap;
  text-align: right;
  font-size: 18px;
  color: #303030;
}

.Xsell-Row .ShoppingCart-Item-ProductDescription-Details {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  color: #303030;
}

.Xsell-Row .ShoppingCart-Item-ProductDescription-Automated {
  display: none !important;
}

.ShoppingCart-Item.Xsell-Row .Product-QTY {
  display: none;
}

.ShoppingCart-Summary {
  text-align: left;
  border: none;
  background: transparent;
}

.ShoppingCart .Total-Field {
  float: left;
  font-size: 24px;
}

.ShoppingCart .ShoppingCart-Summary-After-Tax-Price {
  font-weight: normal;
}


.ShoppingCart .ShoppingCart-Summary-TotalDiscountPercent {
  display: none;
}

.ShoppingCart .ShoppingCart-Summary-TotalDiscountAmount:before,
.ShoppingCart .ShoppingCart-Summary-TotalDiscountPercent:before,
.ShoppingCart .ShoppingCart-Summary-TotalDiscountAmount:after,
.ShoppingCart .ShoppingCart-Summary-TotalDiscountPercent:after {
  display: none;
}

.Total-Field .ShoppingCart-Summary-TotalPriceMSRP,
.Total-Field .ShoppingCart-Summary-TotalDiscountAmount {
  display: none;
}

.Total-Field {
    width: 100%;
}

div[class^="ShoppingCart-Summary-"] {
    display: flex;
    justify-content: space-between;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}
.ShoppingCart-Summary-After-Tax-Price {
    color: #000D33;
}
.Main-Product-Row .Product-QTY {
  position: relative;
  margin-top: 25px;
  display: none;
}

.ShoppingCart .ShoppingCart-Summary-B2B {
  position: relative;
  margin: 10px 0 0 0;
  padding-left: 10px;
  font-weight: normal;
  width: 100%;
  text-align: left;
  display: block;
  bottom: 0;
}

.ShoppingCart .ShoppingCart-Summary-B2B input,
.ShoppingCart .ShoppingCart-Summary-B2B select {
  line-height: 23px;
  height: 23px;
  border-radius: 5px;
  text-indent: 3px;
  box-sizing: border-box;
  padding-left: 5px;
  width: 95%;
}

.Product-Information .Product-Price .ShoppingCart-Item-ProductPriceOld {
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  text-align: left;
  padding-top: 0;
  color: #5E5E5E;
}

/*b2b*/
.Checkout .B2B-If-Business {
  display: flex;
  align-items: center;
  background: none;
  position: relative;
  text-indent: 0;
  top: 0;
  margin-top: 0;
  margin-left: 0;
  font-size: 14px;
  line-height: 1;
  vertical-align: bottom;
}

.Checkout .If-Business-Lable {
  padding-left: 9px;
}

.Checkout .Company-Name-Input {
  width: 98%;
}

.Checkout .B2B-VAT input {
  width: calc(100% - 60px);
}

.Checkout .B2B-If-Business label {
  vertical-align: middle;
  padding-left: 5px;
}

.Checkout .ShoppingCart-Summary-B2B {
  position: relative;
  margin: 10px 0 0 0;
  font-weight: normal;
  width: 100%;
  text-align: left;
  display: block;
  bottom: 0;
}

.Checkout .ShoppingCart-Summary-B2B input,
.Checkout .ShoppingCart-Summary-B2B select {
  line-height: 23px;
  height: 23px;
  border-radius: 5px;
  text-indent: 3px;
  box-sizing: border-box;
  font-family: "Poppins", "Arial", "Helvetica", sans-serif;
  padding-left: 5px;
  width: 95%;
}

.Checkout .B2B-VAT {
  display: flex;
  align-items: center;
  width: 95%;
  gap: 8px;
}

.Checkout .B2B-VAT select {
  width: 55px;
  min-width: 55px;
  flex-shrink: 0;
}

.Checkout .B2B-VAT input {
  flex: 1;
  width: auto !important;
  min-width: 0;
  box-sizing: border-box;
}

.B2B-Update-Action {
  max-width: 95%;
  width: 95%;
}
.Checkout .ShoppingCart-Summary-B2B .Update-Cart-Button  {
  font-weight: 400;
  color: #003DFF;
}
/* end */

.Main-Product-Row .Product-QTY:before {
  content: "Licenses";
  position: absolute;
  top: -20px;
}

.fr .Main-Product-Row .Product-QTY:before {
  content: "Licences";
  position: absolute;
  top: -20px;
}

.es .Main-Product-Row .Product-QTY:before {
  content: "Licencias";
  position: absolute;
  top: -20px;
}

.it .Main-Product-Row .Product-QTY:before {
  content: "Licenze";
  position: absolute;
  top: -20px;
}

.de .Main-Product-Row .Product-QTY:before {
  content: "Lizenzen";
  position: absolute;
  top: -20px;
}

.pt .Main-Product-Row .Product-QTY:before {
  content: "Licenças";
  position: absolute;
  top: -20px;
}

.Main-Product-Row .quantity.pNav {
  overflow: hidden;
}

div .Main-Product-Row .ShoppingCart-Item-ProductDescription {
  font-size: 14px;
  line-height: 23px;
  padding-left: 0;
  float: left;
}

.ShoppingCart-Item-ProductPrice,
.c_ShoppingCart-Item-ProductPrice {
  text-align: left;
}

.Product-Price {
  font-size: 14px;
  vertical-align: top;
  line-height: 1.5;
}

.Product-Priceundefined {
  display: block;
  font-size: 24px;
  width: auto;
  text-align: left;
  padding: 0;
}

.ShoppingCart-Item-ProductNameundefined,
.ShoppingCart-Item-ProductName {
  display: block;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 400;
  color: #303030;
}

div span.ShoppingCart-Item-ProductDescription-Automated,
div span.ShoppingCart-Item-ProductDescription-Details {
  float: none;
  padding-left: 0;
}

div .ShoppingCart-Item-ProductDescription-Details {
  margin-top: 0;
}

.ShoppingCart-Item-ProductDescription-Details {
  font-size: 14px;
}

span.li::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 8px;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 8px;
  height: 16px;
  border-image: linear-gradient(258deg, #4DC32D 0%, #27A504 100%) 1 !important;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-style: solid;
  border-left: none;
  border-top: none;
}
.faq-section {
   width: 100%;
   border-radius: 8px;
   border: 1px solid #E2E2EF;
   padding: 14px;
   margin-top: 24px;
}
.faq-title {
  color: #000D33;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.4px; /* 127.5% */
  margin: 0 0 7px;
}
/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
    position: relative;
    display: block;
    padding: 9px 0;
    color: #000D33;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    border-top: 1px solid #E2E2EF;
}

.tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.tab-content p {
    color: #4D5671;
    font-family: "DM Sans";
    font-size: 12px;
    line-height: 1.6;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}
/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 10px;
  display: block;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.tab input[type=checkbox] + label::after {
  content: "";
  background: url("/Publishers/1002069/Designer/Cleario-1step_NT/Icon-Arrow.png");
  width: 16px;
  height: 16px;
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(180deg);
}

.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
/* Acordeon styles */

.feature-section {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #F8F9FA;
    width: 100%;
    margin-top: 16px;
}
.feature-section span {
  color: #000D33;
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
.item-guarantee {
    position: relative;
    padding-left: 22px;
}
.item-guarantee::before {
    background: url(/Publishers/1002069/Designer/Cleario-1step_NT/ico-guarantee.png) no-repeat;
    width: 11px;
    height: 14px;
    background-size: cover;
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.Payment-Information-Groups .PaymentMethods-section .checked {
    border: 2px solid #0031CC !important;
    border-radius: 4px;
}
/* STEP Xsell row */

.Xsell-Row {
  position: relative;
}

.Xsell-Row .Product-Information h5 {
  padding-bottom: 5px;
  font-weight: normal;
  line-height: 1.5;
}

.Xsell-Row .Product-Information .ShoppingCart-Item-ProductName {
  padding-left: 5px;
  display: inline;
  vertical-align: middle;
}

.Xsell-Row .Product-Information .ShoppingCart-Item-ProductName,
.ShoppingCart-Item.Xsell-Row {
  font-size: 16px;
  line-height: 1.2;
}

.ShoppingCart-Item.Xsell-Row .ShoppingCart-Item-ProductPrice {
  text-align: right;
}

.ShoppingCart-Item.Xsell-Row .Product-Price .ShoppingCart-Item-ProductPrice span {
  font-size: 18px;
}

.ShoppingCart-Item.Xsell-Row .ShoppingCart-Item-ProductPriceOld span {
  display: block !important;
}

.Side-Content .ShoppingCart .ShoppingCart-Item div.Product-Price {
  width: 25%;
  display: inline-block;
}


/* STEP  B2B */
.If-Business-Checkbox+label,
.Xsell-Row input+span {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.If-Business-Lable {
  padding-left: 9px;
}

.B2B-If-Business {
  background: none;
  position: absolute;
  text-indent: 0;
  top: -20px;
  margin-top: 46px;
  margin-left: 0;
  font-size: 14px;
  vertical-align: bottom;
}

.B2B-If-Business label {
  vertical-align: middle;
  padding-left: 5px;
}

.Checkout div .B2B-If-Business {
  background: none;
  position: relative;
  text-indent: 0;
  top: 0;
  margin-top: 10px;
  margin-left: 0;
  font-size: 14px;
  vertical-align: bottom;
}

.ShoppingCart-Summary-B2B {
  margin: 0 0 -70px 0;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
}

.Checkout div .ShoppingCart-Summary-B2B {
  margin: 10px 0 0 0;
  font-weight: normal;
  position: relative;
  width: 100%;
  text-align: left;
  display: block;
}

.Checkout div .ShoppingCart-Summary-B2B input,
.Checkout div .ShoppingCart-Summary-B2B select {
  line-height: 23px;
  height: 23px;
  border-radius: 5px;
  text-indent: 3px;
  box-sizing: border-box;
  font-family: "Poppins", "Arial", "Helvetica", sans-serif;
  padding-left: 5px;
  width: 95%;
}

.Company-Name-Input {
  width: 98%;
}

.B2B-VAT input {
  width: calc(100% - 60px);
}


/* STEP Before/after content */

.After-Button-Content {
  padding: 0;
  font-size: 12px;
}

.After-Button-Content h4 {
  display: none;
}

.Before-Button-Content {
  font-size: 13px;
  border: none;
}

.Payment-Information-Form-Wrap .Newsletter-Wrap .Newsletter p {
  font-size: 13px;
  color: #303030;
}

.Before-Button-Content h4 {
  display: none;
}

.Before-Cart-Content img {
  float: left;
  margin-right: 26px;
}

.Before-Cart-Content h5 {
  font-size: 23px;
  font-weight: 400;
  margin-bottom: 35px;
  color: #1a1a1a;
}


/* STEP Checkout-specific */

.Checkout div .ShoppingCart-Summary {
  font-size: 14px;
  text-align: left;
  border: none;
  background: transparent;
  padding: 0;
    width: 100%;
}

.Checkout div .Frame-Middle {
  padding: 50px 0 15px;
}

.Checkout div .Product-Information,
.Checkout .Cart-Wrap .Product-Price {
  padding: 0;
}

.Product-Price {
  width: 25%;
}

.ShoppingCart-Item-DiscountAmount {
  display: none;
}

div .Section-Content,
div .Contact-Information,
div .Payment-Information {
  padding: 15px 5% 15px 10%;
}

.Checkout div div.Payment-Information {
  padding-top: 0;
}

.Frame-Middle .Inner-Container {
    max-width: 1074px;
}

/* PAYMENT METHODS */
.PaymentMethods-section .group1 .card-item {
  background-size: 100% auto !important;
  background-position: center !important;
  padding-bottom: 10px;
}

.PaymentMethods-section .card-item:hover {
  border-radius: 4px;
}

.PaymentMethods-section .Credit-Cards-Logo.sub-group.active {
  padding: 0 0 5px;
}

a.ShoppingCart-Item-AddToCart,
a.ShoppingCart-Item-RemoveFromCart {
  position: relative;
}

a.ShoppingCart-Item-AddToCart:hover,
a.ShoppingCart-Item-RemoveFromCart:hover {
  background: none;
}

a.ShoppingCart-Item-AddToCart:before,
a.ShoppingCart-Item-RemoveFromCart:before {
  width: 100%;
  text-align: center;
  font-size: 23px;
  line-height: 23px;
  color: #858585;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a.ShoppingCart-Item-AddToCart:before {
  content: "+";
}

a.ShoppingCart-Item-RemoveFromCart:before {
  content: "-";
}

a.ShoppingCart-Item-AddToCart:hover:before,
a.ShoppingCart-Item-RemoveFromCart:hover:before {
  color: #1a1a1a;
}

/* STEP Misc */

.step3_mp {
  margin-left: 0;
  padding: 0;
}

.block-icon_item {
  font-size: 14px;
}

.block-icon {
  padding: 0
}

table.Compare-Body td {
  padding: 8px 0;
}

#Process-Action {
  width: 100%;
  margin-left: 0;
  text-align: center;
    padding: 16px 0;
}

.Process-Order {
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.Frame-Bottom-Line .Inner-Container {
  border-left: none;
  border-right: none;
  background: transparent;
}

.Frame-Bottom-Line .Inner-Container .block-txt {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}

.Frame-Bottom-Line .Inner-Container a {
  color: #666666;
  font-weight: 500;
  text-decoration: underline;
}

.Frame-Bottom-Line .Inner-Container a:hover {
  color: #0031CC;
}

.Compare-Body td {
  font-size: 16px;
  height: auto;
}

.Compare-Title-Mobile {
  text-align: center;
  display: none;
}

.TopButtonRow {
  padding: 0 5px;
}

.checkout-title,
.checkout-subtitle {
  text-align: center;
}


/* BLOCK ICONS */

.block-icon_list {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.block-icon_item {
  position: relative;
  color: #4D5671;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding-left: 16px;
  padding-right: 10px;
}

.block-icon_item::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ssl::before {
  background: url("/Publishers/1002069/Designer/Cleario-1step_NT/Icon-ssl.png") no-repeat;
  width: 14px;
  height: 14px;
}

.day::before {
  background: url("/Publishers/1002069/Designer/Cleario-1step_NT/Icon-safe.png") no-repeat;
  width: 14px;
  height: 14px;
}

.safe::before {
  background: url("/Publishers/1002069/Designer/Cleario-1step_NT/Icon-30day.png") no-repeat;
  width: 14px;
  height: 14px;
}


/* FOOTER */

.Frame-Bottom {
    margin: 0;
    padding: 16px 0;
    background: #FFF !important;
    border-top: 1px solid #E5E7EB;
}

.Frame-Bottom a {
  padding: 0 5px;
  font-size: 13px;
  font-weight: 400;
}

div.Frame-Bottom a {
  color: #000;
}

.Frame-Bottom a:hover {
  color: #0031CC;
}

.Frame-Bottom .Footer .Billing-Processed-Message,
.Frame-Bottom .Footer .Billing-Provider-Message,
.Frame-Bottom .Footer .copy {
  display: block;
  color: #4D5671;
}

body .Frame-Bottom .Billing-Processed-Message,
body .Frame-Bottom .Billing-Provider-Message {
  display: none;
}

.Frame-Bottom .Billing-Processed-Message,
.Frame-Bottom .Billing-Provider-Message {
  font-size: 13px;
  flex: 0 0 100%;
  text-align: center;
}

.Frame-Bottom .copy {
  font-size: 11px;
}

.Footer {
/*  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;*/
}

.Footer>.Billing-Processed-Message,
.Footer>.Billing-Provider-Message {
  display: none !important;
}

.Frame-Bottom .Footer:after {
  display: none;
}

.Frame-Bottom .Footer {
  background: transparent;
  border: none;
  padding: 0 !important;
}

.footer-navigation {
  text-align: left;
}

.footer-navigation>p {
  padding-bottom: 15px;
    text-align: center;
}

.footer-navigation a:first-child {
  padding-left: 0;
}

.footer-images {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
}

.footer-images img {
  padding-right: 20px;
}

img.rotate {
  transform: rotate(339deg);
}

.DoubleDescriptorInfo {
  margin: 5px 15px;
}

td.Purchase-Price span {
  white-space: nowrap;
}


/* POPUP & POST-SELL */

.post-x-sell-dialog {
  position: fixed;
}

.right.d-flex {
  float: none;
}

.d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.btn-floats {
  padding: 20px !important;
  margin-top: 10px;
}

.btn-floats a {
  text-align: center;
}

.right a[name="acceptsale"] {
  order: 1;
  position: static !important;
}

.Checkout .btn-floats .tip {
  max-width: 100%;
  margin-top: -52px !important;
  color: #000 !important;
}

.Postsale .btn-floats .tip {
  max-width: 100%;
}

.Postsale .Postsale-Content-ProductImageBackground {
  box-sizing: content-box;
}

.Postsale-Content-ProductDescription span.ShoppingCart-Item-ProductDescription-Automated {
  display: block;
  padding-top: 5px;
}

.Postsale-Footer-Decline a {
  padding: 0 12px 3px 24px;
}

.ja .btn-floats .tip,
.es .btn-floats .tip {
  max-width: 63%;
}

#postTerm .postBg {
  height: 100%;
  position: fixed;
}

/* MEDIA QUERIES */
@media (max-width: 1380px) and (max-height: 700px) {

  div.One-Field input[type="text"],
  div.One-Field input[type="password"],
  div.One-Field input[type="number"],
  div.One-Field select,
  div.Language select,
  div.Currency select {
    line-height: 35px;
    height: 35px;
  }

  .Form-Wrap .Contact-Information {
    padding-top: 40px;
  }

  .Cart-Wrap .Xsell-Row {
    margin: 12px 0;
  }

  div.Main-Product-Row .Product-Price {
    margin: 10px 0 0 0;
  }
}


@media (min-width: 980px) {

  .Form-Wrap div.Payment-Information-Country,
  .Form-Wrap div.Payment-Information-State,
  .Form-Wrap div.Payment-Information-ZIP,
  .Form-Wrap div.Payment-Information-City {
    width: calc((100% / 3) - 1px);
    margin: 0;
    flex: 0 0 33.3%;
  }

  .Form-Wrap .Payment-Information-CardCVV {
    width: 33%;
  }

  .Form-Wrap .Payment-Information-CardExpDate {
    width: 64%;
  }

}


@media (min-width: 769px) and (max-width: 979px) {

  .Checkout .Page-Container,
  .Checkout .Inner-Container,
  .Webgood .Page-Container,
  .Webgood .Inner-Container {
    width: 100%;
    max-width: 100%;
  }

  .Checkout #Process-Action,
  .Webgood #Process-Action {
    width: 100%;
    margin-left: 0;
    display: block;
  }

  div .Form-Wrap .Payment-Information-ZIP input[type="text"],
  div .Form-Wrap .Payment-Information-City input[type="text"],
  div .Form-Wrap .Payment-Information-State select,
  div .Form-Wrap .Payment-Information-Country select {
    width: 90%;
  }

  .Payment-Information-CardCVV input {
    margin-top: 20px;
  }

  .Form-Wrap .Payment-Information-CardExpDate input[type=number] {
    width: 41%;
  }

  .Form-Wrap .Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label {
    display: block;
    max-width: 100%;
  }

  .Form-Wrap .One-Field.Payment-Information-Address {
    flex: 0 0 100%;
  }

  .Form-Wrap .One-Field.Payment-Information-Address input[type="text"] {
    width: 95%;
  }

  .Cart-Wrap {
    max-width: 40% !important;
  }
}


@media (max-width: 1700px) {
  .Frame-Top .Inner-Container {
    padding: 0 32px !important;
  }
}


@media (max-width: 1600px) and (min-width: 480px) {
  div[type="popup"] {
    margin: 1px 250px 0 -194px;
  }

  img.popupImg {
    position: relative;
    top: -8px;
    left: 92%;
  }
}


@media (max-width: 1200px) {
  .Page-Step2 .Compare-Title h1 {
    font-size: 33px;
  }
}


@media (max-width: 1100px) {
  .footer-navigation {
    width: 50%;
    margin: 0 auto;
  }

  .footer-logo {
    max-width: 40%;
  }
}


@media (max-width: 1099px) {

  .price3,
  .bestvalue,
  .disc {
    display: inline-block !important;
  }

  .Bottom-Main {
    margin-right: 0;
    padding-bottom: 0;
  }
}


@media (max-width: 1024px) {
  div .Cart-Wrap {
    max-width: 40% !important;
  }
}


@media (max-width: 1023px) {

  .Button-Wrap .Button-Side-Content,
  .Checkout .Process-Order-Button {
    margin: 0 auto !important;
  }

  .popup_term {
    box-sizing: border-box !important;
    height: auto !important;
    max-width: 90% !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
  }

  .popup_term .btn_OK {
    position: absolute !important;
    float: none !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    margin: 0 !important;
  }

  input[type="checkbox"] {
    transform: scale(1.3);
  }

  .Frame-Middle {
    padding: 20px 0;
  }

  .block-icon_list {
    flex-direction: column;
  }
   .block-icon.top-header {display: none;}
  .block-icon_item {
    margin-top: 25px;
    font-size: 14px;
  }

  .block-icon {
    padding: 50px 0;
  }

  div .Cart-Wrap {
    min-width: 250px !important;
  }
}

@media (max-width: 980px) {

  .Payment-Information-CardHolder,
  .Payment-Information-CardNumber,
  .Payment-Information-EmailAddress {
    width: 100%;
  }

  .Payment-Information-Groups {
    width: 95%;
  }

  .Form-Wrap .Payment-Information-EmailAddress.us_email {
    flex: 0 0 50%;
  }

  .Form-Wrap .Payment-Information-EmailAddress.us_email input[type="text"] {
    width: 92%;
  }
}


@media (max-width: 979px) {
  .Checkout .Main-Content .Payment-Information-Country {
    margin: 0;
  }

  .Newsletter-Wrap {
    max-width: 95%;
  }
}


@media (max-width: 979px) and (min-width: 769px) {
  .Checkout .Payment-Information-EmailInfo {
    margin: 0;
    width: 90%;
  }

  .Checkout .Main-Content .Payment-Information-Country select {
    width: 90%;
  }

  .Checkout .Main-Content .Payment-Information-Country {
    width: 100%;
    text-align: left;
    margin: 0;
  }

  .Cart-Wrap {
    max-width: 25% !important;
  }

  div .Payment-Information-Country,
  div .Payment-Information-State,
  div .Payment-Information-ZIP {
    width: 100%;
  }

  .Checkout .Currency select,
  .Checkout .Payment-Information-Country select,
  .Checkout .Payment-Information-State select,
  .Checkout .Payment-Information-PaymentMethod select,
  .Checkout .One-Field input[type="text"],
  .Checkout .One-Field input[type="password"],
  .Checkout .Language select {
    width: 95% !important;
  }

  .Main-Product-Row .Product-Information h5 {
    padding-top: 15px;
  }

  .One-Field.Payment-Information-City {
    margin: 0;
  }

  .Checkout .Payment-Information .Payment-Information-CardExpDate input[type=number] {
    width: 42%;
  }

  .One-Field .space {
    width: 9%;
  }
}


@media (max-width: 978px) {

  .Section-Content,
  .Contact-Information,
  .Payment-Information {
    padding: 15px 5px 15px 48px;
  }
}


@media (max-width: 900px) {
  .Compare-Body>tbody>tr {
    display: flex !important;
    flex-direction: column;
    width: 100%;
  }

  div.Step-Wrap .Step em {
    font-size: 14px;
    line-height: 20px;
    width: 20px;
    height: 20px;
  }

  .Checkout div div.Cart-Wrap {
    margin-top: 0 !important;
  }

  div.Icons-Mobile {
    display: block !important;
  }

  div.Icons-Mobile .block-icon {
    display: block !important;
  }

  ul.block-icon_list {
    flex-direction: row;
    justify-content: space-around;
  }
}

@media (max-width: 1073px) {
    div.Cart-Wrap, div.Form-Wrap {
        max-width: 100% !important;
        width: 100%;
    }
}
@media (max-width: 878px) {
  div .Cart-Wrap {
    max-width: 100% !important;
  }

  .Checkout .Main-Content .Payment-Information-Country select {
    width: 90%;
  }

  div.Cart-Wrap,
  div.Form-Wrap {
    max-width: 100% !important;
    width: 100%;
  }

  .block-icon_list {
    display: none;
  }

  .ShoppingCart-Item-ProductDescription-Detailsundefined,
  .ShoppingCart-Item-ProductDescription-Details {
    max-width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 979px) {
    .Checkout .Frame-Middle .Inner-Container, 
    .Webgood .Frame-Middle .Inner-Container {
         background: transparent;
    }
}

@media (max-width: 768px) {

  .Checkout div .Product-Information,
  .Checkout .Cart-Wrap .Product-Price {
    padding: 1%;
  }

  div .Main-Product-Row .Product-Price {
    margin: 0;
  }

  span.desc-t {
    padding-top: 20px;
  }

  .Checkout .One-Field,
  .Checkout .One-Field label,
  .Webgood .One-Field,
  .Webgood .One-Field label {
    width: 50%;
    display: inline-block;
    text-align: left;
  }

  .Payment-Information-Address {
    margin: 0 0 0 4px;
  }

  .Form-Wrap {
    margin-right: 0;
    margin-top: 85px;
  }

  .Company-Name-Input {
    width: 49%;
  }

  .B2B-VAT input {
    width: calc(50% - 60px);
  }

  .Step-Wrap .Step.Step-Active {
    border-left: none;
  }

  .User-Information-Side+.User-Information-Form-Wrap {
    width: 100%;
    margin: 0 auto;
  }

  div .Frame-Middle {
    padding-top: 0;
  }

  .Checkout div .Frame-Middle {
    padding-top: 20px !important;
  }

  .Bottom-Main {
    margin-right: 0;
  }

  .Cart-Wrap {
    padding-top: 0;
  }

  .Payment-Information-EmailInfo {
    margin: 0 !important;
    width: 90% !important;
  }

  .Checkout .Main-Content .Payment-Information-Country select {
    float: left;
    width: 90%;
  }

  p.ShoppingCart-Item-ProductDescription,
  p.ShoppingCart-Item-ProductDescriptionundefined {
    width: 100%;
    box-sizing: border-box;
  }

  .block-icon {
    padding: 30px 0;
  }

  body.Checkout .Webgood-Statement,
  body.Webgood .Webgood-Statement {
    background: none;
  }

  .Payment-Information .Payment-Information-PaymentMethod-Logos {
    display: flex !important;
    align-items: center;
  }

  .Checkout .Frame-Middle .Inner-Container {
    background: transparent;
  }

  .DoubleDescriptorInfo {
    margin: 5px 0 15px 0;
  }

  .popup_term {
    padding: 20px !important;
    width: 550px !important;
  }

  .Checkout .Button-Side-Content,
  .Webgood .Button-Side-Content {
    width: fit-content !important;
    max-width: 100%;
  }
}


@media (max-width: 767px) {
  .CouponTabl {
    border: none;
  }

  .CouponTable .coupons-list {
    border: unset;
  }

  .Cart-Wrap,
  .Form-Wrap {
    max-width: 100% !important;
    width: 100%;
    min-width: unset !important;
    float: none !important;
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box;
  }

  .Form-Wrap {
    display: block;
    margin: 0 auto;
  }

  .Checkout .Cart-Wrap .Product-Information {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .Checkout .Cart-Wrap .ShoppingCart-Item.Xsell-Row .Product-Price {
    padding: 0 20px;
    width: auto;
  }

  .Checkout .Form-Wrap .Payment-Information-ZIP input[type="text"],
  .Checkout .Form-Wrap .Payment-Information-City input[type="text"],
  .Checkout .Form-Wrap .Payment-Information-State select,
  .Checkout .Form-Wrap .Payment-Information-Country select,
  .Checkout .Payment-Information-PaymentMethod select {
    width: 95%;
  }

  .Checkout .Payment-Information-CardHolder input[type="text"],
  .Checkout .Payment-Information-CardNumber input[type="text"],
  .Checkout .Payment-Information-EmailAddress input[type="text"] {
    width: 95%;
  }

  .Checkout .Payment-Information-ZIP input[type="text"],
  .Checkout .Payment-Information-CardCVV input[type="text"] {
    width: 95%;
  }

  .Form-Wrap .Payment-Information-EmailAddress.us_email input[type="text"] {
    width: 95%;
  }

  .Checkout .Side-Content {
    display: none;
  }

  .Step-Wrap .Step.Step-Active {
    border-left: none;
  }

  .block-icon {
    padding: 20px 0 40px;
  }

  .Compare-Title-Mobile {
    display: block;
    padding: 0;
  }

  .Frame-Bottom .Footer {
    flex-wrap: wrap;
  }

  .footer-navigation {
    width: 100% !important;
    order: 1;
    padding-top: 25px;
  }

  .Checkout .Step-Wrap span.Step:not(.Step-Active),
  .Webgood .Step-Wrap span.Step:not(.Step-Active) {
    border-bottom: 0;
  }

  .Checkout .Step-Wrap span.Step:not(.Step-Active) em,
  .Webgood .Step-Wrap span.Step:not(.Step-Active) em {
    visibility: visible;
    font-size: 14px;
  }

  div.Step-Wrap {
    padding: 15px 0 0;
    flex: 0 0 100%;
    justify-content: center;
  }

  .Frame-Top .top-section {
    flex-wrap: wrap;
    padding: 15px 0;
    text-align: center;
    justify-content: center;
  }
}


@media (max-width: 670px) {
  .white_content {
    width: 70%;
    height: auto;
    top: 20%;
    left: auto;
    transform: none;
  }

  .manually .typ-yes,
  .manually .typ-no {
    padding: 5px;
    font-size: 12px;
  }

  .de .manually .typ-yes,
  .de .manually .typ-no {
    font-size: 11px;
  }

  .white_content div:first-child {
    line-height: 1.2;
  }

  .webbadYellow h3.webbadWarning,
  .webbadRed h3.webbadWarning {
    min-width: 232px;
    box-sizing: border-box;
  }

  div.webbadRed {
    background: none;
  }

  .popup_term {
    padding: 20px !important;
    width: 80% !important;
  }
}


@media (max-width: 650px) {
  .Frame-Bottom-Line {
    padding-bottom: 40px;
  }
}


@media (max-width: 630px) {
  .post-x-sell-dialog {
    width: 80% !important;
  }

  .btn-floats,
  .post-sale-body,
  .post-x-sell-dialog-content>div {
    width: auto !important;
    background: #ffffff;
  }

  .btn-floats .tip {
    max-width: 100%;
    margin-top: -47px !important;
    color: #000 !important;
    z-index: 9999;
    position: absolute;
    font-size: 10px;
  }

  body.fr .btn-floats a {
    position: inherit;
  }

  .post-x-sell-dialog-content .col-twothirds,
  .post-x-sell-dialog-content .col-onethird {
    width: 100%;
  }

  .btn-floats a {
    position: initial;
    right: 25px !important;
    left: 33px !important;
    text-align: left !important;
  }

  div .btn-floats {
    width: 561px;
    height: 100px !important;
    margin-top: 10px;
  }

  div.webbadRedTopleft {
    background-color: #ffcfcd;
    border-radius: 5px;
  }

  a[name="acceptsale"] {
    margin-top: 10px;
  }

  .post-sale-body .pricebox {
    line-height: 20px;
  }

  body.fr .btn-floats a[name="refusesale"] {
    position: inherit !important;
  }

  .Checkout .Webgood-Statement,
  .Webgood .Webgood-Statement {
    background: none;
    width: 100%;
  }

  .Statement-Example h3 {
    margin: 0;
  }

  div.simplemodal-container .right {
    margin-top: 10px;
  }
}


@media (max-width: 599px) {
  .popup_term {
    padding: 20px !important;
    width: 80% !important;
  }
}


@media (max-width: 577px) {
  .Checkout .Page-Step3 .Main-Content .Cart-Wrap {
    padding: 25px 0 0;
    margin: 0 !important;
  }

  .Compare-Title-Mobile {
    display: block;
    padding: 15px 0 0;
  }

  .Bottom-Main-Content .Compare-Body {
    display: none;
  }

  div.Frame-Top .Company-Logo {
    width: 95% !important;
  }

  .Compare-Body td.prod1 {
    display: block;
  }
}


@media (max-width: 530px) {
  .loadingPanelControlImg.HideWebBadPanel {
    max-width: 90%;
  }

  .right a[name="acceptsale"],
  .right a[name="refusesale"] {
    position: static !important;
    width: 100%;
    text-align: center !important;
    box-sizing: border-box;
    height: auto;
  }

  .btn-floats .right {
    float: left;
  }
}


@media (max-width: 480px) {
  .Form-Wrap .One-Field.Payment-Information-Address input[type="text"] {
    width: 95%;
  }

  .Cart-Wrap .ShoppingCart .Product-QTY {
    margin: 45px 0 0;
    display: none !important;
  }

  .Cart-Wrap .ShoppingCart .ShoppingCart-Item-ProductDescription {
    display: inline-block !important;
  }

  .Form-Wrap .One-Field {
    flex: 0 0 100%;
    margin: 0;
  }

  div .Form-Wrap .Payment-Information-CardExpDate,
  div .Form-Wrap .Payment-Information-CardCVV,
  div .Form-Wrap .One-Field.Payment-Information-Address,
  div .Form-Wrap .One-Field.Payment-Information-BrazilPersonalVAT,
  div .Form-Wrap .Payment-Information-EmailAddress.us_email {
    flex: 0 0 100%;
  }

  .ShoppingCart-Item.Xsell-Row .ShoppingCart-Item-ProductPriceOld span {
    text-align: right;
  }

  .Checkout div .Payment-Information-Country select,
  .Checkout div .Payment-Information-State select,
  .Checkout div .Payment-Information-PaymentMethod select,
  .Checkout div .One-Field input[type="text"],
  .Checkout div .One-Field input[type="password"],
  body.Checkout .Main-Content .Payment-Information-Country select {
    width: 95%;
  }

  img.popupImg {
    position: relative;
    top: -8px;
    left: 92%;
  }

  .en div .Payment-Information-CardExpDate input[type="number"],
  div .Payment-Information-CardExpDate input[type="number"] {
    width: 42%;
  }

  div[type="popup"] {
    margin: 1px 250px 0 -194px;
  }

  body.Checkout .One-Field label.Payment-Information-CardExpDate-Label {
    width: 90%;
    max-width: 90%;
    padding: 10px 0;
  }

  body.Checkout div .Payment-Information-Country,
  body.Checkout div .Payment-Information-State,
  body.Checkout div .Payment-Information-ZIP {
    width: 100%;
  }

  body.Checkout .One-Field,
  body.Checkout .One-Field label,
  body.Webgood .One-Field,
  body.Webgood .One-Field label {
    width: 100%;
    display: block;
    text-align: left;
    margin: 0;
  }

  body.Checkout .Main-Content .Payment-Information-Country {
    top: 0;
    margin: 0;
  }

  .Checkout .Main-Content .Cart-Wrap {
    margin-top: 0;
    padding: 0;
  }

  .Form-Wrap {
    min-width: auto;
  }

  .Payment-Information-ZIP input[type="text"],
  .Payment-Information-CardCVV input[type="text"] {
    width: 50%;
  }

  .Section-Content,
  .Contact-Information,
  .Payment-Information {
    padding: 15px 5px 15px 25px;
  }

  div#Payment-Information-EmailInfo {
    width: 90%;
    margin: 5px 0;
  }

  .Compare-Body .prod1 p strong,
  .Compare-Body .prod2 p strong {
    font-size: 20px;
  }

  .Company-Name-Input {
    width: 89%;
  }

  .B2B-VAT input {
    width: calc(91% - 60px);
  }

  .Frame-Top .Inner-Container,
  .Frame-Top div.Inner-Container {
    padding: 0 10px !important;
  }

  div.Frame-Top .Inner-Container img {
    margin: 0;
    border-left: 0;
  }

  .fr.Checkout div .Active-Button .Process-Order-Button {
    font-size: 14px;
  }

  .post-x-sell-dialog-content .col-onethird {
    display: none;
  }

  .btn-floats a.buynow_de {
    width: auto;
  }

  .ShoppingCart-Item-ProductDescription-Details {
    margin-left: 0;
  }

  p.subscription {
    width: auto;
  }

  .footer-images {
    flex: 0 0 100%;
  }

  .Frame-Bottom .Footer {
    padding: 0 !important;
  }

  .footer-navigation>p {
    text-align: center;
  }

  .popup_term {
    padding: 20px !important;
    width: 80% !important;
  }

  .popup_term p.subscription {
    float: none !important;
  }

  .popup_term p.subscription label {
    width: 100% !important;
  }

  div .Cart-Wrap {
    min-width: auto !important;
  }
}


@media (max-width: 426px) {
  .postTermContent {
    height: 350px !important;
  }

  .popular-banner {
    font-size: 13px;
    margin-bottom: 5px;
  }

  p.subscription {
    float: none;
  }

  .User-Information-Side+.User-Information-Form-Wrap {
    padding: 19px 25px 63px;
  }

  .Frame-Top .Inner-Container img {
    padding-left: 10px;
  }

  .Checkout .Cart-Wrap .Product-Price {
    text-align: right;
    color: #000;
    padding: 1%;
    line-height: 1.5;
    box-sizing: border-box;
  }

  .Product-Informationundefined,
  .Product-Information {
    width: 100%;
  }

  .Payment-Information-Title .Subtitle,
  .Contact-Information-Title .Subtitle {
    display: block;
    visibility: hidden;
    max-height: 25px;
  }

  .Compare-Body .line::before,
  .Compare-Body .line::after {
    display: none;
  }

  .Compare-Body .prod2 .prod2-inner::before,
  .Compare-Body .prod2 .prod2-inner::after {
    width: 17px;
    top: 17px;
  }

  .block-icon {
    display: none;
  }

  .Main-Product-Row .Product-Information h5 {
    padding-top: 15px;
  }

  .sv .Page-Step2 .Compare-Title h1 {
    font-size: 25px;
  }

  .white_content .tollfree strong {
    font-size: 12px;
  }
}


@media (max-width: 360px) {
  .Product-Priceundefined {
    position: relative;
    right: 0;
  }
}


@media (max-width: 321px) {
  div .Main-Product-Row .Product-Information img.Product-Image {
    float: none;
    width: auto;
  }

  div .Main-Product-Row p.ShoppingCart-Item-ProductDescription {
    overflow: hidden;
    float: none;
  }

  div .Main-Product-Row .Product-Price,
  div .Main-Product-Row div.Product-Information h5,
  div .Main-Product-Row .Product-QTY {
    padding-left: 0;
  }

  .Checkout div .Process-Order-Button {
    font-size: 16px;
    padding: 0;
    text-align: center;
  }

  .Main-Product-Row .Product-Information img.Product-Image {
    float: none;
  }

  .Main-Product-Row p.ShoppingCart-Item-ProductDescription,
  .Main-Product-Row div.Product-Information h5 {
    padding-left: 0;
  }

  .manually .typ-yes,
  .manually .typ-no {
    padding: 5px;
    font-weight: 100;
    font-size: 11px;
  }

  .de .manually .typ-yes,
  .de .manually .typ-no {
    font-size: 10px;
  }

  .Postsale-Footer-Accept,
  .Postsale-Footer-Decline {
    width: 100%;
  }

  body.de .btn-floats a {
    box-sizing: border-box;
  }

  .Step-Wrap {
    padding-bottom: 15px;
    padding-top: 10px;
  }
}

div.Page-Step3 .Payment-Information-BrazilPersonalVAT,
div.Page-Step3 .Pan-Field {
    width: 100%;
}

div.Page-Step3 .Payment-Information-BrazilPersonalVAT input[type="text"],
div.Page-Step3 .Pan-Field input[type="text"] {
    width: 95%;
}

@media (min-width: 769px) and (max-width: 979px) {

    div.Page-Step3 .Payment-Information-BrazilPersonalVAT input[type="text"],
    div.Page-Step3 .Pan-Field input[type="text"] {
        width: 90%;
    }
}
@media (max-width: 768px) {

    div.Page-Step3 .Payment-Information-BrazilPersonalVAT input[type="text"],
    div.Page-Step3 .Pan-Field input[type="text"] {
        width: 90%;
    }
}

.Frame-Bottom .Billing-Processed-Message, .Frame-Bottom .Billing-Provider-Message {
    display: block;
    clear: both;
}

.Footer{height:auto!important;}
.Webgood .phonelabelelm, .Webgood .phonenumberelm {
    font-size: 13px!important;
}
.btn-floats a {
    text-align: center;
}
.ja .btn-floats .tip, 
.es .btn-floats .tip {
    max-width: 63%;
}
.btn-floats {
    margin-top: 10px;
}