/*
 Table Of Contents
 1.)Slick Slider CSS
 2.) Homepage
 3.) Service Page
 4.) Case Study Page
 5.) Contact Page
 6.) About Page
 7.) Career Page
 8.) Privacy Page , Terms & Condition Page , Discount Page

 ===============================================*/

/*
 1.) Slick Slider CSS
 
 
 ===============================================*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Poor+Story');
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');


*,:before,:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-backface-visibility:hidden;
}


.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/*
 2.) Homepage
 ----------------------------------------*/
/*=========Aside style start=========*/
.sidebar-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 105px;
	height: 100%;
	padding: 10px;
	background-color: #141414;
	border-right: 1px solid #202020;
	z-index: 9;
	-webkit-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-moz-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-ms-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-o-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
.home-page .sidebar-wrap {
	display: none;
}
.sidebar-wrap .sparx-logo {
	display: inline-block;
	width: 84px;
	height: 33px;
	border: 1px solid #ffffff;
	position: relative;
}
.sidebar-wrap .sparx-logo img, .menu-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 66px;
}
.menu-icon {
	position: absolute;
	left: 24px;
	bottom: 10px;
	width: 56px;
	height: 54px;
	background-color: #0b0b0c;
}
.navbar {
	position: fixed;
	top: 0;
	left: -100%;
	height: 100%;
	z-index: 8;
	width: calc(100% + 105px);
	width: -webkit-calc(100% + 105px);
	-webkit-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-moz-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-ms-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-o-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}
.navbar .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
.navbar  .mCSB_scrollTools {
	width: 4px;
}
.active-sidebar .sidebar-wrap {
	background-color: #fff;
}
.sidebar-wrap .black, .sidebar-wrap .close-bar {
	opacity: 0;
	visibility: hidden;
}
.active-sidebar .white, .active-sidebar .bar {
	opacity: 0;
	visibility: hidden;
}
.active-sidebar .black, .active-sidebar .close-bar {
	opacity: 1;
	visibility: visible;
}
.active-sidebar .sparx-logo {
	border: 1px solid #141414;
}
.active-sidebar .sidebar-wrap {
	border-right: 1px solid #dedede;
}
.active-sidebar .navbar {
	left: 105px;
}
.sidebar {
	padding-top: 43px;
	flex: 0 0 338px;
	max-width: 338px;
	background-color: #fff;
	border-right: 1px solid #141414;
	z-index: 2;
}
.sidebar .mCustomScrollBox, .sidebar .mCSB_container {
	overflow: inherit;
}
.content-area {
	position: relative;
}
.sidebar .nav-link {
	line-height: 1;
	border: 1px solid transparent;
}
.sidebar .active-link {
	border: 1px solid #000;
	border-right: 1px solid transparent;
	position: relative;
}
.sidebar .nav-link:after {
	position: absolute;
	top: 0;
	right: -2px;
	width: 1px;
	height: 100%;
	background-color: transparent;
	content: '';
	z-index: 1;
	-webkit-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-moz-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-ms-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-o-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
}
.sidebar .active-link:after {
	background-color: #fff;
}
.sidebar .nav-link a {
	display: block;
	font-size: 20px;
	color: rgba(20,20,20,0.3);
	text-transform: capitalize;
	display: flex;
	align-items: center;
	padding: 50px 0 50px 104px;
	position: relative;
	letter-spacing: -0.9px;
}
.sidebar .nav-link a * {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar .nav-link a strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 100px;
	color: #231f20;
	min-width: 105px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sidebar .nav-link .label {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	margin-left: -22px;
	display: inline-block;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar .work-link .label {
	margin-left: -42px;
	position: relative;
	top: 7px;
}
.sidebar .active-link .label {
	background: rgb(32,124,202);
	background: -moz-linear-gradient(top, rgba(32,124,202,1) 0%, rgba(36,29,194,1) 0%, rgba(231,25,55,1) 100%, rgba(30,87,153,1) 100%);
	background: -webkit-linear-gradient(top, rgba(32,124,202,1) 0%,rgba(36,29,194,1) 0%,rgba(231,25,55,1) 100%,rgba(30,87,153,1) 100%);
	background: linear-gradient(to bottom, rgba(32,124,202,1) 0%,rgba(36,29,194,1) 0%,rgba(231,25,55,1) 100%,rgba(30,87,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sidebar .active-link a strong {
	left: 45px;
}
.sidebar .active-link a > span {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px);
	color: rgba(20,20,20,1);
}
.sidebar .sub-list {
	padding: 36px 31px;
}
.sidebar .sub-list li {
	line-height: 1.2;
}
.sidebar .sub-list a {
	font-size: 14px;
	color: #231f20;
	letter-spacing: -0.6px;
}
.sidebar-content {
	width: calc(100% - 858px);
	width: -webkit-calc(100% - 858px);
	background-color: #fff;
	-webkit-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-moz-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-ms-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-o-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	position: relative;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: -1;
}
.sidebar-content:before {
	position: absolute;
	top: 0;
	right: 100%;
	width: 100vw;
	height: 100%;
	background-color: #fff;
	content: '';
}
.sidebar-content.active, .sidebar-content.single-list {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.sidebar-content.single-list {
	width: 383px;
}
.single-list .menu-wrap > ul > li {
	width: 100%;
}
.list-description {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100vw - 748px);
	width: -webkit-calc(100vw - 748px);
	height: 100%;
	visibility: hidden;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.solution-content.list-description, .hire-content.list-description, .know-content.list-description, .work-content.list-description, .casestudy-content.list-description {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.solution-content.list-description.active, .hire-content.list-description.active, .know-content.list-description.active, .work-content.list-description.active, .casestudy-content.list-description.active {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution-content.list-description {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.hire-content.list-description {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
/*.hire-content.list-description.active {

 }*/
/*.active .list-description , .single-list .list-description  {
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
 }*/
.list-description.active {
	opacity: 1;
	visibility: visible;
}
.single-list .list-description {
	width: 383px;
}
.menu-wrap > ul > li {
	width: calc(100%/3);
	width: -webkit-calc(100%/3);
}
.sub-menu {
	/*padding: 49px 30px 33px;*/
	padding: 8% 10% 8%;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}
.sub-menu .count {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	position: absolute;
	top: 22px;
	right: 19px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sub-menu strong {
	display: block;
	color: #231f20;
	font-size: 15px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 500;
	margin-bottom: 21px;
	letter-spacing: -0.6px;
}
.sub-menu ul {
	position: relative;
}
.sub-menu li {
	margin-bottom: 3px;
}
.sub-menu a {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	color: #231f20;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	letter-spacing: 0.9px;
	position: relative;
}
.sub-menu a:after {
	position: absolute;
	left: calc(100% + 5px);
	left: -webkit-calc(100% + 5px);
	bottom: 50%;
	margin-top: 1px;
	background-color: #d59f4c;
	content: '';
	-webkit-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transform: rotate(-29deg) translateX(100%);
	-moz-transform: rotate(-29deg) translateX(100%);
	-ms-transform: rotate(-29deg) translateX(100%);
	-o-transform: rotate(-29deg) translateX(100%);
	transform: rotate(-29deg) translateX(100%);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 100vw;
	height: 1px;
}
.sub-menu:hover a {
	color: rgba(255,255,255,0.5);
}
.sub-menu a:hover {
	color: rgba(255,255,255,1);
}
.sub-menu a:hover:after {
	-webkit-transform: rotate(-29deg);
	-moz-transform: rotate(-29deg);
	-ms-transform: rotate(-29deg);
	-o-transform: rotate(-29deg);
	transform: rotate(-29deg);
}
.sub-menu:hover span {
	opacity: 1;
	visibility: visible;
}
.sub-menu:hover strong {
	color: #f1c785;
}
.sub-menu:hover {
	background-color: #141414;
}
.blue-bg:hover {
	background-color: #241dc2;
}
.red-bg:hover {
	background-color: #e71937;
}
.contact {
	flex: 0 0 310px;
	max-width: 310px;
	background-color: #141414;
	padding: 52px 0 52px 29px;
	position: relative;
	-webkit-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-moz-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-ms-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	-o-transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	transition: all 0.7s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	left: calc(-100% + 858px);
	left: -webkit-calc(-100% + 858px);
	z-index: 1;
}
.contact .mCustomScrollBox {
	padding-right: 29px;
}
.contact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255,255,255,0.1);
}
.active-nav .contact {
	left: 0;
}
.contact .contact-link {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	text-decoration: underline;
	margin-bottom: 19px;
}
.contact li {
	padding: 25px 47px 15px 0;
	border-bottom: 1px solid #363636;
}
.contact li:last-child {
	border: none;
}
.contact .time-zone {
	margin-bottom: 3px;
}
.contact strong {
	display: block;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.2;
}
.contact address {
	font-size: 11px;
	color: #b2b2b2;
	line-height: 1.1;
}
.contact .tel {
	display: inline-block;
	font-size: 11px;
	color: #b2b2b2;
	margin-bottom: 3px;
}
.contact span {
	display: block;
	font-size: 11px;
	color: #b2b2b2;
}
.contact .tel span {
	color: #545454;
	margin-left: 10px;
	display: inline-block;
}
.contact .telephone a {
	margin: 0;
	line-height: 1;
}
.contact .telephone {
	line-height: 1;
	margin-bottom: 10px;
}

/*=========Aside style End=========*/
/*=========Banner style start=========*/
.inner-content {
	padding-left: 105px;
}
.banner {
	background: #141414 url(../images/banner-sparx.png) no-repeat center center;
	height: 100vh;
	position: relative;
	padding-left: 105px;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
}
.logo-wrapper.active {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 764px;
	width: 764px;
	animation: rotation 3s 1s 1 ease-in-out;
}
@keyframes rotation {
0% { transform:translate(-50%,-50%) rotate(0); }
100% { transform:translate(-50%,-50%) rotate(720deg) ; }
}

.banner-wrap {
	opacity: 0;
}

.logo-right {
	position: absolute;
	height: 191px;
	width: 382px;
	border-radius: 191px 191px 0 0;
	background: #ffffff;
	top: 25%;
	left: 100vw;
	transition: all 0.5s ease;
}
.logo-top {
	position: absolute;
	height: 382px;
	width: 191px;
	border-radius: 191px 0 0 191px;
	background: #ffffff;
	top: -100vh;
	left: 25%;
	transition: all 0.5s ease;
}
.logo-top svg {
	transform: rotate(180deg);
	height: 100%;
	width: 100%;
}
.logo-bottom svg {
	height: 100%;
	width: 100%;
}

.logo-bottom {
	position: absolute;
	height: 382px;
	width: 191px;
	border-radius: 0 191px 191px 0;
	background: #ffffff;
	top: 100vh;
	right: 25%;
	transition: all 0.5s ease;
}
.logo-left {
	position: absolute;
	height: 191px;
	width: 382px;
	border-radius: 0 0 191px 191px;
	background: #ffffff;
	top: 50%;
	left: -100vw;
	transition: all 0.5s ease;
}
.logo-wrapper.active .logo-right {
	left: 50%;
}
.logo-wrapper.active .logo-left {
	left: 0%;
}
.logo-wrapper.active .logo-bottom {
	top: 50%;
}
.logo-wrapper.active .logo-top {
	top: 0%;
}
.logo-wrapper.active.active-animate .logo-right {
	left: 100vw;
}
.logo-wrapper.active.active-animate .logo-left {
	left: -100vw;
}
.logo-wrapper.active.active-animate .logo-bottom {
	top: 25%;
}
.logo-wrapper.active.active-animate .logo-top {
	top: 25%;
}
.logo-wrapper.active.active-animate2 .logo-bottom {
	right: calc(-50vw + 513px);
	right: -webkit-calc(-50vw + 513px);
	background-color: #e71937;
}
.logo-wrapper.active.active-animate2 .logo-top {
	background-color: #241dc2;
	left: calc(-50vw + 513px);
	left: -webkit-calc(-50vw + 513px);
}
.get-touch {
	position: absolute;
	top: 59px;
	left: 29.6%;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: underline;
}
.social {
	position: absolute;
	top: 54px;
	left: 52.7%;
}
.social li {
	margin-right: 22px;
}
.social li a {
	font-size: 14px;
	color: #fff;
}
.blue-mind, .red-mind {
	position: absolute;
	top: 50%;
	left: calc(50% - 210px);
	left: -webkit-calc(50% - 210px);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	-moz-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	-ms-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	-o-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
}
.red-mind {
	left: auto;
	right: calc(50% - 210px);
	right: -webkit-calc(50% - 210px);
}
.animate .blue-mind {
	left: 126px;
}
.animate .red-mind {
	right: 126px;
}
.banner-content {
	position: absolute;
	top: 52.8%;
	left: 49.2%;
	-webkit-transform: translate(-50%,-50%) scale(0);
	-moz-transform: translate(-50%,-50%) scale(0);
	-ms-transform: translate(-50%,-50%) scale(0);
	-o-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0);
	-webkit-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	-moz-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	-ms-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	-o-transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	transition: all 1.5s cubic-bezier(.25, .1, .25, 1);
	transition-delay: 0.1s;
}
.animate .banner-content {
	-webkit-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-o-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
}
.banner-content strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	color: #fff;
	position: absolute;
	line-height: 1.2;
}
.banner-content .top-text {
	left: 120px;
	bottom: 100%;
}
.banner-content .bottom-text {
	left: 120px;
	bottom: -17px;
}
.banner-content .top-line, .banner-content .bottom-line {
	position: absolute;
	width: 2px;
	background-color: #c6a46f;
	height: 0;
	-webkit-transform: rotate(56.1deg);
	-moz-transform: rotate(56.1deg);
	-ms-transform: rotate(56.1deg);
	-o-transform: rotate(56.1deg);
	transform: rotate(56.1deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1s cubic-bezier(.25, .1, .25, 1);
	-moz-transition: all 1s cubic-bezier(.25, .1, .25, 1);
	-ms-transition: all 1s cubic-bezier(.25, .1, .25, 1);
	-o-transition: all 1s cubic-bezier(.25, .1, .25, 1);
	transition: all 1s cubic-bezier(.25, .1, .25, 1);
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}
.banner-content .top-line {
	-webkit-transform: rotate(56.1deg) translateY(-100%);
	-moz-transform: rotate(56.1deg) translateY(-100%);
	-ms-transform: rotate(56.1deg) translateY(-100%);
	-o-transform: rotate(56.1deg) translateY(-100%);
	transform: rotate(56.1deg) translateY(-100%);
	
}
.animate .top-line {
	/*-webkit-transform: rotate(56.1deg);
	-moz-transform: rotate(56.1deg);
	-ms-transform: rotate(56.1deg);
	-o-transform: rotate(56.1deg);
	transform: rotate(56.1deg);*/
}
.banner-content .top-line {
	left: calc(50% + 26px);
	left: -webkit-calc(50% + 26px);
	bottom: calc(100% + 20px);
	bottom: -webkit-calc(100% + 20px);
}
.banner-content .bottom-line {
	left: 232px;
	top: calc(100% + 30px);
	top: -webkit-calc(100% + 30px);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
}
.banner .scroll-down {
	position: absolute;
	bottom: 78px;
	left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner .scroll-down a {
	display: inline-block;
	width: 66px;
	height: 66px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #a8a39d;
	margin-bottom: 10px;
}
.banner .scroll-down strong {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 9px;
	color: #a8a39d;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}
.banner .scroll-down span {
	font-family: 'PT Sans', sans-serif;
}
/*=========Banner style End=========*/
/*=========UI/UX style Start=========*/
.ui-title {
	width: 100vw;
	height: 100vh;
	z-index: 11;
	background-color: #fff;
	float: left;
	position: relative;
}
.ui-heading {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.ui-heading span {
	font-size: 36px;
	font-family: 'PT Sans', sans-serif;
	color: #0d0d0d;
	display: block;
	margin-bottom: 10px;
}
.ui-heading strong {
	font-family: 'PT Sans', sans-serif;
	display: block;
	font-size: 150px;
	color: #141414;
}
.slideone-wrap, .slidetwo-wrap, .slidethree-wrap {
	position: relative;
}
.ui-slider-item {
	width: 700vw;
	height: calc(100vh - 40px);
	height: -webkit-calc(100vh - 40px);
	position: relative;
	overflow: hidden;
	float: left;
}
.slide-wrap, .bg-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 700vw;
	height: calc(100vh - 40px);
	height: -webkit-calc(100vh - 40px);
	z-index: 1;
}
.slide-one, .slide-one .slide-wrap, .slide-one .bg-wrap {
	width: 300vw;
}
.slide-two, .slide-two .slide-wrap, .slide-two .bg-wrap {
	width: 500vw;
}
.slide-three, .slide-three .slide-wrap, .slide-three .bg-wrap {
	width: 700vw;
}
.slide-wrap {
	z-index: 2;
}
.bg-slide {
	width: 100vw;
	height: calc(100vh - 40px);
	height: -webkit-calc(100vh - 40px);
	position: relative;
}
.bg-slide.black {
	background-color: #141414;
}
.bg-slide.blue {
	background-color: #241dc2;
}
.bg-slide.red {
	background-color: #e71937;
}
.bg-slide.grey {
	background-color: #1a1a1a;
}
.bg-slide.white {
	background-color: #fff;
}
.bg-slide .vector {
	position: absolute;
	top: 0;
	right: -296px;
	height: calc(100vh - 40px);
	height: -webkit-calc(100vh - 40px);
	z-index: 1;
}
.bg-slide .vector-w {
	right: auto;
	left: -539px;
}
.bg-slide .vector-m {
	right: -650px;
}
.bg-slide .vector-a {
	right: -150px;
}
.bg-slide .vector-p {
	right: auto;
	left: -400px;
}
.bg-slide .vector-e {
	right: -350px;
}
.bg-slide .vector-m-red {
	right: -350px;
}
.bg-slide .vector-g {
	right: auto;
	left: 0;
}
.bg-slide .vector-p-white {
	right: -500px;
}
.bg-slide .vector-s {
	right: 0;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}
.bg-slide  img {
	height: 100%;
}
.slide {
	/*width: 100vw;*/
	/*height: calc(100vh - 40px);*/
	/*height: -webkit-calc(100vh - 40px);*/
	position: relative;
	background: transparent;
}
.brand-description, .campaign-meter, .social-meter {
	position: absolute;
	top: 52%;
	left: 34%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 790px;
}
.brand-description > span {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 38px;
	color: #fff;
	margin: 0 0 19px 132px;
	letter-spacing: 0.7px;
}
.app-design {
	width: 575px;
	left: 32%;
}
.app-design > span {
	font-size: 30px;
}
.brand-description strong {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 150px;
	letter-spacing: -6px;
	line-height: 0.95;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
}
.app-design strong {
	font-size: 112px;
}
.brand-description .sub-detail {
	padding-left: 133px;
}
.brand-description p {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
	letter-spacing: 1.2px;
	margin-bottom: 43px;
}
.btn .icon-arrow, .btn .icon-arrow-black {
	background-position: -16px -13px;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn .icon-arrow-black {
	background-position: -147px -13px;
}
.btn:hover .icon-arrow-black {
	background-position: -16px -13px;
}
.brand-description .circle-vector {
	position: absolute;
	top: 92px;
	left: 100%;
	margin-left: -48px;
	background-color: #0d0d0d;
	width: 597px;
	padding: 28px;
	text-align: center;
}
.brand-description .circle-vector img {
	margin: 0 auto;
}
.brand-description .circle-vector:after {
	position: absolute;
	left: -205px;
	top: 50%;
	margin-top: 1px;
	background-color: #d59f4c;
	content: '';
	-webkit-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transform: rotate(38deg) translateY(-68.6%);
	-moz-transform: rotate(38deg) translateY(-68.6%);
	-ms-transform: rotate(38deg) translateY(-68.6%);
	-o-transform: rotate(38deg) translateY(-68.6%);
	transform: rotate(38deg) translateY(-68.6%);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	width: 1px;
	height: 820px;
	z-index: -1;
}
.brand-description .total-brands {
	position: absolute;
	width: 90px;
	height: 90px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	left: 43%;
	bottom: calc(100% + 70px);
	bottom: -webkit-calc(100% + 70px);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.total-brands span, .total-brands span a {
	font-family: 'PT Sans', sans-serif;
	color: #0d0d0d;
	font-size: 14px;
	display: block;
	line-height: 1.2;
}
.total-brands span a {
	text-decoration: underline;
}
.total-brands .trf-center {
	width: 100%;
}
.brand-description .camera-pc {
	position: absolute;
	top: 92px;
	left: 100%;
	width: 852px;
	margin-left: -168px;
}
.awards-abduedo {
	position: absolute;
	width: 465px;
	left: 120px;
	bottom: calc(100% + 80px);
	bottom: -webkit-calc(100% + 80px);
}
.awards-abduedo:after {
	position: absolute;
	left: 168px;
	bottom: -30px;
	background-color: #f1c785;
	content: '';
	-webkit-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	-o-transform: rotate(38deg);
	transform: rotate(38deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 100vh;
}
.user-connect {
	position: absolute;
	top: -41px;
	left: 100%;
	margin-left: -55px;
	z-index: -1;
	width: 199px;
}
.app-design-info {
	width: 570px;
	position: absolute;
	top: 73px;
	left: calc(100% + 200px);
	left: -webkit-calc(100% + 200px);
}
.app-design-info:after, .dot-net .sub-detail strong:after, .php-open:after {
	position: absolute;
	left: 70px;
	bottom: -60px;
	background-color: #f1c785;
	content: '';
	-webkit-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	-o-transform: rotate(38deg);
	transform: rotate(38deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 790px;
	z-index: -1;
}
.design-soft {
	position: absolute;
	right: 150px;
	width: 310px;
	bottom: calc(100% + 50px);
	bottom: -webkit-calc(100% + 50px);
}
.design-soft figure {
	margin-bottom: 13px;
}
.design-soft img {
	display: inline-block;
}
.design-soft p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0;
}
.dot-net {
	left: 50%;
	width: 1257px;
}
.net-img {
	margin: 0 0 10px 70px;
}
.dot-net .sub-detail {
	width: 950px;
	padding-left: 70px;
	position: relative;
}
.dot-net .sub-detail .left {
	width: 480px;
}
.dot-net .sub-detail strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.2;
	margin-bottom: 30px;
	position: relative;
}
.dot-net .sub-detail strong:after {
	left: auto;
	right: -15px;
	bottom: -37px;
	height: 100vh;
}
.dot-net .sub-detail li {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 3px;
}
.dot-net .sub-detail .right {
	width: 300px;
	padding-top: 70px;
}
.dot-net .sub-detail span {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
.dot-net .sub-detail p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	color: #fff;
	margin-bottom: 20px;
}
.sub-detail .advertise {
	position: absolute;
	top: -60px;
	left: calc(100% + 60px);
	left: -webkit-calc(100% + 60px);
	width: 519px;
}
.php-open {
	width: 1350px;
	left: 53%;
	position: relative;
}
.php-open:after {
	width: 750px;
	height: 1px;
	top: 50%;
	left: 220px;
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	transform: rotate(-55deg);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}
.php-open .sub-detail {
	padding: 0;
}
.php-open .sub-detail .left {
	width: 600px;
}
.php-open .sub-detail strong {
	font-size: 112px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.php-open .sub-detail p {
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.php-open .sub-detail li {
	float: left;
	text-align: center;
	margin: 0 70px 50px 0;
}
.php-open .sub-detail li img {
	display: inline-block;
	vertical-align: bottom;
}
.php-open .sub-detail li figure {
	height: 79px;
	margin-bottom: 10px;
}
.php-open .sub-detail li span {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #fff;
	text-transform: capitalize;
}
.php-open .sub-detail .right {
	text-align: right;
	width: 700px;
	position: relative;
}
.drupal-baloon {
	position: absolute;
	right: 0;
	bottom: calc(100% - 195px);
	bottom: -webkit-calc(100% - 195px);
}
.e-commerce {
	width: auto;
	left: 35%;
}
.e-commerce strong {
	font-size: 112px;
	text-transform: none;
}
.e-commerce .sub-detail {
	width: 460px;
}
.ecommerce-img {
	position: absolute;
	width: 631px;
	top: 50%;
	left: 100%;
	margin-left: -50px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mobile-app {
	left: 40%;
	width: 700px;
}
.mobile-app span {
	margin: 0 0 15px;
	line-height: 1.5;
}
.mobile-app strong {
	font-size: 112px;
	margin: 0 0 40px -122px;
}
.mobile-app li {
	margin-right: 18px;
	text-align: center;
}
.mobile-app li figure {
	margin-bottom: 5px;
	min-height: 91px;
}
.mobile-app ul {
	margin-bottom: 30px;
}
.mobile-app li span {
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #fff;
}
.sparx-mobile {
	position: absolute;
	width: 1050px;
	top: 60%;
	left: 40%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mobile-service {
	width: 1400px;
	top: 53%;
	left: 55%;
}
.mobile-service .left {
	width: 350px;
}
.mobile-service .left span {
	font-family: 'PT Sans', sans-serif;
	font-size: 24px;
	color: #fff;
	display: block;
	line-height: 1.2;
	margin-bottom: 15px;
}
.mobile-service .left ul {
	position: relative;
}
.mobile-service .left ul:after {
	position: absolute;
	top: 60%;
	right: -50px;
	background-color: #f1c785;
	content: '';
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	width: 1px;
	height: 100vh;
}
.mobile-service .left li {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #fff;
}
.mobile-service .right {
	width: 1100px;
	text-align: center;
	position: relative;
}
.mobile-service .right:after {
	position: absolute;
	bottom: 40%;
	left: 60%;
	background-color: #f1c785;
	content: '';
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 100vh;
}
.app-survey .survey {
	margin-bottom: 20px;
}
.app-survey .survey strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 150px;
	color: #fff;
	display: block;
	margin-bottom: 0;
	line-height: 0.8;
}
.app-survey .survey span {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 112px;
	color: #fff;
	margin-bottom: 5px;
}
.app-survey .survey .sub-text {
	display: inline-block;
	font-size: 49px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.app-survey .survey .description {
	width: 250px;
	margin: 0 auto;
}
.app-survey .survey i {
	position: relative;
	top: 3px;
	margin-right: 10px;
}
.app-survey .survey .icon-develop {
	background-position: -50px -42px;
	width: 34px;
	height: 19px;
}
.app-survey .survey .icon-download {
	background-position: -97px -38px;
	width: 23px;
	height: 23px;
}
.app-survey .survey .icon-chat {
	background-position: -7px -35px;
	width: 30px;
	height: 29px;
}
.app-survey .survey .description span {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 1.2;
	text-align: left;
}
.digital-marketing {
	left: 28%;
	width: 525px;
}
.digital-marketing strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	color: #1a1a1a;
	letter-spacing: 1px;
	line-height: 1.3;
	display: block;
	margin-bottom: 5px;
}
.digital-marketing span {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	color: #1a1a1a;
	line-height: 1.3;
	display: block;
	margin: 0 0 40px;
}
.digital-marketing p {
	font-family: 'PT Sans', sans-serif;
	color: #1a1a1a;
	margin-bottom: 30px;
}
.brand-description .social-icon li, .campaign-meter .social-icon li, .social-meter .social-icon li {
	margin-right: 17px;
}
.brand-description .social-icon i, .campaign-meter .social-icon i, .social-meter .social-icon i {
	width: 18px;
	height: 19px;
}
.brand-description .icon-twitter-grey, .social-meter .icon-twitter-grey {
	background-position: -34px -8px;
}
.brand-description .icon-facebook-grey, .social-meter .icon-facebook-grey {
	background-position: -62px -8px;
}
.brand-description .icon-twitter-white, .campaign-meter .icon-twitter-white {
	background-position: -90px -9px;
}
.brand-description .icon-facebook-white, .campaign-meter .icon-facebook-white {
	background-position: -118px -9px;
}
.digital-process {
	position: absolute;
	width: 850px;
	left: calc(100% + 70px);
	left: -webkit-calc(100% + 70px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.digital-process:after {
	position: absolute;
	top: 55%;
	right: -40px;
	background-color: #f1c785;
	content: '';
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	width: 1px;
	height: 100vh;
	z-index: -1;
}
.search-engine {
	width: 330px;
}
.search-engine strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	color: #1a1a1a;
	letter-spacing: 1px;
	line-height: 1.4;
	display: block;
	margin-bottom: 25px;
}
.search-engine .sub-detail {
	padding-left: 50px;
}
.search-engine span {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #1a1a1a;
	line-height: 1.5;
	display: block;
	margin-bottom: 30px;
}
.search-engine span a {
	line-height: 0.8;
	display: inline-block;
	vertical-align: bottom;
}
.search-engine .sub-detail strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	display: inline-block;
	margin: 0;
}
.search-engine .btn {
	line-height: 1.2;
}
.bg-slide .vector-g:after {
	position: absolute;
	bottom: 35%;
	left: 100%;
	margin-left: -60px;
	background-color: #f1c785;
	content: '';
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 100vh;
}
.campaign-meter {
	top: 50%;
	left: 200px;
	width: 2150px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.campaign-meter li {
	line-height: 1;
	margin-right: 25px;
	border-left: 1px solid #f9f9f9;
}
.campaign-meter li:first-child, .campaign-meter .bottom li, .campaign-meter .social-icon li {
	border: none;
}
.campaign-meter .top {
	margin-bottom: 60px;
}
.campaign-meter strong {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	line-height: 0.7;
	display: block;
	margin-bottom: 10px;
}
.campaign-meter span {
	font-family: 'PT Sans', sans-serif;
	line-height: 0.8;
	display: block;
}
.campaign-meter .search strong {
	font-size: 172px;
	text-align: right;
}
.campaign-meter .search span {
	font-size: 128px;
	letter-spacing: 4px;
	color: #fff;
}
.campaign-meter .search, .campaign-meter .shopping {
	padding-left: 20px;
	margin-right: 35px;
}
.campaign-meter .shopping strong {
	font-size: 150px;
	text-align: right;
}
.campaign-meter .shopping span, .campaign-meter .display-ad strong {
	font-size: 70px;
	letter-spacing: 2.5px;
	color: #fff;
}
.campaign-meter .shopping figure {
	margin-left: 50px;
}
.campaign-meter .mobile-apps strong {
	font-size: 192px;
	text-align: right;
}
.campaign-meter .mobile-apps span {
	font-size: 74px;
	color: #fff;
}
.campaign-meter .mobile-apps img {
	display: inline-block;
	margin-left: 50px;
}
.campaign-meter .display-ad strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 126px;
	color: #fff;
}
.campaign-meter .paid strong, .campaign-meter .paid span {
	display: block;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 15px;
	color: #fff;
}
.campaign-meter .paid strong {
	font-family: 'PT Sans', sans-serif;
}
.campaign-meter .paid {
	margin-right: 25px;
}
.campaign-meter a {
	display: inline-block;
}
.campaign-meter .google {
	width: 235px;
	margin-right: 150px;
}
.campaign-meter .google a {
	margin-bottom: 20px;
}
.campaign-meter .bottom .general {
	width: 560px;
	border: 1px solid #f9f9f9;
	padding: 35px;
	margin-right: 90px;
}
.campaign-meter .general span, .campaign-meter .general a {
	font-size: 36px;
	line-height: 1.4;
	color: #fff;
}
.campaign-meter .general a {
	font-family: 'PT Sans', sans-serif;
	display: inline;
	color: #fff;
	letter-spacing: -0.3px;
}
.campaign-meter .general img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.campaign-meter .shopping .left, .campaign-meter .shopping .right {
	margin-right: 0;
	border: none;
	padding: 0;
}
.campaign-meter .right {
	padding-left: 50px;
	border-left: 1px solid #f9f9f9;
}
.campaign-meter .display-ad span {
	font-size: 70px;
	line-height: 1;
	margin-bottom: 25px;
	color: #fff;
}
.campaign-meter .display-ad strong {
	margin-bottom: 45px;
}

.social-meter {
	top: 50%;
	left: calc(100% + 200px);
	left: -webkit-calc(100% + 200px);
	width: 1500px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.social-meter li {
	line-height: 1;
	margin-right: 50px;
	border-left: 1px solid #252525;
}
.social-meter li:first-child, .social-meter .social-icon li {
	border: none;
}
.social-meter .top {
	margin-bottom: 60px;
}
.social-meter strong {
	font-family: 'PT Sans', sans-serif;
	color: #1a1a1a;
	line-height: 0.7;
	display: block;
	margin-bottom: 10px;
}
.social-meter span {
	font-family: 'PT Sans', sans-serif;
	line-height: 0.8;
	display: block;
	color: #1a1a1a;
}
.social-meter .qualified strong {
	font-size: 172px;
	text-align: right;
	padding-left: 25px;
	margin-bottom: 55px;
}
.social-meter .qualified span {
	font-size: 70px;
	letter-spacing: 4px;
}
.social-meter .qualified, .social-meter .promote, .social-meter .accounts {
	padding-left: 35px;
	margin-right: 70px;
}
.social-meter .promote strong {
	font-size: 90px;
	line-height: 1;
}
.social-meter .promote span {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	padding-left: 50px;
	margin-bottom: 15px;
}
.social-meter .accounts strong {
	font-size: 219px;
	padding-left: 50px;
	margin-bottom: 25px;
}
.social-meter .accounts span {
	font-size: 48px;
	letter-spacing: 5px;
}
.social-meter .social-media strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 25px;
}
.social-meter .social-media p {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #1a1a1a;
	line-height: 1.2;
	margin-bottom: 25px;
}
.social-meter .social-media {
	margin-right: 50px;
	width: 280px;
}
.social-meter .bottom .general {
	width: 560px;
	border: 1px solid #252525;
	padding: 35px;
	margin-right: 90px;
}
.social-meter .general span, .social-meter .general a {
	font-size: 36px;
	line-height: 1.4;
}
.social-meter .general a {
	font-family: 'PT Sans', sans-serif;
	display: inline;
	color: #1a1a1a;
}
.social-meter .general img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.social-meter .social-image {
	position: absolute;
	width: 889px;
	left: 100%;
	margin-left: 100px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.social-meter .social-image:after {
	position: absolute;
	top: 100%;
	margin: -153px -2px 0 0;
	right: 100%;
	background-color: #f1c785;
	content: '';
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	width: 1px;
	height: 100vh;
}
.stories-description {
	left: 260%;
	width: 850px;
}
.stories-description span {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	margin-bottom: 25px;
}
.stories-description strong {
	display: inline-block;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	margin: 0;
	letter-spacing: 1px;
}
.stories-description .stories > strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	color: #fff;
	text-transform: capitalize;
	display: block;
	margin: 0 0 25px -60px;
}
.stories-description .social-icon a {
	margin: 0;
}
.stories-description a img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
.stories-description p {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	margin-bottom: 25px;
}
.stories {
	margin-bottom: 200px;
}
.content-marketing {
	margin-bottom: 0;
	position: relative;
}
.content-marketing:after {
	position: absolute;
	bottom: calc(100% + 50px);
	bottom: -webkit-calc(100% + 50px);
	left: -65px;
	background-color: #f1c785;
	content: '';
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 100vh;
}
/*=========UI/UX style End=========*/
/*=========Service style Start=========*/
.service-wrap {
	overflow: hidden;
	background-color: #e71937;
}
.service-wrap .left, .service-wrap .right {
	float: left;
	width: 50%;
	height: 100vh;
	position: relative;
}
.service-wrap .right {
	float: right;
}
.service-info figure img {
	height: 100vh;
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.service-info li {
	float: left;
	margin-right: 30px;
}
.service-info li:last-child {
	margin-right: 0;
}
.service-info ul {
	position: absolute;
	left: 0;
	bottom: 100%;
}
.service-info h2 {
	margin-bottom: 25px;
}
.service-info p {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #fff;
	line-height: 2;
	margin-bottom: 25px;
}
.service-info span {
	display: block;
}
.service-info .description {
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	padding-top: 30px;
}
.service-info .sales {
	left: 35%;
}
.service-info .sales:after {
	position: absolute;
	bottom: calc(100% + 30px);
	bottom: -webkit-calc(100% + 30px);
	left: -40px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 100vh;
}
.service-info .sales:after {
	position: absolute;
	bottom: calc(100% + 30px);
	bottom: -webkit-calc(100% + 30px);
	left: -40px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 100vh;
}
.service-info .sales:before {
	position: absolute;
	top: 100%;
	margin-top: -15px;
	left: -70px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	width: 1px;
	height: 100vh;
}
/*=========Service style End=========*/
/*=========Partner style Start=========*/
.partner-wrap {
	height: 100vh;
	background: url(../images/partner-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.partner-area {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1300px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.partner-area .tab li {
	margin-left: 36px;
	cursor: pointer;
}
.partner-area .tab a {
	font-family: 'PT Sans', sans-serif;
	font-size: 24px;
	color: #1a1a1a;
	text-transform: capitalize;
	display: block;
	padding: 2px;
	position: relative;
}
.partner-area .tab a:after {
	position: absolute;
	left: 35%;
	bottom: calc(100% + 10px);
	bottom: -webkit-calc(100% + 10px);
	margin-top: 1px;
	background-color: #d59f4c;
	content: '';
	-webkit-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transform: rotate(-55deg) translateX(100%);
	-moz-transform: rotate(-55deg) translateX(100%);
	-ms-transform: rotate(-55deg) translateX(100%);
	-o-transform: rotate(-55deg) translateX(100%);
	transform: rotate(-55deg) translateX(100%);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 100vw;
	height: 1px;
}
.partner-area .tab .active a:after {
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
.partner-area .tab .active a {
	color: #fff;
	background-color: #1a1a1a;
}
.partner-area .tab {
	margin-bottom: 25px;
}
.partner-area .left {
	width: 618px;
	background-color: #fff;
	padding: 80px 30px 0;
}
.partner-area .right {
	width: 518px;
	padding: 80px 30px 60px;
	background-color: #fff;
}
.partner-area strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 112px;
	color: #1a1a1a;
	text-transform: capitalize;
	display: block;
	margin-bottom: 30px;
}
.partner-area p {
	font-size: 17px;
	color: #1a1a1a;
	line-height: 1.5;
}
.partner-area .tab-img li {
	width: 50%;
	text-align: center;
	margin-bottom: 89px;
}
.partner-area  .tab-img .client-img li {
	margin-bottom: 80px;
}
.partner-area .tab-content, .partner-area .tab-img {
	display: none;
}
.partner-area .tab-content.active, .partner-area .tab-img.active {
	display: block;
}
/*=========Partner style End=========*/
/*=========Feature style Start=========*/
.feature-wrap {
	height: 100vh;
	background:#fff;
	position: relative;
	overflow: hidden;
}
.feature-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease ;
	-moz-transition: all 0.3s ease ;
	-ms-transition: all 0.3s ease ;
	-o-transition: all 0.3s ease ;
	transition: all 0.3s ease ;
	z-index: 1;
}
.feature-wrap .jewel , .feature-wrap.active1 .doodern , .feature-wrap.active2 .kulmark , .feature-wrap.active3 .super-margin {
	opacity: 1;
	visibility: visible;
}
.feature-overlay img {
	width: 100%;
	height: 100vh;
	object-fit:cover;
}
.feature-wrap:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	content: '';
	z-index: 2;
	background: -moz-linear-gradient(45deg, rgba(231,25,55,1) 0%, rgba(231,25,55,1) 5%, rgba(36,29,194,1) 12%, rgba(31,25,163,1) 19%, rgba(23,18,114,0.3) 30%, rgba(18,14,83,0) 37%, rgba(9,7,33,0) 48%, rgba(4,2,2,0.58) 55%, rgba(4,2,2,1) 60%);
    background: -webkit-linear-gradient(45deg, rgba(231,25,55,1) 0%,rgba(231,25,55,1) 5%,rgba(36,29,194,1) 12%,rgba(31,25,163,1) 19%,rgba(23,18,114,0.3) 30%,rgba(18,14,83,0) 37%,rgba(9,7,33,0) 48%,rgba(4,2,2,0.58) 55%,rgba(4,2,2,1) 60%);
    background: linear-gradient(45deg, rgba(231,25,55,1) 0%,rgba(231,25,55,1) 5%,rgba(36,29,194,1) 12%,rgba(31,25,163,1) 19%,rgba(23,18,114,0.3) 30%,rgba(18,14,83,0) 37%,rgba(9,7,33,0) 48%,rgba(4,2,2,0.58) 55%,rgba(4,2,2,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71937', endColorstr='#040202',GradientType=1 );
}
.feature-area {
	position: absolute;
	bottom: 0;
	width: 1220px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
}
.feature-area .left {
	width: 480px;
}
.feature-area .featured-work {
	display: none;
}
.feature-area .featured-work.active {
	display: block;
}
.feature-area .featured-work strong {
	font-family: 'PT Sans', sans-serif;
	text-transform: capitalize;
	font-size: 24px;
	color: #b6925b;
	display: block;
	margin-bottom: 50px;
}
.feature-area .featured-work h2 {
	text-transform: uppercase;
	margin: 0 0 40px -50px;
	text-shadow: 0 0 20px #141414;
}
.feature-area .featured-work h2 sup {
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	position: relative;
	top: -20px;
}
.feature-area .featured-work p {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 40px;
	text-shadow: 0 0 20px #141414;
}
.feature-area .right {
	width: 557px;
	background-color: #fff;
	padding: 106px 66px 40px;
	overflow: hidden;
	min-height: 649px;
}
.feature-accordion a, .feature-accordion .feature-content {
	padding-left: 60px;
	position: relative;
}
.feature-accordion > li {
	margin-bottom: 20px;
	position: relative;
}
.feature-accordion a {
	font-size: 17px;
	color: #7d7c84;
	display: inline-block;
	overflow: hidden;
}
.feature-accordion a span {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.feature-accordion a strong {
	display: inline-block;
	padding-right: 30px;
	position: relative;
}
.feature-accordion .active a {
	color: #1a1a1a;
	display: block;
	width: calc(100% - 28px);
	width: -webkit-calc(100% - 28px);
}
.feature-accordion .active a strong:after, .feature-accordion .active a strong:before {
	position: absolute;
	top: 50%;
	width: 100vw;
	height: 1px;
	background-color: #ebebeb;
	left: 100%;
	content: '';
	z-index: 1;
}
.feature-accordion .active a strong:before {
	background-color: #1a1a1a;
	width: 34px;
	z-index: 2;
}
.feature-accordion > li:after {
	position: absolute;
	left: 100%;
	top: 9px;
	background-color: #d59f4c;
	content: '';
	-webkit-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transform: rotate(-55deg) translateX(100%);
	-moz-transform: rotate(-55deg) translateX(100%);
	-ms-transform: rotate(-55deg) translateX(100%);
	-o-transform: rotate(-55deg) translateX(100%);
	transform: rotate(-55deg) translateX(100%);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 100vw;
	height: 1px;
}
.feature-accordion > .active:after {
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
.feature-accordion > .active a:after {
	position: absolute;
	width: 100%;
}
.feature-accordion .feature-content {
	padding: 30px 0 30px 60px;
	display: none;
}
.feature-accordion .feature-content li {
	margin-right: 45px;
}
.feature-accordion .feature-content li:last-child {
	margin-right: 0;
}
.feature-accordion .feature-content.active {
	display: block;
}
.feature-accordion p {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 30px;
}
.feature-accordion .design-process i {
	width: 38px;
	height: 38px;
	margin-bottom: 10px;
}
.feature-accordion .design-process li {
	text-align: center;
}
.feature-accordion .icon-design {
	background-position: -7px -77px;
}
.feature-accordion .icon-web {
	background-position: -57px -77px;
}
.feature-accordion .icon-cms {
	background-position: -107px -77px;
}
.feature-accordion .icon-code {
	background-position: -157px -77px;
}
.feature-accordion .design-process span {
	font-size: 11px;
	color: #1a1a1a;
	text-transform: uppercase;
	display: block;
	line-height: 1;
}
/*=========Feature style End=========*/
/*=========Discuss style Start=========*/
.discuss-wrap {
	padding: 100px 0 54px;
	overflow: hidden;
	background-color: #fff;
}
.discuss-area {
	width: 930px;
	margin: 0 auto;
}
.discuss-area h3 {
	margin-bottom: 70px;
	text-align: center;
}
.discuss-area span {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #1a1a1a;
	display: block;
	text-transform: capitalize;
	margin: 0 0 25px 55px;
}
.discuss-area strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 48px;
	color: #1a1a1a;
	display: block;
	text-transform: capitalize;
}
.discuss-area figure {
	margin: 0 30px;
}
.discuss-area .creativity, .discuss-area .technology {
	margin-bottom: 60px;
	position: relative;
}
.discuss-area .btn {
	min-width: 148px;
}
.discuss-area .technology:after {
	position: absolute;
	top: 50%;
	left: -15px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	width: 1px;
	height: 273px;
}
/*=========Discuss style End=========*/

/*
 3.) Service Page
 ===============================================*/
/*=========Service style Start=========*/
.service-banner {
	min-height: 100vh;
	background-color: #e71937;
	position: relative;
	overflow: hidden;
}
.vector-w-red {
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
}
.service-banner .vector img {
	height: 100vh;
}
.service-banner-area {
	width: 800px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}
.service-banner-area figure {
	margin-bottom: 15px;
	width: 110px;
	height: 110px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #212121;
	overflow: hidden;
	position: relative;
}
.service-banner-area figure svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 60px;
	max-width: 60px;
}
.service-banner-area h1 {
	font-size: 96px;
	color: #fff;
	display: block;
	margin: 0 0 36px -123px;
	position: relative;
}
.ruby-banner-area h1 {
	font-size: 88px;
}
.java-banner-area h1 {
	font-size: 77px;
}
.service-banner-area strong:after {
	position: absolute;
	top: 50%;
	right: 103%;
	width: 100vh;
	height: 1px;
	background-color: #f0b87e;
	content: '';
	-webkit-transform: rotate(-53deg);
	-moz-transform: rotate(-53deg);
	-ms-transform: rotate(-53deg);
	-o-transform: rotate(-53deg);
	transform: rotate(-53deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}
.service-banner-area p {
	color: #fff;
	width: 480px;
	line-height: 1.7;
	margin-bottom: 44px;
	letter-spacing: -0.3px;
}
.service-banner .rating-wrap {
	width: 900px;
	background-color: #fff;
	padding: 26px 20px;
	margin: 0 auto;
	position: relative;
}
.service-banner .rating {
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #141414;
	margin-right: 15px;
}
.service-banner .rating .left {
	padding: 5px 6px;
}
.service-banner .rating .right {
	background-color: #3e3e3e;
	padding: 5px 8px;
}
.service-banner .rating-wrap > a {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	color: #231f20;
	text-transform: capitalize;
	margin-left: 10px;
}
.service-banner .rating-wrap > a .icon-arrow-black {
	background-position: -147px -13px;
	width: 6px;
	height: 10px;
	margin-left: 4px;
}
.service-banner .rating-wrap > a span {
	border-bottom: 1px solid #141414;
}
.service-banner .rating a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}
.service-banner .rating-wrap p {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #231f20;
	margin: 0;
	letter-spacing: -0.2px;
}
/*=========Service style End=========*/
/*=========Web style Start=========*/
.sparx-vector img {
	display: block;
}
.web-wrap {
	background-color: #f1f1f1;
	padding: 0 0 128px 100px;
}
.web-wrap .web-content {
	width: 1088px;
	margin: 0 auto;
}
.web-wrap .description {
	width: 623px;
	padding: 64px 105px 73px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	top: -220px;
	position: relative;
	background-color: #fff;
	position: relative;
}
.web-wrap strong {
	font-family: 'PT Sans', sans-serif;
	font-size: 48px;
	color: #231f20;
	margin: 0 0 25px -56px;
	display: block;
	text-transform: uppercase;
}
.web-wrap strong span {
	display: block;
}
.web-wrap p {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #231f20;
	line-height: 1.7;
	letter-spacing: 1.6px;
	margin-bottom: 30px;
}
.web-wrap .description > span {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #231f20;
	display: block;
	line-height: 1.4;
	margin-bottom: 30px;
}
.web-wrap .btn {
	min-width: 171px;
}
.web-wrap .card {
	position: absolute;
	left: 100%;
	margin-left: -70px;
	top: -60px;
	width: 530px;
	padding: 28px 46px 70px 46px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	background-color: #fff;
}
.web-wrap .card figure {
	margin-bottom: 30px;
}
.web-wrap .expert {
	position: absolute;
	text-align: center;
	top: calc(100% + 80px);
	top: -webkit-calc(100% + 80px);
	left: calc(50% + 35px);
	left: -webkit-calc(50% + 35px);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.web-wrap .expert figure {
	width: 45px;
	height: 45px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 10px;
}
.web-wrap .expert img {
	width: 100%;
}
.web-wrap .expert a {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	color: #231f20;
	text-transform: uppercase;
	text-decoration: underline;
	display: inline-block;
}
/*=========Web style End=========*/
/*=========Service style Start=========*/
.service {
	padding: 0 0 293px 100px;
}
.explore-none {
	padding: 0 0 0 100px;
}
.service .title {
	width: 1120px;
	margin: -141px auto 0;
	text-align: center;
}
.service  h2 {
	font-size: 80px;
	color: #231f20;
	margin-bottom: 65px;
	line-height: 1.2;
	text-transform: uppercase;
}
.service a {
	display: block;
}
.service-area ul {
	border-top: 1px solid #ebebeb;
}
.service-area li {
	width: calc(100%/3);
	width: -webkit-calc(100%/3);
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service-area li .description {
	padding: 40px 37px 46px;
	position: relative;
}
.service-area li:nth-child(3n) {
	border-right: none;
}
.service-area li * {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service-area li span {
	position: absolute;
	top: 36px;
	right: 25px;
	color: #0d0d0d;
	font-size: 18px;
}
.service-area li figure {
	text-align: center;
	margin: 0 auto 37px;
	width: 192px;
	height: 194px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #141414;
	position: relative;
}
.service-area li figure svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 90px;
}
.service-area li figure:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
	border: 4px solid #e71937;
	content: '';
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.service-area li:hover figure:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.service-area li:nth-child(2) figure:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.service-area li:nth-child(2):hover figure:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.service-area li:nth-child(3) figure:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.service-area li:nth-child(3):hover figure:after {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}
.service-area li:nth-child(4) figure:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.service-area li:nth-child(4):hover figure:after {
	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	-o-transform: rotate(405deg);
	transform: rotate(405deg);
}
.service-area li:nth-child(5) figure:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.service-area li:nth-child(5):hover figure:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.service-area li:nth-child(6) figure:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.service-area li:nth-child(6):hover figure:after {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
.service-area li:nth-child(7) figure:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.service-area li:nth-child(7):hover figure:after {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.service-area li:nth-child(8) figure:after {
	-webkit-transform: rotate(260deg);
	-moz-transform: rotate(260deg);
	-ms-transform: rotate(260deg);
	-o-transform: rotate(260deg);
	transform: rotate(260deg);
}
.service-area li:nth-child(8):hover figure:after {
	-webkit-transform: rotate(440deg);
	-moz-transform: rotate(440deg);
	-ms-transform: rotate(440deg);
	-o-transform: rotate(440deg);
	transform: rotate(440deg);
}
.service-area li:nth-child(9) figure:after {
	-webkit-transform: rotate(160deg);
	-moz-transform: rotate(160deg);
	-ms-transform: rotate(160deg);
	-o-transform: rotate(160deg);
	transform: rotate(160deg);
}
.service-area li:nth-child(9):hover figure:after {
	-webkit-transform: rotate(340deg);
	-moz-transform: rotate(340deg);
	-ms-transform: rotate(340deg);
	-o-transform: rotate(340deg);
	transform: rotate(340deg);
}
.service-area li img {
	width: 100%;
	display: none;
}
.service-area li strong {
	font-size: 20px;
	color: #231f20;
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 0.5px;
	display: block;
	text-align: center;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.service-area li p {
	font-family: 'PT Sans', sans-serif;
	color: #231f20;
	font-size: 14px;
	margin: 0;
	letter-spacing: 1px;
}
.service-area li:hover .description {
	background-color: #141414;
}
.service-area li:hover span, .service-area li:hover strong, .service-area li:hover p {
	color: #fff;
}
/*=========Service style End=========*/
/*=========Explore style Start=========*/
.explore-wrap {
	background-color: #e71937;
	position: relative;
	padding-left: 90px;
}
.explore-wrap .vector {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	text-align: right;
}
.explore-wrap .vector img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.explore-area {
	width: 1088px;
	margin: 0 auto;
	position: relative;
	top: -172px;
}
.explore-area .left {
	padding: 45px 44px;
	width: 527px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.explore-area figure:first-child {
	margin-bottom: 43px;
}
.explore-area figure img {
	display: block;
}
.explore-area .right {
	width: 561px;
	padding: 102px 50px 106px 121px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin: 72px 0 0 -2px;
}
.explore-area h3 {
	font-family: 'PT Sans', sans-serif;
	font-size: 48px;
	color: #231f20;
	line-height: 1.1;
	margin: 0 0 15px -58px;
	text-transform: uppercase;
}
.explore-area span {
	display: block;
}
.explore-area p {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	color: #231f20;
	line-height: 1.8;
	margin-bottom: 37px;
}
.explore-area .btn {
	min-width: 217px;
}
/*=========Explore style End=========*/
/*=========Word Press style Start=========*/
.about-service {
	padding: 133px 0 150px 100px;
}
.service-content {
	width: 1088px;
	margin: 0 auto;
	padding-left: 70px;
}
.about-service p {
	font-family: 'PT Sans', sans-serif;
	color: #231f20;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 0;
	letter-spacing: 1.4px;
}
.about-service p span {
	display: block;
}
.service-content .description {
	width: 533px;
	margin-top: 27px;
}
.service-content h4 {
	margin: 0 0 38px -72px;
	line-height: 1.2;
	text-transform: uppercase;
}
.service-content li {
	position: relative;
	padding-left: 38px;
	margin-bottom: 35px;
}
.service-content .sub-list li {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.service-content .sub-list li:last-child {
	margin-right: 0;
}
.service-content li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.service-content li p {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	margin: 0;
	line-height: 1.7;
}
.service-content h5 {
	font-family: 'PT Sans', sans-serif;
	font-size: 40px;
	color: #231f20;
	margin: 0 0 30px -72px;
}
.service-content .sub-description p {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	margin: 0 0 20px;
	line-height: 1.7;
}
.service-content strong {
	font-family: 'PT Sans', sans-serif;
	color: #231f20;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 30px;
	letter-spacing: 0.5px;
	display: block;
}
.service-content figure {
	position: relative;
	margin-right: -79px;
	width: 556px;
	text-align: center;
}
.service-content figure:after {
	position: absolute;
	left: calc(100% + 5px);
	left: -webkit-calc(100% + 5px);
	bottom: 50%;
	margin-top: 1px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(-29deg) translateX(100%);
	-moz-transform: rotate(-29deg) translateX(100%);
	-ms-transform: rotate(-29deg) translateX(100%);
	-o-transform: rotate(-29deg) translateX(100%);
	transform: rotate(-29deg) translateX(100%);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 100vw;
	height: 1px;
}
/*=========Word Press style End=========*/
/*=========Choose style Start=========*/
.choose-wrap {
	background-color: #f1f1f1;
	padding: 0 0 115px 73px;
	text-align: center;
}
.support-include {
	padding: 0 0 1px 73px;
}
.choose-wrap h4 {
	font-size: 85px;
	position: relative;
	top: -40px;
	margin-bottom: 17px;
	text-transform: uppercase;
}
.choose-content {
	width: 1260px;
	margin: 0 auto;
	background-color: #fff;
}
.choose-content ul {
	border-top: 1px solid #ebebeb;
	margin-bottom: 105px;
}
.choose-content li {
	width: 50%;
	padding: 40px 57px;
	position: relative;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.choose-content li:nth-child(2n) {
	border-right: none;
}
.choose-content li figure {
	text-align: center;
	margin: 0 auto 37px;
	width: 192px;
	height: 192px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	position: relative;
}
.choose-content li figure svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 90px;
}
.choose-content li figure:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
	border: 4px solid #e1e1e1;
	content: '';
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 0.4s cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.choose-content li:hover figure:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	border: 4px solid #e71937;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
}
.choose-content li:nth-child(2) figure:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.choose-content li:nth-child(2):hover figure:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.choose-content li:nth-child(3) figure:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.choose-content li:nth-child(3):hover figure:after {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}
.choose-content li:nth-child(4) figure:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.choose-content li:nth-child(4):hover figure:after {
	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	-o-transform: rotate(405deg);
	transform: rotate(405deg);
}
.choose-content li img {
	display: none;
}
.choose-content li strong {
	font-size: 18px;
	color: #231f20;
	font-family: 'bwmodelica-regular-cond';
	letter-spacing: 0.5px;
	display: block;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.choose-content li p {
	font-family: 'bwmodelica-regular-cond';
	color: #231f20;
	font-size: 14px;
	margin: 0;
	letter-spacing: 0.9px;
	text-align: left;
	line-height: 1.7;
}
.btn-support strong {
	font-family: 'Circular Std Bold';
	font-size: 150px;
	display: block;
	color: #231f20;
	margin-bottom: 25px;
}
.btn-support span {
	font-size: 17px;
	display: block;
	color: #231f20;
}
/*=========Choose style End=========*/
/*
 4.) Case Study Page
 ----------------------------------------*/
/*=========Banner style Start=========*/
.case-banner {
	height: 100vh;
	position: relative;
}
.case-banner video {
	width: 100%;
	height: 100vh;
	display: block;
	object-fit: cover;
	object-position: center;
}
.case-banner .video-wrap {
	position: relative;
}
.case-banner .video-wrap:after , .case-banner figure:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: -moz-linear-gradient(45deg, rgba(234,33,41,1) 1%, rgba(123,31,125,1) 10%, rgba(86,30,153,1) 13%, rgba(49,29,182,1) 16%, rgba(37,29,191,1) 17%, rgba(37,29,191,1) 18%, rgba(11,14,192,0.45) 100%);
	background: -webkit-linear-gradient(45deg, rgba(234,33,41,1) 1%,rgba(123,31,125,1) 10%,rgba(86,30,153,1) 13%,rgba(49,29,182,1) 16%,rgba(37,29,191,1) 17%,rgba(37,29,191,1) 18%,rgba(11,14,192,0.45) 100%);
	background: linear-gradient(45deg, rgba(234,33,41,1) 1%,rgba(123,31,125,1) 10%,rgba(86,30,153,1) 13%,rgba(49,29,182,1) 16%,rgba(37,29,191,1) 17%,rgba(37,29,191,1) 18%,rgba(11,14,192,0.45) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2129', endColorstr='#730b0ec0',GradientType=1 );
}
.case-banner figure img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center;
	display: block;
}
.case-banner figure {
	position: relative;
}
.case-banner-area {
	position: absolute;
	bottom: 0;
	height: calc(100% - 100px);
	height: -webkit-calc(100% - 100px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1195px;
}
.about-case {
	max-width: 570px;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 130px;
}

.about-case h1:after {
	position: absolute;
	top: 50%;
	right: calc(100% + 40px);
	right: -webkit-calc(100% + 40px);
	width: 100vh;
	height: 1px;
	background-color: #f0b87e;
	content: '';
	-webkit-transform: rotate(-53deg);
	-moz-transform: rotate(-53deg);
	-ms-transform: rotate(-53deg);
	-o-transform: rotate(-53deg);
	transform: rotate(-53deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}
.about-case strong {
	font-family: 'Circular Std Bold';
	display: block;
	font-size: 24px;
	color: #b6925b;
	margin-bottom: 75px;
}
.case-banner h1 {
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 40px -61px;
	position: relative;
}
.case-banner h1 sup {
	font-family: 'bwmodelica-regular-cond';
	font-size: 11px;
	position: relative;
	top: -20px;
}
.case-banner .about-case p {
	font-family: 'bwmodelica-regular-cond';
	font-size: 36px;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 56px;
	letter-spacing: 1.4px;
}
.case-banner .about-case .btn {
	min-width: 168px;
}
.case-banner .description {
	padding: 75px 72px 20px;
	background-color: #fff;
	max-width: 577px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.case-banner .description:after {
	position: absolute;
	top: 40px;
	right: 0;
	width: 100px;
	height: 1px;
	background-color: #f0b87e;
	content: '';
	-webkit-transform: rotate(-53deg);
	-moz-transform: rotate(-53deg);
	-ms-transform: rotate(-53deg);
	-o-transform: rotate(-53deg);
	transform: rotate(-53deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}
.case-banner .description strong {
	font-size: 17px;
	color: #1a1a1a;
	display: block;
	margin-bottom: 25px;
}
.case-banner .description p {
	font-family: 'bwmodelica-regular-cond';
	font-size: 15px;
	color: #1a1a1a;
	line-height: 1.8;
	letter-spacing: -0.2px;
}
.icon-arrow-gold {
	background-position: -134px -36px;
	width: 14px;
	height: 23px;
}
.case-banner .next-case {
	position: absolute;
	top: 0;
	right: 0;
}
/*=========Banner style End=========*/
/*=========Requirement style Start=========*/
.require-wrap {
	padding: 170px 0 0;
}
.require-wrap .container {
	padding: 0 73px;
}
.require-wrap h2 {
	font-size: 150px;
	color: #231f20;
	text-align: center;
	margin-bottom: 57px;
	letter-spacing: -5.4px;
}
.require-wrap p {
	font-family: 'bwmodelica-regular-cond';
	font-size: 24px;
	color: #231f20;
	line-height: 1.3;
	letter-spacing: 1.4px;
	margin-bottom: 39px;
}
.require-wrap .solution .left {
	background-color: #fff;
	min-height: 380px;
	padding: 90px 50px 90px 73px;
	margin-left: -73px;
	flex: 0 0 575px;
	max-width: 575px;
	position: relative;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1);
	box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1);
}
.require-wrap .solution .left:after {
	position: absolute;
	top: 24px;
	right: -106px;
	width: 1px;
	height: 530px;
	background-color: #f0b87e;
	content: '';
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	-o-transform: rotate(38deg);
	transform: rotate(38deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	z-index: -1;
}
.require-wrap .solution h3 {
	font-family: 'Circular Std Bold';
	font-size: 48px;
	color: #231f20;
	line-height: 1.2;
	letter-spacing: -1.7px;
}
.require-wrap .solution .right {
	padding-top: 94px;
	flex: 0 0 433px;
	max-width: 433px;
}
.require-wrap .solution li {
	font-family: 'bwmodelica-regular-cond';
	padding-left: 30px;
	font-size: 15px;
	color: #231f20;
	margin-bottom: 6px;
	position: relative;
	letter-spacing: -0.1px;
}
.require-wrap .solution .icon-check {
	position: absolute;
	left: 0;
	top: 5px;
	background-position: -162px -11px;
	width: 13px;
	height: 11px;
}
.moc-wrap {
	margin-top: -70px;
	z-index: -2;
	position: relative;
}
.moc-wrap img {
	width: 100%;
	display: block;
}
/*=========Requirement  style End=========*/
/*=========Case Target  style Start=========*/
.case-target {
	background-color: #f1f1f1;
	padding-bottom: 270px;
}
.case-target .left, .case-target .right {
	flex: 0 0 577px;
	max-width: 577px;
	-webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	-moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	background-color: #fff;
}
.case-target .left {
	padding: 86px 70px 65px 121px;
	margin-top: -142px;
	position: relative;
}
.case-target h4 {
	font-family: 'Circular Std Bold';
	font-size: 36px;
	color: #231f20;
	line-height: 1.2;
	margin: 0 0 38px -52px;
	letter-spacing: -0.6px;
}
.case-target .left p, .case-target .left span {
	font-size: 16px;
	color: #231f20;
	margin-bottom: 34px;
	line-height: 1.5;
	display: block;
	letter-spacing: 1px;
}
.case-target .left p {
	font-family: 'bwmodelica-regular-cond';
}
.case-target .left span {
	font-family: 'bwmodelica-regular-cond';
	letter-spacing: 0.5px;
}
.case-target .right {
	margin-top: -32px;
	padding: 50px 70px 72px;
	position: relative;
	min-height: 643px;
}
.case-target .user {
	text-align: center;
	margin-bottom: 37px;
}
.case-target .user figure {
	width: 200px;
	height: 200px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 15px;
}
.case-target .user img {
	width: 100%;
}
.case-target .user strong {
	display: block;
	font-size: 17px;
	color: #1a1a1a;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.case-target .user span {
	font-family: 'bwmodelica-regular-cond';
	font-size: 15px;
	color: #1a1a1a;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.case-target .right p {
	font-family: 'bwmodelica-regular-cond';
	font-size: 24px;
	color: #231f20;
	line-height: 1.4;
	letter-spacing: 0.5px;
}
.case-link {
	position: absolute;
	bottom: 0;
	right: calc(100% + 42px);
	right: -webkit-calc(100% + 42px);
	width: 100%;
	text-align: center;
}
.case-link a {
	font-family: 'Neue Haas Grotesk Text Pro Medium';
	display: inline-block;
	font-size: 36px;
	color: #231f20;
	border-bottom: 2px solid #141414;
	margin-bottom: 63px;
	letter-spacing: 2.8px;
}
.case-link span {
	width: 67px;
	height: 67px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #141414;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	position: relative;
}
.case-link span i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-position: -159px -35px;
	width: 33px;
	height: 28px;
}
/*=========Case Target  style End=========*/
/*=========Solution style Start=========*/
.solution-wrap {
	padding: 0;
}
.solution-wrap h2 {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	line-height: 0.9;
}
/*=========Solution style End=========*/
/*=========Case Info style Start=========*/
.case-info {
	padding: 145px 0 205px;
	background: url(../images/blue-red-gradient.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: -52px;
	z-index: -2;
	position: relative;
}
.case-info-area {
	width: 970px;
	margin: 0 auto;
}
.case-info-area figure img {
	width: 100%;
}
.case-info-area figure {
	margin-bottom: 45px;
	position: relative;
}
.case-info-area .plier {
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
	margin-left: -42px;
	z-index: -1;
}
.case-info-area .scissor {
	position: absolute;
	bottom: -67px;
	right: 100%;
	margin-right: -67px;
	z-index: -1;
	width: auto;
}
.case-info-area .pentagram {
	position: absolute;
	right: -40px;
	bottom: -80px;
	width: auto;
}
/*=========Case Info style End=========*/
/*=========Founder style Start=========*/
.founder-wrap {
	position: relative;
	z-index: 1;
	padding-bottom: 180px;
}
.founder-wrap .left {
	padding: 86px 63px 82px 121px;
}
.founder-wrap .right {
	padding: 71px 70px 72px;
	min-height: 650px;
}
.founder-wrap .left p, .founder-wrap .left span {
	margin-bottom: 7px;
	padding-right: 25px;
}
.founder-wrap .user figure {
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.founder-wrap .user figure img {
	width: auto;
}
.founder-wrap .user strong, .founder-wrap .user span {
	text-transform: none;
}
.founder-wrap .case-link {
	bottom: 46px;
}
.founder-wrap .case-link span i {
	background-position: -209px -79px;
	width: 33px;
	height: 34px;
}
.founder-wrap .left:after {
	position: absolute;
	top: 70%;
	left: -80px;
	width: 1px;
	height: 600px;
	background-color: #f0b87e;
	content: '';
	-webkit-transform: rotate(-38deg);
	-moz-transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	-o-transform: rotate(-38deg);
	transform: rotate(-38deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	z-index: -1;
}
/*=========Founder style End=========*/
/*=========Result style Start=========*/
.result-wrap {
	background: url(../images/case-result.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.result-wrap:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0.79) 21%, rgba(255,255,255,0.45) 55%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(241,241,241,0.79) 21%,rgba(255,255,255,0.45) 55%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(241,241,241,0.79) 21%,rgba(255,255,255,0.45) 55%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#00ffffff',GradientType=0 );
	content: '';
}
.doodern-result {
	background: url(../images/doodern-results.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.kul-result {
	background: url(../images/kul-result.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.supermargin-result {
	background: url(../images/supermargins-RESULTS-image.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.result-wrap .container {
	position: relative;
	z-index: 2;
}
.result-wrap h4 {
	font-family: 'Circular Std Bold';
	font-size: 112px;
	color: #231f20;
	text-align: center;
	margin-bottom: 259px;
	letter-spacing: -3.8px;
}
.result-wrap .result-description {
	flex: 0 0 577px;
	max-width: 577px;
	padding: 70px 70px 65px;
	background-color: #fff;
	position: relative;
}
.result-wrap .result-description strong {
	display: block;
	font-family: 'Circular Std Bold';
	font-size: 18px;
	color: #231f20;
	margin-bottom: 20px;
}
.result-description p {
	font-family: 'bwmodelica-regular-cond';
	font-size: 22px;
	letter-spacing: 1.5px;
	color: #231f20;
	line-height: 1.4;
	margin-bottom: 35px;
}
.result-description ul {
	padding-left: 40px;
}
.result-description li {
	font-family: 'bwmodelica-regular-cond';
	padding-left: 30px;
	font-size: 15px;
	color: #231f20;
	margin-bottom: 2px;
	line-height: 1.4;
	position: relative;
}
.result-description .icon-check {
	position: absolute;
	left: 0;
	top: 5px;
	background-position: -162px -11px;
	width: 13px;
	height: 11px;
}
.result-description .next-result {
	position: absolute;
	left: 100%;
	bottom: 0;
	width: 150px;
	height: 150px;
	background-color: #000;
}
.result-description .next-result i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/*=========Result style End=========*/
/*=========Request style Start=========*/
.request-wrap {
	display: block;
	padding: 131px 0 120px;
	background-color: #f1f1f1;
	text-align: center;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.request-wrap:hover {
	background-color: #141414;
}
.request-wrap strong {
	font-family: 'Nunito', sans-serif;
	font-size: 96px;
	color: #231f20;
	display: block;
	margin-bottom: 48px;
	letter-spacing: -1.8px;
}
.request-wrap span {
	display: block;
	font-size: 17px;
	color: #231f20;
}
.request-wrap:hover strong, .request-wrap:hover span {
	color: #fff;
}
.btn-support strong {
	font-size: 150px;
}
/*=========Request style End=========*/
/*
 5.) Contact page
 ----------------------------------------*/
.contact-page .container {
	max-width: 1232px;
}
/*=========Banner style Start=========*/
.contact-banner {
	background: #f1f1f1 url(../images/vector-c.jpg) no-repeat top right;
	padding: 85px 0 110px;
}
.contact-banner h1 {
	font-size: 96px;
	color: #1a1a1a;
	margin: 0 0 6px -100px;
	letter-spacing: -2.1px;
}
.contact-banner .title {
	padding-left: 100px;
	width: 50%;
	margin-bottom: 32px;
}
.contact-banner .title p {
	font-size: 24px;
	color: #7d7c84;
	line-height: 1.4;
	font-family: 'bwmodelica-regular-cond';
	margin-bottom: 44px;
}
.contact-banner .title li {
	font-family: 'Circular Std Bold';
	font-size: 24px;
	color: #7d7c84;
	margin-bottom: 13px;
	padding: 0 7px;
	display: inline-block;
	line-height: 1.2;
	letter-spacing: -0.5px;
	cursor: pointer;
}
.contact-banner .title li span {
	font-family: 'Circular Std Book';
	font-size: 17px;
}
.contact-banner .title .active {
	background-color: #1a1a1a;
}
.contact-banner .title .active, .contact-banner .title .active span {
	color: #fff;
}
.contact-banner .contact-detail {
	flex: 0 0 614px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	-moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	position: relative;
	z-index: 2;
	display: none;
	min-height: 862px;
}
.contact-banner .contact-detail.active {
	display: block;
}
.contact-banner .contact-detail li {
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1;
}
.contact-banner .contact-detail .error {
	border-color: #e71937;
}
.contact-banner .contact-detail .left {
	min-height: 90px;
	border-right: 1px solid #e3e3e3;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex: 0 0 103px;
	max-width: 103px;
}
.contact-banner .contact-detail li:nth-child(2) .left {
	-ms-flex-align: start;
	align-items: start;
}
.contact-banner .contact-detail-general li:first-child .left {
	-ms-flex-align: start;
	align-items: start;
}
.contact-banner .contact-detail-general li:nth-child(2) .left {
	-ms-flex-align: center;
	align-items: center;
}
.contact-detail .icon-question {
	background-position: -204px -39px;
	width: 25px;
	height: 25px;
}
.contact-detail .icon-name {
	background-position: -7px -127px;
	width: 29px;
	height: 65px;
}
.contact-detail .icon-telephone {
	background-position: -243px -37px;
	width: 37px;
	height: 29px;
}
.contact-detail .icon-mail {
	background-position: -52px -130px;
	width: 35px;
	height: 35px;
}
.contact-detail .icon-currency {
	background-position: -106px -133px;
	width: 45px;
	height: 32px;
}
.contact-banner .contact-detail .right {
	flex: 0 0 511px;
	max-width: 511px;
}
.contact-banner .contact-detail textarea {
	border: none;
	resize: none;
	min-height: 139px;
	width: 100%;
	padding: 37px 28px 37px;
	font-size: 17px;
	color: #7d7c84;
	font-weight: 400;
	font-family: 'bwmodelica-regular-cond';
}
.select2-container {
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	height: 90px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #7d7c84;
	line-height: 90px;
	padding: 0 75px 0 28px;
	font-size: 17px;
	color: #7d7c84;
	font-weight: 400;
	font-family: 'bwmodelica-regular-cond';
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	background: url(../images/sprite.png) no-repeat center top;
	background-position: -191px -9px;
	width: 22px;
	height: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #141414;
	color: #fff;
}
.select2-results__option {
	color: #7d7c84;
	padding: 10px 5px;
	font-size: 15px;
	font-weight: 400;
	font-family: 'bwmodelica-regular-cond';
}
.contact-request {
	padding: 21px 50px 60px;
}
.contact-request .btn {
	min-width: 175px;
}
.agree-wrap {
	margin-bottom: 35px;
}
.agree-wrap .agreement, .agree-wrap .secure {
	flex: 0 0 50%;
	max-width: 50%;
}
.agree-wrap .agreement {
	padding-right: 15px;
}
.checkbox-wrap {
	padding: 5px 0 0 40px;
	position: relative;
	margin-bottom: 15px;
}
.checkbox-wrap input, .checkbox-wrap i {
	position: absolute;
	top: 3px;
	left: 0;
	width: 22px;
	height: 22px;
	background-color: #1a1a1a;
}
.checkbox-wrap input {
	z-index: 2;
	opacity: 0;
}
.checkbox-wrap i:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: url(../images/sprite.png) no-repeat;
	background-position: -224px -10px;
	width: 13px;
	height: 11px;
	content: '';
	display: none;
}
.checkbox-wrap input:checked + i:after {
	display: block;
}
.checkbox-wrap label {
	font-size: 17px;
	color: #1a1a1a;
	font-family: 'bwmodelica-regular-cond';
	line-height: 1.3;
}
.checkbox-wrap.error label, .checkbox-wrap.error span {
	color: #e71937;
}
.checkbox-wrap label span {
	display: block;
	font-size: 14px;
	color: #b2b2b2;
}
.agree-wrap .secure p {
	font-family: 'bwmodelica-regular-cond';
	padding-left: 50px;
	font-size: 14px;
	color: #b2b2b2;
	position: relative;
	top: -13px;
	line-height: 1.2;
	letter-spacing: -0.2px;
}
.chat-wrap {
	flex: 0 0 663px;
	max-width: 663px;
	background-color: #1a1a1a;
	margin: -184px 0 0 -44px;
	padding: 189px 76px 225px 169px;
	position: relative;
}
.chat-wrap:after {
	position: absolute;
	top: 145px;
	left: 38%;
	height: 1px;
	width: 100vw;
	background-color: #f0b87e;
	content: '';
	-webkit-transform: rotate(-52deg);
	-moz-transform: rotate(-52deg);
	-ms-transform: rotate(-52deg);
	-o-transform: rotate(-52deg);
	transform: rotate(-52deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}
.chat-wrap > span {
	font-size: 24px;
	color: #fff;
	display: block;
	font-family: 'bwmodelica-regular-cond';
	letter-spacing: 1px;
	margin-bottom: 12px;
}
.chat-wrap strong {
	font-family: 'bwmodelica-regular-cond';
	font-size: 17px;
	color: #fff;
	display: block;
	margin-bottom: 56px;
}
.chat-wrap strong span {
	font-family: 'bwmodelica-regular-cond';
}
.chat-wrap p {
	font-size: 16px;
	color: #fff;
	font-family: 'bwmodelica-regular-cond';
	letter-spacing: 0.3px;
	margin-bottom: 34px;
	line-height: 1.7;
}
.chat-wrap .telephone {
	font-family: 'Circular Std Bold';
	font-size: 48px;
	color: #f1c785;
	display: inline-block;
	margin: 0 0 17px -70px;
	letter-spacing: -1px;
}
.chat-wrap .telephone span {
	font-size: 17px;
	color: #fff;
	font-family: 'bwmodelica-regular-cond';
	letter-spacing: 1px;
}
.chat-wrap li {
	margin-bottom: 2px;
}
.chat-wrap li a {
	font-family: 'bwmodelica-regular-cond';
	font-size: 17px;
	color: #f1c785;
	letter-spacing: -0.3px;
}
.chat-wrap .lady-executive {
	position: absolute;
	bottom: -83px;
	right: -19px;
}
.chat-wrap .contact-address {
	position: absolute;
	top: calc(100% + 60px);
	top: -webkit-calc(100% + 60px);
	left: calc(50% + 21px);
	left: -webkit-calc(50% + 21px);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 370px;
}
.chat-wrap .contact-address li {
	line-height: 1;
	position: relative;
	padding-left: 62px;
	margin-bottom: 23px;
}
.chat-wrap .contact-address .num, .chat-wrap .contact-address strong {
	font-family: 'Circular Std Book';
	display: block;
	color: #7d7c84;
	font-size: 17px;
	margin: 0;
	font-weight: 400;
	letter-spacing: -0.4px;
}
.chat-wrap .contact-address .num {
	position: absolute;
	top: 0;
	left: 0;
}
.chat-wrap .address-wrap {
	padding: 13px 0 10px 0;
}
.chat-wrap .address-wrap .left {
	flex: 0 0 210px;
	max-width: 210px;
}
.chat-wrap .address-wrap address {
	font-size: 13px;
	color: #1a1a1a;
	line-height: 1.1;
	margin-bottom: 20px;
}
.chat-wrap .address-wrap address a {
	font-size: 13px;
	color: #1a1a1a;
}
.chat-wrap .address-wrap span {
	font-size: 13px;
	color: #1a1a1a;
	margin-right: 15px;
}
.chat-wrap .map-link {
	font-size: 13px;
	color: #d59f4c;
	text-decoration: underline;
}
/*=========Banner style End=========*/
/*=========Adviser style Start=========*/
.adviser-wrap {
	padding: 103px 0 0;
}
.adviser-wrap h2 {
	font-size: 48px;
	color: #231f20;
	margin: 0 0 71px -100px;
	letter-spacing: -1px;
}
.adviser-area {
	padding-left: 100px;
	display: none;
}
.business-area h4 {
	font-family: 'Neue Haas Grotesk Text Pro Medium';
	font-size: 17px;
	margin-bottom: 12px;
	letter-spacing: 1.5px;
}
.business-area p {
	font-family: 'bwmodelica-regular-cond';
	font-size: 17px;
	margin-bottom: 27px;
	letter-spacing: -0.2px;
}
.business-area li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 108px;
	line-height: 1;
}
.business-area li:last-child {
	margin-right: 0;
}
.business-area li figure {
	flex: 0 0 82px;
	height: 82px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	margin-right: 19px;
}
.business-area li figure img {
	width: 100%;
}
.business-area li strong {
	font-family: 'Neue Haas Grotesk Text Pro Medium';
	font-size: 17px;
	margin-bottom: 2px;
	text-transform: uppercase;
	display: block;
	letter-spacing: 1.7px;
}
.business-area li span {
	font-family: 'bwmodelica-regular-cond';
	font-size: 17px;
}
.business-area li figcaption {
	position: absolute;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #0077b5;
	bottom: -6px;
	right: -8px;
}
.business-area li figcaption a {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 18px;
	color: #fff;
}
.business-area ul {
	margin-bottom: 31px;
	padding-left: 4px;
}
.business-area .mail-wrap a {
	font-size: 17px;
	color: #d19c4b;
	font-family: 'Neue Haas Grotesk Text Pro Bold';
	display: inline-block;
	margin-bottom: 9px;
	letter-spacing: -0.5px;
}
.business-area .mail-wrap a span {
	font-family: 'bwmodelica-regular-cond';
	color: #231f20;
}
.business-area .mail-wrap .tel {
	color: #231f20;
	letter-spacing: 0.6px;
}
.business-area {
	padding-bottom: 50px;
	border-bottom: 1px solid #707070;
}
.business-description {
	padding: 18px 90px 60px 0;
	border-bottom: 1px solid #707070;
}
.business-description p {
	font-family: 'bwmodelica-regular-cond';
	color: #231f20;
	line-height: 1.5;
	margin-bottom: 38px;
}
.business-description li {
	list-style: disc;
	font-family: 'bwmodelica-regular-cond';
	font-size: 17px;
	padding-left: 4px;
	margin-bottom: 4px;
}
.business-description li a {
	color: #d19c4b;
}
.business-description ul {
	margin-bottom: 40px;
	padding-left: 17px;
}
.sparx-adviser {
	padding: 35px 0 0;
}
.sparx-adviser strong {
	font-family: 'Neue Haas Grotesk Text Pro Bold';
	display: block;
	font-size: 17px;
	margin-bottom: 40px;
	letter-spacing: 0.8px;
}
.sparx-adviser .right {
	flex: 0 0 330px;
	max-width: 330px;
	text-align: right;
}
.sparx-adviser .btn {
	min-width: 205px;
}
.sparx-adviser .left p:nth-last-of-type(1) {
	margin-bottom: 22px;
}
/*=========Adviser style End=========*/
/*=========Faq style Start=========*/
.faq-wrap {
	padding: 0 0 69px;
	border-bottom: 1px solid #141414;
}
.faq-wrap h3 {
	font-family: 'Circular Std Bold';
	font-size: 48px;
	color: #231f20;
	margin: 0 0 88px -100px;
	letter-spacing: -1px;
}
.faq-area {
	padding-left: 100px;
}
.faq-list-wrap ul {
	float: left;
	width: calc(100%/2 - 20px);
	width: -webkit-calc(100%/2 - 20px);
}
.faq-list-wrap ul:first-child {
	margin-right: 40px;
}
.faq-area li {
	margin-bottom: 40px;
}
.faq-area .title {
	padding: 22px 60px 22px 28px;
	background-color: #f1f1f1;
	position: relative;
	cursor: pointer;
}
.faq-area .title strong {
	font-family: 'Circular Std Bold';
	font-size: 24px;
	display: block;
	color: #1a1a1a;
	letter-spacing: -0.4px;
}
.faq-area .circle {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 37px;
	height: 37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #1a1a1a;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*.faq-area .circle:after {
 position: absolute;
 top: 50%;
 left: 50%;
 background-color: #1a1a1a;
 -webkit-transform: translate(-50%,-50%);
 -moz-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 -o-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
 content: '';
 width: 0;
 height: 0;
 -webkit-transition: all 0.4s ease;
 -moz-transition: all 0.4s ease;
 -ms-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 transition: all 0.4s ease;
 }*/
/*.faq-area .circle:hover:after {
 width: 22px;
 height: 22px;
 }*/
.faq-area .circle span {
	position: absolute;
	/*-webkit-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	 -moz-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	 -ms-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	 -o-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.020, 1.315);
	 transition: all 0.5s cubic-bezier(0.680, -0.550, 0.020, 1.315);*/
	/*-webkit-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 -moz-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 -o-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);*/
	/*-webkit-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 -moz-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 -o-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);*/
}
.faq-area .circle:hover span {
	/*-webkit-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 -moz-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 -o-transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);
	 transition: all 500ms cubic-bezier(0.000, 1.650, 0.000, 1.650);*/
}
.faq-area .circle .top, .faq-area .circle .bottom {
	width: 4px;
	height: 15px;
	background-color: #fff;
	top: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.faq-area .circle .bottom {
	top: auto;
	bottom: 4px;
}
.faq-area .circle .right, .faq-area .circle .left {
	height: 4px;
	width: 14.5px;
	background-color: #fff;
	left: 4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.faq-area .circle .right {
	left: auto;
	right: 4px;
}
.faq-area .title  .top {
	-webkit-animation: moveouttop 0.45s linear forwards;
	animation: moveouttop 0.45s linear forwards;
}
.faq-area .title  .right {
	-webkit-animation: moveoutright 0.45s linear forwards;
	animation: moveoutright 0.45s linear forwards;
}
.faq-area .title .bottom {
	-webkit-animation: moveoutbottom 0.45s linear forwards;
	animation: moveoutbottom 0.45s linear forwards;
}
.faq-area .title  .left {
	-webkit-animation: moveoutleft 0.45s linear forwards;
	animation: moveoutleft 0.45s linear forwards;
}
@keyframes moveouttop {
0% {
top: -7px;
}
50% {
top: -30px;
}
100% {
top: 4px;
}
}
@keyframes moveoutbottom {
0% {
bottom: -7px;
}
50% {
bottom: -30px;
}
100% {
bottom: 4px;
}
}
@keyframes moveoutleft {
0% {
left: -7px;
}
50% {
left: -30px;
}
100% {
left: 4px;
}
}
@keyframes moveoutright {
0% {
right: -7px;
}
50% {
right: -30px;
}
100% {
right: 4px;
}
}

@keyframes movetop {
0% {
top: 4px;
}
50% {
top: -30px;
}
75% {
top: 4px;
}
100% {
top: -7px;
}
}
@keyframes movebottom {
0% {
bottom: 4px;
}
50% {
bottom: -30px;
}
75% {
bottom: 4px;
}
100% {
bottom: -7px;
}
}
@keyframes moveleft {
0% {
left: 4px;
}
50% {
left: -30px;
}
75% {
left: 4px;
}
100% {
left: -7px;
}
}
@keyframes moveright {
0% {
right: 4px;
}
50% {
right: -30px;
}
75% {
right: 4px;
}
100% {
right: -7px;
}
}
.faq-area .title:hover  .top {
	-webkit-animation: movetop 0.45s linear forwards;
	animation: movetop 0.45s linear forwards;
}
.faq-area .title:hover  .right {
	-webkit-animation: moveright 0.45s linear forwards;
	animation: moveright 0.45s linear forwards;
}
.faq-area .title:hover .bottom {
	-webkit-animation: movebottom 0.45s linear forwards;
	animation: movebottom 0.45s linear forwards;
}
.faq-area .title:hover  .left {
	-webkit-animation: moveleft 0.45s linear forwards;
	animation: moveleft 0.45s linear forwards;
}
@keyframes activetop {
0% {
top: -7px;
}
50% {
top: -30px;
}
100% {
top: -30px;
}
}
@keyframes activebottom {
0% {
bottom: -7px;
}
50% {
bottom: -30px;
}
100% {
bottom: -30px;
}
}
@keyframes activeleft {
0% {
left: -7px;
}
50% {
left: -30px;
}
100% {
left: 4px;
}
}
@keyframes activeright {
0% {
right: -7px;
}
50% {
right: -30px;
}
100% {
right: 4px;
}
}

.faq-area .active .title  .top, .faq-area .active .title:hover  .top {
	-webkit-animation: activetop 0.45s linear forwards;
	animation: activetop 0.45s linear forwards;
}
.faq-area .active .title  .right, .faq-area .active .title:hover  .right {
	-webkit-animation: activeright 0.45s linear forwards;
	animation: activeright 0.45s linear forwards;
}
.faq-area .active .title  .bottom, .faq-area .active .title:hover  .bottom {
	-webkit-animation: activebottom 0.45s linear forwards;
	animation: activebottom 0.45s linear forwards;
}
.faq-area .active .title  .left, .faq-area .active .title:hover  .left {
	-webkit-animation: activeleft 0.45s linear forwards;
	animation: activeleft 0.45s linear forwards;
}
.faq-area .faq-description {
	padding: 20px 60px 26px 28px;
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
	display: none;
}
.faq-area .faq-description p {
	font-size: 16px;
}
.faq-area .faq-description p a {
	text-decoration: underline;
	color: #d59f4c;
}

/*=========Faq style End=========*/
/*
 6.) About page
 ----------------------------------------*/
.about-page {
	background: #f1f1f1;
}
.about-page .container {
	max-width: 1195px;
}
/*=========Banner style Start=========*/
.about-banner {
	background: #212121 url(../images/about-banner-vector.png) no-repeat right top;
	padding: 120px 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
/*=========Banner style End=========*/
/*=========DNA style Start=========*/
.dna-wrap {
	background-color: #f1f1f1;
	position: relative;
	padding-bottom: 140px;
}
.dna-wrap .title {
	max-width: 930px;
	background-color: #f1f1f1;
	position: relative;
	margin: -205px 0 0;
	padding: 131px 90px 0;
	z-index: 2;
}
.dna-area {
	margin-left: -98px;
}
.dna-wrap h1 {
	font-family: 'Amatic SC', cursive;
	font-size: 151px;
	color: #b6925b;
	margin: 0;
	line-height: 0.8;
}
.dna-content .left {
	flex: 0 0 635px;
	max-width: 635px;
}
/*.expertise-wrap.d-flex.justify-content-end {
	margin-top: 50px;
}*/
.dna-content .right {
	flex: 0 0 505px;
	max-width: 505px;
}
.dna-content h2 {
	font-size: 48px;
	color: #231f20;
	margin-bottom: 44px;
}
.dna-content p {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 35px;
	padding-right: 34px;
	color: #231f20;
	letter-spacing: 0.3px;
}
.dna-content a {
	font-size: 14px;
	color: #b6925b;
	text-transform: uppercase;
	text-decoration: underline;
}
.expertise-area {
	width: 100%;
	max-width: 1100px;
	margin-right: -96px;
	-webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	-moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	background-color: #fff;
	padding: 140px 118px 125px 86px;
}
.dna-content figure {
	position: relative;
}
.dna-content figure:after {
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-bottom: -76px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(-54deg);
	-moz-transform: rotate(-54deg);
	-ms-transform: rotate(-54deg);
	-o-transform: rotate(-54deg);
	transform: rotate(-54deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 700px;
	height: 1px;
	z-index: 3;
}
.dna-content figure img {
	width: 100%;
	display: block;
}
.expertise-area .left {
	flex: 0 0 533px;
	max-width: 533px;
}
.expertise-area .right {
	flex: 0 0 342px;
	max-width: 342px;
    margin: auto 0 0 0;
}
.expertise-area h2 {
	font-size: 48px;
	color: #231f20;
	margin: 15px 0;
	letter-spacing: -0.9px;
    text-align:center;
}
.expertise-accordion a, .expertise-accordion .expertise-content {
	padding-left: 60px;
	position: relative;
}
.expertise-accordion > li {
	margin-bottom: 11px;
	position: relative;
}
.expertise-accordion a {
	font-size: 17px;
	color: #7d7c84;
	display: inline-block;
	overflow: hidden;
}
.expertise-accordion a span {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.expertise-accordion a strong {
	display: inline-block;
	padding-right: 30px;
	position: relative;
	text-transform: uppercase;
}
.expertise-accordion .active a {
	color: #1a1a1a;
	display: block;
	width: calc(100% - 28px);
	width: -webkit-calc(100% - 28px);
}
.expertise-accordion .active a strong:after, .expertise-accordion .active a strong:before {
	position: absolute;
	top: 50%;
	width: 100vw;
	height: 1px;
	background-color: #ebebeb;
	left: 100%;
	content: '';
	z-index: 1;
}
.expertise-accordion .active a strong:before {
	background-color: #1a1a1a;
	width: 34px;
	z-index: 2;
}
.expertise-accordion > .active a:after {
	position: absolute;
	width: 100%;
}
.expertise-accordion .expertise-content {
	padding: 30px 170px 30px 60px;
	display: none;
}
.expertise-accordion .expertise-content a {
	font-size: 13px;
	color: #b6925b;
	text-transform: uppercase;
	text-decoration: underline;
}
.expertise-accordion .active .expertise-content a {
	padding: 0;
	display: inline-block;
}
.expertise-accordion .expertise-content.active {
	display: block;
}
.expertise-accordion p {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 20px;
	letter-spacing: -0.1px;
}
/*=========DNA style End=========*/
/*=========Client Association style Start=========*/
.association-wrap .left, .association-wrap .right {
	flex: 0 0 50%;
	max-width: 50%;
	background-color: #e1dfe1;
	padding: 96px 80px 96px;
	text-align: center;
}
.association-wrap .right {
	background-color: #212121;
}
.association-wrap h3 {
	font-family: 'Circular Std Bold';
	font-size: 56px;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 76px;
	position: relative;
}
.association-wrap .right h3 {
    color: #a09c9c;
    font-family: 'Poor Story', cursive !important;
}
.association-wrap .left h3 {
    margin-bottom: 87px;
    font-family: 'Poor Story', cursive !important;
    color: #7c7c7c;
}
.association-wrap .right h3:after {
	position: absolute;
	left: 50%;
	bottom: 100%;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(-52.4deg);
	-moz-transform: rotate(-52.4deg);
	-ms-transform: rotate(-52.4deg);
	-o-transform: rotate(-52.4deg);
	transform: rotate(-52.4deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	margin-bottom: 30px;
	width: 100vw;
	height: 1px;
}
.association-wrap .left h3 {
	margin-bottom: 87px;
    font-family: 'Poor Story', cursive;
}
.association-wrap .description {
	max-width: 580px;
}
.association-wrap ul {
	margin-bottom: 22px;
}
.association-wrap li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 18px 55px;
}
.association-wrap li a {
	display: block;
}
.association-wrap .associations-description li {
	margin: 0 15px 25px 0;
}
.association-wrap .read-more a {
	font-family: 'Circular Std Medium';
	font-size: 12px;
	color: #b6925b;
	letter-spacing: 1.5px;
	margin-right: 35px;
	text-transform: uppercase;
	text-decoration: underline;
}
/*=========Client Association style End=========*/
/*=========Growth style Start=========*/
.growth-wrap {
	position: relative;
	z-index: 1;
	padding-bottom: 282px;
}
.growth-area {
	max-width: 1100px;
	margin-left: -94px;
	-webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	-moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	background-color: #fff;
	padding: 135px 90px 93px 121px;
	position: relative;
}
.growth-area .vector-img {
	position: absolute;
	left: 155px;
	top: 100%;
}
.growth-area .left {
	flex: 0 0 343px;
	max-width: 343px;
}
.growth-area .right {
	flex: 0 0 467px;
	max-width: 467px;
	padding-left: 50px;
}
.growth-area .title {
	margin-left: -50px;
}
.growth-area h4 {
	font-size: 48px;
	color: #231f20;
	margin: 0 -293px 48px 0;
	letter-spacing: -0.9px;
}
.growth-area .title p {
	padding-right: 65px;
	font-size: 17px;
	font-family: 'bwmodelica-medium-cond';
	letter-spacing: 0.5px;
	line-height: 1.8;
	color: #231f20;
	margin-bottom: 30px;
}
.growth-area li {
	font-family: 'bwmodelica-regular-cond';
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 1.5;
	position: relative;
	padding-left: 39px;
	color: #231f20;
	letter-spacing: 0.3px;
}
.growth-area li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	background-color: #231f20;
	font-family: 'bwmodelica-regular-cond';
	font-size: 14px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	line-height: 25px;
}
.growth-area .company-profile {
	position: absolute;
	right: -189px;
	top: 100%;
	margin-top: -84px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	-moz-box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	box-shadow: 0px 0px 20.24px 1.76px rgba(0, 0, 0, 0.04), 0px 0px 21.6128px 0.3872px rgba(0, 0, 0, 0.02), 0px 0px 5.94px 0.06px rgba(0, 0, 0, 0.01);
	width: 340px;
	padding: 75px 38px 55px;
}
.growth-area .company-profile:after {
	position: absolute;
	left: -54px;
	bottom: -90px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(-52.4deg);
	-moz-transform: rotate(-52.4deg);
	-ms-transform: rotate(-52.4deg);
	-o-transform: rotate(-52.4deg);
	transform: rotate(-52.4deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 730px;
	height: 1px;
	z-index: -1;
}
.growth-area .company-profile figure {
	position: absolute;
	left: 120px;
	bottom: 100%;
	margin-bottom: -42px;
}
.growth-area .company-profile strong {
	font-family: 'bwmodelica-medium-cond';
	font-size: 15px;
	display: block;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}
.growth-area .company-profile p {
	font-size: 15px;
	color: #231f20;
	line-height: 1.7;
	margin-bottom: 30px;
}
.growth-area .company-profile a {
	font-family: 'Circular Std Medium';
	font-size: 12px;
	color: #b6925b;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	display: inline-block;
}
.company-profile a span {
	border-bottom: 1px solid #b6925b;
}
.growth-area .company-profile a:hover span {
	border-bottom: 1px solid transparent;
}
.company-profile a i {
	margin-right: 6px;
	width: 16px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
/*=========Growth style End=========*/
/*=========Career style Start=========*/
.career-wrap {
	padding: 80px 0 110px;
	text-align: center;
}
.career-wrap strong {
	font-family: 'Circular Std Bold';
	font-size: 150px;
	display: block;
	margin-bottom: 40px;
	line-height: 1;
}
.career-wrap span {
	display: block;
	font-size: 17px;
	line-height: 1.5;
}
/*=========Career style End=========*/
/*
 7.) Career Page
 ===============================================*/
.career-page .container {
	max-width: 1088px;
}
/*=========Banner style Start=========*/
.career-banner, .gallery-wrap {
	/*height: 100vh;*/
	background-color: #141414;
	position: relative;
}
.career-banner img {
	width: 100%;
}
.gallery {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gallery .item {
	position: absolute;
}
.gallery img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	max-width: none;
	display: block;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	object-fit: cover;
	object-position: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}
.gallery figure {
	overflow: hidden;
}
.gallery figure:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(5,5,5,0.8);
	content: '';
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.gallery figure:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.gallery figure:hover:after {
	background-color: transparent;
}
.gallery .item-one {
	top: 0;
	left: 0;
	width: 23.8%;
	height: 49.9%;
}
.gallery .item-one img {
	top: -331px;
	left: -467px;
	width: 1121px;
}
.gallery .item-two {
	top: 0;
	left: 23.8%;
	width: 16.2%;
	height: 49.9%;
}
.gallery .item-two img {
	top: -600px;
	left: -1131px;
	width: 2248px;
}
.gallery .item-three {
	top: 0;
	left: 40%;
	width: 31.7%;
	height: 21.7%;
}
.gallery .item-three img {
	top: -1067px;
	left: -753px;
	width: 2848px;
}
.gallery .item-four {
	top: 0;
	left: 71.7%;
	width: 29.3%;
	height: 29.2%;
}
.gallery .item-four img {
	top: -136px;
	left: -124px;
	width: auto;
}
.gallery .item-five {
	top: 49.9%;
	left: 0;
	width: 16%;
	height: 50.1%;
}
.gallery .item-five img {
	top: -131px;
	left: -455px;
	width: 813px;
}
.gallery .item-six {
	top: 49.9%;
	left: 16%;
	width: 24%;
	height: 50.1%;
}
.gallery .item-six img {
	top: -518px;
	left: -655px;
	width: 3000px;
}
.gallery .item-seven {
	top: 21.7%;
	left: 40%;
	width: 31.7%;
	height: 57%;
}
.gallery .item-seven img {
	top: -282px;
	left: -644px;
	width: 2500px;
}
.gallery .item-eight {
	top: 78.7%;
	left: 40%;
	width: 31.7%;
	height: 21.3%;
}
.gallery .item-eight img {
	top: -1361px;
	left: -684px;
	width: 1855px;
}
.gallery .item-nine {
	top: 29.2%;
	left: 71.7%;
	width: 29.3%;
	height: 70.8%;
}
.gallery .item-nine img {
	top: -203px;
	left: -226px;
	width: 1259px;
}
.carrer-banner-content {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 0 62px 0 90px;
	z-index: 1;
}
.carrer-banner-content .left {
	max-width: 345px;
}
.carrer-banner-content p {
	font-size: 16px;
	color: #979797;
	line-height: 1.5;
}
.carrer-banner-content .right {
	max-width: 350px;
}
.carrer-banner-content .btn {
	margin-right: 76px;
	padding: 14px 15px;
}
.carrer-banner-content .right a:last-child {
	font-family: 'Circular Std Bold';
	font-size: 14px;
	color: #fff;
	text-decoration: underline;
}
.career-banner .bottom-title {
	position: absolute;
	bottom: 58px;
	right: 62px;
	font-family: 'bwmodelica-regular-cond';
	font-size: 13px;
	color: #979797;
}
.career-banner .bottom-title span {
	color: #fff;
}
/*=========Banner style End=========*/
/*=========Proffessional style Start=========*/
.pro-wrap {
	padding: 172px 0 193px;
	overflow: hidden;
}
.pro-area {
	position: relative;
}
.pro-area:after {
	position: absolute;
	bottom: 90px;
	left: -150px;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(37deg);
	-moz-transform: rotate(37deg);
	-ms-transform: rotate(37deg);
	-o-transform: rotate(37deg);
	transform: rotate(37deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 875px;
	z-index: -1;
}
.pro-area figure {
	max-width: 863px;
}
.pro-area figure img {
	width: 100%;
}
.pro-content {
	position: absolute;
	background-color: #fff;
	top: 50%;
	left: 325px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 84px 150px 123px;
	width: 880px;
}
.pro-content h1 {
	margin: 0 0 30px -58px;
	line-height: 1.1;
}
.pro-content p {
	line-height: 1.9;
	letter-spacing: 0.3px;
}
.pro-area .plant {
	position: absolute;
	max-width: none;
	width: auto;
	bottom: 0;
	right: -74px;
	z-index: 1;
}
.pro-area .plant img {
	width: auto;
}
/*=========Proffessional style End=========*/
/*=========Culture style Start=========*/
.culture-wrap {
	padding: 125px 0;
	background-color: #141414;
	overflow: hidden;
}
.culture-wrap figure {
	max-width: 863px;
}
.culture-wrap figure img {
	width: 100%;
}
.culture-area {
	position: relative;
	z-index: 1;
}
.culture-area:after {
	position: absolute;
	bottom: -90px;
	left: 70%;
	background-color: #d59f4c;
	content: '';
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	width: 1px;
	height: 850px;
	z-index: -1;
}
.culture-content {
	position: absolute;
	top: 50%;
	left: -9px;
	max-width: 545px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 58px;
}
.culture-content h2 {
	font-size: 48px;
	color: #fff;
	margin: 0 0 45px -58px;
}
.culture-content p {
	line-height: 1.7;
	color: #fff;
}
/*=========Culture style End=========*/
/*=========Life style Start=========*/
.life-wrap {
	position: relative;
}
.life-wrap img {
	width: 100%;
	display: block;
}
.life-area {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.life-area .description {
	padding: 94px 48px;
	max-width: 560px;
}
.life-area h3 {
	font-family: 'Circular Std Bold';
	font-size: 96px;
	margin: 0 0 23px -60px;
	letter-spacing: -4.4px;
}
.life-area p {
	font-size: 14px;
	line-height: 1.5;
	padding-right: 75px;
}
.life-area .add {
	position: absolute;
	top: calc(100% + 57px);
	top: -webkit-calc(100% + 57px);
	right: 148px;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #141414;
}
.life-area .icon-add {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-position: -170px -133px;
	width: 34px;
	height: 34px;
}
/*=========Life style End=========*/
/*=========Job style Start=========*/
.job-wrap {
	background-color: #e1dfe1;
	padding: 76px 0;
}
.job-update {
	position: relative;
	margin-bottom: 154px;
}
.job-update li {
	flex: 0 0 50%;
	max-width: 50%;
	font-size: 16px;
	font-family: 'bwmodelica-regular-cond';
	letter-spacing: 0.3px;
	line-height: 1.4;
}
.job-update li span {
	display: block;
}
.job-update .get-in-touch {
	position: absolute;
	top: 0;
	left: calc(100% + 70px);
	left: -webkit-calc(100% + 70px);
	font-size: 14px;
	font-family: 'Circular Std Bold';
	color: #231f20;
	text-decoration: underline;
	min-width: 100px;
}
.job-vacancy li {
	line-height: 1;
	margin-bottom: 119px;
	border-bottom: 1px solid #1a1a1a;
}
.job-vacancy h4 {
	font-family: 'bwmodelica-regular-cond';
	font-size: 16px;
	color: #231f20;
	margin-bottom: 27px;
}
.job-vacancy .description {
	border-top: 1px solid #1a1a1a;
	position: relative;
	padding: 34px 40px 31px 0;
	cursor: pointer;
}
.job-vacancy strong {
	font-family: 'Circular Std Medium';
	display: block;
	font-size: 48px;
	color: #231f20;
	margin-bottom: 10px;
}
.job-vacancy span {
	display: block;
	font-family: 'bwmodelica-regular-cond';
	font-size: 16px;
	color: #231f20;
	margin-bottom: 9px;
}
.job-vacancy .description a {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}
.job-vacancy .icon-black {
	background-position: -191px -9px;
	width: 22px;
	height: 15px;
}
.job-vacancy .active  .icon-black {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.job-vacancy .active .description {
	border-bottom: none;
}
.job-vacancy .requirement-area {
	padding: 0 0 20px 0;
	display: none;
}
.job-vacancy .requirement-area p {
	line-height: 1.4;
	font-size: 17px;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}
.job-vacancy .requirement-area .btn {
	margin-bottom: 20px;
}
.job-vacancy .requirement-area .btn:hover {
	background-color: #e1dfe1;
}
/*=========Job style End=========*/
/*
 8.) Privacy Page ,  Terms & Condition Page , Discount Page
 =================================================================*/
.body-bg {
	background-color: #e1dfe1;
}
.global-text {
	padding: 50px 0;
}
.global-text h1 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 100px;
}
.global-text b {
	font-family: 'Circular Std Bold';
}
.global-text p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
}
.global-text h3 {
	font-family: 'Circular Std Bold';
	margin: 50px 0 15px;
	font-size: 28px;
}
.global-text strong {
	display: block;
	font-family: 'Circular Std Bold';
	font-size: 18px;
	padding: 10px 0;
}
.global-text a {
	color: #231f20;
	text-decoration: underline;
}
.global-text .btn {
	text-decoration: none;
	background-color: #e1dfe1;
	margin: 15px 0;
}
.global-text .btn:hover {
	background-color: #231f20;
}
.global-text .bullet {
	padding: 0 0 0 13px;
	margin-bottom: 16px;
}
.global-text li {
	font-family: 'bwmodelica-regular-cond';
	list-style-type: disc;
	font-size: 16px;
	margin-bottom: 6px;
	letter-spacing: 0.3px;
}
.global-text address {
	font-family: 'bwmodelica-regular-cond';
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 1.4;
	padding-top: 15px;
	margin-bottom: 20px;
}
.consents-wrap {
	padding-top: 20px;
	border-top: 1px solid #1a1a1a;
}
.consents-wrap h4 {
	font-size: 35px;
	margin-bottom: 45px;
	text-align: center;
}
.consents-wrap .panel-heading h4 {
	padding: 0;
	font-size: 28px;
	display: block;
	margin-bottom: 15px;
	text-transform: capitalize;
	text-align: left;
}
.consents-wrap .panel-body {
	font-family: 'bwmodelica-regular-cond';
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 45px;
	color: #231f20;
	letter-spacing: 0.3px;
}
.consents-wrap p {
	margin-bottom: 45px;
}
.global-text figure {
	margin-bottom: 60px;
}
.global-text figure img {
	width: 100%;
}
.privacy-term h2 {
	font-family: 'Circular Std Bold';
	font-size: 48px;
	color: #231f20;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 100px;
}
.table_block h1 {
	font-size: 30px;
	margin-bottom: 50px;
}
.table_block th {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px;
	line-height: 1.4;
	text-align: center;
	background-color: #141414;
}
.table_block table {
	width: 100%;
	margin-bottom: 95px;
	border: 1px solid #141414;
}
.table_block table td {
	width: 20%;
	text-align: center;
	line-height: 1.5;
	vertical-align: middle;
	background-color: #e1dfe1;
	padding: 20px 10px;
	font-size: 16px;
	font-family: 'Circular Std Bold';
	text-transform: uppercase;
	border-right: 1px solid #141414;
}
.table_block table td:last-child {
	border: none;
}
.table_block .red {
	color: #e71937;
}
.discount-terms li strong {
	display: inline;
	font-size: 17px;
}

/*.cr-bg {
 background: url(../bg/career.jpg) no-repeat center top;
 }
 .cr-bg #wrapper {
 opacity: 0.3;
 }*/
/*gdprgdpr-video-section*/
.gdpr-video-block {
	padding: 0;
}
.gdpr-video-section {
	background-color: #fff;
	width: 840px;
	margin: 0 auto;
	position: relative;
	top: -220px;
	padding: 55px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}
.gdpr-video-section strong {
	display: block;
	text-align: center;
	margin: 0 0 25px 0px;
}
.iframe-video-wrap {
	width: 730px;
	margin: 0 auto;
}
.iframe-video-wrap iframe {
	width: 100%;
}
.gdpr-photoshop {
	background-color: #fff;
	padding-left: 0;
	margin-bottom: 110px;
}
.gdpr-photoshop-head {
	position: relative;
	top: -50px;
}
.gdpr-photoshop-head h2 {

}
.gdpr-photoshop-head p {
	width: 45%;
	margin: 0 auto;
	line-height: 28px;
	color: #141414;
}
.photoshop-blog-wrapper {
	padding: 30px 113px;
	margin-bottom: 85px;
}
.photoshop-blog {
	background-color: #141414;
	width: 30%;
	padding: 28px;
}
.photoshop-blog figure {
	margin-bottom: 25px;
}
.photoshop-blog figure img {
	display: block;
	width: 100%;
}
.photoshop-txt-blog h3 {
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 24px;
}
.photoshop-txt-blog p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}
.complications-wrapper {
	padding: 0 12.7%;
}
.complications-wrapper h2 {
	font-family: 'Circular Std Bold';
	font-size: 48px;
	color: #231f20;
	margin-bottom: 80px;
}
.complications-box {
	position: relative;
	padding-left: 38px;
	width: 29%;
}
.complications-box span {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	padding: 1px 0;
	text-align: center;
	background-color: #000000;
	font-family: 'bwmodelica-regular-cond';
	font-size: 16px;
	color: #fff;
	align-items: center;
	display: flex;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.complications-box h4 {
	font-size: 17px;
	color: #141414;
	margin-bottom: 10px;
	line-height: 1.2;
	font-family: 'Neue Haas Grotesk Text Pro Medium';
}
.complications-box p {
	line-height: 30px;
	font-family: 'bwmodelica-regular-cond';
}
.gdpr-toward {
	background-color: #f1f1f1;
	padding-bottom: 350px;
}
.gdpr-toward .expertise-area {
	margin: 0 auto;
}
.gdpr-toward .expertise-area h2 {
	margin: 0 0 93px;
}
.gdpr-toward .expertise-content {
	padding-right: 55px;
}
.gdpr-faq {
	background-color: #f1f1f1;
	padding: 100px 0 0px;
	border: none;
}
.gdpr-faq-blog {
	background-color: #fff;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}
.gdpr-faq-blog .faq-area {
	padding: 70px 55px;
}
/*thanks page*/
.thanks-banner {
	background: #212121 url(../images/about-banner-vector.png) no-repeat right top;
	padding: 0;
	height: 100vh;
	text-align: center;
	padding: 0 15px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.thanks-page .discuss-wrap {
	display: none;
}
.thanks-banner h1, .error-page-head h1 {
	font-size: 70px;
	text-transform: uppercase;
}
.thanks-banner h1, .thanks-banner p, .error-page-head h1 {
	color: #fff;
}
/*404*/
.error-page-banner {
	background: #141414 url(../images/banner-sparx.png) no-repeat center center;
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*=========Updated CSS=========*/
html, body {
	width: 100%;
	height: 100%;
}
.home-page {
	height: 49500px;
	overflow: hidden;
}
.home-page .content-area {
	position: fixed;
	height: 900%;
	width: 100vw;
	top: 0;
	left: 0;
}
.home-page .banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.home-page .slideone-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 400vw;
	height: 100vh;
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	transform: translate(0,100%);
}
.home-page .slidetwo-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 600vw;
	height: 100vh;
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	transform: translate(0,100%);
}
.home-page .slidethree-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 800vw;
	height: 100vh;
	-webkit-transform: translate(0,300%);
	-moz-transform: translate(0,300%);
	-ms-transform: translate(0,300%);
	-o-transform: translate(0,300%);
	transform: translate(0,300%);
}
#slide-3 {
	background-color: #1a1a1a;
}
.slider-dots {
	position: fixed;
	width: 10px;
	left: 48px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.slider-dots li a {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #5e5c59;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.slider-dots li {
	margin-bottom: 41px;
}
.slider-dots li:last-child {
	margin-bottom: 0;
}
.slider-dots .active a {
	width: 10px;
	height: 10px;
	background-color: #fff;
}
.active-sidebar .slider-dots .active a {
	background-color: #141414;
}
.design-title {
	position: fixed;
	top: calc(50% - 105px);
	top: -webkit-calc(50% - 105px);
	left: 52px;
	z-index: 10;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.design-title span {
	font-family: 'bwmodelica-regular-cond';
	font-size: 15px;
	color: #e71937;
}
.design-title li {
	display: none;
}
.design-title .active {
	display: block;
}
.slider-skip {
	position: fixed;
	top: calc(100% - 40px);
	top: -webkit-calc(100% - 40px);
	width: 100%;
	height: 40px;
	background-color: #202020;
	z-index: 7;
	text-align: center;
	overflow: hidden;
	padding-top: 15px;
}
.slider-skip a {
	display: inline-block;
	color: #a8a39d;
	font-family: 'Neue Haas Grotesk Text Pro Roman';
	font-size: 9px;
	position: relative;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.slider-skip a:after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 1px;
	height: 20px;
	background-color: #a8a39d;
	content: '';
}
.home-page .service-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
.home-page .partner-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
.home-page .feature-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
.home-page .discuss-wrap {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	height: 100vh;
}
.home-page .footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.rating-view {
	width: 100%;
}
.rateit-wrap {
	width: 90px;
	text-align: center;
}
#rateYo1 {
	background-color: #141414;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 5px;
}
#rateYo1 svg {
	color: #d59f4c;
}
.initail-rate span {
	font-size: 13px;
}
.overall, .overall span {
	font-family: 'Circular Std Book';
	font-size: 14px;
	color: #231f20;
	margin: 0;
	letter-spacing: 0.1px;
}
.rating-view .more-work {
	font-family: 'Circular Std Bold';
	font-size: 15px;
	color: #231f20;
	text-transform: capitalize;
}
.rating-view .more-work i {
	color: #231f20;
}
.setting-banner {
	overflow: hidden;
	position: relative;
	background-image: none;
	background-color: #f1f1f1;
}
.setting-banner:after {
	position: absolute;
	top: -180px;
	right: -100px;
	-webkit-transform: rotate(41deg);
	-moz-transform: rotate(41deg);
	-ms-transform: rotate(41deg);
	-o-transform: rotate(41deg);
	transform: rotate(41deg);
	content: 'g';
	font-family: 'Circular Std Black';
	font-size: 1000px;
	color: #292929;
	text-transform: uppercase;
	z-index: 1;
}
.setting-banner h1 {
	font-size: 70px;
	margin-bottom: 50px;
	text-transform: uppercase;
}
.setting-banner .chkTab, .setting-banner .chkTab li {
	display: table;
}
.setting-banner .contact-detail li:last-child .left {
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	min-height: 0;
}
.setting-banner .contact-detail-general li:first-child .left {
	-ms-flex-align: center;
	align-items: center;
}
.setting-banner .contact-detail .left, .setting-banner .contact-detail .right {
	border-top: 1px solid #e3e3e3;
}
.setting-banner .contact-detail {
	min-height: 0;
}
.setting-banner .agree-wrap .agreement {
	flex: 0 0 100%;
	max-width: none;
}
.gdpr-check {
	padding: 40px 50px 30px;
}
.gdpr-check p {
	margin-bottom: 30px;
	line-height: 1.2;
}
.setting-banner .checkbox-wrap {
	margin-bottom: 15px;
	padding: 3px 0 0 40px;
}
.setting-banner .container {
	position: relative;
	z-index: 2;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
	z-index: 7 !important;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
	z-index: 8 !important;
}
.active-sidebar {
	overflow: hidden;
}
#ct-ultimate-gdpr-cookie-popup {
	background-color: #d59f4c !important;
	z-index: 9;
	color: #231f20 !important;
	padding: 12px 12px 12px 105px;
	font-family: 'bwmodelica-regular-cond';
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.ct-container.ct-ultimate-gdpr-cookie-popup-bottomPanel {
	padding: 12px 0;
	overflow: hidden;
}
.ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-content {
	color: #231f20;
	width: 65%;
	float: left;
	font-size: 12px;
	margin-bottom: 0 !important;
}
.ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-accept, .ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-read-more {
	float: right;
	color: #fff !important;
	border-radius: 2px !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700 !important;
	margin: 0 20px 0 0 !important;
	letter-spacing: 2px;
	font-family: 'bwmodelica-regular-cond';
}
.ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-accept {
	background-color: #212121 !important;
	border: none !important;
	padding: 12px 37px;
}
.ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-read-more {
	border-color: #fff !important;
	text-align: center;
	padding: 11px 18px;
	background: transparent !important;
}

/*=========Updated CSS=========*/
.home-page {
	height: calc(100vh + 50px);
	overflow: hidden;
}
.home-page .slideone-wrap {
	-webkit-transform: translate(100vw,0);
	-moz-transform: translate(100vw,0);
	-ms-transform: translate(100vw,0);
	-o-transform: translate(100vw,0);
	transform: translate(100vw,0);
}
.home-page .slidetwo-wrap {
	-webkit-transform: translate(100vw,0);
	-moz-transform: translate(100vw,0);
	-ms-transform: translate(100vw,0);
	-o-transform: translate(100vw,0);
	transform: translate(100vw,0);
}
.home-page .slidethree-wrap {
	-webkit-transform: translate(100vw,0);
	-moz-transform: translate(100vw,0);
	-ms-transform: translate(100vw,0);
	-o-transform: translate(100vw,0);
	transform: translate(100vw,0);
}
.ui-title {
	position: fixed;
	top: 150%;
	left: 0;
	-webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	z-index: 11;
}
.ui-overlay {
	position: fixed;
	top: 100%;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #414141;
	content: '';
	-webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	z-index: 11;
}
.ui-title , .ui-overlay {
	-webkit-transition-property: top , left;
	-moz-transition-property: top , left;
	-ms-transition-property: top , left;
	-o-transition-property: top , left;
	transition-property: top , left;
	-webkit-transition-delay: 0s , 0.7s;
	-moz-transition-delay: 0s , 0.7s;
	-ms-transition-delay: 0s , 0.7s;
	-o-transition-delay: 0s , 0.7s;
	transition-delay: 0s , 0.7s;
}

.slide-trs {
	margin-left: 0vw;
	-webkit-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transition-property: all , margin;
	-moz-transition-property: all , margin;
	-ms-transition-property: all , margin;
	-o-transition-property: all , margin;
	transition-property: all , margin;
	-webkit-transition-delay: 0s , 0.7s;
	-moz-transition-delay: 0s , 0.7s;
	-ms-transition-delay: 0s , 0.7s;
	-o-transition-delay: 0s , 0.7s;
	transition-delay: 0s , 0.7s;
	
}
.remove-trs {
	-webkit-transition: none ;
	-moz-transition: none ;
	-ms-transition: none ;
	-o-transition: none ;
	transition: none ;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-ms-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.home-page .banner {
	-webkit-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.home-page .slide-banner {
	top: -100vh;
}
.home-page .service-wrap,.home-page .partner-wrap,.home-page .feature-wrap,.home-page .discuss-wrap{
	position:relative;
}
.slidefour-wrap{
	position:relative;
	top:100vh;
	-webkit-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 700ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.slidefour-trnsnone {
	-webkit-transition: none ;
	-moz-transition: none ;
	-ms-transition: none ;
	-o-transition: none ;
	transition: none ;
}
.slide-section{
    -webkit-transform: translate3d(0,0,1px);
}
.feature-accordion a:hover strong{
	color:#1a1a1a;
}
.sparxportfolio {
	margin: 0 !important;
	padding-left: 105px;
}
.chat-wrap .contact-address .title-wrap {
	cursor: pointer;
}
.chat-wrap .contact-address li .address-wrap {
	display: none;
}
.chat-wrap .contact-address .active .address-wrap {
	display: block;
}


.association-wrap .right h3:after,.dna-content figure:after{
    display:none !important;
}