li.nav__item.is-active .nav__item-desc {
    color: #ffffff;
}

li.nav__item.is-active .nav__item-title.h6 {
    color: #fff;
}
.cros-pricing-container {
	position: relative
}

.cros-pricing-container .owl-carousel {
	margin-bottom: 0
}

.cros-pricing-container .owl-carousel .owl-prev.disabled, .cros-pricing-container .owl-carousel .owl-next.disabled {
	display: none
}

.cros-pricing-container .owl-carousel .owl-prev {
	position: absolute;
	left: -120px;
	top: 50%;
	margin-top: -32px
}

.cros-pricing-container .owl-carousel .owl-next {
	position: absolute;
	right: -120px;
	top: 50%;
	margin-top: -32px
}

.cros-pricing-container .pricing-slider, .cros-pricing-container .pricing-box, .cros-pricing-container .home-products {
	position: relative;
	z-index: 2
}

.cros-pricing-container .pricing-slider .slide-item, .cros-pricing-container .pricing-box .slide-item, .cros-pricing-container .home-products .slide-item {
}

.cros-pricing-container .tns-nav {
	text-align: center
}

.cros-pricing-container .tns-controls {
	position: absolute;
	top: -20px;
	left: auto;
	right: 30px;
	z-index: 5
}

@media (max-width:991px) {
	.cros-pricing-container .tns-controls {
		left: 30px;
		right: auto
	}
}

.cros-pricing-container .cros-pricing-table {
	position: relative;
	/* margin: 0 0 45px; */
	padding: 10px 30px 15px;
	z-index: 2;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 4px;
	color: #2a2e36;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgb(26 30 34 / 8%);
	-moz-box-shadow: 0 1px 3px 0 rgba(26,30,34,0.08);
	box-shadow: 0 1px 3px 0 rgb(26 30 34 / 8%);
}

.cros-pricing-container .cros-pricing-table .st-sm {
	display: none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing {
	display: block
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group {
	width: 100%
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent !important;
	border-color: #d5dce5;
	color: #2a2e36;
	padding: 5px 10px;
	text-align: left;
	margin: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fas, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .far, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fal, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fad {
	margin: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn.dropdown-toggle:after {
	display: none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu {
	width: 100%;
	border-color: #d5dce5;
	border-radius: 0;
	padding: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li {
	display: block;
	padding: 5px 10px;
	cursor: pointer;
	border-bottom: 1px solid #d5dce5;
	position: relative
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:last-child {
	border-bottom: 0 none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:hover, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:focus {
	background-color: #edf0f5
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing {
	color: #2a2e36
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar {
	font-size: 20px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .save_text {
	margin-bottom: 5px;
	font-size: 90%
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options {
	color: #777
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options div:first-child {
	margin-right: 4px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .price_duration {
	font-size: 14px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .regular_pricing.savecut {
	position: relative;
	display: inline-block;
	font-size: 11px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .regular_pricing.savecut:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -2px;
	width: calc(100% + 8px);
	height: 1px;
	background: #2a2e36
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-word-break: break-all;
	word-break: break-all
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .dollar, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .cents, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .prefix {
	font-weight: 700;
	color: #db3f3b
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .suffix {
	font-weight: 700;
	margin: 0 2px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .dollar {
	font-size: 29px;
	color: #db3f3b
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group.open .fa-angle-down:before {
	content: "ÃƒÂ¯Ã¢â‚¬Å¾Ã¢â‚¬Â "
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing.desc_belwo {
	margin-bottom: 10px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing.fixed-height {
	min-height: 120px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing.float .btn-group .save_text {
	position: absolute;
	top: 5px;
	right: 10px
}

.cros-pricing-container .cros-pricing-table .price-small {
	font-size: 24px
}

.cros-pricing-container .cros-pricing-table h3, .cros-pricing-container .cros-pricing-table h4, .cros-pricing-container .cros-pricing-table .h3, .cros-pricing-container .cros-pricing-table .h4 {
	color: #2a2e36;
	display: block;
	font-weight: 700
}

.cros-pricing-container .cros-pricing-table h3, .cros-pricing-container .cros-pricing-table .h3 {
	font-size: 30px
}

.cros-pricing-container .cros-pricing-table .starting-from {
	display: inline-block;
	margin-top: 15px;
	border-bottom: 1px solid #0273d4
}

.cros-pricing-container .cros-pricing-table .desc {
	min-height: 75px;
	margin-bottom: 10px
}

.cros-pricing-container .cros-pricing-table .heading-desc h1, .cros-pricing-container .cros-pricing-table .heading-desc h2, .cros-pricing-container .cros-pricing-table .heading-desc h3, .cros-pricing-container .cros-pricing-table .heading-desc h4, .cros-pricing-container .cros-pricing-table .heading-desc h5, .cros-pricing-container .cros-pricing-table .heading-desc .h1, .cros-pricing-container .cros-pricing-table .heading-desc .h2, .cros-pricing-container .cros-pricing-table .heading-desc .h3, .cros-pricing-container .cros-pricing-table .heading-desc .h4, .cros-pricing-container .cros-pricing-table .heading-desc .h5 {
	margin: 10px 0
}

.cros-pricing-container .cros-pricing-table .heading-desc p {
	margin-bottom: 25px
}

.cros-pricing-container .cros-pricing-table .cterms {
	text-transform: capitalize
}

.cros-pricing-container .cros-pricing-table .price {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-word-break: break-all;
	word-break: break-all
}

.cros-pricing-container .cros-pricing-table .price small.start {
	margin-right: 4px
}

.cros-pricing-container .cros-pricing-table .price.free {
	color: #0273d4
}

.cros-pricing-container .cros-pricing-table .price span, .cros-pricing-container .cros-pricing-table .price s, .cros-pricing-container .cros-pricing-table .price del {
	font-weight: 700
}

.cros-pricing-container .cros-pricing-table .price s, .cros-pricing-container .cros-pricing-table .price del {
	font-size: 16px;
	color: #999
}

.cros-pricing-container .cros-pricing-table .price span {
	white-space: nowrap;
	margin-right: 2px
}

.cros-pricing-container .cros-pricing-table .price span:last-child {
	margin-right: 0
}

.cros-pricing-container .cros-pricing-table .price span.prefix, .cros-pricing-container .cros-pricing-table .price span.cost, .cros-pricing-container .cros-pricing-table .price span.dollar, .cros-pricing-container .cros-pricing-table .price span.cents {
	color: #db3f3b
}

.cros-pricing-container .cros-pricing-table .price span.prefix {
	top: -.9em;
	position: relative;
	vertical-align: top
}

.cros-pricing-container .cros-pricing-table .price span.cost, .cros-pricing-container .cros-pricing-table .price span.dollar {
	font-size: 37px
}

.cros-pricing-container .cros-pricing-table .price span.cents {
	font-size: 20px
}

.cros-pricing-container .cros-pricing-table .price span.cycle {
	font-weight: normal
}

.cros-pricing-container .cros-pricing-table .btn {
	margin-top: 10px;
	display: block;
	width: 100%
}

@media only screen and (min-width:768px) {
	.cros-pricing-container .cros-pricing-table span.pull-right {
		display: none
	}

	.cros-pricing-container .cros-pricing-table .PriceList-toggle {
		display: none
	}

	.cros-pricing-container .cros-pricing-table .plan-features {
		height: auto !important
	}

	.cros-pricing-container .cros-pricing-table .plan-features.collapse {
		display: block !important
	}

	.cros-pricing-container .cros-pricing-table.fixed-height {
		min-height: 495px
	}

	.cros-pricing-container .cros-pricing-table h3 small, .cros-pricing-container .cros-pricing-table h4 small, .cros-pricing-container .cros-pricing-table .h3 small, .cros-pricing-container .cros-pricing-table .h4 small {
		display: none
	}
}

.cros-pricing-container .cros-pricing-table .plan-features {
	padding: 15px 0 0
}

.cros-pricing-container .cros-pricing-table .plan-features li {
	position: relative;
	list-style: none;
	padding: 5px 0
}

.cros-pricing-container .cros-pricing-table .plan-features li:first-child {
	padding-top: 0
}

.cros-pricing-container .cros-pricing-table .plan-features li:last-child {
	padding-bottom: 0
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li {
	padding: 10px 0 0 20px
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li:before {
	position: absolute;
	content: "ÃƒÂ¯Ã¢â€šÂ¬Ã…â€™";
	margin-right: 4px;
	font-family: "Font Awesome 5 Pro" !important;
	font-size: 16px;
	font-weight: 300;
	left: 0;
	opacity: .8
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li:first-child {
	padding-top: 0
}

.cros-pricing-container .cros-pricing-table .plan-features.arrows li {
	padding: 10px 0 0 20px
}

.cros-pricing-container .cros-pricing-table .plan-features.arrows li:before {
	position: absolute;
	content: "ÃƒÂ¯Ã‚ÂÃ‚Â¡";
	margin-right: 4px;
	font-family: "Font Awesome 5 Pro" !important;
	font-size: 16px;
	font-weight: 300;
	left: 0;
	opacity: .8
}

.cros-pricing-container .cros-pricing-table .plan-features.check-circle li {
	padding: 10px 0 0 20px
}

.cros-pricing-container .cros-pricing-table .plan-features.check-circle li:before {
	position: absolute;
	content: "ÃƒÂ¯Ã‚ÂÃ‹Å“";
	margin-right: 4px;
	font-family: "Font Awesome 5 Pro" !important;
	font-size: 16px;
	font-weight: 300;
	left: 0;
	opacity: .8
}

.cros-pricing-container .cros-pricing-table .plan-features.check-square li {
	padding: 10px 0 0 20px
}

.cros-pricing-container .cros-pricing-table .plan-features.check-square li:before {
	position: absolute;
	content: "ÃƒÂ¯Ã¢â‚¬Â¦Ã…Â ";
	margin-right: 4px;
	font-family: "Font Awesome 5 Pro" !important;
	font-size: 16px;
	font-weight: 300;
	left: 0;
	opacity: .8
}

@media only screen and (max-width:767px) {
	.cros-pricing-container .cros-pricing-table .PriceList-toggle {
		margin: 15px 0;
		cursor: pointer;
		font-weight: 700
	}

	.cros-pricing-container .cros-pricing-table .PriceList-toggle span:after {
		content: "ÃƒÂ¯Ã‚ÂÃ‚Â¨";
		font-family: "Font Awesome 5 Pro" !important;
		font-size: 15px;
		float: right
	}

	.cros-pricing-container .cros-pricing-table .PriceList-toggle.collapsed span:after {
		content: "ÃƒÂ¯Ã‚ÂÃ‚Â§"
	}

	.cros-pricing-container .cros-pricing-table .plan-features {
		padding: 0
	}
}

.cros-pricing-container .cros-pricing-table .table-heading {
	display: inline-block;
	background-color: #0273d4;
	color: #fff;
	padding: .08em .7em .08em .7em;
	line-height: 1.42857143;
	position: relative;
	text-transform: none;
	margin: 30px 0 0
}

.cros-pricing-container .cros-pricing-table .table-heading:after {
	content: "";
	background-color: #0273d4;
	position: absolute;
	top: 0;
	right: -.1em;
	width: .2em;
	height: 1.535em;
	-moz-transform: skew(-7deg, 0);
	-webkit-transform: skew(-7deg, 0);
	-o-transform: skew(-7deg, 0);
	-ms-transform: skew(-7deg, 0);
	transform: skew(-7deg, 0)
}

.cros-pricing-container .cros-pricing-table .table thead th {
	font-weight: 500;
	border-bottom: 0 none
}

.cros-pricing-container .cros-pricing-table .table thead th:first-child {
	font-weight: 700
}

.cros-pricing-container .cros-pricing-table .table th {
	text-align: center
}

.cros-pricing-container .cros-pricing-table .table th:first-child {
	text-align: left
}

.cros-pricing-container .cros-pricing-table .table tbody {
	border-collapse: separate
}

.cros-pricing-container .cros-pricing-table .table tbody tr {
	vertical-align: baseline;
	background-color: #edf0f5;
	border-bottom: 10px solid #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td {
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #fff;
	border-top: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td h3, .cros-pricing-container .cros-pricing-table .table tbody td h4, .cros-pricing-container .cros-pricing-table .table tbody td .h3, .cros-pricing-container .cros-pricing-table .table tbody td .h4 {
	background: transparent;
	padding: 0;
	margin: 10px 0;
	border: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td:first-child {
	text-align: left;
	border-right: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td:last-child {
	border-right: 0 none
}

@media (min-width:768px) {
	.cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info img {
		width: 70px;
		max-width: 70px
	}

	.cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info h4, .cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info .h4 {
		font-size: 21px;
		margin: 20px 0;
		margin-right: 20px;
	}

	.cros-pricing-container .cros-pricing-table .table tbody td:last-child {
		max-width: 255px;
	}
}

@media only screen and (max-width:991px) {
	.cros-pricing-container .cros-pricing-table .table tbody td .footable-toggle {
		margin-left: 5px
	}
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-heading {
	padding-left: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #2b2f33;
	color: #fff;
	text-align: left;
	padding: 7px;
	margin-left: -4px;
	position: relative;
	margin-right: 10px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info:before {
	border-top: 4px solid transparent;
	border-right: 4px solid #1a1a1a;
	left: 0;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	top: -3px;
	width: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info h4, .cros-pricing-container .cros-pricing-table .table tbody td .server-info .h4 {
	color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info h5, .cros-pricing-container .cros-pricing-table .table tbody td .server-info .h5 {
	font-weight: 700;
	text-transform: uppercase
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info img {
	float: right;
	width: 50px;
	max-width: 50px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info span .fad {
	font-size: 48px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight {
	border: 5px solid #fedc45;
	margin-right: 0;
	border-left: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight:before {
	top: -8px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight.success {
	border-color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight.danger {
	border-color: #d9534f
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight.primary {
	border-color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td small {
	display: block
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-inner {
	width: 100%
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name {
	color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name, .cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-value {
	display: block
}

@media only screen and (min-width:1152px) {
	.cros-pricing-container .cros-pricing-table .table tbody td mark {
		margin-top: 7.5px
	}
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price {
	background-color: #2b2f33;
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price a {
	color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn {
	border: 0 none;
	color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .price_duration, .cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .regular_pricing, .cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .dollar, .cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .cents, .cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .prefix {
	color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing .btn-group .btn .regular_pricing.savecut:before {
	background: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-word-break: normal;
	word-break: normal;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span {
	color: #fff;
	font-size: 9px;
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span.cost {
	font-size: 20px;
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span.prefix {
	top: -.2em
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .btn {
	margin: 0
}

@media only screen and (max-width:597px) {
	.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-row:last-child {
		margin-top: 15px
	}
}

.cros-pricing-container .cros-pricing-table .table tbody td .btn {
	margin: 15px 0 0
}

@media (min-width:768px) {
	.cros-pricing-container .cros-pricing-table .table.ssl tbody td:first-child .server-info h4, .cros-pricing-container .cros-pricing-table .table.ssl tbody td:first-child .server-info .h4 {
		text-transform: none
	}
}

.cros-pricing-container .cros-pricing-table .table.ssl tbody td.company {
	width: 150px;
	max-width: 150px
}

.cros-pricing-container .cros-pricing-table .table.ssl tbody td img {
	max-width: 120px;
	width: 120px
}

@media (min-width:992px) {
	.cros-pricing-container .cros-pricing-table:hover, .cros-pricing-container .cros-pricing-table:focus {
		-ms-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

.cros-pricing-container .cros-pricing-table.no-animation {
	padding: 15px 30px 20px;
	background: #ffffff;
	border-radius: 0.625rem;
}

.cros-pricing-container .cros-pricing-table.no-animation:hover, .cros-pricing-container .cros-pricing-table.no-animation:focus {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none
}

.cros-pricing-container .cros-pricing-table.bg-primary h3, .cros-pricing-container .cros-pricing-table.bg-primary h4, .cros-pricing-container .cros-pricing-table.bg-primary .h3, .cros-pricing-container .cros-pricing-table.bg-primary .h4, .cros-pricing-container .cros-pricing-table.bg-primary .desc, .cros-pricing-container .cros-pricing-table.bg-primary .price span, .cros-pricing-container .cros-pricing-table.bg-primary .plan-features ul li {
	color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary {
	background-color: transparent;
	border-color: #fff;
	border-bottom-width: 2px;
	color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary:hover, .cros-pricing-container .cros-pricing-table.bg-primary .btn-primary:focus {
	background-color: rgba(255, 255, 255, .1)
}

.cros-pricing-container .cros-pricing-table.bg-primary .starting-from.text-muted {
	color: #fff;
	border-color: #fff
}

.cros-pricing-container .cros-pricing-table.dark h3, .cros-pricing-container .cros-pricing-table.dark h4, .cros-pricing-container .cros-pricing-table.dark .h3, .cros-pricing-container .cros-pricing-table.dark .h4, .cros-pricing-container .cros-pricing-table.dark .desc, .cros-pricing-container .cros-pricing-table.dark .price span, .cros-pricing-container .cros-pricing-table.dark .plan-features ul li {
	color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group {
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn {
	color: #fff;
	border-color: rgba(255, 255, 255, .25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn .discounted_options, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn .discounted_options, .cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn .current_prcing, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn .current_prcing {
	color: #fff
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .prefix, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .prefix, .cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar, .cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .cents, .cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .cents {
	color: #db3f3b
}

.cros-pricing-container .cros-pricing-table.bg-primary .text-muted, .cros-pricing-container .cros-pricing-table.dark .text-muted {
	color: rgba(255, 255, 255, .7)
}

.cros-pricing-container .cros-pricing-table.bg-primary .plan .plan__column .plan__header, .cros-pricing-container .cros-pricing-table.dark .plan .plan__column .plan__header {
	border-right: 1px solid rgba(255, 255, 255, .25);
	border-bottom: 3px solid rgba(255, 255, 255, .25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .plan .plan__column .plan__body .plan__cell, .cros-pricing-container .cros-pricing-table.dark .plan .plan__column .plan__body .plan__cell {
	border-right: 1px solid rgba(255, 255, 255, .25);
	border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.cros-pricing-container .cros-pricing-table.no-shadow {
	box-shadow: none
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper {
	position: absolute;
	top: -20px;
	right: 15px
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper .sticker {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	text-align: center;
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	position: relative;
	background-color: #fedc45;
	white-space: nowrap;
	border-radius: 25px 0px 0px 0px;
	border: 3px solid #fff;
	padding: 7.5px 15px
}

.cros-pricing-container .cros-pricing-table.st_s-1 .sticker-wrapper {
	right: -1px;
	left: -1px
}

.cros-pricing-container .cros-pricing-table.st_s-1 .sticker-wrapper .sticker {
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	border: 0 none;
	border-radius: 4px 4px 0 0
}

.cros-pricing-container .cros-pricing-table.st_s-2.popular h4, .cros-pricing-container .cros-pricing-table.st_s-2.active h4, .cros-pricing-container .cros-pricing-table.st_s-2.popular .h4, .cros-pricing-container .cros-pricing-table.st_s-2.active .h4 {
	margin-bottom: 0
}

.cros-pricing-container .cros-pricing-table.st_s-2.popular .sticker-wrapper, .cros-pricing-container .cros-pricing-table.st_s-2.active .sticker-wrapper {
	display: none
}

.cros-pricing-container .cros-pricing-table.st_s-2 .st-sm {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 2px 7.5px;
	font-size: 12px;
	font-weight: 500;
	text-transform: none;
	background-color: #fedc45;
	color: #000;
	border-radius: 10px;
	margin: 5px 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 {
	padding: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 .no-gutters {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0
}

@media (max-width:767px) {
	.cros-pricing-container .cros-pricing-table.pt_st_4 .no-gutters {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 20px;
	-ms-flex-align: center;
	align-items: center
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child {
	border-bottom: 1px solid #d5dce5
}

@media (min-width:768px) {
	.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child {
		border-right: 1px solid #d5dce5;
		border-bottom: 0 none
	}
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h1, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h2, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h3, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h4, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h1, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h2, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h3, .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h4 {
	margin-top: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:last-child .btn {
	margin: 0
}

@media (max-width:778px) {
	.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] {
		display: block;
		width: 100%
	}
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content .featured_desc {
	border-top: 1px dashed #d5dce5;
	padding: 10px 0 0;
	margin-top: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features {
	padding: 0;
	margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
	display: inline-table;
	width: 48%
}

@media (min-width:1200px) {
	.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
		width: 32%
	}
}

@media (max-width:991px) {
	.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
		width: 100%
	}
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active {
	margin: 45px 0 30px;
	border-color: #db3f3b;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h1, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h2, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h3, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h4, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h1, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h2, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h3, .cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h4 {
	margin-top: 10px;
	margin-bottom: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active:first-child {
	margin-top: 0
}

.cros-pricing-container.mbo .pricing-slider .slide-item {
	padding: 0 10px 0
}

.cros-pricing-container.mbo table.trns {
	border-collapse: separate;
	border-spacing: 0;
	border: 0 none
}

.cros-pricing-container.mbo table.trns th, .cros-pricing-container.mbo table.trns tr, .cros-pricing-container.mbo table.trns td {
	border: 0 none
}

.cros-pricing-container.mbo .cros-pricing-table {
	position: static;
	margin: 0 0 30px
}

.cros-pricing-container.mbo .cros-pricing-table .sticker-wrapper {
	top: -47px
}

.cros-pricing-container.mbo .cros-pricing-table.st_s-1 .sticker-wrapper {
	top: -58px;
	right: -30px;
	left: -30px
}

@media (min-width:992px) {
	.cros-pricing-container.mbo .cros-pricing-table:hover, .cros-pricing-container.mbo .cros-pricing-table:focus {
		-ms-transform: none;
		-webkit-transform: none;
		transform: none
	}
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4 .st-sm {
	margin: -10px 0 10px
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4 .sticker-wrapper {
	top: -20px;
	left: auto;
	right: 20px
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4.st_s-1 .sticker-wrapper {
	top: -15px;
	left: 20px;
	right: 20px
}

.cros-pricing-container .card.upgrade-plans .card-body ul li {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .25rem 0;
	border-top: 1px dotted #d5dce5;
	font-size: 80%
}

.cros-pricing-container .card.upgrade-plans .card-body ul li:last-child {
	border-bottom: 1px dotted #d5dce5
}

.cros-pricing-container .card.upgrade-plans .card-body ul li .feature-label {
	text-align: left;
	margin-right: 5px;
	max-width: 75%
}

.cros-pricing-container .card.upgrade-plans .card-body ul li .feature-value {
	text-align: right;
	margin-left: 5px
}


.footable {
	width: 100%
}

.footable.breakpoint > tbody > tr.footable-detail-show > td {
	border-bottom: none
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	 content: "\f2ea";
        font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
	
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
	cursor: pointer
}

.footable.breakpoint > tbody > tr > td.footable-cell-detail {
	background: #eee;
	border-top: none
}


.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Â¦"
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Å¾"
}

.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã†â€™"
}

.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Å¡"
}

.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Â¡"
}

.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Â "
}

.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Â°"
}

.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã‹â€ "
}

.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã‚Â"
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Ëœ"
}

.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Å“"
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Â¢"
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Âº"
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã‚Â"
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬Â¹"
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã‚Â"
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã…Â¸"
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã‚Â¡"
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â‚¬â€"
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
	content: "ÃƒÂ®Ã¢â€šÂ¬Ã¢â€žÂ¢"
}

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
	font-size: 18px
}

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
	font-size: 24px
}

.footable > thead > tr > th {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.footable > thead > tr > th.footable-sortable:hover {
	cursor: pointer
}

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
	content: "\f57a";
}

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
	content: "\f575";
}

.footable > thead > tr > th > span.footable-sort-indicator {
	display: inline-block;
	font-family: "footable";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	padding-left: 5px
}

.footable > thead > tr > th > span.footable-sort-indicator:before {
	content: "\f3e1";
}

.footable > tfoot .pagination {
	margin: 0
}

.footable.no-paging .hide-if-no-paging {
	display: none
}

.footable .pagination > li > a, .footable .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	border: 1px solid #d5dce5;
	margin-left: -1px
}

.footable .pagination li:first-child a, .footable .pagination li:first-child span {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.footable .pagination li:last-child a, .footable .pagination li:last-child span {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.footable .pagination > .disabled > span, .footable .pagination > .disabled > span:hover, .footable .pagination > .disabled > span:focus, .footable .pagination > .disabled > a, .footable .pagination > .disabled > a:hover, .footable .pagination > .disabled > a:focus {
	color: #2a2e36
}

.footable .pagination > .active > a, .footable .pagination > .active > span, .footable .pagination > .active > a:hover, .footable .pagination > .active > span:hover, .footable .pagination > .active > a:focus, .footable .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	background-color: #0273d4;
	border-color: #0273d4;
	cursor: default
}

.footable-row-detail-inner {
	display: table
}

.footable-row-detail-row {
	display: table-row;
	line-height: 1.5em
}

.footable-row-detail-group {
	display: block;
	line-height: 2em;
	font-size: 1.2em;
	font-weight: bold
}

.footable-row-detail-name {
	display: table-cell;
	font-weight: bold;
	padding-right: .5em
}

.footable-row-detail-value {
	display: table-cell
}

.footable-odd {
	background-color: #f7f7f7
}



.nav--boxed .nav__item-title {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 2px;
    transition: color .3s
}

.nav--boxed .nav__item-desc {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #525666
}

.nav--boxed .nav__item {
    margin-bottom: 16px
}

.nav--boxed .nav__item:active .nav__link:before,.nav--boxed .nav__item:focus .nav__link:before,.nav--boxed .nav__item:hover .nav__link:before {
    background: #007bfc
}

.nav--boxed .nav__item.is-active .nav__link {
    box-shadow: 0 4px 32px 0 rgba(10,14,29,.02),0 8px 64px 0 rgba(10,14,29,.08);
    border: 1px solid #fff;
    background: #007bfc;
    background: -moz-linear-gradient(160deg, #007bfc 0%, #51b0fe 100%);
    background: -o-linear-gradient(160deg, #007bfc 0%, #51b0fe 100%);
    background: -webkit-linear-gradient(290deg, #007bfc 0%, #51b0fe 100%);
    background: -ms-linear-gradient(160deg, #007bfc 0%,#51b0fe 100%);
    background: linear-gradient(160deg, #007bfc 0%,#51b0fe 100%);
    color: #fff;
}

@media (max-width: 1011px) {
    .nav--boxed .nav__item.is-active .nav__link {
        box-shadow:0 8px 16px 0 rgba(10,14,29,.02),0 8px 40px 0 rgba(10,14,29,.06)
    }
}



.nav--boxed .nav__link {
    min-height: 100%;
    width: 100%;
    color: #142149;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px;
    border: 1px solid #e6e7eb;
    padding: 16px 24px 21px 14px;
    transition: box-shadow .3s,border .3s;
    transition: all .3s;
}


.nav--boxed .nav__item-content {
    margin-left: 19px
}


ul.nav.nav--boxed {
    overflow: visible!important;
    display: block;
    flex-shrink: 0;
}

.nav--boxed .nav__link:hover {
    box-shadow: 0 4px 32px 0 rgb(10 14 29 / 2%), 0 8px 64px 0 rgb(10 14 29 / 8%);
    border: 1px solid #fff;
    background: #007bfc;
    background: -moz-linear-gradient(160deg, #007bfc 0%, #51b0fe 100%);
    background: -o-linear-gradient(160deg, #007bfc 0%, #51b0fe 100%);
    background: -webkit-linear-gradient(290deg, #007bfc 0%, #51b0fe 100%);
    background: -ms-linear-gradient(160deg, #007bfc 0%,#51b0fe 100%);
    background: linear-gradient(160deg, #007bfc 0%,#51b0fe 100%);
    color: #fff;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle::before {
        content: "\f64d";
        font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
}

.footable > thead > tr > th > span.footable-sort-indicator:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




a.product-group {
    box-shadow: 0px 4px 10px rgba(30,70,117,0.05)!important;
    padding: 15px;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    text-decoration: none;
    position: relative;
    border: 2px solid transparent;
    flex-wrap: wrap;
*
    -webkit-backdrop-filter: blur(18px);
*
    backdrop-filter: blur(18px);
*
    background-image: linear-gradient(â€¨45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
*
    border: â€¨1px solid rgba(255, 255, 255, .2);
*
    border-radius: â€¨13px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 13px;
    justify-content: center;
    text-align: center;
}

a.product-group .right {
    font-weight: 500;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

a.product-group .left img {width: 60px;}

a.product-group.active:after {
    content: "\F058";
    position: absolute;
    top: 14px;
    right: 20px;
    font-family: Font Awesome\ 5 Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    color: #1b69ff!important;
    text-align: center;
}

a.product-group.active {
    border: 2px solid #1b69ff!important;
}

a.product-group.active .right {
    color: #1b69ff;
}


.cart-select-area {
    margin-top: -50px;
}


.ctg-order-now {
    background-color: #3755fa;
    color: #fff;
    letter-spacing: -.01em;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding: 11px 24px;
    min-width: 170px;
    margin-top: 10px;
}

.cloud-cart-image {
    margin-bottom: 20px;
}



.ctg-server-cart-section .uk-card-body {
    background-color: #f9fafc;);
    color: #2b2f33;);
    padding: 36px;
    border-radius: 24px;
    box-shadow: none;
}

.ctg-server-cart-section {
    background: #fff;
}

.ctg-server-cart-section .uk-card-body img {
    border-radius: 24px;
    margin-top: 20px;
}

.ctg-server-cart-section .uk-card-body p {
    min-height: 75px;
}

.ctg-server-cart-feature-img {
    background: #D9E7FF;
    border-radius: 24px;
}



.cart-view-type {
    display: inline-flex;
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 6px;
    background: #f5f7f8;
}

.cart-view-type a.active {
    color: #36364a;
    background-color: #fff;
    text-decoration: none;
    transition: box-shadow .3s;
    box-shadow: 0 2px 6px #12078f14, 0 1px 2px #0e094814, 0 0 0 1px #0e094814;
}

.cart-view-type a svg {
    width: 24px;
    height: 24px;
}

.cart-view-type a:first-child {
    margin-right: 5px;
}

.cart-view-type a {
    color: #36364a;
    padding: 10px;
    border-radius: 6px;
}



.product-wrap-box {
	border-radius: 4px;
	box-shadow: 0px 3px 10px 0px rgb(38 59 94 / 10%);
	transition: ease all 0.35s;
	margin-bottom: 2rem;
	padding: 2.5rem;
	background-color: #FFF;
}
.product-wrap-head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
}
.product-wrap-title {
	font-size: 22px;
	color: #111;
	font-weight: 600;
	    width: 100%;
}
.product-wrap-price {
}
.product-wrap-price .big {
	font-size: 26px;
}
.product-wrap-price .won {
	color: #666;
}
.product-wrap-desc {
	font-size: 16px;
	margin: 0 0 2rem;
	padding: 1.5rem 0 0;
	list-style: none;
	border-top: 1px solid #EEE;
}
.product-wrap-desc li {
	display: flex;
	align-items: center;
	line-height: 30px;
	font-size: 1rem;
}
.product-wrap-desc li span {
	color: #666;
	padding-right: 20px;
	min-width: 50%;
	text-align: left;
}
.product-wrap-box .btn {
	display: block;
	padding: 0;
	line-height: 38px;
}
.product-wrap-box .btn-outofstock {
	background-color: #f0f1f3;
}
.page-section {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}

.product-wrap-desc li strong {
    text-align: right;
}


.last-child {
    display: block;
    width: 100%;
    padding: 20px;
}

.dedicated_table tr th {
    cursor: pointer;
}
td.server-price span.agent-price {
    color: #fff;
}