:root{--font-family-body: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --body-font-size: 16px;
    --body-font-weight: 400;
    --base-line-height: 1.39;
    --body-letter-spacing: -0.001em;
    --primary-accent-color: #6419ff;
    --body-font-color: #43484e;
    --white-color: #fff;
    --border-grey-color: #cfd8df;
    --heading-color: #272a2c;
    --icon-color: #9095a0;
    --grey-themes: #ebf2f8;
    --red-themes: #ff0173;
    --dark-themes: #272a2c;
    --blue-themes: #00c6ff;
    --yellow-themes: #ffd200;
    --orange-themes: #ff8a0b;
    --green-themes: #00a651;
    --lime-themes: #8ad524;
    --grey-light-themes: #d9e3eb;
    --light-grey: #8d9cab;
    --primary-accent-color--darken: #4b00e5;
    --white-color--darken: #e6e6e6;
    --grey-themes--darken: #c5d9eb;
    --red-themes--darken: #cd005c;
    --dark-themes--darken: #0f1011;
    --blue-themes--darken: #009ecc;
    --yellow-themes--darken: #cca800;
    --orange-themes--darken: #d77000;
    --green-themes--darken: #007338;
    --lime-themes--darken: #6ea91d;
    --grey-light-themes--darken: #b8cad9;
    --link-color: #272a2c;
    --footer-link-color: #bac1c9;
    --footer-text-color: #80868d;
    --h1-font-size: 48px;
    --h2-font-size: 42px;
    --h3-font-size: 36px;
    --h4-font-size: 30px;
    --h5-font-size: 24px;
    --h6-font-size: 18px;
    --h-margin-bottom: 20px;
    --h-font-weight: 700;
    --placeholder-color: #838890;
    --input-dark-bg: #2c2f31;
    --input-grey-bg: #ebf2f8;
}

/* 修改样式开始 2023.11.16*/
.cloud-tab {
    position: relative;
    margin-bottom: 70px;
}

.news-content {
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
    border-radius: 6px;
    ms-flex-align: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1.5px solid #fff;
    background-color: rgba(255,255,255,.6);
    box-shadow: 0 4px 33px rgba(190,196,207,.28);
}

.news-content {}

.cloud-tab .news-list {
    display: flex;
}

.cloud-tab .news-item:hover {
    flex: .21;
    transition: 0.3s all; 
}

.cloud-tab .news-item {
    flex: .2;
    padding: 0 8px;
    border-right: 1px solid #c7c1c1;
    cursor: default;
    overflow: hidden;
}

.cloud-tab .news-item:last-child {
    border-right: none;
}

.cloud-tab .news-list .advertisement-item {
    flex: .4;
    padding: 0;
    padding-right: 15px;
    border-right: none;
}

.cloud-tab .news-list .advertisement-item:hover {
    scale: 1.01;
    transition: 0.4s;
}

.cloud-tab .news-list .advertisement-item img {
    width: 100%;
    max-height: 120px;
    border-radius: 5px;
}

.configuration-info {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.configuration-info h3 {
    text-align: center;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 570;
    color: #d82b64;
    letter-spacing: 5px;
}

.configuration-info .config-items {
    display: flex;
    justify-content: space-between;
}

.configuration-info .config-items li {
    padding: 0 8px;
    text-align: center;
}

.configuration-info .config-items li .conf-title {
    margin-bottom: 5px;
}

.configuration-info .config-items li span {
    display: block;
    font-size: 14px;
}

.configuration-price {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.configuration-price .price span {
    color: orange;
    font-size: 16px;
    font-weight: 580;
}

.configuration-price .price span::after {
    content: '/年';
    font-size: 14px;
    color: #dd7065;
}

.configuration-price .price i {
    font-size: 12px;
    color: #ed2a2a;
}

.configuration-price .purchase-btn {
    background-color: orange;
    padding: 3px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

.configuration-price .purchase-btn:hover {
    background-color: #ffc900
}

.configuration-price .purchase-btn a {
    color: #fff;
}

.cloud-configuration .main-content {
    padding-top: 0;
}


/*
修改服务器购买页的banner图形
*/

.top-header , .head-nav {
    height: 70px;
}

.header .head-nav {
    background: #fff;
}

.head-nav {
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
}

.header .head-nav:hover {
    background: #fff !important;
}

.cloud-banner {
    padding-top: 70px!important;
    background: url(https://vip.helloimg.com/i/2024/03/20/65fae70c323f3.png) center top 100% #fff no-repeat !important;
}

/*  修改banner文字样式 */
.cloud-banner .header-info {
    color: #4c4949;
    text-align: inherit;
}
.cloud-banner .header-info h1 {
    margin: 30px 0 25px;
}

/* 短信banner样式 */
.spe-banner .header-info {
	padding-top: 50px!important;
}

.spe-banner {
	margin-bottom: 20px!important;
	height: 300px!important;
}

.database-banner {
    height: 300px!important;
}

/* 修改头部菜单样式 */
.head-nav:hover {
    height: 70px;
}

.head-nav .nav-list .nav:after {
    margin: -9px 0 0;
}

.head-nav .nav-list .nav {
    color: #2f2e2e;
}

.head-nav:hover {
    background: #fff!important;
}

.head-nav .new-pop-list {
    background-color: #fff;
}

.head-nav .new-pop-list dt {
    color: rgb(68 67 67);
}

.head-nav .new-pop-list dd a {
    color: #555353;
}

.webSiteConfig {
    color: #3a3838;
}

.head-nav .nav-right .btn {
    border-radius: 5px;
}

.head-nav .nav-right .btn-login {
    color: #ff2626;
    border: 1px solid #ff2626;
}

.head-nav .nav-right .btn-login:hover {
    color: #fff;
    background-color: #ef0f0f;
}

.head-nav .nav-right .btn-register {
    color: #fff;
    border: 1px solid #c4bdbd;
    background-color: #ef0f0f;
}

.webSiteConfig>.config_content {
    background-color: #fff;
}

.webSiteConfig>span {
    border-top: 8px solid #787878;
    right: 50px;
    top: 17px;
}

.head-nav .new-pop-list {
    top: 70px;
}

.head-nav .new-pop-list dd a:hover {
    background: #eee;
}

.head-nav .nav-right .top-user-info-1 {
    background-color: #f4f3f3;
    padding: 0 10px;
    border-radius: 5px;
}

.head-nav .nav-right .top-user-info-1 a {
    color: #ff2626;
}

.head-nav .nav-right .member:before {
    content: none;
}

.sign-box {
    margin-top: 0px!important;
    padding-top: 70px;
}

.header-banner {
    height: 510px!important;
}



/* 首页新增cm样式1 */
.product-list .cloud-item {
	background: #fff;
	border: 1px solid #00a5af;
	border-radius: 8px;
	margin-bottom: 15px;
}

.product-list:first-child {
    position: relative;
    margin-top: 20px;
}

.product-list .cloud-item .product-num {
	width: 10%;
	float: left;
	height: 180px;
	line-height: 180px;
	text-align: center;
	font-size: 4.2857142857rem;
	border-color: #00a5af;
	font-weight: 700
}

.product-list .cloud-item .num1 {
	color: #ff8200
}

.product-list .cloud-item .hosting-title {
	width: 20%;
	height: 180px;
	float: left;
	text-align: center;
	border-left: 1px solid #00a5af;
	padding-top: 50px
}

.product-list .cloud-item .hosting-title a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

.product-list .cloud-item .feature-content {
	width: 70%;
	height: 180px;
	float: left;
	border-left: 1px solid #00a5af
}


.product-list .cloud-item .feature-content .feature-meta div {
	padding: 10px 0
}

.product-list .cloud-item .feature-content .feature-meta span {
	padding-bottom: 5px
}

.product-list .cloud-item .feature-content .feature-meta.last {
	border-right: none;
	padding-bottom: 0
}

.product-list .cloud-item .feature-content .feature-meta.last .price {
	font-size: 1.2rem;
	font-weight: bold
}

.product-list .cloud-item .feature-content .feature-summary .desc {
	display: block;
	margin-right: 170px;
	line-height: 2rem
}

.product-list .cloud-item .feature-content .feature-summary .btn {
	float: right;
	margin-right: 20px
}

.index-advantage .advantage-list {
    height: 625px!important;
}



.product-list .cloud-item .feature-content .feature-meta {
	width: 24%;
	float: left;
	text-align: center;
	border-right: 1px solid #00a5af;
	padding-bottom: 10px;
}

.product-list .cloud-item .feature-content .feature-summary {
    position: relative;
	padding-top: 5px;
	padding-left: 20px;
	border-top: 1px solid #00a5af;
	height: 100%
}

.product-list .cloud-item .feature-content .feature-summary .desc {
	display: block;
	margin-right: 170px;
	line-height: 2rem
}

.product-list .cloud-item .btn-ctn {
	position: absolute;
	right: 0;
	top: 10px
}

.product-list .cloud-item .visite-btn {
	float: right;
	font-size: 1rem;
	padding-left: 2.1428571429rem!important;
	padding-right: 3.5714285714rem!important;
	background-color: #ff8200;
	font-weight: 700;
	height: 3rem;
	color: #fff;
	border-radius: 1.7857142857rem!important;
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	line-height: 2rem;
	margin: 20px;
	position: relative;
	text-align: center;
	-webkit-appearance: none;
	transition: background-color 300ms ease-out;
	padding: .5714285714rem 1.1428571429rem .6428571429rem
}

.product-list .cloud-item .visite-btn span {
	position: absolute;
	border-left: 1px solid #fff;
	height: 3rem;
	width: 3rem;
	padding-top: .8rem;
	display: block;
	text-align: center;
	right: 0;
	top: 0;
	bottom: 0
}

.product-list .cloud-item .visite-btn span b {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #fff
}

.product-list .cloud-item .visite-btn:hover {
	background-color: #ff6700
}

.clearfix {
	clear: both;
	display: block
}

.clearfix:after,.dl-horizontal dd:after,.container222222:after,.container222222-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav2222222:after,.nav2222222bar2222222:after,.nav2222222bar2222222-header:after,.nav2222222bar2222222-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
	clear: both
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container222222:before,.container222222:after,.container222222-fluid:before,.container222222-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav2222222:before,.nav2222222:after,.nav2222222bar2222222:before,.nav2222222bar2222222:after,.nav2222222bar2222222-header:before,.nav2222222bar2222222-header:after,.nav2222222bar2222222-collapse:before,.nav2222222bar2222222-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
	display: table;
	content: " "
}

span.star {
	display: inline-block;
	width: 75px;
	height: 15px;
	margin: 0 auto;
	background: url(https://zhenxiansheng-1251032746.file.myqcloud.com/Markdown/2021/06/18/star.png) no-repeat 0 0
}

span.star.s50 {
	background-position: 0 0
}

span.star.s45 {
	background-position: 0 -15px
}

span.star.s40 {
	background-position: 0 -30px
}

span.star.s35 {
	background-position: 0 -45px
}

span.star.s30 {
	background-position: 0 -60px
}

span.star.s25 {
	background-position: 0 -75px
}

span.star.s20 {
	background-position: 0 -90px
}

span.star.s15 {
	background-position: 0 -105px
}

span.star.s10 {
	background-position: 0 -120px
}

span.star.s05 {
	background-position: 0 -135px
}

span.star.s00 {
	background-position: 0 -150px
}

span.star.s {
	display: inline-block;
	width: 60px;
	height: 12px;
	margin: 0 auto;
	background: url(https://zhenxiansheng-1251032746.file.myqcloud.com/Markdown/2021/06/18/star.png) no-repeat 0 0;
	background-size: 100%
}

span.star.s.s50 {
	background-position: 0 0
}

span.star.s.s45 {
	background-position: 0 -13px
}

span.star.s.s40 {
	background-position: 0 -25px
}

span.star.s.s35 {
	background-position: 0 -37px
}

span.star.s.s30 {
	background-position: 0 -49px
}

span.star.s.s25 {
	background-position: 0 -61px
}

span.star.s.s20 {
	background-position: 0 -73px
}

span.star.s.s15 {
	background-position: 0 -85px
}

span.star.s.s10 {
	background-position: 0 -97px
}

span.star.s.s05 {
	background-position: 0 -109px
}

span.star.s.s00 {
	background-position: 0 -121px
}
/* 首页新增cm样式1结束 */

/* 首页新增wk样式2 */
.display-list {
	background-color: #f4f4f4;
	padding-bottom: 15px;
}

.border-primary-themes {
	border-color:var(--primary-accent-color) !important;
}
.border-red-themes {
	border-color:var(--red-themes) !important;
}
.border-orange-themes {
	border-color:var(--orange-themes) !important;
}
.border-yellow-themes {
	border-color:var(--yellow-themes) !important;
}
.border-blue-themes {
	border-color:var(--blue-themes) !important;
}

.pricing-tables-wrap-table {
	width: 100%;
	overflow: visible;
	box-shadow: none;
	border: none;
	border-collapse: unset;
	border-spacing: 0 10px; }
.pricing-tables-wrap-table > tbody > tr:after {
  content: '';
  display: block;
  width: 100%;
  height: 7px;
  background-color: #ebf2f8; }
.pricing-tables-wrap-table > tbody > tr:hover {
  box-shadow: none; }
.pricing-tables-wrap-table > thead {
  background-color: #ea9785;
  color: #fff;
}
.pricing-tables-wrap-table > tfoot > tr > td {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  text-align: center; }
.pricing-tables-wrap-table > thead > tr > th {
  font-size: 18px;
  font-weight: 700;
  padding: 25px 20px; }
.pricing-tables-wrap-table > tbody > tr > td {
  padding: 25px 20px;
  border-right: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  background-color: var(--white-color); }
.pricing-tables-wrap-table > tbody > tr > td:first-child::before {
  content: attr(data-value);
  display: none;
  width: initial;
  height: initial;
  background-color: transparent;
  position: relative;
  left: initial;
  top: initial;
  opacity: 1; }
.pricing-tables-wrap-table .cpu-core {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: var(--light-grey); }
.pricing-tables-wrap-table .geekbench-score {
	font-weight: 500;
  	margin-right: 10px;
  	font-size: 17px;
	min-width: 45%;
}
.pricing-tables-wrap-table .skills-wrap {
  display: flex;
  align-items: center; }
.pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
	max-width: 100%;
	min-width: 50%;
}
.pricing-tables-wrap-table .rate {
  font-size: 24px;
  color: var(--lime-themes); }
.pricing-tables-wrap-table .pricing-onsale {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px; }

.pricing-table--style-table {
	text-align: left; }
.pricing-table--style-table > td:before {
  content: attr(data-value);
  display: none; }
.pricing-table--style-table > td:first-child {
  border-left: 2px solid transparent;
  border-radius: 5px 0 0 5px; }
.pricing-table--style-table > td:last-child {
  border-right: 2px solid transparent;
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table > td {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent; }
.pricing-table--style-table:hover.border-accent-primary > td:first-child {
  margin-bottom: 30px;
  border-radius: 5px 0 0 5px;
  border-left: 2px solid var(--primary-accent-color); }
.pricing-table--style-table:hover.border-accent-primary > td:last-child {
  border-right: 2px solid var(--primary-accent-color);
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table:hover.border-accent-primary > td {
  border-top: 2px solid var(--primary-accent-color);
  border-bottom: 2px solid var(--primary-accent-color); }
.pricing-table--style-table:hover.border-red-themes > td:first-child {
  border-radius: 5px 0 0 5px;
  border-left: 2px solid var(--red-themes); }
.pricing-table--style-table:hover.border-red-themes > td:last-child {
  border-right: 2px solid var(--red-themes);
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table:hover.border-red-themes > td {
  border-top: 2px solid var(--red-themes);
  border-bottom: 2px solid var(--red-themes); }
.pricing-table--style-table:hover.border-orange-themes > td:first-child {
  border-radius: 5px 0 0 5px;
  border-left: 2px solid var(--orange-themes); }
.pricing-table--style-table:hover.border-orange-themes > td:last-child {
  border-right: 2px solid var(--orange-themes);
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table:hover.border-orange-themes > td {
  border-top: 2px solid var(--orange-themes);
  border-bottom: 2px solid var(--orange-themes); }
.pricing-table--style-table:hover.border-yellow-themes > td:first-child {
  border-radius: 5px 0 0 5px;
  border-left: 2px solid var(--yellow-themes); }
.pricing-table--style-table:hover.border-yellow-themes > td:last-child {
  border-right: 2px solid var(--yellow-themes);
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table:hover.border-yellow-themes > td {
  border-top: 2px solid var(--yellow-themes);
  border-bottom: 2px solid var(--yellow-themes); }
.pricing-table--style-table:hover.border-blue-themes > td:first-child {
  border-radius: 5px 0 0 5px;
  border-left: 2px solid var(--blue-themes); }
.pricing-table--style-table:hover.border-blue-themes > td:last-child {
  border-right: 2px solid var(--blue-themes);
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table:hover.border-blue-themes > td {
  border-top: 2px solid var(--blue-themes);
  border-bottom: 2px solid var(--blue-themes); }
.pricing-table--style-table:hover.border-lime-themes > td:first-child {
  border-radius: 5px 0 0 5px;
  border-left: 2px solid var(--lime-themes); }
.pricing-table--style-table:hover.border-lime-themes > td:last-child {
  border-right: 2px solid var(--lime-themes);
  border-radius: 0 5px 5px 0; }
.pricing-table--style-table:hover.border-lime-themes > td {
  border-top: 2px solid var(--lime-themes);
  border-bottom: 2px solid var(--lime-themes); }

  .skills-item-meter {
	padding: 0 5px;
	width: 100%;
	border-radius: 10px;
	background-color: var(--grey-themes);
	position: relative;
	height: 10px; }

	.skills-item-meter-active {
		position: absolute;
		display: inline-block;
		border-radius: 5px;
		bottom: 0;
		left: 0;
		transition: all .2s ease;
		color: var(--dark-themes);
		height: 100%;
		}
		&.skills-animate {
			animation: skills-animated 1.2s ease-out;
		}
		
		.skills-item--style-circle {

			.skills-item-meter {
			  height: 6px;
			}
		  
			.skills-item-meter-active {
		  
			  &:after {
				content: '';
				display: block;
				width: 18px;
				height: 18px;
				border: 4px solid transparent;
				border-radius: 100%;
				position: absolute;
				right: -1px;
				top: 50%;
				transform: translate(0, -50%);
				background-color: var(--grey-themes);
			  }
		  
			  &.bg-accent-primary {
		  
				&:after {
				  border-color: var(--primary-accent-color);
				}
			  }
		  
			  &.bg-red-themes {
				&:after {
				  border-color: var(--red-themes);
				}
			  }
		  
			  &.bg-orange-themes {
				&:after {
				  border-color: var(--orange-themes);
				}
			  }
		  
			  &.bg-yellow-themes {
				&:after {
				  border-color: var(--yellow-themes);
				}
			  }
		  
			  &.bg-blue-themes {
				&:after {
				  border-color: var(--blue-themes);
				}
			  }
		  
			  &.bg-lime-themes {
				&:after {
				  border-color: var(--lime-themes);
				}
			  }
			}
		  }

		  .bg-accent-primary {
			background-color: var(--primary-accent-color);
		  }
		  
		  .bg-red-themes {
			background-color: var(--red-themes);
		  }
		  
		  .bg-yellow-themes {
			background-color: var(--yellow-themes);
		  }
		  
		  .bg-orange-themes {
			background-color: var(--orange-themes);
		  }
		  
		  .bg-blue-themes {
			background-color: var(--blue-themes);
		  }
		  
		  .bg-lime-themes {
			background-color: var(--lime-themes);
		  }


  /*------------- #BUTTONS --------------*/


.crumina-button {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	border-radius: 50px;
	padding: 5px 10px;
	position: relative;
	transition: all .3s ease;
	text-align: center;
	line-height: 1;
	font-weight: 700;
	color: var(--white-color);
	outline: none;
	border: 3px solid;
  
	&:after {
	  content: '';
	  display: block;
	  border-radius: 50px;
	  position: absolute;
	  top: -3px;
	  left: -3px;
	  width: calc(100% + 6px);
	  height: calc(100% + 6px);
	  box-shadow: inset 0 3px 0 0 rgba(33, 35, 43, 0.3);
	  opacity: 0;
	  transition: all .3s ease;
	}
  
	& + .btn {
	  margin-left: 30px;
	}
  
	&:hover {
	  outline: none;
	  text-decoration: none;
	}
  
	&:focus {
	  outline: none;
	}
  
	&:active {
	  outline: none;
  
	  &:after {
		opacity: 1;
	  }
	}
  
	&:disabled {
	  background-color: var(--grey-themes) !important;
	  color: var(--grey-themes) !important;
	  border-color: var(--grey-themes) !important;
	  cursor: not-allowed;
	}
  }

  .button--m {
	font-size: 14px;
	padding: .938rem 2.187rem;
  }


/*------------- #Color-scheme for buttons --------------*/


.button--dark {
	background-color: var(--dark-themes);
	border-color: var(--dark-themes);
	color: var(--white-color);
  
	&:hover {
	  background-color: var(--dark-themes--darken);
	  border-color: var(--dark-themes--darken);
	  color: var(--white-color);
	}
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--dark-themes);
  
	  .crumina-icon,
	  i {
		color: var(--dark-themes);
		fill: var(--dark-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		border-color: var(--primary-accent-color);
		background-color: transparent;
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--white {
	background-color: var(--white-color);
	border-color: var(--white-color);
	color: var(--dark-themes);
  
	.crumina-icon,
	i {
	  color: var(--dark-themes);
	  fill: var(--dark-themes);
	}
  
	&:hover {
	  background-color: var(--white-color--darken);
	  border-color:var(--white-color--darken);
	  color: var(--dark-themes);
	}
  
	&.button--bordered {
	  color: var(--white-color);
  
	  &:hover {
		color: var(--primary-accent-color);
		border-color: var(--primary-accent-color);
		background-color: transparent;
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--yellow {
	background-color: var(--yellow-themes);
	border-color: var(--yellow-themes);
	color: var(--dark-themes);
  
	&:hover {
	  background-color: var(--yellow-themes--darken);
	  border-color: var(--yellow-themes--darken);
	  color: var(--dark-themes);
	}
  
	.crumina-icon,
	i {
	  color: var(--dark-themes);
	  fill: var(--dark-themes);
	}
  
	&.button--bordered {
	  color: var(--yellow-themes);
  
	  .crumina-icon,
	  i {
		color: var(--yellow-themes);
		fill: var(--yellow-themes);
	  }
  
	  &:hover {
		border-color: var(--primary-accent-color);
		background-color: transparent;
		color: var(--primary-accent-color);
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--green {
	background-color: var(--green-themes);
	border-color: var(--green-themes);
	color: var(--white-color);
  
	&:hover {
	  background-color: var(--green-themes--darken);
	  border-color: var(--green-themes--darken);
	  color: var(--white-color);
	}
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--green-themes);
  
	  .crumina-icon,
	  i {
		color: var(--green-themes);
		fill: var(--green-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		background-color: transparent;
		border-color: var(--primary-accent-color);
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--grey {
	background-color: var(--grey-themes);
	border-color: var(--grey-themes);
	color: var(--dark-themes);
  
	.crumina-icon,
	i {
	  color: var(--dark-themes);
	  fill: var(--dark-themes);
	}
  
	&:hover {
	  background-color: var(--grey-themes--darken);
	  border-color: var(--grey-themes--darken);
	  color: var(--dark-themes);
	}
  
	&.button--bordered {
	  color: var(--grey-themes);
  
	  .crumina-icon,
	  i {
		color: var(--grey-themes);
		fill: var(--grey-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		background-color: transparent;
		border-color: var(--primary-accent-color);
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--red {
	background-color: var(--red-themes);
	border-color: var(--red-themes);
	color: var(--white-color);
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&:hover {
	  background-color: var(--red-themes--darken);
	  border-color: var(--red-themes--darken);
	  color: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--red-themes);
  
	  .crumina-icon,
	  i {
		color: var(--red-themes);
		fill: var(--red-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		background-color: transparent;
		border-color: var(--primary-accent-color);
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--primary {
	background-color: var(--primary-accent-color);
	border-color: var(--primary-accent-color);
	color: var(--white-color);
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&:hover {
	  background-color: var(--primary-accent-color--darken);
	  border-color: var(--primary-accent-color--darken);
	  color: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--primary-accent-color);
  
	  .crumina-icon,
	  i {
		color: var(--primary-accent-color);
		fill: var(--primary-accent-color);
	  }
  
	  &:hover {
		color: var(--white-color);
		background-color: var(--primary-accent-color);
		border-color: var(--primary-accent-color);
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--lime {
	background-color: var(--lime-themes);
	border-color: var(--lime-themes);
	color: var(--white-color);
  
	&:hover {
	  background-color: var(--lime-themes--darken);
	  border-color: var(--lime-themes--darken);
	  color: var(--white-color);
	}
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--lime-themes);
  
	  .crumina-icon,
	  i {
		color: var(--lime-themes);
		fill: var(--lime-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		background-color: transparent;
		border-color: var(--primary-accent-color);
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		border-color: var(--primary-accent-color--darken);
		background-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--blue {
	background-color: var(--blue-themes);
	border-color: var(--blue-themes);
	color: var(--white-color);
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&:hover {
	  background-color: var(--blue-themes--darken);
	  border-color: var(--blue-themes--darken);
	  color: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--blue-themes);
  
	  .crumina-icon,
	  i {
		color: var(--blue-themes);
		fill: var(--blue-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		background-color: transparent;
		border-color: var(--primary-accent-color);
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		background-color: var(--primary-accent-color--darken);
		border-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--orange {
	background-color: var(--orange-themes);
	border-color: var(--orange-themes);
	color: var(--white-color);
  
	.crumina-icon,
	i {
	  color: var(--white-color);
	  fill: var(--white-color);
	}
  
	&:hover {
	  background-color: var(--orange-themes--darken);
	  border-color: var(--orange-themes--darken);
	  color: var(--white-color);
	}
  
	&.button--bordered {
	  color: var(--orange-themes);
  
	  .crumina-icon,
	  i {
		color: var(--orange-themes);
		fill: var(--orange-themes);
	  }
  
	  &:hover {
		color: var(--primary-accent-color);
		border-color: var(--primary-accent-color);
		background-color: transparent;
  
		.crumina-icon,
		i {
		  color: var(--primary-accent-color);
		  fill: var(--primary-accent-color);
		}
	  }
  
	  &:active {
		color: var(--white-color);
		background-color: var(--primary-accent-color--darken);
		border-color: var(--primary-accent-color--darken);
  
		.crumina-icon,
		i {
		  color: var(--white-color);
		  fill: var(--white-color);
		}
	  }
	}
  }
  
  .button--bordered {
	background-color: transparent;
	color: var(--dark-themes);
  
	&:active {
	  color: var(--white-color);
	  background-color: var(--primary-accent-color);
	  border-color: var(--primary-accent-color);
	}
  }
  
  .button--border-dashed {
	background-color: transparent;
	color: var(--body-font-color);
	border-style: dashed;
}

.cloud-list-description {
	text-align: center;
}

.cloud-list-description h2, .activity-list-description h2 {
	font-weight: var(--h-font-weight);
    font-size: 2.625rem;
    color: var(--heading-color);
	padding: 20px 0 30px 0;
}

.fw-medium {
	font-size: 18px;
    font-weight: 500;
    padding: 0 0 20px;
}

.activity-products .activity-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.activity-list .activity-item:nth-child(3n) {
	margin-right: 0;
}

.activity-item {
	flex-basis: calc(33.33% - 17.5px);
	margin-right: 25px;
	margin-bottom: 20px;
}

.activity-list-title, .activity-list-description {
	text-align: center;
}

.activity-list-title {
	font-size: 16px;
	padding: 15px 0 20px 0;
	background-color: #e88570;
	color: #fff;
	border-radius: 7px 7px 0 0;
}

.crumina-pricing-tables-item {
	background-color: #fff;
	border-radius: 7px;
	padding: 0;
	cursor: default;
}

.crumina-pricing-tables-item:hover {
	scale: 1.01;
	box-shadow: 3px 1px 2px 3px #e8e6e6;
	transition: transform 0.7s ease-out;
}

.activity-products {
	background-color: #f4f4f4;
	padding: 30px 0 20px;
}

.main-pricing-content {
	padding: 20px 30px;
}

.main-pricing-content p {
	margin-bottom: 8px;
    border-bottom: 1px solid #d8d6d6;
    padding-bottom: 8px;
}

.main-pricing-content p span {
	font-weight: 550;
    color: #413f3f;
}

.main-pricing-content .item-description {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.main-pricing-content .item-description span:nth-child(1) {
	font-weight: 550;
	min-width: 45px;
	color: #413f3f;
}

.main-pricing-content .item-description span {
	font-weight: 300;
	color: red;
}

.main-pricing-content .product-price {
	text-align: center;
    font-size: 32px;
    font-weight: 550;
    color: #f1871d;
    margin-top: 20px;
}

.product-price span {
	font-size: 16px;
}

.main-pricing-content .start-btn {
	text-align: center;
	margin-top: 30px;
}

.main-pricing-content .start-btn a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 6px;
	background-color: #5da7e6;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 550;
}

.main-pricing-content .start-btn a:hover {
	background-color: #238be4;
}


.activity-list-description h2 {
	padding: 0 0 20px;
}

.pricing-tables-wrap-table  th:nth-child(7) {
	text-align: left;
    padding-left: 50px;
}

.webSiteConfig>.config_content>div>ul>li>a.activeLoading {
    color: #000;
}

.webSiteConfig>.config_content>div>ul>li>a.activeLoading:hover {
    color: #0af;
}