#barba-wrapper {
	overflow: visible!important
}

#about {
	overflow: visible!important
}

#about .row--pad {
	justify-content: space-around;
	align-items: flex-start;
	overflow: visible
}

.home-strategy {
	position: sticky;
	top: 110px;
	height: 250px
}

.scroll-to-top {
	bottom: 30px;
	margin-left: -53px;
	position: fixed;
	right: 20px;
	-webkit-transform: rotate(90deg) translateX(100px);
	transform: rotate(90deg) translateX(100px);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	z-index: 100
}

.scroll-to-top__mouse {
	border-radius: 10px;
	border: 1px solid #ef323a;
	height: 20px;
	margin-bottom: 0;
	width: 30px
}

.scroll-to-top__mouse:after {
	-webkit-animation: mouseanim 2s ease-in-out infinite;
	animation: mouseanim 2s ease-in-out infinite;
	background-color: #ef323a;
	content: '';
	height: 2px;
	margin-top: -1px;
	position: absolute;
	left: 10px;
	top: 50%;
	width: 5px
}

.scroll-to-top__arrows {
	bottom: 0;
	left: 0;
	margin: 0 0 13px -14px;
	position: absolute
}

.scroll-to-top__arrows:after,
.scroll-to-top__arrows:before {
	-webkit-animation: arrowsanim 1s infinite ease-in-out;
	animation: arrowsanim 1s infinite ease-in-out;
	border-left: 1px solid #ef323a;
	border-top: 1px solid #ef323a;
	content: '';
	height: 6px;
	opacity: .38;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px
}

.scroll-to-top__arrows:after {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	left: -10px
}

.scroll-to-top--active {
	-webkit-transform: rotate(90deg) translateX(0);
	transform: rotate(90deg) translateX(0)
}

@-webkit-keyframes mouseanim {
	0,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@keyframes mouseanim {
	0,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@-webkit-keyframes arrowsanim {
	0,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@keyframes arrowsanim {
	0,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

.who-we-help-outer {
	float: left;
	width: 100%;
	background: #f8f8fa;
	padding: 70px 0
}

.who-we-main h5 {
	font: 16px/20px SFProDisplay-Bold;
	color: #092b5d;
	text-transform: uppercase;
	position: relative
}

.who-we-main h5:before {
	position: absolute;
	width: 25px;
	height: 3px;
	background: #f13e42;
	left: -35px;
	top: 8px;
	content: ''
}

.who-we-main h3 {
	font: 40px/40px SFProDisplay-Bold;
	color: #092b5d;
	padding-bottom: 45px
}

.who-creatives-box {
	margin-left: -15px;
	margin-right: -15px
}

.who-creative-bx {
	width: 33%;
	padding: 0 15px;
	float: left;
	margin-bottom: 30px
}

.who-creatives-area {
	background: #fff;
	padding: 45px 38px
}

.who-creatives-area figure {
	height: 126px;
	margin-bottom: 110px
}

.creatives-details h3 {
	padding-bottom: 0;
	font: 20px/20px SFProDisplay-Bold;
	color: #092b5d
}

.creatives-details p {
	margin-top: 0;
	font: 17px/26px SF Pro Display;
	color: #56606e
}

.our-friends-outer {
	float: left;
	width: 100%;
	padding: 90px 0 0
}

.our-left-slid {
	float: left
}

.our-right-slid {
	float: right;
	width: 640px;
	margin-top: 75px;
	padding-bottom: 80px
}

.our-frindes-main {
	padding-bottom: 0;
	border-bottom: 1px solid #eeeef0;
	margin-bottom: 30px
}

#testimonial {
	padding-bottom: 0!important
}

.our-right-slid figure {
	margin-bottom: 30px
}

.our-right-slid h3 {
	font: 30px/36px SFProDisplay-Bold;
	color: #092b5d;
	padding-bottom: 15px;
	padding-top: 10px;
	margin-bottom: 5px
}

.our-right-slid p {
	font: 24px/45px 'SF Pro Display';
	color: #092b5d;
	font-style: italic;
	font-weight: 300;
	padding-bottom: 35px
}

.our-right-slid label {
	font: 16px/16px "SF Pro Display";
	color: #092b5d;
	text-transform: uppercase
}

.our-right-slid label strong {
	margin-right: 5px;
	display: inline-block
}

.ourfrind-slider {
	float: left;
	width: 100%;
	margin-bottom: 0!important
}

.ourfrind-slider .slick-dots {
	width: 640px;
	right: 0;
	bottom: 50px;
	line-height: 2px;
	text-align: left
}

.ourfrind-slider.slick-initialized .slick-slide {
	line-height: 0
}

.ourfrind-slider .slick-dots li button {
	width: 100%;
	padding: 0;
	height: 2px;
	background: #e3e4e8
}

.ourfrind-slider .slick-dots li {
	width: 59px;
	height: 8px
}

.ourfrind-slider .slick-dots li.slick-active button {
	background: #f13e42
}

.ourfrind-slider .slick-dots li button:before {
	display: none
}

.o-container1 {
	width: 100%
}

.c-main-loader.js-main-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 9999
}

.c-main-loader__container,
.c-main-loader__image {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.c-main-loader__container {
	top: 0;
	left: 0;
	z-index: 2;
	will-change: visibility, opacity, transform
}

.c-main-loader__curtain {
	display: block;
	height: 100%;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(99.25%);
	transform: translateY(99.25%);
	background-color: #fff;
	z-index: 99
}

.c-main-loader__image {
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	will-change: opacity, visibility
}

.c-main-loader__container,
.c-main-loader__image {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.c-featured-work__content h4 {
	font: 16px/20px SFProDisplay-Bold;
	position: relative;
	color: #f13e42;
	text-transform: uppercase;
	margin: 0;
	margin-top: 0;
	padding-bottom: 15px
}

.c-featured-work__content h3 {
	font: 50px/50px SFProDisplay-Bold;
	color: #fff;
	margin: 0;
	padding-bottom: 20px;
	transform: unset!important;
	letter-spacing: inherit!important
}

.c-featured-work__content p.u-b4 {
	margin: 0;
	font: 25px/40px "SF Pro Display";
	color: #fff;
	max-width: 480px;
	padding-bottom: 25px
}

.c-featured-work__content a:hover {
	text-decoration: none
}

.c-featured-work__content ul li a {
	font: 16px/30px "SF Pro Display";
	color: #b8babd
}

.category--c .category__image {
	float: left
}

.category--c .home-intro__right .o-media-wrapper__mask {
	background: #d3dbe5
}

.category--b .home-intro__right .o-media-wrapper__mask {
	background-color: #d7e1de
}

.about-section__wrapper .o-media-wrapper--1-2 {
	padding-bottom: 144%
}

.about-section__wrapper .o-media-wrapper__mask {
	background: #f8f8fa
}

.about-left .about-section__wrapper h3 {
	font: 30px/40px SFProDisplay-Light;
	color: #023575;
	padding-bottom: 15px
}

.about-left .about-section__wrapper p {
	font: 17px/27px "SF Pro Display";
	color: #3e3f44
}

.about-section {
	padding-top: 125px
}

.about-right {
	position: relative
}

.about-right:after {
	position: absolute;
	background: url(../images/about-right-after.png) no-repeat;
	content: '';
	right: -90px;
	top: -86px;
	width: 374px;
	height: 370px
}

.creative-dobule {
	width: 47px;
	height: 47px;
	border: 2px solid #f1474b;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	margin-left: 8px;
	transition: background-color .5s ease;
	-webkit-transition: background-color .5s ease;
	-ms-transition: background-color .5s ease
}

.creative-dobule img {
	transition: all .4s .1s;
	transform-style: preserve-3d;
	transform: translate3d(-64px, 2px, 0);
	max-width: unset;
}

.category__text a:hover .creative-dobule img {
	transform: translate3d(0, 0, -30px);
	transform: translate3d(-12px, 2px, 0)
}

.category__text a:hover .creative-dobule {
	background-color: #f1474b
}

.category__text a:hover {
	color: #f1474b
}

.category.category--c .category__text a:hover {
	color: #092b5d
}

.category.category--c .category__text a .creative-dobule {
	border-color: #092b5d
}

.category.category--c .category__text a:hover .creative-dobule {
	background-color: #092b5d
}

.category.category--b .category__text a:hover {
	color: #32a765
}

.category.category--b .category__text a .creative-dobule {
	border-color: #32a765
}

.category.category--b .category__text a:hover .creative-dobule {
	background-color: #32a765
}

@media only screen and (max-width:1600px) {
	.menuWrapper.showMenu .menuInner .container {
		width: 90%
	}
}

@media only screen and (max-width:1440px) {
	.about-right::after {
		right: 0
	}
}

@media only screen and (max-width:1280px) {
	#top-menu li a {
		font-size: 30px
	}
	.nav-about {
		padding-right: 20px!important
	}
}

@media only screen and (max-width:1230px) {
	.our-left-slid {
		width: 40%
	}
	.our-left-slid img {
		width: 100%
	}
	.our-right-slid {
		width: 55%
	}
}

@media only screen and (max-width:1170px) {
	#top-menu li a {
		font-size: 25px
	}
	.our-frindes-main {
		padding-bottom: 0
	}
	.our-right-slid {
		width: 625px
	}
	.our-right-slid h3 {
		font: 22px/25px 'SF Pro Display';
		font-style: italic;
		font-weight: 700
	}
	.our-right-slid p {
		font: 22px/38px 'SF Pro Display';
		font-style: italic;
		font-weight: 300
	}
}

@media only screen and (max-width:1112px) {
	.our-right-slid {
		width: 50%
	}
	.ourfrind-slider .slick-dots {
		width: 50%;
		text-align: center
	}
}

@media only screen and (max-width:1024px) {
	.our-left-slid {
		width: 39%;
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0
	}
	.our-left-slid img {
		width: 100%
	}
	.our-slider-row {
		position: relative
	}
	#testimonial {
		padding-bottom: 0!important
	}
	.our-friends-outer {
		padding-bottom: 0
	}
	#section-2 .Creatives .creatives-left h2,
	.category__text h2 {
		font: 40px/40px SFProDisplay-Bold;
		padding-bottom: 0;
		margin-bottom: 10px
	}
	#section-1.banner figure figcaption h1 {
		font: 40px/60px SFProDisplay-Bold!important;
		padding-bottom: 0;
		margin-bottom: 5px
	}
	#section-1.banner figure figcaption p {
		font: 16px/25px 'SF Pro Display'!important
	}
	.c-featured-work__list {
		width: 50%
	}
	.c-featured-work__preview {
		width: 50%
	}
}

@media only screen and (max-width:991px) {
	.about-left {
		width: 100%;
		margin-bottom: 15px
	}
	.about-right {
		width: 100%
	}
	#top-menu li a {
		font-size: 20px
	}
	#top-menu li a small {
		font-size: 20px
	}
	.category__text {
		padding: 0 80px 0 70px
	}
	.about-section {
		padding-top: 75px
	}
	#about {
		padding: 85px 0!important
	}
	.c-featured-work__content h3 {
		font: 45px/50px SFProDisplay-Bold
	}
	.c-featured-work__content p.u-b4 {
		font: 20px/28px "SF Pro Display"
	}
	.ourfrind-slider .slick-dots li {
		width: 65px
	}
	.our-right-slid p {
		font: 19px/32px 'SF Pro Display';
		font-style: italic
	}
	.our-frindes-main h3 {
		font: 30px/40px SFProDisplay-Bold
	}
	.our-right-slid h3 {
		font: 20px/20px 'SF Pro Display';
		font-style: italic;
		font-weight: 700
	}
	.c-featured-work__content h3 {
		font-size: 35px;
		line-height: 40px
	}
	.c-featured-work__content h4 {
		font-size: 15px
	}
}

@media only screen and (max-width:979px) {
	.category__text {
		width: 50%;
		float: left;
		position: relative;
		padding: 0 40px 0 60px;
		z-index: 2
	}
	.category__text a img {
		margin: -5px 10px 0
	}
}

@media only screen and (max-width:959px) {
	.nav-about {
		padding-right: 15px!important;
		padding-left: 10px!important;
		width: 25%;
		display: block;
		flex: inherit
	}
	#about .js-accordion {
		flex: initial;
		width: 75%;
		padding-left: 10px!important;
		padding-right: 10px!important
	}
	#about .row--pad {
		margin: 0
	}
}

@media only screen and (max-width:846px) {
	.our-left-slid {
		width: 47%
	}
	.our-frindes-main h3 {
		padding-bottom: 0
	}
}

@media only screen and (max-width:768px) {
	.nav-about {
		padding-right: 10px!important
	}
	.category__text {
		padding: 0 40px 0 40px
	}
	.our-right-slid figure {
		margin-bottom: 10px
	}
	.our-right-slid h3 {
		margin-bottom: 0
	}
	.about-right::after {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.category .container {
		display: flex;
		flex-wrap: wrap
	}
	.ourfrind-slider .slick-dots {
		bottom: -20px;
		width: 100%;
		text-align: center;
	}
	.category__text {
		padding: 0 40px 0 0
	}
	#section-1.banner figure figcaption h1 {
		font: 35px/40px SFProDisplay-Bold!important
	}
	#section-1.banner figure figcaption p {
		font: 15px/20px 'SF Pro Display'!important
	}
	#section-2 .Creatives .creatives-left h2,
	.category__text h2 {
		font: 30px/35px SFProDisplay-Bold
	}
	.our-slider-row {
		position: relative;
		display: flex!important;
		flex-wrap: wrap!important;
		width: 100%!important
	}
	#section-1.banner {
		height: auto
	}
	#section-1.banner img {
		height: 400px
	}
	#section-1.banner .bottom-scroll a img {
		height: auto
	}
	.our-left-slid img {
		width: auto
	}
	.our-left-slid {
		order: 2;
		position: relative;
		width: 100%
	}
	.our-right-slid {
		order: 1;
		margin-top: 25px;
		width: 100%
	}
	.our-frindes-main h3 {
		font-size: 25px;
		line-height: 30px;
		margin-top: 5px;
		margin-bottom: 25px
	}
	.c-featured-work__content h3 {
		font: 35px/40px SFProDisplay-Bold
	}
	.nav-about {
		width: 100%
	}
	.nav-about li {
		display: inline-block;
		width: 31%
	}
	#about .js-accordion {
		width: 100%
	}
	.home-strategy {
		position: relative;
		top: 0;
		height: auto;
		z-index: 9
	}
	.about-left .about-section__wrapper h3 {
		font: 25px/35px SFProDisplay-Light;
		padding-bottom: 0
	}
	.about-section {
		padding-top: 0
	}
	.about-section__wrapper {
		margin-bottom: 20px
	}
	.about-right {
		margin-bottom: 20px
	}
	#about {
		padding: 40px 0 20px!important
	}
	.category__text {
		width: 100%
	}
	#section-2 .Creatives .creatives-left a,
	.category__text a {
		/*width: 100%;*/
		vertical-align: top;
		/*margin-top: 0;*/
		margin-left: 0
	}
	.category__text {
		width: 100%;
		margin-bottom: 20px
	}
	.home-intro__right {
		width: 100%;
		margin-bottom: 0;
		order: 1;
		display: flex
	}
	article.category {
		padding-bottom: 0!important;
		padding-top: 50px!important;
		background: 0 0!important
	}
	.our-right-slid p {
		font: 18px/32px 'SF Pro Display';
		font-style: italic
	}
	.our-friends-outer {
		padding: 0
	}
	.our-frindes-main h5 {
		margin-bottom: 5px
	}
	.home #testimonial {
		padding: 40px 0 60px !important
	}
	.category.category--a::after,
	.category.category--b::after,
	.category.category--c::after {
		display: none
	}
	#section-2 .Creatives .creatives-left h2 br,
	.category__text h2 br {
		display: none
	}
	.o-page-wrapper {
		padding-top: 40px!important
	}
	#recent-work {
		display: none
	}
	.about-section__wrapper .o-media-wrapper--1-2 {
		padding-bottom: 80%
	}
	.patner-home-full .container{ padding: 0px !important; }
}

@media only screen and (max-width:699px) {
	.our-right-slid h3 {
		font: 18px/20px 'SF Pro Display';
		font-style: italic;
		font-weight: 700
	}
	.our-right-slid p {
		font: 16px/28px 'SF Pro Display';
		font-style: italic
	}
	#section-2 .Creatives .creatives-left h2,
	.category__text h2 {
		display: block!important
	}
}

@media only screen and (max-width:667px) {
	.ui-light .about-section-heading {
		font: 25px/30px SFProDisplay-Bold;
		padding: 0
	}
	.category__text {
		padding: 0 30px 0 0
	}
	#section-2 .Creatives .creatives-left a,
	.category__text a {
		/*margin-top: 0*/
	}
	.about-left .about-section__wrapper h3 {
		font: 22px/30px SFProDisplay-Light
	}
	.c-featured-work__list {
		padding-right: 15px;
		padding-left: 15px
	}
	.about-left {
		margin-bottom: 0
	}
	.category .category__text h2 {
  font-size: 30px;
  line-height: 40px;
}
}

@media only screen and (max-width:480px) {
	.our-left-slid img {
		width: 100%
	}
	.c-featured-work__content h3 {
		font: 30px/35px SFProDisplay-Bold
	}
	.c-featured-work__content ul li a {
		font: 14px/30px "SF Pro Display"
	}
	.c-featured-work__content p.u-b4 {
		font: 18px/25px "SF Pro Display"
	}
	article.category {
		padding-top: 35px!important
	}
	#section-1.banner figure figcaption p br {
		display: none
	}
}

.ourfrind-slider .slick-dots li button {
	height: 4px;
}