.space {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.px100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.p30 {
	padding: 30px;
}
.pt20 {
    padding-top: 20px;
}
.pt50 {
    padding-top: 50px;
}
.color-picker-container.blue {
    background-color: #1b70b8;
}
.color-picker-container.orange {
    background-color: #eb8423;
}
.bg-white {
	background-color: #FFF !important;
}
.top-border {
	border-top: 1px solid #f3f3f3;
}
.left-border {
	border-left: 1px solid #f3f3f3;
}
.bottom-border {
	border-bottom: 1px solid #f3f3f3;
}
.right-border {
	border-right: 1px solid #f3f3f3;
}

.wrap-main-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    height: 440px;
}
.wrap-main-swiper .content-slide {
    height: 440px;
    padding: 10% 50px 0;
    font-size: 18px;
}
.wrap-main-swiper .content-slide .slogan {
    font-size: 46px;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 120%;
    margin-bottom: 0;
}
.wrap-main-swiper .content-slide .sub-slogan {
    margin-bottom: 0;
    opacity: .8;
}
.wrap-main-swiper .content-slide .event-title {
    font-size: 18px;
    letter-spacing: -1px;
    margin-bottom: 0;
    opacity: .8;
}
.wrap-main-swiper .content-slide .btn {
	border-radius: 3px;
}
.wrap-main-swiper .content-slide .btn-outline-success {
	color: #4cae4c !important;
    border-color: #4cae4c !important;
}
.swiper-pagination-bullet {
	background-color: #FFF !important;
}
.swiper-pagination-bullet-active {
	background-color: #FFF !important;
}
/*
* Main-top
*/
.main-top {
	background-color: #FFF;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    padding: 1.25rem 1.5rem;
}
.main-top > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-top h1 {
	color: #2a2e36;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0;
}

.main-top h1 small {
	font-weight: 400;
    line-height: 1;
    color: #777;
    margin-left: 10px;
    font-size: 1rem;
}
.main-top .breadcrumb {
	color: #4d5460;
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
}
.main-top .breadcrumb a {
	color: #a6abaf;
}
.login-container {
	padding-top: 10%;
}
.login .agreement {
	text-align: center;
	font-size: 12px;
	color: #7f8792;
}
.login .agreement a {
	color: #000;
	margin: 0 2px;
}
.login-container .join-container {
	padding: 5rem 0;
}
.login-div {
	overflow: hidden;
	border-radius: 6px;
	background-color: #FFF;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.login-left-img {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-image: url("../img/45209D8C828735AADAA4ED44850B300A-squashed.jpg");
	background-size: cover;
}
.login-left-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: 1;
    background: #2468f2;
}
.login-left-title {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    z-index: 100;
}
.login-left-desc {
    margin-bottom: 32px;
    color: #FFF;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    position: relative;
    z-index: 100;
}
.login-or {
	position: relative;
    margin-bottom: 4px;
    color: rgba(0,0,0,.25);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}
.login-or:after,
.login-or:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 44%;
    height: 1px;
    background-color: #e8eaec;
    content: "";
    transform: translateY(-50%);
}
.login-or:before {
	left: 0;
}
.login .btn {
	font-size: 1.125rem;
}
.login .social-login .btn:hover {
	color: #007bff;
    border-color: #007bff;
    background-color: transparent;
}
.login .join-container {
	padding: 5rem 0;
}
.subtop {
	padding: 5rem 0;
	background: url(../img/subtop.png) no-repeat;
	background-size: 100%;
	background-position: center 1px;
	background-size: 1920px;
}
.subtop .sub-info {
	color: #FFF;
	text-align: center;
}
.dropdown-menu {
    padding: 0;
    border-color: #eff3f7;
    box-shadow: none;
}
.dropdown-menu>li {
	padding: 0;
}
.dropdown-menu>li>a {
	color: #333;
	display: block;
	padding: 10px 20px;
}
.dropdown-divider {
	margin: 0;
}
.dropdown-item.active,
.dropdown-item:active,
.navbar-nav .dropdown-menu>.active>a,
.navbar-nav .dropdown-menu>.active>a:focus,
.navbar-nav .dropdown-menu>.active>a:hover,
.navbar-nav .dropdown-menu>.open>a,
.navbar-nav .dropdown-menu>.open>a:focus,
.navbar-nav .dropdown-menu>.open>a:hover,
.navbar-nav .dropdown-menu>li>a:focus,
.navbar-nav .dropdown-menu>li>a:hover {
    color: #1d7abd;
    text-decoration: none;
	background-color: transparent;
}
.navbar-nav .nav-divider {
    margin: 0;
    background-color: #eff3f7;
}
.price-box {
	padding: 1.5rem;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.price-title {
	font-size: 18px;
}
.price-amount {
	color: #2468F2;
	font-size: 35px;
}
.price-amount small {
	display: block;
	font-size: 14px;
	color: #666;
	margin-bottom: 2rem;
}
.price-desc {
	padding: 0px;
	margin: 0;
	list-style: none;
	font-weight: 500;
	margin-bottom: 4rem;
}
.price-desc li {
	line-height: 28px;
}
.price-btn .btn {
	font-size: 15px;
	line-height: 28px;
}
.main-head {
	margin-bottom: 1.5rem;
}
.head-title {
	color: #333;
}
.head-desc {
	color: #666;
}
.text-link .btn-default {
	border: 1px solid #d6d6d6;
	color: #666;
}
.text-link .btn-default:hover,
.text-link .btn-default:focus,
.text-link .btn-default:active {
	border: 1px solid #1378e7;
	background-color: #1378e7;
	color: #FFF;
}

/* WHMCS */
section#main-body {
	padding: 0;
}
.main-content {
	margin-bottom: 0;
}
.main-content .card {
	margin-bottom: 1.5rem;
}
.main-content h3.card-title  {
    font-size: 1.25rem;
    font-weight: 400;
}
.main-content .form-check {
	padding-left: 0;
}

.bootstrap-switch.bootstrap-switch-small,
.bootstrap-switch.bootstrap-switch-mini {
	min-width: 55px;
}
.marketing-email-optin {
	padding: 20px;
	margin: 0 0 20px 0;
    background-color: #f8f8f8;
    border-radius: 3px;
}
#registration label {
	font-weight: 400;
	font-size: 16px;
}
#registration .checkbox {
	margin-top: 0;
	margin-bottom: 20px;
}
.checkbox label, .radio label {
	padding-left: 0;
}
input[type=checkbox] {
	position: relative !important;
	margin: 0 5px 0 0px !important;
	visibility: hidden;
}
input[type=checkbox]:checked:before {
	position: absolute;
    z-index: 5;
    content: "\f00c";
    color: #3090d6;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    visibility: visible;
    font-size: .8rem;
    left: 2px;
}
input[type=checkbox]:after {
	position: absolute;
    content: '';
    border: 1px solid #e8eaec;
    height: 16px;
    width: 16px;
    display: block;
    border-radius: 2px;
    visibility: visible;
    cursor: pointer;
}
input[type=checkbox]:hover:after {
	border-color: #2254f4;
}
input[type=checkbox]:checked:before {
	color: #FFF;
}
input[type=checkbox]:checked:after {
	border-color: #2254f4;
	background-color: #2254f4;
}

/* clientarea-home */
.main-container {
	padding: 3rem 0;
}
.main-container .card {
    margin-bottom: 22px;
	border: 1px solid #f1f2f3;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 3%);
}
.main-container .card .card-header {
	border-bottom: 1px solid #f1f2f3;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main-container .card .card-header .btn {
	color: inherit;
	padding: 0px 5px;
	border: 1px solid #6c757d;
}
.main-container .card .card-header .btn:hover {
	color: #FFF;
}
.main-container .card .card-header .card-title {
	color: #666;
	font-size: 1rem;
	font-weight: 600;
	line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.clientarea-home .card .card-body {
    padding: 1rem 1.25rem;
    position: relative;
    max-height: inherit;
}
.clientarea-home .card .card-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clientarea-home .card .card-body ul li {
	padding: 10px 1.25rem;
    border-bottom: 1px solid #f1f2f3;
}
.clientarea-home .card .card-body li .date {
	display: block;
	color: #AAA;
}
.clientarea-home .card .card-body li h5 {
	color: #333;
	font-size: 1rem;
	margin-bottom: 0;
}
.clientarea-home .card .card-body li a {
	display: block;
}
.clientarea-home .card .card-body a,
.clientarea-home .card .card-body a:hover {
	text-decoration: none;
}
.clientarea-home .card .card-body .product-list {
	height: 347px;	
}
.clientarea-home .card .card-body .product-list li {
	padding: 0;
}
.clientarea-home .card .card-body .product-list .list-link {
	padding: 1rem 1.25rem;
	color: #666;
	display: flex;
	align-items: center;
}
.clientarea-home .card .card-body .product-list .list-link:hover {
	background-color: #f3f6fb;
}
.clientarea-home .card .card-body .product-list .list-cell {
	width: 22%;
}
.clientarea-home .card .card-body .product-list .list-cell:first-child {
	width: 40%;
}
.clientarea-home .card .card-body .product-list .list-cell:last-child {
	width: 15%;
}
.announcements .announcement h1 a {
	color: #c82333;
	font-size: 20px;
}
.no-data {
	min-height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1.5rem;
}
.no-data.big-no-data {
	min-height: 347px;
}
.no-data .icon-holder {
	background-image: url("../img/icon-no-openorder.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
}
.avatar {
	border-radius: 50%;
	overflow: hidden;
}
.avatar-md {
	width: 64px;
	height: 64px;
}
.avatar-md img {
	max-width: 100%;
}

.funds-items {
	display: flex;
	align-items: center;
}
.funds-item {
	flex: 1;
	padding: 8px;
	margin-right: 5px;
	font-size: 18px;
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
.funds-item:last-child {
	margin-right: 0;
}
.funds-item:hover {
	background-color: #f3f6fb;
}
.funds-item-header {
	font-size: 12px;
	color: #888;
	line-height: 1.5;
}
.funds-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.funds-header h5 {
	font-size: 12px;
}

/* INVOICE */
@media (min-width: 992px) and (max-width: 1199px) {
    .invoice-container > div:last-child:not(.col-md-3) {
        width: 242px!important;
    }
}
.status-label {
    float: right;
    font-weight: 500;
    background-color: rgba(255, 255, 255, .1);
}
.invoice-logo img {
    max-width: 280px;
}
.invoice-top ul > li {
    position: relative;
    margin: 0 0 8px 0;
    text-align: right;
}
.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2;
}
.invoice-status {
    color: #fff;
}
.invoice-status .status-id {
    padding-left: 44px!important;
}
.invoice-status.status-md .status-id {
    padding-right: 30px;
    text-align: right;
}
.invoice-status.status-md .status-label {
    font-weight: 700;
}
.panel-invoice .list-address,
.panel-invoice address {
    font-size: 13px;
}
.invoice-info h5 {
	font-size: 14px;
	font-weight: bold;
}
.form-actions table,
.form-actions table > tbody,
.form-actions table > tbody > tr,
.form-actions table > tbody > tr > td,
.form-actions table > tbody > tr > td > form {
    display: block;
    width: 100%;
}
.form-actions table > tbody > tr > td:first-child {
    margin-bottom: 8px;
}
.invoice-table .table>tbody>tr>td,
.invoice-table .table>tbody>tr>th,
.invoice-table .table>thead>tr>td,
.invoice-table .table>thead>tr>th, 
.invoice-table .table>tfoot>tr>td,
.invoice-table .table>tfoot>tr>th {
    padding-left: 0;
}
.invoice-table .table>tfoot>tr:last-child>td {
    border-bottom: 0 none;
}
.table .table-summary > tr > td:first-child {
    text-align: right;
    vertical-align: middle;
    border-bottom: none;
}
@media (min-width: 768px) {
    .panel-invoice .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .panel-invoice [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .panel-invoice .table > tbody > tr > td,
    .panel-invoice .table > thead > tr > th,
    .panel-invoice .table > tfoot > tr > td {
        padding: 10px 25px;
    }
    .panel-invoice .table > tbody > tr > td:first-child,
    .panel-invoice .table > thead > tr > th:first-child,
    .panel-invoice .table > tfoot > tr > td:first-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-left: 0;
    }
    .panel-invoice .table > tbody > tr > td:last-child,
    .panel-invoice .table > thead > tr > th:last-child,
    .panel-invoice .table > tfoot > tr > td:last-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-right: 0;
    }
    .status-label {
        padding: 0 20px;
    }
    .invoice-top,
    .invoice-status {
        margin-bottom: 40px;
    }
    .invoice-info {
        margin-bottom: 20px;
    }
    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px;
    }
    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
    }
    .invoice-taxitem {
        margin: -30px 0 40px;
    }
}
@media (max-width: 767px) {
    .invoice-status {
        padding-left: 54px;
        margin: 0 0 20px -40px;
    }
    .invoice-status .status-id {
        padding-left: 10px!important;
    }
    .invoice-status .status-label {
        padding-left: 20px;
    }
    .invoice-payto,
    .invoice-invoicedto {
        margin-bottom: 20px!important;
    }
    .invoice-top {
        margin-bottom: 32px!important;
    }
    .invoice-taxitem {
        margin: -10px 0 20px;
    }
    .invoice-status.status-lg {
        height: 50px;
        font-size: 24px;
        font-weight: 100;
        line-height: 50px;
    }
    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px;
    }
    .panel-invoice h4 {
        margin-bottom: 10px;
    }
    .invoice-table .table > tbody > tr,
    .invoice-table .table > thead > tr th {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .invoice-table .table > tbody > tr .amount-col {
        line-height: 32px;
    }
    .table-summary tr {
        width: 100%;
        padding: 10px 0;
    }
    .table-summary tr:after {
        display: block;
        content: "";
        clear: both;
    }
    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px !important;
    }
}
@media (max-width: 579px) {
    .panel-invoice .panel-body {
        padding: 24px;
    }
    .invoice-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .invoice-logo img {
        max-width: 200px;
    }
    .invoice-top ul > li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left;
    }
    .invoice-top ul > li .list-label {
        display: block;
    }
    .invoice-status {
        padding-left: 20px;
        margin: 0 0 20px -24px;
    }
    .invoice-status .status-id {
        padding-left: 10px!important;
    }
    .invoice-status .status-label {
        padding-left: 20px;
    }
}

/* All Table */
.table-container {
	position: relative;
}
.table-container .listtable {
    min-height: 300px;
}
.table-container .dataTables_empty {
    height: 200px;
	text-align: center !important;
}
.view-filter-btns {
	position: absolute;
	right: 0;
	top: 10px;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 10px !important;
    background-color: transparent;
    color: #333;
    font-weight: 400;
}
div.dataTables_wrapper div.dataTables_filter label {
	padding: 0;
}
.dataTables_wrapper .dataTables_length {
	background-color: transparent;
}
.dataTables_wrapper .dataTables_length label {
	padding: 0 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
	padding: 10px 0 0;
}
.dataTables_wrapper .dataTables_filter label .form-control {
    display: none;
    background-image: none;
}
.dataTables_wrapper table.table-list{
	border: 0;
	border-top: 2px solid #6f6f6f;
	border-radius: 0;
}
.dataTables_wrapper table.table-list thead th {
    font-weight: 600;
    background-color: #f9fafc !important;
    border-bottom: 0 none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left;
    border-radius: 0 !important;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before {
	bottom: 10px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	top: 10px !important;
}
.dataTables_wrapper table.table-list thead th:nth-child(2) {
	text-align: left !important;
}
.table-list>tbody>tr>td {
    color: #666;
    padding: 1rem 1.25rem;
    text-align: left !important;
}
.table-list>tbody>tr>td a {
	font-weight: 400;
	text-decoration: none;
}
.status {
	padding: 0;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
    color: #666 !important;
}
.status:before {
    content: "\f111";
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    transform: scale(.8);
    border: 0 none;
    padding: 0;
}
/* 'Pending','Active','Suspended','Terminated','Cancelled','Fraud','Completed' */
.status.status-pending:before {
    color: #fbbc06;
}
.status.status-open:before,
.status.status-paid:before,
.status.status-completed:before,
.status.status-active:before {
    color: #4cd964;
}
.status.status-close:before, 
.status.status-Fraud:before, 
.status.status-terminated:before {
	color: #c0392b;
}
.status.status-cancelled,
.status.status-suspended:before {
	color: #666;
}

/* article */
.article section#main-body {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: transparent;
}

.xs-title h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
}
.terms-wraper p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.647;
	color: #444;
}
.terms-wraper:not(:last-child) {
  margin-bottom: 30px; }

.order-list {
	padding-left: 0px;
	margin-bottom: 0px;
}
.order-list li {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.647;
	color: #666;
	list-style: decimal;
	list-style-position: inside;
}
.order-list li:not(:last-child) {
	margin-bottom: 10px;
}

.tickets-main {
	border: 1px solid #EEE;
	border-radius: 4px;
	padding: 20px;
	display: block;
}
.tickets-main:focus,
.tickets-main:hover {
	text-decoration: none;
	background-color: #FAFAFA;
}
.tickets-main h4 {
	color: #333;
	font-size: 18px;
	margin: 0 0 15px;
}
.tickets-main p {
	color: #666;
	margin-bottom: 0;
}

#popup-backdrop .main-content {
	padding: 0;
}

div.header-lined h1 {
    margin: 0px 0px 0px -2px;
    border-bottom: none;
    font-weight: 400;
    color: #2a2e36;
    font-size: 28px;
    line-height: 40px;
    line-height: 1.5;
}
div.header-lined h1 small {
	color: #777;
	font-size: 1.25rem;
	margin-left: 1rem;
}
div.header-lined .breadcrumb {
	font-size: 14px;
}
div.header-lined .breadcrumb>.active {
    color: #666;
}
div.header-lined .breadcrumb > .breadcrumb-item > a {
	color: #888;
}
div.dataTables_wrapper div.dataTables_length label {
	margin-top: 8px;
}
.dataTables_wrapper .dataTables_length label .form-control {
    border: 1px solid #ddd;
    min-width: 50px;
    height: 27px !important;
    line-height: 27px;
    padding: 0 0 0 10px;
}
select.form-control {
    padding-top: 0;
    padding-bottom: 0;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYgNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCOUJEQzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS41LDFoLTVDMC4yMiwxLDAsMS4yMiwwLDEuNVYyYzAsMC4xMywwLjA1LDAuMjYsMC4xNSwwLjM1bDIuNSwyLjVDMi43NCw0Ljk1LDIuODcsNSwzLDVzMC4yNi0wLjA1LDAuMzUtMC4xNQoJbDIuNS0yLjVDNS45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=");
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
    -webkit-appearance: none;
}

@media (max-width: 991px) {
	.space {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.px100 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.wrap-main-swiper .swiper-slide {
		height: 360px;
	}
	.wrap-main-swiper .content-slide {
		height: 360px;
		padding-top: 60px;
	}
}
.contact-main {
	background: url("../img/pexels-tima-miroshnichenko-5453808.jpg") no-repeat top center/cover;
    min-height: 650px;
    position: relative;
}
.contact-main:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1;
    background: #dc3545;
    background: -moz-linear-gradient(-45deg, #ff9688 15%, #dc3545 100%);
    background: -webkit-linear-gradient(-45deg, #ff9688 15%, #dc3545 100%);
    background: linear-gradient(135deg, #ff9688 0%, #dc3545 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$navy', endColorstr='$blue', GradientType=1);
}
.contact-main > .container {
	z-index: 100;
	position: relative
}
.contact-main .form-control {
	color: #FFF;
	border: 0 none;
	background-color: rgba(220, 53, 69, .5);
}
.contact-main .form-control::placeholder {
	color: #FFF;
}


section.main-productgroup {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #fff;
}



.pg-left-main {
    padding: 131px 0 0 24px;
    box-sizing: border-box;
    background: #e0edff url(https://bce.bdstatic.com/bce-portal/static/static/media/index-mp-main-bg.5ede2b7d.png) no-repeat 100% 0/cover;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all .3s linear;
    min-height: 258px;
    height: calc(100% - 20px);
}

.pg-left-main:hover {
    background-image: url(https://bce.bdstatic.com/bce-portal/static/static/media/index-mp-main-bg_hover.d1e61409.png);
}

.pg-left-main:hover {
    background-color: #2468f2;
}


.pg-left-main .title {
    width: 190px;
    position: absolute;
    bottom: 144px;
    font-size: 22px;
    color: #2468f2;
    font-family: PingFangSC-Regular;
    line-height: 26px;
}
.pg-left-main:hover .desc {
    color: hsla(0,0%,100%,.7);
}
.pg-left-main .desc {
    width: 200px;
    margin-top: 0;
}
.pg-left-main .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px;
}

.pg-left-main:hover .title {
    color: #fff;
}

.pg-left-main:hover .btn {
    background-color: #fff;
    color: #2468f2;
}

.pg-left-main .btn {
    display: block;
    width: 108px;
    height: 28px;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
    background: #2468f2;
    color: #fff;
    line-height: 16px;
}



div.marketing-position .minor {
	width: 858px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	cursor: pointer
}

.pg-right-main {
	min-height: 123px;
	margin-bottom: 20px!important;
	padding: 16px 24px;
	box-sizing: border-box;
	position: relative;
	background: #f6f7fa;
	border-radius: 8px;
	cursor: pointer;
}

.pg-right-main:last-child,.pg-right-main:nth-last-child(2) {
	/* margin-bottom: 0!important; */
}

.pg-right-main:after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(data:image/png;base64,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) no-repeat 100% 0/cover;
	opacity: 0;
	transition: opacity .3s linear;
	background-size: 100% 100%;
}

.pg-right-main,.pg-right-main * {
	transition: all .3s linear
}

.pg-right-main:hover {
	background-color: #2468f2
}

.pg-right-main:hover .title {
	color: #fff
}

.pg-right-main:hover .title span {
	border-color: #fff;
	background-color: rgba(0,0,0,0)
}

.pg-right-main:hover .title span i {
	color: #fff
}

.pg-right-main:hover .desc {
	color: hsla(0,0%,100%,.7)
}

.pg-right-main:hover .btn {
	background-color: #fff;
	color: #2468f2
}

.pg-right-main:hover .discount span {
	color: #fff
}

.pg-right-main:hover:after {
	transition: opacity .3s linear .3s;
	opacity: 1
}

.pg-right-main>a {
	display: block;
	position: relative;
	z-index: 1
}

.pg-right-main .btn {
	position: absolute;
	right: 10px;
	bottom: -30px;
	transition: all .3s linear;
	display: block;
	width: 78px;
	height: 28px;
	background: #e5e8f1;
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	color: #191a24;
}

.pg-right-main .btn:hover {
	background-color: hsla(0,0%,100%,.8)
}


.pg-right-main .title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #191a24;
    line-height: 26px;
}

.pg-right-main .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 992px) {
.navbar-light .navbar-nav .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
}
}



.index-developer {
	background: #f6f7fa;
	background-image: url(../img/index-developer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: auto 100%
}

.index-developer .index-developer-wrapper {
	padding: 110px 0 68px
}

.index-developer .index-developer-wrapper .developer-title {
	font-size: 28px;
	color: #191a24;
	text-align: left;
	line-height: 26px;
}

.index-developer .index-developer-wrapper .developer-desc {
	opacity: .8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0
}

.index-developer .index-developer-wrapper .developer-btn {
	display: block;
	width: 124px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #2468f2;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 50px
}

.index-developer .index-developer-wrapper .developer-btn:hover {
	background: #4e84f2
}

.index-developer .index-developer-wrapper .developer-modules {
	display: flex;
	justify-content: space-between;
	padding: 36px 32px;
	background: #fff;
	border-radius: 8px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item h4 {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #191a24;
	text-align: left;
	line-height: 30px;
	margin-bottom: 20px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item h4 img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li {
	width: 340px;
	margin-bottom: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li a {
	opacity: .8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 26px;
	font-weight: 400
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li a:hover {
	color: #2468f2
}

.developer-item ul {
    padding: 0px;
}


@media (max-width: 992px) {
    .index-developer .index-developer-wrapper .developer-modules {
    display: block;
    overflow: hidden;
}

.developer-item {
    overflow: hidden;
}
}

.user-name {
    line-height: 28px;
    color: #282f38;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.user-name-tag {
    height: auto;
    padding: 0 6px;
    font-size: 12px;
    cursor: pointer;
    line-height: 22px;
    border-radius: 2px;
    white-space: nowrap;
    color: #282f38;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: 1px solid transparent;
    background-color: transparent;
}


.user-name .identity {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 9px;
}
.user-name-tag.user-name-tag-checked.user-name-tag-orange {
    color: #f58505;
    border: 1px solid #ffd48a;
    background-color: #fff7e6;
}

.user-name-tag.user-name-tag-checked.user-name-tag-green {
    color: #0fbf60;
    border: 1px solid #c1faaf;
    background-color: #f0ffeb;
}

.recharge {
    position: relative;
    display: block;
    width: 113px;
    height: 40px;
    margin-top: 17px;
    background-color: #2468f2;
    border-radius: 2px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.recharge i {
    font-size: 12px;
    display: block;
    position: absolute;
    padding: 5px 6px;
    right: 6px;
    top: 5px;
    color: #fff;
    border: 1px solid hsla(0,0%,100%,.15);
    border-radius: 2px;
}
.recharge span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: left;
    font-weight: 400;
}

.module-account {
    background-color: #fff!important;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 112% 98px;
    background-size:140px 160px;
}




#kt_app_header_menu .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
}
#kt_app_header_menu .breadcrumb .breadcrumb-item a {
	color: #848C98;
}
#kt_app_header_menu .breadcrumb .breadcrumb-item.active {
	color: #354052;
}
#kt_app_header_menu .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	margin: 0 5px;
	color: #a1a7aF;
	content: "/";
}



.dropdown-menu .panel-amount {
	padding: 0 1.5rem;
}
.dropdown-menu .panel-amount-head {
	font-size: 12px;
	color: #888;
	padding: .5rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.dropdown-menu .panel-amount-head .panel-amount-head-btn a {
	font-size: 12px !important;
	color: #e6c979;
	color: #009ef7;
	border-color: #f1faff;
	background-color: #f1faff;
	padding: 5px 12px;
}
.dropdown-menu .panel-amount-number {
	color: #333;
	font-style: normal;
	margin: 1rem 0;
	display: flex;
	align-items: flex-end;
}
.header-dark .dropdown-menu .panel-amount-number {
	color: #FFF;
}
.dropdown-menu .panel-amount-number em {
	font-style: normal;
}
.dropdown-menu .panel-amount-number .amount-number {
	font-size: 28px;
	line-height: 1;
	margin-right: 2px;
}

.nav-item.dropdown.billing .dropdown-menu {
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    top: 20px!important;
    left: -40px!important;
}



.global-search-box {
	flex: 1;
	justify-content: center;
	display: flex;
	align-items: center
}

.global-search-box .search-box {
	width: 220px;
	height: 32px;
	font-size: 12px;
	border: 1px solid rgba(0,0,0,0);
	border-radius: 9999px;
	background: var(--bs-light);
	color: var(--text, #324558);
	display: flex;
	align-items: center
}

.global-search-box .search-box:hover {
	border: 1px solid rgba(0,0,0,0);
	background: var(--bs-light-active) !important;
}

.global-search-box .search-box .search-icon {
	margin-left: 15px
}

.global-search-box .search-box .search-wrapper {
	height: 100%;
	width: 100%;
	color: #fff;
	opacity: 2;
	display: flex;
	align-items: center
}

.global-search-box .search-box .search-wrapper .search-input {
	height: 100%;
	width: 100%;
	margin-left: 6px;
	background: rgba(0,0,0,0);
	color: #fff;
	border: none;
	outline: none
}

.global-search-box .search-box .clear-icon {
	cursor: pointer;
	color: #fff;
	margin-right: 15px
}

.global-search-box .search-box-active {
	border: 1px solid var(--primary, #15a675) !important;
	background: #09121a !important;
	color: #fff
}

.global-search-box .search-box-active .search-wrapper {
	opacity: 1
}



.input-group>.form-group {
    height: 100%;
}



.item-aff .input-group {
    margin-top: 8px;
}




@media screen and (max-width: 767px) {
    .tickets-new .departments {
        display:block!important
    }

    .tickets-new .departments .department {
        display: block!important;
        width: 100%!important;
        margin: 0 0 20px!important
    }
}

.tickets-new .departments .department {
    flex: 1;
    margin: 15px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.02);
    transition: box-shadow .2s linear;
    cursor: pointer;
    text-align: center;
    padding-bottom: 25px
}

.tickets-new .departments .department:hover {
    box-shadow: 0 7px 7px rgba(47,62,83,.1)
}

.tickets-new .departments .department.department-disabled {
    cursor: default
}

.tickets-new .departments .department.department-disabled .department-image:after {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    background-image: linear-gradient(0deg,#46527e,#131f46);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9
}

.tickets-new .departments .department .department-image {
    position: relative
}

.tickets-new .departments .department .department-image img {
    pointer-events: none;
    border: none
}

.tickets-new .departments .department .department-image .department-explanation {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 70%;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 20px;
    text-align: left;
    color: #fff
}

.tickets-new .departments .department .department-image .department-explanation:before {
    background-color: #e1eeff;
    opacity: .4;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-bottom-left-radius: 10px;
    left: 0
}

.tickets-new .departments .department .department-name {
    font-size: 24px;
    color: #2b323f;
    line-height: 34px;
    font-weight: 600;
    margin: 30px 0;
    padding: 0 10px
}

.tickets-new .departments .department .department-name .status-icon {
    width: 16px;
    height: var(--line-height);
    line-height: var(--line-height);
    display: inline-block;
    margin-right: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: var(--icon-ticket-time-work)
}

.tickets-new .departments .department .department-name .status-icon.not-work {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZmZmfTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iOCIgeDI9IjE2IiB5Mj0iOCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjM4MTU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZWIzNTRiIi8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0idXJsKCNTVkdJRF8xXykiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOSA4YTEgMSAwIDEgMS0yIDBWNGExIDEgMCAxIDEgMiAwdjR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEwLjEyMSA5YTEgMSAwIDEgMS0xLjQxNCAxLjQxNEw3LjI5MyA5YTEgMSAwIDEgMSAxLjQxNC0xLjQxNEwxMC4xMjEgOXoiLz48L3N2Zz4=)
}

.tickets-new .departments .department .department-desc {
    font-size: 17px;
    color: #2b323
    font-weight: 400;
    padding: 0 40px
}


.latestannouncements-card .list-group {
    border: none;
    padding: 10px;
    border-radius: 0px;
}

.latestannouncements-card .list-group-item {border: none;transition: all .3s;}

.latestannouncements-card .list-group-item:hover {
    background: #d8eaff;
}

.latestannouncements-card .list-group-item:hover h5 {
    color: #3E97FF;
}

.latestannouncements-card .list-group-item span {
    color: #33333382;
}


.home-billing-recent {
	display: flex;
}
.consumption-info {
	flex: 0 0 20.83333%;
	width: 20.83333%;
	max-width: 20.83333%;
}
.consumption-chart {
	margin-left: 4.16667%;
	flex: 0 0 75%;
	width: 75%;
	max-width: 75%;
}
.consumption-info {
	color: #888;
}
.consumption-info span {
	color: #333;
}
.current-month-number {
	margin: 16px 0 24px 0;
	font-size: 28px;
	color: #333;
}
.last-month-number {
	margin-top: 10px;
	font-size: 14px;
}
.card-item-icon {
    margin-right: 20px;
    margin-left: 10px;
}
.card-item-icon i{
    display: block;
        background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
i.icon-product__vps {
    
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLjUgMTdoLTE3QzEuNTc1IDE3IDAgMTguNTc1IDAgMjAuNVMxLjU3NSAyNCAzLjUgMjRoMTdjMS45MjUgMCAzLjUtMS41NzUgMy41LTMuNVMyMi40MjUgMTcgMjAuNSAxN3ptLTE3IDVjLS44IDAtMS41LS43LTEuNS0xLjVTMi43IDE5IDMuNSAxOXMxLjUuNyAxLjUgMS41UzQuMyAyMiAzLjUgMjJ6bTE4LTFoLTljLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWg5Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXoiIGZpbGw9IiMwMDViZWEiLz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjE5IiB4Mj0iMjQiIHkyPSIxOSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI2KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDZhN2ZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDZhN2ZmIiBzdG9wLW9wYWNpdHk9Ii41Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjAuMTE4IDUuODk1YTMuNzMgMy43MyAwIDAgMC0xLjEyNS4xNzRDMTguNTU2IDIuNjQ0IDE1Ljc1MyAwIDEyLjM1MyAwYy0yLjYzNSAwLTQuOTEgMS41OS02LjAwNSAzLjlhNC43NDQgNC43NDQgMCAwIDAtMS40MDctLjIxNkMyLjIxMiAzLjY4NCAwIDUuOTk0IDAgOC44NDIgMCAxMS42OTEgMi4yMTIgMTQgNC45NDEgMTRoMTUuMTc3QzIyLjI2MiAxNCAyNCAxMi4xODYgMjQgOS45NDdjMC0yLjIzOC0xLjczOC00LjA1Mi0zLjg4Mi00LjA1MnoiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=);

}

.hidden {
    display: none!important;
}

i.icon-product__vds {
    background: url(../img/dedicated-6d9ddc06.svg);
}



.product-count {
    background: #fafbfc;
    border: 1px dashed #dde2e9;
    padding: 10px;
    border-radius: 5px;
}

.empty-text {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 44px;
    color: #a9b2c5;
    font-weight: 500;
    margin-top: 20px;
}


.clientarea-status-link-group a {
    color: #333333;
}