.c-copy p,
.c-copy + p {
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
}

.text-b {
	font-weight: bold;
}

.hero-hold .clusterdate {
	bottom: -40px;
	right: -110px;
}

.slug-dot {
	background-color: #66dbf2;
}

.hero-hold .clusterdate .o-30 {
	opacity: 1;
}

.faq-minus {
	display: none;
}

.faq-open .faq-minus {
	display: block;
}

.faq-open .faq-plus {
	display: none;
}
#faqs a:not(.btn) {
	border: none;
	text-decoration: underline;
	color: #66dbf2;
}

/* Color Themes */
.color-turq {
	color: #66dbf2;
}

.color-bg-turq {
	background-color: #66dbf2;
	color: #252328 !important;
}

.color-bg-turq .color-bg-ui-primary {
	color: #252328;
	background-color: var(--summer-yellow);
	box-shadow: inset 0 0 0 2px var(--summer-yellow);
}

.color-bg-turq .color-bg-ui-primary span,
.color-bg-turq .color-bg-ui-primary:hover {
	color: #252328 !important;
	box-shadow: inset 0 0 0 2px var(--summer-yellow);
}

/* Sessions */
.author-image img {
	width: 215px;
	height: 215px;
	object-fit: cover;
	object-position: center center;
}

/* Ticker */
.ticker,
.ticker__list {
	display: flex;
}

.ticker__item,
.ticker__item.social {
	width: 120px;
	flex: none;
	align-self: start;
}

.ticker__item.social {
	height: 120px;
	padding: 0 15px;
}

.ticker-item {
	display: flex;
	align-content: center;
	align-items: center;
	align-self: center;
}

.ticker__list {
	margin: 30px 0;
}

.ticker__item svg {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-height: 30px;
	max-width: 100px;
}

.ticker__item img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	object-fit: contain;
	max-width: 140px;
	max-height: none;
}

/* Misc */
.tick-flip-card,
.tick-flip-panel-front,
.tick-flip-panel-back,
.tick-flip-shadow-top,
.tick-flip-shadow-bottom,
.tick-flip-card-shadow {
	display: none;
}

.tick-flip-spacer {
	visibility: visible;
	font-weight: 100;
	letter-spacing: normal;
	width: 45px;
}

.tick-group {
	margin-left: 20px;
}

.tick-flip {
	margin-left: 0;
	margin-right: 0;
	min-width: 0;
	letter-spacing: 0;
	text-indent: 10px;
}

.tick {
	margin-left: -80px;
}

.tick [data-view] {
	text-align: right;
	margin-top: 0;
	font-weight: normal;
}

.tick [data-layout~='horizontal'][data-layout~='fit'] {
	font-size: 4.875rem !important;
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	white-space: nowrap;
	justify-content: center;
}

.summit-form h1 {
	font-size: 5.625rem;
	font-style: normal;
	font-weight: 600;
}

.summit-form p {
	line-height: normal;
	letter-spacing: -1px;
	color: #252328;
}

.summit-form form p {
	line-height: normal;
	letter-spacing: -0.5px;
}

.summit-form button .color-bg-ui-primary {
	background-color: #2a282f !important;
}

.summit-form .c-form__content + .c-copy a {
	color: #51505a;
	text-decoration: underline;
	border: none;
}

.summit-form .c-asset-svg-wrap-inherit-color svg path {
	fill: #000000 !important;
}

.summit-form .c-asset-svg-wrap-inherit-color .color-text-grey-5 {
	color: #000000 !important;
}
.navigation-container {
	top: 50%;
	transform: translateY(123%);
	display: block;
	width: 110%;
	height: 50px;
	left: -5%;
}

.navigation-container #prev {
	left: -30px;
	position: absolute;
}

.navigation-container #next {
	right: -30px;
	position: absolute;
}

.navigation-container .c-btn {
	border-radius: 9999px !important;
}

::selection {
	background: #66dbf2;
	color: #2a282f;
}

::-moz-selection {
	background: #66dbf2;
	color: #2a282f;
}

#x-client-nav-wrapper li .u-onHover-reveal__target .c-heading {
	color: #303138;
}

#x-client-nav-wrapper li .u-onHover-reveal__target .c-heading p {
	color: #868690;
}

#x-sticky-nav-wrapper,
#x-client-nav-wrapper {
	display: none;
}

.c-navsite--logo {
	height: 30px;
}

.top-nav ul {
	display: inline-flex;
	align-items: center;
}

.top-nav ul li {
	margin-left: 25px;
}

.top-nav ul li a:not(.c-btn) {
	color: #ffffff;
	text-decoration: none;
	border: none;
}
.top-nav ul li a:not(.c-btn):hover {
	color: var(--summer-yellow);
}

.top-nav ul li .c-btn {
	text-decoration: none;
	border: none;
}

@media (min-width: 75em) {
	.f16-lg {
		font-size: 8.875rem;
	}
}

#wpadminbar {
	display: none;
}

#hero {
	overflow: hidden;
}

#hero button.c-btn {
	background-color: #303139;
	box-shadow: inset 0 0 0 1px #868690;
}

#hero button.c-btn:hover {
	background-color: #303139;
	box-shadow: inset 0 0 0 1px #c6c7cc;
}

.outer-button-holder {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}
.outer-button-holder .button-holder {
	padding: 0;
	margin: 0;
}
.hero-content {
	padding-left: 0;
	padding-right: 0;
}

.hero-hold .clusterdate {
	bottom: -40px;
	right: -110px;
}
.date-div {
	padding: 1rem 0 1rem 0 !important;
}

@media (max-width: 768px) {
	.tick {
		margin-left: 0;
	}
	.hero-hold h1 {
		font-size: 7rem;
	}

	.hero-hold h1.thankyou {
		font-size: 4rem;
	}
	#hero {
		height: auto;
	}
	.tick [data-layout~='horizontal'][data-layout~='fit'] {
		letter-spacing: 2px !important;
		text-align: center;
	}

	.tick-group {
		margin-left: 15px;
	}

	.tick-label {
		text-align: right;
		font-size: 12px;
	}
}

@media (max-width: 414px) {
	.tick {
		margin-left: 0;
	}
	.ticker__list {
		margin: 0;
	}

	.tick [data-layout~='horizontal'][data-layout~='fit'] {
		font-size: 45px !important;
		letter-spacing: 2px !important;
		width: auto;
		text-align: center;
		margin-left: -20px;
	}
}
@media screen and (max-width: 415px) {
	.tick {
		margin-left: 0;
	}
	.tick [data-layout~='horizontal'][data-layout~='fit'] {
		font-size: 3.3rem !important;
	}
	.tick-flip-spacer {
		width: 34px;
	}
}

@media screen and (min-width: 416px) and (max-width: 915px) {
	.tick {
		margin-left: 0;
	}
	.tick [data-layout~='horizontal'][data-layout~='fit'] {
		font-size: 3.5rem !important;
	}
	.tick-flip-spacer {
		width: 30px;
	}
	.hero-hold .clusterdate {
		bottom: -30px;
		right: -110px;
		font-size: 2.5rem;
	}
	#hero {
		height: unset;
	}
}

.watch-btn {
	padding: 12px 18px;
	font-size: 16px;
	margin-top: 20px;
}

.watch-btn svg {
	width: 10px;
	height: 10px;
	margin-left: 10px;
}

@media screen and (max-width: 599px) {
	#hero.hero-thankyou {
		height: auto;
	}
	.hero-hold h1.thankyou {
		font-size: 4rem;
	}
}

@media screen and (max-width: 375px) {
	#hero.hero-thankyou {
		height: auto;
	}

	.hero-hold h1.thankyou {
		font-size: 4rem;
	}
}

@media screen and (min-width: 600px) and (max-width: 768px) {
	#hero.hero-thankyou {
		height: auto;
	}
	.hero-hold h1.thankyou {
		font-size: 4rem;
	}
}

/* summer specific styles */

/* colors  */

:root {
	--summer-blue: #66dbf2;
	--summer-yellow: #fcf92b;
}

/* Class for text color using the summer-blue variable */
.text-summer-blue {
	color: var(--summer-blue);
}

/* Class for background color using the summer-blue variable */
.color-bg-summer-blue {
	background-color: var(--summer-blue);
}
.color-bg-summer-yellow {
	background-color: var(--summer-yellow);
}

.color-text-summer-yellow {
	color: var(--summer-yellow);
}

section.summer-camp-section span.summer-span {
	font-size: 71.04px;
}

section.summer-camp-section h1.summer-h1 {
	font-size: 147.96px;
}
section.summer-camp-section h1.summer-h1 span {
	background-color: var(--summer-blue);
	line-height: normal;
	padding-right: 8px;
}

.color-bg-summer-yellow .color-bg-grey-8,
.color-bg-summer-yellow .color-bg-ui-primary,
.color-bg-summer-yellow div span {
	background-color: var(--summer-yellow);
	color: black;
}
.color-bg-summer-yellow .color-bg-grey-8:hover,
.color-bg-summer-yellow .color-bg-ui-primary:hover,
.color-bg-summer-yellow div span:hover {
	box-shadow: inset 0 0 0 2px var(--summer-yellow);
	text-shadow: 0 0 1px #0003;
}

.sessions-section span.sessions-heading {
	font-size: 96px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.author-container {
	display: flex;
	align-items: flex-start;
}
.sessions-section .star-holder svg {
	position: absolute;
	margin-left: -35px;
	width: 68px;
	margin-top: -15px;
	z-index: -9999;
}

section.color-bg-summer-blue button.c-btn.c-btn--primary-ui .c-btn__color-mix {
	background-color: var(--summer-yellow) !important;
}
section.color-bg-summer-blue button.c-btn.c-btn--primary-ui .c-btn__color {
	background-color: var(--summer-yellow) !important;
}
section.color-bg-summer-blue button.c-btn.c-btn--primary-ui .relative {
	color: #252328;
}

.color-bg-summer-blue h1 span {
	background-color: var(--summer-yellow) !important;
	padding-right: 8px;
}
.faq-row {
	background-color: #f9f9f9;
	transition: background-color 0.3s ease;
}

.faq-row .button-faq:hover {
	background-color: #eee;
}
.faq-para {
	cursor: auto;
	width: 100%;
}

@media screen and (max-width: 1450px) {
	section.summer-camp-section span.summer-span {
		font-size: 62.61px;
	}
	section.summer-camp-section h1.summer-h1 {
		font-size: 130.41px;
	}
}
@media screen and (min-width: 1053px) and (max-width: 1295px) {
	span.f9-lg.text-summer-blue {
		font-size: 2.1rem;
	}
}

@media screen and (max-width: 1200px) {
	section.summer-camp-section span.summer-span {
		font-size: 54.86px;
	}
	section.summer-camp-section h1.summer-h1 {
		font-size: 114.27px;
	}
	.sessions-section span.sessions-heading {
		font-size: 76px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
}
@media screen and (min-width: 963px) and (max-width: 1052px) {
	span.f9-lg.text-summer-blue {
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 900px) and (max-width: 962px) {
	span.f9-lg.text-summer-blue {
		font-size: 1.59rem;
	}
}

@media screen and (max-width: 900px) {
	section.summer-camp-section span.summer-span {
		font-size: 33.71px;
	}
	section.summer-camp-section h1.summer-h1 {
		font-size: 70.2px;
	}
	.sessions-section span.sessions-heading {
		font-size: 40px;
		font-style: normal;
		font-weight: 400;
		line-height: 112%;
	}
	.sessions-section .star-holder svg {
		margin-left: -25px;
	}
}

@media screen and (max-width: 600px) {
	section.summer-camp-section span.summer-span {
		font-size: 31.01px;
	}
	section.summer-camp-section h1.summer-h1 {
		font-size: 73.59px;
	}
}

@media screen and (max-width: 480px) {
	section.summer-camp-section span.summer-span {
		font-size: 19.53px;
	}
	section.summer-camp-section h1.summer-h1 {
		font-size: 50px;
	}
	/* .author-container {
		flex-direction: column;
	} */
	/* .author-image,
	.session-bio {
		width: 100%;
	} */
}
@media screen and (max-width: 380px) {
	.tick-group {
		margin-left: 0px;
	}
	.tick-flip-spacer {
		width: 34px;
		font-size: 2.5rem;
	}
	.top-nav ul li {
		margin-left: unset;
	}
}
@media screen and (max-width: 345px) {
	.top-nav ul li {
		margin-left: -25px;
	}
}
@media screen and (max-width: 324px) {
	span.c-heading.f9.ttu.text-summer-blue {
		font-size: 2.3rem;
	}
}
@media screen and (min-width: 900px) {
	.bt-xs {
		border-top-style: none;
		border-top-width: unset;
	}
	.w-md-offset {
		width: unset !important;
	}
}

/** hero animations **/

.container-clap {
	width: 50px;
	height: auto;
	position: absolute;
	z-index: 10;
}
.container-clap svg.hand {
	width: 50px;
	height: auto;
}
.container-clap svg.pop {
	width: 10px;
	height: auto;
}
.container-clap .hand-top,
.container-clap .hand-bottom {
	position: absolute;
	top: 0;
}
.container-clap .hand-top {
	z-index: 10;
	left: 10px;
	transition: left 0.5s ease-in-out;
}
.container-clap .hand-top:hover,
.container-clap.hover .hand-top {
	-webkit-animation: clapLeft 0.7s ease-in-out;
	animation: clapLeft 0.7s ease-in-out;
}
.container-clap .hand-top:hover + .confetti .pop,
.container-clap.hover .hand-top + .confetti .pop {
	-webkit-animation: confetti 1s ease-out forwards;
	animation: confetti 1s ease-out forwards;
}

@keyframes clapLeft {
	0% {
		left: 20px;
	}
	40% {
		left: 0px;
	}
	50% {
		left: 5px;
	}
	60% {
		left: 0px;
	}
	100% {
		left: 20px;
	}
}
.container-clap .pop {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@keyframes confetti {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0);
	}
	10% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1);
	}
}
.container-clap .pop-1 {
	--x: -100px;
	--y: -150px;
}
.container-clap .pop-2 {
	--x: 100px;
	--y: -100px;
}
.container-clap .pop-3 {
	--x: 0px;
	--y: -200px;
}

.container-hearts {
	display: inline-block;
	width: 65px;
	height: 150px;
}
.container-hearts svg {
	width: 100%;
	height: 100%;
}
.container-hearts #big-heart {
	transform-origin: center;
	transition: transform 2s ease-in-out;
}
.container-hearts #small-heart {
	transition: transform 1s ease-in-out;
}
.container-hearts:hover #big-heart,
.container-hearts.hover #big-heart {
	-webkit-animation: rock 1s infinite alternate ease-in-out;
	animation: rock 1s infinite alternate ease-in-out;
}
.container-hearts:hover #small-heart,
.container-hearts.hover #small-heart {
	-webkit-animation: wiggle 3s forwards ease-in-out;
	animation: wiggle 3s forwards ease-in-out;
}

@keyframes rock {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-15deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes wiggle {
	0% {
		transform: translate(0, 0) scale(1);
	}
	20% {
		transform: translate(-8px, -8px) rotate(-10deg) scale(0.8);
	}
	40% {
		transform: translate(16px, -18px) rotate(10deg) scale(0.6);
	}
	60% {
		transform: translate(-12px, -28px) rotate(-20deg) scale(0.4);
	}
	80% {
		transform: translate(10px, -38px) rotate(3deg) scale(0.2);
	}
	100% {
		transform: translate(-8px, -50px) rotate(-1deg) scale(0);
	}
}

.container-icecream {
	position: absolute;
	width: 70px;
	height: auto;
}
.container-icecream svg {
	width: 100%;
	height: 100%;
	transform: scale(1.2);
}
.container-icecream #drip {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.container-icecream #puddle {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.container-icecream:hover #drip,
.container-icecream.hover #drip {
	opacity: 1;
	-webkit-animation: drip-fall 1s ease-in-out forwards;
	animation: drip-fall 1s ease-in-out forwards;
}
.container-icecream:hover #puddle,
.container-icecream.hover #puddle {
	-webkit-animation: puddle-appear 1s ease-in-out forwards;
	animation: puddle-appear 1s ease-in-out forwards;
}

@keyframes drip-fall {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	80% {
		transform: translateY(18px);
		opacity: 1;
	}
	100% {
		transform: translateY(18px);
		opacity: 0;
	}
}
@keyframes puddle-appear {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.container-mobile {
	display: inline-block;
	position: absolute;
	width: 100px;
	height: auto;
}
.container-mobile svg {
	width: 100%;
	height: 100%;
}
.container-mobile #buttons-blue,
.container-mobile #buttons-orange,
.container-mobile #buttons-yellow {
	-webkit-animation: none;
	animation: none;
}
.container-mobile:hover #buttons-blue,
.container-mobile:hover #buttons-orange,
.container-mobile:hover #buttons-yellow,
.container-mobile.hover #buttons-blue,
.container-mobile.hover #buttons-orange,
.container-mobile.hover #buttons-yellow {
	-webkit-animation: flash 1s infinite;
	animation: flash 1s infinite;
}

.container-mobile:hover #buttons-blue,
.container-mobile.hover #buttons-blue {
	-webkit-animation: flash-blue 1s infinite;
	animation: flash-blue 1s infinite;
}
.container-mobile:hover #buttons-orange,
.container-mobile.hover #buttons-orange {
	-webkit-animation: flash-orange 1s infinite 0.5s;
	animation: flash-orange 1s infinite 0.5s;
}
.container-mobile:hover #buttons-yellow,
.container-mobile.hover #buttons-yellow {
	-webkit-animation: flash-yellow 1s infinite 1s;
	animation: flash-yellow 1s infinite 1s;
}

@keyframes flash {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash-blue {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash-orange {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash-yellow {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.container-laptop {
	position: absolute;
	width: 30px;
	height: auto;
}
.container-laptop svg {
	width: 100%;
	height: 100%;
	transform: scale(1.3);
}
.container-laptop #screen {
	transition: fill 0.5s ease-in-out;
}
.container-laptop:hover #screen,
.container-laptop.hover #screen {
	-webkit-animation: flash 1s infinite;
	animation: flash 1s infinite;
}
@keyframes flash {
	0%,
	100% {
		fill: #5dadec;
		filter: none;
	}
	50% {
		fill: white;
		filter: drop-shadow(0 0 10px white);
	}
}

.container-glasses {
	position: absolute;
	width: 70px;
	height: auto;
}
.container-glasses svg {
	width: 100%;
	height: 100%;
}
.container-glasses #glasses {
	transition: transform 0.5s ease-in-out;
}
.container-glasses:hover #glasses,
.container-glasses.hover #glasses {
	transform: translate(-8px, 20px);
}

.container-sun {
	display: inline-block;
	position: absolute;
	width: 30px;
	height: auto;
}
.container-sun svg {
	width: 100%;
	height: 100%;
	transition: transform 2s ease-in-out;
}
.container-sun:hover svg,
.container-sun.hover svg {
	transform: rotate(360deg);
}

.container-sundate {
	position: absolute;
	width: 215px;
	height: auto;
}

.pointy {
	transition: transform 0.5s ease-in-out;
	transform-origin: center;
}

.container-sundate:hover .pointy,
.container-sundate.hover .pointy {
	animation: rotate 10s infinite linear;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.container-sundate svg {
	width: 100%;
	height: 100%;
}

.container-thumb {
	position: absolute;
	width: 64px;
	height: auto;
}
.container-thumb svg {
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease-in-out;
}
.emoji.container-thumb:hover svg,
.emoji.container-thumb.hover svg {
	animation: waggle 0.5s infinite alternate;
}
@keyframes waggle {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(10deg);
	}
}

/** parallax **/

.emoji-wrapper {
	position: absolute;
	width: fit-content;
	height: fit-content;
}

.emoji {
	position: absolute;
	will-change: transform;
}

@keyframes float1 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(-5px) translateX(5px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float2 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(-7.5px) translateX(-7.5px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float3 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(4px) translateX(4px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float4 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(6px) translateX(-6px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float5 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(2.5px) translateX(2.5px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

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

@keyframes float7 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(-9px) translateX(9px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float8 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(4px) translateX(-6px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float9 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(-4px) translateX(4px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float10 {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(7px) translateX(-7px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

.e-clap {
	left: 42%;
}
.emoji.container-clap {
	animation: float1 6.5s ease-in-out infinite;
}
.e-glasses {
	top: -20px;
	left: 119%;
}
.emoji.container-glasses {
	animation: float2 5.5s ease-in-out infinite;
}
.e-hearts {
	top: -80px;
	left: 11%;
}
.emoji.container-hearts {
	animation: float3 6s ease-in-out infinite;
}
.e-icecream {
	top: 130px;
	left: 109%;
}
.emoji.container-icecream {
	animation: float4 4.5s ease-in-out infinite;
}
.e-laptop {
	top: 280px;
	left: 119%;
}
.emoji.container-laptop {
	animation: float1 5.5s ease-in-out infinite;
}
.e-mobile {
	top: -53px;
	left: 71%;
}
.emoji.container-mobile {
	animation: float4 6.5s ease-in-out infinite;
}
.e-sun {
	top: -60px;
	left: 65%;
}
.emoji.container-sun {
	animation: float2 4.5s ease-in-out infinite;
}
.e-thumb {
	top: 2px;
	left: 58%;
}
.emoji.container-thumb {
	animation: float3 5.5s ease-in-out infinite;
}
.container-sundate {
	position: absolute;
	top: -10px;
	left: 83%;
	animation: float1 5s ease-in-out infinite;
}

/* footer area with form  */

.emoji-wrapper-summer,
.summer-footer {
	position: absolute;
}

.summer-footer.e-clap {
	bottom: 10px;
	left: 170px;
	top: auto;
}
.summer-footer .emoji.container-clap {
	animation: float1 6.5s ease-in-out infinite;
}

.summer-footer .emoji.container-clap svg {
	transform: scale(1.2);
}

.summer-footer.e-glasses {
	top: 443px;
	left: 650px;
}
.summer-footer .emoji.container-glasses {
	animation: float2 5.5s ease-in-out infinite;
}

.summer-footer .emoji.container-glasses svg {
	transform: scale(1.5);
}

.summer-footer.e-hearts {
	top: 300px;
	left: 470px;
}
.summer-footer .emoji.container-hearts {
	animation: float3 6s ease-in-out infinite;
}

.summer-footer .emoji.container-hearts svg {
	transform: scale(1.3);
}

.summer-footer.e-icecream {
	top: 309px;
	left: 1%;
}
.summer-footer .emoji.container-icecream {
	animation: float4 4.5s ease-in-out infinite;
}
.summer-footer.e-laptop {
	bottom: 150px;
	left: 550px;
	top: auto;
}
.summer-footer .emoji.container-laptop {
	animation: float1 5.5s ease-in-out infinite;
}

.summer-footer .emoji.container-laptop svg {
	transform: scale(1.9);
}

.summer-footer.e-mobile {
	top: 50px;
	left: 320px;
	transform: scale(0.6);
}
.summer-footer .emoji.container-mobile {
	animation: float4 6.5s ease-in-out infinite;
}
.summer-footer.e-sun {
	top: 67px;
	left: 580px;
}
.summer-footer .container-sun {
	width: 50px;
	height: auto;
}
.summer-footer .emoji.container-sun {
	animation: float2 4.5s ease-in-out infinite;
}
.summer-footer .emoji.container-sun svg {
	transform: scale(1.5);
}
.summer-footer.e-thumb {
	top: 50px;
	left: 120px;
}
.summer-footer .emoji.container-thumb {
	animation: float3 5.5s ease-in-out infinite;
}
.summer-footer .emoji.container-thumb svg {
	transform: scale(1.5);
}

.summer-footer .container-sundate {
	position: absolute;
	top: -10px;
	left: 83%;
	animation: float1 5s ease-in-out infinite;
}

@media (max-width: 1199px) {
	.summer-footer.e-mobile {
		top: 160px;
	}
	.summer-footer.e-icecream {
		top: 459px;
		left: 14%;
	}
	.summer-footer.e-clap {
		bottom: 200px;
	}
	.summer-footer.e-glasses {
		top: 483px;
		left: 470px;
	}
}

@media (max-width: 899px) {
	.emoji-wrapper,
	.summer-footer {
		display: none;
	}
	.container-sundate-wrapper {
		transform: scale(0.55);
	}
	.container-sundate {
		top: -330px;
		left: 107%;
	}
}

/** ribbons **/
.streamer {
	position: absolute;
}

@media (max-width: 899px) {
	.streamer {
		display: none;
	}
}
.ribbon-1 {
	left: 0px;
	top: -50px;
	transform: scale(0.8);
}
.ribbon-2 {
	left: -30px;
	top: 80px;
	transform: scale(0.8);
}
.ribbon-3 {
	left: -10px;
	bottom: -10px;
	transform: scale(0.8);
}
.ribbon-4 {
	left: 186px;
	top: -16px;
	transform: rotate(275deg) scale(0.8);
}
.ribbon-5 {
	left: 34%;
	top: -60px;
	transform: rotate(38deg) scale(0.8);
}
.ribbon-6 {
	left: 92%;
	top: -80px;
	transform: rotateZ(207deg) scaleX(-1) scale(0.8);
}
.ribbon-7 {
	left: 118%;
	top: 60px;
	transform: rotateZ(124deg) scale(0.8);
}
.ribbon-8 {
	left: 70%;
	top: 39px;
	transform: scale(0.8);
}

.ribbon-9 {
	top: 190px;
	left: 100%;
	transform: rotateZ(114deg) scale(0.8);
}

.ribbon-10 {
	top: 250px;
	left: 110%;
	transform: rotateZ(280deg) scaleX(-1) scale(0.8);
}
.ribbon-11 {
	top: 290px;
	left: 104%;
	transform: rotateZ(312deg) scaleX(-1) scale(0.8);
}

.ribbon-12 {
	top: 330px;
	left: 84%;
	transform: rotateZ(37deg) scaleX(-1) scale(0.8);
}

.ribbon-13 {
	top: 310px;
	left: 64%;
	transform: rotateZ(37deg) scale(0.8);
}

.ribbon-14 {
	top: 293px;
	left: 17%;
	transform: rotateZ(121deg) scaleX(-1) scale(0.8);
}

.ribbon-15 {
	top: 333px;
	left: 7%;
	transform: scale(0.8);
}

.ribbon-16 {
	left: 40px;
	top: 210px;
	transform: scale(1) rotate(299deg);
}

.ribbon-17 {
	left: 220px;
	top: 330px;
	transform: scale(1) rotate(299deg);
}

.ribbon-18 {
	left: 380px;
	top: 110px;
	transform: scale(1.2) rotate(299deg);
}

.ribbon-19 {
	left: 520px;
	top: 210px;
	transform: scale(1.2) rotate(5deg);
}

.ribbon-20 {
	left: 710px;
	top: 80px;
	transform: scale(1.2) rotate(109deg);
}

.ribbon-21 {
	left: 710px;
	top: 290px;
	transform: scale(1.2) rotate(216deg) scaleX(-1);
}

.ribbon-22 {
	left: 590px;
	top: 420px;
	transform: scale(1) rotate(245deg) scaleX(-1);
}

.ribbon-23 {
	left: 600px;
	top: 550px;
	transform: scale(0.8) rotate(181deg) scaleY(-1);
}

.ribbon-24 {
	left: 470px;
	bottom: 140px;
	transform: scale(0.8) rotate(48deg) scaleY(-1);
}

.ribbon-25 {
	left: 360px;
	bottom: 120px;
	transform: scale(0.8) rotate(167deg) scaleY(-1);
}

.ribbon-26 {
	left: 80px;
	bottom: 30px;
	transform: scale(1) rotate(126deg) scaleY(-1);
}

.ribbon-27 {
	left: 64px;
	bottom: 310px;
	transform: scale(1) rotate(187deg) scaleY(-1);
}

@media (min-width: 1201px) {
	.ribbon-13 {
		top: 350px;
	}
	.ribbon-12 {
		top: 350px;
	}
	.ribbon-14 {
		top: 342px;
	}
}
@media (min-width: 1451px) {
	.ribbon-13 {
		top: 380px;
	}
	.ribbon-12 {
		top: 380px;
	}
	.ribbon-14 {
		top: 390px;
	}
	.ribbon-15 {
		top: 413px;
	}
}

.hero-emoji-bg {
	top: 55px;
	left: -45%;
}

.hero-emoji-bg svg {
	width: 140%;
}

@media screen and (min-width: 401px) and (max-width: 600px) {
	.hero-emoji-bg {
		top: 75px;
		left: -45%;
	}
	.hero-emoji-bg svg {
		width: 170%;
	}
}

@media screen and (min-width: 601px) and (max-width: 900px) {
	.hero-emoji-bg {
		top: 115px;
		left: 0;
	}
	.hero-emoji-bg svg {
		width: 100%;
	}
}

.emoji-bg svg {
	width: 100%;
	position: absolute;
	top: -230px;
}

@media (max-width: 900px) {
	.summit-form h1 {
		font-size: 4.625rem;
	}
	.faq-section {
		margin-top: -65px;
	}
}

#book-a-demo {
	z-index: 1;
}
::selection {
	background: #303138;
	color: white;
}

#js-faq-accordion-1::selection {
	background: #303138;
	color: white;
}

.od-form-header h1 {
	font-size: 70px;
}

.od-form-header h1 span.c-heading--light-bold-optic-correction {
	background-color: transparent !important;
	line-height: normal;
}

.od-form-header h1 span.c-heading--light-bold-optic-correction span {
	background-color: var(--summer-yellow) !important;
	padding-right: 8px;
}

.c-navsite--logo svg g.color-fill-grey-10 {
	fill: #ffffff;
}