/******/
/*** SECTIONS ***/
/******/

/* IMAGE SCROLLER */

.logo-marquee {
	position: relative;
	overflow: hidden;
}

.logo-marquee::before,
.logo-marquee::after {
	content: "";
	position: absolute;
	top: 0;
	width: 120px;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}

.logo-marquee::before {
	left: 0;
	background: linear-gradient(to right, var(--color-white) 0%, rgba(255,255,255,0) 100%);
}

.logo-marquee::after {
	right: 0;
	background: linear-gradient(to left, var(--color-white) 0%, rgba(255,255,255,0) 100%);
}


.logo-track {
	display: flex;
	align-items: center;
	gap: 3rem;
	width: max-content;
}

.logo-track img {
	height: 5rem
	width: auto;
	display: block;
}
	
.logo-track {
	will-change: transform;
}


/* INTRO HOME */

.intro-home-image {
	position: relative;
}

.stat-image {
	height: auto;
}

.stat-1 {
	width: 15rem;
	height: 8rem;
	top: 10%;
	left: 5%;
}

.stat-2 {
	width: 21rem;
	height: 5rem;
	bottom: 10%;
	right: 5%;
}



/* FOOTER */

.footer-menu ul, .socials-menu ul {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-menu li, .socials-menu li {
	width: calc(50% - .75rem);
	margin-bottom: .75rem;
}

.socials-menu li {
	width: calc(100% - .75rem);
	margin-bottom: .75rem;
}

.footer-watermark img {
	opacity: .05;
	margin-bottom: -7.5rem;
}

/* SECTIONS */

@media screen and (min-width: 64.0625rem) and (max-width: 100rem) {
	
	.intro-video .content-container {
		padding-top: 5rem;
	}
	
	.rotating-wrapper {
		padding: .75rem 0;
	}
	
	.rotating-wrapper h1 {
		max-width: 80%;
	}
	
	.rotating-wrapper p {
		height: 2.4375rem;
		float: left;
		margin-right: 0.3em;
	}
	
	.rotating-wrapper span {
		float: left;
		overflow: hidden;
		position: relative;
		height: 4.59375rem;
		top: .1rem;
	}

	.rotating-wrapper .rotating-inner {
		display: inline-block;
		position: relative;
		white-space: nowrap;
		top: 0;
		left: 0;

	/*animation*/
		-webkit-animation:move 6s;
   		-moz-animation:move 6s;
    	-ms-animation:move 6s;
     	-o-animation:move 6s;
        animation:move 6s;
	/*animation-iteration-count*/
		-webkit-animation-iteration-count:infinite;
   		-moz-animation-iteration-count:infinite;
    	-ms-animation-iteration-count:infinite;
     	-o-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
	/*animation-delay*/
		-webkit-animation-delay:2s;
   		-moz-animation-delay:2s;
    	-ms-animation-delay:2s;
     	-o-animation-delay:2s;
        animation-delay:2s;
	}

	.rotating-wrapper .rotating-inner h2 {
		margin-top: -1.1875rem;
	}

	@keyframes move {
		0%  { top: 0; }
		33.3333% { top: -6.234375rem; }
		66.6666% { top: -12.46875rem; }
		/* 75% { top: -18.703125rem; } */
	}

	@-webkit-keyframes move {
		0%  { top: 0; }
		33.3333% { top: -6.234375rem; }
		66.6666% { top: -12.46875rem; }
		/* 75% { top: -18.703125rem; } */
	}

	@-moz-keyframes move {
		0%  { top: 0; }
		33.3333% { top: -6.234375rem; }
		66.6666% { top: -12.46875rem; }
		/* 75% { top: -18.703125rem; } */
	}

	@-o-keyframes move {
		0%  { top: 0; }
		33.3333% { top: -6.234375rem; }
		66.6666% { top: -12.46875rem; }
		/* 75% { top: -18.703125rem; } */
	}

	@keyframes move {
		0%  { top: 0; }
		33.3333% { top: -6.234375rem; }
		66.6666% { top: -12.46875rem; }
		/* 75% { top: -18.703125rem; } */
	}
	
	.cards .card {
		padding-left: 6rem;
		padding-right: 6rem;
	}
	
}

@media screen and (min-width: 48rem) {
	
	.services-accordion .accordion-panel p {
  		opacity: 0;
  		margin: 0 3rem 3rem 3rem;
  		flex-basis: 100%;
	}
	
	.services-accordion .accordion-panel p.h2 {
		margin-left: 3rem;
		margin-bottom: 1rem;
	}

	.services-accordion .accordion-panel p.description {
		height: 10rem;
	}

	.services-accordion #wrapper {
		display: flex;
		flex-flow: row nowrap;
		height: 40rem;
		min-height: 40rem;
		align-items: stretch;
	}
	
	.services-accordion .accordion-panel {
		flex: 1;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
		align-items: flex-end;
		align-content: flex-end;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.services-accordion .accordion-panel:hover {
		background-position: left center;
		flex-grow: 2.8;
	}
	
	.services-accordion .accordion-panel:hover > p {
		transition-delay: 0.8s;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	
	.services-accordion .accordion-panel:hover > p.h2 {
		transition-delay: 0.4s!important;
	}
	
	.cards .card {
		min-height: 25rem;
	}
}

@media screen and (max-width: 47.9375rem) {
	
	.services-accordion .accordion-panel p {
		margin: 0;
	}
	
	.frame-border {
		border-width: 1rem;
		border-radius: 2rem;
	}

	.border-2 {
		border-radius: 0rem;
	}
	
	.cards .card {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

}

@media screen and (max-width: 37.5rem) {
	
  .services-accordion #wrapper {
    display: flex;
    flex-flow: column wrap;
    height: auto;
    min-height: 100vh;
  }
  
  .services-accordion .accordion-panel {
    min-height: 25rem;
    background-position: center top;
  }
	
}