@keyframes lighthover {
	0%,
	100% {
		top: 5%;
	}
	50% {
		top: 7%;
	}
}

@-webkit-keyframes lighthover {
	0%,
	100% {
		top: 5%;
	}
	50% {
		top: 7%;
	}
}

@-webkit-keyframes BackgroundAnimation {
	0% {
		background-position: 73% 90%;
	}
	50% {
		background-position: 20% 20%;
	}
	100% {
		background-position: 73% 90%;
	}
}

@keyframes BackgroundAnimation {
	0% {
		background-position: 73% 90%;
	}
	50% {
		background-position: 20% 20%;
	}
	100% {
		background-position: 73% 90%;
	}
}

@-webkit-keyframes BackgroundAnimationHome {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 93% 100%;
	}
	100% {
		background-position: 0 0;
	}
}

@keyframes BackgroundAnimationHome {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 93% 100%;
	}
	100% {
		background-position: 0 0;
	}
}

@-webkit-keyframes spinClockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	16% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	32% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	48% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	64% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	80% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg);
	}
	100% {
		-webkit-transform: rotate(720deg);
		transform: rotate(720deg);
	}
}

@keyframes spinClockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	16% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	32% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	48% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	64% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	80% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg);
	}
	100% {
		-webkit-transform: rotate(720deg);
		transform: rotate(720deg);
	}
}

@-webkit-keyframes spinCounterClockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	16% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	32% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	48% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	64% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	80% {
		-webkit-transform: rotate(-540deg);
		transform: rotate(-540deg);
	}
	100% {
		-webkit-transform: rotate(-720deg);
		transform: rotate(-720deg);
	}
}

@keyframes spinCounterClockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	16% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	32% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	48% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	64% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	80% {
		-webkit-transform: rotate(-540deg);
		transform: rotate(-540deg);
	}
	100% {
		-webkit-transform: rotate(-720deg);
		transform: rotate(-720deg);
	}
}

@-webkit-keyframes bounceArrow {
	0% {
		bottom: 0;
	}
	50% {
		bottom: 15px;
	}
	100% {
		bottom: 0;
	}
}

@keyframes bounceArrow {
	0% {
		bottom: 0;
	}
	50% {
		bottom: 15px;
	}
	100% {
		bottom: 0;
	}
}

@-webkit-keyframes mouseWheel {
	0% {
		margin-top: 0;
	}
	50% {
		margin-top: 5px;
		opacity: 0.5;
	}
	100% {
		margin-top: 0;
		opacity: 0.8;
	}
}

@keyframes mouseWheel {
	0% {
		margin-top: 0;
	}
	50% {
		margin-top: 5px;
		opacity: 0.5;
	}
	100% {
		margin-top: 0;
		opacity: 0.8;
	}
}

@-webkit-keyframes spinnerAnimation {
	0%,
	100% {
		-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 0;
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em,
			2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0,
			2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em,
			0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0,
			0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
	}
}

@keyframes spinnerAnimation {
	0%,
	100% {
		-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 0;
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em,
			2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0,
			2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em,
			0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0,
			0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	background-color: #0b6b92;
	overflow-x: hidden;
}

::-moz-selection {
	background: #ff0;
}

::selection {
	background: #ff0;
}

.clearfix {
	clear: both;
	display: block;
	width: 100%;
}

.margin-dropdown {
	margin-top: 390px;
}

@media (min-width: 768px) {
.my-dropdoen{
    left: 11% !important;
} 
.my-dropdoen{
	    margin-top: 10px !important;
}

}
@media (min-width: 1500px) {
	.container {
		max-width: 1440px;
		width: 100%;
	}
}

.btn-primary {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: none !important;
	outline: 0 !important;
	border-radius: 50px !important;
	font-family: Karla, "Sans Serif" !important;
	font-size: 18px !important;
	text-transform: uppercase;
	font-weight: 700 !important;
	color: #fff !important;
	text-align: center !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	-webkit-transition: all 0.4s !important;
	transition: all 0.4s !important;
}

.btn-primary.green {
	background-color: #7ed321;
	-webkit-box-shadow: 0 0 7px 0 #7ed321;
	box-shadow: 0 0 7px 0 #7ed321;
}

.btn-primary.green:hover {
	background: #7ed321;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.btn-primary.green:active {
	background: #7ed321;
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}

.btn-primary.purple {
	background-color: #3224ae;
}

.btn-primary.purple:hover {
	background: #5b4af1;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.btn-primary.purple:active {
	background: #5b4af1;
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}

.site-header {
	padding-top: 25px;
	padding-bottom: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
}

.site-header__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.site-header__contact-icon {
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	background-color: #0b6b92;
	width: 40px;
	height: 40px;
	-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
	display: none;
}

.site-header__contact-icon:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
	transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
}

.site-header__contact-icon:active {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}

.site-header__contact-icon span {
	position: relative;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

.site-header__logo img {
	max-width: 30px;
}

@media (max-width: 700px) {
	.site-header__logo {
		display: none;
	}
}

.site-header__menu-icon {
	max-height: 56px;
	cursor: pointer;
}

.site-header__menu-icon img {
	height: 100%;
}

.site-header__menu-icon.mobile {
	display: none;
}

.site-header__placeholder {
	height: 169px;
	width: 100%;
}

@media screen and (max-width: 700px) {
	.site-header {
		padding-top: 15px;
		padding-bottom: 15px;
		position: fixed;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.site-header__contact-icon {
		display: block;
	}
	.site-header__menu-icon {
		display: none;
		max-height: 40px;
		max-width: 40px;
	}
	.site-header__menu-icon img {
		max-width: 100%;
		height: auto;
	}
	.site-header__menu-icon.mobile {
		display: block;
	}
}

.site-footer {
	background-color: #ff6700;
	border-top: 1px solid #ff6700;
	padding-top: 35px;
	padding-bottom: 30px;
}

.site-footer__socials {
	text-align: center;
}

.site-footer__social {
	display: inline-block;
	outline: 0;
	text-decoration: none;
}

.site-footer__social:not(:last-child) {
	margin-right: 15px;
}

.site-footer__social img {
	max-width: 37px;
}

.site-footer__logo {
	margin-top: 30px;
	margin-bottom: 20px;
}

.site-footer__logo a {
	display: block;
	margin: 0 auto;
	max-width: 54px;
}

.site-footer__logo a img {
	max-width: 100%;
}

.site-footer__copyright {
	opacity: 0.61;
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
	color: #fff;
}

.site-footer__copyright span {
	font-family: "Lucida Grande";
}

.section-time {
	padding-top: 55px;
	padding-bottom: 115px;
	background-color: #ff6700;
	overflow: hidden;
}

.section-time__time {
	max-width: 360px;
	font-family: Karla, "Sans Serif";
	font-size: 38px;
	text-align: center;
	color: #fff;
	margin: auto;
	margin-bottom: 45px;
}

.section-time__zones {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.section-time__zone {
	width: 25px;
	height: 25px;
	position: relative;
	cursor: pointer;
}

.section-time__zone-label {
	opacity: 0;
	width: 120px;
	visibility: hidden;
	font-family: Karla, "Sans Serif";
	font-size: 14px;
	color: #fff;
	position: absolute;
	display: block;
	-webkit-transform: rotate(-11deg);
	transform: rotate(-11deg);
	top: -6px;
	left: 19px;
	text-indent: 5px;
	-webkit-transition: all 0.55s cubic-bezier(0.24, 0.22, 0.015, 1.56);
	transition: all 0.55s cubic-bezier(0.24, 0.22, 0.015, 1.56);
}

.section-time__zone-label:before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -10px;
}

.section-time__zone-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 0 solid;
	-webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56);
	transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56);
}

.section-time__zone-inner .background {
	width: 94%;
	height: 94%;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
	border-radius: 50%;
}

.section-time__zone.green .section-time__zone-inner {
	border-color: #d08e00;
}

.section-time__zone.green .section-time__zone-inner .background {
	background-color: #ffae00;
}

.section-time__zone.blue .section-time__zone-inner {
	border-color: #801130;
}

.section-time__zone.blue .section-time__zone-inner .background {
	background-color: #ea3367;
}

.section-time__zone.purple .section-time__zone-inner {
	border-color: #c1640f;
}

.section-time__zone.purple .section-time__zone-inner .background {
	background-color: #f88822;
}

.section-time__zone.brown .section-time__zone-inner {
	border-color: #4b8e02;
}

.section-time__zone.brown .section-time__zone-inner .background {
	background-color: #7ed321;
}

.section-time__zone.yellow .section-time__zone-inner {
	border-color: rgba(218, 203, 7, 0.6);
}

.section-time__zone.yellow .section-time__zone-inner .background {
	background-color: rgba(248, 232, 28, 0.6);
}

.section-time__zone.active .section-time__zone-inner {
	-webkit-transform: scale(3.5);
	transform: scale(3.5);
	border-width: 1px;
}

.section-time__zone.active .section-time__zone-label {
	opacity: 1;
	visibility: visible;
}

.section-time__zone:hover .section-time__zone-inner {
	-webkit-transform: scale(3.5);
	transform: scale(3.5);
	border-width: 1px;
}

.section-time__zone:hover .section-time__zone-label {
	opacity: 1;
	visibility: visible;
}

.section-time__zone:active .section-time__zone-inner {
	-webkit-transform: scale(3.2);
	transform: scale(3.2);
}

@media screen and (max-width: 768px) {
	.site-menu__nav ul li {
    text-align: left !important;
    padding: 0px 30px !important;
}
.site-menu__nav ul li.active a {
    /* padding: 0; */
    padding-left: 0 !important;
}
.site-menu__nav ul li a {
    font-size: 23px !important;
}
.site-menu__nav ul li:not(:last-child) {
    margin-bottom: 10px !important;
}

[data-page-class="services"]{
	display: flex !important;
	height: 35px;
    justify-content: space-between;
}
.site-menu__nav ul li:not(:last-child) {
    height: 34px;
    margin-bottom: 35px;
}

.seo-dropdown{
	    width: 100%;
    top: 0px !important;
    left: 0% !important;
    padding: 11px 32px !important;
}

	.section-time {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.section-time__time {
		font-size: 22px;
		letter-spacing: 0.59px;
	}
	.section-time__zone {
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}
	.section-time__zone:hover .section-time__zone-inner {
		-webkit-transform: scale(2.4);
		transform: scale(2.4);
	}
	.section-time__zone.active {
		margin-right: 35px;
	}
	.section-time__zone.active .section-time__zone-inner {
		-webkit-transform: scale(2.4);
		transform: scale(2.4);
	}
}

.site-menu {
	position: fixed;
	z-index: 101;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
	width: 100%;
	min-height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.site-menu__background {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #ffc44f;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.site-menu__dribble {
	min-width: 680px;
	min-height: 780px;
	width: 50%;
	height: 100%;
	display: inline-block;
	float: left;
	text-align: right;
}

.site-menu__dribble-wrapper {
	display: inline-block;
	text-align: left;
	max-width: 720px;
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 45px;
	padding-bottom: 45px;
	padding-left: 50px;
	padding-right: 70px;
	opacity: 0;
	-webkit-transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.site-menu__dribble-inner {
	position: relative;
	margin-top: 20%;
	text-align: center;
}

.site-menu__dribble-inner img {
	max-width: 54%;
	margin-top: 0;
	margin-bottom: 0;
}

.site-menu__dribble-inner .btn {
	margin: auto;
	display: block;
	max-width: 230px;
}

.site-menu__portfolio .left {
	max-width: 260px;
}

.site-menu__portfolio .right {
	max-width: 260px;
	float: right;
}

.site-menu__portfolio .center {
	position: absolute;
	max-width: 375px;
	left: 0;
	right: 0;
	margin: auto;
	top: -50px;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.site-menu__logo {
	position: absolute;
	top: 45px;
	left: 50px;
	display: block;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 1.25s cubic-bezier(0.24, 0.22, 0.015, 1.56);
	transition: all 1.25s cubic-bezier(0.24, 0.22, 0.015, 1.56);
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.site-menu__logo img {
	max-width: 54px;
}

.site-menu__dribble-cta {
	max-width: 529px;
	width: 100%;
	height: 75px;
	margin: auto;
	border-radius: 53px;
	background-color: #ffeaf1;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 90px;
}

.site-menu__dribble-cta.spin-clockwise img {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-name: spinClockwise;
	animation-name: spinClockwise;
}

.site-menu__dribble-cta.spin-counter-clockwise img {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-name: spinCounterClockwise;
	animation-name: spinCounterClockwise;
}

.site-menu__dribble-cta img {
	max-width: 61px;
	float: left;
	position: relative;
	top: 8px;
}

.site-menu__dribble-cta span {
	font-family: Lato;
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: 1.1px;
	text-align: center;
	color: #e51067;
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 10px;
}

.site-menu__right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 810px;
	display: inline-block;
	background-image: linear-gradient(141deg, #ea3367, #f16343, #ffae00);
	position: relative;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.site-menu__menu {
	max-width: 720px;
	height: 100%;
	position: relative;
	padding-top: 140px;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 45px;
	-webkit-transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.site-menu__close-btn {
	max-width: 720px;
	position: absolute;
	left: 0;
	text-align: right;
	top: 45px;
	right: 50px;
	z-index: 1;
}

.site-menu__close-btn img {
	max-width: 55px;
	cursor: pointer;
	position: relative;
}

.site-menu__close-btn.mobile {
	display: none;
}

.site-menu__nav {
	-webkit-transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.site-menu__nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.site-menu__nav ul li {
	/*position: relative;*/
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.site-menu__nav ul li a {
	font-family: Karla, "Sans Serif";
	font-weight: 100;
	font-size: 28px;
	letter-spacing: 0.5px;
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.site-menu__nav ul li:not(:last-child) {
	margin-bottom: 35px;
}

.site-menu__nav ul li:last-child a {
	font-weight: 700;
}

.site-menu__nav ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #f8b13d;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: none;
}

.site-menu__nav ul li.active:before {
	opacity: 1;
}

.site-menu__nav ul li:not(.active):active,
.site-menu__nav ul li:not(.active):focus,
.site-menu__nav ul li:not(.active):hover {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.site-menu__nav ul li:not(.active):active:before,
.site-menu__nav ul li:not(.active):focus:before,
.site-menu__nav ul li:not(.active):hover:before {
	opacity: 0.7;
}

.site-menu__extra-links {
	margin-top: 100px;
	-webkit-transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.site-menu__extra-links a {
	/*opacity: .88;*/
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 0.3px;
	color: #fff;
	display: block;
}

.site-menu__extra-links a:first-child {
	margin-bottom: 20px;
}

.site-menu__socials {
	margin-top: 20px;
	-webkit-transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.site-menu__social {
	display: inline-block;
	max-width: 37px;
	text-decoration: none !important;
}

.site-menu__social img {
	width: 100%;
}

.site-menu__social:not(:last-child) {
	margin-right: 10px;
}

.site-menu__contact {
	position: absolute;
	width: 100%;
	max-width: 720px;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 140px;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 45px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.site-menu__contact-back {
	margin-bottom: 40px;
	cursor: pointer;
}

.site-menu__contact-back img {
	vertical-align: middle;
	margin-right: 5px;
}

.site-menu__contact-back span {
	opacity: 0.69;
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	letter-spacing: 0.3px;
	color: #fff;
}

.site-menu__contact-heading {
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-align: left;
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
}

.site-menu__contact-copy {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	letter-spacing: 0.3px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
}

.site-menu__contact-form .required-label {
	font-family: Karla, "Sans Serif";
	font-size: 13px;
	color: #fff;
	display: block;
	margin-bottom: 15px;
}

.site-menu__contact-form input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	max-width: 425px;
	width: 100%;
	border-radius: 10px;
	background-color: #fff;
	padding: 12px;
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
	border: none;
	outline: 0 !important;
	-webkit-transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 0.53);
	transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 0.53);
}

.site-menu__contact-form input.error {
	background-color: #dc143c;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	color: #fff;
}

.site-menu__contact-form .textarea {
	margin-bottom: 20px;
}

.site-menu__contact-form .textarea textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	max-width: 425px;
	width: 100%;
	border-radius: 10px;
	background-color: #fff;
	padding: 12px;
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	color: #333;
	border: none;
	outline: 0 !important;
	min-height: 140px;
	-webkit-transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 0.53);
	transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 0.53);
}

.site-menu__contact-form .textarea textarea.error {
	background-color: #dc143c;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	color: #fff;
}

.site-menu__contact-form .submit {
	width: 100%;
	max-width: 240px;
}

.site-menu__contact .contact-button__error,
.site-menu__contact .contact-button__success {
	top: 190px;
	left: 75px;
	right: 85px;
}

.site-menu__contact .contact-button__loader {
	top: 200px;
}

.site-menu__contact.submitting .site-menu__contact-form {
	opacity: 0;
	visibility: hidden;
}

.site-menu__contact.submitting .site-menu__contact-copy,
.site-menu__contact.submitting .site-menu__contact-heading {
	display: none;
}

.site-menu__contact.submitting .contact-button__loader {
	opacity: 1;
	visibility: visible;
}

.site-menu__contact.error .site-menu__contact-form {
	opacity: 0;
	visibility: hidden;
}

.site-menu__contact.error .site-menu__contact-copy,
.site-menu__contact.error .site-menu__contact-heading {
	display: none;
}

.site-menu__contact.error .contact-button__loader {
	opacity: 0;
	visibility: hidden;
}

.site-menu__contact.error .contact-button__error {
	opacity: 1;
	visibility: visible;
}

.site-menu__contact.success .site-menu__contact-form {
	opacity: 0;
	visibility: hidden;
}

.site-menu__contact.success .site-menu__contact-copy,
.site-menu__contact.success .site-menu__contact-heading {
	display: none;
}

.site-menu__contact.success .contact-button__loader {
	opacity: 0;
	visibility: hidden;
}

.site-menu__contact.success .contact-button__success {
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 1100px) {
	.site-menu__contact .contact-button__error,
	.site-menu__contact .contact-button__success {
		left: 50px;
	}
}

@media screen and (max-width: 430px) {
	.site-menu__contact .contact-button__error,
	.site-menu__contact .contact-button__success {
		left: 15px;
		right: 15px;
	}
}

body.site-menu-open.ios {
	position: fixed;
}

body.site-menu-open .site-menu {
	opacity: 1;
	visibility: visible;
}

body.site-menu-open .site-menu__background {
	opacity: 1;
}

body.site-menu-open .site-menu__right {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

body.site-menu-open .site-menu__dribble-wrapper {
	opacity: 1;
}

body.site-menu-open .site-menu__logo {
	-webkit-transform: scale(1);
	transform: scale(1);
}

body.menu-contact-visible .site-menu__extra-links,
body.menu-contact-visible .site-menu__nav,
body.menu-contact-visible .site-menu__socials {
	opacity: 0;
	visibility: hidden;
}

body.menu-contact-visible .site-menu__contact {
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 1100px) {
	.site-menu__contact,
	.site-menu__menu {
		padding-top: 120px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.site-menu__dribble {
		min-width: 0;
		max-width: 550px;
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.site-menu__dribble-wrapper {
		padding-right: 40px;
	}
	.site-menu__portfolio .left,
	.site-menu__portfolio .right {
		max-width: 150px;
	}
	.site-menu__portfolio .center {
		max-width: 215px;
	}
	.site-menu__dribble-cta {
		height: 65px;
		margin-top: 60px;
	}
	.site-menu__dribble-cta img {
		max-width: 50px;
	}
	.site-menu__dribble-cta span {
		font-size: 16px;
	}
}

@media screen and (max-width: 1100px) {
	.site-menu__contact {
		padding-top: 35px;
	}
}

@media screen and (max-width: 870px) {
	.site-menu__dribble {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	.site-menu__menu {
		overflow: hidden;
	}
	body.menu-contact-visible .site-menu__menu {
		overflow-y: scroll !important;
	}
	.site-menu__close-btn {
		display: none;
	}
	.site-menu__close-btn.mobile {
		display: block;
		left: auto;
	}
	.site-menu__close-btn.mobile img {
		max-width: 40px;
	}
	.site-menu__contact {
		padding-top: 55px;
	}
	.site-menu__contact-back {
		margin-bottom: 20px;
		width: 150px;
	}
	.site-menu__contact-heading {
		font-size: 24px;
		letter-spacing: 0;
		margin-bottom: 8px;
		text-align: center;
	}
	.site-menu__contact-copy {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
		margin: auto;
		margin-bottom: 15px;
		text-align: center;
		max-width: 280px;
	}
	.site-menu__contact-form .textarea textarea,
	.site-menu__contact-form input {
		max-width: none;
	}
}

@media screen and (max-width: 430px) {
	.site-menu__contact {
		padding-top: 35px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.site-menu__menu {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 70px;
	}
	.site-menu__extra-links,
	.site-menu__socials {
		text-align: center;
	}
	.site-menu__nav ul li {
		text-align: center;
	}
	.site-menu__nav ul li:before {
		-webkit-transform: translateY(-50%) translateX(-20px);
		transform: translateY(-50%) translateX(-20px);
		left: auto;
	}
	.site-menu__nav ul li.active a {
		font-weight: 700;
	}
	.site-menu__social {
		max-width: 32px;
	}
	.site-menu__close-btn {
		top: 25px;
		right: 20px;
	}
	.site-menu__close-btn img {
		max-width: 35px;
	}
	.site-menu__contact-form .submit {
		max-width: none;
	}
}

@media screen and (max-width: 430px) and (max-height: 640px) {
	.site-menu__extra-links {
		margin-top: 30px;
	}
}

@media screen and (max-height: 540px) {
	.site-menu__extra-links {
		margin-top: 30px;
	}
	.site-menu__menu {
		overflow: auto;
	}
}

.contact-button {
	position: fixed;
	top: 50px;
	right: 50px;
	z-index: 101;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	opacity: 0;
	visibility: hidden;
}

.contact-button__open {
	border-radius: 50%;
	width: 72px;
	height: 72px;
	background-image: linear-gradient(135deg, #0b6b92, #1191c5 46%, #53d6dc);
	-webkit-box-shadow: 0 2px 4px 0 #3d3d98;
	box-shadow: 0 2px 4px 0 #3d3d98;
	cursor: pointer;
	-webkit-transition: all 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.contact-button__open:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
	transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
}

.contact-button__open:active {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}

.contact-button__open span {
	position: relative;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

.contact-button__close {
	border-radius: 50%;
	width: 72px;
	height: 72px;
	background-image: linear-gradient(135deg, #0b6b92, #1191c5 46%, #53d6dc);
	-webkit-box-shadow: 0 2px 4px 0 #3d3d98;
	box-shadow: 0 2px 4px 0 #3d3d98;
	cursor: pointer;
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	text-align: center;
}

.contact-button__close:hover {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
	transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
}

.contact-button__close:active {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

.contact-button__close .cross {
	display: inline-block;
	position: relative;
	top: 23px;
}

.contact-button__close .cross .bar {
	width: 20px;
	height: 3px;
	background-color: #fff;
	position: relative;
}

.contact-button__close .cross .bar:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.contact-button__close .cross .bar:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px;
}

.contact-button__inner {
	width: 327px;
	border-radius: 15px;
	background-image: linear-gradient(144deg, #0b6b92, #1191c5 46%, #53d6dc);
	padding: 20px 25px;
	position: absolute;
	right: -8px;
	top: 110px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.contact-button__inner:before {
	content: "";
	background-image: url(../images/contact-triangle.png);
	position: absolute;
	top: -22px;
	width: 22px;
	height: 22px;
	right: 32px;
}

.contact-button__form {
	-webkit-transition: all 0.7s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.7s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	height: 430px;
}

.contact-button__form-inner .heading {
	font-family: Karla, "Sans Serif";
	font-size: 26px;
	font-weight: 700;
	text-align: left;
	color: #fff;
	margin: 0;
	margin-bottom: 20px;
}

.contact-button__form-inner input,
.contact-button__form-inner textarea {
	border: none;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 45px;
	border-radius: 10px;
	background-color: #fff;
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	color: #767676;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 13px;
	-webkit-transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 0.53);
	transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 0.53);
}

.contact-button__form-inner input.error,
.contact-button__form-inner textarea.error {
	background-color: #dc143c;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	color: #fff;
}

.contact-button__form-inner textarea {
	height: auto;
	min-height: 115px;
	padding: 10px 15px;
	margin-bottom: 20px;
}

.contact-button__form-inner button {
	width: 100%;
	margin-bottom: 7px;
}

.contact-button__loader {
	color: #fff;
	font-size: 20px;
	margin: 40px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	text-indent: -9999em;
	-webkit-animation: spinnerAnimation 1.3s infinite linear;
	animation: spinnerAnimation 1.3s infinite linear;
	-webkit-transform: translateZ(0) scale(0.3);
	transform: translateZ(0) scale(0.3);
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	opacity: 0;
}

.contact-button__error,
.contact-button__success {
	position: absolute;
	top: 20px;
	left: 25px;
	right: 25px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition: all 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.contact-button__error .top,
.contact-button__success .top {
	margin-bottom: 13px;
}

.contact-button__error .top img,
.contact-button__success .top img {
	margin-right: 13px;
	max-width: 33px;
	vertical-align: middle;
}

.contact-button__error .top span,
.contact-button__success .top span {
	font-family: Karla, "Sans Serif";
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
}

.contact-button__error .copy-1,
.contact-button__success .copy-1 {
	font-family: Karla, "Sans Serif";
	font-size: 15px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 11px;
}

.contact-button__error .copy-1 a,
.contact-button__success .copy-1 a {
	color: #fff;
	text-decoration: underline;
}

.contact-button__error .copy-2,
.contact-button__success .copy-2 {
	font-family: Karla, "Sans Serif";
	font-size: 15px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 17px;
}

.contact-button__error .social a,
.contact-button__success .social a {
	text-decoration: none;
}

.contact-button__error .social a img,
.contact-button__success .social a img {
	max-width: 37px;
}

.contact-button__error .social a:not(:last-child),
.contact-button__success .social a:not(:last-child) {
	margin-right: 15px;
}

body.contact-button-visible .contact-button {
	opacity: 1;
	visibility: visible;
}

body.contact-button-menu-open .contact-button__inner {
	opacity: 1;
	visibility: visible;
	top: 100px;
	-webkit-transform: scale(1);
	transform: scale(1);
}

body.contact-button-menu-open .contact-button__open {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
	transition: all 0.2s cubic-bezier(0.84, 0.47, 0.67, 3.53);
}

body.contact-button-menu-open .contact-button__close {
	visibility: visible;
	opacity: 1;
}

.contact-button.submitting .contact-button__form {
	opacity: 0;
	height: 100px;
	overflow: hidden;
}

.contact-button.submitting .contact-button__loader {
	opacity: 1;
	visibility: visible;
}

.contact-button.success .contact-button__form {
	opacity: 0;
	height: 190px;
	overflow: hidden;
}

.contact-button.success .contact-button__success {
	opacity: 1;
	visibility: visible;
}

.contact-button.error .contact-button__form {
	opacity: 0;
	height: 150px;
	overflow: hidden;
}

.contact-button.error .contact-button__error {
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 700px) {
	.contact-button {
		right: auto;
		left: 15px;
		top: 15px;
		display: none !important;
	}
	.contact-button__open {
		background-color: #0b6b92;
		background-image: none;
		width: 40px;
		height: 40px;
		-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
	}
	.contact-button__open span {
		font-size: 18px;
	}
	.contact-button__close {
		background-color: #0b6b92;
		background-image: none;
		width: 40px;
		height: 40px;
		-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
	}
	.contact-button__close .cross {
		top: 7px;
	}
	.contact-button__inner {
		right: auto;
		border-radius: 7px;
		top: 80px;
	}
	.contact-button__inner:before {
		right: auto;
		left: 10px;
	}
	body.contact-button-menu-open .contact-button__inner {
		top: 60px;
	}
}

.up-movement-bubbles {
	overflow: hidden;
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.up-movement-bubbles .up-bubble {
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	opacity: 0.3;
	-webkit-opacity: 0.3;
	-o-opacity: 0.3;
	-moz-opacity: 0.3;
	z-index: 1;
}

@media (max-width: 700px) {
	body.page--home .site-header__logo {
		display: none;
	}
}

body.page--home .section-intro {
	width: 100%;
	height: 100vh;
	position: relative;
	background-color: #eb3665;
	background: linear-gradient(141deg, #ea3367, #f16343, #ffae00);
	background-size: 600% 600%;
	-webkit-animation: BackgroundAnimationHome 14s ease infinite;
	animation: BackgroundAnimationHome 14s ease infinite;
}

body.page--home .section-intro .slide-in-view {
	opacity: 0;
	padding-top: 10px;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

body.page--home .section-intro .slide-in-view--show {
	opacity: 1;
	padding-top: 0;
	visibility: visible;
}

@media (max-width: 760px) {
	body.page--home .section-intro .section-intro__arrow {
		display: none;
	}
}

body.page--home .section-intro__inner {
	position: relative;
	height: 100vh;
	text-align: center;
}

body.page--home .section-intro__brands {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}

body.page--home .section-intro__brands .section-intro__arrow {
	display: none;
	margin-top: 40px;
}

@media (max-width: 760px) {
	body.page--home .section-intro__brands .section-intro__arrow {
		display: block;
	}
}

@media (max-width: 760px) {
	body.page--home .section-intro__brands {
		text-align: center;
		position: relative;
		margin: 0 auto;
		margin-top: 30px;
		bottom: auto;
	}
}

body.page--home .section-intro__brands-trusted {
	display: block;
	float: left;
}

body.page--home .section-intro__brands-trusted img {
	margin: 0 10px;
}

@media (max-width: 760px) {
	body.page--home .section-intro__brands-trusted {
		float: none;
	}
	body.page--home .section-intro__brands-trusted span {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

body.page--home .section-intro__brands-featured {
	display: block;
	float: right;
	padding-top: 7px;
}

body.page--home .section-intro__brands-featured img {
	margin: 0 10px;
}

@media (max-width: 760px) {
	body.page--home .section-intro__brands-featured {
		margin-top: 15px;
		float: none;
	}
	body.page--home .section-intro__brands-featured span {
		display: inline;
	}
}

body.page--home .section-intro__brands span {
	color: #cdcdcd;
	font-family: Karla, "Sans Serif";
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.6px;
	margin-right: 5px;
}

@media (max-width: 760px) {
	body.page--home .section-intro__brands span {
		font-size: 14px;
	}
}

body.page--home .section-intro__brands img.tp {
	max-height: 50px;
}

body.page--home .section-intro__brands img.up {
	max-height: 35px;
}

body.page--home .section-intro__brands img.fin {
	max-height: 30px;
	margin-top: -4px;
}

body.page--home .section-intro__brands img.coco {
	max-height: 25px;
}

body.page--home .section-intro__brands img.net {
	max-height: 28px;
	margin-top: -7px;
}

body.page--home .section-intro__logo {
	max-width: 230px;
	margin-bottom: 40px;
}

body.page--home .section-intro__heading {
	font-family: Karla, "Sans Serif";
	font-size: 38px;
	font-weight: 700;
	line-height: 1.24;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 0;
}

body.page--home .section-intro__copy {
	max-width: 680px;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: center;
	color: #fff;
	margin: auto;
}

body.page--home .section-intro__arrow {
	position: relative;
	margin: auto;
	margin-top: 60px;
	cursor: pointer;
	max-width: 48px;
}

body.page--home .section-intro__arrow img {
	position: relative;
	width: 100%;
	-webkit-animation: bounceArrow 1s ease infinite;
	animation: bounceArrow 1s ease infinite;
}

@media screen and (max-width: 700px) {
	body.page--home .section-intro__logo {
		max-width: 160px;
		margin-bottom: 14px;
	}
	body.page--home .section-intro__heading {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 30px;
		margin-bottom: 8px;
	}
	body.page--home .section-intro__copy {
		font-size: 16px;
		color: #fff;
		letter-spacing: 0;
		line-height: 22px;
	}
	body.page--home .section-intro__arrow {
		max-width: 28px;
	}
}

body.page--home .section-boxes {
	display: block;
	position: relative;
	z-index: 2;
}

body.page--home .section-boxes .section-box {
	width: 100%;
	padding-top: 60%;
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

body.page--home .section-boxes .section-box:hover {
	background-size: 105%;
}

body.page--home .section-boxes .section-box:hover .section-box__gradiant {
	padding-bottom: 65px;
	margin-top: -15px;
}

@media (max-width: 768px) {
	body.page--home .section-boxes .section-box:hover .section-box__gradiant {
		padding-bottom: 15px;
	}
}

body.page--home .section-boxes .section-box.travis-perkins {
	background-color: #42bfdd;
	margin-top: -50px;
}

body.page--home
	.section-boxes
	.section-box.travis-perkins
	.section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#155f47),
		color-stop(#155f47),
		to(color(#155f47 opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#155f47,
		#155f47,
		color(#155f47 opacity(0))
	);
}

body.page--home .section-boxes .section-box.truckk {
	background-color: #fdb543;
	margin-top: 0;
}

body.page--home .section-boxes .section-box.truckk .section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#df751a),
		color-stop(#df751a),
		to(color(#df751a opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#df751a,
		#df751a,
		color(#df751a opacity(0))
	);
}

body.page--home .section-boxes .section-box.finygo {
	background-color: #709cc7;
	margin-top: 50px;
}

body.page--home .section-boxes .section-box.finygo .section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#a4efff),
		color-stop(#a4efff),
		to(color(#a4efff opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#a4efff,
		#a4efff,
		color(#a4efff opacity(0))
	);
}

body.page--home .section-boxes .section-box.finygo .section-box__copy,
body.page--home .section-boxes .section-box.finygo .section-box__link {
	color: #fff;
}

body.page--home .section-boxes .section-box.sts {
	background-color: #92d0ff;
	margin-top: -25px;
}

body.page--home .section-boxes .section-box.sts .section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#592b8e),
		color-stop(#592b8e),
		to(color(#592b8e opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#592b8e,
		#592b8e,
		color(#592b8e opacity(0))
	);
}

body.page--home .section-boxes .section-box.sts .section-box__logo img {
	height: 80px;
}

body.page--home .section-boxes .section-box.nbh {
	background-color: #993399;
	margin-top: 125px;
}

body.page--home .section-boxes .section-box.nbh .section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#0c409d),
		color-stop(#0c409d),
		to(color(#0c409d opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#0c409d,
		#0c409d,
		color(#0c409d opacity(0))
	);
}

body.page--home .section-boxes .section-box.clarity {
	background-color: #e99003;
}

body.page--home .section-boxes .section-box.clarity .section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#23d0c5),
		color-stop(#23d0c5),
		to(color(#23d0c5 opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#23d0c5,
		#23d0c5,
		color(#23d0c5 opacity(0))
	);
}

body.page--home .section-boxes .section-box.share-prices {
	background-color: #92d0ff;
	margin-top: -50px;
}

body.page--home
	.section-boxes
	.section-box.share-prices
	.section-box__gradiant {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#92d0ff),
		color-stop(#92d0ff),
		to(color(#92d0ff opacity(0)))
	);
	background-image: linear-gradient(
		to top,
		#92d0ff,
		#92d0ff,
		color(#92d0ff opacity(0))
	);
}

body.page--home .section-boxes .section-box.share-prices .section-box__copy,
body.page--home .section-boxes .section-box.share-prices .section-box__link {
	color: #000;
}

body.page--home
	.section-boxes
	.section-box.share-prices
	.section-box__logo
	img {
	height: 30px;
}

body.page--home .section-boxes .section-box .lighthover {
	max-width: 70%;
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	animation: lighthover 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-webkit-animation: lighthover 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)
		infinite;
	-moz-animation: lighthover 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)
		infinite;
}

@media (max-width: 768px) {
	body.page--home .section-boxes .section-box {
		padding-top: 70%;
		margin-top: 25px !important;
	}
}

body.page--home .section-boxes .section-box__gradiant {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	z-index: 2;
	padding: 50px;
}

body.page--home .section-boxes .section-box__logo img {
	height: 40px;
	max-width: 100%;
}

body.page--home .section-boxes .section-box__copy {
	margin: 30px 0;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: 0.9px;
	color: #fff;
}

@media (max-width: 768px) {
	body.page--home .section-boxes .section-box__copy {
		margin: 15px 0;
		font-size: 16px;
	}
}

body.page--home .section-boxes .section-box__link {
	display: block;
	cursor: pointer;
	margin-top: 0;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 2.11;
	letter-spacing: 0.6px;
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

body.page--home .section-boxes .section-box__link img {
	max-width: 16px;
	margin-left: 6px;
	position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

body.page--home .section-boxes .section-box__link:active,
body.page--home .section-boxes .section-box__link:hover {
	text-decoration: none;
}

body.page--home .section-boxes .section-box__link:active img,
body.page--home .section-boxes .section-box__link:hover img {
	-webkit-transform: translateX(6px);
	transform: translateX(6px);
}

@media (max-width: 980px) {
	body.page--home .section-boxes .section-box {
		margin: 0;
	}
}

@media (max-width: 768px) {
	body.page--home .section-boxes .section-box__gradiant {
		padding: 15px;
	}
}

body.page--home .showmore {
	height: 250px;
	overflow: hidden;
	position: relative;
	padding-top: 50px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

@media (max-width: 768px) {
	body.page--home .showmore {
		padding-top: 0;
	}
}

body.page--home .showmore.show {
	height: auto;
	overflow: inherit;
	padding-top: 0;
}

body.page--home .showmore.show .showmore__gradiant {
	display: none;
}

body.page--home .showmore .showmore__gradiant {
	width: 100%;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#fff),
		color-stop(#fff),
		to(rgba(0, 0, 0, 0))
	);
	background-image: linear-gradient(to top, #fff, #fff, rgba(0, 0, 0, 0));
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	z-index: 3;
}

body.page--home .showmore .showmore__gradiant .btn {
	margin: 0 auto;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	max-width: 200px;
	margin: 0 auto;
}

body.page--home .section-testimonials {
	background-color: #f88822;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

body.page--home .section-testimonials.margintop {
	margin-top: -50px;
}

@media (max-width: 768px) {
	body.page--home .section-testimonials.margintop {
		margin-top: 25px;
	}
}

body.page--home .section-testimonials .testimonial {
	padding: 70px;
	padding-right: 200px;
	padding-left: 250px;
	position: relative;
	overflow: hidden;
}

@media (max-width: 768px) {
	body.page--home .section-testimonials .testimonial {
		padding: 60px 15px 60px 60px;
	}
}

body.page--home .section-testimonials .testimonial .mokenm {
	height: 100%;
	width: 200px;
	background-image: url(../images/logo.png);
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: 0 -30px;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 150px;
}

@media (max-width: 768px) {
	body.page--home .section-testimonials .testimonial .mokenm {
		margin-top: -20px;
		z-index: 0;
	}
}

body.page--home .section-testimonials .testimonial p {
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #fff;
	position: relative;
}

@media (max-width: 768px) {
	body.page--home .section-testimonials .testimonial p {
		font-size: 18px;
	}
}

body.page--home .section-testimonials .testimonial p:before {
	content: '"';
	color: #7ed321;
	font-family: Karla, "Sans Serif";
	font-size: 34px;
	position: absolute;
	left: -25px;
	top: 0;
}

body.page--home .section-testimonials .testimonial span {
	color: #fff;
	font-family: Karla, "Sans Serif";
	font-weight: 100;
	font-size: 18px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	-ms-opacity: 0.6;
	-o-opacity: 0.6;
	-khtml-opacity: 0.6;
}

@media (max-width: 768px) {
	body.page--home .section-testimonials .testimonial span {
		font-size: 16px;
	}
}

body.page--home .section-services {
	margin-top: 30px;
	padding-top: 60px;
	padding-bottom: 100px;
	background-color: #f9f9f9;
	position: relative;
	z-index: 0;
}

@media (max-width: 768px) {
	body.page--home .section-services {
		padding-top: 0;
		padding-bottom: 60px;
	}
}

body.page--home .section-services__heading {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 2;
	letter-spacing: 0.6px;
	text-align: left;
	color: #000;
	margin-bottom: 20px;
	margin-top: 50px;
}

body.page--home .section-services__service {
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.6px;
	text-align: left;
	color: #000;
	display: inline-block;
	text-decoration: none !important;
	position: relative;
}

body.page--home .section-services__service:after {
	content: "";
	width: 21px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: -21px;
	margin-top: -7px;
	background-image: url(../images/arrow-right-purple.png);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-khtml-opacity: 0;
}

body.page--home .section-services__service:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	top: 80%;
	opacity: 0;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#0b6b92),
		color-stop(46%, #1191c5),
		to(#53d6dc)
	);
	background-image: linear-gradient(to right, #0b6b92, #1191c5 46%, #53d6dc);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

body.page--home .section-services__service:hover:before {
	top: 100%;
	opacity: 1;
}

body.page--home .section-services__service:hover:after {
	right: -35px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-khtml-opacity: 1;
}

body.page--home .section-services__service:not(:last-child) {
	margin-bottom: 20px;
}

body.page--home .section-services__cta {
	margin-top: 35px;
	display: block;
	max-width: 290px;
	width: 100%;
}

@media screen and (max-width: 768px) {
	body.page--home .section-services__service {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 480px) {
	body.page--home .section-services__service {
		margin-bottom: 16px;
		font-size: 20px;
	}
	body.page--home .section-services__heading {
		margin-top: 20px;
	}
}

body.page--home .section-project {
	padding-top: 150px;
	padding-bottom: 150px;
}

body.page--home .section-project__images {
	position: relative;
}

body.page--home .section-project__logo {
	margin-bottom: 30px;
	width: 130px;
}

body.page--home .section-project__copy {
	max-width: 455px;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: left;
	color: #000;
	margin-top: 0;
	margin-bottom: 25px;
}

body.page--home .section-project__cta {
	display: block;
	cursor: pointer;
	margin-top: 20px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 2.11;
	letter-spacing: 0.6px;
	color: #000;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

body.page--home .section-project__cta img {
	max-width: 16px;
	margin-left: 6px;
	position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

body.page--home .section-project__cta:active,
body.page--home .section-project__cta:hover {
	text-decoration: none;
}

body.page--home .section-project__cta:active img,
body.page--home .section-project__cta:hover img {
	-webkit-transform: translateX(6px);
	transform: translateX(6px);
}

@media screen and (max-width: 992px) {
	body.page--home .section-project__copy {
		font-size: 20px;
	}
}

body.page--home .section-project.up-movement {
	background-color: #ea3367;
	background-position: center right;
	background-size: cover;
	position: relative;
}

body.page--home .section-project.up-movement .content {
	position: relative;
	z-index: 2;
}

body.page--home .section-project.up-movement .section-project__copy {
	color: #fff;
}

body.page--home .section-project.up-movement .section-project__cta {
	color: #fff;
}

body.page--home .section-project.up-movement .btn-primary {
	background-color: #5f4fee !important;
}

body.page--home .section-project.up-movement .section-project__images img {
	width: 100%;
	max-width: 740px;
}

body.page--home .visible-for-mobile {
	display: none;
}

body.page--home .hidden-for-mobile {
	display: block;
}

@media screen and (max-width: 768px) {
	body.page--home .visible-for-mobile {
		display: block;
	}
	body.page--home .hidden-for-mobile {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	body.page--home .section-project.up-movement .section-project__images {
		margin-top: 90px;
	}
}

@media screen and (min-width: 1400px) {
	body.page--home .section-project {
		background-size: contain;
	}
}

@media screen and (max-width: 768px) {
	body.page--home .section-project {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	body.page--home .section-project__images img {
		max-width: 370px;
		left: auto;
		margin: auto;
		display: block;
	}
}

@media screen and (max-width: 768px) {
	body.page--home .section-project.up-movement {
		padding-top: 65px;
	}
	body.page--home .section-project.up-movement .section-project__images {
		margin-top: 0;
	}
	body.page--home .section-project.up-movement .section-project__images img {
		max-width: 440px;
	}
}

@media screen and (max-width: 500px) {
	body.page--home .section-project__logo {
		max-width: 100px;
		margin-bottom: 7px;
	}
	body.page--home .section-project__copy {
		font-size: 16px;
	}
	body.page--home .section-project__link {
		width: 100%;
	}
	body.page--home .section-project__cta {
		text-align: center;
	}
}

body.page--home .section-ux {
	padding-top: 110px;
	background-image: linear-gradient(117deg, #44c6d7, #ffb068 75%, #ffae00);
}

body.page--home .section-ux__heading {
	font-family: Karla, "Sans Serif";
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.9px;
	text-align: center;
	color: #fff;
	margin-top: 0;
	margin-bottom: 12px;
}

body.page--home .section-ux__subheading {
	max-width: 875px;
	margin: 0 auto;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: center;
	color: #fff;
}

body.page--home .section-ux__image {
	margin-top: 70px;
	width: 100%;
}

body.page--home .section-ux__image.mobile {
	display: none;
}

@media screen and (max-width: 640px) {
	body.page--home .section-ux {
		padding-top: 35px;
	}
	body.page--home .section-ux__heading {
		font-size: 22px;
		letter-spacing: 0.59px;
		margin-bottom: 7px;
	}
	body.page--home .section-ux__subheading {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
	}
	body.page--home .section-ux__image {
		display: none;
		margin-top: 24px;
	}
	body.page--home .section-ux__image.mobile {
		display: block;
	}
}

body.page--services .section-hero {
	min-height: 100vh;
	width: 100%;
	background-image: linear-gradient(124deg, #0b6b92, #1191c5 46%, #53d6dc);
	background-color: #0b6b92;
	background-size: 200% 200%;
	-webkit-animation: BackgroundAnimation 14s ease infinite;
	animation: BackgroundAnimation 14s ease infinite;
	padding-top: 20px;
	padding-bottom: 55px;
}

body.page--services .section-hero__header {
	margin-bottom: 60px;
}

body.page--services .section-hero__header h1 {
	font-family: Karla, "Sans Serif";
	font-size: 38px;
	font-weight: 700;
	line-height: 1.16;
	color: #fff;
	margin-bottom: 22px;
	margin-top: 0;
}

body.page--services .section-hero__header p {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	color: #fff;
	margin-bottom: 0;
}

body.page--services .section-hero__header p a {
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
}

body.page--services .section-hero__service {
	margin-bottom: 55px;
}

body.page--services .section-hero__service-icon {
	float: left;
	margin-right: 25px;
}

body.page--services .section-hero__service-icon img {
	max-width: 65px;
}

body.page--services .section-hero__service-text {
	overflow: hidden;
}

body.page--services .section-hero__service-text h2 {
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0.7px;
	color: #fff;
	margin-bottom: 17px;
	text-transform: uppercase;
	margin-top: 0;
}

body.page--services .section-hero__service-text p {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	text-align: left;
	color: #fff;
	margin-bottom: 0;
	max-width: 420px;
}

body.page--services .section-hero__logo {
	margin: auto;
	display: none;
}

body.page--services .section-hero__service.contact .section-hero__service-text {
	max-width: 389px;
	border-radius: 5px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#0e7fad),
		to(rgba(48, 35, 174, 0))
	);
	background-image: linear-gradient(to bottom, #0e7daa, rgba(48, 35, 174, 0));
	padding: 20px 25px;
	position: relative;
	overflow: visible;
}

body.page--services
	.section-hero__service.contact
	.section-hero__service-text
	h2 {
	margin-bottom: 4px;
}

body.page--services
	.section-hero__service.contact
	.section-hero__service-text
	p {
	max-width: 220px;
}

body.page--services .section-hero__service.contact .section-hero__service-cta {
	position: absolute;
	top: 66px;
	display: block;
	right: -110px;
}

@media screen and (max-width: 992px) {
	body.page--services .section-hero__service-text p {
		max-width: 1000px;
	}
}

@media screen and (max-width: 700px) {
	body.page--services .site-header__placeholder {
		display: none;
	}
	body.page--services .section-hero__logo {
		display: block;
		margin-bottom: 40px;
	}
	body.page--services .section-hero {
		padding-bottom: 25px;
	}
	body.page--services .section-hero__header h1 {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 38px;
		text-align: center;
		margin-bottom: 14px;
	}
	body.page--services .section-hero__header p {
		text-align: center;
		font-size: 18px;
		letter-spacing: 0;
		line-height: 26px;
	}
	body.page--services .section-hero__service {
		margin-bottom: 35px;
	}
	body.page--services .section-hero__service-icon {
		float: none;
		margin: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	body.page--services .section-hero__service-icon img {
		max-width: 48px;
	}
	body.page--services .section-hero__service-text h2 {
		text-align: center;
		font-size: 18px;
		letter-spacing: 0;
		line-height: 28px;
		margin-bottom: 0;
	}
	body.page--services .section-hero__service-text p {
		text-align: center;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
		max-width: 400px;
		margin: auto;
	}
	body.page--services .section-hero__service.contact {
		margin-bottom: 0;
	}
	body.page--services
		.section-hero__service.contact
		.section-hero__service-text {
		max-width: none;
		width: calc(100% + 30px);
		left: -15px;
		border-radius: 0;
	}
	body.page--services
		.section-hero__service.contact
		.section-hero__service-text
		p {
		max-width: none;
	}
	body.page--services
		.section-hero__service.contact
		.section-hero__service-cta {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 20px;
	}
}

body.page--services .section-values {
	padding-top: 60px;
	padding-bottom: 30px;
	background-color: #fff;
}

body.page--services .section-values__heading {
	font-family: Karla, "Sans Serif";
	font-size: 38px;
	font-weight: 700;
	line-height: 1.16;
	color: #3d3d98;
	margin: 0;
}

body.page--services .section-values__copy {
	max-width: 704px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	color: #767676;
	margin-top: 0;
	margin-bottom: 25px;
}

body.page--services .section-values__values {
	margin-bottom: 30px;
	max-width: 700px;
}

body.page--services
	.section-values__value:not(:last-child)
	.section-values__value-inner {
	border-right: 2px solid rgba(216, 216, 216, 0.2);
	max-width: 200px;
}

body.page--services .section-values__value-icon {
	max-height: 60px;
	margin-bottom: 20px;
}

body.page--services .section-values__value-heading {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 700;
	line-height: 1.78;
	letter-spacing: 0.5px;
	color: #000;
	margin-top: 0;
	margin-bottom: 4px;
}

body.page--services .section-values__value-copy {
	max-width: 175px;
	font-family: Karla, "Sans Serif";
	font-size: 13px;
	line-height: 1.85;
	letter-spacing: 0.4px;
	color: #767676;
	margin: 0;
}

body.page--services .section-values__mantra {
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}

body.page--services .section-values__mantra p {
	max-width: 703px;
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.49;
	letter-spacing: 0.8px;
	color: #000;
	margin-top: 0;
	margin-bottom: 15px;
}

body.page--services .section-values__mantra p:before {
	content: '"';
	position: absolute;
	left: -25px;
	width: 38px;
	height: 32px;
	font-family: "Lucida Grande";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: 0.8px;
	text-align: center;
	color: #7ed321;
}

body.page--services .section-values__mantra p:after {
	content: '"';
	width: 38px;
	height: 32px;
	font-family: "Lucida Grande";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: 0.8px;
	text-align: center;
	color: #7ed321;
}

body.page--services .section-values__mantra footer {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	color: #767676;
	margin: 0;
}

body.page--services .section-values__mantra footer:before {
	display: none;
}

@media screen and (max-width: 1200px) {
	body.page--services .section-values__heading {
		margin-bottom: 22px;
	}
}

@media screen and (max-width: 865px) {
	body.page--services .section-values__mantra p:before {
		left: -15px;
	}
}

@media screen and (max-width: 768px) {
	body.page--services
		.section-values__value:not(:last-child)
		.section-values__value-inner {
		max-width: none;
		border-right: none;
	}
	body.page--services .section-values__value-inner {
		border-bottom: 2px solid rgba(216, 216, 216, 0.2);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	body.page--services .section-values__value-icon {
		margin-bottom: 0;
		margin-right: 20px;
	}
	body.page--services .section-values__value-copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	body.page--services .section-values {
		padding-top: 25px;
		padding-bottom: 0;
	}
	body.page--services .section-values__heading {
		text-align: center;
		font-size: 24px;
		letter-spacing: 0;
		margin-bottom: 15px;
	}
	body.page--services .section-values__copy {
		text-align: center;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 26px;
		max-width: 550px;
		margin: auto;
		margin-bottom: 25px;
	}
	body.page--services .section-values__value-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	body.page--services .section-values__value-icon {
		max-height: 48px;
		margin-right: 0;
		margin-bottom: 15px;
	}
	body.page--services .section-values__value-heading {
		text-align: center;
		font-size: 18px;
		letter-spacing: 0;
		line-height: 26px;
		margin-bottom: 0;
	}
	body.page--services .section-values__value-copy {
		max-width: 550px;
		margin: auto;
		font-size: 14px;
		letter-spacing: 0;
		line-height: 22px;
		text-align: center;
	}
	body.page--services .section-values__values {
		margin-bottom: 0;
	}
	body.page--services .section-values__mantra {
		display: none;
	}
}

body.page--services .section-clients {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #ffae00;
}

body.page--services .section-clients__heading {
	font-family: Karla, "Sans Serif";
	font-size: 38px;
	font-weight: 700;
	line-height: 1.16;
	color: #fff;
	margin: 0;
}

body.page--services .section-clients__clients .row {
	height: 80px;
}

body.page--services .section-clients__clients .row:first-child {
	margin-bottom: 35px;
}

body.page--services .section-clients__client {
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

body.page--services .section-clients__client a {
	display: inline-block;
}

@media screen and (max-width: 1200px) {
	body.page--services .section-clients__heading {
		margin-bottom: 22px;
	}
	body.page--services .section-clients__client {
		text-align: left;
	}
}

@media screen and (max-width: 700px) {
	body.page--services .section-clients {
		padding-top: 25px;
		padding-bottom: 20px;
	}
	body.page--services .section-clients__heading {
		font-size: 24px;
		letter-spacing: 0;
		margin-bottom: 30px;
		text-align: center;
	}
	body.page--services .section-clients__clients {
		margin-top: 30px;
	}
	body.page--services .section-clients__clients .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
		margin-bottom: 0 !important;
	}
	body.page--services .section-clients__clients .section-clients__client {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		text-align: center;
		margin-bottom: 20px;
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
}

@media screen and (max-width: 400px) {
	body.page--services .section-clients__clients .section-clients__client img {
		max-width: 110px;
	}
}

body.page--projects .bar-guides {
	position: relative;
}

body.page--projects .bar-guides .bar {
	background-color: #f2f3f4;
	width: 1px;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

body.page--projects .bar-guides .bar.bar1 {
	left: 25%;
}

body.page--projects .bar-guides .bar.bar2 {
	left: 50%;
}

body.page--projects .bar-guides .bar.bar3 {
	left: 75%;
}

body.page--projects .bar-guides .bar-right {
	width: 100px;
	background-color: #f2f3f4;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

@media (max-width: 769px) {
	body.page--projects .bar-guides .bar-right {
		width: 25%;
	}
}

body.page--projects .projects-show-more {
	display: none;
}

body.page--projects .projects-show-more-cta-holder {
	position: relative;
	text-align: center;
	padding: 0 50px 100px 0;
	z-index: 2;
	margin-top: 140px;
}

@media (max-width: 769px) {
	body.page--projects .projects-show-more-cta-holder {
		padding: 30px 0;
	}
}

body.page--projects .projects-show-more-cta {
	background-color: #7ed321;
	display: block;
	max-width: 250px;
	text-align: center;
	margin: 0 auto;
	padding: 15px;
	font-size: 20px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-khtml-border-radius: 30px;
	color: #fff;
	cursor: pointer;
}
.site-menu__menu {
	overflow-y: hidden;
}

li.seo-dropdown {
    top: 10%;
}



#dropdownMenuLink{
	display: none;
}

body.page--projects .projects-show-more-cta.show-less img {
	-webkit-transform: rotate(180deg);
	-khtml-transform: rotate(180deg);
	transform: rotate(180deg);
}

body.page--projects .projects-show-more-cta img {
	width: 20px;
	margin-left: 10px;
}

body.page--projects .projects-header {
	position: relative;
	z-index: 2;
}

body.page--projects .projects-header .container {
	display: table;
	height: 100vh;
}

body.page--projects .projects-header__title {
	position: relative;
	display: table-row;
	vertical-align: middle;
	height: 80px;
}

body.page--projects .projects-header__title h1 {
	font-family: Karla;
	font-size: 58px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.81;
	letter-spacing: normal;
	color: #2c2e3e;
	margin: 0 auto;
}

body.page--projects .projects-header__title .shadow {
	position: absolute;
	opacity: 0.05;
	font-family: Karla;
	font-size: 168px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffae00;
	margin-top: -125px;
	margin-left: -45px;
}

@media (max-width: 769px) {
	body.page--projects .projects-header__title .shadow {
		font-size: 80px;
		margin-top: -80px;
		margin-left: -15px;
	}
}

body.page--projects .projects-header p {
	display: block;
	max-width: 655px;
	font-family: Karla;
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: 0.9px;
	color: #2c2e3e;
}

@media (max-width: 769px) {
	body.page--projects .projects-header p {
		font-size: 16px;
	}
}

body.page--projects .projects-header__scroll-to {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	max-width: 200px;
	margin: 0 auto;
	display: block;
	padding-top: 40px;
	font-family: Karla;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.71;
	letter-spacing: normal;
	text-align: center;
	color: #2c2e3e;
	cursor: pointer;
}

body.page--projects .projects-header__scroll-to:after,
body.page--projects .projects-header__scroll-to:before {
	content: "";
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	width: 26px;
	height: 42px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
}

body.page--projects .projects-header__scroll-to:before {
	background-image: url(../images/projects/scroll%403x.png);
	z-index: 1;
}

body.page--projects .projects-header__scroll-to:after {
	-webkit-animation: mouseWheel 1s ease infinite;
	animation: mouseWheel 1s ease infinite;
	background-image: url(../images/projects/scroll-wheel%403x.png);
	z-index: 2;
}

body.page--projects .projects-spacer {
	height: 150px;
	width: 100%;
	display: block;
}

body.page--projects .projects-project {
	display: block;
	position: relative;
	z-index: 2;
}

body.page--projects .projects-project .copy-case-number {
	position: absolute;
	right: 30px;
	top: 50%;
	width: 30px;
	text-align: center;
	height: 22px;
	font-family: Karla;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2c2e3e;
	z-index: 3;
}

body.page--projects .projects-project .assets-background {
	position: absolute;
	left: 0;
	bottom: -200px;
	top: 100px;
	width: 45%;
	background-color: #ea3367;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	z-index: 1;
}

@media (max-width: 769px) {
	body.page--projects .projects-project .assets-background {
		bottom: 0;
		top: 0;
	}
}

body.page--projects .projects-project .assets {
	padding: 50px 0;
	padding-right: 50px;
	position: relative;
	z-index: 2;
}

body.page--projects .projects-project .assets img {
	width: 100%;
}

body.page--projects .projects-project .copy {
	padding-top: 12%;
}

body.page--projects .projects-project .copy-header {
	display: inline-block;
	padding-right: 80px;
	position: relative;
}

body.page--projects .projects-project .copy-header__category {
	text-align: right;
	font-family: Karla;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.71;
	letter-spacing: 2.3px;
	text-align: right;
	color: #ea3367;
}

body.page--projects .projects-project .copy-header h1 {
	font-family: Karla;
	font-size: 66px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	padding-top: 0;
	margin-top: 0;
	color: #2c2e3e;
}

@media (max-width: 769px) {
	body.page--projects .projects-project .copy-header h1 {
		font-size: 30px;
	}
}

body.page--projects .projects-project .copy p {
	font-family: Karla;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.64;
	letter-spacing: normal;
	max-width: 350px;
	color: #2c2e3e;
}

@media (max-width: 769px) {
	body.page--projects .projects-project .copy p {
		font-size: 18px;
	}
}

body.page--projects .projects-project .copy a {
	height: 19px;
	font-family: Karla;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2.7px;
	color: #ffae00;
	display: inline-block;
	position: relative;
	text-decoration: none;
	margin-top: 30px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

body.page--projects .projects-project .copy a span {
	position: relative;
	z-index: 2;
}

body.page--projects .projects-project .copy a:after {
	content: "";
	left: 0;
	right: 0;
	bottom: -10px;
	height: 1px;
	background-color: #ffae00;
	position: absolute;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	bottom: -15px;
	z-index: 1;
}

body.page--projects .projects-project .copy a:hover {
	color: #fff;
	margin-left: 15px;
}

body.page--projects .projects-project .copy a:hover:after {
	height: 47px;
	left: -15px;
	right: -10px;
}

body.page--projects .projects-project.up-movement .copy-header__category {
	color: #ea3367;
}

body.page--projects .projects-project.up-movement .assets-background {
	background-color: #4ec3e0;
}

body.page--projects .projects-project.up-movement .copy-case-number {
	color: #2c2e3e;
}

body.page--projects .projects-project.travis-perkins .copy-header__category {
	color: #0a5e44;
}

body.page--projects .projects-project.travis-perkins .assets-background {
	background-color: #e95b0d;
}

body.page--projects .projects-project.travis-perkins .copy-case-number {
	color: #fff;
}

body.page--projects .projects-project.truckk .copy-header__category {
	color: #fd7e14;
}

body.page--projects .projects-project.truckk .assets-background {
	background-color: #c3ebf4;
}

body.page--projects .projects-project.truckk .copy-case-number {
	color: #2c2e3e;
}

body.page--projects .projects-project.finygo .copy-header__category {
	color: #4da1ff;
}

body.page--projects .projects-project.finygo .assets-background {
	background-color: #64d0cd;
}

body.page--projects .projects-project.finygo .copy-case-number {
	color: #fff;
}

body.page--projects .projects-project.save-the-student .copy-header__category {
	color: #865cb6;
}

body.page--projects .projects-project.save-the-student .assets-background {
	background-color: #771989;
}

body.page--projects .projects-project.save-the-student .copy-case-number {
	color: #2c2e3e;
}

body.page--projects .projects-project.north-bridge .copy-header__category {
	color: #6482e6;
}

body.page--projects .projects-project.north-bridge .assets-background {
	background-color: #5facdf;
}

body.page--projects .projects-project.north-bridge .copy-case-number {
	color: #fff;
}

body.page--projects .projects-project.clarity .copy-header__category {
	color: #43cee2;
}

body.page--projects .projects-project.clarity .assets-background {
	background-color: #43cee2;
}

body.page--projects .projects-project.clarity .copy-case-number {
	color: #2c2e3e;
}

body.page--projects .projects-project.share-prices .copy-header__category {
	color: #feb722;
}

body.page--projects .projects-project.share-prices .assets-background {
	background-color: #feb722;
}

body.page--projects .projects-project.share-prices .copy-case-number {
	color: #fff;
}

body.page--projects .projects-project--right .assets-background {
	left: auto;
	right: 0;
}

body.page--projects .projects-project--right .assets {
	float: right;
	width: 60%;
}

body.page--projects .projects-project--right .copy {
	float: left;
	width: 40%;
}

body.page--projects .projects-project--left .assets-background {
	right: auto;
	left: 0;
}

body.page--projects .projects-project--left .assets {
	float: left;
	width: 60%;
}

body.page--projects .projects-project--left .copy {
	float: right;
	width: 40%;
}

@media (max-width: 769px) {
	body.page--projects .projects-project--left .assets-background,
	body.page--projects .projects-project--right .assets-background {
		width: 100%;
		height: 35%;
	}
	body.page--projects .projects-project--left .copy,
	body.page--projects .projects-project--right .copy {
		width: 100%;
		float: none;
		padding-top: 0;
		padding-left: 20px;
		padding-bottom: 100px;
	}
	body.page--projects .projects-project--left .copy p,
	body.page--projects .projects-project--right .copy p {
		max-width: 75%;
	}
	body.page--projects .projects-project--left .copy-case-number,
	body.page--projects .projects-project--right .copy-case-number {
		color: #2c2e3e !important;
	}
	body.page--projects .projects-project--left .assets,
	body.page--projects .projects-project--right .assets {
		width: 100%;
		padding-right: 0;
		float: none;
	}
}

@media (max-width: 769px) {
	body.page--projects .projects-spacer {
		height: 0;
	}
}

.template--projects .visible-for-mobile {
	display: none;
}

.template--projects .hidden-for-mobile {
	display: block;
}

@media screen and (max-width: 768px) {
	span#dropdownMenuLink{
	display:inline-block;
	}
	.template--projects .visible-for-mobile {
		display: block;
	}
	.template--projects .hidden-for-mobile {
		display: none;
	}
}

.template--projects .section-banner {
	position: relative;
}

.template--projects .section-banner__background {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-attachment: fixed;
}

.template--projects .section-banner__moken-logo {
	margin: auto;
	margin-top: 15px;
	margin-bottom: 90px;
	position: relative;
	display: none;
}

.template--projects .section-banner__logo {
	position: relative;
	max-width: 240px;
	display: block;
	margin: 0 auto;
	margin-bottom: 85px;
}

.template--projects .section-banner__tagline {
	position: relative;
	margin: auto;
	max-width: 808px;
	font-family: Karla, "Sans Serif";
	font-size: 22px;
	line-height: 1.45;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 0;
}

@media screen and (max-width: 700px) {
	.template--projects .site-header__placeholder {
		display: none;
	}
	.template--projects .section-banner__moken-logo {
		display: block;
	}
	.template--projects .section-banner__tagline {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 26px;
	}
}

.template--projects .section-controls {
	position: relative;
}

.template--projects .section-controls__inner {
	border-bottom: 2px solid rgba(216, 216, 216, 0.35);
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: auto;
	position: relative;
	overflow: hidden;
}

.template--projects .section-controls__back {
	float: left;
	margin-top: 5px;
}

.template--projects .section-controls__back a {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	color: #000;
}

.template--projects .section-controls__back img {
	max-width: 21px;
	margin-right: 10px;
}

.template--projects .section-controls__share {
	float: right;
}

.template--projects .section-controls__share a {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	color: #3224ae;
	text-transform: uppercase;
}

.template--projects .section-controls__share .mobile {
	display: none;
}

.template--projects .section-controls__share img {
	max-width: 42px;
	margin-right: 10px;
}

.template--projects .section-controls__share-menu {
	position: absolute;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	height: 41px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0;
	visibility: hidden;
}

.template--projects .section-controls__share-menu .twitter {
	cursor: pointer;
}

.template--projects .section-controls__share-menu .twitter span {
	margin-left: 7px;
	font-size: 16px;
	color: #000;
	letter-spacing: 0;
}

.template--projects .section-controls__share-menu .facebook {
	margin-left: 25px;
	cursor: pointer;
}

.template--projects .section-controls__share-menu .facebook span {
	margin-left: 7px;
	font-size: 16px;
	color: #000;
	letter-spacing: 0;
}

.template--projects .section-controls__share-menu .close-btn {
	margin-left: 40px;
	cursor: pointer;
}

.template--projects .section-controls__share-menu.open {
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 700px) {
	.template--projects .section-controls__share-menu {
		left: 0;
	}
	.template--projects .section-controls__share-menu .close-btn {
		margin-left: 20px;
	}
	.template--projects .section-controls__share-menu .facebook {
		margin-left: 15px;
	}
	.template--projects .section-controls__back {
		margin-top: 0;
	}
	.template--projects .section-controls__back a {
		font-size: 15px;
	}
	.template--projects .section-controls__back a img {
		max-width: 16px;
		margin-right: 5px;
	}
	.template--projects .section-controls__share a {
		display: none;
		font-size: 15px;
	}
	.template--projects .section-controls__share a img {
		max-width: 22px;
		margin-right: 5px;
	}
	.template--projects .section-controls__share .mobile {
		display: block;
	}
}

@media screen and (max-width: 360px) {
	.template--projects .section-controls__back a {
		font-size: 13px;
	}
	.template--projects .section-controls__share a {
		font-size: 13px;
	}
	.template--projects .section-controls__share a img {
		max-width: 19px;
		margin-right: 0;
	}
}

.template--projects .section-description {
	padding-top: 45px;
	padding-bottom: 100px;
	position: relative;
}

.template--projects .section-description__bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.template--projects .section-description__heading {
	position: relative;
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #000;
	margin-top: 0;
	margin-bottom: 24px;
}

.template--projects .section-description__copy {
	position: relative;
	max-width: 852px;
	margin: 0 auto;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	text-align: center;
	color: #767676;
}

.template--projects .section-description__image {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.template--projects .section-description__heading-2 {
	max-width: 852px;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: center;
	color: #3d3d98;
	margin: 0 auto;
}

@media screen and (max-width: 700px) {
	.template--projects .section-description {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.template--projects .section-description__heading {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 32px;
		margin-bottom: 15px;
	}
	.template--projects .section-description__heading-2 {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 28px;
	}
}

.template--projects .section-ux {
	background-color: #f9f9f9;
	padding-top: 80px;
	padding-bottom: 80px;
}

.template--projects .section-ux__image {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.template--projects .section-ux__heading {
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	margin-top: 0;
	margin-bottom: 25px;
}

.template--projects .section-ux__copy {
	max-width: 520px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.67;
	letter-spacing: 0.5px;
	color: #767676;
	margin: 0;
}

@media screen and (max-width: 992px) {
	.template--projects .section-ux .section-ux__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.template--projects .section-ux {
		padding-top: 30px;
		padding-bottom: 25px;
	}
	.template--projects .section-ux .section-screens__image-label {
		display: none !important;
	}
}

.template--projects .section-screens {
	padding-top: 130px;
	padding-bottom: 130px;
	position: relative;
}

.template--projects .section-screens__bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.template--projects .section-screens__image {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.template--projects .section-screens__heading {
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	margin-top: 0;
	margin-bottom: 25px;
}

.template--projects .section-screens__copy {
	max-width: 510px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.67;
	letter-spacing: 0.5px;
	color: #767676;
	margin: 0;
}

.template--projects .section-screens__image-label {
	font-family: Karla, "Sans Serif";
	font-size: 14px;
	line-height: 2.29;
	letter-spacing: 0.6px;
	color: #9b9b9b;
	display: block;
	margin-top: 25px;
}

.template--projects .section-screens__image-label.left-align {
	text-align: left !important;
}

.template--projects .bottom .section-screens__image-label {
	text-align: right;
}

@media screen and (max-width: 992px) {
	.template--projects .section-screens .top .section-screens__copy {
		margin-bottom: 40px;
	}
	.template--projects .section-screens .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.template--projects .section-screens {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.template--projects .section-screens__image-label {
		display: none !important;
	}
	.template--projects .section-screens__image {
		margin-bottom: 25px;
	}
	.template--projects .section-screens .top {
		margin-bottom: 0 !important;
	}
}

.template--projects .section-testimonial {
	background-color: #0b6b92;
	padding-top: 95px;
	padding-bottom: 80px;
	position: relative;
}

.template--projects .section-testimonial__background {
	max-width: 220px;
	position: absolute;
	top: -40px;
}

.template--projects .section-testimonial__testimonial {
	padding: 0 15px;
	margin: 0;
	border: 0;
	outline: 0;
}

.template--projects .section-testimonial__testimonial p {
	max-width: 800px;
	margin: auto;
	margin-bottom: 25px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	position: relative;
}

.template--projects .section-testimonial__testimonial p:before {
	content: "\201C";
	font-family: "Lucida Grande";
	font-size: 32px;
	line-height: 0.88;
	letter-spacing: normal;
	color: #fff;
	position: absolute;
	left: -10px;
}

.template--projects .section-testimonial__testimonial footer {
	border-right: none;
	margin: 0;
	padding: 0;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.56;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
}

.template--projects .section-testimonial__testimonial footer:before {
	display: none;
}

@media screen and (max-width: 700px) {
	.template--projects .section-testimonial {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.template--projects .section-results {
	padding-top: 50px;
	padding-bottom: 50px;
}

.template--projects .section-results__heading {
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #000;
	margin-top: 0;
	margin-bottom: 17px;
}

.template--projects .section-results__copy {
	max-width: 772px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.6px;
	text-align: center;
	color: #767676;
	margin: 0 auto;
}

@media screen and (max-width: 700px) {
	.template--projects .section-results {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.template--projects .section-results__heading {
		margin-bottom: 7px;
	}
}

.template--projects .section-scope__heading {
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #000;
	margin-top: 0;
	margin-bottom: 15px;
}

.template--projects .section-scope__copy {
	max-width: 772px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 400;
	line-height: 1.78;
	letter-spacing: 0.6px;
	text-align: center;
	color: #767676;
	margin: 0 auto;
	margin-bottom: 25px;
}

.template--projects .section-scope__icons {
	text-align: center;
}

.template--projects .section-scope__icon {
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.template--projects .section-scope__icon img {
	max-height: 62px;
	display: block;
	margin: auto;
	margin-bottom: 13px;
}

.template--projects .section-scope__icon span {
	font-family: Karla, "Sans Serif";
	font-weight: 700;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.56px;
	line-height: 32px;
}

.template--projects .section-scope__image {
	display: block;
	margin: auto;
	max-width: 770px;
	width: 100%;
}

.template--projects .section-scope__image-label {
	font-family: Karla, "Sans Serif";
	font-size: 14px;
	color: #9b9b9b;
	letter-spacing: 0.56px;
	line-height: 32px;
	text-align: center;
	max-width: 630px;
	margin: auto;
	margin-top: 10px;
}

.template--projects .section-contact {
	padding-top: 90px;
	padding-bottom: 50px;
	text-align: center;
}

.template--projects .section-contact__logo {
	max-width: 100px;
	margin-bottom: 40px;
}

.template--projects .section-contact__heading {
	font-family: Karla, "Sans Serif";
	font-size: 28px;
	color: #000;
	letter-spacing: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

.template--projects .section-contact__copy {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	color: #767676;
	letter-spacing: 0;
	margin-bottom: 40px;
}

.template--projects .section-contact__cta img {
	margin-left: 10px;
}

@media screen and (max-width: 700px) {
	.template--projects .section-contact {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.template--projects .section-scope__image-label {
		display: none !important;
	}
}

.template--projects .section-next {
	background-color: #f3f3f3;
	padding-top: 45px;
	padding-bottom: 40px;
	position: relative;
}

.template--projects .section-next__logo {
	position: absolute;
	top: 50%;
}

.template--projects .section-next__copyright {
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	line-height: 1.75;
	color: grey;
	margin-top: 15px;
}

.template--projects .section-next__project {
	text-align: center;
}

.template--projects .section-next__label {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 700;
	color: #000;
	display: block;
	margin-bottom: 40px;
}

.template--projects .section-next__project img {
	max-width: 330px;
}

@media (max-width: 360px) {
	.template--projects .section-next__project img {
		max-width: 100%;
	}
}

.template--projects .section-next__description {
	display: block;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	color: #000;
	margin-bottom: 12px;
}

.template--projects .section-next__link {
	display: block;
}

.template--projects .section-next__link img {
	max-width: 21px;
	margin-top: 25px;
}

.template--projects .section-next__title {
	font-family: Karla, "Sans Serif";
	font-size: 26px;
	font-weight: 700;
	color: #3224ae;
}

.template--projects .section-next.text-white .section-next__copyright,
.template--projects .section-next.text-white .section-next__description,
.template--projects .section-next.text-white .section-next__label,
.template--projects .section-next.text-white .section-next__title {
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.template--projects .section-next__logo {
		position: relative;
		top: 0;
		text-align: center;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 700px) {
	.template--projects .section-next__logo {
		display: none;
	}
}

.template--projects .portfolio-footer {
	padding-top: 60px;
	padding-bottom: 50px;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	line-height: 1.56;
	text-align: left;
	color: #0b6b92;
}

.template--projects .portfolio-footer a {
	color: #0b6b92;
}

.section-notfound {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
	background-color: #0b6b92;
	background-image: linear-gradient(141deg, #0b6b92, #1191c5 46%, #53d6dc);
	text-align: center;
	padding: 250px 30px;
	color: #fff;
}

@media (max-width: 768px) {
	.section-notfound {
		padding: 150px 15px;
	}
}

.section-notfound .notfound {
	font-size: 200px;
	font-weight: 900;
	height: 180px;
	line-height: 180px;
	font-family: Karla, "Sans Serif";
	position: relative;
	letter-spacing: -2px;
	margin: 0;
}

.section-notfound .notfound img {
	position: absolute;
	top: -65px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
}

.section-notfound .notfound__paragraph {
	font-size: 20px;
}

body.page--offf {
	background-color: #0b6b92;
	font-family: Questrial, sans-serif;
}

@-webkit-keyframes pulse {
	10% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@keyframes pulse {
	10% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@media screen and (max-width: 700px) {
	body.page--offf .site-header__contact-icon {
		display: none;
	}
	body.page--offf .site-header__logo {
		display: block;
	}
}

body.page--offf .section-offf {
	background-color: #0b6b92;
	min-height: 1500px;
	padding-bottom: 300px;
}

@media screen and (max-width: 700px) {
	body.page--offf .section-offf.\--bg {
		background-image: url(../images/offf-bg.png);
		background-size: 400px;
		background-position: 50% 100px;
		background-repeat: no-repeat;
	}
}

body.page--offf .offf-logo {
	width: 80px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 10px;
	display: block;
	position: absolute;
	z-index: 1;
}

@media screen and (max-width: 700px) {
	body.page--offf .offf-logo {
		padding-top: 15px;
	}
}

body.page--offf .offf-timeline {
	position: absolute;
	top: 1000px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 4px;
	background-color: #de7494;
	height: 100%;
	z-index: 2;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}

body.page--offf .offf-o {
	position: relative;
	top: -50px;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-khtml-opacity: 0;
	-webkit-transition: all 2.5s ease;
	transition: all 2.5s ease;
	visibility: hidden;
	min-height: 100vh;
}

body.page--offf .offf-o.\--show {
	top: 0;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-khtml-opacity: 1;
	visibility: visible;
}

body.page--offf .offf-day {
	position: fixed;
	-webkit-transform: rotate(-90deg);
	-khtml-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #fff;
	left: 0;
	top: 50%;
	margin-top: -10px;
	height: 20px;
	width: 35px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	z-index: 5;
	line-height: 24px;
}

body.page--offf .offf-day strong {
	color: #ff0;
	font-size: 30px;
}

body.page--offf .offf-favs {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 25px;
	margin: 0 auto;
	z-index: 5;
	cursor: pointer;
	width: auto;
	padding: 15px 25px;
	background-color: #2a1d9b;
	border-radius: 25px;
}

body.page--offf .offf-favs .offf-favs-number {
	text-align: right;
	color: #fff;
	font-size: 16px;
}

body.page--offf .offf-favs .offf-favs-number .fa {
	color: #e62755;
	margin-right: 15px;
}

body.page--offf .offf-favs-modal {
	position: fixed;
	z-index: 10;
	background-color: #0b6b92;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
	overflow: auto;
	box-shadow: 0 0 130px #000;
	-webkit-box-shadow: 0 0 130px #000;
	-moz-box-shadow: 0 0 130px #000;
	-ms-box-shadow: 0 0 130px #000;
	-o-box-shadow: 0 0 130px #000;
	-khtml-box-shadow: 0 0 130px #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-khtml-opacity: 0;
	-webkit-transform: scale(0.9);
	-khtml-transform: scale(0.9);
	transform: scale(0.9);
	visibility: hidden;
	color: #fff;
	text-align: center;
}

body.page--offf .offf-favs-modal.\--open {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transform: scale(1);
	-khtml-transform: scale(1);
	transform: scale(1);
	visibility: visible;
}

body.page--offf .offf-favs-modal span.fa {
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 30px;
	right: 40px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

body.page--offf .offf-favs-modal span.fa:hover {
	-webkit-transform: scale(1.1);
	-khtml-transform: scale(1.1);
	transform: scale(1.1);
}

body.page--offf .offf-favs-modal .offfDay {
	position: relative;
	font-size: 25px;
	z-index: 2;
	margin-top: 30px;
	margin-bottom: 50px;
	text-decoration: underline;
	display: block;
}

body.page--offf .offf-favs-modal time {
	position: relative;
	color: #ff0;
	font-size: 18px;
	z-index: 2;
	margin-right: 15px;
	margin-left: 15px;
}

body.page--offf .offf-favs-modal .offf-event-location {
	position: relative;
	font-size: 18px;
	z-index: 2;
}

body.page--offf .offf-favs-modal h3 {
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 24px;
	z-index: 2;
}

body.page--offf .offf-favs-modal img {
	display: none;
}

body.page--offf .offf-favs-modal button {
	display: none;
}

body.page--offf .offf-controls {
	position: fixed;
	right: 20px;
	top: 50%;
	bottom: 0;
	z-index: 5;
	text-align: right;
	height: 76px;
	margin-top: -38px;
}

@media (max-width: 768px) {
	body.page--offf .offf-controls {
		right: 15px;
	}
}

body.page--offf .offf-controls time {
	display: block;
	color: #fff;
	line-height: 12px;
	font-size: 12px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #eee;
}

body.page--offf .offf-controls time.curTime {
	font-size: 20px;
	line-height: 18px;
	color: #ff0;
}

body.page--offf .offf-controls time.nextTimes,
body.page--offf .offf-controls time.prevTimes {
	font-size: 16px;
	line-height: 16px;
	color: #ffffe0;
}

body.page--offf .offf-start {
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	width: 100%;
	margin: 0 auto;
	top: 0;
	margin-bottom: 300px;
}

body.page--offf .offf-start h1 {
	color: #fff;
	text-align: center;
	font-size: 6rem;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-khtml-opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	visibility: hidden;
	padding-left: 50px;
	padding-right: 50px;
	max-width: 750px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	body.page--offf .offf-start h1 {
		font-size: 3rem;
	}
}

body.page--offf .offf-start h1.\--show {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-khtml-opacity: 1;
	visibility: visible;
}

body.page--offf .offf-start h1 svg {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -100px;
	text-align: center;
	width: 50px;
	height: 50px;
	z-index: 5;
}

body.page--offf .offf-event {
	position: relative;
	margin-top: 200px;
	z-index: 3;
}

body.page--offf .offf-event:hover img {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-khtml-opacity: 1;
	visibility: visible;
}

body.page--offf .offf-event img {
	width: 85%;
	max-width: 350px;
	margin: 0 auto;
	display: block;
	z-index: 2;
	position: relative;
	-webkit-transform: rotate(5deg);
	-khtml-transform: rotate(5deg);
	transform: rotate(5deg);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

body.page--offf .offf-event img:hover {
	-webkit-transform: rotate(0);
	-khtml-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform: scale(1.05);
	-khtml-transform: scale(1.05);
	transform: scale(1.05);
}

body.page--offf .offf-event .offf-event-location {
	display: block;
	color: #fff;
	text-align: center;
	background-color: #0b6b92;
	margin: 0 auto;
	position: relative;
	letter-spacing: 3px;
	z-index: 2;
}

body.page--offf .offf-event time {
	display: block;
	color: #ff0;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	font-size: 2rem;
	z-index: 3;
	padding: 10px 15px 0 15px;
	background-color: #0b6b92;
	position: relative;
}

body.page--offf .offf-event .icobutton {
	height: 70px;
	width: 70px;
	margin: 0 auto;
	background-color: #2a1d9b;
	padding-top: 4px;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-khtml-border-radius: 50%;
	display: block;
	position: relative;
	z-index: 3;
	-webkit-animation: pulse 1s infinite;
	animation: pulse 1s infinite;
}

body.page--offf .offf-event h3 {
	font-size: 5rem;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 0;
	padding: 0 30px 5px 30px;
	max-width: 600px;
	position: relative;
	background-color: #0b6b92;
	z-index: 2;
}

@media (max-width: 768px) {
	body.page--offf .offf-event h3 {
		font-size: 3rem;
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media (max-width: 450px) {
	body.page--offf .offf-event h3 {
		font-size: 2rem;
		padding-left: 40px;
		padding-right: 40px;
	}
}

body.page--offf .offf-event.event-attending .icobutton {
	-webkit-animation: none;
	animation: none;
}

body.page--offf .icobutton {
	font-size: 4rem;
	position: relative;
	margin: 0;
	padding: 0;
	color: #180f67;
	border: 0;
	background: 0 0;
	overflow: visible;
	-webkit-tap-highlight-color: transparent;
}

body.page--offf .icobutton .fa {
	display: block;
	padding: 0 0.1rem;
}

body.page--offf .icobutton svg {
	left: 0;
}

body.page--offf .icobutton:focus,
body.page--offf .icobutton:hover {
	outline: 0;
}

.page--sts .section-banner {
	background-color: #592b8e;
}

.page--sts .section-description__bg {
	background-position: bottom 30% center;
	background-repeat: no-repeat;
}

.page--sts .section-description__image {
	max-width: 760px;
	margin-bottom: 80px;
	margin-top: 100px;
}

.page--sts .section-ux__heading {
	margin-top: 80px;
}

.page--sts .section-screens .top {
	margin-bottom: 120px;
}

.page--sts .section-screens .top .section-screens__heading {
	margin-top: 35px;
}

.page--sts .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
}

.page--sts .section-screens__bg {
	background-position: bottom 0 center;
	background-repeat: no-repeat;
}

.page--sts .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 30% center;
}

.page--sts .section-next {
	background-color: #ea3367;
}

@media screen and (max-width: 1500px) {
	.page--sts .section-ux__heading {
		margin-top: 30px;
	}
	.page--sts .section-screens .top {
		margin-bottom: 120px;
	}
	.page--sts .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--sts .section-screens .top .section-screens__copy {
		max-width: 430px;
	}
	.page--sts .section-screens .bottom .section-screens__heading {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.page--sts .section-screens .top .section-screens__image {
		margin-top: 20px;
	}
	.page--sts .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--sts .section-screens .top .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.page--sts .section-banner__logo {
		max-width: 165px;
		margin-bottom: 35px;
	}
	.page--sts .section-description__image {
		margin-bottom: 40px;
		margin-top: 40px;
	}
}

.page--finygo .section-banner {
	background-color: #a4efff;
}

.page--finygo .section-banner__tagline {
	color: #000;
}

@media screen and (max-width: 700px) {
	.page--finygo .section-banner__logo {
		max-width: 170px;
		margin-bottom: 60px;
	}
}

.page--finygo .section-description__bg {
	background-position: bottom 30% center;
	background-repeat: no-repeat;
}

.page--finygo .section-description__image {
	max-width: 600px;
	margin-bottom: 0;
	margin-top: 120px;
}

.page--finygo .section-ux__heading {
	margin-top: 80px;
}

.page--finygo .section-screens .top {
	margin-bottom: 120px;
}

.page--finygo .section-screens .top .section-screens__heading {
	margin-top: 35px;
}

.page--finygo .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
}

.page--finygo .section-screens__bg {
	background-position: bottom 0 center;
	background-repeat: no-repeat;
}

.page--finygo .section-scope__image {
	max-width: 440px;
	margin-top: 60px;
}

.page--finygo .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 30% center;
}

.page--finygo .section-next {
	background-color: #00328c;
}

@media screen and (max-width: 1500px) {
	.page--finygo .section-ux__heading {
		margin-top: 30px;
	}
	.page--finygo .section-screens .top {
		margin-bottom: 120px;
	}
	.page--finygo .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--finygo .section-screens .top .section-screens__copy {
		max-width: 430px;
	}
	.page--finygo .section-screens .bottom .section-screens__heading {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.page--finygo .section-screens .top .section-screens__image {
		margin-top: 20px;
	}
	.page--finygo .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--finygo .section-screens .top .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.page--finygo .section-description__image {
		margin-bottom: -20px;
		margin-top: 30px;
	}
	.page--finygo .section-scope__image {
		margin-top: 30px;
	}
}

.page--share-prices .section-banner {
	background-color: #92d0ff;
}

.page--share-prices .section-banner__logo {
	max-width: 430px;
}

.page--share-prices .section-description__bg {
	background-position: bottom 70% center;
	background-repeat: no-repeat;
}

.page--share-prices .section-description__image {
	max-width: 550px;
	margin-bottom: 100px;
	margin-top: 75px;
}

.page--share-prices .section-ux__heading {
	margin-top: 80px;
}

.page--share-prices .section-screens .top {
	margin-bottom: 120px;
}

.page--share-prices .section-screens .top .section-screens__heading {
	margin-top: 35px;
}

.page--share-prices .section-screens .top .section-screens__image {
	max-height: 400px;
	width: auto;
	max-width: 100%;
}

.page--share-prices .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
}

.page--share-prices .section-screens .bottom .section-screens__image {
	max-height: 365px;
	width: auto;
	max-width: 100%;
}

.page--share-prices .section-screens__bg {
	background-position: bottom 20% center;
	background-repeat: no-repeat;
}

.page--share-prices .section-scope__image {
	max-width: 560px;
}

.page--share-prices .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 70% center;
}

.page--share-prices .section-next {
	background-color: #23d0c5;
}

@media screen and (max-width: 1500px) {
	.page--share-prices .section-ux__heading {
		margin-top: 30px;
	}
	.page--share-prices .section-screens .top {
		margin-bottom: 120px;
	}
	.page--share-prices .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--share-prices .section-screens .top .section-screens__copy {
		max-width: 430px;
	}
	.page--share-prices .section-screens .bottom .section-screens__heading {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.page--share-prices .section-screens .top .section-screens__image {
		margin-top: 20px;
	}
	.page--share-prices .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--share-prices .section-screens .top .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.page--share-prices .section-banner__logo {
		max-width: 260px;
	}
}

.page--clarity .section-banner {
	background-color: #23d0c5;
}

.page--clarity .section-banner__logo {
	max-width: 220px;
}

.page--clarity .section-description__bg {
	background-position: bottom 20% center;
	background-repeat: no-repeat;
}

.page--clarity .section-description__image {
	max-width: 550px;
	margin-bottom: 100px;
	margin-top: 75px;
}

.page--clarity .section-ux__heading {
	margin-top: 80px;
}

.page--clarity .section-screens .top {
	margin-bottom: 120px;
}

.page--clarity .section-screens .top .section-screens__heading {
	margin-top: 35px;
}

.page--clarity .section-screens .top .section-screens__image {
	max-height: 400px;
	width: auto;
	max-width: 100%;
}

.page--clarity .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
}

.page--clarity .section-screens .bottom .section-screens__image {
	max-height: 365px;
	width: auto;
	max-width: 100%;
}

.page--clarity .section-screens__bg {
	background-position: bottom 60% center;
	background-repeat: no-repeat;
}

.page--clarity .section-scope__image {
	max-width: 560px;
	margin-top: 50px;
}

.page--clarity .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 40% center;
}

.page--clarity .section-next {
	background-color: #592b8e;
}

@media screen and (max-width: 1500px) {
	.page--clarity .section-ux__heading {
		margin-top: 30px;
	}
	.page--clarity .section-screens .top {
		margin-bottom: 120px;
	}
	.page--clarity .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--clarity .section-screens .top .section-screens__copy {
		max-width: 430px;
	}
	.page--clarity .section-screens .bottom .section-screens__heading {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.page--clarity .section-screens .top .section-screens__image {
		margin-top: 20px;
	}
	.page--clarity .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--clarity .section-screens .top .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.page--clarity .section-banner__logo {
		max-width: 180px;
		margin-bottom: 60px;
	}
}

.page--nbh .section-banner {
	background-color: #00328c;
}

.page--nbh .section-banner__logo {
	max-width: 430px;
}

.page--nbh .section-description__bg {
	background-position: bottom 5% center;
	background-repeat: no-repeat;
}

.page--nbh .section-description__image {
	max-width: 550px;
	margin-bottom: 100px;
	margin-top: 75px;
}

.page--nbh .section-ux__heading {
	margin-top: 80px;
}

.page--nbh .section-ux__image {
	max-height: 400px;
	width: auto;
}

.page--nbh .section-screens .top {
	margin-bottom: 120px;
}

.page--nbh .section-screens .top .section-screens__heading {
	margin-top: 35px;
}

.page--nbh .section-screens .top .section-screens__image {
	max-height: 400px;
	width: auto;
	max-width: 100%;
}

.page--nbh .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
}

.page--nbh .section-screens .bottom .section-screens__image {
	max-height: 365px;
	width: auto;
	max-width: 100%;
}

.page--nbh .section-screens__bg {
	background-position: bottom 20% center;
	background-repeat: no-repeat;
}

.page--nbh .section-scope__image {
	max-width: 700px;
	margin-top: 60px;
}

.page--nbh .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 50% center;
}

.page--nbh .section-next {
	background-color: #92d0ff;
}

@media screen and (max-width: 1500px) {
	.page--nbh .section-ux__heading {
		margin-top: 30px;
	}
	.page--nbh .section-screens .top {
		margin-bottom: 120px;
	}
	.page--nbh .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--nbh .section-screens .top .section-screens__copy {
		max-width: 430px;
	}
	.page--nbh .section-screens .bottom .section-screens__heading {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.page--nbh .section-screens .top .section-screens__image {
		margin-top: 20px;
	}
	.page--nbh .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--nbh .section-screens .top .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.page--nbh .section-banner__logo {
		max-width: 160px;
		max-height: 99px;
		margin-bottom: 35px;
	}
	.page--nbh .section-description__image {
		margin-bottom: 30px;
		margin-top: 45px;
	}
	.page--nbh .section-ux__image {
		max-height: none;
		width: 100%;
	}
}

.page--travis-perkins .section-banner {
	background-color: #025238;
}

.page--travis-perkins .section-description__bg {
	background-position: bottom 30% center;
	background-repeat: no-repeat;
}

.page--travis-perkins .section-description__image {
	max-width: 760px;
	margin-bottom: 80px;
	margin-top: 100px;
}

.page--travis-perkins .section-ux__heading {
	margin-top: 80px;
}

.page--travis-perkins .top .section-screens__image {
	margin-top: 20px;
	width: 100%;
	max-width: 450px;
	margin-bottom: 60px;
}

.page--travis-perkins .bottom .section-screens__image-label,
.page--travis-perkins .section-screens__image-label {
	text-align: center;
}

.page--travis-perkins .section-description__heading-2 {
	font-size: 18px;
}

.page--travis-perkins .section-screens .top {
	margin-bottom: 120px;
}

.page--travis-perkins .section-screens .top .section-screens__heading {
	margin-top: 35px;
}

.page--travis-perkins .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
}

.page--travis-perkins .section-screens__bg {
	background-position: top 10% center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
	.page--travis-perkins .section-screens__bg {
		background-image: none !important;
	}
}

.page--travis-perkins .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 30% center;
}

.page--travis-perkins .section-next {
	background-color: #f58220;
}

.page--travis-perkins .section-screens__video {
	position: relative;
	padding-bottom: 60px;
}

@media (max-width: 768px) {
	.page--travis-perkins .section-screens__video {
		padding-bottom: 120px;
	}
}

@media (max-width: 450px) {
	.page--travis-perkins .section-screens__video {
		padding-bottom: 180px;
	}
}

.page--travis-perkins .section-screens__video-bg {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 440px;
	z-index: 1;
}

.page--travis-perkins .section-screens__video-iphone {
	position: absolute;
	width: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -40px;
	z-index: 3;
}

.page--travis-perkins .section-screens__video-video {
	position: absolute;
	background-color: #fff;
	top: 23px;
	left: 0;
	margin: 0 auto;
	right: 0;
	z-index: 2;
}

@media screen and (max-width: 1500px) {
	.page--travis-perkins .section-ux__heading {
		margin-top: 30px;
	}
	.page--travis-perkins .section-screens .top {
		margin-bottom: 120px;
	}
	.page--travis-perkins .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--travis-perkins .section-screens .top .section-screens__copy {
		max-width: 430px;
	}
	.page--travis-perkins .section-screens .bottom .section-screens__heading {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.page--travis-perkins .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--travis-perkins .section-screens .top .section-screens__copy {
		max-width: none;
	}
}

@media screen and (max-width: 700px) {
	.page--travis-perkins .section-banner__logo {
		max-width: 165px;
		margin-bottom: 35px;
	}
	.page--travis-perkins .section-description__image {
		margin-bottom: 40px;
		margin-top: 40px;
	}
}

.page--up-movement .section-banner {
	background-color: #ea3367;
}

.page--up-movement .section-banner__background {
	background-size: cover;
}

.page--up-movement .section-description__bg {
	background-position: bottom 30% center;
	background-repeat: no-repeat;
	z-index: 1;
}

.page--up-movement .section-description__image {
	max-width: 600px;
	margin-bottom: 80px;
	margin-top: 100px;
	position: relative;
	z-index: 2;
}

.page--up-movement .section-ux {
	padding: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.page--up-movement .section-ux__copy {
	color: #000;
}

.page--up-movement .section-ux__heading {
	margin-top: 120px;
}

.page--up-movement .bottom .section-screens__image-label,
.page--up-movement .section-screens__image-label {
	background-color: #ea3367;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

@media (max-width: 1200px) {
	.page--up-movement .bottom .section-screens__image-label {
		margin-top: 60px;
	}
}

@media (max-width: 991px) {
	.page--up-movement .bottom .section-screens__image-label {
		margin-top: 0;
	}
}

.page--up-movement .section-description__heading-2 {
	font-size: 18px;
}

.page--up-movement .section-screens {
	padding-top: 0;
	background-position: 0 100px;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

@media (max-width: 1000px) {
	.page--up-movement .section-screens {
		background-size: cover;
	}
}

.page--up-movement .section-screens .top {
	margin-bottom: 50px;
	background-size: cover;
	background-position: 100px 50%;
	background-repeat: no-repeat;
	text-align: center;
}

.page--up-movement .section-screens .top .section-screens__image {
	margin-top: 20px;
	width: 100%;
	max-width: 560px;
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.page--up-movement .section-screens .top .section-screens__image {
		margin-top: 0;
	}
}

.page--up-movement .section-screens .top .section-screens__image-label {
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	background-color: #ea3367;
	border-radius: 15px;
	-webkit-border-radius: 15px;
}

.page--up-movement .section-screens .top .section-screens__heading {
	text-align: center;
	margin-top: 35px;
}

.page--up-movement .section-screens .top .section-screens__copy {
	text-align: center;
	max-width: 950px;
	margin: 0 auto;
}

.page--up-movement .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
	color: #fff;
}

.page--up-movement .section-screens .bottom .section-screens__copy {
	color: #fff;
	max-width: 640px;
}

.page--up-movement .section-screens .bottom .section-screens__image-label {
	color: #fff;
}

.page--up-movement .section-screens--mobile-copy {
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 0;
}

@media (max-width: 1000px) {
	.page--up-movement .section-screens--mobile-copy {
		background-image: none !important;
	}
}

.page--up-movement .section-screens--mobile {
	background-position: center top;
	background-size: 120%;
	background-repeat: no-repeat;
}

@media (max-width: 992px) {
	.page--up-movement .section-screens--mobile {
		margin-top: 30px;
	}
}

.page--up-movement .section-screens--mobile .main-mobile {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1050px;
}

@media (max-width: 992px) {
	.page--up-movement .section-screens--mobile .main-mobile {
		display: none;
	}
}

.page--up-movement .section-screens--mobile .main-mobile-mobile {
	display: none;
	margin: 0 auto;
	width: 100%;
}

@media (max-width: 992px) {
	.page--up-movement .section-screens--mobile .main-mobile-mobile {
		display: block;
	}
}

.page--up-movement .section-screens__video {
	position: relative;
	padding-bottom: 60px;
}

@media (max-width: 992px) {
	.page--up-movement .section-screens__video {
		padding-bottom: 120px;
		margin-top: 80px;
	}
}

@media (max-width: 450px) {
	.page--up-movement .section-screens__video {
		padding-bottom: 120px;
	}
}

.page--up-movement .section-screens__video-logo {
	position: absolute;
	left: 0;
	width: 140px;
	top: 50%;
	margin-top: -100px;
	z-index: 9;
}

@media (max-width: 992px) {
	.page--up-movement .section-screens__video-logo {
		width: 80px;
	}
}

.page--up-movement .section-screens__video-bg {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 440px;
	z-index: 1;
}

.page--up-movement .section-screens__video-iphone {
	position: absolute;
	width: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -40px;
	z-index: 3;
}

.page--up-movement .section-screens__video-video {
	position: absolute;
	background-color: #fff;
	top: 23px;
	left: 0;
	margin: 0 auto;
	right: 0;
	z-index: 2;
}

.page--up-movement .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 30% center;
}

.page--up-movement .section-testimonial {
	overflow: hidden;
	padding: 60px 0;
}

.page--up-movement .section-testimonial p {
	font-size: 20px;
}

.page--up-movement .section-testimonial p:before {
	left: -20px;
}

.page--up-movement .section-testimonial footer,
.page--up-movement .section-testimonial p {
	max-width: 800px;
	text-align: left;
	padding-right: 200px;
	margin: 0 auto;
}

.page--up-movement .section-testimonial footer {
	margin-top: 15px;
}

.page--up-movement .section-scope .section-results__heading {
	text-align: left;
	margin-top: 100px;
}

@media (max-width: 992px) {
	.page--up-movement .section-scope .section-results__heading {
		margin-top: 60px;
		padding-bottom: 15px;
		text-align: center;
	}
}

.page--up-movement .section-scope .section-results__copy {
	text-align: left;
	padding-right: 80px;
	margin-left: 0;
}

@media (max-width: 992px) {
	.page--up-movement .section-scope .section-results__copy {
		text-align: center;
		padding-right: 0;
	}
}

.page--up-movement .section-scope .section-scope__heading {
	text-align: left;
	margin-top: 100px;
}

@media (max-width: 992px) {
	.page--up-movement .section-scope .section-scope__heading {
		text-align: center;
		margin-top: 60px;
	}
}

.page--up-movement .section-scope .section-scope__copy {
	text-align: left;
}

@media (max-width: 992px) {
	.page--up-movement .section-scope .section-scope__copy {
		text-align: center;
	}
}

.page--up-movement .section-scope .section-scope__icons {
	text-align: left;
}

@media (max-width: 992px) {
	.page--up-movement .section-scope .section-scope__icons {
		text-align: center;
	}
}

.page--up-movement .section-scope .section-scope__icons .section-scope__icon {
	margin-left: 0;
	margin-right: 40px;
}

@media (max-width: 992px) {
	.page--up-movement .section-scope .section-scope__icons .section-scope__icon {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.page--up-movement .section-next {
	background-color: #025238;
}

.page--up-movement .section-fullwidthimg {
	margin-top: 60px;
	width: 100%;
}

@media (max-width: 980px) {
	.page--up-movement .section-fullwidthimg {
		margin-top: 15px;
	}
}

.page--up-movement .section-fullwidthimg img {
	width: 100%;
	display: block;
}

@media (max-width: 980px) {
	.page--up-movement .section-fullwidthimg img.fullwidthimg-desktop {
		display: none;
	}
}

.page--up-movement .section-fullwidthimg img.fullwidthimg-mobile {
	display: none;
}

@media (max-width: 980px) {
	.page--up-movement .section-fullwidthimg img.fullwidthimg-mobile {
		display: block;
	}
}

.page--up-movement .section-contact {
	padding-top: 40px;
}

@media screen and (max-width: 1500px) {
	.page--up-movement .section-ux__heading {
		margin-top: 30px;
	}
	.page--up-movement .section-screens .bottom .section-screens__heading {
		margin-top: 50px;
	}
}

@media screen and (max-width: 1200px) {
	.page--up-movement .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--up-movement .section-testimonial p {
		font-size: 18px;
	}
	.page--up-movement .section-testimonial p:before {
		left: -10px;
	}
	.page--up-movement .section-testimonial footer,
	.page--up-movement .section-testimonial p {
		padding: 0;
		text-align: center;
	}
	.page--up-movement .section-screens--mobile {
		background-size: cover;
		background-position: center center;
	}
	.page--up-movement .section-ux {
		padding-bottom: 100px;
	}
	.page--up-movement .section-ux .section-ux__copy,
	.page--up-movement .section-ux .section-ux__heading {
		text-align: center;
	}
	.page--up-movement .section-screens .top .section-screens__copy {
		max-width: none;
	}
	.page--up-movement .section-screens .bottom .section-screens__copy,
	.page--up-movement .section-screens .bottom .section-screens__heading {
		text-align: center;
	}
	.page--up-movement .section-screens .bottom .section-screens__copy {
		margin: 0 auto;
		margin-top: 30px;
	}
}

@media screen and (max-width: 700px) {
	.page--up-movement .section-description__bg {
		background-size: 100%;
		background-position: 50% 55%;
	}
	.page--up-movement .section-banner__logo {
		max-width: 165px;
		margin-bottom: 35px;
	}
	.page--up-movement .section-description__image {
		margin-bottom: 40px;
		margin-top: 40px;
	}
}

.page--truckk .section-banner {
	background-color: #ea3367;
}

.page--truckk .section-banner__background {
	background-position: center top;
	background-size: 100%;
}

.page--truckk .section-description__image {
	max-width: 600px;
	margin-bottom: 50px;
	margin-top: 50px;
	position: relative;
	z-index: 2;
}

.page--truckk .section-ux {
	padding: 0;
	position: relative;
}

.page--truckk .section-ux .section-ux__image {
	display: block;
	width: 100%;
}

.page--truckk .section-ux .section-ux__image2 {
	position: absolute;
	width: 50%;
	margin-bottom: -55px;
	right: 10%;
	bottom: 0;
}

@media (max-width: 980px) {
	.page--truckk .section-ux .section-ux__image2 {
		margin-bottom: -30px;
	}
}

.page--truckk .section-ux .section-ux__heading {
	margin-top: 60px;
}

.page--truckk .section-ux__copy {
	color: #000;
	padding-bottom: 30px;
}

.page--truckk .section-ux__heading {
	margin-top: 50px;
}

.page--truckk .bottom .section-screens__image-label,
.page--truckk .section-screens__image-label {
	text-align: center;
}

.page--truckk .section-description__heading-2 {
	font-size: 18px;
}

.page--truckk .section-screens-outerbg {
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
}

.page--truckk .section-screens {
	padding-top: 0;
	background-position: 0 300px;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

@media (max-width: 1000px) {
	.page--truckk .section-screens {
		background-size: cover;
	}
}

.page--truckk .section-screens .top {
	margin-bottom: 50px;
	background-size: cover;
	background-position: 100px 50%;
	background-repeat: no-repeat;
	text-align: center;
}

.page--truckk .section-screens .top .section-screens__image {
	width: 100%;
}

.page--truckk .section-screens .top .section-screens__image-label {
	color: #fff;
	text-align: right;
}

.page--truckk .section-screens .top .section-screens__heading {
	text-align: left;
	margin-top: 35px;
	color: #fff;
}

.page--truckk .section-screens .top .section-screens__copy {
	text-align: left;
	max-width: 950px;
	margin: 0 auto;
	color: #fff;
}

.page--truckk .section-screens .bottom {
	position: relative;
}

.page--truckk .section-screens .bottom .section-screens__heading {
	margin-top: 45px;
	color: #fff;
	text-align: left;
}

.page--truckk .section-screens .bottom .section-screens__copy {
	color: #fff;
	max-width: 900px;
	text-align: left;
	margin: 0 auto;
}

.page--truckk .section-screens .bottom .section-screens__image-label {
	color: #fff;
}

.page--truckk .section-screens .bottom .section-screens__image {
	margin-top: 20px;
	width: 100%;
	max-width: 700px;
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.page--truckk .section-screens .bottom .section-screens__image {
		margin-top: 0;
	}
}

.page--truckk .section-screens .bottom .section-screens__image-label {
	top: 45%;
	max-width: 25%;
	display: block;
	position: absolute;
	line-height: 20px;
	text-align: left;
	right: 0;
	z-index: 3;
	color: #fff;
	background-color: #f58220;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.page--truckk .section-screens .bottom .section-screens__image-label:after {
	content: "";
	left: -12px;
	top: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-transform: rotate(-45deg);
	-khtml-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #f58220;
	z-index: -1;
}

@media (max-width: 980px) {
	.page--truckk .section-screens .bottom .section-screens__image-label {
		top: 50%;
	}
}

.page--truckk .section-screens--desktop {
	padding-top: 100px;
	background-size: 100%;
	background-position: 0 250px;
}

@media (max-width: 980px) {
	.page--truckk .section-screens--desktop {
		background-size: cover;
		background-position: center top;
	}
}

.page--truckk .section-screens--desktop .bottom .section-screens__copy,
.page--truckk .section-screens--desktop .bottom .section-screens__heading {
	text-align: center;
}

@media (max-width: 980px) {
	.page--truckk .section-screens--desktop {
		padding-top: 30px;
	}
}

.page--truckk .section-screens--mobile-copy {
	padding-top: 0;
	padding-bottom: 0;
}

@media (max-width: 980px) {
	.page--truckk .section-screens--mobile-copy {
		padding-top: 50px;
	}
}

.page--truckk .section-screens--mobile-copy .top .section-screens__heading {
	margin-top: 0;
	color: #000;
	text-align: center;
}

.page--truckk .section-screens--mobile-copy .top .section-screens__copy {
	max-width: 900px;
	text-align: center;
	color: #000;
	margin: 0 auto;
}

.page--truckk .section-screens--mobile {
	background-position: center top;
	background-size: 150%;
	background-repeat: no-repeat;
}

@media (max-width: 992px) {
	.page--truckk .section-screens--mobile {
		margin-top: 30px;
	}
}

.page--truckk .section-screens--mobile .main-mobile {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 560px;
}

.page--truckk .section-screens__video {
	position: relative;
	padding-bottom: 60px;
}

@media (max-width: 992px) {
	.page--truckk .section-screens__video {
		padding-bottom: 120px;
		margin-top: 80px;
	}
}

@media (max-width: 450px) {
	.page--truckk .section-screens__video {
		padding-bottom: 120px;
	}
}

.page--truckk .section-screens__video-logo {
	position: absolute;
	left: 0;
	width: 140px;
	top: 50%;
	margin-top: -100px;
	z-index: 9;
}

@media (max-width: 992px) {
	.page--truckk .section-screens__video-logo {
		width: 80px;
	}
}

.page--truckk .section-screens__video-bg {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 440px;
	z-index: 1;
}

.page--truckk .section-screens__video-iphone {
	position: absolute;
	width: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -40px;
	z-index: 3;
}

.page--truckk .section-screens__video-video {
	position: absolute;
	background-color: #fff;
	top: 23px;
	left: 0;
	margin: 0 auto;
	right: 0;
	z-index: 2;
}

.page--truckk .bottom-background {
	background-repeat: no-repeat;
	background-position: bottom 30% center;
}

.page--truckk .section-testimonial {
	overflow: hidden;
	padding: 60px 0;
}

.page--truckk .section-testimonial p {
	font-size: 20px;
}

.page--truckk .section-testimonial p:before {
	left: -20px;
}

.page--truckk .section-testimonial footer,
.page--truckk .section-testimonial p {
	max-width: 800px;
	text-align: left;
	padding-right: 200px;
	margin: 0 auto;
}

.page--truckk .section-testimonial footer {
	margin-top: 15px;
}

.page--truckk .section-scope .section-results__heading {
	text-align: left;
	margin-top: 100px;
}

@media (max-width: 992px) {
	.page--truckk .section-scope .section-results__heading {
		margin-top: 60px;
		padding-bottom: 15px;
		text-align: center;
	}
}

.page--truckk .section-scope .section-results__copy {
	text-align: left;
	padding-right: 80px;
	margin-left: 0;
}

@media (max-width: 992px) {
	.page--truckk .section-scope .section-results__copy {
		text-align: center;
		padding-right: 0;
	}
}

.page--truckk .section-scope .section-scope__heading {
	text-align: left;
	margin-top: 100px;
}

@media (max-width: 992px) {
	.page--truckk .section-scope .section-scope__heading {
		text-align: center;
		margin-top: 60px;
	}
}

.page--truckk .section-scope .section-scope__copy {
	text-align: left;
}

@media (max-width: 992px) {
	.page--truckk .section-scope .section-scope__copy {
		text-align: center;
	}
}

.page--truckk .section-scope .section-scope__icons {
	text-align: left;
}

@media (max-width: 992px) {
	.page--truckk .section-scope .section-scope__icons {
		text-align: center;
	}
}

.page--truckk .section-scope .section-scope__icons .section-scope__icon {
	margin-left: 0;
	margin-right: 40px;
}

@media (max-width: 992px) {
	.page--truckk .section-scope .section-scope__icons .section-scope__icon {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.page--truckk .section-next {
	background-color: #a4efff;
}

.page--truckk .section-fullwidthimg {
	margin-top: 60px;
	width: 100%;
}

@media (max-width: 980px) {
	.page--truckk .section-fullwidthimg {
		margin-top: 15px;
	}
}

.page--truckk .section-fullwidthimg img {
	width: 100%;
	display: block;
}

@media (max-width: 980px) {
	.page--truckk .section-fullwidthimg img.fullwidthimg-desktop {
		display: none;
	}
}

.page--truckk .section-fullwidthimg img.fullwidthimg-mobile {
	display: none;
}

@media (max-width: 980px) {
	.page--truckk .section-fullwidthimg img.fullwidthimg-mobile {
		display: block;
	}
}

.page--truckk .section-contact {
	padding-top: 40px;
}

@media screen and (max-width: 1500px) {
	.page--truckk .section-ux__heading {
		margin-top: 30px;
	}
	.page--truckk .section-screens .top .section-screens__heading {
		margin-top: 0;
	}
	.page--truckk .section-screens .bottom .section-screens__heading {
		margin-top: 50px;
	}
}

@media screen and (max-width: 1200px) {
	.page--truckk .section-screens .bottom .section-screens__copy {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.page--truckk .section-testimonial p {
		font-size: 18px;
	}
	.page--truckk .section-testimonial p:before {
		left: -10px;
	}
	.page--truckk .section-testimonial footer,
	.page--truckk .section-testimonial p {
		padding: 0;
		text-align: center;
	}
	.page--truckk .section-screens--mobile {
		background-size: cover;
		background-position: center center;
	}
	.page--truckk .section-ux .section-ux__copy,
	.page--truckk .section-ux .section-ux__heading {
		text-align: center;
	}
	.page--truckk .section-screens .top .section-screens__copy,
	.page--truckk .section-screens .top .section-screens__heading {
		max-width: none;
		text-align: center;
	}
	.page--truckk .section-screens .top .section-screens__image {
		margin-top: 50px;
	}
	.page--truckk .section-screens .bottom .section-screens__copy,
	.page--truckk .section-screens .bottom .section-screens__heading {
		text-align: center;
		margin-top: 25px;
	}
	.page--truckk .section-screens .bottom .section-screens__copy {
		margin: 0 auto;
		margin-top: 30px;
	}
	.page--truckk .section-screens .bottom .section-screens__image {
		margin-top: 50px;
	}
}

@media screen and (max-width: 700px) {
	.page--truckk .section-banner__logo {
		max-width: 165px;
		margin-bottom: 35px;
	}
	.page--truckk .section-description__image {
		margin-bottom: 40px;
		margin-top: 40px;
	}
}

body.page--home .section-services.process-section {
	background-color: #ff6700;
}

body.page--home .process-section .section-services__heading {
	font-size: 40px;
	color: #fff;
}

.subtitle {
	font-size: 24px;
	color: #fff;
	font-style: italic;
}

.process-image {
	margin-top: 30px;
	padding: 0;
	background: #fff;
	display: inline-block;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.process-image img {
	width: 59%;
}

body.page--home .section-services.process-section h4 {
	color: #fff;
	font-size: 27px;
	font-family: Karla, "Sans Serif";
	font-size: 34px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: left;
}

body.page--home .section-services.process-section p small {
	color: #ffae00;
	font-family: Karla, "Sans Serif";
	font-size: 13px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: left;
	display: none;
}

body.page--home .section-services.process-section p {
	color: #fff;
	font-size: 18px;
	font-family: Karla, "Sans Serif";
	font-size: 20px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: left;
}

.mt-0 {
	margin-top: 0 !important;
}

.section-clients__client {
	height: 100px;
	line-height: 100px;
}

.section-clients__client img {
	max-width: 100%;
	max-height: 100%;
}

.form-address {
	width: 100%;
	border-radius: 4px;
	padding: 24px 30px 0;
	margin-top: 20px;
	float: left;
	text-align: center;
}

.form-address p {
	opacity: 0.88;
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 0.3px;
	color: #fff;
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.form-address p a {
	font-family: Karla, "Sans Serif";
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 0.3px;
	color: #fff;
}

.form-address p i {
	width: 37px;
	height: 37px;
	text-align: center;
	color: #fff;
	line-height: 37px;
	border-radius: 100%;
	font-size: 34px;
	display: block;
	margin: 10px auto;
}

/*Custom Stylings*/

section.design-process {
	background: #40c0de;
	position: relative;
	padding: 60px 0px;
}

.design-process-head {
	text-align: center;
	display: block;
	margin-bottom: 45px;
	position: relative;
}

.design-process-head h5 {
	color: white;
	font-size: 32px;
	letter-spacing: 1px;
	margin-bottom: 18px;
	font-weight: 700;
}

.design-process-head p {
	color: white;
	max-width: 750px;
	margin: auto;
	letter-spacing: 0.8px;
	line-height: 30px;
	font-size: 19px;
	font-weight: 300;
	max-width: 800px;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: center;
	color: #fff;
	margin: auto;
}

.design-process-data {
	float: left;
	width: 100%;
	position: relative;
}

.design-process-box {
	float: left;
	width: 100%;
	background: #34b5d3;
	text-align: center;
	padding: 40px 15px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.design-process-box:hover,
.design-process-box:hover h5 span {
	background: #5f4fee;
}

.design-process-box h5 span {
	background: #3ebbd8;
	color: white;
	width: 70px;
	display: inline-block;
	height: 70px;
	border-radius: 100%;
	font-size: 28px;
	letter-spacing: 2px;
	padding-top: 22px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.design-process-box h4 {
	color: white;
	letter-spacing: 1px;
	margin: 18px 0px 10px 0px;
	font-size: 20px;
	font-weight: 600;
}

.design-process-box p {
	color: white;
	font-weight: 300;
	letter-spacing: 0.6px;
	font-size: 15px;
	padding: 0px 20px;
	font-weight: 300;
	max-width: 800px;
	font-family: Karla, "Sans Serif";
	font-size: 16px;
	line-height: 1.58;
	letter-spacing: 0.5px;
	text-align: center;
	color: #fff;
	margin: auto;
}

section.design-process .up-movement-bubbles .up-bubble {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.extra-text {
	text-align: center;
	margin-top: 10px;
}

.extra-text p {
	color: white;
	font-weight: 300;
	letter-spacing: 0.6px;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 20px;
	width: 110%;
	margin-left: -4%;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 25px;
	text-align: center;
}

.extra-text a {
	background: #5f4fee;
	padding: 15px 35px;
	display: inline-block;
	color: white;
	font-size: 18px;
	letter-spacing: 0.8px;
	text-decoration: none;
	border-radius: 50px;
}

section.thinking-sec {
	background-image: url(../images/homepage-images/blue-bg.jpg);
	padding: 70px 0px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.thinking-text h3 {
	color: white;
	font-size: 30px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	font-weight: 700;
	margin-top: 0px;
}

.thinking-text p {
	color: white;
	max-width: 700px;
	margin: auto;
	letter-spacing: 0.5px;
	line-height: 30px;
	font-size: 19px;
	font-weight: 300;
	font-weight: 300;
	max-width: 800px;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: center;
	color: #fff;
	margin: auto;
}

section.features-sec {
	background-image: url(../images/homepage-images/features-bg.jpg);
	padding: 60px 0px 55px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.features-head {
	text-align: center;
	margin-bottom: 40px;
}

.features-head p {
	color: white;
	max-width: 900px;
	margin: auto;
	letter-spacing: 0.5px;
	line-height: 30px;
	font-size: 19px;
	font-weight: 300;
	font-weight: 300;
	max-width: 1000px;
	font-family: Karla, "Sans Serif";
	font-size: 24px;
	line-height: 1.58;
	letter-spacing: 0.9px;
	text-align: center;
	color: #fff;
	margin: auto;
}

.feature-box {
	text-align: center;
	background: #6b74eb;
	padding: 33px 20px 40px 20px;
	max-width: 95%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	margin: 0px auto 35px auto;
	cursor: pointer;
}

.feature-box img {
	height: 90px;
	margin-bottom: 0px;
}

.feature-box h5 {
	color: white;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 23px;
	margin-bottom: 10px;
	font-weight: 500;
}

.feature-box p {
	color: white;
	font-weight: 300;
	letter-spacing: 0.8px;
	max-width: 74%;
	margin: auto;
	font-size: 15px;
	line-height: 22px;
	padding: 0px 20px;
	font-weight: 300;
	max-width: 800px;
	font-family: Karla, "Sans Serif";
	font-size: 17px;
	line-height: 1.58;
	letter-spacing: 0.5px;
	text-align: center;
	color: #fff;
	margin: auto;
}

.features-button {
	text-align: center;
}

.features-button a {
	background: #8f4de0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color: white;
	letter-spacing: 0.5px;
	padding: 10px 25px;
	display: inline-block;
	text-decoration: none;
	font-size: 17px;
}

.features-button a:hover {
	background: #5100b5;
}

.feature-box:hover {
	background: #5100b5;
}

section.interactive-sec {
	background-image: url(../images/homepage-images/interactive-bg.jpg);
	padding: 70px 0px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
}

section.conversation-sec {
	background-image: url(../images/homepage-images/conversation-bg.jpg);
	padding: 50px 0px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.thinking-text h6 a {
	color: white;
	font-size: 18px;
	letter-spacing: 0.6px;
	margin: 0px 10px;
	text-decoration: none;
}

.thinking-text h6 {
	margin-top: 25px;
	margin-bottom: 0px;
}

.thinking-text h6 a img {
	height: 33px;
	vertical-align: middle;
}

@media screen and (max-width: 1025px) and (min-width: 767px) {
	.design-process-box {
		float: left;
		width: 100%;
		background: #34b5d3;
		text-align: center;
		padding: 40px 15px;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		height: 285px;
		margin-bottom: 30px;
	}
	img.off-mobile {
		display: none !important;
	}
	.extra-text p {
		color: white;
		font-weight: 300;
		letter-spacing: 0.6px;
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 20px;
		width: 110%;
		margin-left: -4%;
		font-family: Karla, "Sans Serif";
		font-size: 22px;
		line-height: 1.58;
		letter-spacing: 0.9px;
		text-align: left;
		margin-top: 0;
		margin-bottom: 25px;
		text-align: center;
	}
}

@media screen and (max-width: 550px) and (min-width: 320px) {
	.thinking-text h3 {
		color: white;
		font-size: 28px;
		letter-spacing: 1px;
		margin-bottom: 15px;
		font-weight: 700;
		margin-top: 0px;
	}
	.design-process-head h5 {
		color: white;
		font-size: 26px;
		letter-spacing: 1px;
		margin-bottom: 12px;
		font-weight: 700;
		line-height: 30px;
	}
	.design-process-head p {
		color: white;
		max-width: 750px;
		margin: auto;
		letter-spacing: 0.4px;
		line-height: 24px;
		font-size: 16px;
		font-weight: 300;
	}
	.design-process-box {
		float: none;
		width: 100%;
		background: #34b5d3;
		text-align: center;
		padding: 40px 15px;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		max-width: 320px;
		margin: 0px auto 30px auto;
	}
	section.thinking-sec {
		background-position: top center;
	}
	.feature-box {
		max-width: 320px;
	}
	.thinking-text p {
		color: white;
		max-width: 700px;
		margin: auto;
		letter-spacing: 0.3px;
		line-height: 28px;
		font-size: 16px;
		font-weight: 300;
	}
	.extra-text p {
		color: white;
		font-weight: 300;
		letter-spacing: 0.6px;
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 20px;
		width: 110%;
		margin-left: -4%;
		font-family: Karla, "Sans Serif";
		font-size: 16px;
		line-height: 1.58;
		letter-spacing: 0.9px;
		text-align: left;
		margin-top: 0;
		margin-bottom: 25px;
		text-align: left;
		padding: 0px 15px;
	}
	.extra-text a {
		background: #5f4fee;
		padding: 15px 35px;
		display: inline-block;
		color: white;
		font-size: 18px;
		letter-spacing: 0.8px;
		text-decoration: none;
		border-radius: 50px;
		display: block;
	}
	.thinking-text h3 {
		color: white;
		font-size: 30px;
		letter-spacing: 1px;
		margin-bottom: 15px;
		font-weight: 400;
		margin-top: 0px;
		letter-spacing: 0.8px;
	}
	.features-head p {
		color: white;
		max-width: 900px;
		margin: auto;
		letter-spacing: 0.5px;
		line-height: 30px;
		font-size: 19px;
		font-weight: 300;
		font-weight: 300;
		max-width: 1000px;
		font-family: Karla, "Sans Serif";
		font-size: 18px;
		line-height: 1.58;
		letter-spacing: 0.9px;
		text-align: center;
		color: #fff;
		margin: auto;
	}
	.thinking-text h6 a {
		color: white;
		font-size: 16px;
		letter-spacing: 0.4px;
		margin: 0px 10px;
		text-decoration: none;
		display: inline-block;
		margin-bottom: 10px;
	}
	.off-mobile {
		display: none !important;
	}
}

.seo-dropdown {
	left: -15% !important;
}

@media screen and (max-width: 770px) {
	.seo-dropdown {
		left: -5% !important;
	}
}

.my-dropdoen li a:hover {
	background-image: linear-gradient(
		141deg,
		#ea3367,
		#f16343,
		#ffae00
	) !important;
}

.my-dropdoen li a:focus {
	background-image: linear-gradient(
		141deg,
		#ea3367,
		#f16343,
		#ffae00
	) !important;
}