*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: Microsoft Yahei!important;
}
.accordion-button:focus{
	box-shadow: none;
}
:root{
	--theme-color:#e41b1b;
	--text-theme-color:#e41b1b;
	--btn-bg-color:;
	--text-color-white:#fff;
	--text-color-black:#000;
	--navbar-color:#ff6452;
}
.top-fixed{
	position: sticky;
	top: 0;
	z-index: 1020;
	background-color: var(--text-color-black);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.navbar-toggler-icon{
	background-image: none;
	border: none;
}
.navbar-expand-lg{
	background-color:var(--navbar-color);
}
section{
	padding-top:40px!important;
	padding-bottom:1.5rem!important;
	scroll-margin-top: 2rem;	
}
.sticky-top{
	background-image: linear-gradient(to right, #ff6452 , #ff4d41);
}
.section-header .navbar-nav a{
	color: var(--text-color-white);
	font-size: 16px;
	padding: 0px 20px!important;
	display: inline-block;
}
.section-1{
	color: var(--text-color-black);
	padding-top: 70px;
}
.section-header .navbar-nav a:after {
	display: block;
	content : '';
	border-bottom: solid 3px var(--text-color-white);
	transform: scaleX(0);
	transition: transform 300ms ease-in-out;
}
.section-header .navbar-nav a:hover:after {
	transform: scaleX(1);
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
	color: var(--theme-color);
}
.head h2{
	color: var(--theme-color);
	font-family: Nunito,sans-serif!important;
	font-weight: bold;
	padding: 16px 12px 8px 12px;
	margin: 0px;
}
.text-theme{
	color: var(--text-theme-color);
}
.silo-coin-btn {
    text-decoration: none;
    background: var(--theme-color);
    color: var(--text-color-white);
    padding: 10px 16px;
    border-radius: 6px;
}
.col-md-4.shadow{
	border-top:5px solid var(--theme-color);
	border-right:5px solid var(--theme-color);
	border-radius: 5px;
	position: relative;
}


.admit-card{
	font-size: 10px;
	text-decoration: none;
	text-align: right;
}
.join-msg {
  position: absolute;
  background-color: var(--text-color-white);
  color: var(--text-color-black);
  text-align: right;
  animation: mymove 10s infinite 2s;
  display: inline-block;
  top: 0px;
  left: 0px;
}
@keyframes mymove {
  0%   {
      transform: translateX(0%);
  }
  25%   {
  	transform: translateY(300px);
  }
   50%   {
      transform: translateX(350px) translateY(300px);
  }
   75%   {
      transform: translateX(350px);
  }
  100%   {
      transform: translateX(0%);
  }
}

.section-7 .accordion-button:not(.collapsed) {
    color: #e25464;
    background-color: #ffdbdb;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
/*fixed-content*/
.fixed-menu{
	position: fixed;
	left: 5%;
	top: 50%;
}
.fixed-menu .link-menu{
	min-width: 200px;
	background: #80808045;
	padding: 8px 30px;
	margin: 10px 0px;
	border-radius: 6px;
	font-weight: 600;
	border-bottom: 3px solid;
}

.fixed-menu .link-menu.active{
	background-color: var(--theme-color);
	color: var(--text-color-white);
	border-bottom: 3px solid var(--text-color-black);
}

.footer h5{
	position: relative;
	border-bottom: 2px solid #dfdada;
	padding-bottom:8px;
}
.footer h5:before{
	content: "";
	position: absolute;
	width: 20%;
	height: 3px;
	background-color: var(--theme-color);
	bottom: -2px;
	left: 0px;
	transition: all 0.5s cubic-bezier(.645,.045,.355,1);
}
.footer .col-sm-6:hover h5:before{
	width: 100%;  
}
.footer ul li{
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 500ms ease-in-out;
}
.footer li:hover{
	color: var(--text-theme-color);
	transform: scale(1.05);
}
.footer .footer-icon{
	display: inline-block;
	color: #7f839c;
	font-size:22px;
	text-align: center;
	transition: 0.3s;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height:32px;
	border: 1px solid #7f839c;
	border-radius: 50%;
	margin: 10px;
	position: relative;
}
.footer .footer-icon i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.footer a{
	text-decoration: none;
	color: var(--text-color-white);
}
.footer-icon:hover{
	color: var(--text-color-white);
	background:var(--theme-color);
	box-shadow: 0px 17px 66px 1px hwb(208deg 0% 0%);
	border: 1px solid var(--theme-color);
}
.typed-cursor{
	opacity: 1;
	animation: blink 0.7s infinite;
	color: var(--theme-color)!important;
}

@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@media only screen and (min-width: 900px){
	
	
	.silo-community-jumbobox{
		height: 90vh;
	}
}
@media only screen and (max-width: 700px){
	section{
		padding-top:20px!important;
		padding-bottom: 1rem!important;
	}
	.logo-mobile{
		height: 25px;
	}
	
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}