/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.g4w-webhosting:not(.cart-outer-main),
.g4w-webhosting:not(.cart-outer-main) #signup {
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 80px auto;
  position: relative;
  min-height: auto;
  max-width: 1165px !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.g4w-webhosting{
  margin-top: 20px !important;
}
.g4w-webhosting #fieldsets {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.g4w-webhosting input[type=text],
.g4w-webhosting input[type=email],
.g4w-webhosting input[type=password],
.g4w-webhosting input[type=tel],
.g4w-webhosting textarea{
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 8px;
  margin-bottom: 8px;
  position: relative;
}
.g4w-webhosting input[type=text]:focus,
.g4w-webhosting input[type=email]:focus,
.g4w-webhosting input[type=password]:focus,
.g4w-webhosting input[type=tel]:focus,
.g4w-webhosting textarea:focus {
  outline: none;
  border: 1px solid #22918b;
}
.g4w-webhosting input[type=radio] {
  margin: 6px;
  display: inline-block;
}
.g4w-webhosting fieldset {
  border: none !important;
  position: absolute;
  left: -640px;
  width: 600px;
  padding: 10px 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  opacity: 0;
}
.g4w-webhosting fieldset.current {
  left: 20px;
  opacity: 1;
}
.g4w-webhosting fieldset.next {
  left: 640px;
}
.g4w-webhosting input[type=submit] {
  display: none;
  border: none;
}
.g4w-webhosting #section-tabs {
  font-size: 0.8em;
  height: 50px;
  position: relative;
  margin-top: -60px;
  margin-bottom: 50px;
  padding: 0;
  font-weight: bold;
  list-style: none;
  text-transform: uppercase;
    counter-reset: step;
}
.g4w-webhosting ul#section-tabs:after {
  content: '';
  background-color: #fff;
  height: 2px;
  width: 75%;
  position: absolute;
  left: 135px;
  top: -20px;
}
.g4w-webhosting #section-tabs li.current:before {
    color: #fff;
}
.g4w-webhosting #section-tabs li{
  color: #fff;
  text-decoration: none;
  padding: 0 6px;
  float: left;
  width: 20%;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  background-color: transparent;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.g4w-webhosting #section-tabs li:before {
  content: counter(step);
  counter-increment: step;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -34px;
  z-index: 9999;
  color: #2cbab2;
  background-color: #fff;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g4w-webhosting #section-tabs li.current:before {
  color: #fff;
  background-color: #2cbab2;
}
.g4w-webhosting #section-tabs li.active:first-child:after {
  display: none;
}
.g4w-webhosting #section-tabs li.active::before {
  background-color: #2cbab2;
  color: #fff;
}
.g4w-webhosting #section-tabs li.active:after {
  content: "";
  display: block;
  height: 2px;
  top: -20px;
  position: absolute;
  width: 100%;
  background-color: #2cbab2;
  left: -135px;
  z-index: 1;
}
.g4w-webhosting #section-tabs li span {
  color: #bababa;
}
.g4w-webhosting #section-tabs li.active {
  color: #fff;
  cursor: pointer;
}
.g4w-webhosting #section-tabs li.current {
  opacity: 1;
  z-index: 999;
  border-left: none;
}
.g4w-webhosting .mini-cart p {
    background-color: #2cbab2;
    color: #fff;
    padding: 0 15px;
}
.g4w-webhosting .error {
  color: #bf2424;
  display: block;
}
.g4w-webhosting input.error,
.g4w-webhosting textarea.error {
  border-color: #bf2424;
}
.g4w-webhosting input.error:focus,
.g4w-webhosting textarea.error:focus {
  border-color: #bf2424;
}
.g4w-webhosting label.error {
  margin-bottom: 20px;
}
.g4w-webhosting input.valid {
  color: green;
}
.g4w-webhosting label.valid {
  position: absolute;
  right: 20px;
}
.g4w-webhosting input+.valid,
.g4w-webhosting textarea+.valid {
  display: none;
}
.g4w-webhosting .valid+.valid {
  display: inline;
  position: absolute;
  right: 10px;
  margin-top: -36px;
  color: green;
}
.g4w-webhosting .btnweb {
  border: none;
  padding: 8px;
  background: #2cbab2;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  color: #fff;
}
.g4w-webhosting .btnweb:hover {
  background: #26a19a;
}
.g4w-webhosting #wdc-style .large #Search {
  width: auto;
}
.g4w-webhosting #wdc-style .large button#Submit {
  bottom: 0;
}
.g4w-webhosting .contentHolder {
  width: 100%;
  background-color: #fff;
  display: inline-block;
  position: relative;
  border: solid 1px #ccc;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.g4w-webhosting .actions{
  display: flex;
}
.g4w-webhosting .actions .left{
  align-self: flex-start;
}
.g4w-webhosting .actions .right{
  align-self: flex-end;
  margin-left: auto;
}

/* add this block, this will clear the float! */
.g4w-webhosting .contentHolder:after {
  content: '';
  display: block;
  clear: both;
}
.g4w-webhosting .contentHolder p {
  width: 100%;
  font-size: 16px;
  margin: 0;
}
.g4w-webhosting .txtHolder {
  width: 80%;
  display: inline-block;
  vertical-align: top;
  padding-left: 25px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0;
}
.g4w-webhosting .p_img {
  width: 20%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  float: left;
}
.g4w-webhosting .cartBtn {
  width: 200px;
  line-height: 20px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-left:0px;
  margin-top: 20px;
}
.g4w-webhosting #signup fieldset.next {
  display: none;
}
.g4w-webhosting #signup fieldset.active.current {
  display: block;
}
.g4w-webhosting #signup fieldset.active.current input[name="gb"] {
  margin-left: 0;
  margin-right: 0;
  border: solid 1px #c4cdd5;
  display: block;
  width: 100%;
}
.g4w-webhosting #signup fieldset.active.current .txtHolder {
  overflow-y: hidden;
  overflow-x: hidden;
}
.g4w-webhosting fieldset.current {
  max-width: 100%;
  width: 100%;
  left: 0;
  right: 0;
}
.g4w-webhosting #wdc-style .input-group {
  max-width: 100% !important;
}
.g4w-webhosting #section-tabs li {
  width: 25%;
}
.g4w-webhosting #signup #fieldsets .g4w-products a.add-new-product.btnweb,
.g4w-webhosting #signup #fieldsets .g4w-gb a.add-new-product.btnweb {
  left: 0;
  right: inherit;
  bottom: -20px;
  line-height: 1;
  text-decoration: none;
}
.g4w-webhosting a.add-new-product.btnweb.nofloat{
  position: static;
  margin-bottom: 10px;
  text-decoration: none;
}
.g4w-webhosting #signup .button,
.g4w-webhosting #signup .wpcf7-submit,
.g4w-webhosting #signup .btnweb,
.g4w-webhosting .btnweb,
.g4w-webhosting .add-domain,
.g4w-webhosting .add-webhosting{
  display: inline-block;
  padding: 10px 30px !important;
  line-height: 18px;
  min-width: 120px;
  width: auto;
  text-align: center;
  background-color: #2cbab2;
  border: 0;
  color: #fff;
  border-radius: 4px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}
.g4w-webhosting #signup .button:hover,
.g4w-webhosting #signup .wpcf7-submit:hover,
.g4w-webhosting #signup .btnweb:hover,
.g4w-webhosting .add-domain:hover,
.g4w-webhosting .add-webhosting:hover,
.g4w-webhosting #signup .button:focus,
.g4w-webhosting #signup .wpcf7-submit:focus,
.g4w-webhosting #signup .btnweb:focus,
.g4w-webhosting .add-domain:focus,
.g4w-webhosting .add-webhosting:focus{
  background-color: #000;
}
.g4w-webhosting .shopingcart {
  display: none;
}
.g4w-webhosting .button:focus {
  outline: none !important;
}
.g4w-webhosting #signup{
  min-height: auto;
  padding: 20px 20px 80px 20px;
}
.g4w-webhosting #signup #section-tabs { 
    margin-bottom: 0;
    display: flex;
}
.g4w-webhosting #section-tabs li span {
  color: #fff;
}
.g4w-webhosting #signup #fieldsets {
  position: relative;
  background-color: #fff;
  padding: 30px 30px 40px;
  padding-bottom: 0;
}
.g4w-webhosting #signup .btnweb {
  bottom: 20px;
  background-color: #2cbab2;
  border-radius: 4px;
  right: 30px;
}
.g4w-webhosting .wdc-search-one .wdc-button{
  background-color: #2cbab2;
}
.g4w-webhosting #signup #fieldsets fieldset{
  position: relative;
  display: none;
} 
.g4w-webhosting #signup #fieldsets fieldset.current {
  display: block;
}
.g4w-webhosting #signup #fieldsets fieldset.current.active {
  display: block;
}
.g4w-webhosting #fieldsets {
  overflow: inherit;
}
.g4w-webhosting div#signup div#fieldsets fieldset {
  padding: 30px 0;
}
.g4w-webhosting #signup #fieldsets fieldset.current .wdc-search-one {
  max-width: 100% !important;
  margin: 0;
}
.g4w-webhosting #signup #fieldsets fieldset.current .wdc-search-one form .wdc-search-content label.wdc-search-input__label input#Search {
  border-radius: 0;
}
.g4w-webhosting #signup #fieldsets fieldset.current .wdc-search-one form .wdc-search-content button#Submit {
  border-radius: 0;
}
.g4w-webhosting div#signup div#fieldsets a#next {
  border-radius: 0;
  line-height: 1;
}
.g4w-webhosting #signup #fieldsets fieldset.current.active div#domaingbprice {
  text-align: right;
  font-size: 26px;
}
.g4w-webhosting #signup #fieldsets fieldset.current.active div#domaingbprice b {
  font-size: 20px;
}
.g4w-webhosting .mini-cart p.no-msg {
  text-align: center;
  display: block;
  background-color: transparent;
  color: #333;
}
.g4w-webhosting #signup #fieldsets fieldset form.wpcf7-form p {
  width: 100%;
}
.g4w-webhosting #signup #fieldsets fieldset form.wpcf7-form p label span.wpcf7-form-control-wrap input {
  margin: 0;
  border: solid 1px #C3CCD5;
}
.g4w-webhosting #signup #fieldsets fieldset form.wpcf7-form p input.wpcf7-submit {
  border-radius: 0;
  line-height: 1;
  display: block !important;
}
.g4w-webhosting #signup #fieldsets fieldset form.wpcf7-form p label span.wpcf7-form-control-wrap input:focus,
.g4w-webhosting #signup fieldset.active.current input[name="gb"]:focus {
  outline: none;
  border-color: #000;
}
.g4w-webhosting #signup #fieldsets fieldset.current .wdc-search-one form .wdc-search-content label.wdc-search-input__label input#Search:focus {
  border: solid 1px #000;
  outline: none;
  box-shadow: none;
}
.g4w-webhosting .contentHolder .p_img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.g4w-webhosting .cart-outer-main .itprice {
  display: inline-block;
}
.g4w-webhosting .mini-cart-outer .mini-cart a:focus {
  background-color: #2cbab2;
  color: #fff;
  text-decoration: none !important;
}
.g4w-webhosting .mini-cart-outer .mini-cart ul li.s-total span.currency:after,
.g4w-webhosting .mini-cart-outer .mini-cart ul li.list-items .currency:after {
  content: "€";
  display: inline-block;
  padding-left: 6px;
}
.g4w-webhosting .last-data .new-domain{
  text-align: center;
  padding-bottom: 15px;
}

/* wdc plugin */
.g4w-webhosting .wdc-search-one .wdc-domain-available button,
.g4w-webhosting .wdc-search-one .wdc-domain-unavailable button{
  background-color: #2cbab2;
  border: 0;
  color: #fff;
  border-radius: 0px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 10px 30px !important;
  text-transform: uppercase;
}
.g4w-webhosting .wdc-domain-result__list.selected{
  background-color: #2cbab2;
  color: #fff;
}
.g4w-webhosting .wdc-domain-result__list.selected .wdc-domain-name{
  color: #fff;
}
.g4w-webhosting .wdc-domain-result__list.selected .wdc-domain-available.selected button{
  background-color: #fff;
  color: #000 !important;
}
.g4w-webhosting .wdc-domain-result__list.selected .wdc-domain-available i{
  color: #000 !important;
}
.g4w-webhosting .wdc-search-one .row{
  line-height: 44px !important;
}
.g4w-webhosting .wdc-search-one .wdc-spinner{
  color: #2cbab2;
}
.g4w-webhosting h1.chosen_domain{
  font-size: 28px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}
.g4w-webhosting h1.chosen_domain span{
  font-weight: normal;
}

/* wpcf7 */
.g4w-webhosting .wpcf7 h1{
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
.g4w-webhosting .wpcf7 h2{
  font-size: 28px;
  margin-bottom: 10px;
}
.g4w-webhosting .wpcf7 h3{
  font-size: 24px;
  margin-bottom: 10px;
}
.g4w-webhosting .wpcf7 h4,
.g4w-webhosting .wpcf7 h5,
.g4w-webhosting .wpcf7 h6{
  font-size: 16px;
  margin-bottom: 10px;
}
.g4w-webhosting .wpcf7 p{
  font-size: 14px;
  margin-bottom: 10px;
}
.g4w-webhosting .wpcf7 span.required{
  color: red;
}
.g4w-webhosting #signup input[name="cartbutton"].button{
  background-color: #000;
}
.g4w-webhosting #signup input[name="cartbutton"].button:hover,
.g4w-webhosting #signup input[name="cartbutton"].button.selected{
  background-color: #2cbab2;
}
table.g4wcartcheckout tr:first-child {
    background: #4A98E1;
    color: #fff;
    font-weight: bold;
}
table.g4wcartcheckout tr:last-child {
    font-weight: bold;
}
.last-data .g4w-webhosting.cart-outer-main .mini-cart.extra-product {
    transform: translateX(0);
    margin-bottom: 20px;
    overflow: hidden;
    max-height: inherit;
}
.g4w-webhosting hr{
  border: 0;
}
.last-data .g4w-webhosting.cart-outer-main .mini-cart-outer .mini-cart {
    max-height: initial;
    overflow-y: auto;
    margin-bottom: 20px;
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    left: 0px;
}
.last-data .g4w-webhosting.cart-outer-main .mini-cart-outer .mini-cart ul li.s-total {
    height: auto;
    display: table;
    width: 100%; 
}
 
.last-data a.button.checkout {
    display: none !important;
}
#signup .input-group .button-minus,
#signup .input-group .button-plus {
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative;
  background-color: #4a98e1;
  border: 0;
  color: #fff;
  border-radius: 2px;
  font-size: 20px;
  margin-right: 10px;
}
.g4w-webhosting #signup input[name="cartbutton"].button{
    background-color: #4a98e1 !important;
    cursor: pointer;
}
.g4w-webhosting #signup input[name="cartbutton"].button:hover{
    background-color: #000 !important;
}
@media (max-width: 991px){
  .g4w-webhosting ul#section-tabs:after{
    left: 91px !important;
  }
  .g4w-webhosting #section-tabs li.active:after{
    left: -91px !important;
  }
} 
@media (max-width: 767px){
  .g4w-webhosting.cart-outer-main .mini-cart-outer .mini-cart{
    width: 320px ;
  }
  .g4w-webhosting #signup .btnweb, .g4w-webhosting .btnweb{
    padding: 10px 15px !important;
  }
  .g4w-webhosting .cart-outer-main {
      max-width: 90% !important;
  }
  .g4w-webhosting ul#section-tabs:after {
    left: 35px !important;
  }
  .g4w-webhosting #section-tabs li span {
    color: #fff;
    font-size: 10px;
  }
  .g4w-webhosting div#signup div#fieldsets fieldset {
    padding-top: 0;
  }
  .g4w-webhosting #signup #fieldsets fieldset.current .wdc-search-one {
    padding: 0;
  }
  .g4w-webhosting #section-tabs li.active:after {
    left: -30px !important;
  }
  .g4w-webhosting #signup #fieldsets fieldset {
    min-width: 100%;
  }
  .g4w-webhosting #signup #fieldsets fieldset .contentHolder .txtHolder {
    font-size: 12px;
    line-height: 1.2;
    width: 100%;
    padding-left: 0;
    max-height: inherit ;
    margin-bottom: 10px;
  }
  .g4w-webhosting #signup #fieldsets fieldset .contentHolder .txtHolder p {
    font-size: 13px;
    line-height: 1.5;
  }
  .g4w-webhosting #signup #fieldsets fieldset .contentHolder .p_img {
    float: none;
    height: auto;
    margin-bottom: 10px;
    width: 100%;
  }
  .g4w-webhosting .contentHolder{
    height: auto;
  }
  .g4w-webhosting div#signup div#fieldsets a#next,
  .g4w-webhosting #signup #fieldsets .g4w-products a.add-new-product.btnweb,
  .g4w-webhosting #signup #fieldsets .g4w-gb a.add-new-product.btnweb{
    padding: 10px 10px !important;
    font-size: 16px;
  }
  .g4w-webhosting .contentHolder{
    height: auto !important;
  }
  .g4w-webhosting .contentHolder .cartBtn {
    margin-left: 0;
  }
 .wdc-search-one .wdc-domain-result__list .wdc-grid-price {
    display: block;
 }
 .g4w-webhosting .wdc-search-one .wdc-domain-available button,
 .g4w-webhosting .wdc-search-one .wdc-domain-unavailable button {
    padding: 10px 26px !important;
 }
 .wdc-search-one .wdc-domain-result .wdc-domain-unavailable{
    margin: 0px;
 }
 .wdc-domain-result .wdc-grid-price .wdc-domain-unavailable button{
    transform: inherit;
    width: 100%;
 }
 .wdc-domain-result .auth_code input.authtoken{
    margin:5px 0 8px 0;
 }
 .wdc-search-one .wdc-domain-result__button i {
    margin: 0 7px 0 0px;
    font-size: 12px;
    color: #fff;
    line-height: 1.3;
 }
 .g4w-webhosting .wdc-search-one .wdc-domain-available button{
    width: 100%;
 }
 .g4w-webhosting #signup .btnweb {
    right: 0;
    left: auto;
    width: 100%;
    position: relative;
     bottom: 0;
 }
 .g4w-webhosting #signup #fieldsets fieldset form.wpcf7-form p input.wpcf7-submit {
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
 }
 .g4w-webhosting #signup #fieldsets fieldset.current.active div#domaingbprice {
    font-size: 20px;
 }
 .wdc-search-one .wdc-domain-price {
    margin: 0 5px 15px 0 !important;
 }
.et_pb_row {
    width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
 }
  .g4w-webhosting:not(.cart-outer-main), .g4w-webhosting:not(.cart-outer-main) #signup {
    padding: 5px 0;
 }
 .g4w-webhosting .cartBtn{
  margin-top: 0px;
 }
 .g4w-webhosting #signup #fieldsets {
    padding: 30px 10px 40px;
 }
 .g4w-webhosting #section-tabs li span{
     font-size: 9px;   
 }
 a.stepper.btnweb.right {
    margin-left: 10px;
 }
a.stepper.btnweb.right.first-next{
    margin-left: 0;
}
.last-data .g4w-webhosting.cart-outer-main .mini-cart-outer .mini-cart {
    right: auto;
    transform: none;
}
   
}
.auth_code{display:none}
.actions .add-webhosting i {
  margin: 0 7px 0 0px;
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
}

.g4w-webhosting .extraItems input{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NzYiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+DQogIDxwYXRoIGlkPSJjYXJ0LXBsdXMtc29saWQiIGQ9Ik01MDQuNzE3LDMyMEgyMTEuNTcybDYuNTQ1LDMySDQ4Ni41MzVhMjQsMjQsMCwwLDEsMjMuNCwyOS4zMTlMNTA0LjQyMSw0MDUuNmE1Ni4wMjEsNTYuMDIxLDAsMSwxLTYzLjYsMTAuNEgyMzEuMTc2YTU2LDU2LDAsMSwxLTY3LjA0Ni04LjU2NEw5My44ODMsNjRIMjRBMjQsMjQsMCwwLDEsMCw0MFYyNEEyNCwyNCwwLDAsMSwyNCwwSDEyNi41MjlhMjQsMjQsMCwwLDEsMjMuNTEzLDE5LjE5TDE1OS4yMDgsNjRINTUxLjk5YTI0LDI0LDAsMCwxLDIzLjQsMjkuMzE5bC00Ny4yNzMsMjA4QTI0LDI0LDAsMCwxLDUwNC43MTcsMzIwWk00MDgsMTY4SDM2MFYxMjhhMTYsMTYsMCwwLDAtMTYtMTZIMzI4YTE2LDE2LDAsMCwwLTE2LDE2djQwSDI2NGExNiwxNiwwLDAsMC0xNiwxNnYxNmExNiwxNiwwLDAsMCwxNiwxNmg0OHY0MGExNiwxNiwwLDAsMCwxNiwxNmgxNmExNiwxNiwwLDAsMCwxNi0xNlYyMTZoNDhhMTYsMTYsMCwwLDAsMTYtMTZWMTg0QTE2LDE2LDAsMCwwLDQwOCwxNjhaIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: left 20px center;
}
.g4w-webhosting .extraItems {
  float: right;
  text-align: right;
}
.g4w-webhosting #signup .extraItems input {
  padding-left: 46px !important;
}
.et-fixed-header .g4w-webhosting.cart-outer-main .expander {
  font-size: 14px;
  transition: all .4s ease-in-out;
  line-height: 1;
}
.et-fixed-header .g4w-webhosting.cart-outer-main .expander i,
.g4w-webhosting.cart-outer-main .expander {
  transition: all .4s ease-in-out;
}
.et-fixed-header .g4w-webhosting.cart-outer-main .expander i:before {
  font-size: 12px;
}
.g4w-webhosting.cart-outer-main .expander{
  line-height: 1;
}
.domain-result-active {
  margin-top: 15px;
}
.g4w-webhosting .wdc-search-one .wdc-domain-unavailable button i {
  margin: 0 5px 0 0px;
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.wdc-search-one .wdc-domain-available i{
  font-size: 14px;
}