/*Cursor Style */
.color-bubble-outer {
	z-index: 500;
	position: fixed;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.color-bubble-outer.active {
	opacity: 1;
}

.transition-color-bubble,
.color-bubble-on-hover {
	width: 10vw;
	height: 10vw;
	background: linear-gradient(257.99deg, #13AFE3 0%, #13AFE3 18.38%, #13AFE3 52.16%);
	border-radius: 100%;
}

@media only screen and (max-width:1023px) {

	.transition-color-bubble,
	.color-bubble-on-hover {
		min-width: 100px;
		min-height: 100px;
	}
}

.color-bubble-on-hover {
	color: #1C1C1E;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}

.color-bubble-on-hover.clicked {
	display: none !important;
}

.color-bubble-on-hover .center-wrap {
	display: flex;
	align-items: center;
	font-size: 1.2vw;
	font-weight: 400;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: 0.2s ease-out;
}

.color-bubble-on-hover-project .icon,
.color-bubble-on-hover-project svg {
	width: 1.6vw;
	height: 1.2vw;
}

.color-bubble-on-hover-project .icon {
	margin-left: 0.8vw;
}

.color-bubble-on-hover-read-more .icon,
.color-bubble-on-hover-read-more svg {
	width: 0.85vw;
	height: 0.8vw;
}

.color-bubble-on-hover-read-more .icon {
	margin-left: 0.8vw;
}

.color-bubble-on-hover-click .icon,
.color-bubble-on-hover-click svg {
	width: 0.85vw;
	height: 0.8vw;
}

.color-bubble-on-hover-click .icon {
	margin-left: 0.8vw;
}

.color-bubble-on-hover-read-more .icon,
.color-bubble-on-hover-read-more svg {
	width: 1.05vw;
	height: 1.1vw;
}

.color-bubble-on-hover-read-more .icon {
	margin-right: 0.8vw;
}

.color-bubble-on-hover-reel .icon,
.color-bubble-on-hover-reel svg {
	width: 1.05vw;
	height: 1.3vw;
}

.color-bubble-on-hover-reel .icon {
	margin-left: 0.8vw;
}

.color-bubble-on-hover-fullscreen .icon,
.color-bubble-on-hover-fullscreen svg {
	width: 1.35vw;
	height: 1.3vw;
}

.color-bubble-on-hover-fullscreen .icon {
	margin-left: 0.8vw;
}

.color-bubble-on-hover-click .icon,
.color-bubble-on-hover-click svg,
.color-bubble-on-hover-click-white .icon,
.color-bubble-on-hover-click-white svg {
	width: 1.6vw;
	height: 1.6vw;
}

.color-bubble-on-hover-click .icon,
.color-bubble-on-hover-click-white .icon {
	margin-left: 0.6vw;
}

.color-bubble-on-hover-click-white {
	background: #FCFCFD;
}

.color-bubble-on-hover.custom-arrow {
	background: #FCFCFD;
}

.color-bubble-on-hover.custom-arrow .icon,
.color-bubble-on-hover.custom-arrow svg {
	width: 3vw;
	height: 3vw;
}

.color-bubble-on-hover-explore,
.color-bubble-on-hover-reel,
.color-bubble-on-hover-fullscreen,
.color-bubble-on-hover-click,
.color-bubble-on-hover-click-white,
.color-bubble-on-hover-arrow-left,
.color-bubble-on-hover-arrow-right,
.color-bubble-on-hover-read-more,
.color-bubble-on-hover-click,
.color-bubble-on-hover-read-more {
	display: none;
}

.color-bubble-outer.active-read-more .color-bubble-on-hover-read-more {
	display: flex;
}

.color-bubble-outer.active-click .color-bubble-on-hover-click {
	display: flex;
}

.color-bubble-outer.active-read-more .color-bubble-on-hover-read-more {
	display: flex;
}

.color-bubble-outer.active-arrow-left {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}

.color-bubble-outer.active-arrow-left .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-arrow-left .color-bubble-on-hover-arrow-left {
	display: flex;
}

.color-bubble-outer.active-arrow-right {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}

.color-bubble-outer.active-arrow-right .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-arrow-right .color-bubble-on-hover-arrow-right {
	display: flex;
}

.color-bubble-outer.active-close .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-close .color-bubble-on-hover-click {
	display: flex;
}

.color-bubble-outer.active-close-white .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-close-white .color-bubble-on-hover-click-white {
	display: flex;
}

.color-bubble-outer.active-fullscreen .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-fullscreen .color-bubble-on-hover-fullscreen {
	display: flex;
}

.color-bubble-outer.active-reel .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-reel .color-bubble-on-hover-reel {
	display: flex;
}

.color-bubble-outer.active-explore .transition-color-bubble {
	display: none;
}

.color-bubble-outer.active-explore .color-bubble-on-hover-explore {
	display: flex;
}

.color-bubble-outer.active-explore .color-bubble-on-hover-explore.clicked {
	display: none;
}

.transition-color-bubble,
.color-bubble-on-hover-explore,
.color-bubble-on-hover-reel,
.color-bubble-on-hover-fullscreen,
.color-bubble-on-hover-click,
.color-bubble-on-hover-click-white,
.color-bubble-on-hover-arrow-left,
.color-bubble-on-hover-arrow-right,
.color-bubble-on-hover-read-more,
.color-bubble-on-hover-click,
.color-bubble-on-hover-read-more {
	position: absolute;
	top: 0;
	left: 0;
}

html.color-bubble-active .transition-color-bubble {
	transition: 1s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

html.color-bubble-active.is-animating .transition-color-bubble {
	-webkit-transform: scale(20);
	transform: scale(20);
}

.btn.btn-apply .icon {
	width: 0.7vw;
	margin-left: 0;
	margin-right: 0.8vw;
}

@media only screen and (max-width:1023px) {
	.btn.btn-apply .icon {
		width: 14px;
		margin-left: 0;
		margin-right: 16px;
	}
}
.color-bubble-on-hover-apply .icon,
.color-bubble-on-hover-apply svg {
	width: 1.05vw;
	height: 1.1vw;
}

.color-bubble-on-hover-apply .icon {
	margin-right: 0.8vw;
}
.color-bubble-on-hover-apply {
	display: none;
}
.color-bubble-outer.active-apply .color-bubble-on-hover-apply {
	display: flex;
}
.color-bubble-on-hover-apply {
	position: absolute;
	top: 0;
	left: 0;
}