.cl-banner
  {  
      background: radial-gradient(#c60e0e, #e97a2c);
      padding-top:30px;
      padding-bottom:30px;
      
  }
  
  
 .main-container {
    background-color: #f0f0f0; /* White-gray background for the main container */
    padding: 20px;
}

.services-title {
    text-align: center;
    font-size: 40px;
    color: #333;
    margin-bottom: 20px;
    padding-top:40px;
}

.services-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 800px; /* Adjust the max-width as needed */
    margin: 0 auto; /* Center the content */
}

.service {
    width: calc(25% - 20px); /* Adjust the width for four items in a row */
    margin-bottom: 20px;
    background-color: #fff; /* White background for service boxes */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
    cursor: pointer;
    border: 2px solid #ddd; /* Default border color */
}

.service:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    border: 2px solid #ff7f00; /* Orange border on hover */
}

.service a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease-in-out;
}

.service:hover a {
    color: #ff7f00; /* Orange color for text on hover */
}

.service-icon {
    font-size: 36px;
    margin-bottom: 10px;
    color: #4CAF50;
}

.servermanagement-banner-content {
    padding-right: 20px; /* Adjust the spacing between content and image */
}

.email-hosting-img img {
    max-width: 100%; /* Make sure the image doesn't exceed the container */
    height: auto;
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Thin/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Thin/font.woff) format("woff");
    font-weight: 200
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Light/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Light/font.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Regular/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Regular/font.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Semibold/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Semibold/font.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Bold/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Bold/font.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Extrabold/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Extrabold/font.woff) format("woff");
    font-weight: 800
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Black/font.woff2) format("woff2"),url(../fonts/AvertaStdPE-Black/font.woff) format("woff");
    font-weight: 900
}

.lagom-layout-left .app-main .main-top .top-nav {
    width: calc(100% + 8px);
    justify-content: flex-end;
    margin-right: 0
}

.lagom-layout-left .app-main .main-top .top-nav>li.is-left.left-divider {
    margin-right: auto
}

.custom-nav .app-nav-header .container .app-nav-menu .menu-language,.lagom-layout-left .app-main .main-top .top-nav>li.data-quick-tour,.lagom-layout-left .app-nav .app-nav-header .top-nav li a .item-text,.lagom-layout-left .app-nav .app-nav-header .top-nav li a .ls-caret,.lagom-layout-left .app-nav .app-nav-header .top-nav li.quick-tour,.lagom-layout-left .top-nav .client-alerts .item-text,.lagom-layout-left .top-nav .client-alerts .ls-caret,.main-grid p[style="text-align:center;"],.modal .quick-tour-audio-pause-text,.modal .quick-tour-audio-playing .quick-tour-audio-play-text,.modal .quick-tour-audio-playing svg,.modal.quick-tour audio,.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle .slab-banner-circle-check,.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle.active .slab-banner-circle-text,.page-configureproduct .product-config-info .configure-product-collapse .collapse-panel .collapse-body .package__features-group .package__title,.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs a .radio-styled,.page-login .tooltip .arrow,.page-password-reset-container .dropdown-language-search .dropdown-menu-no-data,.page-upgrade form.package ul .pt__features br,.page-viewcart .custom-viewcart .cart-products .loader,.products .package .package-content:after {
    display: none
}

.lagom-layout-left .app-main .main-top .top-nav>li .nav-badge {
    position: absolute;
    top: 8px;
    left: 16px;
    background: var(--brand-secondary);
    color: #fff;
    padding: 3px;
    font-size: 12px
}

.cookie-bar.is-active,.lagom-layout-left.page-clientareahome .app-main .main-top .top-nav li.data-quick-tour,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper {
    display: block
}

.lagom-layout-left.page-clientareahome .tile.tile-deals {
    margin-bottom: var(--spacing-3x);
    padding: var(--spacing-2x) var(--spacing-3x)
}

@media(max-width: 300px) {
    .lagom-layout-left .app-nav .app-nav-header .logo {
        display:none!important
    }
}

.lagom-layout-left input.btn {
    line-height: 0!important
}

.lagom-layout-left .panel-summary.panel-body table td {
    background-color: transparent
}

.lagom-layout-left .panel-summary.panel-body .btn:not(.btn-info),.lagom-layout-left .panel-summary.panel-body input[type=button],.lagom-layout-left .panel-summary.panel-body input[type=submit] {
    width: 100%;
    height: 42px;
    background: var(--btn-primary-bg)!important;
    border-color: var(--btn-primary-border)!important;
    line-height: 0
}

.lagom-layout-left .top-nav .client-alerts.dropdown-menu a {
    margin-right: 0!important
}

.lagom-layout-left .top-nav .client-alerts.dropdown-menu i {
    margin-right: 8px;
    margin-top: 4px
}

.lagom-layout-left .top-nav .client-alerts .item-text,.lagom-layout-left .top-nav [menuitemname=Account] .item-text {
    margin-right: 3px
}

.lagom-layout-left .top-nav .dropdown-menu.show {
    transform: translateY(7px)
}

#creditCardInputFields .nav li.active>a,.lagom-layout-left .top-nav .dropdown .ul>li .active a,.lagom-layout-left .top-nav .dropdown .ul>li:hover a,.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs .content-slider-item a.active,.page-clientareahome .tile-deals-domain span,.page-domaintransfer .tile-deals-domain span,.page-products .products-tabs .nav-tabs-table li a:hover,.paymethod-info .nav li.active>a {
    color: var(--brand-primary)
}

.lagom-layout-left .top-nav .dropdown.language .dropdown-menu .active a {
    color: var(--brand-primary);
    background-color: var(--dropdown-link-hover-bg)
}

.lagom-layout-left .cpanel-usage-stats .row {
    transform: none;
    justify-content: space-evenly
}

.lagom-layout-left .cpanel-usage-stats .row .usage-stats>div,.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body .domain-information-desc ul li,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainowndomain .inline-form-element:first-of-type,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainregister .inline-form-element:first-of-type,.server-actions.has-quick-tour.show {
    position: relative
}

.flag {
    width: 26px;
    height: 18px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    box-shadow: 0 2px 10px 0 rgba(0,14,69,.08)
}

.flag-lg {
    width: 46px;
    height: 32px
}

.flag-united-states {
    background-image: url(../../../../../assets/img/locations/flag-us.png)
}

.flag-germany {
    background-image: url(../../../../../assets/img/locations/flag-germany.png)
}

.flag-united-kingdom {
    background-image: url(../../../../../assets/img/locations/flag-uk.png)
}

.flag-romania {
    background-image: url(../../../../../assets/img/locations/flag-romania.png)
}

.flag-singapore {
    background-image: url(../../../../../assets/img/locations/flag-singapore.png)
}

.flag-india {
    background-image: url(../../../../../assets/img/locations/flag-india.png)
}

.flag-australia {
    background-image: url(../../../../../assets/img/locations/flag-au.png)
}

.flag-canada {
    background-image: url(../../../../../assets/img/locations/flag-canada.png)
}

.flag-japan {
    background-image: url(../../../../../assets/img/locations/flag-japan.png)
}

.flag-netherlands {
    background-image: url(../../../../../assets/img/locations/flag-netherlands.png)
}

.flag-france {
    background-image: url(../../../../../assets/img/locations/flag-france.png)
}

.flag-italy {
    background-image: url(../../../../../assets/img/locations/flag-italy.png)
}

.flag-sweden {
    background-image: url(../../../../../assets/img/locations/flag-sweden.png)
}

.form-group .md-editor.active {
    border: 1px solid var(--input-focus-border-color)
}

.check .radio-styled.checked,.radio .radio-styled.checked,.radio-inline .radio-styled.checked {
    background: var(--brand-secondary);
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.check .checkbox-styled.checked,.check .icheckbox_square-blue.checked,.check .iradio_square-blue.checked,.check .radio-styled.checked,.radio .checkbox-styled.checked,.radio .icheckbox_square-blue.checked,.radio .iradio_square-blue.checked,.radio .radio-styled.checked,.radio-inline .checkbox-styled.checked,.radio-inline .icheckbox_square-blue.checked,.radio-inline .iradio_square-blue.checked,.radio-inline .radio-styled.checked {
    border-color: var(--brand-secondary);
    background: var(--brand-secondary)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-title b a,.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top .domain-information-title i,.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs .active a label,.text-secondary {
    color: var(--brand-secondary)
}

.box-divider {
    height: 2px;
    width: 70px;
    background: var(--brand-secondary);
    margin: var(--spacing-6x) auto var(--spacing-3x)
}

.invisible+.loader-button {
    display: flex!important;
    position: absolute!important
}

.sidebar-primary .panel-summary .panel-body .btn.btn-info {
    background: var(--btn-primary-bg);
    border-color: var(--btn-primary-border)
}

.sidebar-primary .panel-summary .panel-body .btn.btn-info:hover {
    background: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-border)
}

.cart-item-price .dropdown .dropdown-toggle {
    padding: 8px
}

.lagom-layout-left .app-nav .app-nav-menu .menu>li>a svg {
    max-width: 48px;
    max-height: 48px
}

.lagom-layout-left .app-nav .app-nav-menu .menu-primary>li>a {
    color: var(--app-nav-left-link-color)
}

.lagom-layout-left .app-nav .app-nav-menu .menu-primary>li .dropdown-header {
    padding: var(--spacing-2x) var(--spacing-3x) var(--spacing-3x);
    color: var(--gray-darker);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

.lagom-layout-left .app-nav .app-nav-menu .menu-primary>li .dropdown-menu>li>a i {
    margin-right: var(--spacing-1x);
    color: var(--ui-icon-color)
}

.lagom-layout-left .app-nav .app-nav-menu .menu-primary>li .dropdown-menu>li>a:focus i,.lagom-layout-left .app-nav .app-nav-menu .menu-primary>li .dropdown-menu>li>a:hover i {
    color: var(--brand-primary-darker)
}

.panel .panel-nav {
    background-color: unset
}

.btn-sidebar-form-submit,.page-affiliates .page-affiliates-content-custom .tile .title.has-legend,.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top,.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top .domain-information-title,.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-check label,ul.top-nav>li>a {
    display: flex;
    align-items: center
}

.table-container .dataTables_length {
    border-radius: var(--ui-block-border-radius)
}

#orderSummary .panel-footer .btn-checkout .spinner>div,#orderSummary .summary-footer .btn-checkout .spinner>div,#orderSummaryMob .panel-footer .btn-checkout .spinner>div,#orderSummaryMob .summary-footer .btn-checkout .spinner>div,.table-container .pagination {
    background: #fff
}

.table-container .table-top {
    border-radius: var(--ui-block-border-radius) var(--ui-block-border-radius) 0 0
}

svg.svg-icon-on-dark .svg-icon-outline {
    stroke: hsla(0,0%,100%,.48)
}

svg.svg-icon-on-dark .svg-icon-prime {
    stroke: #41247f;
    fill: #41247f
}

svg.svg-icon-on-dark .svg-icon-prime-l {
    stroke: #b8a9e5;
    fill: #b8a9e5
}

.products>.row {
    justify-content: center
}

.products .package .p-4 {
    padding: 0!important
}

.products .package .package__title {
    margin-bottom: 8px
}

.products .package .package-name {
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 700!important;
    font-size: var(--package-title-font-size);
    font-weight: var(--package-title-font-weight);
    line-height: var(--package-title-line-height)
}

.page-affiliates .page-affiliates-content-custom .section-header h3,.products .package .package__list {
    margin-bottom: 0
}

.products .package .package-price .package-starting-from {
    color: var(--text-faded-color);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 10px;
    font-size: 16px
}

.products .package .package-price .price {
    color: var(--package-price-color);
    font-size: var(--package-price-font-size);
    font-weight: var(--package-price-font-weight);
    line-height: var(--package-price-line-height);
    word-break: unset
}

.products .package .package-content {
    padding-top: 0;
    margin-top: 0
}

.products .package .package-content .package__features-group ul {
    list-style: none;
    padding-left: 0
}

.products .package .package-content .package__features-group>li {
    font-size: 15px;
    padding: 6px 0;
    color: #7c8088
}

.products .package .package-content .package__features-group>li>b {
    font-weight: 700;
    color: #52399d
}

.promo-slider-wrapper {
    background: var(--brand-primary-gradient-h)
}

#frmPayment .order-summary h2,.promo-slider-header .promo-slider-nav>li.active,.promo-slider-wrapper .promo-slider-title {
    color: #fff
}

.promo-slider-header .promo-slider-close,.promo-slider-header .promo-slider-nav>li,.promo-slider-more,.promo-slider-slide:hover .promo-slider-more,.promo-slider-slide:hover .promo-slider-more>i {
    color: var(--gray-lighter-2)
}

.promo-slider-header .promo-slider-close:hover,.promo-slider-header .promo-slider-nav>li:hover,.promo-slider-more:hover {
    color: var(--gray-faded)
}

#frmPayment .order-summary ul,.addon-promo-container .checkbox-inline,.addon-promo-container .radio-inline,.lagom .panel-sidebar.panel-ticket-information .col-button-right,.modal.quick-tour .modal-footer label {
    padding-left: 0
}

#orderSummary .alert-panel.alert-info,#orderSummaryMob .alert-panel.alert-info {
    border: none;
    background-color: var(--alert-info-border);
    font-weight: var(--font-weight-light);
    position: relative;
    padding: calc(var(--spacing-3x) + 12px) var(--spacing-4x) var(--spacing-2x) calc(var(--spacing-4x) + 12px)
}

#frmPayment .order-summary.order-summary-mob,#orderSummary .alert-panel.alert-info .alert-body,#orderSummaryMob .alert-panel.alert-info .alert-body,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable,.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top,.page-domainregister .tld-filters .selectize-control.form-control.custom-multiselect .selectize-input input,.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer,.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-heading,.products .package .package-features>li,.products .package .package__features>li {
    padding: 0
}

#orderSummary .alert-panel.alert-info .alert-link,#orderSummaryMob .alert-panel.alert-info .alert-link {
    font-weight: var(--font-weight-light);
    text-decoration: underline
}

#orderSummary .alert-panel.alert-info .alert-icon,#orderSummaryMob .alert-panel.alert-info .alert-icon {
    position: absolute;
    top: 37px;
    left: 16px
}

#orderSummary .panel-footer .total-price,#orderSummary .panel-summary .panel-heading .panel-title,#orderSummary .panel-summary .summary-content .summary-list .list-item-main,#orderSummary .summary-footer .total-price,#orderSummary.panel-summary .panel-heading .panel-title,#orderSummary.panel-summary .summary-content .summary-list .list-item-main,#orderSummaryMob .panel-footer .total-price,#orderSummaryMob .panel-summary .panel-heading .panel-title,#orderSummaryMob .panel-summary .summary-content .summary-list .list-item-main,#orderSummaryMob .summary-footer .total-price,#orderSummaryMob.panel-summary .panel-heading .panel-title,#orderSummaryMob.panel-summary .summary-content .summary-list .list-item-main {
    color: var(--secondary-text-color)
}

#orderSummary .panel-summary .summary-content .summary-list,#orderSummary .panel-summary .summary-content .summary-list-recurring .list-item:not(.list-item-title),#orderSummary.panel-summary .summary-content .summary-list,#orderSummary.panel-summary .summary-content .summary-list-recurring .list-item:not(.list-item-title),#orderSummaryMob .panel-summary .summary-content .summary-list,#orderSummaryMob .panel-summary .summary-content .summary-list-recurring .list-item:not(.list-item-title),#orderSummaryMob.panel-summary .summary-content .summary-list,#orderSummaryMob.panel-summary .summary-content .summary-list-recurring .list-item:not(.list-item-title) {
    color: var(--panel-summary-text-color)
}

#orderSummary .panel-summary .summary-content .summary-list .list-item-title,#orderSummary.panel-summary .summary-content .summary-list .list-item-title,#orderSummaryMob .panel-summary .summary-content .summary-list .list-item-title,#orderSummaryMob.panel-summary .summary-content .summary-list .list-item-title {
    font-size: var(--font-size-sm)
}

#orderSummary .panel-summary .summary-content .summary-list .list-item span,#orderSummary.panel-summary .summary-content .summary-list .list-item span,#orderSummaryMob .panel-summary .summary-content .summary-list .list-item span,#orderSummaryMob.panel-summary .summary-content .summary-list .list-item span {
    font-size: 13px;
    font-weight: var(--font-weight-light)
}

#orderSummary .panel-footer .price-total,#orderSummary .summary-footer .price-total,#orderSummaryMob .panel-footer .price-total,#orderSummaryMob .summary-footer .price-total {
    opacity: .72
}

#orderSummary .panel-footer .btn-checkout,#orderSummary .summary-footer .btn-checkout,#orderSummaryMob .panel-footer .btn-checkout,#orderSummaryMob .summary-footer .btn-checkout,.order-summary.order-summary-mob .btn-checkout {
    color: #fff;
    background: var(--btn-primary-bg);
    border-color: var(--btn-primary-border)
}

#orderSummary .panel-footer .btn-checkout:hover,#orderSummary .summary-footer .btn-checkout:hover,#orderSummaryMob .panel-footer .btn-checkout:hover,#orderSummaryMob .summary-footer .btn-checkout:hover,.order-summary.order-summary-mob .btn-checkout:hover {
    color: #fff;
    background: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-border)
}

#orderSummary .panel-footer .btn-checkout.disabled,#orderSummary .summary-footer .btn-checkout.disabled,#orderSummaryMob .panel-footer .btn-checkout.disabled,#orderSummaryMob .summary-footer .btn-checkout.disabled,.order-summary.order-summary-mob .btn-checkout.disabled {
    color: #393d45;
    background: #e6e8ec;
    border-color: #e6e8ec;
    opacity: 1;
    cursor: not-allowed
}

.login-body.register .login-title {
    font-size: 32px
}

#frmPayment .order-summary .total-due-today,.login-body.register .text-faded {
    margin-bottom: var(--spacing-2x)
}

.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs {
    height: 64px
}

.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs .content-slider-item:not(:last-child) {
    margin-right: var(--spacing-5x);
    margin-left: 0
}

.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs .content-slider-item a {
    font-size: var(--font-size-lg);
    color: var(--text-heading-color);
    font-weight: var(--font-weight-bold);
    margin-bottom: 12px;
    padding: 8px 0;
    min-height: 48px
}

.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs .content-slider-item a .badge {
    font-size: 11px;
    margin-left: 8px;
    font-weight: 400;
    margin-bottom: 4px
}

.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs .content-slider-item a .badge-outline {
    background: 0 0;
    border: 1px solid #d9e0e3;
    color: #3b3940
}

.page-clientareahome .custom-dashboard-tabs-nav .nav-tabs .content-slider-item a.active:after {
    height: 2px;
    left: 0;
    right: 0
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard {
    width: 100%;
    margin-bottom: 32px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top {
    height: 56px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top .table-top-search {
    flex: 1;
    width: 100%
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top .table-top-search .form-control {
    padding-left: 32px;
    width: 100%;
    border: 0;
    font-size: 14px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top .table-top-search:before {
    left: -13px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top .table-top-actions .btn:first-child {
    height: 36px;
    min-width: 100px;
    font-size: 13px;
    color: var(--gray-lighter)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top .table-top-actions .btn:last-child {
    height: 36px;
    font-size: 13px;
    font-weight: 600
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .table-top .table-top-actions .btn:last-child i {
    margin-right: 12px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table>thead>tr>th {
    padding: var(--spacing-1x);
    color: var(--gray-lighter);
    background: #fbfbfb
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td:first-child,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr th:first-child {
    padding-left: var(--spacing-2x)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td:last-child,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr th:last-child {
    padding: var(--spacing-2x) var(--spacing-2x) var(--spacing-2x) var(--spacing-1x)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr th {
    padding: 10px var(--spacing-1x);
    height: 24px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td {
    padding: var(--spacing-2x) var(--spacing-1x);
    border-bottom: 1px solid var(--table-border-color)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td:last-child {
    padding: var(--spacing-2x) var(--spacing-2x) var(--spacing-2x) 0
}

.modal.quick-tour .modal-body h6,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-title b,.page-configureproduct .panel-check .check-location label .check-content .check-title {
    font-size: 15px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.due-date b,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.due-date span,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-location b,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-price b,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-price span {
    color: var(--text-heading-color);
    font-size: 15px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-location .flag {
    display: inline-block;
    margin-right: var(--spacing-2x);
    width: 30px;
    height: 20px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.disk-usage .progress {
    margin-top: 0;
    margin-bottom: var(--spacing-1x)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.disk-usage .progress .progress-bar {
    border-radius: var(--border-radius-xlg)
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.disk-usage span {
    color: var(--gray-lighter);
    font-size: 12px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon {
    width: 39px;
    height: 22px;
    font-size: 18px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon.btn-cpanel {
    padding: 2px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon .btn-whm,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon.btn-cpanel {
    width: 48px
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon .btn-whm i,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon .btn-whm svg,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon.btn-cpanel i,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .btn-icon.btn-cpanel svg {
    max-width: 39px;
    max-height: 22px;
    padding: 0
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .listtable .table tr td.server-actions .server-info {
    display: inline;
    position: relative
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .dataTables_length {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: none
}

.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .dataTables_length label select,.page-clientareahome .custom-dashboard-tabs .table-container-dashboard .dataTables_wrapper .dataTables_paginate .pagination .paginate_button a {
    height: 26px
}

.banner-promo-container .promo-code-timer .timer .unit,.page-clientareahome .client-home-panels-title {
    font-weight: var(--font-weight-bold)
}

@media(min-width: 768px) {
    .page-clientareahome .col-md-5ths {
        width:20%!important
    }
}

.page-clientareahome .col-sm-6.swiper-slide {
    flex: none
}

#frmPayment .order-summary .content .list-item,.banner-promo-container .promo-code-timer #week-countdown,.custom-footer.main-footer .main-footer-bottom .payments,.custom-nav .app-nav-header .container .menu-primary,.modal .quick-tour-audio-playing .quick-tour-audio-pause,.modal .quick-tour-audio-playing .quick-tour-audio-pause-text,.modal .quick-tour-audio-playing .quick-tour-audio-time,.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle.active .slab-banner-circle-check,.page-clientareahome .panel.panel-become-affilate,.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body {
    display: flex
}

.page-clientareahome .panel.panel-become-affilate .panel-body {
    max-height: unset
}

.page-clientareahome .panel.panel-become-affilate .panel-left {
    border-right: var(--panel-border)
}

.page-clientareahome .panel.panel-become-affilate .panel-left h2 {
    font-size: 28px;
    font-weight: var(--font-weight-bolder);
    margin-bottom: var(--spacing-3x)
}

.page-clientareahome .panel.panel-become-affilate .panel-left h5,.page-clientareahome .tile-deals-action,.page-domaintransfer .tile-deals-action {
    margin-bottom: var(--spacing-1x)
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share span {
    color: var(--text-heading-color);
    font-weight: var(--font-weight-medium);
    margin-right: var(--spacing-3x)
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share .social-signin-btns-circle .btn-social-circle {
    width: 36px;
    height: 36px;
    background-color: transparent;
    color: unset;
    font-size: var(--font-size-lg);
    border: var(--panel-border);
    border-radius: 50%;
    margin-bottom: 0
}

.has-quick-tour .modal-content,.has-quick-tour .modal-dialog,.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share .social-signin-btns-circle .btn-social-circle i {
    margin: 0
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share .social-signin-btns-circle .btn-social-circle.btn-twitter {
    color: #1da1f2
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share .social-signin-btns-circle .btn-social-circle.btn-facebook {
    color: #4267b2
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share .social-signin-btns-circle .btn-social-circle.btn-google {
    color: #db4437
}

.page-clientareahome .panel.panel-become-affilate .panel-left .panel-share .social-signin-btns-circle .btn-social-circle:hover {
    border-color: var(--gray-lighter-1)
}

.page-clientareahome .panel.panel-become-affilate .panel-left .input-group {
    margin: var(--spacing-4x) 0
}

.page-clientareahome .panel.panel-become-affilate .panel-left .input-group .form-control {
    background: var(--brand-primary);
    height: var(--ui-height-lg);
    color: #fff;
    font-size: 17px;
    font-weight: var(--font-weight-medium);
    border-color: var(--brand-primary);
    padding-right: var(--spacing-5x)
}

.page-clientareahome .panel.panel-become-affilate .panel-left .input-group .btn-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 2;
    font-size: 18px
}

.page-clientareahome .panel.panel-become-affilate .panel-left .input-group .btn-icon i {
    transition: var(--transition-base);
    color: #fff;
    opacity: .5
}

.page-clientareahome .panel.panel-become-affilate .panel-left .input-group .btn-icon:hover i {
    transition: var(--transition-base);
    opacity: 1
}

.page-clientareahome .panel.panel-become-affilate .panel-right .panel-steps {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.page-clientareahome .panel.panel-become-affilate .panel-right .panel-steps li:not(:last-child) .affiliate-rule,.page-configureproductdomain #spotlightTlds {
    margin-bottom: var(--spacing-3x)
}

.page-clientareahome .panel.panel-become-affilate .panel-right .panel-steps li .affiliate-rule {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap
}

.page-clientareahome .panel.panel-become-affilate .panel-right .panel-steps li .affiliate-rule .affiliate-rule-number {
    color: var(--brand-primary);
    font-size: 28px;
    line-height: 26px;
    font-weight: var(--font-weight-bold);
    margin-right: var(--spacing-3x);
    min-width: 54px;
    height: 54px;
    text-align: center;
    border-radius: 50%;
    padding-top: 12px;
    background-color: var(--brand-primary-lighter-4);
    box-shadow: var(--tile-box-shadow)
}

.page-clientareahome .panel.panel-become-affilate .panel-right .panel-steps li .affiliate-rule .affiliate-rule-desc {
    font-size: 15px;
    line-height: 24px
}

@media(max-width: 1199px) {
    .page-clientareahome .panel.panel-become-affilate {
        flex-direction:column
    }

    .page-clientareahome .panel.panel-become-affilate .panel-left {
        border: none
    }

    .page-clientareahome .row-deals {
        margin-top: 32px
    }
}

.page-clientareahome .view-all-deals,.page-domaintransfer .view-all-deals {
    position: relative;
    font-size: 17px;
    line-height: 24px;
    font-weight: var(--font-weight-medium);
    color: var(--brand-secondary);
    transition: var(--transition-base);
    z-index: 2
}

.page-clientareahome .view-all-deals i,.page-domaintransfer .view-all-deals i {
    position: absolute;
    top: 2px;
    right: -28px
}

.page-clientareahome .view-all-deals:hover,.page-domaintransfer .view-all-deals:hover {
    transition: var(--transition-base);
    color: var(--brand-secondary-lighter)
}

.page-clientareahome .tile-deals,.page-domaintransfer .tile-deals {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 160px;
    min-height: unset!important;
    margin-bottom: var(--spacing-3x);
    padding: var(--spacing-2x) var(--spacing-3x)
}

.page-clientareahome .tile-deals-domain,.page-domaintransfer .tile-deals-domain {
    font-size: 28px;
    font-weight: 900;
    color: var(--text-heading-color);
    margin-bottom: 12px
}

.page-clientareahome .tile-deals-price,.page-domaintransfer .tile-deals-price {
    font-size: 15px;
    margin-bottom: var(--spacing-1x)
}

.page-clientareahome .tile-deals-action .btn-tile,.page-domaintransfer .tile-deals-action .btn-tile,.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-actions .btn-auth {
    transition: var(--transition-base);
    color: var(--brand-secondary);
    border: 1px solid var(--brand-secondary)
}

.page-clientareahome .tile-deals-action .btn-tile:hover,.page-domaintransfer .tile-deals-action .btn-tile:hover,.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-actions .btn-auth:hover {
    transition: var(--transition-base);
    color: var(--brand-secondary-lighter);
    border-color: var(--brand-secondary-lighter)
}

.page-clientareahome .tile-deals-desc,.page-domaintransfer .tile-deals-desc {
    font-size: 12px;
    line-height: 29px;
    color: var(--gray-lighter);
    border-bottom: 1px dashed #dbdbdb;
    height: 24px;
    margin-bottom: -9px;
    white-space: nowrap
}

@media(min-width: 1320px) {
    .page-clientareahome .client-home-panels .view-all-deals,.page-domaintransfer .client-home-panels .view-all-deals {
        top:-16px
    }

    .page-clientareahome .row.promo-row .tld-promo-box,.page-domaintransfer .row.promo-row .tld-promo-box {
        margin-top: -26px
    }
}

.page-login .main-body.custom-loginpage {
    flex-direction: row!important;
    padding: 0
}

.page-login .main-body.custom-loginpage.auth {
    padding: 0;
    display: flex;
    min-height: 100vh
}

.page-login .main-body.custom-loginpage.auth h1 {
    font-weight: 700;
    text-align: center
}

.page-login .main-body.custom-loginpage.auth .auth-left,.page-login .main-body.custom-loginpage.auth .auth-right {
    display: flex;
    align-items: center;
    min-height: 100vh
}

.page-login .main-body.custom-loginpage.auth .auth-left {
    background: #fff;
    min-width: 470px;
    width: 470px;
    padding: 75px 32px;
    flex-direction: column;
    justify-content: space-between
}

.page-login .main-body.custom-loginpage.auth .auth-left .auth-form {
    width: 100%;
    max-width: 345px
}

.page-login .main-body.custom-loginpage.auth .auth-left .auth-form .auth-title {
    margin-bottom: var(--spacing-6x);
    font-size: 34px;
}

.page-login .main-body.custom-loginpage.auth .auth-left .auth-form #login {
    line-height: 0
}

.page-login .main-body.custom-loginpage.auth .auth-left .auth-footer {
    margin-top: var(--spacing-4x)
}

.page-login .main-body.custom-loginpage.auth .auth-left .auth-logo img {
    max-width: 258px;
    height: 54px
}

#frmPayment .order-summary .order-summary-actions .btn,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainowndomain button,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainregister button,.page-login .main-body.custom-loginpage.auth .auth-left .social-signin-btns .btn-social,.panel-add-funds input.form-control[name=creditamount] {
    width: 100%
}

.page-login .main-body.custom-loginpage.auth .auth-right {
    flex: 1;
    justify-content: center;
    padding: 5px;
    position: relative;
    background: var(--primary-block-bg)
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box {
    position: relative;
    z-index: 2;
    background: #fff;
    max-width: 680px;
    width: 100%;
    padding: 50px 40px;
    border-radius: 4px;
    box-shadow: 0 16px 40px 0 rgba(0,0,0,.16)
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-title {
    text-align: center;
    font-size: 32px;
    font-weight: var(--font-weight-bolder);
    margin-bottom: var(--spacing-3x)
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-desc {
    color: var(--gray-lighter);
    font-size: 19px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 0;
    font-weight: var(--font-weight-light)
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-desc span {
    color: var(--brand-secondary);
    font-weight: var(--font-weight-bold)
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-content .auth-box-list {
    position: relative;
    margin: 0 -12px;
    padding: 0;
    font-size: 19px;
    font-weight: 700;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-content .auth-box-list li {
    width: 50%;
    padding-left: var(--spacing-3x);
    margin-top: var(--spacing-3x)
}

.custom-nav .app-nav-header .container .app-nav-menu li a i,.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-content .auth-box-list li img {
    margin-right: var(--spacing-2x)
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-actions {
    margin-top: var(--spacing-9x);
    text-align: center
}

@media(max-height: 750px) {
    .page-login .main-body.custom-loginpage.auth .auth-left {
        overflow-y:scroll
    }
}

.custom-footer.main-footer {
    background: #f4f0ff;
    padding: 24px 0;
    margin-top: 30px;
    border: 0
}

.custom-footer.main-footer .container {
    flex-direction: column
}

.custom-footer.main-footer .container .row {
    margin-top: calc(var(--spacing-7x) * -1)
}

.custom-footer.main-footer .box {
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    border: 1px solid #f4f0ff;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    height: 100px
}

.custom-footer.main-footer .box .box-icon {
    width: 64px;
    min-width: 64px;
    margin-right: 20px
}

.custom-footer.main-footer .box .box-icon img,.main-content .ticket-reply .ticket-message img,.main-grid>.main-content {
    max-width: 100%
}

.custom-footer.main-footer .box .box-content h5 {
    font-weight: var(--font-weight-bolder);
    line-height: 22px;
    margin: 0
}

.custom-footer.main-footer .main-footer-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.custom-footer.main-footer .main-footer-bottom .logo img {
    height: 34px;
    width: 164px
}

.custom-footer.main-footer .main-footer-bottom .payments svg,.modal-dialog .modal-footer .btn+.btn,.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-check label h3 i {
    margin-left: var(--spacing-1x)
}

.custom-nav .app-nav-header {
    height: 80px;
    background: var(--primary-block-bg)
}

.custom-nav .app-nav-header .container {
    display: flex;
    justify-content: space-between
}

.custom-nav .app-nav-header .container .app-nav-menu li a {
    color: #fff;
    transition: var(--transition-base)
}

.custom-nav .app-nav-header .container .app-nav-menu li a:hover,.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs a label:hover {
    color: var(--brand-secondary);
    transition: var(--transition-base)
}

.custom-nav .app-nav-header .container .menu-primary li {
    display: flex;
    white-space: nowrap
}

.custom-nav .app-nav-header .container .menu-primary li a {
    padding: 8px 16px;
    position: relative
}

.custom-nav .app-nav-header .container .menu-primary li[menuitemname="View Cart"] svg {
    width: 24px;
    height: 24px
}

.custom-nav .app-nav-header .container .menu-primary li[menuitemname="View Cart"] svg>* {
    stroke: #fff
}

.custom-nav .app-nav-header .container .menu-primary li .nav-badge {
    position: absolute;
    right: 5px;
    top: 0;
    border-radius: 6px;
    min-width: 16px;
    min-height: 16px;
    background: #f67a3c;
    border-color: #f67a3c;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top .spotlight-footer .btn,.page-configureproductdomain .domain-suggestion .actions .btn {
    margin: 0;
    min-width: 0;
    white-space: unset;
    height: auto;
    min-height: 36px;
    background: #f0ebff;
    border-color: #f0ebff;
    color: var(--brand-primary)
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top .spotlight-footer .btn:hover,.page-configureproductdomain .domain-suggestion .actions .btn:hover {
    background: #e5dcff;
    border-color: #e5dcff;
    color: #393d45
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container {
    margin-left: -4px;
    margin-right: -4px;
    display: flex
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container {
    margin-top: 24px;
    padding: 0 4px
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container.spotlight-tld-container-7 {
    width: 14.28%
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    border-radius: 4px;
    text-align: center
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e6e8ec;
    box-shadow: 0 2px 8px rgba(0,0,0,.04)
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top .spotlight-price {
    background: #fff;
    border-bottom: 1px solid #e6e8ec;
    font-size: 13px
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top .spotlight-content {
    position: relative;
    overflow: hidden;
    border-top: none;
    padding: 24px 0
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top .spotlight-content .extension {
    font-size: 24px;
    font-weight: 400;
    margin: 0
}

.page-configureproductdomain #spotlightTlds .spotlight-tlds-container .spotlight-tld-container .spotlight-tld .spotlight-body .spotlight-top .spotlight-footer {
    background-color: unset!important
}

.page-configureproductdomain .domain-lookup-loader {
    margin-top: var(--spacing-3x)
}

.page-configureproductdomain .main-header-title,.page-domaintransfer .main-header-title {
    text-align: center
}

.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs {
    display: flex;
    justify-content: center;
    font-size: var(--font-size-lg)
}

.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs>li:not(:last-of-type) {
    margin-right: var(--spacing-5x)
}

.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs a {
    border: none;
    padding: 0
}

.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs a label {
    cursor: pointer;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    transition: var(--transition-base);
    margin: 0;
    padding: var(--spacing-1x) 0;
    color: var(--text-heading-color)
}

.page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs .active a:after {
    height: 2px;
    background: var(--brand-secondary);
    content: "";
    position: absolute;
    bottom: var(--spacing-1x);
    left: 0;
    right: 0
}

@media(max-width: 484px) {
    .page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs {
        flex-direction:column;
        align-items: center
    }

    .page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs>li:not(:last-of-type) {
        margin-right: 0
    }
}

.page-configureproductdomain .panel-choose-domain .panel-domain-search {
    border-radius: var(--panel-border-radius)
}

.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainowndomain,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainregister {
    max-width: unset
}

.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainowndomain .inline-form-element:first-of-type input,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainregister .inline-form-element:first-of-type input {
    padding-left: 68px
}

.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainowndomain .inline-form-element:first-of-type:before,.page-configureproductdomain .panel-choose-domain .panel-domain-search #domainregister .inline-form-element:first-of-type:before {
    content: "www.";
    position: absolute;
    left: 16px;
    font-size: 18px;
    top: 15px;
    width: 50px;
    z-index: 4
}

.page-configureproduct .product-config-info.custom-border {
    border: 1px solid var(--brand-secondary)
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-header {
    cursor: pointer;
    padding: var(--spacing-2x);
    border-radius: var(--card-border-radius)
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-header .collapse-heading {
    margin-bottom: 0;
    font-weight: 650;
    padding-left: var(--spacing-5x);
    position: relative;
    font-size: 24px;
    line-height: 32px
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-header .collapse-heading .collapse-heading-icon {
    position: absolute;
    top: 7px;
    left: 0;
    border: 2px solid var(--brand-primary-darker);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 3px
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-header .collapse-heading .collapse-heading-icon .rect {
    position: absolute;
    top: 7px;
    left: 3px;
    display: block;
    height: 2px;
    width: 10px;
    background: var(--brand-primary-darker);
    display: flex;
    justify-content: center;
    align-items: center
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-header .collapse-heading .collapse-heading-icon .rect-movable {
    height: 10px;
    width: 2px;
    top: 3px;
    left: 7px;
    transition: var(--transition-base)
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-header:not(.collapsed) .collapse-heading .collapse-heading-icon .rect-movable {
    transition: var(--transition-base);
    transform: rotate(90deg)
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-panel .collapse-body {
    padding-right: 0
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-panel .collapse-body .package__features-group .package__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 40px
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-panel .collapse-body .package__features-group .package__list .list-item {
    margin-bottom: var(--spacing-2x);
    width: 100%;
    max-width: 250px;
    margin-right: var(--spacing-2x);
    border: 1px solid #dbdbdb;
    padding: var(--spacing-1x) var(--spacing-2x);
    border-radius: 4px
}

.page-configureproduct .product-config-info .configure-product-collapse .collapse-panel .collapse-body .package__features-group .package__list .list-item span {
    padding: 0!important
}

.page-configureproduct .modal-metric-pricing .modal-body table tr th {
    text-align: left!important
}

.page-configureproduct .modal-metric-pricing .modal-body .alert.alert-info,.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer {
    margin-top: var(--spacing-2x)
}

.page-configureproduct .addon-promo-container .description h3 {
    font-size: var(--font-size-lg)
}

.page-configureproduct .addon-promo-container .description p {
    color: var(--text-body-color);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-light)
}

.page-configureproduct .panel-check[data-virtual-input] .check label {
    width: 100%;
    height: 100%
}

.btnCompleteProductConfigMob.btn-checkout,.page-configureproduct .panel-summary .btnCompleteProductConfigMob .btn-checkout {
    color: #fff;
    background: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.btnCompleteProductConfigMob.btn-checkout:hover,.page-configureproduct .panel-summary .btnCompleteProductConfigMob .btn-checkout:hover {
    color: #fff;
    background: var(--brand-secondary-lighter);
    border-color: var(--brand-secondary-lighter)
}

.page-configureproduct .check.check-cycle label {
    padding: 0 var(--spacing-2x);
    width: 100%;
    color: var(--text-body-color);
    font-size: 15px
}

.page-configureproduct .check.check-cycle .check-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    margin-left: var(--spacing-4x)
}

.page-configureproduct .panel-check .check-location {
    height: 84px
}

.server-actions.has-quick-tour.show:before,.transfer-to-us.has-quick-tour:before {
    height: 36px;
    margin-top: -18px;
    border: 1px solid #f67a3c;
    background: #fff;
    z-index: 998
}

.page-configureproduct .panel-check .check-location label {
    padding: var(--spacing-2x)
}

.page-configureproduct .panel-check .check-location label .radio-styled .radio-styled {
    left: -1px
}

.page-configureproduct .panel-check .check-location label .check-content .check-subtitle {
    font-size: 12px;
    color: var(--gray-lighter)
}

.page-configureproduct .panel-check .check-location label .check-content .check-flag {
    position: absolute;
    right: var(--spacing-2x);
    top: calc(50% - 16px)
}

.page-configuredomains .panel-domain-config {
    border: 1px solid var(--brand-primary-lighter-4)
}

.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) {
    border-bottom: 1px solid var(--brand-primary-lighter-4);
    padding: 20px var(--spacing-3x)
}

.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top .domain-information-title h2 {
    margin-left: var(--spacing-3x);
    margin-bottom: 0;
    font-weight: var(--font-weight-bolder)
}

.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top .domain-information-info {
    margin-top: 0;
    margin-left: auto;
    display: flex;
    flex-direction: column
}

.page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top .domain-information-info .domain-period-info {
    margin-left: auto;
    font-size: 15px;
    color: var(--gray-lighter);
    font-weight: var(--font-weight-light)
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-top .domain-information-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: var(--font-weight-bolder);
    margin-bottom: var(--spacing-3x)
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-top .domain-information-title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: var(--font-weight-bolder)
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-top .domain-information-price {
    font-size: 18px;
    font-weight: var(--font-weight-bolder);
    color: var(--text-heading-color)
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body .domain-information-desc {
    font-size: 15px;
    line-height: 26px
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body .domain-information-desc ul {
    padding-left: 20px;
    list-style: none
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body .domain-information-desc ul li:before {
    position: absolute;
    content: "\2022";
    color: var(--brand-secondary);
    font-weight: bolder;
    font-size: 24px;
    display: inline-block;
    width: 10px;
    margin-left: -19px;
    top: 1px
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body .domain-information-img img,.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-body .domain-information-img svg {
    margin-top: 12px;
    width: 280px;
    height: 240px
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-check h3 {
    font-size: 18px
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-check .checkbox-styled.checked {
    background: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-check label h3 {
    font-weight: var(--font-weight-bolder);
    margin-bottom: 0;
    margin-left: var(--spacing-2x)
}

.page-configuredomains .panel-domain-config .panel-domain-addon .domain-information-check .domain-information-price {
    font-size: 18px;
    font-weight: var(--font-weight-bolder);
    color: var(--text-heading-color);
    margin-left: auto
}

.main-content .ticket-reply .ticket-reply-top .user i,.page-clientareaproductdetails .section .section-body .nav.nav-tabs>li a>i,.page-clientareaproductdetails .section .section-body .tab-content .tab-pane .row>.col-xs-12,.page-password-reset-container .dropdown-language-search .dropdown-header .input-group-icon {
    margin-right: 8px
}

.page-password-reset-container .dropdown-language-search .dropdown-header .form-control {
    border-radius: 4px!important
}

.page-viewcart .mc-promos .mc-promo .header .icon {
    position: absolute
}

.page-viewcart .mc-promos .mc-promo .header .cta .price {
    color: var(--price-package-color)
}

.page-viewcart .btn-add,.page-viewcart .btn-add:hover {
    color: #fff!important;
    background-color: var(--brand-secondary)!important;
    border-color: var(--brand-secondary-lighter)!important;
    font-weight: 600
}

.page-viewcart .h3 {
    font-size: var(--ca-section-title-font-size);
    font-weight: var(--ca-section-title-font-weight);
    line-height: var(--ca-section-title-line-height)
}

.page-viewcart .alert-promo {
    background: var(--brand-primary);
    color: #fff;
    padding-left: 48px
}

.page-viewcart .custom-viewcart .cart-products.is-loader .loader {
    display: block;
    z-index: 13;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page-viewcart .custom-viewcart .cart-products.is-loader:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 12
}

.page-viewcart .custom-viewcart .cart-products .cart-items-actions .btn-icon {
    padding: var(--spacing-1x)!important
}

.page-domainregister .tld-filters .selectize-control.form-control.custom-multiselect .selectize-input {
    padding: 8px 28px 4px 16px!important
}

.page-domainregister .tld-pricing .tld-pricing-header>.col-md-4,.page-domainregister .tld-pricing .tld-pricing-header>.col-md-8 {
    padding-top: var(--spacing-1x)
}

.page-affiliates .page-affiliates-content-custom #stats_loader,.page-affiliates .page-affiliates-content-custom #stats_loader .panel-body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 306px
}

.page-affiliates .page-affiliates-content-custom #stats_loader .spinner {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    border: none!important;
    animation: none!important
}

.page-affiliates .page-affiliates-content-custom .tile {
    min-height: 140px;
    margin-bottom: 24px
}

.page-affiliates .page-affiliates-content-custom .tile .stat {
    font-size: 36px;
    color: #393d45;
    padding-top: 4px;
    padding-bottom: 8px
}

.page-affiliates .page-affiliates-content-custom .tile .title {
    font-size: 13px;
    color: #7c8088;
    margin-top: -4px
}

.page-affiliates .page-affiliates-content-custom .tile .title.has-legend:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: var(--bg-color);
    margin-right: 8px;
    margin-top: -2px
}

.page-affiliates .page-affiliates-content-custom .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-2x)
}

.page-affiliates .page-affiliates-content-custom .section-header .section-header-actions .form-inline label {
    margin: 0 16px 0 0;
    white-space: nowrap
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .panel-body .btn-icon {
    padding-top: 8px
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner {
    display: flex;
    padding: 24px;
    border-radius: 4px;
    align-items: center
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-body h2 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 6px;
    font-weight: 400
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-body p {
    color: #cecee1;
    margin: 0
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons {
    display: flex;
    position: relative;
    margin-left: auto;
    padding-left: 16px
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: rgba(240,235,255,.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle+.slab-banner-circle {
    margin-left: 24px
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle:not(:first-child):after {
    content: "";
    border: 1px dashed #fbfbfc;
    opacity: .64;
    position: absolute;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    width: 24px;
    left: -24px
}

.page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons .slab-banner-circle.active {
    background: var(--brand-secondary)
}

@media(max-width: 767px) {
    .page-clientareahome .col-sm-6.swiper-slide {
        max-width:unset
    }

    .page-configureproductdomain .panel-choose-domain .panel-domain-option .nav-tabs {
        margin-top: -24px
    }

    .page-configuredomains .panel-domain-addon .domain-information-body {
        flex-direction: column
    }

    .page-configuredomains .panel-domain-addon .domain-information-body .domain-information-img {
        align-self: center;
        margin: var(--spacing-3x) 0
    }

    .page-affiliates .page-affiliates-content-custom .section-header {
        flex-direction: column;
        align-items: flex-start
    }

    .page-affiliates .page-affiliates-content-custom .section-header .section-header-actions {
        display: flex;
        align-items: flex-start;
        flex-direction: column
    }

    .page-affiliates .page-affiliates-content-custom .section-unique-link .panel-body .input-group-vertical-sm {
        flex-direction: row!important
    }

    .page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner {
        flex-direction: column;
        justify-content: center
    }

    .page-affiliates .page-affiliates-content-custom .section-unique-link .slab-banner .slab-banner-icons {
        margin: 0
    }
}

.page-products .products-tabs {
    margin-bottom: var(--spacing-6x);
    display: flex;
    justify-content: center
}

.page-products .products-tabs .nav-tabs-table {
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: -1px;
    z-index: 39;
    position: relative;
    flex-wrap: wrap
}

.page-products .products-tabs .nav-tabs-table li {
    flex-shrink: 0
}

.page-products .products-tabs .nav-tabs-table li a {
    text-transform: uppercase;
    padding-bottom: 24px
}

.page-products .products-tabs .nav-tabs-table li a:after {
    bottom: 1px
}

@media(max-width: 479px) {
    .page-configureproduct .panel-check[data-virtual-input] .check label {
        padding:var(--spacing-2x) calc(var(--spacing-2x) - 4px)
    }

    .page-configureproduct .panel-check[data-virtual-input] .check label .check-content {
        display: block;
        height: unset
    }

    .page-configuredomains .panel-domain-config .panel-body .domain-information {
        flex-direction: column;
        align-items: flex-start
    }

    .page-configuredomains .panel-domain-config .panel-body .domain-information .domain-information-info {
        margin-left: 0
    }

    .page-configuredomains .panel-domain-addon .domain-information-price .price {
        text-align: right
    }

    .page-configuredomains .panel-domain-addon .domain-information-price .price span {
        white-space: nowrap
    }

    .page-products .products-tabs {
        justify-content: flex-start
    }

    .page-products .products-tabs .nav-tabs-table {
        flex-direction: column
    }
}

.modal.quick-tour .btn-outline:hover,.page-clientareaaddfunds #add-credits-buttons .btn-outline {
    border-color: var(--gray-lighter-3)
}

.page-clientareaaddfunds .panel-summary .list-info .list-info-title {
    width: 116px;
    color: var(--panel-summary-text-color-faded)
}

.page-clientareaaddfunds .sidebar-primary .alert-info .alert-icon {
    margin-right: var(--spacing-1x)
}

.quick-tour-open-step-2,.quick-tour-open-step-3,.quick-tour-open-step-4,.quick-tour-open-step-5,.quick-tour-open-step-6 {
    padding-right: 0!important;
    overflow-y: auto!important
}

.quick-tour-open-step-2 .app-nav,.quick-tour-open-step-2 .nav-tabs-table,.quick-tour-open-step-3 .app-nav,.quick-tour-open-step-3 .nav-tabs-table {
    z-index: 1
}

.quick-tour-open-step-4 #main-menu,.quick-tour-open-step-5 #main-menu,.quick-tour-open-step-6 #main-menu {
    overflow: visible!important
}

.has-quick-tour .modal {
    padding-right: 0!important;
    position: absolute;
    width: auto;
    height: auto;
    left: auto;
    text-align: left;
    white-space: normal
}

.menu-primary li.has-quick-tour:after,.server-actions.has-quick-tour.show:after,.transfer-to-us.has-quick-tour:after {
    content: "";
    position: fixed;
    background-color: #393d45;
    opacity: .48;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 997
}

.server-actions.has-quick-tour.show:before {
    content: "";
    left: -2px;
    right: 8px;
    top: 53%;
    position: absolute;
    border-radius: 4px
}

.menu-primary li.has-quick-tour>a,.server-actions.has-quick-tour.show .btn,.transfer-to-us.has-quick-tour>a {
    position: relative;
    z-index: 999;
    pointer-events: none
}

.server-actions.has-quick-tour.show .modal {
    bottom: 64px;
    top: auto;
    left: auto;
    right: 8px;
    opacity: 1
}

.server-actions.has-quick-tour.show .modal .btn {
    pointer-events: inherit
}

.transfer-to-us.has-quick-tour:before {
    content: "";
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    border-radius: 4px
}

.transfer-to-us.has-quick-tour>a {
    color: #7c8088!important
}

.transfer-to-us.has-quick-tour>a>i {
    color: #b9bdc5!important
}

.transfer-to-us.has-quick-tour .modal {
    right: auto;
    bottom: auto;
    top: 56px;
    opacity: 1
}

.menu-primary li.has-quick-tour {
    position: relative!important
}

.menu-primary li.has-quick-tour:before {
    content: "";
    left: 4px;
    right: 4px;
    top: 2px;
    bottom: 4px;
    background: var(--brand-primary);
    z-index: 998;
    position: absolute;
    border: 1px solid #f67a3c;
    border-radius: 4px
}

.menu-primary li.has-quick-tour .modal {
    position: fixed;
    top: 29%;
    transform: translateY(-50%);
    bottom: auto;
    left: 148px;
    right: auto
}

.menu-primary li.has-quick-tour#Primary_Navbar-Affiliates .modal {
    bottom: 90px;
    top: auto;
    transform: none
}

.menu-primary li.has-quick-tour#Primary_Navbar-Support .modal {
    top: 50%
}

.modal.quick-tour.fade {
    transition: none
}

.modal.quick-tour.fade.show {
    opacity: 1
}

.modal.quick-tour .modal-dialog {
    width: 494px;
    max-width: 500px
}

.modal.quick-tour .modal-body {
    padding: 24px 24px 8px
}

.modal.quick-tour .modal-body h2 {
    margin-bottom: 14px
}

.modal.quick-tour .modal-body p {
    color: #393d45;
    font-weight: 300;
    margin: 0;
    font-size: 14px;
    line-height: 26px
}

.modal.quick-tour .modal-footer {
    padding: 8px 24px;
    display: flex;
    align-items: center
}

.modal.quick-tour .modal-footer .btn {
    margin-left: auto;
    margin-right: -16px
}

.modal.quick-tour .checkbox label,.modal.quick-tour .modal-footer .btn:not(:hover) {
    color: #878b92
}

.modal.quick-tour .checkbox {
    font-size: 13px;
    line-height: 24px;
    margin: 0
}

.modal.quick-tour .checkbox-styled {
    border-width: 2px;
    width: 20px;
    height: 20px
}

#creditCardInputFields #existingCardInfo .cc-item:not(.active),#creditCardInputFields #existingCardsContainer .cc-item:not(.active),.modal.quick-tour .btn-outline,.paymethod-info #existingCardInfo .cc-item:not(.active),.paymethod-info #existingCardsContainer .cc-item:not(.active) {
    border: 1px solid var(--gray-lighter-2)
}

.modal.quick-tour .quick-tour-buttons .btn {
    font-weight: var(--font-weight-bold)!important
}

.modal.quick-tour .quick-tour-buttons .btn.btn-outline {
    color: var(--btn-default-color)!important;
    background: 0 0;
    border: 1px solid var(--gray-lighter-2!important
}

.modal.quick-tour .quick-tour-buttons .btn.btn-outline:hover {
    border: 1px solid var(--gray-lighter-2)!important
}

.modal .quick-tour-actions {
    padding: 16px 0 8px;
    display: flex
}

.modal .quick-tour-audio {
    display: flex;
    align-items: center;
    color: #393d45;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    flex: 1;
    padding-right: 10px;
    cursor: pointer
}

.modal .quick-tour-audio svg {
    width: 22px;
    fill: var(--brand-primary);
    margin-right: 10px
}

.modal .quick-tour-audio-pause {
    display: none;
    border-radius: 100%;
    background: var(--brand-primary);
    width: 22px;
    height: 22px;
    margin-right: 10px;
    align-items: center;
    justify-content: center
}

.modal .quick-tour-audio-pause span {
    width: 3px;
    height: 10px;
    background: #fff
}

.modal .quick-tour-audio-pause span:last-of-type {
    margin-left: 2px
}

.modal .quick-tour-audio-time {
    display: none;
    font-size: 13px;
    line-height: 24px;
    color: #878b92;
    font-weight: 400;
    margin-left: auto;
    align-items: center
}

#frmPayment .order-summary .content .list-item .item-value,.modal .quick-tour-buttons {
    margin-left: auto
}

.modal .quick-tour-buttons .btn {
    height: 34px;
    padding: 5px 16px
}

.modal .quick-tour-buttons .btn .ls-left {
    margin-left: -4px
}

.modal .quick-tour-buttons .btn .ls-right {
    margin-right: -4px;
    margin-left: 6px
}

.modal .quick-tour-buttons .btn+.btn {
    margin-left: 4px
}

#quick-tour-1 h4 {
    font-size: 24px;
    font-weight: 600
}

#quick-tour-1 .modal-body p,#quick-tour-7 .modal-body p {
    font-size: 16px;
    line-height: 32px
}

#quick-tour-1 .quick-tour-actions,#quick-tour-7 .quick-tour-actions {
    padding: 24px 0 16px
}

.cookie-bar {
    position: fixed;
    display: none;
    z-index: 99999;
    background-color: #fff;
    border-radius: 12px;
    max-width: 340px
}

.cookie-bar:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    z-index: -1
}

.cookie-bar--bottom-left {
    left: 10px;
    bottom: 10px
}

.cookie-bar--bottom-right {
    right: 10px;
    bottom: 10px
}

.cookie-bar--top-left,.cookie-bar--top-right {
    right: 10px;
    top: 10px
}

.cookie-bar__icon {
    margin-bottom: 24px;
    display: flex;
    justify-content: center
}

.cookie-bar__content p,.page-upgrade form.package ul .p-4 {
    padding: 0!important
}

.cookie-bar__content p.p-2 {
    font-size: 20px;
    line-height: 32px
}

.btn-copy-code,.cookie-bar__content p.p-4 {
    font-size: 16px;
    line-height: 26px
}

.cookie-bar__content a {
    text-decoration: none;
    font-weight: 700
}

.cookie-bar__action {
    margin-top: 24px
}

.cookie-bar__action .btn-lg {
    height: 52px
}

.app-nav-menu>.container .menu-primary>li[menuitemname="Chat With Us"]>a>svg {
    margin-right: 4px;
    max-height: 18px
}

.app-nav-menu>.container .menu-primary>li[menuitemname="Chat With Us"]>a>svg path {
    fill: #fff;
    stroke: #fff;
    transition: fill .24s,stroke .24s
}

.app-nav-menu>.container .menu-primary>li[menuitemname="Chat With Us"]>a:hover>svg path {
    fill: var(--brand-secondary);
    stroke: var(--brand-secondary)
}

.lagom .intl-tel-input .country-list .country.highlight,.panel-info #customFields,.panel-info #ticketReply {
    background-color: var(--brand-primary-lighter-4)
}

#modalEmptyCart .modal-dialog>.modal-content>.modal-footer>.btn+.btn {
    margin-left: 8px
}

.alert.hidden[style="display: block;"],.alert.w-hidden[style="display: block;"] {
    display: block!important
}

.btn-remove-domain,.custom-nav .nav-item-icon-only .item-text,.lagom .hidden,.lagom .w-hidden {
    display: none!important
}

.lagom .panel-info.panel-collapsable .panel-body {
    background-color: #fff;
    padding: var(--panel-body-padding)
}

.dataTables_wrapper #tableTicketsList tr {
    cursor: pointer
}

.dataTables_wrapper #tableTicketsList tr td {
    transition: background var(--transition-base)
}

.dataTables_wrapper #tableTicketsList tr:hover td {
    background-color: var(--table-bg-hover)
}

.lagom-layout-left .main-sidebar.pull-md-left,.lagom-layout-left-wide .main-sidebar.pull-md-left {
    order: 2;
    padding-right: var(--main-sidebar-spacing-h);
    padding-left: 0
}

.lagom-layout-left .main-sidebar,.lagom-layout-left-wide .main-sidebar {
    order: 2;
    padding-left: var(--main-sidebar-spacing-h);
    padding-right: 0
}

.lagom-layout-left .main-sidebar.main-sidebar-tickets,.lagom-layout-left-wide .main-sidebar.main-sidebar-tickets {
    order: unset;
    padding-left: 0
}

.panel-info.panel-ticket-reply {
    border-color: var(--brand-primary-lighter-4)
}

.panel-info #customFields .collapse-icon>i,.panel-info #customFields .panel-title>i,.panel-info #ticketReply .collapse-icon>i,.panel-info #ticketReply .panel-title>i {
    color: var(--brand-primary)!important
}

.panel-info #customFieldsBox,.panel-info #customFieldsBox .panel-body,.panel-info #ticketReplyBox,.panel-info #ticketReplyBox .panel-body {
    border-radius: 0 0 8px 8px
}

.panel-sidebar:not(.panel-ticket-information) .btn:not(.btn-info) {
    color: var(--btn-info-color)!important;
    background: var(--btn-info-bg)!important;
    border-color: var(--btn-info-border)!important
}

.main-content .ticket-reply {
    border-color: var(--brand-secondary-lighter-3)
}

.main-content .ticket-reply .ticket-reply-top .info .type {
    text-align: right
}

.main-content .ticket-reply .ticket-attachments,.main-content .ticket-reply .ticket-message {
    padding: var(--panel-heading-padding)
}

.domain-information-check a,.domain-information-title>*,.main-content .ticket-reply .ticket-message {
    word-break: break-word
}

.main-content .ticket-reply .ticket-attachments ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.main-content .ticket-reply.staff {
    border-color: var(--brand-primary-lighter-3)
}

.main-content .ticket-reply.staff .ticket-reply-top {
    background-color: var(--brand-primary-lighter-4);
    border-color: var(--brand-primary-lighter-3)
}

.main-content .ticket-reply .ticket-reply-top {
    padding: var(--panel-heading-padding);
    justify-content: space-between;
    background-color: var(--brand-secondary-lighter-4);
    border-color: var(--brand-secondary-lighter-3)
}

.page-upgrade form.package ul,.products .package .package-features,.products .package .package__features {
    padding-left: 0;
    list-style-type: none
}

#frmPayment {
    display: flex;
    flex-direction: row
}

#frmPayment .order-summary {
    padding: var(--panel-body-padding);
    border-radius: var(--panel-border-radius)
}

#frmPayment .order-summary ul li {
    list-style-type: none
}

#frmPayment .order-summary .content .order-summary-list {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--gray-faded)
}

#frmPayment .order-summary .total-due-today .content {
    display: flex;
    flex-direction: column-reverse
}

#frmPayment .order-summary .total-due-today .content #totalDueToday {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    color: #fff
}

#frmPayment .order-summary.order-summary-mob .summary-footer,.order-summary.order-summary-mob .summary-footer {
    padding-top: 4px!important
}

.page-invoice-payment .order-summary.order-summary-mob {
    border-radius: 0!important
}

.page-invoice-payment .order-summary.order-summary-mob .summary-container {
    padding: 16px
}

.page-invoice-payment .order-summary.order-summary-mob .summary-container>.content,.page-invoice-payment .order-summary.order-summary-mob .summary-container>.total-due-today {
    padding: 16px 0 0
}

#creditCardInputFields .cc-input-container .nav.nav-tabs {
    padding: 0 24px;
    border-bottom: 1px solid var(--gray-lighter-3)
}

#creditCardInputFields .cc-input-container .nav.nav-tabs>li a {
    margin-right: 0
}

#creditCardInputFields .cc-input-container .nav.nav-tabs>li a:after {
    content: unset!important
}

#creditCardInputFields .cc-input-container .nav.nav-tabs>li.active {
    border-bottom: 2px solid var(--brand-primary)
}

#creditCardInputFields .panel-nav,.paymethod-info .panel-nav {
    border-bottom: 1px solid var(--gray-lighter-2)
}

#creditCardInputFields .nav,.paymethod-info .nav {
    padding: 0 7px
}

#creditCardInputFields .nav li>a,.paymethod-info .nav li>a {
    font-weight: 600
}

.products .pt__features br {
    line-height: 0;
    display: none
}

.spotlight-tld-container .spotlight-top .spotlight-footer .btn-primary,.suggested-domains #domainSuggestions .domain-suggestion .actions .btn-primary {
    color: var(--btn-primary-color)!important;
    background: var(--btn-primary-bg)!important;
    border-color: var(--btn-primary-border)!important
}

.spotlight-tld-container .spotlight-top .spotlight-footer .btn-primary:hover,.suggested-domains #domainSuggestions .domain-suggestion .actions .btn-primary:hover {
    color: var(--btn-primary-hover-color)!important;
    background-color: var(--btn-primary-hover-bg)!important;
    border-color: var(--btn-primary-hover-border)!important
}

.suggested-domains #domainSuggestions .domain-suggestion .actions .price {
    font-size: 17px;
    line-height: 29px;
    font-weight: 800
}

.suggested-domains #domainSuggestions .domain-suggestion .actions .btn {
    font-size: 14px;
    line-height: 29px;
    width: 130px!important
}

.suggested-domains #domainSuggestions .domain-suggestion .actions .btn-info {
    border-color: var(--btn-primary-border)!important;
    background-color: #fff;
    color: var(--brand-secondary)
}

.suggested-domains #domainSuggestions .domain-suggestion .actions .btn-info:hover {
    border-color: var(--btn-primary-border)!important;
    background-color: #fff!important;
    color: var(--brand-secondary)!important
}

.suggested-domains .domain-suggestions-warning {
    margin-top: var(--spacing-3x);
    color: var(--gray-lighter)
}

#Overview .product-details .product-icon {
    background: linear-gradient(270deg,#7b60cc,#4a338d 45.21%,#2e1a6d)
}

#Overview .product-details .product-status {
    color: #fff;
    font-size: var(--font-size-md);
    line-height: var(--line-height-md)
}

#Overview .product-details .product-name,#Overview .product-details .product-name a {
    font-weight: var(--font-weight-bold);
    color: #fff
}

#tableDomainList .cell-actions .btn {
    line-height: 18px!important;
    min-width: 120px;
    height: 32px
}

.server-info .popover.in {
    display: block!important;
    top: 32px;
    right: 0!important;
    left: unset;
    min-width: fit-content
}

.server-info .popover.in .popover-body {
    text-align: left
}

.server-info .popover.in .popover-body h6 {
    background-color: #fff;
    padding: 0 8px 0 24px;
    display: flex
}

.server-info .popover.in .popover-body ul {
    margin-top: -28px;
    padding: 24px 8px 8px;
    border: 1px solid #eaeaec;
    display: flex;
    flex-direction: column;
    list-style-type: none
}

.server-info .popover.in .popover-body ul li {
    display: inline-flex;
    position: relative
}

.server-info .popover.in .popover-body ul li span {
    line-height: 100%;
    min-width: 180px;
    padding-right: 40px
}

.server-info .popover.in .popover-body ul li input {
    padding: 0;
    background-color: transparent;
    outline: 0;
    border: none;
    height: 24px
}

.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] {
    padding: var(--panel-body-padding)
}

.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer .btn {
    width: 100%!important
}

.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer .btn,.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer .btn:active,.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer .btn:focus,.page-upgrade .panel.panel-sidebar[menuitemname="Upgrade Downgrade"] .panel-footer .btn:hover {
    color: #fff!important;
    background-color: var(--brand-secondary)!important;
    border-color: var(--brand-secondary)!important
}

.page-upgrade form.package ul .package__title {
    margin: 16px 0
}

.page-clientareadomaindetails .panel-group-condensed .panel-check+.panel-check {
    margin-top: 0
}

.page-domaintransfer .tld-promo-box .view-all-deals {
    display: inline-flex;
    margin-bottom: 16px
}

.page-domaintransfer .tld-promo-box .view-all-deals i {
    top: 3px
}

@media(max-width: 1319px) {
    .page-clientareahome .row.promo-row .tld-promo-box,.page-domaintransfer .row.promo-row .tld-promo-box {
        margin-top:24px
    }

    .page-domaintransfer .tld-promo-box {
        order: 2
    }
}

.page-domaintransfer .section--custom .row>div {
    padding: 0 16px!important;
    display: flex;
    flex-direction: column;
    position: relative
}

.page-domaintransfer .section--custom .row>div .feature__number {
    position: absolute;
    background: -webkit-linear-gradient(270deg,#52399e,rgba(82,57,158,0) 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    opacity: .2;
    font-size: 120px;
    line-height: 141px;
    left: 50%;
    transform: translateX(-50%);
    top: -60px
}

.page-domaintransfer .section--custom .row>div .feature {
    min-height: auto;
    padding: 24px;
    background-color: #fff;
    align-items: center!important;
    border-radius: 12px;
    height: 100%;
    margin-top: 32px;
    border: 1px solid #efefef;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    position: relative;
    flex-grow: 1
}

.page-domaintransfer .section--custom .row>div .feature__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    justify-content: center
}

.page-domaintransfer .section--custom .row>div .feature__body>:last-child:not(.feature__actions) {
    margin-bottom: 0
}

.domain-available.message,.page-domaintransfer .section--custom .row>div .feature__desc,.page-domaintransfer .section--custom .row>div .feature__title {
    text-align: center
}

.page-domaintransfer .section--custom .row>div .feature__title {
    display: flex;
    flex-direction: column;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 16px;
    color: #2b1f51
}

.page-domaintransfer .section--custom .row>div .feature__desc {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-right: 0;
    flex-grow: 1;
    color: #524972
}

@media(min-width: 1388px) {
    .page-domaintransfer .section--custom .row>div .feature {
        align-items:flex-start
    }
}

@media(min-width: 992px) and (max-width:1387px) {
    .page-domaintransfer .section--custom .row>div {
        margin-bottom:24px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .page-domaintransfer .section--custom .row>div {
        min-width:192px;
        padding: 0 8px!important
    }
}

.page-login.page-type-full {
    background: var(--primary-block-bg)
}

.page-login:not(.register-page):not(.page-password-reset-container):not(.page-user-invite-accept) {
    overflow-y: hidden
}

.page-login .main-body.custom-loginpage,.page-login .main-body.custom-loginpage .auth-left,.page-login .main-body.custom-loginpage .auth-right {
    max-height: 100vh
}

.page-login .main-body.custom-loginpage .auth-right {
    align-items: flex-start!important;
    overflow-y: scroll
}

.page-login .main-body.custom-loginpage .auth-right .auth-box {
    margin-top: 10vh
}

.page-login .tooltip {
    min-width: 160px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 8px;
    padding: 8px;
    line-height: 26px;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04),0 24px 64px 0 rgba(0,0,0,.06);
    margin-bottom: 10px;
    z-index: 10
}

.page-login .tooltip,.page-login .tooltip .tooltip-inner {
    background-color: #fff;
    color: #524972;
    font-size: 16px;
    font-weight: 600
}

.page-login .tooltip:before {
    left: 50%;
    transform: translateY(-50%) rotate(45deg);
    margin-left: -12px;
    content: "";
    position: absolute;
    bottom: -12px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    z-index: -1
}

.page-login .captcha-container div {
    margin: 0 auto
}

.btn-copy-code {
    display: inline-block;
    color: #f67a3c;
    background-color: #fee9df;
    border-radius: 4px;
    vertical-align: inherit;
    height: auto;
    padding: 2px 8px;
    cursor: pointer;
    font-weight: 600
}

.fieldgroup-creditcard .cc-number-field {
    background-repeat: no-repeat!important;
    background-position: 100%!important
}

.lagom .dropdown-menu-items>.active>a,.lagom .dropdown-menu-items>.active>a:focus,.lagom .dropdown-menu-items>.active>a:hover,.lagom .dropdown-menu>.active>a,.lagom .dropdown-menu>.active>a:focus,.lagom .dropdown-menu>.active>a:hover {
    text-decoration: none;
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg)
}

#tableDomainsList tr>td:last-child {
    min-width: 136px;
    padding: 16px 8px
}

@media(max-width: 768px) {
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space:normal!important;
        padding: 16px!important
    }
}

@media(max-width: 768px) and (max-width:500px) {
    #tableTicketsList tr>td:last-child,#tableTicketsList tr>th:last-child {
        display:none
    }
}

@media(max-width: 768px) and (max-width:500px) and (max-width:400px) {
    #tableTicketsList tr>td:nth-child(4),#tableTicketsList tr>th:nth-child(4) {
        display:none
    }
}

@media(max-width: 768px) and (max-width:500px) and (max-width:330px) {
    #tableTicketsList tr>td:nth-child(3),#tableTicketsList tr>th:nth-child(3) {
        display:none
    }
}

#sticky-sidebar.is-affixed .inner-wrapper-sticky {
    transform: translateZ(0)!important
}

@media(max-width: 769px) {
    .page-configuredomains .panel-domain-config .panel-body:not(.panel-domain-addon) .domain-information .domain-information-top .domain-information-info {
        margin-left:0
    }
}

.dropdown.supportpin .dropdown-menu {
    text-align: center;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    left: -160px
}

.dropdown.supportpin .supportpin-pin {
    color: var(--brand-primary);
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px
}

@media(min-width: 992px) {
    .lagom-layout-left .app-nav .app-nav-header {
        display:none
    }

    .lagom-layout-left .app-nav .app-nav-menu {
        height: 100%
    }

    .custom-nav .app-nav-header .container .menu-primary li:last-of-type {
        margin-right: -16px
    }

    .pull-md-right {
        float: right
    }

    .pull-md-left {
        float: left
    }

    .page-domaintransfer {
        order: 2
    }

    .page-domaintransfer .section--custom .row {
        margin-top: 48px
    }

    .main-content+.main-sidebar {
        margin-left: var(--main-sidebar-spacing-h);
        padding-left: var(--main-sidebar-spacing-h);
        padding-right: 0;
        margin-right: 0
    }
}

.custom-nav .menu.menu-primary .item-text {
    margin: 0!important;
    white-space: nowrap!important
}

.modal.modal-checkout-delay .modal-dialog {
    width: 636px;
    max-width: 100%;
    position: relative;
    margin-top: 18vh
}

.modal.modal-checkout-delay .modal-body {
    padding: 24px
}

.modal.modal-checkout-delay .modal-body .loader-lg {
    max-height: 100px;
    min-height: 100px;
    width: 130px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: auto auto 40px
}

.modal.modal-checkout-delay .modal-body .loader-lg>div {
    background-color: var(--brand-primary);
    width: 12px;
    animation: 1.2s ease-in-out infinite sk-stretchdelay
}

.modal.modal-checkout-delay .modal-body .loader-lg>div:nth-child(2) {
    animation-delay: .1s
}

.modal.modal-checkout-delay .modal-body .loader-lg>div:nth-child(3) {
    animation-delay: .2s
}

.modal.modal-checkout-delay .modal-body .loader-lg>div:nth-child(4) {
    animation-delay: .3s
}

.modal.modal-checkout-delay .modal-body .loader-lg>div:nth-child(5) {
    animation-delay: .4s
}

.modal.modal-checkout-delay .modal-body button.close {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal.modal-checkout-delay .modal-body .modal-top-bar {
    font-size: 22px;
    line-height: 56px;
    margin: 0;
    font-weight: 600
}

.modal.modal-checkout-delay .modal-body .modal-title {
    font-size: 40px;
    line-height: 52px;
    color: #2b1f51;
    text-align: center;
    font-weight: 800;
    margin: auto auto 16px
}

.modal.modal-checkout-delay .modal-body .modal-content {
    margin: 0;
    border: none;
    padding: 24px
}

.modal.modal-checkout-delay .modal-body .modal-text {
    margin: auto;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #524972
}

.modal.modal-checkout-delay .modal-body .modal-text+.modal-text {
    margin-top: 16px
}

.modal.modal-checkout-delay .modal-body .modal-text--footer {
    margin-top: 40px;
    color: #938f9f;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.banner-promo-container {
    background-color: #f2f0ff
}

.banner-promo-container .promo-code-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    color: #2b1f51;
    padding: 16px 8px;
    width: 100%
}

@media(max-width: 991px) {
    .lagom-layout-left .app-nav .app-nav-menu .menu-primary>li>a svg,.page-login .main-body.custom-loginpage.auth .auth-right {
        display:none
    }

    .page-login .main-body.custom-loginpage.auth .auth-left {
        width: 100%
    }

    .custom-nav .app-nav-header .container .app-nav-menu {
        position: static;
        transform: unset;
        transition: unset;
        height: unset;
        width: unset;
        padding: unset;
        background: unset;
        overflow: unset
    }

    .custom-nav .app-nav-header .container .app-nav-menu .menu {
        padding: 0 0 0 16px
    }

    .custom-nav .app-nav-header .container .app-nav-menu .menu>li>a {
        font-size: var(--font-size-base);
        font-weight: var(--font-weight-base);
        padding: 8px
    }

    .custom-nav .app-nav-header .container .app-nav-menu .menu>li>a .nav-badge {
        right: -3px
    }

    .page-domaintransfer .section--custom .row {
        flex-direction: column
    }

    .page-domaintransfer .section--custom .row>div {
        margin-top: 48px;
        min-width: 100%;
        padding: 0 8px!important
    }

    .lagom.lagom-layout-left .main-sidebar,.lagom.lagom-layout-left-wide .main-sidebar {
        padding-left: 0;
        padding-top: 16px
    }

    .lagom.lagom-layout-left .main-sidebar .list-group,.lagom.lagom-layout-left-wide .main-sidebar .list-group {
        justify-content: space-between
    }

    .panel-sidebar:not(.panel-summary):not(.panel-ticket-information):not(.panel-recent-tickets) .list-group>a.list-group-item {
        margin-bottom: 8px!important
    }

    .banner-promo-container .promo-code-banner {
        justify-content: center;
        flex-direction: column
    }

    .banner-promo-container .promo-code-info {
        margin-bottom: 10px
    }
}

.banner-promo-container .promo-code-info {
    color: #2b1f51;
    font-size: 16px;
    text-align: center
}

.banner-promo-container .promo-code-timer {
    color: var(--brand-secondary);
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-promo-container .promo-code-timer .timer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.banner-promo-container .promo-code-timer .timer:not(:last-of-type) {
    margin-right: 10px
}

.banner-promo-container .promo-code-timer .timer>span:first-child {
    font-weight: var(--font-weight-bold);
    font-size: 24px;
    margin-bottom: 2px
}

.auth-form>.custom-alerts .clientAlert>.container {
    display: flex;
    flex-direction: row;
    padding-left: 0!important;
    padding-right: 0!important
}

.auth:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content {
    flex-direction: column;
    align-self: flex-start
}

.auth:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content .alert-body {
    align-self: flex-start
}

.auth:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content .alert-actions {
    width: 100%;
    padding: var(--spacing-1x) 0 0
}

.auth:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content .alert-actions .btn {
    margin-top: var(--spacing-1x)
}