
*,
::after,
::before {
	box-sizing: border-box;
}

html {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	background-color: #fff;
}

body {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	overflow-x: hidden;
	background-color: #F8F8F7;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.fa-spin {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border: 0.15em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner 0.75s linear infinite;
	animation: spinner 0.75s linear infinite;
	margin-right: 5px;
}

.hidden {
	display: none !important;
}

li {
	list-style: none;
}

.container {
	width: 100%;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 15px;
	align-items: center;
}
.header .col-md-6 {
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}
.checkout-page,
#app {
	padding: 0px 0 100px;
}
.logo img {
	width: 100%;
	max-width: 165px;
	max-height: 60px;
}

.user-login {
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: right;
	position: relative;
}

.hv-acc {
	font-weight: 500;
	color: #b9babd;
	font-size: 14px;
	margin: 0 10px;
	padding: 0;
}

.user-login a {
	color: #373b42;
	text-decoration: none;
}

.login-dropbox {
	background: #fff;
	padding: 26px;
	position: absolute;
	right: 0;
	display: inline-block;
	box-shadow: 0 4px 10px #cccccc75;
	border-radius: 3px;
	top: 40px;
	z-index: 999;
	max-width: 300px;
	border-top: 2px solid #f55b61;
}

.login-dropbox:after {
	display: inline-block;
	margin-left: 0.355em;
	vertical-align: 0.355em;
	content: "";
	border-top: 0;
	border-right: 0.5em solid transparent;
	border-bottom: 0.5em solid;
	border-left: 0.5em solid transparent;
	position: absolute;
	top: -8px;
	color:#f55b61;
	right: 9px;
}

.login-dropbox .cus-input {
	margin-bottom: 15px;
	display: inline-block;
	border: 1px solid #e8e8e9;
	height: auto;
	padding: 10px 14px;
}

.login-dropbox .payment-continue.cursor-pointer {
	outline: none !important;
	border: 0;
}

span.hv-acc .nameUser {
	color: #f55b61;
	font-weight: 500;
}

.tabs-outer {
	text-align: left;
}

.tab {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}

.tab .tablinks {
    float: left;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    padding: 9px 14px;
    transition: 0.5s;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    margin-right: 10px;
    margin: 2px;
}

.tab .tablinks.active {
	color: #fff;
	background: #F55B61;
	border-radius: 30px;
	border-bottom: transparent;
}

.tabs-outer {
	background-image: linear-gradient(40deg, #F55B61 0, #3d6fa0 100%);
	padding: 20px 0px;
	/*background: #ebf0f0;*/
	background: #131313;
}

.tabs-outer.sticky {
	position: sticky;
	top: 0;
	z-index: 99;
}

.tabs-outer .tab {
    width: auto;
    justify-content: left;
    max-width: initial;
    margin: 0;
    border: none;
    align-items: center;
    display: flex;
}
.tab-navigations .form-group.currency-box-cart {position: relative;max-width: inherit;
    margin-bottom: 0;
    width: auto;}
/*.tab-navigations .form-group.currency-box-cart {
	position: absolute;
	right: 80px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	max-width: 160px;
}*/
.tabs-outer .tab-navigations {
    display: flex;
    align-items: center;
}
.tab-navigations {
	position: relative;
}

.header {
	background: #fff;
	margin: 0;
	padding: 10px 0px;
}

.header .container {
	display: flex;
	align-items: center;
}

.tabcontent {
	display: none;
	padding: 20px 0;
}

.cus-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.cus-col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.cus-col-big {
	-ms-flex: 0 0 65%;
	flex: 0 0 65%;
	max-width: 65%;
}

.cus-col-small {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
}

.cus-col-equal {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding: 5px 5px;
}

.cus-col-50 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.feature-content h3,
.recommended-box h3,
.order-summary h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
	font-weight: 500;
	color: #131313;
}

.feature-content ul {
	padding: 0;
	margin: 0;
}

.feature-content ul li,
.feature-content li {
	font-size: 15px;
	color: #131313;
	display: block;
	list-style: none;
	margin-bottom: 3px;
	position: relative;
	padding-left: 22px;
	font-weight: 400;
}

.feature-content ul li::before,
.feature-content li::before, .package-description ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	color: #f55b61;
	background: url(../images/checking-mark.svg) no-repeat;
	width: 10px;
	height: 10px;
	background-size: 10px;
	background-position: center !important;
	margin: auto;
	bottom: 0;
}

.feature-content ul li svg {
	width: 16px;
	height: 16px;
	min-width: 16px;
	vertical-align: middle;
}

.money-back {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.money-back h4 {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 19px;
	color: #131313;
	margin: 0 0 0 10px;
}

.choose-plan-box {
	padding: 0 15px 20px;
}

.plan-item-outer {
	border-radius: 3px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
	/*box-shadow: 0 0 1px rgb(56 60 67 / 3%), 0 0px 11px 0 rgb(56 60 67 / 8%);*/
	transition: box-shadow 500ms;
}

/*.plan-item-outer:hover {
	box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 8px 14px 1px rgb(56 60 67 / 15%);
}*/

.plan-item {
    position: relative;
    padding: 18px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    text-align: center;
}

.discountInRow .plan-item {
	min-height: 205px;
}

.plan-item-outer.selected {
	border: 1px solid #f55b61;
	background-color: #fff;
}

.plan-item-outer.selected .save-btn.best-deal {
	background-color: #f55b61;
	color: #fff;
}

.plan-item-outer.selected .plan-item .plan-name {
	color: #131313;
}

.plan-deal {
	padding: 27px;
	background-color: #edf3ff;
}

.plan-deal h2 {
	color: #151922;
	font-size: 1.4rem;
	margin: 0;
	font-weight: 600;
}

.plan-deal p {
	color: #131313;
	font-size: 14px;
	margin: 0;
}

.plan-deal .deal-bedge {
	background-color: #e5b269;
	color: #131313;
	padding: 2px 27px;
	display: inline-block;
	border-radius: 40px;
	margin: 5px 0 12px;
}

.save-btn {
	display: inline-block;
	background-color: #e8e8e9;
	color: #131313;
	border-radius: 15px;
	font-size: 13px;
	padding: 5px 12px;
	line-height: 1;
	font-weight: 600;
	margin: 5px 0 15px;
}

.plan-item p {
	font-size: 14px;
	font-weight:500;
	color: #131313;
	margin: 0 0 5px;
}

.plan-item span.pln-cycl {
	font-weight: 500;
}

.plan-item .plan-name {
	margin: 10px 0 12px;
	font-size: 18px;
	font-weight: 500;
	padding: 0;
	text-align: center;
}
.plan-item .plan-price {
    margin: 15px 0;
}

.plan-item p strong {
	font-size: 32px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: -0.5px;
}

.plan-item .plan-currency {
	vertical-align: top;
}

.plan-item .total-bill-text {
	color: #606369;
	font-size: 12px;
}

del {
	color: #ef7d80;
}

.checkmark {
	position: absolute;
	top: 1px;
	left: inherit;
	background-color: #fff;
	border: 2px solid #e8e8e9;
	height: 16px;
	width: 18px;
	line-height: 16px;
	border-radius: 100%;
	right: 0px;
	display: none;
}

.plan-item-outer.selected .checkmark {

	display: block;
}

.plan-item-outer.selected .checkmark::after {
	width: 0;
	height: 0;
	border-right: 40px solid #f55b61;
	border-bottom: 45px solid transparent;
	position: absolute;
    top: -11px;
    content: "";
    right: -1px;
	z-index: 0;
}

.checkmark svg {
	width: 14px;
	height: 14px;
	min-width: 14px;
	position: relative;
	z-index: 9;
}

.checkmark svg path {
	fill: #fff;
}

.plan-item-outer.selected .checkmark {
	background-color: #f55b61;
	border: 1px solid #f55b61;
}

.flex-item {
	display: flex;
	align-items: flex-start;
}

.cus-row.mb-5 {
	margin-bottom: 15px;
}

.mb-5 {
	margin-bottom: 50px;
}

.mb-2 {
	margin-bottom: 20px;
}

.mt-2 {
	margin-top: 20px;
}

.align-end {
	align-items: flex-end;
}

.align-first {
	align-items: flex-start;
}

.item-name {
	margin-left: 10px;
	padding-right: 10px;
}

.item-name h3 {
	margin: 0;
}

.item-name p {
    font-size: 12px;
    color: #777a7e;
    margin: 9px 0 0;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 21px;
}
.recommended-item {
    position: relative;
    background-color: #f8f8f9;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: none;
    margin: 16px 10px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: border 0.2s ease-in-out;
}
.addonActive {
	border-color: #f55b61;
}

.cus-check {
	font-size: 14px;
}

.right-item {
	font-weight: 600;
	color: #131313;
}

.right-item span {
	margin-right: 5px;
	font-weight: 500;
	font-size: 15px;
}

.recommended-item .save-btn {
	margin: 0;
}

.cus-check {
	display: block;
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	font-size: 12px;
	line-height: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #f55b61;
	margin: 0 30px;
	transition-duration: 0.25s;
}

.cus-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	left: 0;
}
.side-summary-enable .product-configuration-option .cus-form-body select#configoption8 {
    height: 44px;
}
label.cus-check.tos-link {
	font-size: 12px;
	font-weight: normal;
}

.checkmark2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 1px solid #b9babd;
	border-radius: 3px;
}

.cus-check input:checked~.checkmark2 {
	background-color: #f55b61;
	border-color: #f55b61;
}

.checkmark2:after {
	content: "";
	position: absolute;
	display: none;
}

.cus-check input:checked~.checkmark2:after {
	display: block;
}

.cus-check .checkmark2:after {
	left: 5px;
	top: 2px;
	width: 6px;
	height: 11px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.recommended-bedge {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #e5b269;
	padding: 8px 12px;
	font-size: 13px;
	line-height: 1;
	font-weight: 600;
	color: #131313;
	border-radius: 0 0 5px 5px;
}

.recommended-item.active {
	border: 2px solid #f55b61;
}

.submit-payment {
	display: flex;
	justify-content: space-between;
	padding-top: 12px;
	flex-wrap: wrap;
}

.coupan-text,
.submit-payment p {
	color: #8a8c91;
	font-size: 12px;
	font-weight: 600;
}

.payment-btn p {
	text-align: center;
}

.payment-continue {
	display: inline-block;
	background-color: #f55b61;
	color: #fff;
	padding: 14px 32px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 3px;
	text-align: center;
	width: 100%;
}

.payment-option {
	position: sticky;
	top: 20px;
	background-color: transparent;
	padding: 0;
	border-radius: 0;
}

.payment-type {
    background-color: #fff;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    border-radius: 3px;	
   /* box-shadow: 0 0 1px rgb(56 60 67 / 3%), 0 0px 11px 0 rgb(56 60 67 / 8%);*/
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    transition: box-shadow 500ms;
}
.payment-type:hover{
	box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 8px 14px 1px rgb(56 60 67 / 15%);
}
.payment-type.selected {
	border: 1px solid #f55b61;
}

.payment-radio {
	position: relative;
	min-width: 18px;
	height: 18px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #b9babd;
	margin-right: 12px;
}

.payment-radio:after {
	content: "";
	position: absolute;
	--bg-opacity: 1;
	background-color: #fff;
	opacity: 0;
	width: 7px;
	height: 7px;
	left: 50%;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: opacity 0.25s ease-out;
}

.payment-name h3 {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    font-weight:normal;
    color: #131313;
}
.payment-type.selected .payment-radio {
	background-color: #f55b61;
	border-color: #f55b61;
}

.payment-type.selected .payment-radio:after {
	opacity: 1;
}

.order-summary {
	background-color: #fff;
	padding: 20px;
	box-shadow: 0 0 0 1px rgb(56 60 67 / 5%), 0 1px 3px 0 rgb(56 60 67 / 15%);
	border-radius: 4px;
}

.summary-head h3 {
	color: #0d1a43;
	font-size: 18px;
}

.order-summary h3 {
	margin-top: 0;
}

.cart-item-list {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 25px 20px;
	border: 1px solid #ebebec;
}

.discount-badge {
	display: inline-block;
	background-color: #e9fbee;
	color: #f55b61;
	border-radius: 15px;
	font-size: 13px;
	padding: 5px 12px;
	line-height: 1;
	font-weight: 600;
}

.cart-item-list p {
	margin-top: 0;
	margin-bottom: 5px;
}

.remove-text {
	width: 100%;
	margin-top: 20px;
}

.remove-text a {
	color: #8a8c91;
	font-size: 13px;
}

.total-payment-div .country-select,
.payment-vat {
	width: 50%;
}

.form-group {
	margin-bottom: 13px;
	width: 100%;
}

label {
	color: #8a8c91;
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	margin-bottom: 6px;
	font-weight: 500;
}
.cus-form-body.product_server_container label, .custom_fileds_container label{color: #131313;font-weight: 500;}
.form-select {
	width: 100%;
	padding: 8px 30px 8px 10px;
	font-size: 13px;
	color: #8a8c91;
	border: 1px solid #b9babd;
	border-radius: 3px;
	background:  #fff url("../images/select_arrow.svg") no-repeat 97% center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: 0;
	background-size: 10px;
	-webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
select#domainTldExtension, select#domainTldExtension-transfer {
    appearance: none;
	-webkit-appearance: none;
  -moz-appearance: none;
}
select#registerUserCountry {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../images/select_arrow.svg) no-repeat 97%;
    background-size: 10px;
}
.payment-vat {
	text-align: right;
}

.payment-vat p {
	margin: 0;
}

.payment-vat span {
	font-size: 13px;
	color: #8a8c91;
}

.total-payment-div {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 25px 0;
}

.total-amount {
	justify-content: space-between;
}

.total-amount h4,
.total-amount h2 {
	color: #131313;
	margin: 0;
	font-size: 16px;
}

.total-amount h2 {
	font-size: 22px;
}

.bg-grey {
	background-color: #f8f8f8;
}

.extra-addon {
	padding: 25px;
	margin: 25px 0;
	align-items: flex-start;
	border: 0;
}

.extra-addon .cart-item-price {
	display: flex;
	align-items: center;
	color: #f55b61;
}

.extra-addon .cart-item-price span {
	line-height: 1;
	margin: 0;
	font-size: 14px;
	margin-left: 5px;
}

.cus-input {
	height: 3rem;
	padding: 14px;
	font-size: 14px;
	color: #131313;
	border: 1px solid #e5e5e5;
	width: 100%;
	border-radius: 4px;
	outline: 0;
}

.cus-input:focus {
	border-color: #f55b61;
}

::placeholder {
	color: #ccc;
	font-weight: 500;
}

.help-text {
	font-size: 12px;
	color: #8a8c91;
	margin-bottom: 0;
	margin-top: 5px;
}

.help-text a {
	color: #131313;
	text-decoration: none;
}

.cus-form-body {
	padding: 25px 0;
}

.security-points ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.security-points ul li {
	display: flex;
	font-size: 13px;
	color: #8a8c91;
	margin-bottom: 10px;
}

.security-points ul li svg {
	width: 24px;
	height: 24px;
	min-width: 24px;
	vertical-align: middle;
	margin-right: 10px;
	fill: #62bd74;
}

.choose-billing-cycle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-md-4 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 33%;
	max-width: 33%;
	padding-left: 15px;
	padding-right: 15px;
}

.choose-billing-cycle .payment-name h3 {
	text-transform: capitalize;
	font-weight: 500;
}

.choose-billing-cycle .col-md-4 {
	cursor: pointer;
}

.mailing-list h4,
.aditional-notes h4 {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	color: #131313;
	margin-top: 0;
}

.aditional-notes h4 {
	margin-bottom: 6px;
}

.cursor-pointer,
.cursor-pointer-hand {
	cursor: pointer;
}

span.form-error-checkout {
	color: #f10909;
	font-weight: 200;
	font-size: 12px;
}

.product_config_container .cus-check {
	margin: 0;
	color: #666;
}

.product-configurations {
	font-size: 12px;
	line-height: 22px;
	color: #58585a;
	font-weight: 400;
}

label.cus-check.tos-link {
	margin: 10px 0;
	color: #666;
}

.all-error-checkout {
	background: #e02b2714;
	padding: 20px;
	margin: 5px 0 15px;
	border: 1px solid #e02b271a;
	border-radius: 3px;
}

.all-error-checkout b {
	color: #e02b27;
	font-weight: 600;
}

.all-error-checkout ul li {
	color: #e02b27;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.cart-item-price p {
	margin: 0;
	padding: 0;
	color: #ff5b67;
}

span.price-cycle {
	font-size: 12px;
	color: #6c6c6c;
	margin: 0;
	padding: 0;
}

.checkoutbar-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	box-shadow: 0 8px 16px 0 rgb(10 14 29 / 4%), 0px 8px 64px 0 rgb(10 14 29 / 8%);
	white-space: nowrap;
	z-index: 999;
	flex-wrap: wrap;
	padding-bottom: 0;
	padding-top: 0;
}

.total-price-num {
	font-size: 26px;
	font-weight: 600;
	color: #f55b61;
}

.total-price-title {
	font-size: 13px;
	font-weight: 600;
	color: #555;
	text-transform: uppercase;
}

.form-checkbox input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-checkbox label {
	position: relative;
	cursor: pointer;
}

.form-checkbox label:before {
	content: "";
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #f55b61;
	box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0 -15px 10px -12px rgb(0 0 0 / 5%);
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
}

.form-checkbox input:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid #f55b61;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.radio-outer {
	display: inline-block;
	width: 100%;
}

.radio-outer input[type="radio"]:checked,
.radio-outer input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.radio-outer input[type="radio"]:checked+label,
.radio-outer input[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

.radio-outer input[type="radio"]:checked+label:before,
.radio-outer input[type="radio"]:not(:checked)+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #e5e5e5;
	border-radius: 100%;
	background: #fff;
}

.radio-outer input[type="radio"]:checked+label:before {
	border-color: #f55b61;
}

.radio-outer input[type="radio"]:checked+label:after,
.radio-outer input[type="radio"]:not(:checked)+label:after {
	content: "";
	width: 12px;
	height: 12px;
	background: #f55b61;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.radio-outer input[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.radio-outer input[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

span.summary-addon-bill-cycle {
	display: block;
	font-size: 13px;
	margin-top: 5px;
}

span.summary-addon-bill-cycle small {
	color: #131313;
	margin-left: 3px;
	background-color: #fff;
	padding: 5px 15px;
	border-radius: 15px;
	letter-spacing: 0.2px;
	box-shadow: 0 1px 1px #ccc;
}

.summary-head {
	width: 100%;
	display: inline-block;
}

.summary-head h3 {
	float: left;
}

.empty-cart-button {
	float: right;
}

button.cart-empty-button {
	background-color: transparent;
	background-image: url(../images/trash.svg);
	background-repeat: no-repeat;
	border: 1px solid #dcdee2;
	font-size: 11px;
	padding: 8px 14px 8px 31px;
	border-radius: 30px;
	background-position: 14px center;
	background-size: 13px;
	color: #5c5c5c;
	cursor: pointer;
}

button.cart-empty-button:hover {
	background-color: #f6f7f8;
	border-color: #dcdee2;
}

.mailing-list .help-text {
	line-height: normal;
	font-weight: normal;
}

.custom_fileds_container .cus-check {
	margin: 0;
	color: #666;
}

.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-header {
	padding: 8px 25px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
.modal-content .cus-form-body label {
    color: #131313;
}
.modal-header h2 {
	float: left;
	font-size: 20px;
}

.modal-content .close {
	float: right;
	margin: 16px 0 0;
	font-size: 29px;
	color: #F55B61;
}

.modal-body {
	padding: 10px 25px;
}

.modal-content {
	position: relative;
	background-color: #f5f3f6;
	margin: 100px auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 /10%), 0 6px 20px 0 rgb(0 0 0 / 10%);
	animation-name: animatetop;
	animation-duration: 0.4s;
	max-width: 600px;
	border-radius: 6px;
}

.modal-footer {
	padding: 20px 25px;
	border-top: 1px solid #e5e5e5;
}

.modal-footer h3 {
	padding: 0;
	margin: 0;
}

.modal-footer button {
	border: 1px solid #dcdee2;
	font-size: 12px;
	padding: 8px 24px;
	border-radius: 3px;
	text-align: center;
	background: transparent;
}

.modal-footer button.confirm-button-popup {
	border-color: #f55b61;
	color: #f55b61;
}

span.descpr {
	font-size: 12px;
	color: #717070;
	font-weight: normal;
}

.popup-new-wrapper {
	box-shadow: 0 0 10px #858282;
	text-align: center;
	border-radius: 3px;
	border: transparent;
}

.modal-content .popup-new-wrapper .close {
    float: unset;
    margin: 16px 0 0;
    font-size: 29px;
    color: #F55B61;
    position: absolute;
    right: 19px;
    top: 0;
    font-weight: 300;
}

.trash-sec {
	/*background: #F55B61 0;*/
	padding: 30px 0px 25px;
	border: transparent;
	border-radius: 8px 8px 0px 0px;
}

.trash-sec img {
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #e6e4e6;
}
.trash-sec h4 {
    margin: 10px 0px 5px;
    color: #131313;
    font-size: 18px;
    font-weight: 600;
}

.trash-sec p {
    margin: 4px 0 0;
    color: #8a8c91;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 100%;
}

#emptyCartModal .modal-body {
	padding: 0;
}

#emptyCartModal .modal-content {
	border-radius: 8px;
	border: transparent;
	box-shadow: none;
	max-width: 500px;
}

.button-sec {
    padding: 22px 0px;
    border-top: 1px solid #e5e5e5;
}

.button-sec .confirm-button-popup {
	background: #F55B61;
	color: #fff;
	padding: 4px 20px;
	border-radius: 3px;
	line-height: 20px;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	border: transparent;
}

button.cancel-button-popup.cursor-pointer {
	background: #131313;
	color: #fff;
    padding: 8px 24px;
    border-radius: 3px;
    line-height: 16px;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    border: transparent;
}

#client-custom-fields .cus-check {
	margin: 0;
	color: #666;
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}

	to {
		top: 0;
		opacity: 1;
	}
}

.button-cover {
	display: inline-block;
	width: 100%;
	clear: both;
	position: relative;
}

.knobs,
.layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.tog-button {
	position: inherit;
	top: inherit;
	width: 80px;
	height: 36px;
	margin: 8px 0 0;
	overflow: hidden;
}

.button.r,
.button.r .layer {
	border-radius: 100px;
}

.button.b2 {
	border-radius: 2px;
}

.checkbox {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
}

.knobs {
	z-index: 2;
}

.layer {
	width: 100%;
	background-color: #fbfbfb;
	transition: 0.3s ease all;
	z-index: 1;
	border: 1px solid #d5d6d3;
	border-radius: 4px;
}

 .tog-button .knobs:before,
 .tog-button .knobs:after,
 .tog-button .knobs span {
	position: absolute;
	top: 4px;
	width: 34px;
	height: 28px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding: 9px 4px;
	border-radius: 2px;
	transition: 0.3s ease all;
}

 .tog-button .knobs:before {
	content: "";
	left: 4px;
	background-color: #f55b61;
}

 .tog-button .knobs:after {
	content: "NO";
	right: 4px;
	color: #4e4e4e;
}

 .tog-button .knobs span {
	display: inline-block;
	left: 4px;
	color: #fff;
	z-index: 1;
}

 .tog-button .checkbox:checked+.knobs span {
	color: #4e4e4e;
}

 .tog-button .checkbox:checked+.knobs:before {
	left: 42px;
	background-color: #f44336;
}

 .tog-button .checkbox:checked+.knobs:after {
	color: #fff;
}

 .tog-button .checkbox:checked~.layer {
	background-color: #fcebeb;
}

.cus-form-header {
	width: 100%;
	display: inline-block;
}

.cus-form-header h3 {
	float: left;
}

.acc-tab-btn {
	float: right;
}

.acc-tab-btn a {
	border: 0;
	font-size: 11px;
	padding: 8px 15px;
	color: #656565;
	cursor: pointer;
	background: #f1f1f1;
	border-radius: 3px;
	font-weight: 500;
}

a.login-button-link {
	border: 0;
	font-size: 11px;
	padding: 8px 15px;
	color: #fff;
	cursor: pointer;
	background: #f55b61;
	border-radius: 3px;
}

.choose-login-accounts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 25px;
}

.choose-login-accounts .col-md-6 {
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}

.login-user-ty,
.login-user-payment {
	background-color: #fff;
	padding: 10px 15px;
	display: flex;
	align-items: flex-start;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgb(56 60 67 / 5%), 0 1px 3px 0 rgb(56 60 67 / 15%);
	margin-bottom: 15px;
	cursor: pointer;
	border: 1px solid transparent;
}

.login-user-ty.selected,
.login-user-payment.selected {
	border: 1px solid #f55b61;
}

.login-user-radio {
	position: relative;
	min-width: 18px;
	height: 18px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #b9babd;
	margin-right: 12px;
}

.login-user-ty.selected .login-user-radio,
.login-user-payment.selected .login-user-radio {
	background-color: #f55b61;
	border-color: #f55b61;
}

.login-user-ty.selected .login-user-radio:after,
.login-user-payment.selected .login-user-radio:after {
	opacity: 1;
}

.login-user-radio:after {
	content: "";
	position: absolute;
	--bg-opacity: 1;
	background-color: #fff;
	opacity: 0;
	width: 7px;
	height: 7px;
	left: 50%;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: opacity 0.25s ease-out;
}

.choose-login-accounts .login-user-details h3 {
	text-transform: capitalize;
}

.login-user-details h3 {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 5px;
	font-weight: 600;
	color: #131313;
}

.checkoutbar-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1110px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	z-index: 9;
}

.search-box {
	display: inline-block;
	border-radius: 4em;
	transition: all 1s ease;
	margin-left: 0;
	overflow: inherit;
}

.search-box.hidden {
	display: inherit !important;
	margin-left: -100% !important;
}

.search-box-input {
	font-size: 14px;
	color: #f55b61;
	transition: 0.5s;
	border: 1px dashed #e5e5e5;
	padding: 7px 15px 7px 30px;
	outline: 0;
	width: 100%;
	max-width: 285px;
}

form#promoForm,
form#promoFormPage {
	display: inline;
}

.search-box-btn {
	border: 0 none;
	background: #f55b61;
	transition: 0.3s;
	color: #fff;
	padding: 8px 15px;
	font-size: 14px;
	display: inline-block;
}

#promoCodeAnchor,
#promoCodeAnchorPage {
	color: #333;
	font-size: 12px;
	display: inline-block;
	border-radius: 20px;
	padding: 7px 20px;
	font-weight: normal;
	border: 1px dashed #b5b5b5;
	font-weight: 600;
}

.search-box-icon {
	margin: auto;
	color: black;
}

.search-box-input::placeholder {
	color: #f55b61;
	opacity: 0.5;
}

.search-box-btn .img-fluid {
	width: 30px;
	height: 30px;
}

.checkoutbar-inner .coupon-code {
	width: 60%;
	overflow: hidden;
	position: relative;
	min-height: 64px;
	align-items: center;
	display: flex;
}

.checkoutbar-inner .coupon-code a {
	position: absolute;
}

a#promoCodeClose,
#promoCodeClosePage {
	padding: 4px 10px;
}

.total-price-outer {
	display: flex;
	width: 40%;
	justify-content: flex-end;
	align-items: center;
}

.total-price-outer .total-price {
	width: 100%;
}

.total-price-outer .cart-next-btn {
	border-left: 1px solid #e9e9f0;
	text-align: right;
	padding-left: 20px;
}

.login-user-details p {
    font-size: 13px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
}

.choose-login-accounts.bottom-border-account {
	border-bottom: 1px solid #dcdee2;
	padding: 0 0 25px;
	margin-bottom: 25px;
}

.search-container {
	position: relative;
	display: inline-block;
	margin: 4px 2px;
	height: 50px;
	width: 50px;
	vertical-align: bottom;
}

.mglass {
	display: inline-block;
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.searchbutton {
	position: absolute;
	font-size: 22px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.search:focus+.searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: white;
	color: black;
}

.search {
	position: absolute;
	left: 49px;
	background-color: white;
	outline: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.search:focus {
	width: 363px;
	padding: 0 16px 0 0;
}

.expandright {
	left: auto;
	right: 49px;
}

.expandright:focus {
	padding: 0 0 0 16px;
}

.discount-row {
	background: #ebebec;
	padding: 10px 20px;
	display: inline-block;
	width: 100%;
}

span#discount {
	float: right;
}

.discount-detail span.pull-left {
	color: #f55b61;
}

.applyCouponCodeDiv {
	display: flex;
	align-items: center;
}

.applyCouponCodeDiv p {
	border: 1px dashed #d2d2d2;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	color: #000;
	line-height: normal;
}

a#promoCodeRemoveAnchor,
a#promoCodeRemoveAnchorPayPage {
	position: relative;
	margin-left: 6px;
	background: #e43542;
	padding: 9px 15px;
	font-size: 14px;
	color: #fff;
	line-height: normal;
}

.search-box.hidden button.search-box-btn.cursor-pointer {
	display: none;
}

.newCoupunCodeDiv {
	width: 100%;
}

span.errorPromo {
	font-size: 11px;
	display: block;
	width: 100%;
	bottom: 0;
	color: #e21626;
	margin: 0;
	padding: 0;
	line-height: normal;
	position: absolute;
	bottom: 0;
}

.choose-billing-cycle {
	padding-left: 15px;
	padding-right: 15px;
}

/*.choose-billing-cycle .cus-row {
	width: 100%;
}*/

.data {
	text-align: center;
	margin-top: 24px;
}

input[type="range"] {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	margin: 16px 0;
	background: #3e3e3f;
	background-image: -webkit-gradient(linear, 20% 0, 20% 100%, color-stop(0%, #add8e6), color-stop(100%, #add8e6));
	background-image: -webkit-linear-gradient(left, #add8e6 0, #add8e6 100%);
	background-image: -moz-linear-gradient(left, #add8e6 0, #add8e6 100%);
	background-image: -o-linear-gradient(to right, #add8e6 0, #add8e6 100%);
	background-image: linear-gradient(to right, #add8e6 0, #add8e6 100%);
	background-repeat: no-repeat;
}

input[type="range"]:focus {
	outline: 0;
}

input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	box-shadow: none;
	background: transparent;
	border-radius: 0;
	border: 0;
}

input[type="range"]::-webkit-slider-thumb {
	box-shadow: none;
	border: 4px solid #add8e6;
	height: 16px;
	width: 16px;
	border-radius: 2px;
	background: #3e3e3f;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -6px;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
	background: transparent;
}

input[type="range"]::-moz-range-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	box-shadow: none;
	background: transparent;
	border-radius: 0;
	border: 0;
}

input[type="range"]::-moz-range-thumb {
	box-shadow: none;
	border: 4px solid #add8e6;
	height: 16px;
	width: 16px;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
}

input[type="range"]::-ms-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type="range"]::-ms-fill-lower {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

input[type="range"]::-ms-fill-upper {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

input[type="range"]::-ms-thumb {
	box-shadow: none;
	border: 4px solid #add8e6;
	height: 16px;
	width: 16px;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
	height: 4px;
}

input[type="range"]:focus::-ms-fill-lower {
	background: transparent;
}

input[type="range"]:focus::-ms-fill-upper {
	background: transparent;
}

.range-slide-option .irs--flat .irs-from,
.range-slide-option .irs--flat .irs-to,
.range-slide-option .irs--flat .irs-single,
.range-slide-option .irs--flat .irs-handle>i:first-child,
.range-slide-option .irs--flat .irs-bar,
.range-slide-option .irs--flat .irs-handle.state_hover>i:first-child,
.range-slide-option .irs--flat .irs-handle:hover>i:first-child {
	background-color: #f55b61;
}

.range-slide-option .irs--flat .irs-from:before,
.range-slide-option .irs--flat .irs-to:before,
.range-slide-option .irs--flat .irs-single:before {
	border-top-color: #f55b61;
}

.quantity-not-slide label {
	width: 100%;
}

.quantity-not-slide input {
	width: 30%;
}

.quantity-not-slide span.qty-descp {
	font-size: 13px;
	margin-left: 10px;
	color: #464646;
}

.slick-arrow {
	font-size: 0;
	border: 0 none;
	padding: 0;
}

.slick-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 5px #ccc;
	z-index: 9;
	cursor: pointer;
	background-image: url("../images/right-arrow.svg");
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

.slick-prev.slick-arrow::before {
	background-image: url("../images/left-arrow.svg");
	left: -5px;
	background-position: 13px 15px;
}

.slick-next.slick-arrow::before {
	right: -5px;
}

[v-cloak] {
	display: none;
}

.cart-empty-btn-sum-bar {
	padding: 0 20px;
	border-left: 1px solid #e9e9f0;
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cart-empty-btn-sum-bar .cart-empty-button {
	border-radius: 3px;
	padding: 18px 28px 18px 40px;
	font-size: 14px;
	font-weight: 500;
	border: 0 none;
	color: #757575;
	background-color: #f7f7f8;
}

span#noEligiblePromoSpan {
	font-size: 13px;
	display: block;
	max-width: 365px;
	color: #222;
	margin: 0;
	padding: 10px 0;
	line-height: normal;
	white-space: normal;
}

.stripe-payment-gateway .cus-row .form-group {
	padding: 0 15px;
}

.cus-col-25 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.stripe-payment-gateway .login-user-payment {
	align-items: center;
}

.stripe-payment-gateway .login-user-payment .login-user-details {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.stripe-payment-gateway .login-user-details p {
	margin: 0;
	padding: 0 5px;
}

input[readonly],
select[disabled] {
	background-color: #f7f7fb;
}

.recommended-item .flex-item>img {
	max-width: 30px;
}

.save-btn.best-deal {
	background-color: #f55b61;
	color: #fff;
}

.save-btn.best-deal.no-discount {
	background-color: #e8e8e9;
	color: #131313;
}

form#checkoutForm .cus-form-body {
	border-top: 0 none;
	padding: 0 0 10px;
}

div#login-errors-header .all-error-checkout {
	text-align: left;
}

div#login-errors-header .all-error-checkout b {
	font-size: 13px;
	line-height: normal;
	text-align: left;
	font-weight: 600;
}

.all-error-checkout ul {
	padding: 0;
	margin: 10px 0 0;
}

div#login-errors-header .all-error-checkout ul li {
	font-size: 12px;
	font-weight: 500;
}

.cus-form-body>h3 {
	font-weight: 600;
}

.payment-name p {
	margin-bottom: 0;
	margin-top: 10px;
	line-height: 16px;
}

.addon-box-summary {
	width: 100%;
	margin-top: 20px;
	border: solid 1px #ebebec;
	display: inline-block;
}

.addon-box-summary .extra-addon {
	margin: 0;
	background-color: #00000005;
}

.addon-box-summary .extra-addon:not(:last-child) {
	border-bottom: 1px solid #ebebec;
}

.addon-box-summary .extra-addon .summary-addon-name {
	font-size: 15px;
	font-weight: 500;
	color: #131313;
}

.genPassModel {
	margin-bottom: 13px;
	border: 0 none;
	font-size: 11px;
	padding: 8px 15px;
	color: #656565;
	cursor: pointer;
	background: #f1f1f1;
	border-radius: 3px;
	font-weight: 500;
}

.subtotal {
	position: relative;
	padding: 20px;
	border: 2px solid #f55b615c;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;
}

#tax_sum_cal {
	position: absolute;
	top: 0;
}

.subtotal .left_panel p {
	margin: 0 0 5px;
}

.subtotal .left_panel {
	max-width: 66.666666%;
	flex: 0 0 66.666666%;
}

.subtotal .right_panel {
	max-width: 33.33333%;
	flex: 0 0 33.33333%;
}

.left_panel ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.left_panel ul li:not(:last-child) {
	margin-bottom: 5px;
}

.left_panel ul li span {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #828282;
	display: inline-block;
	min-width: 280px;
}

.left_panel ul li strong {
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
}

.left_panel ul li .discount {
	color: #ff5b67;
}

.totalamount {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 15px 0;
	background-color: #f3f8eb;
	text-align: center;
}

.right_panel span {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #3a3b38;
}

.right_panel .sumBoxTotal {
	margin: 10px 0 0;
	font-size: 30px;
	color: #8abf37;
	line-height: 29px;
	letter-spacing: -0.4px;
}

.right_panel .sumBoxTotal span {
	color: #8abf37;
}

.summary-addon-price {
	color: #ff5b67;
}

span.price-cycle {
	background-color: #f1f1f1;
	padding: 5px 15px;
	border-radius: 15px;
	letter-spacing: 0.2px;
}

div#generatePassModal {
	z-index: 99;
}

div#generatePassModal .modal-content {
	max-width: 450px;
}

div#generatePassModal .modal-content .cus-form-body {
	border-top: 0;
	padding: 0 0 10px;
}

div#generatePassModal .modal-content .cus-form-body .gen-new-pwd,
div#generatePassModal .modal-content .cus-form-body .copy-pwd-btn {
	border: 1px solid #dcdee2;
	font-size: 11px;
	padding: 8px 15px;
	border-radius: 3px;
	background-color: transparent;
}

div#generatePassModal .modal-content .cus-form-body .gen-new-pwd {
	background-color: #e8e8e8;
}

.recommended-item .left-item {
	width: 76%;
	padding-right: 8px;
}

.recommended-item .right-item {
	width: 24%;
	padding-left: 8px;
}

.discountInRow .plan-item .save-btn.no-discount {
	display: none;
}

.recommended-item .item-name {
	padding-left: 10px;
}

.right-item span .addo-cycle {
	display: inline-block;
	width: 100%;
	color: #808082;
	font-size: 12px;
	font-weight: 400;
}

.recommended-item .item-name ul {
	padding: 0;
	margin: 20px 0 10px;
	list-style: none;
}

.recommended-item .item-name ul li {
	font-size: 12px;
	color: #131313;
	display: block;
	list-style: none;
	margin-bottom: 3px;
	position: relative;
	padding-left: 22px;
	font-weight: 400;
}

.recommended-item .item-name ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	color: #f55b61;
	background: url("../images/checking-mark.svg") no-repeat;
	width: 10px;
	height: 10px;
	background-size: 10px;
	background-position: center !important;
	margin: auto;
	bottom: 0;
}

.recommended-item .item-name ul li:first-child {
	margin-top: 10px;
}

img.product-image-summary {
	height: 44px;
	margin-top: 7px;
	margin-right: 10px;
}

.taxBottomDetails {
	padding-right: 20px;
	border-right: 1px solid #e9e9f0;
	margin-right: 20px;
}

.tax-sum-bottom span {
	font-size: 12px;
	font-weight: 400;
	line-height: 0;
	color: #828282;
	display: inline-block;
	min-width: 100px;
}

.tax-sum-bottom strong {
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
}

.checkoutbar-bottom.tog-bottom {
	padding-top: 0;
}

#emptyCartModal .modal-footer button.confirm-button-popup {
	border-color: #dcdee2;
	color: inherit;
}

#emptyCartModal .modal-footer button.cancel-button-popup {
	border-color: #f55b61;
	color: #f55b61;
}

.checkoutbar-bottom hr {
	margin: 0;
	border: 0 none;
	border-top: 1px solid #eaeaea;
	width: 100%;
}

.professional-box-main {
	max-width: 1440px;
	margin: 0 auto;
	padding: 20px 0;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.professional-box-inner {
	display: flex;
	align-items: flex-start;
}

.pro-icon .img-fluid {
	height: 40px;
	margin-top: 0px;
	margin-right: 10px;
}

.pro-content {
	padding-left: 10px;
}

.pro-content h3 {
	margin: 0;
	margin-top: 6px;
	font-size: 19px;
	line-height: 24px;
	font-weight: 600;
	color: #131313;
	white-space: normal;
}

.pro-content p {
	font-size: 14px;
	color: #131313;
	margin: 4px 0 12px;
	font-weight: normal;
	letter-spacing: 0.3px;
	line-height: normal;
}

.list-style-none {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-style-none li svg {
	width: 10px;
	height: 10px;
	fill: #f55b61;
	position: absolute;
	top: 8px;
	left: 5px;
	vertical-align: middle;
}
.list-style-none li {
	font-size: 13px;
	color: #131313;
	display: block;
	list-style: none;
	margin-bottom: 0;
	position: relative;
	padding-left: 22px;
	font-weight: 400;
}

.list-style-none li strong {
	font-size: 14px;
	padding-left: 10px;
}

.text-right {
	text-align: right;
}

.price-box .list-style-none li {
	padding: 0;
	font-size: 15px;
	color: #585858;
}

.price-box .list-style-none li span {
	min-width: 180px;
	display: inline-block;
	font-weight: 600;
}

.price-box .list-style-none li span.text-green {
	color: #f55b61;
}

.price-box p {
	font-size: 20px;
	font-weight: 700;
	color: #2e2e2e;
	margin: 20px 0;
}

.checkoutbar-bottom .righttop {
	top: -24px;
	position: absolute;
	right: 10%;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	background: #fff;
	text-align: center;
	box-shadow: 0 -5px 10px 0 rgb(36 39 44 / 15%);
}

.checkoutbar-bottom .righttop svg {
	width: 42px;
	height: 25px;
	transform: rotate(180deg);
	fill: #a6a6a6;
	padding: 7px 12px;
	transition: all 0.3s ease-in-out;
}

.tog-bottom .righttop svg {
	transform: rotate(0deg);
}

.tog-bottom .professional-box-main {
	margin-bottom: -1000%;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.price-box.text-right {
	padding-right: 15px;
}

.configure-text-box {
	padding-left: 60px;
	margin: 10px 0 0;
}

.configure-text-box .list-style-none {
	padding: 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
}

.configure-text-box .list-style-none li strong {
	float: right;
}

.igst-content {
	list-style: none;
	margin: 0;
	padding: 0;
}

.igst-content li {
	font-size: 15px;
	color: #585858;
	text-align: right;
	padding: 0 15px;
	font-weight: 400;
}

.igst-content li strong {
	display: inline-block;
	min-width: 180px;
}

ul.subtotal-content-li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.subtotal-content-li li {
	font-size: 15px;
	color: #585858;
	text-align: right;
	padding: 0 15px;
	font-weight: 400;
}

.configure-text-box .list-style-none li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.subtotal-content-li li strong {
	display: inline-block;
	min-width: 180px;
}

span.addon-nm {
	display: inline-block;
	width: 83%;
	text-align: left;
}

small.addo-cycle {
	padding-right: 5px;
	float: right;
	font-size: 13px;
}

.product_addons_container .recommended-item .cus-check .checkmark2 {
	display: none;
}
.addonActive .addon-btn-link {
    background: #d54c4c !important;
}
.addon-btn-link {
	background-color: #f55b61;
	color: #fff;
	padding: 4px 15px;
	border-radius: 3px;
}

.alert-invalid-status {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 15px 20px;
	margin: 15px 0 0;
	background: #f5c6cb;
}

.alert-invalid-status .status-invalid {
	margin: 0 0 3px;
	color: #721c24;
	font-weight: 500;
}

.alert-invalid-status p {
	margin: 0;
	font-size: 14px;
	color: #721c24;
	font-weight: 400;
}

.alert-invalid-status p a {
	text-decoration: none;
}

.tabs-outer select.currencyDropDownCart {
	margin-left: auto;
	float: right;
	border: 1px solid #e5e5e5;
	padding: 10px 20px;
	font-size: 14px;
}

:focus-visible {
	outline: 0;
}

.tabs-outer .form-group {
	margin-bottom: 13px;
	margin-left: auto;
	max-width: 88px;
}

.currency-box-cart .cus-input {
	height: auto;
	padding: 6px 14px;
}

.configure-text-box-configuration {
	padding-left: 60px;
	margin: 0;
}

.configure-text-box-configuration .list-style-none {
	padding: 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
}

span.product-configuration-li {
	float: right;
}

#product-plan-slider .slick-arrow::before {
	z-index: 1;
}

.cus-col .price-box.text-right {
	padding-right: 0;
}

.configure-text-box-configuration .product-configuration-li {
	float: unset;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 15px;
	color: #585858;
	text-align: right;
	font-weight: 700;
}

.checkoutbar-bottom .configure-text-box-configuration+.cus-col {
	padding-right: 0;
}

.professional-box-main .subtotal-content-li li {
	padding-right: 0;
}

.checkoutbar-bottom .cus-row {
	margin-right: 0;
}

.checkoutbar-bottom .configure-text-box-configuration+.cus-col .list-style-none {
	margin-top: 10px;
}

small.productConfigSummaryOption {
	display: inherit;
}

small.productConfigSummaryOption:after {
	position: absolute;
	content: "";
	background: url(../images/configure_tick.png) no-repeat;
	width: 17px;
	height: 20px;
	top: 2px;
	left: -21px;
}

small.productConfigSummaryOption {
	position: relative;
}
.choose-plan-box .domain-required {
    background: #f6ffe5;
    padding: 4px 12px;
    color: #6d9b06;
    border: none;
    font-size: 12px;
    text-align: center;
    max-width: 100%;
    margin: 15px 0 0;
    width: 100%;
}

.coupon-box-disable .total-price-outer {
	width: 100%;
}

.coupon-box-disable .total-price-outer .total-price {
	width: auto;
}

.cus-input.domain-field-error {
	border: 1px solid #ff0000;
}

/* 14-march-2022 */
.serach-popup-inner {
	display: flex;
	width: 100%;
}

.search-domain-left img {
	width: 70px;
}
.svg-arrow svg {
	width:30px;
	height:30px;
	vertical-align: middle;
}
.popup-close {
	width: 10px
}

.avl-btn-cancel {
	padding: 7px 30px;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
	background: #19b24b;
	border: transparent;
	color: #fff;
	font-size: 14px;
}

button:disabled,
button[disabled] {
	opacity: 0.65;
	cursor: not-allowed;
}

.button.disabled:hover {
	display: block;
	margin-bottom: 20px;
	text-decoration: none;
	border: 1px solid #25729a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	text-align: center;
	color: #FFFFFF;
	background-color: #3093c7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(top, #3093c7, #1c5a85);
}

#active-domain-period {
	position: relative;
	cursor: pointer;
	font-weight: inherit;
}

#active-domain-period:after {
    position: absolute;
    content: "";
    width: 9%;
    height: 29px;
    background: url(../images/select_arrow.svg) no-repeat 85% center;
    background-size: 10px;
}

ul#main-ul-domain-reg {
	position: absolute;
	top: 30px;
	right: 160px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 10px #e5e5e5;
	z-index: 999;
	border-radius: 3px;
}

.price-box .list-style-none li {
	position: relative;
}

ul#main-ul-domain-reg {
	animation: slide-down 0.5s ease-out;
}

@keyframes slide-down {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.price-box .list-style-none li {
	margin-bottom: 5px;
}

ul#main-ul-domain-reg li.domain-reg-per-li {
	cursor: pointer;
}

.summary-ldr {
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	top: 20px;
}

.domain-added-cart {
	display: flex;
	max-width: 54%;
	background: azure;
	background: #f3fbf2;
	border: 1px solid #d2f9d0;
	padding: 10px;
	align-items: center;
	justify-content: space-between;
	border-radius: 3px;
	margin-top: 30px;
}

.domain-added-cart .imageleft {
	width: 10%;
	border-right: 1px solid #d2f9d0;
	text-align: center;
}

.domain-added-cart .middle-sec-popup {
	color: #f55b61;
	font-weight: 400;
	font-size: 16px;
}

.domain-added-cart .imageleft img {
	width: 30px;
}

.domain-added-cart .image-right-cross img {
	width: 10px;
}

span.productDomain {
	display: block;
	color: #131313;
}

/*  Domain Feature Css */
.container {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 15px;
}

.domain-register-block,
.domain-transfer-block,
.domain-own-block,
.domain-sub-block {
	width: 100%;
}

.domain-first {
    display: inline-block;
    width: 100%;
    max-width: 25%;
    padding: 20px 10px;
    text-align: center;
    margin: 0px 1px;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

.top-inner-domain.domain-tab-counter-4 .domain-first {
    width: 100%;
    max-width: 25%;
    margin-right: 9px;
    padding: 15px 0;
    text-align: center;
    margin: 6px;
    cursor: pointer;
}
.domain-icons-svg-tabs {
    margin-bottom: 10px;
}
.active .domain-icons-svg-tabs svg path{fill: #f55b61;}
.top-inner-domain.domain-tab-counter-3 .domain-first {
	width: 100%;
	max-width: 35%;
	border-radius: 3px;
}

.top-inner-domain.domain-tab-counter-2 .domain-first {
	width: 100%;
	max-width: 50%;
}
/*.domain-first.active h5, .domain-first.active h5 span {
    color: #fff;
}*/
.top-inner-domain.domain-tab-counter-1 .domain-first {
	width: 100%;
	max-width: 100%;
}

.top-inner-domain.domain-tab-counter-3 .domain-first h5 {
	font-size: 13px;
}

.top-inner-domain.domain-tab-counter-2 .domain-first h5 {
	font-size: 14px;
}

.top-inner-domain.domain-tab-counter-2 .domain-first {
	padding: 15px;
}

.top-inner-domain.domain-tab-counter-1 .domain-first {
	padding: 15px;
}

.top-inner-domain.domain-tab-counter-1 .domain-first h5 {
	font-size: 13px;
}

.top-inner-domain.domain-tab-counter-1 {
	/*max-width: 30%;*/
	margin: 0 auto;
}

.domain-first.active {
    background: #fff;
    border-color: #f55b61;
}

.top-inner-domain {
    display: flex;
    width: 100%;
    border-radius: 3px;
}
.domain-first img {
	width: 100%;
	max-width: 20px;
	margin-right: 5px;
}

.domain-first h5 {
	font-weight: 300;
	line-height: 19px;
	font-size: 13px;
	color: #6e6e6e;
	max-width: 80%; margin: 0 auto;
}

.domain-first:nth-child(4) {
	border: transparent;
}

.input-sec label {
	background: #f3f3f3;
	padding: 0px 20px;
	line-height: 40px;
	font-size: 12px;
	height: 40px;
	color: #131313;
	font-weight: 600;
	margin-bottom: 0;
	height: 40px;
}

.input-sec {
	width: 100%;
	max-width: 45%;
	border: 1px solid #e5e5e5;
	padding: 5px;
	border-radius: 3px;
	display: flex;
	height: 50px;
}

#domain-search-field-vue,
#domain-search-field-vue-transfer,
#domain-search-field-vue-owndomain,
#domain-search-field-vue-subdomain {
	width: 100%;
	border: transparent;
	padding-left: 10px;
	font-size: 16px;
	height: 2.5rem;
}

#domain-search-field-vue:focus-visible {
	outline: none;
}

#domain-search-field-vue-transfer:focus-visible {
	outline: none;
}

.main-sec-input {
    display: flex;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 3px;
    flex-wrap: wrap;
    background: #fff;
}

#btn-search-domain,
#btn-search-domain-transfer,
#btn-search-domain-owndomain,
#btn-search-domain-subdomain {
	height: 50px;
	border-radius: 3px;
	border: transparent;
	background: #F55B61;
	font-size: 18px;
	color: #fff;
	width: 100%;
}

.btn-sec {
	width: 100%;
	max-width: 29%;
	height: 57px;
}

#domainTldExtension,
#domainTldExtension-transfer,
#domainTldExtension-subdomain {
	width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 16px;
    color: #a8b0b9;
    padding: 10px;
    appearance: none;
    background-image: url(../images/select_arrow.svg) !important;
    background-size: 11px !important;
    background-repeat: no-repeat !important;
    background-position: 94% !important;
}

.drp-option {
	width: 100%;
	max-width: 20%;
	margin: 0px 20px;
}

.domain-mid h2 {
	text-align: center;
	color: #323232;
	font-size: 25px;
	font-weight: 500;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 10px;
	font-weight: 600;
}

.domain-mid {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}

.dble-top-sec h4 {
    background: #131313;
    padding: 14px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
    font-size: 16px;
    margin: 2px;
    font-weight: 500;
}
.domain-avialble {
    border-radius: 3px;
    margin-top: 25px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.dble-top-inner {
	display: flex;
	width: 100%;
	max-width: 100%;
	align-items: center;
	justify-content: space-between;
	animation: slide-down 0.5s ease-out;
	padding: 5px;
	flex-wrap:wrap;
}

.dble-inner-left {
	width: 50%;
	max-width: 50%;
	padding: 10px 20px;
}

.dble-inner-right {
	width: 50%;
	max-width: 50%;
	padding: 10px 20px;
}

span.discount {
	color: #F55B61;
	font-size: 20px;
	margin-right: 20px;
	font-weight: 400;
}

.pre-dis {
	width: 100%;
	text-align: center;
	display: block;
	color: #d6d7d7;
	font-weight: 600;
	font-size: 18px;
}

.dble-innerrow {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
}

.dble-innerrow p {
	margin: 0;
	font-size: 16px;
	color: #131313;
	font-weight: 600;
	margin-right: 40px;
}

.dble-inner-left h5 {
	font-size: 16px;
	color: #131313;
	margin: 0;
	font-weight: 500;
	word-break: break-word;
}

.dble-innerrow .domain-btn {
    width: auto;
    background-color: #F55B61;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    line-height: 30px;
    font-weight: 400;
    border: none;
    padding: 2px 15px;
    background-image: none!important;
}
.domain-avialble-more .dble-inner-left {
	width: 50%;
	max-width: 50%;

}

.domain-avialble-more .dble-inner-right {
	width: 50%;
	max-width: 50%;
}

.domain-avialble-more .dble-top-inner {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #e5e5e5;
}

.dble-innerrow p span {
	color: #939393;
	font-size: 14px;
}

.domain-avialble-more .pre-dis {
	text-align: left;
}

.more-inner h4 {
	font-size: 25px;
	color: #131313;
	margin: 0;
	font-weight: 600;
}

.more-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-left: 0;
}

.more-inner a {
	color: #b4b4b4;
	font-size: 14px;
	cursor: unset;
	text-decoration: none;
	font-weight: 300;
}

.domain-avialble-more {
	margin: 40px 0px;
}

.domain-avialble-more .dble-innerrow a {
	border: 2px solid #131313;
	background: transparent;
	color: #131313;
	font-weight: 500;
}
.domain-top-sec h3 {
    text-align: left;
    color: #131313;
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: 600;
    font-size: 20px;
}
.domain-heading-section-above p {
    margin: 5px 0 0;
    font-size: 13px;
    color: #777a7e;
}
#domain-search-field-vue::placeholder {
	color: #a8b0b9;
}

#domain-search-field-vue-transfer::placeholder {
	color: #a8b0b9;
}

.inner-domain-content-body .container {
	max-width: 1050px
}

.domain-first h5 span {
	font-weight: 600;
	color: #131313;
}

.domain-suggestion-tag-line {
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

.text-muted {
	color: #6c757d !important;
}

p#moresuggestionList {
	text-align: center;
	font-size: 12px;
	color: #507bb6;
	cursor: pointer;
}

.domain-upper-tag-line h2 {
	margin-bottom: 0;
}

.domain-upper-tag-line p {
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0px;
	color: #6e6e6e;
}

.domain-upper-tag-line {
	text-align: center;
	margin-bottom: 30px;
}

.margin-top15 {
	margin-top: 15px;
}

span.more-suggestion {
	font-weight: 400;
	font-size: 12px;
}

button.domain-btn.suggestion-cart-btn.cursor-pointer-hand {
    background-color: #f55b61;
    color: #fff;
    border: transparent;
    padding: 0px 15px;
    background-image: none!important;
}

button.available-btn-cart {
	background-image: url(../images/shopping_cart_white.svg);
	background-repeat: no-repeat;
	background-position: 6px center;
	background-size: 13% 57%;
}

button.domain-btn.suggestion-cart-btn {
	background-image: url(../images/shopping_cart_blue.svg);
	background-repeat: no-repeat;
	background-position: 6px center;
	background-size: 18% 58%;
}

button.domain-btn.available-remove-btn-cart.cursor-pointer-hand {
	background-color: #d54c4c;
	margin-left: 5px;
	background-image: url(../images/trash-white.svg);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	background-size: 14px 14px;
}

button.domain-btn.suggestion-remove-btn-cart.cursor-pointer-hand {
	background-color: transparent;
	border: 2px solid #d54c4c;
	color: #ea6c6c;
	background: url(../images/trash.svg);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	background-size: 13px 14px;
	margin-left: 5px;
	background-image: none!important;
}

button.domain-btn.available-remove-btn-cart.cursor-pointer-hand {
    background-color: #d54c4c;
    margin-left: 5px;
    background-image: none;
}
.domain-unavialble-box .dble-top-sec {
	border-radius: 3px;
	background: #fff;
	margin-top: 20px;
	border: 1px solid #e5e5e5;
}

.domain-unavialble-box .domain-error-msg {
	font-size: 14px;
	font-weight: 500;
	color: #5e5858;
	line-height: 18px;
	text-align: justify;
}

.domain-unavialble-box .dble-top-sec h4 {
	background: #ffe8e8;
	color: #d53434;
	font-size: 15px;
	font-weight: 600;
}

.domain-unavialble-box .dble-inner-left h5 {
	font-size: 18px;
	color: #323232;
	font-weight: 500;
}

@keyframes slide-down {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.popup-close {
	position: absolute;
	top: 50%;
    right: 18px;
    cursor: pointer;
    transform: translateY(-50%);
}

.serach-popup {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 15px 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 30px;
}

.search-domain-right {
	width: 100%;
	max-width: 85%;
	padding-left: 20px;
}

.search-domain-left {
	width: 100%;
	max-width: 6%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}

.search-domain-left:after {
	position: absolute;
	content: "";
	background: #19b24b;
	width: 4px;
	height: 30px;
	border-radius: 20px;
	left: 0;
}

.d0mn_avl-h1 {
	margin-bottom: 10px;
}

.d0mn_avl-para p {
	color: #272a33;
	margin-bottom: 0px;
	margin-top: 0;
	font-weight: 500;
	font-size: 15px;
}

.domain_avl-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 10px;
}

.domain-btn {
	padding: 10px 30px;
	border-radius: 3px;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	background: #19b24b;
	border: transparent;
	color: #fff;
}

.serach-popup-inner {
	display: flex;
	width: 100%;
	align-items: center;
}

.search-domain-left img {
	width: 25px;
}

.popup-close {
	width: 10px
}

.avl-btn-cancel {
	padding: 10px 30px;
	border-radius: 3px;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	background: #19b24b;
	border: transparent;
	color: #fff;
}

.bottom-one .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.bottom-one .form-group label {
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	color: #293042;
	font-size: 13px;
	margin-bottom: 0px;
	width: 100%;
	font-weight: 600;
}

.bottom-one .form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	background: #fff;
	border-radius: 50%;
}

.bottom-one .form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 8px;
	width: 5px;
	height: 10px;
	border: solid #F55B61;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

.domain-sec-top {
    border-radius: 3px;
    background-color: #ffffff;
    padding: 22px 0px;
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.domain-config {
	padding: 0px 20px 0px;
}

.domain-list {
	padding: 15px 20px 0px;
}

.domain-list-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.domain-list-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px
}

.hosting-wg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f8f7 url(../images/domain-no-hosting.svg) no-repeat;
    border-radius: 3px;
    background-size: 55px;
    padding-left: 56px;
    margin: 0px 20px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: 10px;
    border: 1px solid #e5e5e5;
}

.domain-bottom {
	margin: 0px 20px 0px;
}

.hosting-wg.has-hosting {
    background: #f8f8f7 url(../images/domain-has-hosting.svg) no-repeat;
    background-size: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: 10px;
    border: 1px solid #e5e5e5;
}

.domain-icon-wg {
	display: flex;
	align-items: center;
}

.domain-config h3 {
	font-size: 18px;
	color: #293042;
	margin-bottom: 3px;
	margin-top: 0px;
}

.domain-config p {
	color: #525f7f;
	font-size: 12px;
	margin: 0;
}

.domain-right a {
	opacity: 0.6;
	color: #293042;
	float: right;
	font-size: 13px;
	text-decoration: none;
}

.domain-icon p {
	color: #50535a;
	font-size: 20px;
	margin: 0 0 20px;
	font-weight: 600;
	margin-bottom: 0px;
	margin-left: 10px;
}

.domain-icon img {
	width: 20px;
}

.domain-icon {
	display: flex;
	align-items: center;
}

.domain-icon-wg img {
	width: 30px;
}

.domain-icon-wg p.hosting-data {
	margin-left: 20px;
	color: #293042;
	font-size: 13px;
	font-weight: 500;
}

.domain-right-wg a {
	color: #c92727;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	line-height: 40px;
	font-weight: 300;
	padding: 10px 15px;
}

.custom-sec {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 6px 0px 5px;
	flex-wrap: wrap;
}

.botom-left img {
	width: 30px;
}

.bottom-one {
	display: flex;
	align-items: center;
	background: #f5f5f5;
	margin: 15px 0px;
	background: #f4f4f4 url(../images/dns_management.png) no-repeat;
	padding-left: 56px !important;
	background-size: 56px !important;
	border-radius: 3px;
	cursor: pointer;
	background-position: 10px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #dfdfdf;
}

.bottom-one.second {
	background: #f4f4f4 url(../images/id_protection.svg) no-repeat;
	padding-left: 56px;
	
}

.bottom-one.third {
	background: #f4f4f4 url(../images/email_forward.svg) no-repeat;
	padding-left: 56px;
	
}

.bottom-one.active {
	background: #f4f4f4 url(../images/dns_management_green.svg) no-repeat;
	background-size: 56px !important;
	background-position: 10px !important;
}

.bottom-one.second.active {
	background: #f4f4f4 url(../images/id_protection_green.svg) no-repeat;
	
}

.bottom-one.third.active {
	background: #f4f4f4 url(../images/email_forward_green.svg) no-repeat;
	
}

p.description-domain-configuration {
	color: #525f7f;
	font-size: 11px;
	margin-left: 38px;
	width: 100%;
	margin-top: 0;
	display: inline-table;
	margin-bottom: 0px;
}

.name-list label {
	width: 100%;
	color: #525f7f;
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}

.name-list-bottom {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 25px;
}

.name-list .form-group {
	width: 100%;
	max-width: 33%;
	margin-bottom: 15px;
	padding: 0px 15px 10px 20px;
	display: block;
}

.name-list input {
	padding: 14px;
	font-size: 14px;
	color: #131313;
	border: 1px solid #dcdee2;
	width: 100%;
	border-radius: 4px;
	outline: 0;
	height: 50px;
	background-color: transparent;
}
.name-list button {
	background-color: #F55B61;
	height: 40px;
	color: #fff !important;
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	line-height: 42px;
	border-radius: 4px;
	box-shadow: 0px 3px 0px #F55B61;
	margin-top: 24px;
	transition: all ease 1s;
	width: 100%;
	border: transparent;
}

.name-list input:focus {
	outline: none;
}

.domain-configuration-section {
	margin: 30px 0px;
}

.bottom-one.active .form-group input:checked+label:after {
	border-color: #fff;
}

.bottom-one.active .form-group label:before {
	background: #7ac471;
}

.domain-list-top fieldset {
	width: 100%;
	border: transparent;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	padding: 0;
}

.domain-list-top legend {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-weight: 500;
	color: #525f7f;
}

.main-domain-selected-icon {
	width: 20px;
	margin-right: 5px;
}

.hosting-wg.has-hosting .domain-icon-wg p.hosting-data strong {
	color: #f55b61;
	font-weight: 500;
}

.hosting-wg.has-hosting .domain-right-wg a {
	color: #f55b61;
	font-weight: 500;
}

.domain-name-server-section fieldset {
	width: 100%;
	border: transparent;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	padding: 0;
}

.domain-name-server-section legend {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-weight: 500;
	color: #525f7f;
}

.domain-name-server-section {
	padding: 15px 20px 0px;
}

.domain-additional-field fieldset {
	width: 100%;
	border: transparent;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	padding: 0;
}

.domain-additional-field legend {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-weight: 500;
	color: #525f7f;
}

.domain-additional-field {
	padding: 15px 20px 0px;
}

.additional-field-text-data {
	width: 100%;
	max-width: 48%;
	border: transparent !important;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding: 0px 20px 0px;
}

.main-div-additional-field {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	margin-top: 15px;
}

body .main-div-additional-field .form-control {
	width: 100%;
	padding: 14px;
    font-size: 14px;
    color: #131313;
    border: 1px solid #dcdee2;
    width: 100%;
    border-radius: 4px;
    outline: 0;
    height: 50px;
    background-color: transparent;
}

.additional-field-text-data input[type="checkbox"],
.additional-field-text-data input[type="radio"] {
	cursor: pointer;
}

span.price-domain-addons {
	font-size: 10px;
	padding: 0px 5px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	background: #131313;
	border-radius: 50px;
	background: #fff;
	color: #131313;
	padding: 2px 5px;
	box-shadow: 0 3px 5px #0000005c;
	margin-left: 5px;
}

.input-sec.domain-field-error {
	border-color: #cd0e0e;
}

.configure-domain-box-configuration {
	padding-left: 45px;
	margin: 0;
}

.configure-domain-box-configuration .list-style-none {
	padding: 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
}

small.domain-config-data-list {
	position: relative;
	display: inherit;
}

small.domain-config-data-list:after {
	position: absolute;
	content: "";
	background: url(../images/configure_tick.png) no-repeat;
	width: 17px;
	height: 20px;
	top: 2px;
	left: -21px;
}

.configure-domain-box-configuration .domain-configuration-li-total {
	float: unset;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 15px;
	color: #585858;
	text-align: right;
	font-weight: 700;
}

.update-domain-configuration-btn {
	padding: 0px 35px 0px;
	text-align: right;
	clear: both;
	margin-top: 15px;
}

button.btn-update-domain-config.cursor-pointer {
	background: #F55B61;
	border: transparent;
	padding: 10px 15px;
	color: #fff;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 500;
}

.full-page-overlay {
	height: 100vh;
	width: 100%;
	background: #00000091;
	position: fixed;
	max-width: 100%;
	top: 0;
	z-index: 9999;
	left: 0;
}

.loaderFullPage {
	text-align: center;
	vertical-align: middle;
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	border: 5px solid #F55B61;
	border-radius: 50%;
	border-top-color: #131313;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	top: 50%;
	left: 50%;
}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

#domain-additional-field-form-data {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	margin-top: 15px;
}

.required-field-additional-error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #a0696f;
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid #deb7bc;
	border-radius: 0.25rem;
}

p.domain-heading-error {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}

ul.domain-error-list {
	margin-bottom: 10px;
	margin-top: 5px;
}

ul.domain-error-list li {
	list-style: disc;
	font-weight: 300;
	font-size: 14px;
	margin-top: 0;
}

#domain-name-server-form-data {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

span.transfer-domain-sub-heading {
	display: flex;
	font-size: 12px;
}

.dble-inner-full-width {
	width: 100%;
	padding: 8px 0px;
}

span.transfer-error-p {
	padding: 1px 10px;
	font-size: 13px;
	width: 100%;
	display: flex;
	color: #131313;
}

/* Side bar summary css */
.sidebar-cart-summary-main-section {
    clear: both;
    background: #fff;
    width: 100%;
    border-radius: 3px;
    padding: 20px;
    margin-top: 40px;
    transition: all 0.5s ease-in-out 0s;
    border: 2px solid #e5e5e5;
}

.sidebar-list-inner-cart {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

li.sidebar-cart-single-item {
	flex-wrap: wrap;
}

.sidebar-cart-item-price p {
	margin: 0;
}

h3.sidebar-cart-summary-main-heading {
	margin-top: 0;
	font-size: 20px;
	color: #282a2c;
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px;
}

ul.sidebar-cart-items-list {
	padding: 0;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}

ul.sidebar-cart-items-list li {
	list-style: none;
	padding: 0.75rem 1.25rem;
}

ul.sidebar-cart-items-list li:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}

li.sidebar-promo-code-main-wrapper {
	background: #f8f9fa;
}

.side-summary-enable .inner-section-body-left-side {
	width: 100%;
	max-width: 68%;
}

li.sidebar-cart-single-item {
	display: flex;
}

.sidebar-promo-code-inner-sec {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.sidebar-cart-total-main-section {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.sidebar-promo-code-price p {
	margin: 0;
}

.sidebar-cart-item-name h4 {
	margin: 0;
}

.side-summary-enable .inner-section-body-left-side .feature-content h3 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 0;
}

.side-summary-enable .inner-section-body-left-side #payment .cus-col-small {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-top: 20px;
}

.side-summary-enable .inner-section-body-left-side #payment .cus-col-big {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.side-summary-enable .inner-domain-content-body .container {
	max-width: 100%;
	padding: 0;
}
.side-summary-enable {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.side-summary-enable .recommended-item .right-item {
	width: 40%;
}

.side-summary-enable .recommended-item .left-item {
	width: 60%;
}

.side-summary-enable .cart-empty-btn-sum-bar .cart-empty-button {
	padding: 15px 28px 12px 40px;
	color: #fff;
	background-color: #131313;
	width: 100%;
	margin: 0;
	border: transparent;
	margin-bottom: 10px;
	background-image: none;
}

.side-summary-enable .cart-empty-btn-sum-bar {
	padding: 0;
	border-left: transparent;
	margin-left: 0;
}

.side-summary-enable .payment-continue {
	padding: 10px 32px;
	font-size: 14px;
}

.sidebar-final-price-cart p {
	margin: 0;
}

.sidebar-cart-item-duration p {
	margin: 0;
}

li.sidebar-cart-items-list-inner-list {
	display: flex;
	justify-content: space-between;
	/* border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;*/
	flex-wrap: wrap;
}

.sidebar-cart-summary-main-section .cart-item-title-sec h4 {
	margin: 0;
	font-size: 13px;
	color: #131313;
	line-height: 18px;
	font-weight: 600;
}

.sidebar-cart-summary-main-section p.cart-item-sub-heading {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1;
    color: #777a7e;
    font-weight: normal;
    word-break: break-all;
}

.sidebar-cart-summary-main-section .cart-item-title-sec p.billing-cycle {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

.subtotal-sec-cart-inner {
	display: flex;
	justify-content: space-between;
}

.cart-bottom-cart-inner {
	display: flex;
	justify-content: space-between;
}

.total-cart-inner {
	display: flex;
	justify-content: space-between;
	/*border-top: 1px solid #e5e5e5;*/
	margin-top: 27px;
	max-width: 100%;
	margin: 5px auto 0px;
}

.cart-bottom-cart-inner h5 {
	margin: 0;
	font-size: 14px;
	color: #131313;
	font-weight: 500;
}

ul.cart-item-total-sec-inner {
	padding: 0;
}
li.cart-bottom-sec-cart {
	padding: 5px 0px 0px 0px;
}

.subtotal-sec-cart-inner h5 {
	margin: 0;
	font-size: 16px;
	color: #131313;
}

.total-cart-inner h5 {
	margin: 12px 0px 0px;
	font-size: 16px;
	color: #131313;
}

.cart-item-price h5 {
	margin: 0;
	font-size: 13px;
	color: #131313;
	font-weight: 600;
	line-height: 18px;
}

.cart-image-sec img {
	width: 26px;
}

.product-configuration-part {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:10px 0px 0px;
	width: 100%;
	flex-wrap: wrap;
	background: transparent!important;
	padding: 0px;
	border:none!important;
	border-radius: 3px;
	position: relative;
}

.sidebar-cart-summary-main-section .config-option-details {
	max-width: 100%;
	width: 100%;
}
.product-configuration-part::before{display: none;}

.sidebar-cart-summary-main-section .config-option-prices {
    max-width: 100%;
    width: 100%;
    margin: 10px 0 0;
    background: #f8f8f7;
    padding: 10px;
    border-radius: 3px;
    display: flex;
}
.product-configuration-part small.productConfigSummaryOption {
	font-size: 12px;
	font-weight: 500;
}

.configure-domain-box-configuration-side-summary {
	background: #f8f8f7;
	padding: 20px;
	border: 1px solid #e5e5e5;
	width: 100%;
	flex-wrap: wrap;
	display: flex;
	border-radius: 3px;
	margin-top: 15px;
	position: relative;
}

.configure-domain-box-configuration-detail {
	max-width: 100%;
	width: 100%;
}

.configure-domain-box-configuration-price {
	max-width: 100%;
	width: 100%;
}

.configure-domain-box-configuration-side-summary small.domain-config-data-list {
	font-size: 12px;
	font-weight: 500;
}

.sidebar-cart-summary-main-section span.domain-configuration-li-total {
	text-align: right;
	display: block;
	font-size: 13px;
	color: #131313;
	font-weight: 700;
}

.sidebar-cart-summary-main-section .cart-item-descrption {
	width: 100%;
	max-width: 10%;
}

.sidebar-cart-summary-main-section .cart-item-title-sec {
	width: 100%;
	max-width: 60%;
	padding: 0px;
}

.sidebar-cart-summary-main-section .cart-item-price {
	width: 100%;
	max-width: 30%;
	text-align: right;
}

.productConfigSummaryOptionMainDiv p {
    margin: 0;
    font-size: 12px;
    color: #777a7e;
    font-weight: 500;
    max-width: 50%;
    width: 100%;
    line-height: 21px;
    padding: 3px 0;
}

.productConfigSummaryOptionMainDiv p.config-info-right {
	text-align: right;
}

.productConfigSummaryOptionMainDiv {
	display: flex;
	justify-content: space-between;
}

.sidebar-cart-summary-main-section span.product-configuration-li {
    color: #131313;
    font-size: 13px;
    font-weight: 500;
}
p.billing-cycle {
    color: #777a7e;
    font-size: 12px;
    line-height: 1;
    margin-top: 3PX;
}
.sidebar-cart-summary-main-section span.productDomain {
    color: #777a7e;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    margin-top: 3px;
}

.sidebar-cart-summary-main-section span.summary-cart-count {
    font-size: 13px;
    background: #f8f8f9;
    border-radius: 80px;
    padding: 0px 10px;
    color: #fff;
    font-weight: normal;
    color: #1a1a1a;
    font-weight: 600;
}
.sidebar-cart-summary-main-section ul#main-ul-domain-reg {
	width: 170px;
    left: 50%;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: auto;
    transform: translateX(-50%);
	padding:0px;
}

.sidebar-cart-summary-main-section li.sidebar-cart-items-list-inner-list.domain-listing .quantity-reg-per {
	width: 100%;
	max-width: 16%;
	text-align: left;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	position: relative;
	font-size: 11px;
	padding: 0 0 0 5px;
}

li.sidebar-cart-items-list-inner-list.domain-listing .cart-item-price {
	width: 100%;
	max-width: 24%;
}

li.sidebar-cart-items-list-inner-list.domain-listing {
	align-items: flex-start;
	padding-top: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
}
ul.sidebar-cart-items-list-inner.is-addon-available {
    border-bottom: 1px solid #e5e5e5;
}
.sidebar-cart-summary-main-section #active-domain-period:after {
	width: 22px;
    height: 23px;
    background: url(../images/select_arrow.svg) no-repeat 85% center;
    background-position: 41% 50%;
    background-size: 9px;
}

.sidebar-cart-summary-main-section span#active-domain-period {
	font-size: 10px;
	color: #131313;
}

.sidebar-cart-summary-main-section .domain-config-data-list-main p {
	margin: 0;
	font-size: 11px;
	color: #131313;
	font-weight: 500;
	line-height: 19px;
	font-weight: 500;
}

.domain-config-data-list-main {
	display: flex;
	justify-content: space-between;
}

li.sidebar-cart-items-list-inner-list.addon-listing {
	background: #f8f8f7;
	padding: 15px;
	border-radius: 3px;
	border-bottom: transparent;
	position: relative;
	margin-top: 11px;
	margin-bottom: 15px;
	position: relative;
}
/*.sidebar-cart-items-list-inner.is-addon-available .sidebar-cart-items-list-inner-list.addon-listing:last-child:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    bottom: -20px;
    left: 0;
}*/
ul.sidebar-cart-items-list-inner {

	padding-left:0px;
	margin-bottom:0px;
}
ul.sidebar-cart-items-list-inner.is-addon-available {
    padding: 0;
}
li.sidebar-cart-items-list-inner-list.addon-listing .cart-item-title-sec h4 {
	font-size: 13px;
	color: #131313;
	line-height: 18px;
	font-weight: 500;
	padding-left: 5px;
}

li.sidebar-cart-items-list-inner-list.addon-listing .cart-item-price h5 {
	color: #131313;
	font-weight: 700;
}

.sidebar-cart-summary-main-section li.sidebar-cart-items-list-inner-list.domain-listing .cart-item-title-sec {
	width: 100%;
	max-width: 50%;
}

.sidebar-cart-summary-main-section ul#main-ul-domain-reg li.domain-reg-per-li {
	cursor: pointer;
	font-size: 12px;
	line-height: 1.5;
	color: #131313;
	padding: 10px 15px 10px;
    border-bottom: 1px solid #e5e5e5;
	text-align: left;
}
.sidebar-cart-summary-main-section ul#main-ul-domain-reg li.domain-reg-per-li:hover {
    background: whitesmoke;
    color: #131313;
}
.product-configuration-part::before,
.configure-domain-box-configuration-side-summary::before {
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #f5f5f5;
	content: "";
	position: absolute;
	top: -10px;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background: #838181;
	left: 7px;
}

span.transfer-domain-sub-heading {
	display: flex;
	font-size: 12px;
	padding: 0px 10px;
	color: #131313;
}

div#epp_code_section label {
	display: block;
}

div#epp_code_section input#epp_code {
	border-radius: 0 !important;
	box-shadow: none;
	background-color: #fff;
	border: transparent;
	padding: 6px 12px;
	font-size: 14px;
	height: 20px;
	color: #495057;
	width: 100%;
	height: 40px;
}

div#epp_code_section {
	background: #f4f4f4;
	padding: 15px;
	border-radius: 3px;
}

.apply-coupon-sec-inner {
	display: flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	overflow: hidden;
}

.apply-coupon-sec-inner span.apply-coupon-img {
	padding: 0px 10px;
	display: flex;
}

.apply-coupon-sec-inner input {
	height: 44px;
	border: transparent;
	width: 100%;
	padding-right: 10px;
}

.apply-coupon-sec-inner button {
	width: 100%;
	max-width: 110px;
	height: 44px;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	background: #131313;
	border: transparent;
}

.apply-coupon-sec {
	margin-bottom: 20px;
	padding-top: 20px;
}

.apply-coupon-sec form#promoForm {
	width: 100%;
}

.applyCouponCodeDivSideSummary {
	display: flex;
}

.applyCouponCodeDivSideSummary p {
	border: 1px dashed #131313;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	color: #000;
	line-height: normal;
	width: 90%;
	border-right: 0;
}

a.cursor-pointer-hand.remove-promo-side-bar {
	background: #131313;
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

span.errorPromoSideBar,
span.noEligiblePromoSideBar {
	color: #ef7d80;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	display: block;
	margin-top: 5px;
}

::placeholder {
	font-size: 12px;
}

.product-description-section .cus-col.cus-col-big {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
}

ul.list {
	display: flex;
	width: 100%;
	max-width: 100%;
	padding: 20px;
	flex-wrap: wrap;
	margin: 16px 0;
	border-radius: 0px;
	border: 2px solid transparent;
}

.feature-content ul li,
.feature-content li {
	width: 33%;
	font-size: 13px;
}
.cus-form-body.product_server_container, .cus-form-body.custom_fileds_container {
    padding: 20px;
    background: #fff;
    margin-top: 20px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}
/*.product-configuration-option .cus-form-body {
	padding: 20px;
	border: 1px solid #e5e5e5;
	background: #fff;
	margin-top: 20px;
	border-radius: 3px;
}

.product-configuration-option .cus-form-body {
    border: none;
}*/
.product-configuration-option .cus-form-body>h3 {
	margin-top: 0px;
}

.recommended-item .item-name h3 {
	font-weight: 600;
	font-size: 16px;
}

.recommended-item .right-item span {
	font-weight: 700;
	font-size: 14px;
}

.cus-form-body.choose-billing-cycle {
    margin: 0;
    padding: 0;
    border: none;
}

.cus-form-body.choose-billing-cycle h3 {
	margin-top: 0;
	width: 100%;
}
.recommended-box.product_addons_container {
    background: #ffffff;
    padding: 0 0 3px;
    margin-top: 15px;
    border-radius: 3px;
    box-shadow: 0 0 1px rgb(56 60 67 / 3%), 0 0px 11px 0 rgb(56 60 67 / 8%);
}
h3.recomded-addon-heading {
    background: transparent;
    padding: 20px 15px 5px;
    border: none;
    border-radius: 3px;
    margin-top: 0;
    font-weight: 600;
}

input#domain-search-field-vue-tld-owndomain:focus {
	border-color: #dcdee2;
}

/*payment new css*/
.side-summary-enable div#payment .cus-row {
	flex-direction: column-reverse;
}

.side-summary-enable div#payment .payment-option {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;

}

.side-summary-enable div#payment .payment-type {
    width: 100%;
    max-width: 32%;
    flex: 0 0 32%;
    margin: 4px;
}

.side-summary-enable .payment-radio{
	width: 100%;
    max-width: 8%;
    flex: 0 0 8%;
}
.side-bar-is-enable-payment .payment-name{
	width: 100%;
    max-width: 92%;
    flex: 0 0 92%;
}
.side-bar-is-enable-payment .payment-option .payment-type.selected:after{
	position: absolute;
    top: 0;
    content: "";
    right: 0px;
}
.side-summary-enable div#payment form#checkoutForm .cus-form-body .cus-row {
	flex-direction: unset;
}

.side-summary-enable div#payment form#checkoutForm .cus-form-body .cus-row {
	flex-direction: unset;
}

.side-summary-enable div#payment .cus-col.cus-col-small.side-bar-is-enable-payment {
	margin-top: 20px;
}

.side-summary-enable div#payment .side-bar-is-enable-payment .cus-col.cus-col-big {
    padding: 0;
    border-radius: 3px;
    margin-bottom: 15px;
}

.side-summary-enable div#payment .cus-col.cus-col-small.side-bar-is-enable-payment h3 {
	font-size: 15px;
	margin-top: 0px;
}

/*li.sidebar-cart-items-list-inner-list p.billing-cycle {
	font-weight: 500;
}
*/
.side-summary-enable .product-configuration-option .cus-check {
	margin: 0 0px;
}

.side-summary-enable .product-configuration-option .right-item span .addo-cycle {
	font-size: 11px;
}

.product-description-section.badges-enabled .money-back span {
	color: #F55B61;
}

.product-description-section.badges-enabled .money-back img {
	width: 20px;
}

.product-description-section.badges-enabled .money-back {
	display: flex;
	align-items: center;
	justify-content: unset;
	background: #f6ffe5;
	padding: 12px;
	border: 1px solid #bcda8f;
	border-radius: 3px;
}

.product-description-section.badges-enabled .money-back-main-section {
	width: 100%;
	margin: 0 15px;
}

.product-description-section.badges-enabled .money-back h4 {
	font-weight: 700;
}

.product-description-section.badges-enabled .money-back {
	margin-top: 20px;
}

.svg-badge-icon {
	display: inherit;
}

.svg-badge-icon svg path {
	fill: #6fb355 !important;
}

.svg-badge-icon svg {
	width: 24px;
	height: 24px;
}

#domain-sub-block .btn-sec {
	max-width: 19%;
}

#domain-sub-block .drp-option {
	max-width: 30%;
}

#domain-sub-block #domainTldExtension-subdomain {
	font-size: 15px;
}

.button-mini-cart {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    background: #f55b61;
    border: transparent;
    border-radius: 5px 0px 0px 5px;
    padding: 9px 10px;
}

.side-summary-mini-cart-div-secion {
	max-width: 30%;
	width:100%;
	position: sticky;
    top: 0px;
}

.side-bar-sticky-main {
	position: sticky;
	top: 70px;
}

.side-summary-enable .button-mini-cart {
	display: none;
}

.side-summary-enable .closed-mini-cart {
	font-size: 20px;
	color: #d11818;
}

.side-summary-mini-cart-close-btn {
	text-align: right;
	display: none;
}

.money-back h4 {
	text-transform: capitalize;
}

.sidebar-cart-summary-main-section.min-cart-active-sub {
	animation: slide-down 1.3s ease-out;
}

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}
.button-mini-cart {
    display: none;
}
.cus-input{
	height: 50px;
}
span.bill-cycle-tag-line {
    display: block;
    font-size: 13px;
    color: #777a7e;
    font-weight: normal;
}
span.mini-cartitem-label {
    background: #fff;
    border-radius: 50px;
    font-size: 11px;
    width: 15px;
    line-height: 14px;
    position: absolute;
    height: 15px;
    display: inline-block;
    top: 0;
    right: 4px;
    color: #131313;
    animation: blink-cart 0.8s infinite ease-in;
    font-weight: 700;
}
@keyframes blink-cart{
0% {
    box-shadow: 0 0 0 0px rgb(67 120 150);
}
100% {
    box-shadow: 0 0 0 20px rgb(0 0 0 / 0%);
}
}
.serach-popup-inner .svg-cross-icon svg path {
	fill: #f8896b;
}
.domain-icons-svg-tabs svg {
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
input#domain-search-field-vue {
	border-radius: 0;
}
body{
	min-height: 970px;
}
input#inputPromotionCode::placeholder{
	font-size:12px;
	
}
.domain-list-top svg {
	width:18px;
	vertical-align: middle;
	margin-right:7px;
}
.domain-transfer-block input.cus-input, .domain-own-block .input-sec input.cus-input {
	border-radius: 0;
}
.side-summary-enable .cart-next-btn.mobile-menu-side-summary{
	display:none;
}
.cart-next-btn.mobile-menu-side-summary{
	display:none;
}
ul.sidebar-cart-items-list-inner.is-addon-available li.sidebar-cart-items-list-inner-list.domain-listing{
	border-top: 1px solid #e5e5e5;
}
.apply-coupon-sec svg {
    width: 30px;
    height: 30px;
	fill: #ccc;
}
.product-configuration-option .form-select{
	background: #fff url(../images/select_arrow.svg) no-repeat 97% center;
	background-size: 10px;
}
.main-div-additional-field .field-html {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #464646;
}
.sidebar-cart-summary-main-section ul#main-ul-domain-reg li.domain-reg-per-li:last-child {
	border-bottom: none;
}
input:focus{
	background:transparent !important;
}
.domain-additional-field-update-message{
	background: #fff;
	border: transparent;
	padding: 15px 15px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	position: relative;
	border-radius: 3px;
	margin: 0 40px;
	box-shadow: 0 0 10px #e5e5e5;
	margin-top: 30px;
}
body .side-summary-enable .inner-content.choose-plan-content .payment-icons img {
    height: 25px;
}
select option:hover {
    box-shadow: 0 0 10px 100px #000 inset !important;
}
/*li.sidebar-cart-items-list-inner-list.product-listing-li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}*/
ul.sidebar-cart-items-list-inner.is-addon-available li.sidebar-cart-items-list-inner-list.product-listing-li {
    border-bottom: transparent;
}

.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: loader-13 1.8s infinite ease-in-out;
          animation: loader-13 1.8s infinite ease-in-out;
}

.loader {
    color: #f55b61;
    position: relative;
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    top: 0em;
    width: 15px;
    height: 15px;
}
.loader:before {
  right: 100%;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.loader:after {
  left: 100%;
}
.loader:before, .loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
}

@-webkit-keyframes loader-13 {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -0.2em;
  }
}

@keyframes loader-13 {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -0.2em;
  }
}
.checkoutbar-bottom small.productConfigSummaryOption:after{
	background: url(../images/checking-mark.svg) no-repeat;
    background-size: 10px;
	top: 8px;
    left: -17px;
}
body .checkoutbar-bottom ul.list-style-none ul#main-ul-domain-reg{
	right: 160px;
    padding: 20px;
    background: #fff;
}
.checkoutbar-bottom .configure-text-box .list-style-none{
	background-color: transparent;
}
.checkoutbar-bottom  ul.subtotal-content-li{
	padding: 0px 0px;
}
.checkoutbar-bottom .configure-text-box .list-style-none li{
	    justify-content: flex-end;
}
.checkoutbar-bottom .configure-text-box ul.list-style-none.config-text li {
    justify-content: space-between;
}
.checkoutbar-bottom .configure-text-box .cus-col.cus-col-50 {
    padding-right: 0;
}
.checkoutbar-bottom .configure-text-box .cus-col.domain-addon-data   .list-style-none li{
	display:block;
}
.checkoutbar-bottom .domain-addon-data .configure-domain-box-configuration {
    padding-left: 0px;
}
.checkoutbar-bottom .configure-text-box{
	padding-right: 15px;
}
.checkoutbar-bottom .configure-text-box ul.list-style-none.config-text{
	background:#f5f5f5;
	margin-bottom: 20px;
}
.checkoutbar-bottom .configure-text-box .cus-col.domain-addon-data .list-style-none {
    background: #f5f5f5;
}
.checkoutbar-bottom .cus-col.domain-addon-data {
    padding-right: 0;
	margin-bottom: 10px;
	padding-left:0px;
}
.inner-section-body-left-side.bottom-summary-enable {
    padding-bottom: 30px;
}
button.button-mini-cart.side-summary-enable-mini-cart{
		display: none;
}
.side-summary-enable .cart-next-btn .payment-continue{
	font-weight:500;
}
.side-summary-enable .recommended-item .right-item .flex-item{
	justify-content: space-between;
}
.recommended-item .right-item .flex-item {
    justify-content: space-between;
}
.checkoutbar-bottom .configure-text-box small.domain-config-data-list:after{
	background: url(../images/checking-mark.svg) no-repeat;
    width: 10px;
    height: 20px;
    top: 6px;
    left: -19px;
}
div#emptyCartModal .button-sec .confirm-button-popup{
	padding: 8px 20px;
    line-height: 16px;
    vertical-align: middle;
}
li.sidebar-cart-items-list-inner-list.domain-listing .configure-domain-box-configuration-side-summary {
    margin-bottom: 20px;
}
.product-configuration-option .cus-check{
	line-height: 19px
}
.inner-section-body-left-side h3#new-account-head{
	font-weight: 600;
}
div#client-custom-fields small {
    font-size: 14px;
    text-transform: lowercase;
    font-weight: 400;
    margin-left: 5px;
}
.currency-toggle-main {
    display: flex;
    width: 170px;
    max-width: 300px;
    border: none;
    border-radius: 3px;
    padding: 5px 22px 5px 15px;
    justify-content: left;
    cursor: pointer;
    background: #fff;
    /* border: 1px solid #e5e5e5; */
    position: relative;
}
.currency-toggle-main::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
span.currency-heading-title {
    font-size: 12px;
    color: #131313;
}
.active-currency-cart {
    margin: 0;
    font-size: 12px;
    color: #131313;
    font-weight: 600;
    padding-left: 5px;
}
.tabs-outer .form-group.currency-box-cart ul#main-currency-list-user {
    padding: 0;
    display: none;
	position: absolute;
    width: 100%;
}
.form-group.currency-box-cart.active ul#main-currency-list-user {
    display: block;
    background: #ffffff;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    margin-top: 22px;
    box-shadow: 0px 0px 8px #0000001f;
}
.form-group.currency-box-cart.active ul#main-currency-list-user::before, .confirm-currency-change-box::before {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    content: "";
    position: absolute;
    top: -9px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    right: 9px;
}
li.currency-list-li {
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
}
li.currency-list-li:hover {
    background: #e5e9ed;
    border-radius: 3px;
}
.confirm-currency-change-box {
    z-index: 999;
    position: absolute;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #00000030;
    right: 0;
    margin-top: 22px;
    width: 265px;
    display: none;
}
.confirm-currency-change-box.show{display: block;}
.confirm-note {
    margin: 0;
    padding: 2px 10px;
    background: #e4ecf3;
    display: inline-block;
    border-radius: 3px;
    line-height: normal;
    font-size: 12px;
    font-weight: normal;
    color: #131313;
    border: 1px solid #ecebeb;
}
.confirm-description {
    font-size: 12px;
    line-height: 18px;
    margin: 16px 0;
    padding: 0;
    color: #131313;
}
.confirm-btn-currency {
    color: #fff;
    background: #F55B61;
    border-radius: 3px;
    border: transparent;
    font-size: 13px;
    padding: 8px 15px;
    cursor: pointer;
}
.confirm-btn {
    background: #131313;
    margin-right: 5px;
}
div#epp_code_section input#epp_code:focus {
    background: #fff;
}
/*.container.tab-navigations.side-bar-is-enable.client-logged-in {
    max-width: 1120px;
    margin-right: auto;
}*/
.client-logged-in  .tab{
	margin: 0;
}
form#checkoutForm .applyCreditContainer {
    background-color: #fff;
    padding: 10px 15px;
    align-items: flex-start;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgb(56 60 67 / 5%), 0 1px 3px 0 rgb(56 60 67 / 15%);
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid transparent;
}
.credit-balance-radio {
    position: relative;
    min-width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #b9babd;
    margin-right: 12px;
    background: #fff;
    width: 18px;
}
.credit-balance-radio:after{
	content: "";
    position: absolute;
    --bg-opacity: 1;
    background-color: #fff;
    opacity: 0;
    width: 7px;
    height: 7px;
    left: 50%;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease-out;
}
.credit-balance-main.selected .credit-balance-radio {
    background: #f55b61;
}
.credit-balance-main.selected .credit-balance-radio:after{
	opacity: 1;
}
.credit-balance-main {
    display: flex;
	margin-bottom: 10px;
}
.credit-balance-details-use h3 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.applyCreditContainer p.credit-balance-heading {
    line-height: 20px;
    font-weight: 600;
    color: #131313;
    margin-top: 0;
}
.applyCreditContainer p.credit-balance-heading span {
    font-weight: 600;
    margin-right: 3px;
}
h3#choose-account-head {
    font-weight: 600;
}

/*  */
.radio-button-main-section .radio_buttons label.control-label {
    width: 100%;
    padding-left: 17px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #131313;
    font-weight: 500;
}	
.radio-outer {
    background-color: #fff;
    padding: 18px 15px;
    display: flex;
    align-items: flex-start;
    border-radius: 3px;
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid #d5dbe0;
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: box-shadow 500ms;
}
/*.radio-outer:hover {
    box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 8px 14px 1px rgb(56 60 67 / 15%);
}*/
.config-radio {
    position: relative;
    min-width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #b9babd;
    margin-right: 10px;
}
span.radio-outer.selected-rd {
    border: 1px solid #f55b61;
}
.radio-button-main-section .radio_buttons span.radio-outer.selected-rd:after {
    width: 0;
    height: 0;
    border-right: 30px solid #f55b61;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 0;
    content: "";
    right: 0px;
    z-index: 0;
}
.radio-button-main-section span.radio-outer.selected-rd .config-radio{
    background-color: #f55b61;
    border-color: #f55b61;
}
.radio-button-main-section span.radio-outer.selected-rd .config-radio:after {
    content: "";
    position: absolute;
    --bg-opacity: 1;
    background-color: #fff;
    opacity: 0;
    width: 6px;
    height: 6px;
    left: 50%;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease-out;
}
.radio-button-main-section span.radio-outer.selected-rd .config-radio:after {
    opacity: 1;
}
.config-radio-content {
	width: 100%;
	float: left;
	padding-right: 30px;
}
.config-radio-content h3 {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 5px;
    font-weight: 500;
    color: #131313;
    width: 100%;
}
.config-radio-content p {
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 16px;
    font-size: 14px;
    color: #131313;
    font-weight: 600;
}
.radio-button-main-section .radio_buttons .checkmark{
	top: 1px;
}
.radio-button-main-section span.radio-outer.selected-rd .checkmark{
	display:block;
}
.cus-form-body.choose-billing-cycle .payment-type, .payment-option .payment-type{
	position: relative;
    width: 100%;
    overflow: hidden;
}

.payment-option .payment-type.selected:after {
    width: 0;
    height: 0;
    border-right: 30px solid #f55b61;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: -0px;
    content: "";
    right: -0px;
    z-index: 0;
}
.choose-billing-cycle .payment-type.selected .checkmark, .payment-option .payment-type.selected .checkmark {
    display: block;
}
.choose-billing-cycle .payment-type .payment-name, .payment-option .payment-type .payment-name {
    width: 100%;
}
.payment-option img {
    max-width: 100%;
    height: 30px;
    margin: 0;
    display: block;
    text-align: left;
}
input::placeholder {
    color: #a8b0b9;
	font-size:14px;
}
select#customfield51, select#registerUserCountry{
	color: #a8b0b9;
}

.cus-check.tos-link a{
    color: #bcc2c7;
}
span.product-configuration-li-title {
    font-size: 12px;
    font-weight: 500;
	color: #131313;
	width: 70%;
}
span.domain-configuration-li-title {
    font-size: 12px;
    font-weight: 600;
	color: #131313;
}
.configure-domain-box-configuration-price {
    display: flex;
    justify-content: space-between;
}
a.cursor-pointer.login-btn-header-bar {
    display: inline-block;
    background: #F55B61;
    padding: 5px 15px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
}
a.client-btn-header-bar {
    display: inline-block;
    background: #F55B61;
    padding: 5px 15px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
}
.side-summary-enable .feature-content.width-50 li {
    width: 50%;
}
.side-summary-enable .feature-content.width-100 ul.list li {
    width: 100%;
}
/****** V2.1.0 *********/
.product-group-list-section {
    background: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.product-group-list-section::after {
    background: #e5e5e5;
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
}
ul.group-listing-ul {
    display: flex;
    padding-left: 0;
    margin: 0;
    flex-wrap: wrap;
}
ul.group-listing-ul li {
    padding: 15px;
    font-size: 14px;
    border-bottom: 3px solid transparent;
	cursor: pointer;
	font-weight: 500;
}
ul.group-listing-ul li:hover, ul.group-listing-ul li.active-group {
    border-color: #f55b61;
    color: #f55b61;
}
li.moreProductGroup ul.drop-down-more-group {
    display: none;
}
li.moreProductGroup.show ul.drop-down-more-group{
 display: block;
}
ul.drop-down-more-group {
    position: absolute;
    top: 52px;
    background: #fff;
    padding-left: 0px;
    z-index: 9999;
    box-shadow: 0px 0px 10px #0003;
    border-radius: 3px;
	transition: all 0.3s;
}

ul.group-listing-ul ul.drop-down-more-group li {
	padding: 10px 15px 10px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal!important;
}

li.moreProductGroup.show:hover ul.drop-down-more-group li {
    border-bottom: 1px solid #e5e5e5;
}
ul.group-listing-ul ul.drop-down-more-group li:last-child {
    border: none;
}
li.moreProductGroup{
	position: relative;

}
ul.group-listing-ul li:hover ul.drop-down-more-group li {
    color: #000;
    border-bottom: 3px solid transparent;
	font-weight:500;
}
ul.group-listing-ul li.show ul.drop-down-more-group li:hover {
    color: #F55B61;
	border-bottom-color: #F55B61;
}
li.moreProductGroup.show {
    border-bottom: unset;
}
ul.drop-down-more-group:before {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #f8f8f9;
    content: "";
    position: absolute;
    top: -10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    right: 9px;
}
span.caret-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.form-group.currency-box-cart.active ul#main-currency-list-user {
    z-index: 999;
}
.vue-modal-default .modal-body {
	padding: 0;
}
.vue-modal-default .modal-content {
    border-radius: 8px;
    border: transparent;
    box-shadow: none;
    max-width: 500px;
    position: absolute;
    left: 0;
    top: 30%;
    margin: auto;
    RIGHT: 0;
	animation: unset;
}
.vue-modal-default .header-section-up {
    display: flex;
    padding: 17px 25px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
	
}
.vue-modal-default .trash-sec img {
    background: transparent;
    padding: 0 10px 0 0px;
    border-radius: 4px;
    border: transparent;
}
.vue-modal-default .modal-content .popup-new-wrapper .close{
	margin: 0px 0 0;
    top: 18px;
}
.vue-modal-default .trash-sec p{
	text-align: left;
    padding: 5px 25px;
	margin-top: 0;
	color: #5c5c5c;
}
.vue-modal-default .button-sec {
    padding: 5px 25px 25px;
    text-align: left;
	border: transparent;
}
.vue-modal-default button.cancel-button-popup.cursor-pointer{
	text-transform: capitalize;
	vertical-align: middle;
}
.vue-modal-default .button-sec .confirm-button-popup{
	text-transform: capitalize;
    border: transparent;
    padding: 8px 24px;
    border-radius: 3px;
    line-height: 16px;
    text-decoration: none;
    font-size: 15px;
}
.vue-modal-default .trash-sec{
	padding: 0px 0px 15px;
	border: transparent;
}
.vue-modal-default .popup-new-wrapper{
	background:#fff;
	box-shadow: 0 0 33px #302f2f1a;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #dad7d7;
}
.header-section-up svg {
    margin: 3px 10px 0 0px;
    width: 18px;
    height: 18px;
}
.header-section-up svg path {
    fill: #f55b61;
}
.vue-modal-default .trash-sec h4 {
    margin: 0px 0px 0px;
	font-weight: 500;
}

.blurry-effect {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #F55B6117;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(9px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
body.vue-modal-open {
    overflow: hidden;
}
body.vue-modal-open .blurry-effect {
    opacity: 1;
    visibility: visible;
}
div#productGroupChangeModal{
	background-color: rgb(255 255 255 / 79%);
}

.havingBillDiscount .payment-type {
	min-height: 150px;
	
}
.cus-row .col-md-4.choose-cyle-billing .payment-type{
    margin-bottom: 0;
}
.col-md-4.choose-cyle-billing{
	margin-bottom: 15px;;
}
.free-domain-section-cycle{
	width: 100%;
    background: #fdebe2;
    margin-top: -1px;
}
.free-domain-section-cycle p {
    margin: 0;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
    color: #ec595e;
}
.is-active .free-domain-section-cycle {
    background: #ec595e;
}
.is-active .free-domain-section-cycle p {
    color: #fff;
}
.choose-billing-cycle .payment-type.selected:after {
    width: 0;
    height: 0;
    border-right: 40px solid #f55b61;
    border-bottom: 45px solid transparent;
    position: absolute;
    top: 0;
    content: "";
    right: -7px;
    z-index: 0;
}
.side-summary-enable .payment-radio{display: none;}
.choose-billing-cycle .payment-type .payment-name{text-align: center;}
span.discount-apply-section {
    display: flex;
    white-space: nowrap;
    margin: 10px 0 0;
    justify-content: center;
    align-items: center;
}
.projected-price-billing strike {
    font-size: 13px;
    color: #f55b61;
    margin-right: 5px;
}
.discounted-percentage, .save-percentage-product {
    padding: 0px 10px;
    display: inline-block;
    text-transform: uppercase;
    background: #F55B61;
    border-radius: 40px;
    color: #ffffff;
    border: none;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    height: 24px;
}
span.product-bill-cycle-price {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 0;
    display: inline-block;
    text-align: left;
    color: #131313;
}
span.billing-per-mo {
    font-size: 13px;
    color: #777a7e;
}
span.billing-per-mo.no-discount-prc {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 0;
    display: inline-block;
    text-align: left;
    color: #131313;
}

.package-description ul.list {
    padding: 0 28px;
    margin: 15px 0px 15px;
    box-shadow: none;
}
.package-description ul li {
    padding: 6px 0px 6px 20px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    width: 100%;
    text-align: left;
    color: #777a7e;
}
.package-description ul li b {
    color: #131313;
    font-weight: 500;
}
.plan-item p strong {
    font-size: 45px;
}
.config-radio-icon {
    float: right;
    position: absolute;
    right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
}
.config-radio-icon img {
	width: 36px;
}
.radio_buttons .form-group.cus-row {
    width: auto;
}

.checkbox-type-product .cus-check {
    background: #ffffff;
    border-radius: 3px;
    padding: 16px;
    display: inline-block;
    width: 100%;
	border: 1px solid #d6dbe0;
 }
.checkbox-type-product .checkmark2 {
    left: 20px;
    top: 20px;
}
.checkbox-type-product .content-check-bx {
    padding-left: 35px;
}
.checkbox-type-product span {
    display: inline-block;
}
.checkbox-type-product .content-check-bx h3 {
    margin: 0;
    font-weight: 500;
    font-size: 13px;
    color: #131313;
}
.checkbox-type-product .content-check-bx p {
    margin: 6px 0 0;
    line-height: 16px;
    font-size: 14px;
    color: #131313;
    font-weight: 600;
}
.checkbox-type-product .check-icon-content {
    float: right;
}
.checkbox-type-product .check-icon-content img {
    width: 36px;
}
.checkbox-type-product .cus-check.selected-chk {
    border: 1px solid #88bb16;
}
.range-slide-option .control-label, .checkbox-type-product .control-label{
	width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    color: #131313;
    font-weight: 500;
}
/*.select-drop-down-section .form-group {
    background: #ffffff;
    border-radius: 3px;
    padding: 25px;
    width: 100%;
    border: 1px solid #fff0;
    box-shadow: 0 0 2px rgb(56 60 67 / 5%), 0 0px 14px 0 rgb(56 60 67 / 15%);
    text-align: center;
}*/


.select-drop-down-section .form-group {
    background: #ffffff;
    border-radius: 3px;
    padding: 20px;
    width: 100%;
    border: 1px solid #d6dbe0;
    text-align: center;
    display: flex;
    margin: 20px 0 25px;
}
.select-drop-down-section .form-group img {
    max-width: 45px;
	margin-right: 15px;
}
.select-drop-down-section .inner-drop-box-config {
    text-align: left;
	width: 100%;
}
.select-drop-down-section .form-group .form-select {
    border: none;
    padding: 15px 10px;
    height: auto;
    padding-right: 25px;
    font-size: 12px;
    cursor: pointer;
    background-color: #f8f8f7;
}
.select-drop-down-section .control-label {
    font-weight: 700;
    color: #000;
    font-size: 14px;
}
.plan-original-cut-price {
    text-decoration-line: line-through;
    font-size: 13px;
    color: #f55b61;
    margin: 0;
    line-height: normal;
    padding: 0;
}
.error-config {
    display: none;
}
.error-config-field .error-config {
    display: block;
    font-size: 12px;
    color: #d92761;
}
.error-config-field input, .error-config-field textarea, .error-config-field select {
    border-color: #d92761;
}



/*accordian-panel-main-sec css start here*/
.accordian-panel-main-sec {
    margin-bottom: 20px;
    border-radius: 3px;
    background: #fff;
    padding: 0px;
    border: 1px solid #e5e5e5;
}
.accordion-addon-button {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    color: #131313;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    transition: .5s;
    padding: 20px;
    font-family: inherit;
    font-weight: 500;
}
button.accordion-addon-button::after {
    content: "";
    position: absolute;
    right: 20px;
    width: 20px;
    height: 24px;
    top: 0;
    bottom: 0;
    background: url(../images/select_arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    margin: auto;
    transition: all 0.6s;
}
 button.accordion-addon-button.open::after{
 transform: rotate(180deg);
 }  
.addon-in-accordian .panel-accordian-addon {
    display: none;
}
.addon-in-accordian .panel-accordian-addon.show {
    display: block;
    padding: 0 20px 20px;
}
.recommended-box.product_addons_container.addon-in-accordian {
    background: transparent;
    box-shadow: none;
    margin-top: 0;
}
.addon-in-accordian h3.recomded-addon-heading {
    padding: 20px 0px 5px;
    font-weight: 600;
}
.addon-in-accordian .recommended-item {
    padding: 5px 0 0;
    margin: 0;
    background: transparent!important;
    display: inherit;
}
.addon-in-accordian .recommended-item .left-item {
    width: 100%;
    padding-right: 0;
}
.addon-in-accordian .recommended-item .flex-item>img {
    max-width: 110px;
    order: 2;
    width: 100%;
    margin-left: auto;
}
.addon-in-accordian .recommended-item .item-name {
    padding-left: 0;
    padding-right: 20px;
    max-width: 80%;
    margin-left: 0;
}
.addon-in-accordian .recommended-item .item-name h3{display: none;}
.addon-in-accordian .recommended-item .right-item {
    width: 100%;
    padding: 0;
    margin-top:20px;
}
.addon-in-accordian .recommended-item .right-item .flex-item {
    justify-content: inherit;
    padding: 0;
}
.addon-in-accordian .item-name p {
    font-size: 14px;
    color: #777a7e;
    margin: 0px 0 0;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 24px;
}
.addon-in-accordian .recommended-item .right-item span {
   order: 2;
   margin-left: 15px;
   line-height: 20px;
}
.product-configuration-option .addon-in-accordian .cus-check {
    margin: 0 0px;
    padding: 0;
}
.addon-in-accordian .addon-btn-link {
    padding: 8px 25px;
}
.addon-in-accordian .recommended-item {border: none!important;}
.addon-in-accordian span.add-price {float: right; margin-right: 35px;}
.addon-in-accordian small.billed-cycle {font-size: 11px;color: #777;font-weight: normal;margin-left: 6px;}
.accordion-addon-button.open .add-price { display: none;}
/*accordian-panel-main-sec css end here*/
.cus-row.havingBillDiscount {width: 100%;}
small.addition-required {
    font-weight: normal;
    font-size: 13px;
}
.choose-billing-cycle .cus-row {width: 100%;}
.form-group.cus-col-15 {
    max-width: 15%;
}
.form-group.cus-col-35 {
    max-width: 35%;
}
.addon-market-section {
    border: 1px solid transparent;
    background: #f8f8f7;
    padding: 14px;
    border-radius: 5px;
    margin: 6px 0;
	display: flex;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.accordian-panel-main-sec button.accordion-addon-button.open {
    padding-bottom: 10px;
}
.short-desc-addon-main {
    font-size: 13px;
    margin-top: 0;
    color: #464646;
    margin-bottom: 20px;
}
.addon-market-section.active, .addon-market-section.active .config-radio {
    border-color: #ec595e;
	
}
.left-addon-col {
    min-width: 30%;
    margin-bottom: 5px;
    display: flex;
}
.left-addon-col .config-radio-addon .radio-outer {
    border: none;
    margin: 5px 0 0;
    padding: 0px;
    background: transparent;
}
.mid-addon-col {
    min-width: 58%;
    padding: 0px 15px;
	margin-bottom: 5px;
}
.addon-pro-name small {
    display: block;
    width: 100%;
    text-align: left;
}
.right-addon-col {
    min-width: 12%;
    text-align: right;
	margin-bottom: 5px;
	padding: 13px;
}
.right-addon-col img {
    max-width: 65px;
}
.addon-pro-name h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.addon-pro-name span {
    margin-top: 10px;
    line-height: 16px;
    font-size: 16px;
    color: #131313;
    font-weight: 600;
    display: inherit;
    width: 100%;
}
.mid-addon-col p {
    font-size: 12px;
    line-height: 20px;
    color: #777a7e;
    margin: 0;
    padding: 0;
}
.addon-pro-name .addo-cycle {
    font-weight: normal;
    font-size: 11px;
    color: #808082;
    margin-top: 4px;
}
.addon-market-section.custom-addon-checkbox.custom {
    background: #fff;
    border: 1px solid #e5e5e5;
}
.config-checkbox {
    width: 18px;
    background: #ffffff;
    height: 18px;
    border-radius: 3px;
    margin-right: 5px;
    z-index: 1;
    position: relative;
    border: 1px solid #b9babd;
}
 .addon-market-section.custom-addon-checkbox.custom.active .config-checkbox:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    z-index: -1;
} 
.addon-market-section.custom-addon-checkbox.custom.active .config-checkbox {
	border: 1px solid #ec595e;
	background: #ec595e;
}
.addon-market-section.custom-addon-checkbox.custom.active {
    border-color: #ec595e;
}
.recommended-box.product_addons_container.addon-in-basic-style {
    background: transparent;
    box-shadow: none;
}
.addon-in-basic-style .accordian-panel-main-sec{
	background: #fff;
    padding: 20px;
    box-shadow: 0 0 1px rgb(56 60 67 / 3%), 0 0px 11px 0 rgb(56 60 67 / 8%);
}
.addon-in-basic-style button.accordion-addon-button-basic.open {
    color: #131313;
    font-size: 15px;
    border: transparent;
    background: transparent;
    font-weight: 600;
    padding: 0 0px 15px 0px;
}
.addon-in-basic-style h3.recomded-addon-heading{
	font-size: 15px;
}
.addon-market-section .config-radio:after {
    content: "";
    position: absolute;
    --bg-opacity: 1;
    background-color: #fff;
    opacity: 0;
    width: 6px;
    height: 6px;
    left: 50%;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease-out;
}

.addon-market-section.active .config-radio:after{
    opacity:1;
}
.addon-market-section.active .config-radio{
	background: #ec595e;
}
span.more-inf-tld {
    margin-left: 5px;
}
.choose-cyle-billing.have-free-domain.is-active img {
    filter: brightness(0) invert(1);
}
span.more-inf-tld img {
    width: 14px;
    vertical-align: text-bottom;
}
.removeAddonImg {
    position: absolute;
    right: 0px;
    width: 26px;
    height: 26px;
    top: 0px;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    box-shadow: 0px 0px 5px #0000000f;
	opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.addon-market-section.active .removeAddonImg {
    opacity: 1;
    visibility: visible;
}
.removeAddonImg img {
    width: 13px;
}
p.free-domain-reg {
    word-break: break-word;
}
/* tool tip code */
[tooltip] {
	position: relative;
  }
  [tooltip]::before,
  [tooltip]::after {
	text-transform: none;
	font-size: .9em;
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
  }
  [tooltip]::before {
	content: '';
	border: 5px solid transparent;
	z-index: 1001;
  }
  [tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 160px;
    max-width: 160px !important;
    padding: 1ch 1.5ch;
    border-radius: 0.3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000;
    word-wrap: break-word;
}
[tooltip]:not([flow])::before {
    left: unset !important;
    right: -6px;
}
  [tooltip]:hover::before,
  [tooltip]:hover::after {
	display: block;
  }
  [tooltip='']::before,
  [tooltip='']::after {
	display: none !important;
  }
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
  }
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
  }
  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
	left: -17px;
	transform: translate(-50%, -.5em);
  }
  [tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
  }
  [tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
  }
  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
  }
  [tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
  }
  [tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
  }
  @keyframes tooltips-vert {
	to {
	  opacity: .9;
	  transform: translate(-50%, 0);
	}
  }
  @keyframes tooltips-horz {
	to {
	  opacity: .9;
	  transform: translate(0, -50%);
	}
  }
  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
  }  
  [tooltip][flow^="left"]:hover::before,
  [tooltip][flow^="left"]:hover::after,
  [tooltip][flow^="right"]:hover::before,
  [tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
  }