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

* { box-sizing: border-box;}

html body {   font: 400 14px/1.2 "Poppins", "Arial", "Helvetica", sans-serif; color: #303030; box-sizing: border-box; min-width: 320px; background: #EAF2EE;}

body h1, body h2, body h3, body h4, body h5 { font-family: "Poppins","Arial","Helvetica",sans-serif;}

body input:hover, body input:focus, body select:hover, body select:focus, body textarea:hover, body textarea:focus { border-color: #47CC76;}
input:hover::placeholder, input:focus::placeholder, select:hover::placeholder, select:focus::placeholder { color: #B2C0CD;}

/*top steps*/

.Step-Wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    background: transparent;
}
.Step-Wrap .Step {
    min-width: 20%;
    color: #B2C0CD;
    padding: 13px 5px 13px 25px;
    border-right: none;
    border-left: 1px solid #B2C0CD;
    font-size: 14px;
    font-weight: 400;
}
.Step-Wrap .Step.Step-Active {
    color: #000000;
    border-left: 1px solid #FBB03B;
}
.Step-Wrap .Step, .Step-Wrap .Secure {
    height: auto;
    line-height: 20px;
}
.Step-Wrap .Step.Step-Active em {
  background: #FBB03B;
}
.Step-Wrap .Step em {
    background: #ABC3D7;
}
.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: 45%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

/*transparent bg*/

.Frame-Middle .Inner-Container,
.Page-Step3 .Cart-Wrap, 
.Webgood .Top-Msg,
.Page-Step3 .Frame-Bottom-Line .Inner-Container,
.Page-Step3 .Frame-Top-Line .Inner-Container {
    background: transparent;
}

.Frame-Top .Inner-Container img {
    padding-top: 20px;
    padding-bottom: 20px;
}

.Frame-Bottom .Footer, .Webgood .Top-Msg {
    background: #ffffff;
    border: none;
    padding: 32px!important;
}

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

.header-txt {
    font-size: 14px;
    line-height: 1.5;
    color: #1A1A1A;
    font-weight: 400;
    max-width: 378px;
    width: 100%;
    margin: 20px 0 25px;
}

.Frame-Bottom {
    margin: 0;
    padding: 15px 0;
    background: #fff!important;
}

.Gold-Partner {
    border-left: 1px solid #e2e2e2; 
    padding-left: 35px; 
    margin-left: 35px;
}
input[type=text], input[type=password], input[type=number], select, textarea {box-shadow: none; }
.One-Field input[type=text], .One-Field input[type=password], .One-Field input[type=number], .One-Field select, .Language select, .Currency select {
    line-height: 43px;
    height: 43px;
    border-radius: 5px;
    text-indent: 13px;
}

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

.Compare-Body {  
  border: none;
}

.Inner-Container {   
  width: 100%;
  max-width: 1230px;   
}

.Frame-Top .Inner-Container {
    max-width: 100%;
    padding: 0 32px !important;
}

.Frame-Top {
  background: transparent;
}

.blue-block {
  background: transparent !important;
}

.Frame-Bottom {   
  margin: 0;   
  padding: 15px 0;
}

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

.Frame-Bottom .Inner-Container {   
  background-color: transparent;
  border-bottom: none;
}

.Frame-Top-Line .Inner-Container, 
.Frame-Middle .Inner-Container, 
.Frame-Bottom .Inner-Container {
  box-shadow: none;
  border-left: none;
  border-right: none;
}
.Frame-Bottom .Billing-Processed-Message, .Frame-Bottom .Billing-Provider-Message {
    display: block;
}

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

.Company-Logo .Soda-Logo {
  padding-right: 40px;
}

.Checkout .Cart-Wrap .Main-Product .Product-QTY {
 display: block;
 visibility: visible;
 width: auto;
}

.Page-Step1 .Side-Content {
    margin-top: 0;
    background: none;
    border: none;
    padding: 19px 0 25px 15px;
    width: 231px;
}

.Page-Step1 .Next-Step-Button-Wrap {
    width: 100%;
}

.Page-Step1 .User-Information {
    width: 100%;
}

.Page-Step1 .Side-Content .Check-List {background: none; position: relative; font-size: 14px; font-weight: normal;}
.Page-Step1 .Side-Content .Check-List::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 40%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
    height: 9px;
    border-right: 2px solid #27B3E6;
    border-bottom: 2px solid #27B3E6;
}

.Page-Step1 .Next-Step-Button {
    font-size:22px;
    background: #FF5656;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 25px;
    text-transform: uppercase;
    width: 100%;
    margin: auto;
    font-size: 18px;
    line-height: 49px;
    text-shadow: none;
    box-shadow: none;
    letter-spacing: 2px;
 }

.Page-Step1 .Next-Step-Button:hover {
    transition: all .3s linear;
    background: #cf3a3a;
}

.Side-Content h2.Side-Title {
  border-bottom: none;
  box-shadow: none;
}

.Inner-Container {
    padding: 0 15px !important;
}

.User-Information-Side {
    padding-top: 19px;
    width: 44%;
}

.User-Information-Side + .User-Information-Form-Wrap {
    background: #fff;
    padding: 19px 48px 63px;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #0000001A;
    margin-left: 50%;
    width: 52%;
    box-sizing: border-box;
}

.step1-form-title {
    margin-bottom: 20px;
    overflow: hidden;
}

.step1-boxshot {
    padding: 25px 0;
}

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

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

div.Frame-Bottom a:hover {
    color: #27B3E6;
}

.User-Information-Side .step1-boxshot img {
    max-width: 80%;
}

.Page-Step1 h1.Side-Title {
    margin-bottom: 30px;
    text-decoration: underline;
}

.Page-Step2 .Select-Button,
.Page-Step2 .Select-Button-Recommend {
  border: none;
  border-radius: 25px;
  text-transform: uppercase;
  width: 100%;
  margin: auto;
  font-size: 18px;
  line-height: 45px;
  text-shadow: none;
  box-shadow: none;
  padding: 0 10px;
  box-sizing: border-box;
  max-width: 239px;
  min-width: 200px;
}

.Page-Step2 ul { text-align: left;}

.Page-Step2 .Compare-Title .title-h1 {
  font-size: 33px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.1;
  max-width: 465px;
  margin: 0;
}

.Page-Step2 .Select-Button-Recommend:hover {
  transition: all .3s linear;
  background: #cf3a3a;
}

.Page-Step2 .Select-Button:hover {
  transition: all .3s linear;
  background: #aeaeae;
}

.Page-Step2 .Select-Button-Recommend {
  background: #FF5656;
  color: #fff;
  font-weight: 700;
  max-width: 239px;  
}

a.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #fff;
  text-transform: capitalize!important;
  color: #000;
}

img.popupImg {
    position: absolute;
}

@media (max-width: 768px) {
    .Step-Wrap .Step.Step-Active {
        border-left: none;
        border-bottom: none;
    }
    .User-Information-Side + .User-Information-Form-Wrap {
        width: 100%;
        margin-left: 0;
    }
    .Frame-Middle {
       padding: 20px 0;
    }
    div.Page-Step1 .Main-Content, .Bottom-Main {
        margin-right: 0;
    }
    .Page-Step3 .Cart-Wrap {
        padding-top: 35px;
    }

    .Page-Step3 .Payment-Information-EmailInfo {
        margin: 0!important;
        width: 90%!important;
    }
    .Checkout .Main-Content .Payment-Information-Country select {float: left; width: 90%;}
    .Checkout .One-Field label.Payment-Information-CardExpDate-Label { width: 23%;}
    .Checkout .Page-Step1 .One-Field, .Checkout .Page-Step1 .One-Field label {
        width: 100%;
        display: block;
        text-align: left;
    }

    p.ShoppingCart-Item-ProductDescription {
        width: 100%;
        box-sizing: border-box;
    }
    .Checkout div.Page-Step3 div .Payment-Information-CardHolder input[type=text], 
    .Checkout div.Page-Step3 div .Payment-Information-CardNumber input[type=text], 
    .Checkout div.Page-Step3 div .Payment-Information-EmailAddress input[type=text] {
        width: 95%;
    }
    div.Page-Step3 .One-Field.Payment-Information-CardExpDate, 
    div.Page-Step3 .One-Field.Payment-Information-CardCVV {width: 50%;}
    div.Page-Step3 .One-Field input[type=number] { text-indent: 2px;}
}

@media (max-width: 577px) {  
  .Gold-Partner { padding-left: 20px; margin-left: 20px;}
}

@media (max-width: 480px) {
  div.Frame-Top .Company-Logo, div.Frame-Top .Secure-Text { text-align: left;}
  .Frame-Top div.Inner-Container { padding: 0 10px!important;}
  div.Frame-Top .Inner-Container img { padding: 20px 0 5px 15px; margin: 0; border-left: 0;}
  .Newsletter-Wrap-Classic {margin-left: 24px;}
  .Checkout div.Page-Step3 .Payment-Information-Country select, .Checkout div.Page-Step3 .Payment-Information-State select, .Checkout div.Page-Step3 .Payment-Information-PaymentMethod select, .Checkout div.Page-Step3 .One-Field input[type=text], .Checkout div.Page-Step3 .One-Field input[type=password], body.Checkout .Main-Content .Payment-Information-Country select { width: 95%;}
  div.Page-Step3 .Payment-Information-CardExpDate input[type=number] { width: 42%;}
  div.Page-Step3 .One-Field.Payment-Information-CardCVV { width: 100%;}
  body.Checkout div.Main-Content .Payment-Information-Country select { float: left; width: 95%; margin-left: 0;}
  .Newsletter label p { padding-left: 5px;}
  div[type="popup"] { margin: 1px 250px 0 -194px; }
  img.popupImg { position: relative; top: -8px; left: 92%;}
  .DoubleDescriptorInfo { margin: 0;}
}

.Frame-Bottom {   
  margin: 0;   
  padding: 15px 0;
}


.Page-Step2 .Select-Button-Recommend:hover {
  transition: all .3s linear;
  background: #cf3a3a;
}

.Page-Step2 .Select-Button {
  background: #DADADA;
}

.Page-Step2 .Select-Button-Recommend {
  background: #FF5656;
  color: #fff;
  font-weight: 700;
   
}

a.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #fff;
  text-transform: capitalize!important;
  color: #000;
}

.Page-Step2 .Compare-Body .subjects_top.blue-block {
 width: 45%;
 text-align: left;
 position: relative; 
 padding-top: 50px;
}

.Page-Step2 .Compare-Body .blue-block td.blue-block {
 border: none 0; 
}


.Compare-Body td {
    border-bottom: 1px solid #CFCFCF;
    border-right: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-top: 1px solid #CFCFCF;
}

.Compare-Body .prod1, 
.Compare-Body .prod2 {
  padding-bottom: 24px;
}

.Compare-Body .prod1  {
  padding-top: 39px;
} 

.Compare-Body .prod1 .prod1-inner, 
.Compare-Body .prod2 .prod2-inner,
.Compare-Body .prod2 .prod2-inner-simple {
  max-width: 67%;
  width: 100%;
  margin: auto;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #0000001A;  
  padding: 0 40px 50px;       
  border-radius: 5px;          
}

.Compare-Body .prod2 .prod2-inner { 
  position: relative;
  padding-top: 20px;                 
}

.Compare-Body .prod2 .prod2-inner::before,
.Compare-Body .prod2 .prod2-inner::after {
  content: ' ';
  position: absolute; 
  top: 27px; 
  width: 83px;
  height: 1px;
  background: #27B2E5;
}

.Compare-Body .prod2 .prod2-inner::before { 
  left: 0;
}

.Compare-Body .prod2 .prod2-inner::after {
  right: 0;  
}

.Compare-Body .prod1 .prodtitle,
.Compare-Body .prod2 .prodtitle {    
 width: 100%;  
 margin: auto;
 padding: 36px 0 25px;
}

.Compare-Body .prod1 .prodtitle,
.Compare-Body .prod2 .prodtitle {   
  max-width: 169px;
}

table.Compare-Body .prod2 p strong {
    font-weight: 900;
}

.prodtitle div {   
  width: 100%;
}

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

.Compare-Body .prod1  p,
.Compare-Body .prod2  p {   
 text-transform: capitalize;
 color: #000;
 line-height: 1.3;
}

.Compare-Body .prod1 p strong,
.Compare-Body .prod2 p strong {
  display: block;
  font-weight: 700;   
  font-size: 25px;
}

.Compare-Body .prod1 .monthlyprice,
.Compare-Body .prod2 .monthlyprice {
  font-size: 21px;
  color: #000;
  font-weight: bold;
  margin: 30px auto;
}

.Compare-Body .prod1 .monthlyprice .price_txt,
.Compare-Body .prod2 .monthlyprice .price_txt  {   
 text-transform: none;
 font-size: 11px;
 font-weight: 300;    
}

.popular-banner {
   position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #27B3E6; 
  letter-spacing: 1px;
  background: #fff;
  z-index: 2;
}

.Page-Step2 .Compare-Body td.subjects {
  font-size: 16px;
  line-height: 16px;
  text-indent: 0;
  padding: 8px 20px 8px 38px;
  font-weight: 600;
  color: #1A1A1A;
  position: relative;
}

.Page-Step2 .Compare-Body td.subjects .tooltip::before {
  content: "i";
  position: absolute;
  left: 0; 
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  color: #CFCFCF;
  background: #fff;
  font-weight: 400;
  text-align: center;
} 

.Page-Step2 .Compare-Body td.points1,
.Page-Step2 .Compare-Body td.points2 {
  position: relative;    
}

.Page-Step2 .Compare-Body td.points1::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);    
  width: 5px;
  height: 12px;   
  border-right: 2px solid #707070;  
  border-bottom: 2px solid #707070;   
}

.Page-Step2 .Compare-Body td.points2::before {
  content: "";
  position: absolute;
  left: 50%; 
  transform: rotate(45deg);    
  width: 5px;
  height: 12px;   
  border-right: 2px solid #27B3E6;   
  border-bottom: 2px solid #27B3E6;  
  margin-left: -8px;
  margin-top: -8px;
}


.Page-Step2 .Compare-Body .blue-block td.points1, .Page-Step2 .Compare-Body .blue-block td.points2 {
    border: none;
    background: #fff!important;
}

.table-title {
  position: absolute;
  left: 20px;
  bottom: 17px;
  font-size: 16px;
  font-weight: 700;
  color: #1A1A1A;
}

.block-icon {    
  display: none;
  padding: 0 0 140px;
}

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

.block-icon_item {
  position: relative;
  font-size: 16px;
  color: #303030;
  padding-left: 40px;
}

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

.guarantee::before {
  background: url("https://downloads.upclick.com/Publishers/1001837/Designer/Soda12//icon-check-soda.png");
  width: 22px;
  height: 17px;   
}

.support::before {
  background: url("https://downloads.upclick.com/Publishers/1001837/Designer/Soda12/icon-support-soda.png");
  width: 22px;
  height: 20px;   
}

.secure::before {
  background: url("https://downloads.upclick.com/Publishers/1001837/Designer/Soda12/icon-secure-soda.png");
  width: 20px;
  height: 20px;   
}

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

.Payment-Information-Title .Subtitle,
.Contact-Information-Title .Subtitle {
 display: block;
 visibility: hidden;
}
.Page-Step3 .Main-Product-Row .Product-Price, .Page-Step3 .Main-Product-Row .Product-Price {
   font-weight: 600;
}
.Webgood .Frame-Bottom-Line {
    display: none;
}

.Webgood .Frame-Middle {
    padding-top: 20px;
}

.Webgood .Frame-Middle .Inner-Container {
    background: #fff!important;
    max-width: 1082px;
}

.Webgood .Frame-Middle .Inner-Container {
    background: #fff!important;
    max-width: 1082px;
    padding: 20px 15px!important;
}

.Webgood div.Print-Page {
    top: -7px;
    background-color: #47cc76;
}

body.Webgood .Webgood-Transaction-Information h3 {
    color: #47CC76;
}

.Webgood .Webgood-Purchase-Summary-Title h1, 
.Webgood .Webgood-Billing-Information-Title h1 {
    color: #47CC76;
    font-size: 20px;
}

.Page-Step2 .Compare-Body .blue-block td.points1::before,
.Page-Step2 .Compare-Body .blue-block td.points2::before,
.Page-Step2 .Compare-Body .blue-block td.points2::after  {
    display: none;
}

.Page-Step2 .Compare-Body .subjects_top.blue-block {
   width: 44%;   
 }

table .prod1, table .prod2, table .prod3, table .prod4 {
    vertical-align: bottom!important;
}
@media (max-width: 1700px) {
  .Frame-Top .Inner-Container {
      padding: 0 32px!important;
  }
}

@media (max-width: 1023px) {

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

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

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

  .Page-Step2 .Select-Button,
  .Page-Step2 .Select-Button-Recommend {
    max-width: 90%;
    font-size: 15px;
    min-width: 150px;
  }  
.Page-Step2 .Compare-Body .subjects_top.blue-block {
    width: 50%;
}
.header-txt {
    max-width: 95%;
}
.Compare-Body .prod1 .prod1-inner, 

.Page-Step2 .Compare-Title .title-h1 {
    font-size: 22px;
}
}

@media (max-width: 767px) {
  .Checkout .Side-Content {
    display: none;
  } 

 .Page-Step2 .Compare-Body td.subjects   {
  font-size: 13px;
}

.Page-Step2 .Select-Button,
.Page-Step2 .Select-Button-Recommend { 
  font-size: 14px;
}

.header-txt {   
  margin: 20px auto 20px;
}

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

.block-icon_list {
  flex-direction: column;
}

.block-icon_item {
  margin-top: 25px;
}

.Step-Wrap span.Step:not(.Step-Active) {
    display: none;
}

.Compare-Body td:first-of-type {
    display: none;
}

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

}

@media (max-width: 600px) { 

  .block-icon {
    display: none;
  }  
}

@media (max-width: 577px) {

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

.Compare-Title-Mobile .header_txt {
    margin: 10px auto 25px;
}

.Webgood .Step-Wrap .Secure {
    display: none;
}

}
@media screen and (max-width: 925px) {
    .Page-Step1 .Main-Content, .Bottom-Main {
        margin-right: 20px;
    }
    .Page-Step1 .Side-Content {
        display: none;
    }
  .header-txt {
      font-size: 13px;
  }
}
@media (max-width: 426px) {
  .postTermContent {
    height: 350px;
  }
  .Page-Step3 .Main-Product-Row .Product-Information .Product-Image {
      float: none;
  }
  p.subscription {
    float: none;
  }
  .User-Information-Side + .User-Information-Form-Wrap {
      padding: 19px 25px 63px;
  }
  .Frame-Top .Inner-Container img {
    padding-left: 10px;        
  }   
    .Webgood  .Statement-Example h3 {
      margin: 0;
   }
    .Page-Step3 .Product-Price {
        width: 100%;
        text-align: center;
        color: #000;
    }  
    .Page-Step3 .Product-Informationundefined, .Page-Step3 .Product-Information {
        width: 100%;
    }

    .Page-Step3 .Payment-Information-Title .Subtitle, .Page-Step3 .Contact-Information-Title .Subtitle {
        display: block;
        visibility: hidden;
        max-height: 25px;
    }
  .Page-Step2 .Select-Button.disabled {   font-size: 12px;}
  .Page-Step2 .Select-Button, .Page-Step2 .Select-Button-Recommend {padding: 0; min-width: auto;}
  .Page-Step2 .Compare-Body .prod1 .prod1-inner, 
  .Page-Step2 .Compare-Body .prod2 .prod2-inner,
  .Page-Step2 .Compare-Body .prod2 .prod2-inner-simple {
     box-sizing: border-box;
     max-width: 90%;
     width: 100%;
     margin: auto 10px;
     background: transparent;
     box-shadow: none;
     padding: 0;
     border-radius: 0;
  }

  .popular-banner {
     padding-bottom: 10px;
     background: none;
  }

  .popular-banner::before,
  .popular-banner::after {
      display: none;
  }

  .Compare-Body .prod2 .prod2-inner {    
      padding-top: 10px;
  }

  .Compare-Body .prod1 .prodtitle, 
  .Compare-Body .prod2 .prodtitle {
    padding-top: 10px;
  }

  .Compare-Body .prod2 .prod2-inner::before, 
  .Compare-Body .prod2 .prod2-inner::after {
     width: 17px;
     top: 17px;
  }
  .Page-Step3 .Main-Product-Row .Product-Information h5 {padding-top: 15px;}
}

@media (max-width: 321px) {
  .Compare-Body .prod1 p strong, .Compare-Body .prod2 p strong {
      font-size: 18px;
  }
  .Compare-Body .prod1 .prodtitle, .Compare-Body .prod2 .prodtitle {
      padding: 0 5px;
  }
  .Compare-Body .prod1 .prodtitle, .Compare-Body .prod2 .prodtitle {
      max-width: 120px;
  }
  div.Page-Step3 .Main-Product-Row .Product-Price, 
  div.Page-Step3 .Main-Product-Row div.Product-Information h5, 
  div.Page-Step3 .Main-Product-Row .Product-QTY {
      padding-left: 0!important;
  }
  .Page-Step3 .Main-Product-Row .Product-Information h5 {
      padding-top: 15px;
  }
  div.Page-Step3 .Main-Product-Row .Product-Information .Product-Image {
      float: none;
  }
}


/*step3*/

.Newsletter-Wrap-Classic {text-align: center; margin-top: -10px; margin-left: 10%; padding-right: 5%;}
.Newsletter label p { color: #666666; font-size: 12px;}
.Page-Step3 {color: #303030;}
.Page-Step3 .Cart-Wrap { max-width: 35%!important; min-width: 300px; box-sizing: border-box;}
.Page-Step3 .Form-Wrap { max-width: 57%!important; min-width: 400px; box-sizing: border-box;}
.Page-Step3 .Cart-Wrap {float: left; padding-top: 33px; border: none;}
.Page-Step3 .Form-Wrap { margin-top: 50px;}
.Page-Step3 .Main-Product-Row .Product-Price { width: auto;}
.Page-Step3 .Main-Product-Row .ShoppingCart-Item-ProductPrice, .Page-Step3 .Main-Product-Row .c_ShoppingCart-Item-ProductPrice {font-size: 24px; line-height: 1; color: #303030; font-weight: 700;}
.ShoppingCart-Item.Xsell-Row { margin: 0 0 12px;}
.Page-Step3 .Xsell-Row .Product-Price { float: right;}
input[type=text], input[type=password], input[type=number], select, textarea { border-color: #dfdfdf;}
.Page-Step3 div.One-Field input[type=text], .Page-Step3 div.One-Field input[type=password], .Page-Step3 div.One-Field input[type=number], .Page-Step3 div.One-Field select, .Page-Step3 .Language select, .Page-Step3 .Currency select { background-image: none; font-size: 16px; color: #303030;}
.Page-Step3 span.ShoppingCart-Item-ProductDescription-Details, .Page-Step3 span.ShoppingCart-Item-ProductDescription-Details {margin-left: 0px;}
.Page-Step3 .Form-Wrap {float: right; background: #FFFFFF; box-shadow: 0px 3px 6px #0000001A; border-radius: 6px; margin-right: 10px; margin-bottom: 10px;}
.Payment-Information-CardExpDate .Payment-Information-CardExpDate-Label {  display: inline-block; max-width: 30%;  line-height: 1.2;  vertical-align: middle;  margin-right: 1%;  overflow-wrap: break-word; font-size: 12px;}
.Page-Step3 .ShoppingCart-Item-AddToCart, .Page-Step3 .c_ShoppingCart-Item-AddToCart, .Page-Step3 .ShoppingCart-Item-RemoveFromCart, .Page-Step3 .c_ShoppingCart-Item-RemoveFromCart  { background: #FFF;}
.Page-Step3  .ShoppingCart-Item-RemoveFromCart, .Page-Step3  .c_ShoppingCart-Item-RemoveFromCart, .Page-Step3  .ShoppingCart-Item-AddToCart, .Page-Step3  .c_ShoppingCart-Item-AddToCart { border-radius: 50%; height: 23px; width: 23px; line-height: 23px;   vertical-align: middle;  display: inline-block;}
div.Page-Step3 .Main-Product-Row .Product-Information h5, div.Page-Step3 .Main-Product-Row .Product-QTY, div.Page-Step3 .Main-Product-Row .Product-Price { padding-left: 135px; display: block;}
.Page-Step3 .Main-Product-Row .Product-Information h5 { margin-bottom: 10px;}
.Page-Step3 span.ShoppingCart-Item-ProductDescription-Automated {display: block;}
.Page-Step3 .Main-Product-Row .Product-Information .Product-Image {max-width: inherit; width: 124px; float: left;     max-height: initial;}
.Page-Step3 .Main-Product-Row .Product-Information {width: 100%;}
.Page-Step3 .Xsell-Row .Product-Informationundefined, .Page-Step3 .Xsell-Row .Product-Information { width: auto;}
.Page-Step3 .Xsell-Row .Product-Information h5 { font-weight: normal;}
.Page-Step3 .Xsell-Row .ShoppingCart-Item-ProductDescription-Details {display: none;}
.Page-Step3 .Side-Content, .Page-Step3 .Top-Main-Content {display: none;}
.Page-Step3 .Main-Content, .Page-Step3 .Bottom-Main { margin-right: 0;}
.Page-Step3 .Payment-Information-Country { position: relative; padding: 5px 0 5px 0; text-align: left;}
.Page-Step3 .Section-Title, .Page-Step3 .Contact-Information-Title, .Page-Step3 .Payment-Information-Title { display: none;}
.Page-Step3 .Form-Wrap .Contact-Information { border-radius: 6px 6px 0 0;}
.Page-Step3 .Form-Wrap .Button-Wrap { border-radius: 0 0 6px 6px;}
.Page-Step3 .ShoppingCart-Summary {font-size: 14px; text-align: left; border: none; border-top: 1px solid #dfdfdf!important; background: transparent; padding-left: 0; padding-top: 15px;}
.Page-Step3 .Side-Content .ShoppingCart .ShoppingCart-Item div.Product-Price {width: 25%; display: inline-block; }
.Page-Step3 .Main-Product-Row .Product-Price { margin: 16px 0 0 0;}
.Page-Step3 .Frame-Bottom-Line .Inner-Container a { color: #666666; font-weight: 500; text-decoration: underline;}

.Page-Step3 .Main-Product-Row .quantity.pNav {  
  overflow: hidden;
  padding-bottom: 15px;
}
.renewal-msg {font-size: 14px; color: #666666; padding-top: 20px;padding-bottom: 50px;}
.Page-Step3 .Product-Price .ShoppingCart-Item-ProductPriceOld { display: none;}
.Page-Step3 .Payment-Information-EmailAddress { display: inline-block;}
.Page-Step3 .Side-Content { border: none; background: #fff;}
.Page-Step3 .Frame-Middle { padding-top: 0;}
.Page-Step3 .Section-Content, .Page-Step3 .Contact-Information, .Page-Step3 .Payment-Information { background: #fff;}
.Page-Step3 .Button-Wrap { background: #fff; border: none;}
.Page-Step3 .Section-Title h1, .Page-Step3 .Contact-Information-Title h1, .Page-Step3  .Payment-Information-Title h1 { background: none;}
.Page-Step3 .Main-Product-Row h5 span.ShoppingCart-Item-ProductName { font-size: 24px;  line-height: 1;  font-weight: 400;  color: #1A1A1A;}
.Page-Step3 .ShoppingCart-Item, .Page-Step3 .c_ShoppingCart-Item { padding: 0;}
.Page-Step3 .step3_mp { margin-left: 0; padding: 0;}
.Page-Step3  .Section-Title h1, .Page-Step3 .Contact-Information-Title h1, .Page-Step3 .Payment-Information-Title h1 { margin: 0; color: #000;}
.Page-Step3 div.One-Field input[type=text], .Page-Step3 div.One-Field input[type=password], .Page-Step3 div.One-Field input[type=number], .Page-Step3 div.One-Field select, .Page-Step3 .Language select, .Page-Step3 .Currency select { background-image: none;}
input.quantity-input { background: none; border: none; font-weight: 600;}
.Page-Step3 .Xsell-Row .Product-Information .ShoppingCart-Item-ProductName {padding-left: 5px;}
.Page-Step3 .Section-Content, .Page-Step3 .Contact-Information, .Page-Step3 .Payment-Information { border: none;}
.Page-Step3 .Section-Title, .Page-Step3 .Contact-Information-Title, .Page-Step3 .Payment-Information-Title { border-bottom: none;  padding: 25px 0 0 0;}
div#step3_xsells { margin: 12px 0;}
.Page-Step3 a.ShoppingCart-Item-AddToCart, .Page-Step3 a.ShoppingCart-Item-RemoveFromCart {position: relative;}
.Page-Step3 a.ShoppingCart-Item-AddToCart:before {
    content: "+";
    width: 100%;
    text-align: center;
    font-size: 23px;
    line-height: 23px;
    color: #858585;
    position: absolute;
}
.Page-Step3 a.ShoppingCart-Item-RemoveFromCart:before {
    content: "-";
    width: 100%;
    text-align: center;
    font-size: 23px;
    line-height: 23px;
    color: #858585;
    position: absolute;
}
.Page-Step3 a.ShoppingCart-Item-AddToCart:hover:before, .Page-Step3 a.ShoppingCart-Item-RemoveFromCart:hover:before  { color: #1A1A1A;}

.Page-Step3 .Main-Product-Row .Product-QTY:before { content: "Licenses"; position: absolute; top: -20px; font-size: 14px;
 font-weight: 400;}
.fr .Page-Step3 .Main-Product-Row .Product-QTY:before {content: "Licences";}
.es .Page-Step3 .Main-Product-Row .Product-QTY:before {content: "Licencias";}
.it .Page-Step3 .Main-Product-Row .Product-QTY:before {content: "Licenze";}
.de .Page-Step3 .Main-Product-Row .Product-QTY:before {content: "Lizenzen";}
.pt .Page-Step3 .Main-Product-Row .Product-QTY:before {content: "Licenças";}

.Page-Step3 .Main-Product-Row .Product-QTY { position: relative; margin-top: 35px;}
.Page-Step3 .Credit-Cards-Logo { height: 20px; overflow: hidden; margin-top: 10px;}
.Page-Step3 .Credit-Cards-Logo .card { background-size: contain;}
.Page-Step3 .Credit-Cards-Logo .card { width: 34px; height: 19px; margin: 0; padding-right: 1px;}
.Page-Step3 .Section-Content, .Page-Step3 .Contact-Information, .Page-Step3 .Payment-Information { padding: 15px 5% 15px 10%;}
.Page-Step3 .Form-Wrap .Contact-Information { padding-top: 48px;}
.Page-Step3 .Form-Wrap .Button-Wrap { padding-bottom: 48px;}
.Page-Step3 .Before-Cart-Content img { float: left; margin-right: 26px;}
.ShoppingCart-Item-ProductPrice, .c_ShoppingCart-Item-ProductPrice { text-align: left;}
.Page-Step3 .Before-Cart-Content h5 {font-size: 23px; font-weight: 400; margin-bottom: 35px; color: #1A1A1A;}
.Page-Step3 .Main-Product-Row .Product-Price {text-align: left; display: block;}
.Page-Step3 .Main-Product-Row .Product-Information h5 input[type="radio"] {display: none;}
.Page-Step3 .Frame-Bottom-Line .Inner-Container { border-left: none; border-right: none; padding-bottom: 30px;}
.Page-Step3 .Main-Product-Row .ShoppingCart-Item-ProductDescription {  float: left; padding-top: 10px;}
.Page-Step3 #Process-Action { width: 100%; margin-left: 0; text-align: center;}
div.Page-Step3 .Payment-Information-CardHolder, div.Page-Step3 .Payment-Information-CardNumber, div.Page-Step3 .Payment-Information-EmailAddress { width: 100%;}
div.Page-Step3 .ShoppingCart-Item-ProductDescription-Details {  margin-top: 7px;}
.Page-Step3 span.ShoppingCart-Item-ProductDescription-Details, .Page-Step3 span.ShoppingCart-Item-ProductDescription-Automated {    margin-left: 0;  font-size: 14px;  line-height: 1.7;}
.Page-Step3 .Xsell-Row>div.quantity { display: flex; align-items: center; justify-content: space-between;}
.Page-Step3 .Xsell-Row .Product-Information h5 { display: flex; align-items: center;}
.Checkout div.Page-Step3 .Xsell-Row .Product-Information { padding: 1% 1% 1% 0;}
.Page-Step3 .Xsell-Row .Product-Price { padding: 1% 1% 1% 0;}
.Page-Step3 .Xsell-Row .Product-Price .ShoppingCart-Item-ProductPrice {text-align: right;}
.Xsell-Row .ShoppingCart-Item-ProductPrice span.product-price { white-space: nowrap; text-align: right; padding-left: 5px;}

.Page-Step3 .Process-Order-Button {
    margin: 0 auto;
    max-width: 313px;
    line-height: 50px;
    height: 50px;
    width: 100%;
    background: #FBB03B;
    border-radius: 28px;
    border: none;
    font-family: "Poppins","Arial","Helvetica",sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    box-shadow: none;
    text-shadow: none;
}

::placeholder {color: #303030;}
.ShoppingCart-Summary-TotalDiscountAmount, .ShoppingCart-Summary-TotalDiscountPercent { display: none;}
.ShoppingCart-Summary-TotalDiscountAmount:before, .ShoppingCart-Summary-TotalDiscountPercent:before {display: none;}
.ShoppingCart-Summary-TotalDiscountAmount:after, .ShoppingCart-Summary-TotalDiscountPercent:after {display: none;}
.Page-Step3 .Process-Order-Button:hover { transition: all .3s linear; background: #ee8f00;}

.Page-Step3 .One-Field input[type=text], .Page-Step3 .One-Field input[type=password], .Page-Step3 .One-Field input[type=number], .Page-Step3 .One-Field select, .Page-Step3 .Language select, .Page-Step3 .Currency select { box-sizing: border-box;}
.Page-Step3 .Payment-Information-Country select, .Page-Step3 .Payment-Information-State select, .Page-Step3 .Payment-Information-PaymentMethod select, .Page-Step3 .One-Field input[type=text], .Page-Step3 .One-Field input[type=password] { width: 90%;}
.Page-Step3 .Payment-Information-ZIP input[type="text"], .Page-Step3 .Payment-Information-CardCVV input[type="text"] { width: 90%;}
.Page-Step3 .Payment-Information-Country select { width: 90%;}
.Page-Step3 .Payment-Information .Payment-Information-PaymentMethod-Logos {margin-top: 0;}

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

.Page-Step3 .B2B-If-Business label {vertical-align: middle; padding-left: 5px;}
.Page-Step3 .ShoppingCart-Summary-B2B {
    margin: 10px 0 0 0;
    font-weight: normal;
    position: relative;
    width: 100%;
    text-align: left;
    display: block;
}
.Page-Step3 .Company-Name-Input {width: 98%;}
.Page-Step3 .B2B-VAT input {width: calc(100% - 60px);}
.Page-Step3 .Payment-Information-EmailInfo { display: none!important; margin: -50px 0 0 46%;}
.Page-Step3 table.Compare-Body td { padding: 8px 0;}
.Page-Step3 .Main-Product-Row .Product-Information img, .Page-Step3 .Main-Product-Row .Product-Information h5 { display: block;    visibility: visible;}
div.Page-Step3 .Payment-Information-CardHolder input[type=text], div.Page-Step3 .Payment-Information-CardNumber input[type=text], div.Page-Step3 .Payment-Information-EmailAddress input[type=text] {  width: 95%;}
.Page-Step3 .Payment-Information-Country { position: relative; padding: 5px 0 5px 0; text-align: left;}
.Page-Step3 .One-Field span.space { visibility: hidden; width: 5%;}
.Page-Step3 .Payment-Information-CardExpDate input[type=number] { width: 25%;}
.Checkout div.Page-Step3 .ShoppingCart-Summary-B2B input, .Checkout div.Page-Step3 .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%;
}
/*fix non-aligned inputs*/
.Contact-Information .One-Field {
    display: block;
    float: left;
    margin: 0;
}
.Newsletter-Wrap-Classic {
    display: inline-block;
    margin-top: 0;
}
div.Newsletter-Wrap {
    display: inline-block;
}
.Checkout div.Page-Step3 div.Payment-Information {
    padding-top: 0px;
}

@media (min-width: 980px) {
.Page-Step3 div.Payment-Information-Country, 
.Page-Step3 div.Payment-Information-State, 
.Page-Step3 div.Payment-Information-ZIP {
    width: calc(100% / 3);
    margin: 0px -4px 0 0;
}
}
@media (max-width: 979px) {
.Checkout .Main-Content .Payment-Information-Country {
    margin: 0;
}
}
@media (max-width: 978px) {
  .Page-Step3 .One-Field .space {
      display: inline-block !important;
      width: 8%;
      text-align: center;
  }
}


@media (max-width: 979px) and (min-width: 769px) {
  .Checkout .Page-Step3 .Payment-Information-EmailInfo {
      margin: 0;
      width: 90%;
  }
  .Checkout .Page-Step3 .Main-Content .Payment-Information-Country select {
      width: 90%;
  }
  .Checkout .Page-Step3 .Main-Content .Payment-Information-Country {
      width: 100%;
      text-align: left;
      margin: 0;
  }
  .Page-Step2 .Select-Button, .Page-Step2 .Select-Button-Recommend {  font-size: 14px;}
  .Page-Step3 .Main-Product-Row .ShoppingCart-Item-ProductDescription, 
  .Page-Step3 .Main-Product-Row .Product-Information h5 {
      padding-left: 0;
  }
  .Page-Step3 .Cart-Wrap {
        max-width: 40%!important;
  }
  div.Page-Step3 .Payment-Information-CardHolder input[type=text], 
  div.Page-Step3 .Payment-Information-CardNumber input[type=text], 
  div.Page-Step3 .Payment-Information-EmailAddress input[type=text] {
        width: 90%;
  }
  .Checkout .Page-Step3 .Main-Content .Payment-Information-Country {
      width: 100%;
      text-align: left;
      margin: 0;
  }
  div.Page-Step3 .One-Field.Payment-Information-CardExpDate,
  div.Page-Step3 .One-Field.Payment-Information-CardCVV,
  div.Page-Step3 .Payment-Information-Country, 
  div.Page-Step3 .Payment-Information-State, 
  div.Page-Step3 .Payment-Information-ZIP {
      width: 100%;
   }
  .Checkout .Payment-Information .Payment-Information-CardExpDate input[type=number] { width: 41%; }
  .Page-Step3 .Main-Product-Row .Product-Information h5 {   padding-top: 15px;  }
}

@media (max-width: 768px) { 
  .Checkout .One-Field, .Checkout .One-Field label, .Webgood .One-Field, .Webgood .One-Field label { width: 50%; 
  display: inline-block; text-align: left;}
  .Page-Step3 div.Cart-Wrap, .Page-Step3 div.Form-Wrap { max-width: 100%!important; width: 100%;}
  .Page-Step3 .Form-Wrap {margin-right: 0; margin-top: 35px;!important}
  .Page-Step3 .Company-Name-Input {width: 49%;}
  .Page-Step3 .B2B-VAT input {width: calc(50% - 60px);}
  .Page-Step2 .Compare-Body .prod1, .Page-Step2 .Compare-Body .prod2 { width: 50%;}
  .Checkout .Page-Step3 .Main-Content .Cart-Wrap { margin-top: 0; padding-top: 20px;}
  
  .Page-Step3 .B2B-If-Business {   
    top: 40px; 
  }
  .Checkout .Frame-Middle .Inner-Container { background: transparent;}
  div.Page-Step3 .One-Field span.space { visibility: visible; width: 8%;}
  .Page-Step3 .Payment-Information-CardExpDate input[type=number] { width: 25%; }
}

@media (max-width: 1300px) and (min-width: 480px) { 
  div[type="popup"] { margin: 1px 250px 0 -194px;}
  img.popupImg { position: relative; top: -8px;  left: 92%;}
}

@media (max-width: 480px) { 

  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 .Page-Step3 .Main-Content .Cart-Wrap { margin-top: 0; padding-top: 20px;}
  .Page-Step3 .Form-Wrap { min-width: auto;}
  body.Checkout .Main-Content .Currency select, body.Checkout .Main-Content .Payment-Information-Country select { width: 90%;}
  .Page-Step3 .Payment-Information-ZIP input[type="text"], .Page-Step3 .Payment-Information-CardCVV input[type="text"] { width: 60%;}
  div#Payment-Information-EmailInfo { width: 90%; margin: 5px 0;}
  .Compare-Body .prod1 p strong, .Compare-Body .prod2 p strong { font-size: 20px;}
  .Page-Step3 .Company-Name-Input { width: 89%;}
  .Page-Step3 .B2B-VAT input { width: calc(91% - 60px);}
  .Checkout .Cart-Wrap .ShoppingCart .ShoppingCart-Item-ProductDescription { display: block; }
  .Page-Step3 .Process-Order-Button { font-size: 15px;}
  div.Cart-Wrap .ShoppingCart .Product-Price .ShoppingCart-Item-ProductPriceOld,
  div.Cart-Wrap .ShoppingCart .Product-Price .ShoppingCart-Item-DiscountAmount  { display: none; }
  div.Page-Step3 .One-Field.Payment-Information-CardExpDate { width: 100%;}
  .Checkout div.Step-Wrap span.Step, .Webgood div.Step-Wrap span.Step { display: none;}
  body.Checkout .One-Field label.Payment-Information-CardExpDate-Label { width: 90%; max-width: 90%; padding: 10px 0;}
  div.Page-Step3 .One-Field input[type=number] { text-indent: 2px;}
  div.Frame-Top .Company-Logo, div.Frame-Top .Secure-Text { text-align: left;}
}

/*pop up*/

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

p.subscription {
    padding: 15px 0 70px 0;    
}

@media (max-width: 1009px) {
.popup_term .btn_OK {
 position: absolute;
 float: none;
 bottom: 15px;
 left: 50%;
 transform: translate(-50%);
 margin: 0;
 }
}

@media (max-width: 1009px) and (min-width: 769px) {
.popup_term {padding: 20px; width: 720px;}
}

@media (max-width: 979px) and (min-width: 769px) {
.popup_term {padding: 20px; width: 720px;}
}

@media (max-width: 768px){
.popup_term {padding: 20px; width: 550px; }
}

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

@media (max-width: 480px){
.popup_term {padding: 20px; width: 80%;}
.popup_term p.subscription label { width: 100%;}
.popup_term p.subscription {  float: none;}
}