/*****************************  
    Font-Family
*****************************/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
p,
body {
  margin: 0px;
  padding: 0px;
}

body.check-out {
  background-color: #f5f5f6;
}

@font-face {
  font-family: "CamphorPro-Regular";
  src: url("../fonts/CamphorPro-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CamphorPro-Regular.woff") format("woff"),
    url("../fonts/CamphorPro-Regular.ttf") format("truetype"),
    url("../fonts/CamphorPro-Regular.svg#CamphorPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CamphorPro-Light";
  src: url("../fonts/CamphorPro-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CamphorPro-Light.woff") format("woff"),
    url("../fonts/CamphorPro-Light.ttf") format("truetype"),
    url("../fonts/CamphorPro-Light.svg#CamphorPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CamphorStd-Bold";
  src: url("../fonts/CamphorStd-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CamphorStd-Bold.woff") format("woff"),
    url("../fonts/CamphorStd-Bold.ttf") format("truetype"),
    url("../fonts/CamphorStd-Bold.svg#CamphorStd-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CamphorW01";
  src: url("../fonts/CamphorW01-Medium.eot");
  src: url("../fonts/CamphorW01-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CamphorW01-Medium.woff") format("woff"),
    url("../fonts/CamphorW01-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CamphorPro-Heavy";
  src: url("../fonts/CamphorPro-Heavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CamphorPro-Heavy.woff") format("woff"),
    url("../fonts/CamphorPro-Heavy.ttf") format("truetype"),
    url("../fonts/CamphorPro-Heavy.svg#CamphorPro-Heavy") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CamphorW01-Medium";
  src: url("../fonts/CamphorW01-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CamphorW01-Medium.woff") format("woff"),
    url("../fonts/CamphorW01-Medium.ttf") format("truetype"),
    url("../fonts/CamphorW01-Medium.svg#CamphorW01-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*****************************  
    V1.0.4
*****************************/
@font-face {
  font-family: "Lato Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Lato Regular"), url("../fonts/Lato-Regular.woff") format("woff");
}
@font-face {
  font-family: "Lato Hairline";
  font-style: normal;
  font-weight: normal;
  src: local("Lato Hairline"), url("../fonts/Lato-Hairline.woff") format("woff");
}
@font-face {
  font-family: "Lato Light";
  font-style: normal;
  font-weight: normal;
  src: local("Lato Light"), url("../fonts/Lato-Light.woff") format("woff");
}

@font-face {
  font-family: "Lato Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Lato Bold"), url("../fonts/Lato-Bold.woff") format("woff");
}

@font-face {
  font-family: "Lato Black";
  font-style: normal;
  font-weight: normal;
  src: local("Lato Black"), url("../fonts/Lato-Black.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat Regular"),
    url("../fonts/Montserrat-Regular.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Thin";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat Thin"),
    url("../fonts/Montserrat-Thin.woff") format("woff");
}
@font-face {
  font-family: "Montserrat ExtraLight";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat ExtraLight"),
    url("../fonts/Montserrat-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Light";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat Light"),
    url("../fonts/Montserrat-Light.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat Medium"),
    url("../fonts/Montserrat-Medium.woff") format("woff");
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat SemiBold"),
    url("../fonts/Montserrat-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat Bold"),
    url("../fonts/Montserrat-Bold.woff") format("woff");
}
@font-face {
  font-family: "Montserrat ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat ExtraBold"),
    url("../fonts/Montserrat-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Black";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat Black"),
    url("../fonts/Montserrat-Black.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Regular"),
    url("../fonts/OpenSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), url("../fonts/OpenSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Light"),
    url("../fonts/OpenSans-Light.woff") format("woff");
}
@font-face {
  font-family: "Open Sans SemiBold";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans SemiBold"),
    url("../fonts/OpenSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Bold"),
    url("../fonts/OpenSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans ExtraBold"),
    url("../fonts/OpenSans-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Light Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Light Regular"),
    url("../fonts/OpenSans-Light-webfont.woff") format("woff");
}
@font-face {
  font-family: "Roboto Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Regular"),
    url("../fonts/Roboto-Regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Bold"), url("../fonts/Roboto-Bold.woff") format("woff");
}
@font-face {
  font-family: "Roboto Thin";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Thin"), url("../fonts/Roboto-Thin.woff") format("woff");
}
@font-face {
  font-family: "Roboto Light";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Light"), url("../fonts/Roboto-Light.woff") format("woff");
}
@font-face {
  font-family: "Roboto Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Medium"), url("../fonts/Roboto-Medium.woff") format("woff");
}
@font-face {
  font-family: "Roboto Black";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Black"), url("../fonts/Roboto-Black.woff") format("woff");
}
/*****************************  
    Container Max-width
*****************************/

.container {
  width: 100%;
  max-width: 1426px;
}

section.main-wrapper {
  display: inline-block;
  width: 100%;
  padding: 15px 0 0;
  overflow: hidden;
}
div#wrapper {
  /* box-shadow: 0 0 5px rgba(0,0,0,0.13); */
  background-color: transparent;
  position: relative;
}
div#wrapper .row .p-0 {
  padding: 0 10px !important;
}

img {
  /* max-width: 100%; */
}

/*****************************  
    Choose Your Plan
*****************************/

.choose-plan-wrapper {
  float: left;
  width: 100%;
  text-align: center;
  border-top: 1px solid #ecedee;
  padding: 30px;
  border-bottom: 1px solid #ecedee;
  background-color: #ffffff;
}
.main-wrapper h2 {
  font-size: 17px;
  line-height: 19px;
  font-weight: 500;
  color: #293042;
  font-family: "CamphorPro-Heavy";
  margin: 0;
  padding: 0 0 25px 0;
  text-transform: uppercase;
  text-align: left;
}
.choose-plan-wrapper h2,
.choose-billing-wrapper h2 {
  color: #293042;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "CamphorPro-Heavy";
  text-align: left;
}
.choose-plan-wrapper h2 {
  padding-bottom: 10px;
}

.choose-plan-wrapper .form-control {
  height: 44px;
  border-radius: 5px;
  background-color: rgba(246, 247, 248, 0);
  border: 2px solid rgba(182, 183, 183, 0.26);
  font-size: 16px;
  color: #525f7f;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/select-img.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 100%;
  max-width: 370px;
  font-family: "CamphorW01-Medium";
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

/*****************************  
    Choose Billing Cycle
*****************************/
.choose-billing-wrapper {
  padding: 42px 30px;
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #ecedee;
}
.row.outer.margin-top {
  margin-top: 20px;
}
div#wrapper .outer .col-sm-4.billing_box {
  padding: 0 12px;
}
.choose-billing-wrapper .check_box {
  border: none;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
  background-color: #f1f1f1;
  margin-bottom: 20px;
}
input[type="radio"][id^="prod"] {
  display: none;
}
input[type="radio"][id^="billcy"] {
  display: none;
}
input[type="radio"][id^="ado"] {
  display: none;
}
.billing_box h4 {
  font-size: 13px;
  margin: 5px 0 0 0;
  color: #000;
  font-family: "Futura Md BT";
  font-weight: 500;
  font-family: "Futura Bk BT";
  letter-spacing: 0.2em;
}
.check_box label {
  border: none;
  display: block;
  position: relative;
  /*cursor: pointer;*/
  width: 100%;
  margin-bottom: 0;
}
label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  transition-duration: 0.4s;
  transform: scale(0);
}

:checked + label::before {
  content: "✓";
  background-color: #d0c224;
  transform: scale(1);
  /* z-index: 1; */
}
.check_box .price {
  display: inline-block;
  width: 100%;
  padding: 25px 10px;
}
.check_box .price span.discount {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #525f7f;
  font-family: "CamphorPro-Regular";
  margin: 5px 0 0;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
  overflow: hidden;
}
.check_box .price span.month {
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #525f7f;
  font-family: "CamphorPro-Heavy";
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.check_box .price small {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #33475b;
  font-family: "CamphorPro-Regular";
  text-align: center;
  float: none;
}
.check_box .price small em {
  color: #525f7f;
  font-style: normal;
}
.col-sm-3.billing_box {
  padding: 0 9px;
}

/*********************************** 
    Choose Your Plan Container
************************************/
.choose-plan-container,
.coose-domain-container {
  /*border-radius: 4px;*/
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
  float: left;
  width: 100%;
  position: relative;
}

/*****************************  
    Choose Your Plan
*****************************/
.choose-pla-wrapper {
  float: left;
  width: 100%;
  padding: 30px 30px 15px;
  position: relative;
  background-color: #fafbfc;
}
.choose-pla-wrapper h2 {
  margin: 0;
  padding-bottom: 18px;
}
.choose-pla-wrapper .check_box {
  border: 4px solid #fad2c2;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dadbdb;
}
.intel_box .check_box label .xeon {
  display: inline-block;
  width: 100%;
  padding: 20px;
}
.intel_box .check_box h3 {
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #525f7f;
  font-family: "CamphorPro-Heavy";
}
.intel_box .check_box span.ram-box {
  display: block;
  margin: 24px 0 0;
  overflow: auto;
  max-height: 130px;
  -webkit-appearance: none;
}
.intel_box .check_box span.ram-box span {
  display: block;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #323232;
  font-family: "CamphorPro-Regular";
  font-weight: 600;
  margin: 0;
  position: relative;
  padding: 0 0 14px 27px;
}
.intel_box .check_box span.ram-box span:before {
  content: "\f058";
  position: absolute;
  top: 0;
  left: 2px;
  font-family: "FontAwesome";
  color: #d0c224;
  font-size: 16px;
}
.intel_box .check_box .price {
  background-color: #e5f1ff;
  padding: 15px;
  display: flex;
  align-items: center;
  width: 100%;
}
.intel_box .check_box .price span {
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #338aee;
  font-family: "CamphorPro-Heavy";
  display: block;
  width: 100%;
  padding: 0;
}
.intel_box .check_box .price del {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 19px;
  text-decoration: line-through;
  color: #b8bec5;
  font-family: "CamphorPro-Regular";
  font-weight: 500;
  display: block;
  width: 100%;
  text-align: right;
}
.col-sm-4.intel_box {
  padding: 0 10px;
}
.prodWgs .intel_box .check_box label .xeon {
  display: inline-block;
  width: 100%;
  padding: 12px 14px;
  overflow: inherit;
  max-height: 270px;
}
.prodWgs.intel_box .check_box span.ram-box {
  display: block;
  margin: 25px 0 0;
  vertical-align: top;
  overflow: auto;
}
button.add-to-cart-btn {
  white-space: nowrap;
}

/*****************************  
    Add Ons Section
*****************************/
.Add-ons-wrapper {
  float: left;
  width: 100%;
  padding: 40px 30px;
  background-color: #fafbfc;
  border-top: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
}
.Add-ons-wrapper .check_box {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  border: none;
  margin-bottom: 0px;
  margin-top: 16px;
}
.add-ons label {
  padding: 25px 25px 40px;
}
.op-addon-panel .check_label {
  border: none;
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.title-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
}
.title-icon i {
  font-size: 29px;
}
.img_box.wgs-fa {
  display: inline-block;
  text-align: left;
  margin: 0 10px;
  padding: 0;
  width: 98%;
}

.img_box h3 {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #525f7f;
  font-family: "CamphorW01";
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  margin: 0px 0 20px;
}
.img_box svg {
  display: block;
  margin: 0 auto;
  width: 48px;
  height: 48px;
}
.add-ons .check_box .img_box svg {
  fill: #044c95;
}
.add-ons:nth-child(2) .check_box .img_box svg {
  fill: #e74e72;
}
.add-ons:nth-child(3) .check_box .img_box svg {
  fill: #d0c224;
}
.add-ons:nth-child(4) .check_box .img_box svg {
  fill: #67b26b;
}
.protect-wrapper {
  float: left;
  width: 100%;
  padding: 30px 30px 12px;
}
.protect-wrapper .panel {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #ecedee;
  margin-bottom: 10px;
}
.protect-wrapper .panel-heading {
  padding: 15px 15px;
}
.protect-wrapper .panel-heading a {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  color: #36415b;
  font-family: "CamphorStd-Bold";
}
.protect-wrapper .panel-heading a img {
  margin-right: 8px;
}
.protect-wrapper .panel-heading i {
  position: absolute;
  top: 10px;
  right: 0;
  transition: all 0.5s ease;
}
.protect-wrapper .panel-heading a i {
  transform: rotate(180deg);
}
.protect-wrapper .panel-heading a.collapsed i {
  transform: rotate(0deg);
}
.protect-wrapper .panel-body p {
  color: #525f7f;
  font-size: 17px;
  font-family: "CamphorW01-Medium";
}
.protect-wrapper .panel-body ul {
  margin-top: 30px;
}
.protect-wrapper .panel-body ul li {
  list-style: none;
  margin-top: 17px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.myCheckbox {
  display: flex;
}
.myCheckbox input {
  z-index: 9;
  right: -16px;
  position: relative;
  opacity: 0;
  cursor: pointer;
}
.myCheckbox i {
  width: 22px;
  height: 22px;
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  border: 1.5px solid #ddd;
  text-align: center;
  background: #fff;
}
.myCheckbox input:checked + i:before {
  /* background: url(../images/input-img-after.png); */
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 3px;
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  color: #7ac672;
}
.myCheckbox .lab-text {
  margin-left: 10px;
  color: #293042;
  font-size: 13px;
  /* font-family: 'CamphorPro-Light';*/
  font-family: "Montserrat Regular";
}
span.price-yr {
  color: #525f7f;
  font-size: 14px;
  font-family: "CamphorStd-Bold";
  float: right;
  position: absolute;
  right: 13px;
}

/****************************************  
        Customer Login Section
****************************************/
.existing-customer-container,
.domain-reg-info,
.additional-nots {
  border-radius: 3px;
  background-color: #ffffff;
  position: relative;
  margin: 20px 0px;
  float: left;
  width: 100%;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
}
.existing-customer-container .panel-heading a {
  font-size: 17px;
  color: #525f7f;
  font-family: "CamphorStd-Bold";
  text-decoration: none;
  position: relative;
  display: block;
}
.existing-customer-container .panel-heading a:before {
  content: "\f078";
  position: absolute;
  top: 1px;
  right: -14px;
  height: 18px;
  width: 18px;
  font-family: "FontAwesome";
  transform: rotate(180deg);
  line-height: 15px;
  transition: all 0.5s ease;
}
.existing-customer-container .panel-heading a.collapsed:before {
  transform: rotate(0deg);
}
.existing-customer-container .domain-name-with-price .panel-group {
  padding: 10px 15px;
}
.domain-name-with-price .panel-heading a {
  text-decoration: none;
}
.domain-name-with-price .panel-group {
  border-top: 1px solid #ecedee;
  padding: 10px 6px;
  margin-bottom: 0px;
}
.domain-name-with-price .panel {
  border: 0px solid transparent;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}
.domain-name-with-price .panel-heading {
  position: relative;
}
.domain-name-with-price
  .panel-group
  .panel-heading
  + .panel-collapse
  > .panel-body {
  border: 0px solid transparent;
}
.login-details .form-group {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.login-details .form-group label {
  color: #525f7f;
  font-size: 15px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
}

.login-details .form-group input {
  height: 40px;
  border-radius: 4px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #eaeaea;
}
.margin-r {
  margin-right: 0px !important;
}
.domain-name-with-price h4 {
  margin: 0 0 20px;
  font-size: 15px;
  color: #525f7f;
  font-family: "CamphorStd-Bold";
  text-decoration: none;
  display: block;
}
h4.m-cl {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #ecedee;
  margin: 20px 0;
  padding-top: 22px;
}

/***************************
    domain-reg-info
****************************/
.domain-reg-info {
  padding: 30px;
}
.domain-reg-info h2 {
  padding-bottom: 12px;
}
.domain-reg-info p {
  color: #525f7f;
  font-size: 15px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
  line-height: 24px;
}
.domain-reg-info select.form-control {
  font-size: 15px;
  color: #525f7f;
  font-family: "CamphorPro-Regular";
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-top: 18px;
  padding-left: 17px;
  background: url(../images/select-contect.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 380px;
  max-width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 2px solid #eaeaea;
  box-shadow: none;
  height: auto;
  padding: 7px 12px;
}

/****************************************  
    Payment Method Section Tabs
****************************************/
.payment-wrapper {
  float: left;
  width: 100%;
  padding: 40px 16px;
  background-color: #fafbfc;
}
.payment-wrapper h2 {
  padding: 0 16px;
}
.payment-wrapper .payment-details {
  margin-top: 20px;
}
div#exTab2 .nav-tabs {
  border: 0;
  margin-bottom: 25px;
}
div#exTab2 .nav-tabs li {
  width: 23.666%;
  text-align: center;
}
div#exTab2 .nav-tabs li a {
  height: 70px;
  line-height: 50px;
  border-radius: 4px;
  border: 2px solid #e2e5ec;
  background-color: transparent;
  padding: 10px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-card-number-box {
  /*
    background-color: #ffffff;
    border: 1px solid #d4d5d9;
    float: left;
    width: 100%;
	*/
}
.payment-card-number-box input.form-control {
  color: #939393;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  border-radius: 0px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.payment-card-number-box .form-group {
  margin: 0px;
}
.form-group.cart-number input {
  border: 0px;
  border-bottom: 1px solid #d4d5d9;
  height: 60px;
  background: url(../images/cart-img.png);
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 62px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.form-group.months-f-g,
.form-group.year-f-g {
  float: left;
  width: 50%;
}
.form-group.cvv-f-g {
  float: left;
  width: 50%;
}
.form-group.months-f-g input,
.form-group.year-f-g input,
.form-group.cvv-f-g input {
  border: 0px;
  height: 60px;
}
.form-group.months-f-g input,
.form-group.year-f-g input {
  border-right: 1px solid #d4d5d9;
}
.form-group.cvv-f-g input {
  /*background: url(../images/cvv.png);*/
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 64px;
}
div#exTab2 img.credit {
  max-width: 25px;
  max-height: 25px;
}
div#exTab2 ul li a span {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #595959;
  font-family: "CamphorW01";
  font-weight: bold;
  padding-left: 8px;
  vertical-align: top;
  text-align: left;
}
div#exTab2 .nav-tabs li.cred {
  /*margin-right: 30px;*/
}
div#exTab2 .nav-tabs li.active a {
  border-color: #139ad6;
}
.Paypal {
  border: 1px solid #ddd;
  padding: 15px;
}

.Paypal p {
  font-size: 16px;
  line-height: 23px;
  color: #525f7f;
  font-family: "CamphorPro-Regular";
  margin: 0 0 15px;
}
.Paypal button.btn.btn-primary.rounded-pill {
  float: none;
}

li.pymntmthd img {
  width: 90px;
}
/*****************************  
    Form Section
*****************************/
.form-sec {
  clear: both;
  padding: 48px 0 0;
  width: 100%;
  display: inline-block;
}
.form-sec .form-group label {
  font-size: 15px;
  line-height: 23px;
  color: #3c464e;
  font-family: "CamphorW01";
  font-weight: bold;
}
.form-sec .form-group {
  margin-bottom: 30px;
}
.form-sec .form-control {
  height: 50px;
  padding: 6px 16px;
  box-shadow: none;
  border: 2px solid #e2e5ec;
  font-size: 15px;
  line-height: 23px;
  color: #3c464e;
  font-family: "CamphorW01";
  font-weight: bold;
}
.form-check {
  position: relative;
}

.form-check input {
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: 0px;
}
label.form-check-label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 3px;
  margin-left: 0px;
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: #fff;
  transform: none;
}

.form-check input:checked + label::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 13px;
  color: #000000;
  top: 3px;
  left: 0px;
  line-height: 16px;
  text-align: center;
}
label.form-check-label {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #525f7f;
  font-family: "CamphorPro-Regular";
  min-height: 20px;
  padding-left: 30px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
label.form-check-label span {
  color: #5aa975;
}
button.btn.btn-primary {
  /* float: right; */
  border-radius: 3px;
  padding: 6px 20px;
}

/*****************************  
    Register Domain
*****************************/

.coose-domain-container {
  /*margin-top: 30px;*/
  /* padding-top: 20px; */
}
.coose-domain-container h2 {
  padding: 20px 30px 10px;
}
.coose-domain-container ul li {
  list-style: none;
  padding: 3px 25px;
}
.coose-domain-container ul li input {
  box-sizing: border-box;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background-clip: content-box;
  background-color: #fff !important;
  margin-right: 4px;
  border-radius: 30px;
  border: 1px solid #d1d6d6 !important;
  vertical-align: text-bottom;
  outline: none !important;
}
.coose-domain-container ul li input:checked {
  border: 4px solid #efefef !important;
  background: #179bd3 !important;
}
.coose-domain-container ul li label {
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
  margin-left: 10px;
  display: inline;
}
.input-search-domain {
  width: 720px;
  height: 50px;
  border-radius: 4px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  max-width: 100%;
  display: -webkit-box;
  display: flex;
  padding-right: 0;
}
.input-search-box input {
  border: 0px;
  /*background-image: url(../images/input-search-img.png);*/
  padding-left: 27px;
  height: 50px;
  margin-top: 0;
  color: #6d6d6d;
  font-size: 15px;
  font-family: "CamphorPro-Regular";
  background-repeat: no-repeat;
  background-position: left;
  margin-left: 0;
  width: 450px;
  max-width: 100%;
  outline: none;
  border-radius: 4px;
  border: none !important;
}
.input-search-domain select {
  height: 50px;
  margin-top: 0;
  color: #6d6d6d;
  font-size: 14px;
  font-family: "CamphorPro-Regular";
  border: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
  width: auto;
  background-image: url(../images/select-img1.png);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-appearance: none;
  padding-right: 24px;
}
select.form-control:focus {
  box-shadow: none;
}
button.search-icon-box {
  border-radius: 0 4px 4px 0;
  max-width: 58px;
  height: 50px;
  border: 0px;
  margin-top: 0;
  padding-top: 5px;
  background-color: #179bd3;
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 10px 17px;
}
button.search-icon-box svg {
  fill: #ffffff;
  width: 20px;
}
.coose-domain-container ul li label:before {
  display: none;
}
.input-search-container {
  padding: 24px 27px 40px;
  margin-top: 0;
}
input {
  outline: none;
}

/*****************************  
    Domain Available
*****************************/
.domain-available-container {
  border-radius: 4px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  float: left;
  width: 100%;
  border-bottom: 4px solid #179bd3;
  margin: 30px 0;
  padding: 30px 30px 15px;
}
.domain-available-container p {
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
  margin-bottom: 7px;
}
.domain-available-container h3 {
  color: #525f7f;
  font-family: "CamphorStd-Bold";
  font-size: 22px;
  float: left;
  line-height: 28px;
  word-break: break-all;
}
.domain-available-container p span {
  color: #179bd3;
  font-family: "CamphorPro-Heavy";
  text-transform: uppercase;
}
.domain-available-container h2 {
  color: #179bd3;
  font-family: "CamphorStd-Bold";
  font-size: 22px;
  float: right;
  position: relative;
  top: -8px;
}
.domain-available-container h2 sup {
  font-size: 20px;
  top: -20px;
}

/*****************************  
    Protect Your Domains
*****************************/
.product-d-title {
  font-size: 20px;
  line-height: 25px;
  color: #525f7f;
  font-family: "CamphorW01-Medium";
  float: left;
  width: 100%;
  padding: 0px 0px 15px;
}
.domain-name-container {
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding: 26px 24px 26px 40px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
h6.hot-tag {
  background: #e79803;
  font-family: "CamphorPro-Regular";
  font-size: 9px;
  padding: 2px 5px;
  line-height: 10px;
  color: #0c0c0c;
  position: absolute;
  left: 1px;
  top: 1px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  width: 35px;
  text-align: center;
  height: 17px;
  padding-top: 4px;
}
.domain-name-container h3 {
  font-size: 20px;
  color: #525f7f;
  font-family: "CamphorW01-Medium";
  padding-top: 5px;
  width: 660px;
  max-width: 74%;
}
.domain-name-container h2 {
  font-size: 24px;
  color: #525f7f;
  font-family: "CamphorStd-Bold";
  width: 160px;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 0px;
}
.domain-name-container sub {
  font-size: 15px;
  color: #525f7f;
  font-family: "CamphorW01-Medium";
  text-transform: uppercase;
  bottom: 1px;
  margin-left: 3px;
  font-weight: 500;
}
button.add-to-cart-btn {
  height: 35px;
  border-radius: 18px;
  background-color: #2b3d4f;
  border: 0px;
  font-size: 13px;
  color: #ffffff;
  font-family: "CamphorW01-Medium";
  transition: all ease 1s;
  padding: 0 10px;
}

.domain-name-btn-container {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px 0px 30px;
}

.domain-name-btn-container a {
  border-radius: 18px;
  border: 0px;
  font-size: 13px;
  color: #ffffff !important;
  font-family: "CamphorW01-Medium";
  transition: all ease 1s;
  text-align: center;
  text-transform: uppercase;
  padding: 11px 22px;
  text-decoration: none;
  cursor: pointer;
  transition: all ease 1s;
}
.domain-name-btn-container a.btn-color {
  background: #179bd3;
}
.domain-name-btn-container a.btn-color-1 {
  background-color: #747c7c;
}

/*****************************  
    Domain Configration
*****************************/
.domain-configration-container {
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  padding: 22px 0px;
  position: relative;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.container-head-top {
  padding: 0px 20px 20px;
}
.container-head-top h2,
.additional-nots h3 {
  color: #293042;
  font-size: 17px;
  text-transform: uppercase;
  font-family: "CamphorPro-Heavy";
  padding-bottom: 10px;
}
.container-head-top p,
.domain-name-with-price .panel-heading p {
  color: #525f7f;
  font-size: 13px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
}

.domain-name-with-price .left-img {
  float: left;
  margin-right: 10px;
}
.domain-name-with-price .left-img svg {
  fill: #179bd3;
}
.domain-name-with-price .panel-heading h4 {
  color: #50535a;
  font-size: 20px;
  font-family: "CamphorStd-Bold";
}
.domain-name-with-price .panel-heading h5 {
  position: absolute;
  right: 22px;
  opacity: 0.6;
  color: #293042;
  float: right;
  font-size: 13px;
  font-weight: normal;
  font-family: "Montserrat";
  /* width: 100%; */
  text-align: right;
  top: 24px;
}
.addon-domain {
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  float: left;
  width: 32%;
  margin-right: 2%;
  padding: 18px 12px 18px 0px;
  position: relative;
}
.panel-body.wgs-opc-dns-email-idp {
  width: 100%;
  display: inline-block;
}
.wgs-opc-dns-email-idp .addon-domain {
  width: 100%;
  margin: 5px 0;
  display: flex;
  background-size: 56px;
  border-radius: 5px;
  border: none;
  box-shadow: none;
  align-items: center;
  background-position: left center !important;
  padding-left: 56px;
}
.wgs-opc-dns-email-idp .addon-domain.active-image-opc {
  background-position: left center !important;
}
.wgs-opc-dns-email-idp .border-col-1 {
  background: #f4f4f4 url(../images/greyeyeimg.png) no-repeat;
  background-size: 56px;
}
.wgs-opc-dns-email-idp .border-col-1.active-image-opc {
  background: #f4f4f4 url(../images/greeneyeimg.png) no-repeat;
  background-size: 56px;
}
.wgs-opc-dns-email-idp .border-col-2 {
  background: #f4f4f4 url(../images/greyeyeimg2.png) no-repeat;
  background-size: 56px;
}
.wgs-opc-dns-email-idp .border-col-2.active-image-opc {
  background: #f4f4f4 url(../images/greeneyeimg2.png) no-repeat;
  background-size: 56px;
}
.wgs-opc-dns-email-idp .border-col-3 {
  background: #f4f4f4 url(../images/greyeyeimg3.png) no-repeat;
  background-size: 56px;
}
.wgs-opc-dns-email-idp .border-col-3.active-image-opc {
  background: #f4f4f4 url(../images/greeneyeimg3.png) no-repeat;
  background-size: 56px;
}
.wgs-opc-dns-email-idp .myCheckbox {
  align-items: center;
}
.wgs-opc-dns-email-idp .myCheckbox .lab-text {
  margin-bottom: 0;
}
.addon-domain p {
  color: #525f7f;
  font-size: 12px;
  font-family: "CamphorPro-Regular";
  margin-left: 10px;
  margin-top: 0px;
  font-family: "Montserrat";
}
svg.qus-img-right {
  position: absolute;
  right: 16px;
  top: 20px;
  fill: #d6d5d5;
}

.container-head-top.nameservers-container {
  border-top: 1px solid #ecedee;
  padding-top: 20px;
}
.nameservers-container-inner {
  float: left;
  width: 100%;
  margin-top: 22px;
}
.nameservers-container-inner .form-group {
  float: left;
  width: 32%;
  margin-right: 2%;
}
.nameservers-container-inner .form-group label {
  color: #525f7f;
  font-size: 15px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
}
.nameservers-container-inner .form-group input {
  height: 40px;
  border-radius: 4px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #eaeaea;
}
a.con-btn {
  background-color: #179bd3;
  height: 40px;
  color: #fff !important;
  font-family: "CamphorStd-Bold";
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  line-height: 42px;
  border-radius: 4px;
  box-shadow: 0px 3px 0px #179bd3;
  margin-top: 24px;
  transition: all ease 1s;
  text-decoration: none;
}

/*****************************  
    Additional Nots
*****************************/
.additional-nots {
  padding: 30px;
  margin-bottom: 0;
}
.wgs-switch-class h2 {
  padding-bottom: 15px;
}
.wgs-switch-class p {
  margin-bottom: 10px;
}
#wgs_checkout_data .additional-nots textarea {
  border-radius: 4px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #eaeaea;
  resize: none;
  height: 100px;
  font-size: 15px;
  color: #b5bac5;
  font-family: "CamphorPro-Regular";
  outline: none;
}
#wgs_checkout_data .additional-nots .form-group {
  display: flex;
  align-items: center;
  margin: 15px 0 0;
}
#wgs_checkout_data .additional-nots .form-check {
  width: 100%;
}

/*****************************  
    Right Side
*****************************/
.oredr-summary {
  margin: 0px;
  padding: 25px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.14);
  /*overflow: hidden;
    overflow-y: auto;*/
  transition: all 0.4s ease;
  transition-duration: 0.4s;
  transition: all 0.4s;
  max-height: calc(100vh - 14px);
  width: 100%;
  max-width: 460px;
  background: #fff;
  /* min-width: 460px; */
}
.oredr-summary.fixed {
  top: 0;
  position: fixed;
  width: 100%;
  max-width: 460px;
  /* min-width: 460px; */
  padding-top: 32px;
}
.oredr-summary.fixed h3 {
  margin-top: 0;
}
.oredr-summary::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.oredr-summary::-webkit-scrollbar {
  width: 4px;
}

/*** Heading ***/
.oredr-summary h3 {
  color: #293042;
  font-size: 20px;
  text-transform: capitalize;
  font-family: "CamphorPro-Heavy";
  margin: 6px 0 8px;
}
.order-row {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  padding: 12px 0px 0px;
}
.order-row h6 {
  color: #293042;
  font-size: 16px;
  font-family: "CamphorStd-Bold";
  width: 230px;
  padding-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pri-det {
  padding: 0;
  width: 90%;
}
.pri-det ul.ram-box {
  padding: 0;
  margin: 8px 0;
  list-style: none;
}
.pri-det ul.ram-box li {
  font-size: 12px;
  line-height: 22px;
  color: #5f687e;
  font-family: "CamphorW01";
  font-weight: 500;
  vertical-align: top;
  padding-bottom: 4px;
  position: relative;
}
.pri-det ul.ram-box li::before {
  position: absolute;
  content: "";
  left: -22px;
  width: 10px;
  height: 3px;
  background: #edeff2;
  top: 10px;
}
.pri-det ul.ram-box li span {
  margin-right: 16px;
  color: #d0c224;
  font-size: 12px;
  position: relative;
}
.pri-det ul.ram-box li span::before {
  content: "";
  position: absolute;
  left: auto;
  width: 7px;
  height: 7px;
  background: #e59721;
  top: 4px;
}
a.remove {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #a3a3a4;
  font-family: "CamphorStd-Bold";
  font-weight: bold;
  vertical-align: ;
  text-decoration: none;
  cursor: pointer;
}
a.remove span {
  vertical-align: top;
}
.pri-det ul.ram-box li i {
  display: none;
}
.pri-det p.tot {
  font-size: 20px;
  line-height: 28px;
  color: #1b1b1b;
  font-family: "CamphorStd-bold";
  font-weight: bold;
  padding: 18px 0;
}

.apply-box {
  display: flex;
  width: 100%;
  margin: 0 auto 16px;
  align-items: center;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px dashed #959595;
}
.apply-box input {
  background-image: url("../images/apply-bg.png");
  background-position: left;
  padding: 0px 11px 0px 40px;
  background-repeat: no-repeat;
  width: 100%;
  color: #bbc0bf;
  height: 50px;
  border-radius: 2px;
  background-color: #ffffff;
  border: none !important;
  margin-right: 10px;
}
.apply-box a {
  display: inline-block;
  border: none;
  margin: 0px 6px 0 0px;
  font-size: 13px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  font-family: "CamphorW01";
  font-weight: 500;
  max-width: 111px;
  height: 36px;
  border-radius: 2px;
  background-color: #293042;
  width: 100%;
  text-decoration: none;
}

.oredr-summary h4 {
  font-size: 14px;
  line-height: 22px;
  color: #0e5077;
  font-family: "CamphorW01";
  font-weight: normal;
  padding: 10px;
}

/* Hosting-box  */
.row.host {
  margin: 0px -10px 0px;
  padding-bottom: 10px;
}
.row.host .col-sm-6 {
  padding: 0 9px;
  margin-top: 15px;
}
h4.pl-2 {
  padding-left: 10px;
}
.hosting-box {
  padding: 0;
  text-align: left;
}
/*.hosting-box .test {
    position: absolute;
    top: -10px;
    right: -7px;
}*/
.accordion-group .n-p svg {
  margin-right: 0px;
  top: 0px;
  width: 16px;
}
ul.hosting-box {
  margin: 0px 0px 2px;
  padding: 0;
}
ul.hosting-box li {
  list-style: none;
}
ul.hosting-box li h5 {
  font-size: 11px;
  line-height: 5px;
  color: #293041;
  font-family: "CamphorW01";
  font-weight: 500;
  text-align: left;
  padding: 4px 0;
  letter-spacing: 0.3px;
}

ul.hosting-box li span {
  font-size: 12px;
  line-height: 17px;
  color: #5c5c5c;
  font-family: "CamphorW01";
  font-weight: 500;
  display: inherit;
  padding: 3px 0px;
}

/* Order Row Text */
.order-row.tex-row {
  border-top: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
  padding: 15px 8px;
  display: flex;
}
.order-row.tex-row.btnone {
  border: none;
}
.m-t30 {
  margin-top: 15px;
}
.order-row.tex-row h6 {
  color: #293042;
  text-align: right;
  width: 100%;
}
.order-row.tex-row.cost h6 {
  font-size: 18px;
  letter-spacing: 0px;
  color: #293042;
  font-family: "CamphorW01";
  font-weight: bold;
}
.order-row.tex-row p {
  width: 100%;
  color: #525f7f;
  font-size: 14px;
  font-family: "CamphorPro-Regular";
}
.fulfill-p {
  color: #525f7f;
  font-size: 14px;
  font-family: "CamphorPro-Regular";
  margin: 35px auto;
  max-width: 300px;
}

/* bttn Box  */
.bttn-box {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.bttn-box button {
  width: 48%;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
  height: 34px;
  border-radius: 4px;
  background-color: #044c95;
  border: none;
  font-size: 13px;
  color: #ffffff;
  font-family: "CamphorStd-Bold";
  font-weight: 500;
  text-decoration: none;
}
button.eptty-cart {
  background-color: #179bd3;
}
.bttn-box button.checkout-btn {
  background-color: #e79803;
}
button {
  outline: none;
}

button.bttn {
  position: fixed;
  top: 40%;
  right: 0;
  font-size: 25px;
  border: none;
  border-radius: 5px 0px 0px 5px;
  display: none;
  background-color: #044c95;
  color: #fff;
  z-index: 1;
  padding: 7px 10px;
}
button.bttn i.fas.fa-cart-plus {
  font-style: normal;
  font-family: "FontAwesome";
}
button.bttn span {
  display: block;
  font-size: 12px;
  line-height: 15px;
  padding: 0 0 5px;
  font-weight: 600;
}
button.close {
  /* float: none; */
  display: none;
  text-align: right;
  margin-left: auto;
  font-size: 30px;
  font-weight: 100;
  opacity: 1;
  color: #fa7373;
}
.right-side {
  position: relative;
}
.right-side.main {
  position: fixed;
  width: 100%;
  top: 0px;
  right: 0%;
  height: 100%;
  z-index: 2147483647;
  transition: all 1.8s ease 0s;
  background: rgba(0, 0, 0, 0.7);
  display: block;
}

/******** extra custom css added ******/
.img_box img {
  display: block;
  margin: 0 auto;
  width: 48px;
  height: 48px;
}
.domain-available-container.errorUnavail {
  border-bottom-color: #fa7373;
}
.domain-available-container.errorUnavail p span {
  text-transform: inherit;
  color: #fa7373;
}
a#lesssuggestion {
  background: #e79803;
}

#loaderSpins {
  text-align: center;
  margin-bottom: 30px;
}
#loaderSpinsProduct {
  margin-top: 25px;
}
#loaderSpinsBilling {
  margin-top: 25px;
  text-align: center;
}
#loaderSpinsFirstTime {
  margin-top: 25px;
  text-align: center;
  padding-top: 15px;
  clear: both;
}
#loaderSpinsProduct i,
#loaderSpinsBilling i,
#loaderSpins i,
#loaderSpinsFirstTime i {
  font-size: 35px;
  color: #179bd3;
}
input#tldsearchText {
  padding-left: 27px;
  height: 50px;
  margin-top: 0;
  color: #6d6d6d;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  background-repeat: no-repeat;
  background-position: left;
  margin-left: 0;
  width: 450px;
  max-width: 100%;
  outline: none;
  width: 100px;
}
section#main-body {
  background-color: #f5f5f6;
}
#productBoxWgs .slick-prev {
  display: block !important;
  position: absolute;
  right: 35px;
  top: -34px;
  background: none;
  border: none;
  font-size: 0;
}
#productBoxWgs .slick-prev::before {
  content: "\f053";
  font: normal normal normal 14px/1 FontAwesome;
}
#productBoxWgs .slick-prev::after {
  content: unset;
}
#productBoxWgs .slick-next {
  display: block !important;
  position: absolute;
  top: -34px;
  right: 7px;
  background: none;
  border: none;
  font-size: 0;
}
#productBoxWgs .slick-next::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
}
#productBoxWgs .slick-dots {
  display: none !important;
  justify-content: center;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}
#productBoxWgs li {
  margin: 0 0.25rem;
}
#productBoxWgs .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #dacf54;
  text-indent: -9999px;
}
#productBoxWgs li.slick-active button {
  background-color: #00aded;
}
.intel_box:focus {
  outline: none;
}
#wgsProductAddons .slick-prev {
  display: none !important;
}

#wgsProductAddons .slick-next {
  display: none !important;
}
#wgsProductAddons .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}
#wgsProductAddons li {
  margin: 0 0.25rem;
}
#wgsProductAddons .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #dacf54;
  text-indent: -9999px;
}
#wgsProductAddons li.slick-active button {
  background-color: #00aded;
}
.add-ons:focus {
  outline: none;
}

.wgs-fa {
  text-align: center;
}
.wgs-fa i {
  font-size: 45px;
  color: #044c95;
}
.wgs-fa i.addc1 {
  color: #e74e72;
}
.wgs-fa i.addc2 {
  color: #d0c224;
}
.wgs-fa i.addc3 {
  color: #67b26b;
}
h6.hot-tag {
  color: #fff;
  text-transform: uppercase;
}
.hot-tag.sale {
  background: #179bd3;
}
.hot-tag.hot {
  background: #fa7373;
}
.hot-tag.new {
  background: #5cb85c;
}
/*** social sign in ****/
#collapseseven .sub-heading-borderless {
  text-align: center;
}
#collapseeight .sub-heading {
  text-align: center;
}
.wgs-domain-contact {
  margin-top: 25px;
}
div#exTab2 .nav-tabs li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.protect-wrapper .panel-heading a img {
  height: 28px;
}
#wgs_promo_wraper .panel-body p br {
  display: none;
}
#wgs_promo_wraper .myCheckbox span.pull-right {
  color: #525f7f;
  font-size: 14px;
  font-family: "CamphorStd-Bold";
  float: right;
  position: absolute;
  right: 13px;
}
.protect-wrapper ul li input:checked {
  border: 4px solid #efefef !important;
  background: #179bd3 !important;
}
.protect-wrapper ul li input {
  box-sizing: border-box;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background-clip: content-box;
  background-color: #fff !important;
  margin-right: 4px;
  border-radius: 30px;
  border: 1px solid #d1d6d6 !important;
  vertical-align: text-bottom;
  outline: none !important;
}
.protect-wrapper .myCheckbox input {
  z-index: unset;
  right: 0;
  position: unset;
  opacity: unset;
  cursor: pointer;
}
.protect-wrapper .myCheckbox .lab-text {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.protect-wrapper label.lab-text.radio-inline {
  width: 100%;
}
.protect-wrapper .myCheckbox {
  width: 100%;
}
input[type="checkbox"][id^="ado"] {
  display: none;
}
.choose-configurable-wrapper {
  float: left;
  width: 100%;
  padding: 40px 30px;
  position: relative;
  background-color: #fafbfc;
}
.choose-configurable-wrapper ul li input {
  box-sizing: border-box;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background-clip: content-box;
  background-color: #fff !important;
  margin-right: 4px;
  border-radius: 30px;
  border: 1px solid #d1d6d6 !important;
  vertical-align: text-bottom;
  outline: none !important;
  cursor: pointer;
}
.choose-configurable-wrapper ul li input:checked {
  border: 4px solid #efefef !important;
  background: #179bd3 !important;
}
.choose-configurable-wrapper ul li label {
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
  margin-left: 10px;
  cursor: pointer;
}
.choose-configurable-wrapper ul li {
  list-style: none;
}
.choose-configurable-wrapper ul li :checked + label::before {
  content: "";
  background-color: transparent;
  transform: unset;
  z-index: unset;
}
.wgsPadding {
  padding-left: 0px;
  padding-right: 0px;
}
.choose-custom-field-wrapper {
  float: left;
  width: 100%;
  padding: 40px 30px;
  position: relative;
  background-color: #fff;
}
.login-details.custom-field-wgs .field-container {
  margin-left: 15px;
}
.login-details.custom-field-wgs input[type="checkbox"][id^="customfield"] {
  height: 15px;
  width: 15%;
}
.choose-server-configuration-wraper {
  float: left;
  width: 100%;
  padding: 40px 30px;
  background-color: #fafbfc;
  border-top: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
}
.wgs-checkout-hooks-cls .sub-heading {
  display: none;
}
.wgs-checkout-hooks-cls .mc-promos.checkout {
  display: none;
}
i#wgssummaryloaders {
  color: #179bd3;
  float: right;
}
i.wgsrem {
  color: #fa7373;
}
.modal-backdrop.in {
  opacity: 0;
}
.modal-backdrop {
  z-index: -9999999;
}
.apply-box.remove-prm a {
  max-width: 180px;
}
p.view-cart-promotion-code {
  width: 100%;
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
}
.view-cart-empty {
  width: 100%;
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
}
div#exTab2 .nav-tabs li {
  cursor: pointer;
}
.domain-available-container .wgs-domain-res h2 {
  text-align: center;
  top: 0;
  position: inherit;
  margin: 0;
  padding: 0;
  line-height: 28px;
}
.wgs-domain-res button.add-to-cart-btn {
  float: right;
}
button.removeBtnCat {
  background: #fa7373;
}
.wgs-domain-row-section span.item-title {
  color: #293042;
  font-size: 16px;
  font-family: "CamphorStd-Bold";
  width: 230px;
  padding-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.row.wgs-domain-row-section {
  border-top: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
  padding: 14px 24px;
  display: flex;
}
.wgs-domain-row-section span.item-domain {
  color: #179bd3;
  font-size: 15px;
  display: inherit;
  word-break: break-all;
}
.wgs-domain-row-section .item-price {
  color: #5c5c5c;
}
i.wgs-glb {
  font-size: 25px;
  color: #179bd3;
}
a.con-btn {
  cursor: pointer;
}
.row.wgs-domain-custom-field {
  margin: 0 0 20px;
}
.row.wgs-domain-custom-field .form-control {
  box-shadow: none;
  height: 38px;
  border-color: #e7e7e7;
  width: 100%;
}
.addon-domain .myCheckbox .lab-text {
  cursor: pointer;
}
.form-group.cart-descrip input {
  border: 0px;
  border-top: 1px solid #d4d5d9;
  border-bottom: 1px solid #d4d5d9;
  height: 60px;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 62px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
ul.wgs-new-card li {
  list-style: none;
  padding-bottom: 15px;
}
.row.payment-card-number-box {
  margin-right: 0px;
  margin-left: 0px;
}
ul.wgs-new-card li input:checked {
  border: 4px solid #efefef !important;
  background: #179bd3 !important;
}
ul.wgs-new-card li input {
  box-sizing: border-box;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background-clip: content-box;
  background-color: #fff !important;
  margin-right: 4px;
  border-radius: 30px;
  border: 1px solid #d1d6d6 !important;
  vertical-align: text-bottom;
  outline: none !important;
}
ul.wgs-new-card li label.radio-inline {
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
}

#order-standard_cart .cc-input-container label {
  font-weight: 400;
  color: #293042;
  font-size: 13px;
}
#order-standard_cart .cc-input-container .radio-inline {
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}
.wgs-exist-cc {
  display: flex;
  width: 100%;
  padding: 10px 12px;
  border-radius: 4px;
  border: 2px solid #e2e5ec;
  margin-bottom: 10px;
}
.wgs-exist-cc .paymethod-info {
  display: inline;
}
.wgs-exist-cc .paymethod-info input:checked {
  border: 4px solid #efefef !important;
  background: #179bd3 !important;
}
.wgs-exist-cc .paymethod-info input {
  box-sizing: border-box;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background-clip: content-box;
  background-color: #fff !important;
  margin-right: 4px;
  border-radius: 30px;
  border: 1px solid #d1d6d6 !important;
  vertical-align: text-bottom;
  outline: none !important;
  margin-top: 0;
}
.wgs-exist-cc .paymethod-info.checkbox-inline,
.wgs-exist-cc .paymethod-info.radio-inline {
  margin: 0 10px 0 0;
  padding-left: 4px;
}
p.transferWg button {
  float: right;
}
.col-sm-12.wgs-epp-code input {
  height: 40px;
  border-radius: 4px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #eaeaea;
}
.col-sm-12.wgs-epp-code label.field-icon {
  padding-top: 10px;
  color: #525f7f;
  font-size: 15px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
}
#validation_error.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
#validation_error.alert-danger ul {
  list-style: none;
}
.wgs_checkout_data .checkout-security-msg {
  margin-top: 25px !important;
  float: left !important;
  font-size: 12px !important;
  width: 100% !important;
}
.wgs-domain-row-section span.item-domain i {
  padding-right: 5px;
  vertical-align: middle;
}
.existing-customer-container .already-registered.clearfix {
  padding: 10px;
}
.existing-customer-container .already-registered.clearfix p {
  color: #293042;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "CamphorPro-Heavy";
  margin: 10px 20px;
}
div#existingCardInfo {
  margin-left: 0px;
}
.wgs-switch-class .switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 21px;
}
.wgs-switch-class .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.wgs-switch-class .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b1210e;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.wgs-switch-class .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.wgs-switch-class .slider.round:before {
  border-radius: 50%;
}
.wgs-switch-class input:checked + .slider {
  background-color: #45903a;
}
.wgs-switch-class input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.wgs-switch-class input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.wgs-switch-class span.slider.round {
  border-radius: 103px;
}
#domainErrorD p {
  color: #ea141e;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
  margin-left: 10px;
  padding: 10px 0;
  text-align: center;
}
.prodWgs.slick-initialized .slick-slide {
  padding-top: 5px;
}
.wgsAddonSlider.slick-initialized .slick-slide {
  padding-top: 5px;
}
i.wgs-edit-pencil {
  font-size: 12px;
  color: #179bd3;
  cursor: pointer;
  margin-left: 5px;
}
.wgs-generate-password {
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-family: camphorw01;
  font-weight: 500;
  background: #179bd3;
  border-color: #179bd3;
}
.wgs-generate-password:focus {
  color: #fff;
  border-color: #179bd3;
  background: #179bd3;
  outline: none;
}
.wgs-generate-password:hover {
  color: #fff;
  border-color: #179bd3;
  background: #179bd3;
}
#modalGeneratePasswordWgs .modal-content {
  border: none;
}
#modalGeneratePasswordWgs .panel-primary > .panel-heading {
  color: #fff;
  background-color: #179bd3;
  border-color: #179bd3;
}
#modalGeneratePasswordWgs button.btn.btn-default.btn-sm {
  background: #ece0e0;
  color: #000;
  border-color: #ece0e0;
}
#modalGeneratePasswordWgs button.btn.btn-default.btn-sm.copy-to-clipboard {
  background: #ece0e0;
  border-color: #ece0e0;
}
#modalGeneratePasswordWgs .modal-footer button.btn.btn-default {
  background: #fa7373;
  border-color: #fa7373;
  color: #fff;
}
button#btnGeneratePasswordInsertWgs {
  color: #fff;
  background-color: #179bd3;
  border-color: #179bd3;
}
#footer {
  position: relative;
}
#btnDomainManages {
  display: inline-block;
  border: none;
  margin: 0px 0px 10px 0px;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
  font-family: "CamphorW01";
  font-weight: 500;
  max-width: 250px;
  height: 32px;
  border-radius: 2px;
  background-color: #179bd3;
  width: 100%;
  text-decoration: none;
  float: right;
  line-height: 24px;
}
#productDomainMsg p {
  font-size: 15px;
  line-height: 26px;
  color: #e79803;
  font-family: "CamphorW01";
  font-weight: 500;
  padding-bottom: 10px;
}
.assign-product-domain {
  float: left;
  width: 100%;
  padding: 40px 30px;
  position: relative;
  background-color: #fafbfc;
}
.prodWgs .intel_box .chk-note {
  background: #d5efe4;
  padding: 2px 20px;
  max-width: 55%;
  border-radius: 0px 20px 20px 0px;
  font-size: 10px;
  color: #1b9e54;
  position: absolute;
  z-index: 9;
}
body.wgsoverlay {
  overflow: hidden;
}
.field-container.wgs-custom-field-container .form-group {
  width: 100%;
}
.field-container.wgs-custom-field-container .form-group select {
  height: 40px;
}
.label-success.wgs-custom-label-cart-one-page {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50% !important;
  position: absolute;
  top: 5px;
  right: 2px;
  font-size: 11px;
  font-weight: normal;
  width: 18px;
  font-weight: 600;
  color: #ffffff;
  height: 18px;
  line-height: 13px;
  text-align: center;
  padding: 2px;
  background-color: #d0c224;
  line-height: 14px !important;
}
.wgsblink {
  animation: shadow-pulse 1s infinite;
}
.wgs-option-four {
  margin-bottom: 20px;
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgb(23, 155, 211, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
  }
}
/*** modal design css ***/
#modalRemoveItem,
#modalEmptyCartWgs,
#modalBillingCycleAlert,
#modalPromoCodeAlert {
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0;
}
#modalRemoveItem .modal-body,
#modalEmptyCartWgs .modal-body,
#modalBillingCycleAlert .modal-body,
#modalPromoCodeAlert .modal-body {
  position: relative;
  padding: 20px 40px;
  background: #fff;
  border: none;
}
#modalRemoveItem .modal-content,
#modalEmptyCartWgs .modal-content,
#modalBillingCycleAlert .modal-content,
#modalPromoCodeAlert .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  text-align: center;
  border: none;
  border-radius: 5px;
  padding: 0px 0 0px;
}
#modalRemoveItem .modal-header,
#modalEmptyCartWgs .modal-header,
#modalBillingCycleAlert .modal-header,
#modalPromoCodeAlert .modal-header {
  padding: 10px 15px;
  border-bottom: none;
  background: #fa7373;
  border-radius: 5px 5px 0 0;
}
#modalRemoveItem .modal-title,
#modalEmptyCartWgs .modal-title,
#modalBillingCycleAlert .modal-title,
#modalPromoCodeAlert .modal-title {
  color: #fff;
  font-weight: normal;
}
#modalRemoveItem .modal-footer,
#modalEmptyCartWgs .modal-footer,
#modalBillingCycleAlert .modal-footer,
#modalPromoCodeAlert .modal-footer {
  padding: 10px 15px;
  text-align: center;
  border-top: none;
  background: #f0f0f0;
  border-radius: 0px 0px 5px 5px;
}
#modalRemoveItem .modal-footer button.btn.btn-default,
#modalEmptyCartWgs .modal-footer button.btn.btn-default,
#modalBillingCycleAlert .modal-footer button.btn.btn-default,
#modalPromoCodeAlert .modal-footer button.btn.btn-default {
  background: #2b3d4f;
  color: #fff;
  border-color: #2b3d4f;
}
#modalRemoveItem .modal-footer .btn-primary,
#modalEmptyCartWgs .modal-footer .btn-primary,
#modalBillingCycleAlert .modal-footer .btn-primary,
#modalPromoCodeAlert .modal-footer .btn-primary {
  color: #fff;
  background-color: #179bd3;
  border-color: #179bd3;
  height: auto;
}
#modalRemoveItem .modal-dialog,
#modalEmptyCartWgs .modal-dialog,
#modalBillingCycleAlert .modal-dialog,
#modalPromoCodeAlert .modal-dialog {
  top: 30%;
  position: absolute;
  left: 0;
  right: 0;
}
/*** modal design css end ***/
.frm-right {
  width: 100%;
  max-width: 200px;
  float: right;
  margin-bottom: 10px;
}
.frm-right select {
  border-radius: 5px;
  background-color: #fff;
  border: 2px solid #e2e5ec;
  box-shadow: none;
  font-size: 13px;
  height: 34px;
}
.no-space {
  padding: 0px;
}
.top-6 {
  margin-top: 6px;
}
.prodWgs .intel_box .check_box label .xeon::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.prodWgs .intel_box .check_box label .xeon::-webkit-scrollbar {
  width: 4px;
}
.wgsDisable {
  pointer-events: none;
}
button#btnAlreadyRegistered {
  background-color: #179bd3;
  border-color: #179bd3;
  margin-top: 5px;
}
/*** social sign in button **********/
.btn-facebook {
  background: #3b5998 !important;
  border: 2px solid #3b5998 !important;
  color: #fff !important;
  padding: 6px 20px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border-radius: 4px !important;
  margin-right: 15px;
}
.btn-facebook:hover {
  color: #3b5998 !important;
  background-color: #fff !important;
}
.btn-google {
  padding: 6px 20px !important;
  border: 2px solid #dd4b39 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border-radius: 4px !important;
  color: #fff;
  background-color: #dd4b39;
}
.btn-google:hover {
  background: #fff !important;
  color: #dd4b39 !important;
}
/*** clientx compatible ***/
.no-cartx .oredr-summary.fixed {
  top: 85px;
}
.no-cartx span.price {
  width: 100%;
  font-size: inherit;
  font-weight: 400;
}
.no-cartx span.price .month {
  left: inherit;
}
.no-cartx .label-success.wgs-custom-label-cart-one-page {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 5px !important;
  right: 2px !important;
  font-size: 11px !important;
  font-weight: normal !important;
  width: 18px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  height: 18px !important;
  line-height: 13px !important;
  text-align: center !important;
  padding: 2px !important;
  background-color: #d0c224 !important;
  line-height: 14px !important;
}
/*** hostx compatible ***/
footer.footer {
  position: relative;
}
#modalRemoveItem .modal-footer button.btn.btn-default,
#modalEmptyCartWgs .modal-footer button.btn.btn-default,
#modalBillingCycleAlert .modal-footer button.btn.btn-default {
  padding: 6px 12px;
  height: auto;
}
.collapse.in {
  display: block !important;
}
.copyright {
  position: relative;
}
.right-content button.bttn i {
  color: #fff;
  font: unset;
}
.intel_box .check_box span.ram-box li {
  display: block;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #323232;
  font-family: "Montserrat Regular";
  margin: 0;
  position: relative;
  padding: 0 0 10px 24px;
}
.intel_box .check_box span.ram-box li:before {
  content: "\f058";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "FontAwesome";
  color: #d0c224;
  font-size: 16px;
}
.login-details.create-account {
  margin-top: 12px;
}
#collapseeight .sub-heading span {
  font-size: 18px;
  color: #434958;
  font-weight: 600;
}
p.small.text-center.text-muted {
  padding: 5px 0 10px;
  font-size: 12px;
  line-height: 20px;
  font-family: "CamphorW01";
  font-weight: 500;
  vertical-align: top;
  display: inline-block;
  width: 100%;
}
/**** lagom theme compatible ****/
.lagom .main-body {
  background-color: #f5f5f6;
  padding-top: 0px;
}
.lagom .currency-domain-div select.form-control {
  height: 34px;
  color: #555;
  font-size: 14px;
  line-height: 23px;
}
.lagom .prodWgs .intel_box .chk-note {
  line-height: 15px;
}
.lagom #btnDomainManages {
  line-height: 20px;
}
.lagom button#btnAlreadyRegistered {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  padding: 6px 12px;
  height: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
}
.lagom div#exTab2 .nav-tabs {
  padding: 0;
}
.lagom #paymentGatewaysContainer .nav-tabs > li.active > a:after {
  display: none;
}
.lagom #paymentGatewaysContainer .nav > li > a > img {
  margin: 0 auto;
}
.lagom .coose-domain-container ul li label {
  display: inline;
}
.lagom button#btnNewUserSignup {
  background-color: #f0ad4e;
  border-color: #eea236;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  height: auto;
  padding: 6px 12px;
}
.lagom .main-header {
  display: none;
  margin-bottom: 0px;
  padding-top: 0px;
}
.lagom .margin-bottom {
  clear: both;
}
.lagom .panel-form {
  background: transparent;
  border-color: transparent;
}
.lagom .progress-bar {
  width: 0%;
}
.lagom .main-footer {
  position: relative;
}
.lagom .radio-inline > .addon-selector {
  visibility: visible;
}
body.lagom .oredr-summary.fixed {
  top: 45px;
}
.lagom .social-signin-btns .btn {
  display: inline-block;
  font-weight: 400 !important;
  width: auto;
  text-indent: inherit;
  overflow: inherit;
  text-align: left;
}
.lagom .social-signin-btns .btn i {
  display: inline-block;
  width: auto;
}
/****** V1.0.2 & WHMCS 7.9.X *********/
.col-sm-12.wgs-epp-code input {
  padding: 0px 11px 0px 40px;
  background-repeat: no-repeat;
  width: 100%;
  color: #bbc0bf;
  height: 50px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px dashed #959595;
  margin-right: 10px;
}
.col-sm-12.wgs-epp-code {
  padding: 20px;
}
.form-group.wgs-checkout-page-end {
  clear: both;
  padding-top: 0px;
}
.wgs-checkout-page-end button.wgs-page-btn {
  width: 35%;
}
.choose-metrices-wrapper {
  float: left;
  width: 100%;
  padding: 40px 30px;
  background-color: #fafbfc;
  border-top: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
}
.choose-metrices-wrapper h2 {
  color: #293042;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "CamphorPro-Heavy";
  text-align: left;
}
.choose-metrices-wrapper p {
  color: #2c3e50;
  font-size: 16px;
  font-family: camphorw01-medium;
  text-decoration: none;
  position: relative;
  padding-bottom: 25px;
}
ul.wgs-onepage-metrices li {
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
  padding: 9px 0;
  list-style: none;
}
ul.wgs-onepage-metrices li:last-child {
  border-bottom: none;
}
ul.wgs-onepage-metrices li button.btn.btn-default.btn-xs {
  color: #179bd3;
  border: none;
  text-decoration: underline;
  font-weight: bold;
}
ul.wgs-onepage-metrices li button.btn.btn-default.btn-xs:hover {
  color: #fff;
  background: #179bd3;
  text-decoration: none;
}
ul.wgs-onepage-metrices li btn-default.focus,
ul.wgs-onepage-metrices li .btn-default:focus {
  background-color: transparent;
}
ul.wgs-onepage-metrices {
  border: 1px solid #e7e7e7;
  padding: 17px 30px;
}

.input-search-domain select {
  cursor: pointer;
}
.order-row {
  padding: 0;
}
a.accordion-toggle svg {
  margin-right: 10px;
  position: relative;
  z-index: 1;
  top: 6px;
  vertical-align: top;
}
.order-row h6 {
  padding: 0;
  width: auto;
}
a.accordion-toggle {
  color: #36415b;
  font-size: 17px;
  /* font-family: 'CamphorStd-Bold';*/
  font-family: "Montserrat Regular";
  width: 100%;
  padding-top: 3px;
  /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
  padding: 0 0 0 0;
  text-decoration: none;
  /*	font-weight: bold;
*/
  text-transform: capitalize;
  position: relative;
}
/*div#accordion > .accordion-group {
    border-bottom: 1px solid #edeff2;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}*/
div#accordion .accordion-group {
  border-bottom: 1px solid #edeff2;
  margin-top: 10px;
  padding-bottom: 15px;
  display: inline-block;
  width: 100%;
}
div#accordion > .accordion-group .accordion-inner {
  padding-left: 33px;
}
div#accordion > .accordion-group:last-child {
  border: none;
  /*padding: 0;*/
}
.collapse {
  position: relative;
}
div#accordion > .accordion-group > .collapse.in:before {
  content: "";
  width: 4px;
  background: #edeff2;
  height: 98%;
  position: absolute;
  left: 7px;
  top: -5px;
  z-index: 0;
}
a.accordion-toggle.inner-tab:before {
  width: 15px;
  height: 3px;
  content: "";
  background: #ececee;
  position: absolute;
  left: -23px;
  z-index: 1;
  top: 6px;
}

a.accordion-toggle span > img {
  transform: rotate(-180deg);
  transition: 0.5s ease;
}

a.accordion-toggle.collapsed span > img {
  transition: 0.5s ease;
  transform: rotate(0deg);
}
.op-heading-row {
  display: inline-block;
  width: 100%;
}
.op-heading-row a.accordion-toggle {
  padding-top: 3px;
  display: inline-block;
  width: auto;
}
.op-heading-row a.accordion-toggle {
  padding-top: 3px;
  display: inline-block;
  width: 50%;
}
.op-product-name {
  display: inline-block;
  width: 82%;
}
.lagom-layout-left-wide .op-product-name {
  width: 78%;
}
.op-heading-row a.accordion-toggle span > img {
  transform: rotate(-180deg);
  transition: 0.5s ease;
  float: right;
  vertical-align: top;
  margin: 12px 0 0 0;
  padding: 0;
}
strong.op-hd-fst {
  display: inline-block;
  font-size: 16px;
  width: 92%;
  /*white-space: inherit!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap!important;*/
}
.op-edit-sec {
  float: right;
  display: inline-block;
  padding: 4px 0;
}
.op-edit-sec span {
  display: inline-block;
  margin: 0 3px;
  padding: 0;
  line-height: normal;
  vertical-align: baseline;
  text-align: center;
}
.op-edit-sec i.wgs-edit-pencil {
  font-size: 11px;
  color: #179bd3;
  cursor: pointer;
}
.op-edit-sec p.tot {
  display: inline-block;
  color: #434958;
  font-weight: 600;
  font-size: 14px;
}
.op-edit-sec a.remove {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin: 4px 0 0;
  padding: 0;
  vertical-align: top;
}
.op-domain-title {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: text-bottom;
  margin: 5px 0 0px;
}
.op-domain-title::after {
  width: 15px;
  height: 3px;
  content: "";
  background: #ececee;
  position: absolute;
  left: -23px;
  z-index: 1;
  top: 6px;
}
.op-domain-name {
  display: inline-block;
  width: 49%;
  vertical-align: text-bottom;
}
.op-domain-name svg {
  display: inline-block;
  width: 16px;
  vertical-align: top;
}
.op-domain-name h4 {
  display: inline;
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-size: 11px;
  line-height: 17px;
}
.op-domain-item {
  text-align: right;
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
div#accordion .accordion-inner .accordion-group {
  border: none;
  padding-bottom: 0px;
  margin-top: 2px;
}
.op-domain-item .item-domain {
  font-size: 11px;
  word-break: break-all;
  color: #434958;
  font-weight: normal;
  vertical-align: top;
}
.op-inr-tab-data .accordion-toggle svg {
  margin-right: 10px;
  display: inline-block;
}
.op-inr-tab-data h4.pl-2 {
  display: inline-block;
  padding: 0;
  line-height: normal;
  vertical-align: top;
  font-size: 12px;
}
h5.item-domain i {
  color: #a7a3a3;
  margin-right: 7px;
}
.op-domain-price-sec {
  padding: 6px 0;
}
.op-domain-price-sec .dropdown {
  float: left;
}
h5.item-domain {
  color: #293041;
  font-size: 12px;
  /* font-weight: 600;*/
  font-family: "CamphorW01";
  padding: 6px 0 10px;
  letter-spacing: 0.3px;
}
.op-domain-cont p {
  font-size: 11px;
  line-height: 20px;
  color: #5f687e;
  font-family: "CamphorW01";
  font-weight: 500;
}
span.renewal.cycle {
  float: right;
  color: #36415b;
  font-size: 12px;
  font-family: "CamphorPro-Regular";
  line-height: 17px;
}
span.cycle {
  color: #36415b;
  font-size: 12px;
  font-family: "CamphorPro-Regular";
}
.op-domain-price-sec .dropdown-menu > li > a {
  font-size: 11px;
}
.op-domain-price-sec .btn-group-xs > .btn,
.btn-xs {
  padding: 2px 8px;
  border-color: #e6e8eb;
  /* border-bottom: 1px solid; */
  border: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  background: #f8f8fb;
}

.op-domain-price-sec .btn .caret {
  margin-left: 6px;
  color: #5c5c5c;
}
.cart_tabs_main_block {
  border-bottom: 1px solid #edeff2;
}
.accordionWgsOnePage a.accordion-toggle span > img {
  transform: rotate(-180deg);
  transition: 0.5s ease;
}
.accordionWgsOnePage a.accordion-toggle.collapsed span > img {
  transition: 0.5s ease;
  transform: rotate(0deg);
}
.Add-ons-wrapper .protect-wrapper .panel-heading {
  padding: 15px 15px;
}
.Add-ons-wrapper h4 {
  font-size: 17px;
  color: #525f7f;
  font-family: "CamphorStd-Bold";
  text-decoration: none;
  position: relative;
  display: block;
}
.Add-ons-wrapper h4 a:hover {
  text-decoration: none;
}
.Add-ons-wrapper .panel-heading i {
  position: absolute;
  top: 10px;
  right: 0;
  transition: all 0.5s ease;
}
.title-icon i {
  color: #044c95;
}
.title-icon i.addc1 {
  color: #e74e72;
}
.title-icon i.addc2 {
  color: #d0c224;
}
.title-icon i.addc3 {
  color: #67b26b;
}
.panel-group .panel-heading {
  padding: 15px 20px 20px;
}
.Add-ons-wrapper .panel-heading i {
  position: absolute;
  top: 2px;
  right: 0;
  transition: all 0.5s ease;
}
.row.op-addon-panel {
  background: #f5f9fc;
  margin: 14px 0;
  padding: 25px 14px;
}
.Add-ons-wrapper .img_box h3 {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #36415b;
  font-family: "CamphorStd-Bold";
  text-transform: capitalize;
  text-align: left;
  margin: 0;
}
.Add-ons-wrapper .img_box.wgs-fa p {
  color: #666c7d;
  font-weight: normal;
  font-size: 12px;
}
.op-price-sec {
  text-align: center;
}
.Add-ons-wrapper .panel-add {
  background: transparent;
  text-align: center;
}
.panel-add a {
  color: #676869;
  font-size: 12px;
  display: inherit;
  margin: 5px auto 0;
  border: 1px solid #d5d2d2;
  padding: 5px 10px;
  max-width: 110px;
  text-decoration: none;
  cursor: pointer;
}
.op-price-sec p {
  color: #36415b;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.Add-ons-wrapper .wgs-addon-checkBox {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  border: none;
  margin-bottom: 0px;
  margin-top: 16px;
}
.choose-billing-wrapper .col-sm-6.col-md-3.billing_box {
  padding: 0;
}
.choose-billing-wrapper .blg1 {
  background: #f8f8f8;
}
.choose-billing-wrapper .blg2 {
  background: #f2f2f2;
}
.choose-billing-wrapper .blg3 {
  background: #ebebeb;
}
.choose-billing-wrapper .blg4 {
  background: #dfdfdf;
}
.choose-billing-wrapper .blg5 {
  background: #d9d6d6;
}
.check_box.active {
  background-color: #217de9;
  border-color: #044c95;
}
.check_box.active .price .month,
.check_box.active .price small,
.check_box.active .price .discount,
.check_box.active .price small em {
  color: #ffffff;
}
.choose-billing-wrapper label::before {
  display: none;
}
.Add-ons-wrapper h4.panel-title a {
  text-decoration: none;
}
#wgs-main-wrapper input[type="text"],
#wgs-main-wrapper select.form-control,
.login-details .form-group input,
.wgsPadding #inputConfigOption4,
.nameservers-container-inner .form-group input {
  line-height: 1.42857143;
  border: none;
  border-radius: 0 !important;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
#wgs-main-wrapper input[type="text"],
#wgs-main-wrapper input[type="email"],
#wgs-main-wrapper input[type="number"],
#wgs-main-wrapper input[type="password"],
#wgs-main-wrapper select {
  line-height: 1.42857143;
  border: none;
  border-radius: 0 !important;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
img#wgssummaryloaders {
  float: right;
  margin-top: 14px;
}
.input-search-box {
  width: 100%;
}
span.renewal.cycle.wgs-renew-cycle {
  font-weight: initial;
}
/***** V1.0.3 ********/
.wgsQuantityInputBox {
  display: inherit;
  width: 50px;
  vertical-align: bottom;
}
.wgsQuantityInputBox input {
  padding: 0;
  text-align: center;
}
/***** V1.0.4 ********/
.choose-renew-domain-container {
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
  float: left;
  width: 100%;
  position: relative;
  margin: 15px auto;
}
.choose-renew-domain-wrapper {
  float: left;
  width: 100%;
  border-top: 1px solid #ecedee;
  padding: 30px 30px;
  border-bottom: 1px solid #ecedee;
  background-color: #ffffff;
}
.choose-renew-domain-wrapper h2 {
  color: #293042;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "CamphorPro-Heavy";
  text-align: left;
  padding-bottom: 10px;
}
.domain-renew-domain-container {
  border-radius: 4px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  float: left;
  width: 100%;
  border-bottom: 4px solid #179bd3;
  margin: 30px 0;
  padding: 30px 30px 15px;
}
.domain-renew-domain-container p {
  color: #525f7f;
  font-size: 16px;
  font-family: "CamphorPro-Regular";
  font-weight: normal;
  margin-bottom: 7px;
}
.domain-renew-domain-container p span {
  color: #179bd3;
  font-family: "CamphorPro-Heavy";
}
.wgs-domain-renew-res button.add-to-cart-btn {
  float: right;
}
.wgs-domain-renew-res .form-horizontal label {
  text-align: left;
  padding-left: 0;
}
.row.wgs-domain-renew-res {
  padding-top: 15px;
}
/******** V1.0.5 **********/
#stripeElements .stripe-cards-inputs.col-md-8.col-md-offset-2 .row {
  margin: 0;
}
#stripeElements .stripe-cards-inputs.col-md-8.col-md-offset-2 {
  margin: 0;
}
#stripeElements .stripe-cards-inputs.col-md-8.col-md-offset-2 .row .col-md-6,
#stripeElements .stripe-cards-inputs.col-md-8.col-md-offset-2 .row .col-md-3 {
  padding-right: 15px;
  padding-left: 0px;
}
#order-standard_cart .stripe-cards-inputs .form-control,
#order-standard_cart .stripe-cards-inputs .field {
  border-radius: 0 !important;
}
#order-standard_cart .stripe-cards-inputs .form-control,
#order-standard_cart .stripe-cards-inputs .field {
  border-radius: 0 !important;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
}
#inputDescriptionContainer {
  margin-left: 15px;
  margin-top: 5px;
}
#order-standard_cart .payment-card-number-box .field {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #ccc;
  background-size: 25px;
}
#cvv-field-container button {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #ccc;
  margin-left: 2px;
}
#cvv-field-container button.btn-default:focus {
  background-color: #fff;
  outline: none;
}
#inputNoStoreContainer {
  margin-left: 15px;
  margin-top: 10px;
}
#order-standard_cart .cc-input-container {
  box-shadow: none;
  width: 96%;
  padding-top: 20px;
  background-color: #fff;
  border: 1px solid #e2e5ec;
  padding-bottom: 28px;
}
#paymentGatewaysContainer {
  margin-bottom: 0px;
}
#applyCreditContainer {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 15px;
}
#existingCardInfo .field {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #ccc;
}
#existingCardInfo button {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #ccc;
  margin-left: 2px;
}
#existingCardInfo button.btn-default:focus {
  background-color: #fff;
  outline: none;
}
.text-center.margin-bottom {
  clear: both;
  padding-top: 20px;
}
#ownDomainAdded p {
  font-size: 15px;
  line-height: 26px;
  color: #e79803;
  font-family: "CamphorW01";
  font-weight: 500;
  padding-bottom: 10px;
  text-align: center;
}
input#tldsearchText {
  border-bottom: 0 !important;
  border-left: 2px solid #f4f4f5 !important;
}

.oredr-summary {
  padding: 20px;
}

input#inputPromotionCode {
  width: 66%;
  font-size: 12px;
}
.op-heading-row a.accordion-toggle {
  width: 50%;
}
i.wgsrem {
  font-size: 12px !important;
}
.op-edit-sec span {
  margin: 0 4px 0 2px;
}
strong.op-hd-fst {
  font-size: 11px;
  width: 94%;
  line-height: 16px;
}
.wgsQuantityInputBox {
  display: inherit;
  width: 30px;
  vertical-align: bottom;
  clear: both;
  height: 25px;
  padding: 0;
  line-height: normal;
}
form#form-update-product-quantity0 {
  margin: 0;
  padding: 0;
}
.wgsQuantityInputBox input.form-control.text-center {
  font-size: 10px;
  padding: 0;
  height: 25px;
}
.op-edit-sec p.tot {
  font-size: 11px;
  font-weight: 500;
}
.input-search-domain select {
  border: none !important;
}
a.accordion-toggle svg {
  margin-right: 4px;
}
.right-money-back {
  margin: 20px 0px 10px;
  padding: 20px;
  width: 100%;
  background: #f5f5f6;
}
.money-back-content-box {
  margin: 0;
  padding: 0;
  width: 100%;
}
.money-back-content {
  background: url(../images/r-mb-icon.png) no-repeat;
  background-size: 40px;
  padding-left: 56px;
  height: auto;
}
.money-back-content h4 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 26px;
  color: #000000;
  font-family: "CamphorW01";
  font-weight: bold;
}
.money-back-content p {
  margin: 0;
  padding: 5px 0 7px;
  line-height: 20px;
  color: #525f7f;
  font-size: 14px;
  font-family: "CamphorPro-Regular";
}
.money-back-content .mb-notes {
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #a9acb9;
  font-size: 13px;
  font-family: "CamphorPro-Regular";
}
.check_box .price span i {
  float: right;
  cursor: pointer;
}
.check_box .price span i.carts-anchor {
  cursor: default;
}
.billing_box .check_box .price {
  text-align: center;
}

/*** billing cycle dorp down ****/
.wgs-opc-main-bill {
  margin: 10px 0;
  position: relative;
  z-index: 10;
}
.wgs-opc-link-container {
  border: 1px solid #e7e7e7;
  position: relative;
  border-radius: 3px;
  padding: 10px 14px 13px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin: 2px 0;
  display: inline-block;
  width: 100%;
}
.wgs-opc-link-container-active {
  border-color: #e7e7e7;
}
.wgs-opc-link-arrow {
  position: absolute;
  top: 0;
  right: 5px;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  color: #b3b3b3;
  transition: all 0.5s ease-in-out;
}
.wgs-opc-link-arrow i {
  font-size: 18px;
}
.wgs-opc-link-container-active .wgs-opc-link-arrow {
  transform: rotate(180deg);
  color: #ee9690;
}
.wgs-opc-wraper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.wgs-opc-save-wraper {
  width: 100%;
  color: #ff4546;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0;
  text-align: center;
  font-family: "Montserrat SemiBold";
}
.wgs-opc-duration {
  margin-right: 13px;
  color: #4e4b4b;
  font-size: 13px;
  font-family: "Montserrat Regular";
}
.wgs-opc-price-strike {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  color: #848484;
  font-size: 13px;
  line-height: 1;
  position: relative;
  font-family: "Montserrat Regular";
}
.wgs-opc-price-strike i {
  font-size: 90%;
}
.wgs-opc-price-strike div {
  font-size: 100%;
  margin: 0 2px;
}
.wgs-opc-price-final {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  color: #338aee;
  margin-top: 10px;
  transition: all 0.3s ease-in-out;
  font-family: "Montserrat Regular";
}
.wgs-opc-price-final i {
  align-self: flex-start;
}
.wgs-opc-price-final div {
  font-size: 19px;
  margin: 0 3px;
  line-height: 0.8;
  font-family: "Montserrat Bold";
}
.wgs-opc-price-final span {
  align-self: flex-end;
}
.wgs-opc-bill-cycle-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  padding: 8px 0 12px;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
}
.wgs-save-price {
  width: 100%;
  margin: 5px auto 0;
  text-transform: uppercase;
  color: #ff4546;
  text-align: center;
  font-size: 11px;
}
.wgs-billing-duration {
  font-size: 13px;
  margin: 5px;
}
.wgs-price-striked {
  font-size: 12px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 5px 7px;
  position: relative;
  line-height: 1;
  color: #a7a6a6;
  font-family: "Montserrat Regular";
}
.wgs-opc-price-strike:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: calc(100% + 16px);
  height: 1px;
  background: #9e9e9e;
}
.wgs-price-cycle-final div {
  font-size: 14px;
  font-weight: 600;
  margin: 0 3px;
  font-family: "Montserrat SemiBold";
  color: #000000;
}
.prodWgs .wgs-opc-li-bill-container::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.prodWgs .wgs-opc-li-bill-container::-webkit-scrollbar {
  width: 4px;
}

.wgs-opc-li-bill-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 0 12px;
  /*overflow-y: scroll;*/
  /* height: 334px; */
  margin-top: -3px;
}
.ram-box::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.ram-box::-webkit-scrollbar {
  width: 4px;
}

.wgs-opc-li-bill-sub-container .wgs-opc-bill-cycle-row:last-child {
  border: none;
}
.wgs-opc-btn-wrapr {
  margin: 15px 0 18px;
  text-align: center;
}
.wgs-opc-btn-cls {
  display: block;
  font-size: 14px;
  padding: 6px 20px;
  border-radius: 3px;
  text-decoration: none !important;
  min-height: 27px;
  line-height: 26px;
  font-family: "Montserrat";
  font-weight: 600;
  letter-spacing: 0.03em;
}
.wgs-opc-btn-cls i.fas.fa-plus-circle {
  margin: 0px 10px;
  font-size: 14px;
}
a.wgs-opc-btn-cls:focus {
  color: #fff;
}
.wgs-opc-btn-blue {
  color: #fff;
  background: #408de4;
  transition: all 0.3s ease-in-out;
}
.wgs-price-cycle-final {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1;
  color: #408de4;
}
.wgs-price-cycle-final span {
  font-size: 13px;
  font-family: "Montserrat Regular";
  color: #000000;
}
.wgs-billing-duration {
  font-size: 12px;
  margin: 2px;
  color: #4e4b4b;
  font-family: "Montserrat Regular";
}
.wgs-price-striked span,
.wgs-price-striked div {
  color: #a7a6a6;
  font-size: 12px;
  font-family: "Montserrat Regular";
}
.wgs-opc-btn-blue:hover {
  background: #347dcf;
  color: #fff;
}
.wgs-price-striked:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: calc(100% + 10px);
  height: 1px;
  background: #a7a6a6;
}
.wgs-opc-select-bill-cycle {
  text-align: center;
  color: #716f6f;
  font-size: 13px;
  font-family: "Montserrat Regular";
  letter-spacing: 0.02em;
}
.prodWgs .intel_box .check_box label .xeon strong {
  width: 100%;
  text-align: center;
  display: inherit;
  font-size: 18px;
  color: #323232;
  margin-bottom: 10px;
  font-family: "Montserrat Bold";
  margin-top: 10px;
  line-height: 21px;
}
#productBoxWgs .check_box.active-bill {
  border-color: #ff4c4d;
}
.right-side {
  position: fixed;
}
.no-cartx .right-side {
  margin-top: 85px;
}

input#inputDescription {
  width: 100%;
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  /*5-19-20*/
  /*.oredr-summary h3 {
 width: 100%; 
    display: inline-block;
}*/
  .right-side {
    position: fixed;
    width: 32%;
  }
  div#wgs-right-cart {
    width: 100%;
    position: relative;
    display: inline-block;
  }
}
@media (min-width: 1441px) {
  .right-side {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .oredr-summary.main {
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.accordion.accordionWgsOnePage {
  max-height: 345px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
}
.oredr-summary {
  padding-right: 10px;
}
.accordion.accordionWgsOnePage::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.accordion.accordionWgsOnePage::-webkit-scrollbar {
  width: 4px;
}
.haveCodeCls {
  text-align: right;
  cursor: pointer;
}
/*p.hosting-wgs {
    float: left;
    position: relative;
}*/
p.hosting-wgs {
  float: none;
  width: 100%;
  position: relative;
  padding-left: 35px;
  background: #f4f4f4;
  padding: 12px 15px 12px 56px;
  vertical-align: top;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: -18px;
  border: 1px solid #f4f4f4;
  font-size: 13px !important;
  font-family: "Montserrat Regular" !important;
}
p.hosting-wgs::before {
  background: url(../images/no-host-img.png) no-repeat;
  content: "";
  position: absolute;
  left: 15px;
  width: 37px;
  height: 36px;
  display: inline-block;
  z-index: 999;
  background-size: 29px;
  background-position: left center;
  top: 12px;
}
p.hosting-wgs strong {
  color: #179bd3;
}
.hosting-wgs span {
  color: #fff !important;
  float: right;
  background: #179bd3;
  padding: 0px 14px;
  border-radius: 4px;
  font-size: 12px;
  margin: 0;
  vertical-align: top;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-family: "Montserrat" !important;
}
.wgs-opc-remove-promo a {
  text-decoration: none;
  color: #ff8485;
}
#stripeElements .stripe-cards-inputs.col-md-8.col-md-offset-2 {
  width: 100%;
}
.wgs-linking-body {
  background: #fafbfc;
  padding: 10px 0;
  margin: 0 0 13px;
  display: inline-block;
  width: 100%;
  border-radius: 2px;
}
.op-domain-price-sec .dropdown-menu {
  margin-bottom: 15px;
}
.choose-plan-container.wgs-opc-under-product {
  margin-bottom: 20px;
}
.wgs-btn-prt {
  float: right;
  margin-top: 20px;
}
.wgs-choose-dms {
  padding-top: 10px;
}
p.receiveord {
  font-size: 15px;
  padding-bottom: 15px;
}
.create-account .intl-tel-input.separate-dial-code .selected-flag {
  background: transparent;
}
#order-standard_cart .field,
#order-standard_cart .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  height: 40px;
}
#order-standard_cart
  .intl-tel-input.allow-dropdown
  .flag-container:hover
  .selected-flag {
  background-color: transparent;
}
#order-standard_cart .wgs-linking-body .sub-heading span,
#order-standard_cart .wgs-linking-body .sub-heading-borderless span {
  background-color: #fafbfc;
}
#order-standard_cart .wgs-linking-body .sub-heading,
#order-standard_cart .wgs-linking-body .sub-heading-borderless {
  border-bottom: 20px;
}
#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
  margin: 3px 0 0 6px;
}
select#domainRenewYearDorpDown {
  font-size: 11px;
  outline: none;
  width: 106px;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/sm-arow.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 12px;
  padding: 2px 4px;
}
.wgs-main-cycle-title {
  width: 100%;
  text-align: center;
  color: #408de4;
}
.wgs-main-cycle-title-active {
  width: 100%;
  text-align: center;
  color: #408de4;
}
.lastrowwgsprc {
  display: flex;
  width: 100%;
  align-items: center;
  clear: both;
}
.wgsopcevent {
  pointer-events: none;
}
ul#containerProductValidationErrorsList li {
  list-style: none;
}
ul#containerProductValidationErrorsList {
  clear: both;
  margin: 0;
  border-radius: 0;
}
/**** lagom theme compatible ****/
@media (min-width: 1500px) {
  .lagom .container {
    width: 1500px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  .lagom-layout-left .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/**** lagom theme compatible  end***/
.alert.alert-danger.text-center.gateway-errors {
  clear: both;
}
.alert.alert-danger.text-center.gateway-errors li {
  list-style: none;
  text-align: left;
}
.alert.alert-danger.checkout-error-feedback {
  clear: both;
}
.alert.alert-danger.checkout-error-feedback li {
  list-style: none;
  text-align: left;
}
#subDomainAdded p {
  font-size: 15px;
  line-height: 26px;
  color: #e79803;
  font-family: "CamphorW01";
  font-weight: 500;
  padding-bottom: 10px;
  text-align: center;
}
/***** V1.0.8 ****/
select.billSummaryChangeCls {
  width: 89px;
  height: 26px;
  padding: 4px 5px;
  font-size: 11px;
  float: right;
}
.contentbodybillingcycle {
  padding: 20px;
}
.billing-row-wgs {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.inputSectionRd .custom-control-label {
  margin: 0 0 0 7px;
  font-size: 15px;
  color: #000;
  padding: 0;
  line-height: normal;
}
.inputSectionRd label:before {
  display: none;
}
.basicpricesec h5 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #0e5077;
  font-weight: 600;
  font-family: "Open Sans", Verdana, Tahoma, serif;
}
.basicpricesec h5 span {
  color: #767676;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.pricestrike {
  font-size: 13px;
  color: #767676;
  margin: 3px 0;
  padding: 0;
  text-decoration: line-through;
}
.basicpricesec p {
  font-size: 14px;
  color: #767676;
  margin: 0;
  padding: 0;
}
.billing-row-wgs:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.custom-control.custom-radio.inputSectionRd input {
  cursor: pointer;
}
.custom-control.custom-radio.inputSectionRd label {
  cursor: pointer;
}
.heading-bill-cycle {
  padding: 0 10px;
  margin-bottom: 25px;
}

.heading-bill-cycle h3 {
  font-size: 18px;
  font-weight: 600;
  color: #232323;
  margin: 0 0 5px;
  padding: 0;
  width: 100%;
}
.row.heading-bill-cycle p {
  font-size: 14px;
  font-weight: normal;
  color: #767676;
  margin: 0;
  padding: 0;
}
/********** WhmcsV8.X.X ********/
#containerExistingAccountSelect {
  clear: both;
  border: 0;
  margin-bottom: 0px;
  background: #ffffff;
}
#wgs_checkout_data .account-select-container .account {
  background: #ffffff !important;
  border: 0px !important;
  padding: 15px !important;
}
#order-standard_cart .apply-credit-container {
  background-color: #fafbfc;
}
.wgs-opc-btn-red {
  color: #fff;
  background: #ff9899;
  transition: all 0.3s ease-in-out;
}
.wgs-opc-btn-red:hover {
  color: #fff;
  background: #ff9899;
}
p.stockOpc {
  text-align: center;
  padding-bottom: 10px;
  font-size: 12px;
  color: #e79803;
}
.wgsQuantityInputBoxAddon {
  display: inherit;
  width: 40px;
  vertical-align: bottom;
  clear: both;
  height: 25px;
  padding: 0;
  line-height: normal;
  float: right;
}
.wgsQuantityInputBoxAddon input.form-control.text-center {
  font-size: 10px;
  padding: 0;
  height: 25px;
}
/********* whmcs 8.1.x twenty-one theme*********/
.hidden {
  display: none !important;
}
.twenty-one .hidden,
.twenty-x .hidden,
.clientx-child .hidden {
  display: none;
}
.twenty-one .col-sm-6,
.twenty-x .col-sm-6,
.clientx-child .col-sm-6 {
  float: left;
}
.twenty-one #btnDomainManages,
.twenty-x #btnDomainManages {
  float: left;
}
.twenty-one div#accordion > .accordion-group > .collapse.show:before,
.twenty-one .oredr-summary .collapse.show:before,
.twenty-x div#accordion > .accordion-group > .collapse.show:before,
.twenty-x .oredr-summary .collapse.show:before,
.clientx-child div#accordion > .accordion-group > .collapse.show:before,
.clientx-child .oredr-summary .collapse.show:before {
  content: "";
  width: 4px;
  background: #edeff2;
  height: 98%;
  position: absolute;
  left: 7px;
  top: -5px;
  z-index: 0;
}
.twenty-one .btn-warning,
.twenty-x .btn-warning,
.clientx-child .btn-warning {
  color: #fff;
}
.twenty-one .panel-body,
.twenty-x .panel-body,
.clientx-child .panel-body {
  padding: 10px 15px;
}
.twenty-x #order-standard_cart #frmCheckout .form-group label,
.clientx-child #order-standard_cart #frmCheckout .form-group label {
  line-height: inherit;
}

.twenty-one #modalRemoveItem .modal-title,
.twenty-one #modalEmptyCartWgs .modal-title,
.twenty-one #modalBillingCycleAlert .modal-title,
.twenty-one #modalPromoCodeAlert .modal-title,
.clientx-child #modalRemoveItem .modal-title,
.clientx-child #modalEmptyCartWgs .modal-title,
.clientx-child #modalBillingCycleAlert .modal-title,
.clientx-child #modalPromoCodeAlert .modal-title {
  font-size: initial;
}
.twenty-one #modalRemoveItem .modal-header,
.twenty-one #modalEmptyCartWgs .modal-header,
.twenty-one #modalBillingCycleAlert .modal-header,
.twenty-one #modalPromoCodeAlert .modal-header,
.clientx-child #modalRemoveItem .modal-header,
.clientx-child #modalEmptyCartWgs .modal-header,
.clientx-child #modalBillingCycleAlert .modal-header,
.clientx-child #modalPromoCodeAlert .modal-header {
  display: initial;
}
.twenty-one #modalRemoveItem .modal-footer,
.twenty-one #modalEmptyCartWgs .modal-footer,
.twenty-one #modalBillingCycleAlert .modal-footer,
.twenty-one #modalPromoCodeAlert .modal-footer,
.clientx-child #modalRemoveItem .modal-footer,
.clientx-child #modalEmptyCartWgs .modal-footer,
.clientx-child #modalBillingCycleAlert .modal-footer,
.clientx-child #modalPromoCodeAlert .modal-footer {
  display: initial;
}
.twenty-one #modalRemoveItem .modal-footer button.btn.btn-default,
.twenty-one #modalEmptyCartWgs .modal-footer button.btn.btn-default,
.twenty-one #modalBillingCycleAlert .modal-footer button.btn.btn-default,
.clientx-child #modalRemoveItem .modal-footer button.btn.btn-default,
.clientx-child #modalEmptyCartWgs .modal-footer button.btn.btn-default,
.clientx-child #modalBillingCycleAlert .modal-footer button.btn.btn-default {
  line-height: initial;
}

.twenty-one #modalRemoveItem .modal-footer .btn-primary,
.twenty-one #modalEmptyCartWgs .modal-footer .btn-primary,
.twenty-one #modalBillingCycleAlert .modal-footer .btn-primary,
.twenty-one #modalPromoCodeAlert .modal-footer .btn-primary,
.clientx-child #modalRemoveItem .modal-footer .btn-primary,
.clientx-child #modalEmptyCartWgs .modal-footer .btn-primary,
.clientx-child #modalBillingCycleAlert .modal-footer .btn-primary,
.clientx-child #modalPromoCodeAlert .modal-footer .btn-primary {
  line-height: initial;
}

.twenty-x #modalRemoveItem .modal-title,
.twenty-x #modalEmptyCartWgs .modal-title,
.twenty-x #modalBillingCycleAlert .modal-title,
.twenty-x #modalPromoCodeAlert .modal-title,
.clientx-child #modalRemoveItem .modal-title,
.clientx-child #modalEmptyCartWgs .modal-title,
.clientx-child #modalBillingCycleAlert .modal-title,
.clientx-child #modalPromoCodeAlert .modal-title {
  font-size: initial;
}
.twenty-x #modalRemoveItem .modal-header,
.twenty-x #modalEmptyCartWgs .modal-header,
.twenty-x #modalBillingCycleAlert .modal-header,
.twenty-x #modalPromoCodeAlert .modal-header,
.clientx-child #modalRemoveItem .modal-header,
.clientx-child #modalEmptyCartWgs .modal-header,
.clientx-child #modalBillingCycleAlert .modal-header,
.clientx-child #modalPromoCodeAlert .modal-header {
  display: initial;
}
.twenty-x #modalRemoveItem .modal-footer,
.twenty-x #modalEmptyCartWgs .modal-footer,
.twenty-x #modalBillingCycleAlert .modal-footer,
.twenty-x #modalPromoCodeAlert .modal-footer,
.clientx-child #modalRemoveItem .modal-footer,
.clientx-child #modalEmptyCartWgs .modal-footer,
.clientx-child #modalBillingCycleAlert .modal-footer,
.clientx-child #modalPromoCodeAlert .modal-footer {
  display: initial;
}
.twenty-x #modalRemoveItem .modal-footer button.btn.btn-default,
.twenty-x #modalEmptyCartWgs .modal-footer button.btn.btn-default,
.twenty-x #modalBillingCycleAlert .modal-footer button.btn.btn-default,
.clientx-child #modalRemoveItem .modal-footer button.btn.btn-default,
.clientx-child #modalEmptyCartWgs .modal-footer button.btn.btn-default,
.clientx-child #modalBillingCycleAlert .modal-footer button.btn.btn-default {
  line-height: initial;
}
.twenty-x #modalRemoveItem .modal-footer .btn-primary,
.twenty-x #modalEmptyCartWgs .modal-footer .btn-primary,
.twenty-x #modalBillingCycleAlert .modal-footer .btn-primary,
.twenty-x #modalPromoCodeAlert .modal-footer .btn-primary,
.clientx-child #modalRemoveItem .modal-footer .btn-primary,
.clientx-child #modalEmptyCartWgs .modal-footer .btn-primary,
.clientx-child #modalBillingCycleAlert .modal-footer .btn-primary,
.clientx-child #modalPromoCodeAlert .modal-footer .btn-primary {
  line-height: initial;
}
/*** Whmcs 8.2.0 ****/
.custom-field-wgs h2 small {
  font-size: 10px;
  font-weight: 300;
}
.twenty-one div#productBoxWgs,
.twenty-x div#productBoxWgs,
.clientx-child div#productBoxWgs {
  display: inherit;
}
/****** Whmcs 8.3.1 ****/
.existing-login-container {
  clear: both;
  background: #fafbfc;
  padding-top: 20px;
}
.no-space #btnDomainManages {
  float: inherit;
}
section.main-wrapper.clientx-child {
  margin-top: 15px;
}

div#productBoxWgs {
  display: unset;
}
.prodWgs .intel_box .chk-note {
  max-width: 80%;
}
div#wgsBillCycleDivProductQuery .custom-control-input {
  opacity: inherit;
}

.inner-style-latest-billing {
  background: #ffffff;
  padding: 20px;
  text-align: center;
  margin: 15px 0;
  border-radius: 6px;
  box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.05);
  border: 1px solid #e8eef1;
  position: relative;
  cursor: pointer;
  min-height: 135px;
}
.inner-style-latest-billing.active {
  border-color: #e09700;
}
.inner-style-latest-billing.active .save-disc {
  border-color: #e09700;
}
.save-disc {
  position: absolute;
  top: -14px;
  width: 100%;
  max-width: 111px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #ffffff;
  font-size: 13px;
  color: #2e8fc7;
  font-weight: 600;
  padding: 3px 0;
  border-radius: 40px;
  box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.05);
  border: 1px solid #deeaf2;
}
.cycle-duration {
  font-size: 15px;
  color: #193e70;
  font-weight: 600;
  margin: 5px 0 15px;
  text-transform: uppercase;
  position: relative;
}
.cycle-duration::before {
  display: block;
  height: 16px;
  width: 16px;
  margin-right: 8px;
  border-radius: 50%;
  cursor: pointer;
  background: 0 0;
  transition: transform 0.3s, box-shadow 0.2s;
  border-width: 2px;
  border-style: solid;
  border-color: #3a9cd5;
  box-shadow: 0 1px 4px rgba(103, 61, 230, 0.26);
  content: "";
  position: absolute;
  top: -18px;
  left: -10px;
}
.inner-style-latest-billing.active .cycle-duration::before {
  border-color: #e09700;
}
.prc-bil {
  margin: 0px 0 0;
  font-size: 22px;
  font-weight: 600;
  color: #e09700;
  line-height: normal;
}
h3.prc-bil span {
  font-size: 14px;
  color: #8a8a8a;
}
.pricestrike-latest {
  font-size: 13px;
  color: #767676;
  margin: 0;
  padding: 0;
  text-decoration: line-through;
}
.loaderFullPageOpc {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* Transparent Overlay */
.loaderFullPageOpc:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
  background: -webkit-radial-gradient(
    rgba(20, 20, 20, 0.8),
    rgba(0, 0, 0, 0.8)
  );
}
.loaderFullPageOpc:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loaderFullPageOpc:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
    rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
    rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
    rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
    rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.clientx-child #order-standard_cart .prepend-icon input {
  width: 100%;
}
.clientx-child #order-standard_cart .prepend-icon .field-icon {
  top: 11px;
}
ul.hosting-box li h5{
  line-height: 18px;
}
.row.host{
  justify-content: space-between;
  padding-bottom: 10px;
}
div#accordion > .accordion-group .accordion-inner {
  padding-left: 15px;
}
.clientx-child .oredr-summary .collapse.show:before {
  display: none;
}
div#collapseAddn1 .accordion-inner{
  padding-right:15px;

}
@media (max-width: 767px) {
  #inputDescriptionContainer {
    margin-left: 0;
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .domain-name-with-price h4 {
    margin: 22px 0px 15px !important;
  }
}