.footer {

    background-color:#615dfa;lyriss

    background-image:linear-gradient(to bottom, rgba(97, 93, 250, 0.95) 0%,rgba(97, 93, 250, 0.95) 100%), url(../../../stabilizer/assets/bg.svg);

    background-blend-mode:normal, luminosity;

    color: white;

}



.footer:before{

    content:'';

    width:100%;

    height:2px;

    display:block;

	background:-moz-linear-gradient(to right, #c36d6d 0, #ff00ff 15%, #0000ff 33%, #00ffff 49%, #00ff00 67%, #ffff00 84%, #d36c6c 100%);

	background:-webkit-linear-gradient(left, #c36d6d 0, #ff00ff 15%, #0000ff 33%, #00ffff 49%, #00ff00 67%, #ffff00 84%, #d36c6c 100%);

    background:white linear-gradient(to right, #c36d6d 0, #ff00ff 15%, #0000ff 33%, #00ffff 49%, #00ff00 67%, #ffff00 84%, #d36c6c 100%);

}



.footer a{

	color:white

}



.footer-top{

	display:flex;

	flex-wrap:wrap;

	padding:2rem 0;

	margin-left:-2rem;

	margin-bottom:-1rem

}



.footer-top > div{

	margin: 0 0 1rem 2rem

}



.footer-top_info{

	flex:1 0 calc(100% / 4);

}



.footer-top_info_logo{

	margin-bottom:var(--default-margin)

}



.footer-top_info_social ul{

	display:flex;

	list-style:none;

	padding:0;

	margin-bottom:calc(var(--default-margin) * 1.5)

}



.footer-top_info_social ul li a{

	margin-right:.25rem;

	display:inline-flex;

	justify-content:center;

	align-items:center;

	font-size:calc(1em - 1px);

	width:1.5rem;

	height:1.5rem;

	border-radius:50%;

	box-shadow: 0 0 0 -2px transparent;

	transition:250ms linear;

}



.footer-top_info_social ul li a:hover{

	box-shadow: 0 0 0px 2px white;

}



.footer-top_nav{

	flex-basis:16%

}



.footer-top_nav_head, .footer-top_pthemes_head{

	margin-bottom:1rem;

	position:relative

}



.footer-top-tabhead *{

	pointer-events:none

}



.footer-top_nav_head_collapse{

	display:none;

	position: absolute;

	right:1rem;

	top: 50%;

	transform: translateY(-50%);

	fill: white;

}



.footer-top_nav_head_collapse svg{

	position:absolute;

	top:50%;

	transform:translateY(-50%);

	width:1rem;

	height:1rem;

	opacity:0;

	visibility:hidden;

	transition:250ms ease;

}



.footer-top-tabhead.close .footer-top_nav_head_collapse svg.minusicon{

	opacity:0;

	visibility:hidden;

}



.footer-top-tabhead.close .footer-top_nav_head_collapse svg.plusicon,

.footer-top-tabhead .footer-top_nav_head_collapse svg.minusicon{

	opacity:1;

	visibility:visible;

}



.footer-top_nav_head h3, .footer-top_pthemes_head h3{

	margin:0;

	margin-bottom:.25rem

}



.footer-top_nav_head span, .footer-top_pthemes_head span{

	text-transform:uppercase;

	font-size:calc(1em - 2px);

	letter-spacing: 3px

}



ul.footer-top_nav_links{

	list-style:none;

	padding:0;

	margin:0

}



ul.footer-top_nav_links > li{

    margin-bottom: calc(var(--default-margin) / 4);

	white-space: nowrap

}



ul.footer-top_nav_links > li > a > span{

	transition: 250ms ease

}



ul.footer-top_nav_links > li > a:hover > span{

	margin-left: .375rem

}



ul.footer-top_nav_links > li > a > i {

	margin-right: .5rem;

	color:rgba(0,0,0,0.25);

	transition: 250ms ease

}



ul.footer-top_nav_links > li > a:hover > i{

	color:white

}



.footer-top_pthemes_list {

    display: grid; 

    grid-template-columns: repeat(4, 1fr);

    grid-gap: .5rem;

}



.footer-top_pthemes_list_item:nth-child(3n+1) {

      grid-column: 1;

 }



.footer-top_pthemes_list_item:nth-child(3n+2) {

      grid-column: 2;

}



.footer-top_pthemes_list_item:nth-child(3n+3) {

      grid-column: 3;

}



.footer-top_pthemes_list_item:nth-child(3n+4) {

      grid-column: 1;

}



.footer-top_pthemes_list_item a{

	background:rgba(0,0,0,0.25);

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:.5rem;

	font-weight:bold;

	width:3rem;

	height:3rem;

	font-size:1.75rem;

	transition:250ms ease-in-out;

}



.footer-top_pthemes_list_item a:hover{

	transform: scale(1.1);

}



.footer-top_backtop, .footer-top_backtop_inner{

	display:flex;

	flex-direction:column;

	align-items:center;

	justify-content:center;

	cursor:pointer;

}



.footer-top_backtop_inner {

	animation: top-down 1s linear infinite alternate

}



@keyframes top-down {

	from {transform:translateY(0)}

	to {transform:translateY(.5rem)}

}



.backtopbutton{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:2.5rem;

	height:2.5rem;

	border-radius:50%;

	border:1px solid rgba(0,0,0,0.25);

	transition: 250ms ease-out;

}



.footer-top_backtop:hover .backtopbutton{

	border: 2px solid white

}



.footer-top_backtopdots{

	margin:1rem 0

}



.footer-top_backtopdots > div{

	background:white;

	width:.25rem;

	height:.25rem;

	margin-bottom:.5rem;

	border-radius:50%;

}



.footer-top_backtopdots > div:first-child{

	opacity:.5;

}



.footer-top_backtopdots > div:nth-child(2){

	opacity:.75;

}



.footer-top_backtoptext{

	text-transform:uppercase;

	font-weight:bold;

	writing-mode:vertical-rl;

	margin-top:40%;

}



.footer-bottom{

	background:#4e4ac8

}



.footer-bottom_content{

	display:flex;

	justify-content:space-between;

	padding: .75rem 0;

}



.footer-bottom_crafted{

	display:flex;

	align-items:center

}



.footer-bottom_crafted > svg{

	margin: 0 calc(var(--default-margin) / 4);

}



.heartbeat {

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	animation-duration: 1.8s;

	animation-name: heartbeat

}



@keyframes heartbeat {

	0% {

		transform: scale( .75 )

	}



	20% {

		transform: scale( 1 )

	}



	40% {

		transform: scale( .75 )

	}



	60% {

		transform: scale( 1 )

	}



	80% {

		transform: scale( .75 )

	}



	100% {

		transform: scale( .75 )

	}

}
		
		
		
		
		
		
		
		
		