.anim-container{
	position:relative;
}
.anim-container>.rot-sprite:not(:first-child){
	position:absolute;
	left: 0;
}
.anim-container>.rot-sprite.ballsi:nth-child(1){
	z-index: 4;
}
.anim-container>.rot-sprite.ballsi:nth-child(1)>.rot-sprite__stage{
	transform: scale(1.5);
}
.anim-container>.rot-sprite.ballsi:nth-child(3)>.rot-sprite__stage{
	transform: scale(1.25);
}

.foxi-anim{
	height:120px;
	width:100%;
	overflow:hidden;
	/* border:2px dotted red; */
}

.foxi-anim>.rot-sprite{
	transform: scale(1.8);
	transform-origin: left top;
}
.foxi-anim>.rot-sprite.heart1,
.foxi-anim>.rot-sprite.heart2{
	margin-top: -20px;
	margin-left:10px;
}
.foxi-anim>.rot-sprite.heart2{
	margin-left:-10px;
}



/*D HEADER*/
/*D HEADER*/
/*D HEADER*/
/*D HEADER*/
/*D HEADER*/
.has-rot-circles{
	overflow:hidden;
}
[data-rot-circle="secondary"],
[data-rot-circle="primary"]{
	width: 63%;
    height: 0;
    padding-bottom: 63%;
    transform: translate3d(-7%, -37%, 0px);
    background: var(--primary-dark);
    border-radius: 20000px;
}
[data-rot-circle="secondary"] {
    width: 43%;
    padding-bottom: 43%;
    transform: translate3d(23%, -17%, 0px);
    background: var(--primary);
    top: 0;
	position:absolute;
}


@media(max-width:767.98px){
	:root{
		--display-header-min-h: calc(100vh - var(--admin-bar-height));
	}
	.display-header [data-h-fixed-img]{
		object-fit: contain;
		left: auto;
		right: 0;
		width: 100%;
		height: auto;
	}
	.display-header [data-h-fixed-img].rot-img-absolute {
		max-height:520px;
	}
	.display-header [data-h-fixed-img].rot-img-absolute img {
		position: absolute;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: 75%;
	}
	#masthead{
		background-color: transparent!important;
		position: relative;
		height: 0;
		padding: 0!important;
	}
	#masthead.nav-after-dh>nav{
		position: absolute!important;
		height: var(--header-height)!important;
		width:var(--header-height)!important;
		top:-2rem;
		left:50%;
		transform:translate(-50%, -100%);
		padding:0;
		border-radius: 1000px;
	}
	#masthead.nav-after-dh>nav .container{
		display: flex;
		justify-content: center;
		align-items: center;

	}
	a.navbar-brand{
		display:none;
	}
	[data-rot-circle="secondary"], [data-rot-circle="primary"] {
		width: 1000px;
		height: 0;
		left: 50%;
		right: auto;
		padding-bottom: 1000px;
		transform: translate3d(-100%, -37%, 0px);
		background: var(
		--primary-dark);
		border-radius: 20000px;
		position: absolute;
	}
	[data-rot-circle="secondary"] {
		width: 48%;
		padding-bottom: 48%;
		transform: translate3d(23%, -17%, 0px);
		background: var(--primary);
		top: 0;
		position: absolute;
		will-change: width, padding;
		left: 0;
	}
}