:root {
	--main-aside-basis-width: 220px;
	--home-max-width: 1600px;
	--main-radius: 12px;
}
.media-title-bg:before {
	content: '';
	position: absolute;
	left: 0;
	height: 80px;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 20%, transparent 80%);
}

.new-news ul li i {
	background: rgba(0, 0, 0, 0);
}

.icon {
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	top: 1px;
}
.icon-mac::before {
	content: '\e6d1';
}
.icon-microsoft::before {
	content: '\e6d2';
}
.card-app.card .app-platform {
	opacity: 1;
}

.ls-css-a > div > span > li {
	border: 4px #999 double;
	border-radius: 5px;
	padding: 0 5px;
}
.media-title {
	color: #c6e6f9;
	font-weight: bold;
	text-shadow: 5px 5px 5px #000;
}

.jumping-text {
	display: inline-block;
	font-size: 14px;
	animation: jump 1s infinite;
}

@keyframes jump {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

@media (min-width: 768px) {
	.d-md-flex {
		display: -ms-flexbox !important;
		display: flex !important;
		align-items: center;
	}
}
.app-template-default .code-container {
	max-width: 1505px;
	margin: 0 auto;
}

.app-template-default .code-container .code-left-container {
	width: 100%;
}

.app-template-default .code-container .code-left-container .code-title {
	font-size: 1.25rem;
}
.app-template-default .code-container .code-left-container .code-button {
	padding: 8px 18px !important;
}
.app-template-default .code-container .code-left-container .app-content {
	margin-bottom: 10px !important;
}

.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .d-md-flex {
	gap: 10px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .text-xs {
	position: absolute;
	top: -45px;
	left: 0;
	background: #fff;
	display: flex;
	align-items: center;
	height: 38px;
	padding: 0 15px;
	border-radius: 20px;
	box-shadow: 0 0 10px #ccc;
	gap: 5px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .app-ico img {
	width: 200px !important;
}
.app-template-default .code-left-container .table-div {
	/* position: absolute;
	left: 0;
	right: 0;
	bottom: -130px; */
	background: #fff;
	align-items: center;
	padding: 0 15px;
	border-radius: 20px;
	box-shadow: 0 0 15px #ccc;
	width: 100%;
	height: 80px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.app-template-default .code-left-container .table-div .table-row {
	display: grid;
	grid-template-rows: auto auto;
	flex: 1;
	align-items: center;
	justify-content: center;
}
.app-template-default .code-left-container .table-div .table-row .table-title {
	width: auto;
	text-align: center;
	font-size: 12px;
	color: #999;
	margin: auto;
	padding: 0;
	position: relative;
	line-height: 25px;
}
.app-template-default .code-left-container .table-div .table-row .table-value {
	text-align: center;
	color: #666;
	font-weight: bold;
}
.app-template-default .code-left-container .table-div .table-row .table-value .mr-2 {
	display: flex;
	align-items: center;
	gap: 5px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .text-muted span.mr-2:nth-of-type(2) {
	position: absolute;
	right: 45px;
	bottom: -91px;
	color: #333;
	font-weight: bold;
	visibility: hidden;
	text-align: center;
	margin: 0 !important;
	font-size: 0;
	width: 180px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .text-muted span.mr-2:nth-of-type(2) i {
	display: none;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .text-muted span.mr-2:nth-of-type(2) span {
	visibility: visible;
	text-align: center;
	font-size: 18px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .img_wrapper {
	height: 300px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .screenshot-carousel {
	width: 280px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 p.mb-0.text-muted.text-sm > a {
	background: #3db7fd;
	color: #fff;
	display: flex;
	height: 42px;
	align-items: center;
	justify-content: center;
	width: 131px;
	border-radius: 7px;
	position: absolute;
	bottom: 66px;
	left: 400px;
	transition: 0.3s;
	font-size: 1rem !important;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 p.mb-0.text-muted.text-sm > a i {
	display: none;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 p.mb-0.text-muted.text-sm > a:hover {
	opacity: 0.7;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 p.mb-0.text-muted.text-sm {
	left: 0;
	position: absolute;
	display: flex;
	width: 100%;
	gap: 15px;
	bottom: 0;
	font-size: 16px !important;
	text-align: center;
	justify-content: right;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .mb-2.app-button {
	position: absolute;
	bottom: 50px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .app-info.flex-fill {
	padding-bottom: 30px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .app-ico.text-center.mr-2.d-none.d-md-block {
	width: 200px;
	min-width: 200px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .text-muted span.mr-2:nth-of-type(1) {
	position: absolute;
	right: 238px;
	bottom: -90px;
	color: #333;
	font-weight: bold;
	visibility: hidden;
	margin: 0 !important;
	font-size: 0;
	width: 180px;
}
.app-template-default .row.app-content.py-5.mb-xl-5.mb-0.mx-xxxl-n5 .text-muted span.mr-2:nth-of-type(1) span {
	visibility: visible;
	text-align: center;
	font-size: 18px;
}

.sidebar {
	width: 100%;
	margin-left: 0 !important;
}

.btn_down {
	padding: 0.25rem 0.5rem !important;
}
.carousel-indicators {
	bottom: 5px;
}