/*
Theme Name: Digital Next
Theme URI: http://www.digitalnext.co.uk/
Author: Sooooooo many people
Author URI: http://www.digitalnext.co.uk/
Description: Bespoke Wordpress theme for the Digital Next website.
Version: 1.0
Text Domain: digitalnext

*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	list-style: none;
	outline: none;
	letter-spacing: 0.05em
}

input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	outline: none;
	border-radius: 0;
	transition: all 0.3s
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"] {
	border: 1px solid #dedede;
	padding: 0 15px;
	color: #666;
	font-size: 12px;
	height: 36px
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #666;
	cursor: pointer;
	color: #fff;
	border: none;
	height: 30px;
	line-height: 28px;
	display: block;
	font-size: 15px
}

input[type="submit"]:hover,
input[type="button"]:hover {
	background: transparent;
	color: #fff;
	border-color: #fff
}

.get-touch a:hover,
.get-touch a.active {
	background: #3c989a;
	font-weight: 400
}

body {
	font-size: 13px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	line-height: 22px;
	position: relative;
	overflow-x: hidden;
	overflow: auto !important;
	overflow-x: hidden !important
}

body.popup-open {
	overflow: hidden !important
}

div {
	outline: none
}

div#content-area {
	overflow: visible
}

.page-template-content-page-template div#content-area {
	position: relative
}

span.gfield_required {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important
}

h1 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 900
}

h2 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 36px
}

h3 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 900
}

h4 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 26px;
	line-height: normal
}

h5 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 25px
}

h6 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 25px
}

p {
	color: #031624;
	font-size: 18px;
	font-family: brandon-grotesque, sans-serif;
	line-height: 32px;
	font-weight: 300
}

blockquote {
	display: block;
	text-align: left;
	margin-bottom: 38px;
	position: relative;
	padding: 0
}

blockquote p {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
	line-height: 36px;
	margin-bottom: 0 !important;
	position: relative;
	color: #031624 !important
}

img {
	vertical-align: top;
	border: none;
	border-style: none;
	outline: none
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

img.casestudy-small {
	position: absolute;
	left: 0;
	bottom: 0;
	object-fit: cover
}

img.casestudy-small.casestudy-top {
	bottom: 0
}

img.casestudy-big {
	position: absolute;
	bottom: 0;
	right: 0;
	object-fit: cover
}

img.casestudy-big.casestudy-top {
	bottom: 0
}

img.ee-se {
	margin-bottom: 71px;
	max-width: 50px
}

img.video-image {
	margin-top: 59px;
	width: 187px
}

img.op-down {
	opacity: 0
}

i {
	font-size: 20px;
	color: #fff;
	transition: all 0.3s
}

i.icon-cv-icon {
	font-size: 62px
}

i.icon-portfolio-icon {
	font-size: 73px;
	vertical-align: middle
}

ol {
	margin: 20px;
	padding: 0
}

ol li {
	font-size: 13px;
	color: #373d48;
	font-weight: 300;
	line-height: 18px;
	padding: 0 0 5px 0;
	list-style: decimal;
	margin-left: 20px
}

ul {
	margin: 20px;
	padding: 0
}

ul li {
	font-size: 13px;
	color: #373d48;
	font-weight: 300;
	line-height: 18px;
	padding: 0 0 5px 0;
	list-style: outside circle
}

ul.landind-service-text {
	margin: 0;
	position: absolute;
	bottom: 45px;
	left: 82px;
	z-index: 999;
	text-align: center;
	transform: skew(-15deg)
}

ul.landind-service-text li {
	padding: 0 10px;
	display: inline-block;
	line-height: 38px;
	font-size: 18px
}

ul.landind-service-text li a {
	color: #fff
}

ul.landind-service-text li a:hover {
	color: #f6b030
}

ul.landind-service-text li.default-img {
	position: relative;
	top: 10px
}

ul.landind-service-text li.default-img a {
	width: 38px;
	height: 38px;
	transition: all 0s ease-out;
	overflow: hidden;
	display: inline-block
}

ul.landind-service-text li.default-img a i {
	font-size: 38px;
	opacity: 0.65
}

ul.landind-service-text li.default-img a i:hover {
	opacity: 1
}

ul.landind-service-text li.default-img.magento a img {
	width: 32px
}

ul.landind-service-text li:first-child {
	padding-left: 0
}

ul.landind-service-text li:first-child img {
	width: 38px
}

ul.office-time {
	margin: 52px 0 0
}

ul.office-time li {
	position: relative;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 0 30px 0 0;
	display: inline-block
}

ul.office-time li:after {
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	background-size: 100%;
	position: absolute;
	top: 2px;
	right: 0
}

ul.office-time li span {
	position: relative;
	z-index: 2;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	display: inline-block;
	margin: 0 0 0 16px;
	top: -1px
}

ul.office-time li span.open {
	background: #8bc34a
}

ul.office-time li span.open:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	border-radius: 100%;
	border: 1px #8bc34a solid;
	box-sizing: border-box;
	animation: pulsate 1.5s ease-out;
	animation-iteration-count: infinite;
	animation-delay: 1.1s;
	opacity: .5
}

ul.office-time li span.close:before {
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	background-size: 100%;
	position: absolute;
	top: -6px;
	right: -26px;
	background: url(images/close.png) no-repeat
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td {
	text-align: left;
	font-weight: normal
}

article {
	display: block
}

aside {
	display: block
}

canvas {
	display: block
}

details {
	display: block
}

figcaption {
	display: block
}

figure {
	display: block
}

footer {
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0 !important;
	margin-top: 30px;
	position: relative;
	z-index: 1;
}

footer .footer-columns {
	margin: 60px 0 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 40px
}

footer .footer-columns>div {
	margin: 0;
	z-index: 10
}

footer .footer-columns ul {
	margin: 0;
	padding: 0;
	list-style: none
}

footer .footer-columns ul li {
	list-style: none
}

footer .footer-columns ul li a {
	color: #585858;
	padding-bottom: 5px;
	display: block
}

footer .footer-columns ul li a:hover {
	color: #4dbabd !important
}

footer .footer-columns .footer-title {
	margin-bottom: 10px;
	font-weight: 400
}

footer .footer-columns .footer-address {
	line-height: 24px;
	margin-bottom: 40px
}

footer .footer-columns .footer-tagline {
	color: #585858;
	margin-top: 20px;
	line-height: 30px;
	font-size: 14px
}

footer .footer-columns .social-footer {
	margin-top: 75px
}

footer .footer-columns .social-footer li {
	display: inline-block;
	background: #f5f5f5;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	border-radius: 8px;
	text-align: center;
	position: relative;
	padding: 0;
	transition: all 0.3s
}

footer .footer-columns .social-footer li:hover {
	background: #e4e4e4
}

footer .footer-columns .social-footer li a {
	padding-bottom: 0;
	height: 100%
}

footer .footer-copyright {
	padding: 15px 0 10px;
	position: relative;
	z-index: 1
}

footer .footer-copyright ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0
}

footer .footer-copyright ul li {
	list-style: none;
	margin: 0
}

footer .footer-col-1 img {
	width: 150px
}

footer .social-footer li img {
	height: 15px;
	max-width: 60%;
	width: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

footer .current-page-parent a {
	font-weight: 400;
	color: #009ee2 !important
}

footer .current-menu-item a {
	font-weight: 400;
	color: #4dbabd !important
}

.top-bar {
	text-align: right;
	background-color: #0d2d40;
	padding: 5px 0
}

.top-bar ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.top-bar ul li {
	display: inline-block;
	color: #fff;
	padding: 0;
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
	font-size: 12px
}

.top-bar ul li.offices span {
	position: relative;
	z-index: 2;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	display: inline-block;
	margin: 0 0 0 7.5px;
	top: 1px
}

.top-bar ul li.offices span.open {
	background: #8bc34a
}

.top-bar ul li.offices span.close:before {
	background: #ff0000
}

.top-bar ul li:after {
	content: '';
	position: absolute;
	right: 0;
	border-top-color: 0;
	width: 1px;
	height: 15px;
	background-color: #fff;
	opacity: .4;
	top: 1px
}

.top-bar ul li:first-child:after {
	display: none
}

.top-bar ul li:last-child {
	margin-right: 0;
	padding-right: 0
}

.top-bar ul li:last-child:after {
	display: none
}

.top-bar ul li img {
	height: 20px
}

.top-bar ul li a {
	color: #fff;
	transition: all 0.3s
}

header {
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
	z-index: 9999999
}

.page-template-about-us-landing-page header {
	z-index: 9;
}

header .tel {
	display: inline-block;
	position: relative;
	float: right;
	margin-right: 20px;
	top: 4px;
	font-size: 14px
}

header .tel a {
	font-weight: 900
}

header .tel a img {
	width: 15px;
	margin-right: 10px;
	position: relative;
	top: 4px
}

header.active {
	border-bottom: 1px solid #f6f6f6;
	left: 0
}

header.active .get-touch a {
	top: 0;
	border: none;
	line-height: 58px;
	background-color: #4dbabd;
	border-radius: 0
}

header.active .get-touch a:hover:before {
	background: #4dbabd
}

header.active .get-touch:before {
	content: '';
	position: absolute;
	background-color: #4dbabd;
	left: 0;
	top: 100%;
	width: 100%;
	height: 1px
}

header.active .logo {
	margin: 15px 0 0
}

header.active .logo a {
	background: url(images/digital-icon.svg) no-repeat;
	width: 38px;
	height: 34px;
	display: block;
	background-size: 100%
}

header.active .search-block {
	top: 7px
}

header.active .search-block input.icon-search {
	top: 0
}

header.active .search-block .search-bar {
	height: 60px
}

header.active .search-block.isopen .search-bar {
	width: 1000px;
	top: -8px
}

header.active nav ul li a {
	color: #373d48;
	padding: 20px 25px
}

header.active nav ul li .megamenu {
	top: 59px
}

header.active nav ul li.menu-one-col .megamenu {
	padding: 21px 0 22px
}

hgroup {
	display: block
}

menu {
	display: block
}

a {
	outline: none;
	color: #0d2c40;
	transition: all 0.3s
}

a:focus {
	outline: none
}

a.go-link {
	text-transform: uppercase;
	color: #eb6724;
	font-size: 14px;
	font-weight: 900;
	padding: 10px 0 0;
	display: inline-block
}

a.go-link:hover {
	color: #0d2c40
}

a.bg:hover h1:hover {
	color: #f6b030
}

a.bg:hover h3:hover {
	color: #f6b030
}

nav {
	display: block;
	height: auto;
	display: inline-block;
	z-index: 99;
	vertical-align: top
}

nav ul {
	margin: 0
}

nav ul li {
	padding: 0;
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: normal;
	text-transform: uppercase;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 900
}

nav ul li a {
	color: #092c3f;
	padding: 30px 25px;
	display: inline-block
}

nav ul li.menu-two-col .megamenu ul {
	display: flex;
	justify-content: space-between
}

nav ul li.menu-two-col .megamenu ul>li {
	display: inline-block;
	float: left;
	margin: 0 auto
}

nav ul li.menu-two-col .megamenu ul>li:first-child {
	margin-right: 30px;
	padding-right: 25px;
	border-right: 1px solid #e4e4e4
}

nav ul li.menu-two-col .megamenu ul>li.title>a {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 0 0 10px 0 !important;
	text-transform: uppercase
}

nav ul li.menu-two-col .megamenu ul>li ul {
	display: block
}

nav ul li.menu-two-col .megamenu ul>li ul li {
	display: block;
	width: 100%;
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-right: none !important
}

nav ul li.menu-two-col .megamenu ul>li ul li a {
	font-weight: 300 !important;
	padding-bottom: 15px !important
}

nav ul li:hover a {
	background: #f6f6f6;
	color: #eb6724
}

nav ul li:hover .megamenu {
	opacity: 1;
	visibility: visible
}

nav ul li .megamenu {
	white-space: nowrap;
	min-width: 200px;
	padding: 30px 25px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 80px;
	left: 0;
	width: auto;
	background: #f6f6f6;
	transition: all 0.5s ease;
	height: auto;
	z-index: 999999
}

nav ul li .megamenu ul>li {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	display: block
}

nav ul li .megamenu ul>li>a {
	color: #092d3f;
	padding: 0 0 15px 0 !important;
	text-transform: none;
	font-weight: 300
}

nav ul li .megamenu ul>li>ul {
	width: 100%
}

nav ul li .megamenu ul>li>ul>li {
	display: block;
	width: 100%;
	margin-bottom: 8px
}

nav ul li .megamenu ul>li>ul>li:last-child a {
	padding-bottom: 0 !important
}

nav ul li .megamenu ul>li>ul>li>a {
	text-transform: capitalize
}

nav ul li .megamenu ul>li:last-child a {
	padding: 0 !important
}

nav ul li.orange .megamenu {
	border-bottom: 4px solid #ea6724
}

nav ul li.orange .megamenu ul {
	overflow: hidden;
	width: auto;
	margin: 0 auto
}

nav ul li.orange:hover a {
	color: #eb6724
}

nav ul li.orange>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.orange>.megamenu ul>li>a.active {
	color: #eb6724
}

nav ul li.orange>.megamenu ul>li>a:hover {
	color: #eb6724
}

nav ul li.skyblue .megamenu {
	border-bottom: 4px solid #1d9dd8;
	text-align: center
}

nav ul li.skyblue:hover a {
	color: #1d9dd8
}

nav ul li.skyblue.active a {
	color: #1d9dd8
}

nav ul li.skyblue>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.skyblue>.megamenu ul>li>a:hover {
	color: #1d9dd8
}

nav ul li.skyblue>.megamenu ul>li>a.active {
	color: #1d9dd8
}

nav ul li.pink .megamenu {
	border-bottom: 4px solid #e75283
}

nav ul li.pink:hover a {
	color: #e75283
}

nav ul li.pink.active a {
	color: #e75283
}

nav ul li.pink>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.pink>.megamenu ul>li>a:hover {
	color: #e75283
}

nav ul li.pink>.megamenu ul>li>a.active {
	color: #e75283
}

nav ul li.cinnabar .megamenu {
	border-bottom: 4px solid #db3527;
	text-align: center
}

nav ul li.cinnabar:hover a {
	color: #db3527
}

nav ul li.cinnabar.current_page_item a {
	color: #db3527
}

nav ul li.cinnabar>.megamenu ul>li>a:hover {
	color: #db3527
}

nav ul li.cinnabar>.megamenu ul>li>a.current_page_item {
	color: #db3527
}

nav ul li.green .megamenu {
	border-bottom: 4px solid #39a949;
	text-align: center
}

nav ul li.green:hover a {
	color: #39a949
}

nav ul li.green.active a {
	color: #39a949
}

nav ul li.green>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.green>.megamenu ul>li>a.active {
	color: #39a949;
	color: #39a949
}

nav ul li.green>.megamenu ul>li>a:hover {
	color: #39a949
}

nav ul li.supernova .megamenu {
	border-bottom: 4px solid #f6b030;
	text-align: center
}

nav ul li.supernova.active a {
	color: #f6b030
}

nav ul li.supernova:hover a {
	color: #f6b030
}

nav ul li.supernova>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.supernova>.megamenu ul>li>a:hover {
	color: #f6b030
}

nav ul li.supernova>.megamenu ul>li>a.active {
	color: #f6b030
}

nav ul li.purple .megamenu {
	border-bottom: 4px solid #943682;
	text-align: center
}

nav ul li.purple:hover a {
	color: #943682
}

nav ul li.purple.active a {
	color: #943682
}

nav ul li.purple>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.purple>.megamenu ul>li>a:hover {
	color: #943682
}

nav ul li.purple>.megamenu ul>li>a.active {
	color: #943682
}

nav ul li.fuego .megamenu {
	border-bottom: 4px solid #c6d22d;
	text-align: center
}

nav ul li.fuego:hover a {
	color: #c6d22d
}

nav ul li.fuego.active a {
	color: #c6d22d
}

nav ul li.fuego>.megamenu ul>li>a {
	color: #092d3f
}

nav ul li.fuego>.megamenu ul>li>a:hover {
	color: #c6d22d
}

nav ul li.fuego>.megamenu ul>li>a.active {
	color: #c6d22d
}

nav ul li>.megamenu ul>li>ul>li {
	font-size: 14px;
	font-weight: 500
}

nav .active a {
	background: #f6f6f6;
	color: #eb6724
}

section {
	display: block
}

summary {
	display: block
}

textarea {
	border: 1px solid #dedede;
	padding: 5px 15px;
	color: #666;
	font-size: 12px;
	height: 60px;
	resize: none;
	font-family: brandon-grotesque, sans-serif;
	line-height: 16px
}

textarea:focus {
	outline: none
}

input:focus {
	outline: none
}

input.gform_button {
	color: #fff !important;
	font-size: 16px !important;
	letter-spacing: 0.025em;
	font-weight: 300 !important;
	text-transform: capitalize;
	background: #0d2c40;
	border: 1px solid #0d2c40;
	margin: 0 auto 0 !important;
	height: 50px;
	padding: 0 34px;
	transition: all 0.3s;
	font-family: brandon-grotesque, sans-serif;
	float: none
}

.cf {
	zoom: 1
}

.cf:before {
	content: "";
	display: table
}

.cf:after {
	content: "";
	display: table;
	clear: both
}

.clear {
	clear: both
}

.clearfix {
	display: inline-block;
	display: block
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

* {
	box-sizing: border-box
}

*:before {
	box-sizing: border-box
}

*:after {
	box-sizing: border-box
}

* html .clearfix {
	height: 1%
}

hr {
	border: 0 #000 solid;
	border-top-width: 1px;
	clear: both;
	height: 0
}

.view-button {
	margin: 40px 0 0
}

.view-button a {
	position: relative;
	display: inline-block;
	font-size: 16px !important;
	color: #092d3f;
	line-height: normal;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400 !important;
	border: 1px solid rgba(9, 45, 63, 0.5);
	padding: 12px 20px;
	overflow: hidden;
	text-transform: capitalize !important
}

.view-button a:hover {
	color: #fff;
	background: #031624;
	border-color: #031624
}

.view-button.view-button-blog {
	text-align: center;
	margin: 60px 0 0
}

.shutter {
	vertical-align: middle;
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	backface-visibility: hidden;
	position: relative;
	background: #000;
	transition-property: color;
	transition-duration: 0.3s
}

.shutter:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0d2c40;
	transform: scaleX(1);
	transform-origin: 50%;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out
}

.shutter:hover {
	color: #fff
}

.shutter:hover:before {
	transform: scaleX(0)
}

.shutter:focus {
	color: #fff
}

.shutter:focus:before {
	transform: scaleX(0)
}

.shutter:active {
	color: #fff
}

.shutter:active:before {
	transform: scaleX(0)
}

.promobar-box {
	background: #f1d019;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	padding: 31px 76px;
	width: 82%;
	border-radius: 60px
}

.promobar-box.ns-show {
	top: 50%;
	z-index: 999999;
	transition: all 0.3s
}

.promobar-box.ns-hide {
	top: -100%;
	transition: all 0.3s
}

.promobar-box-inner {
	float: left;
	width: 100%;
	padding: 5px 0 0
}

.promobar-box-inner p {
	color: #0d2c40;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 900;
	display: inline-block;
	line-height: 55px
}

.promobar-box-inner .view-button {
	margin: 0 0 0 100px;
	vertical-align: top;
	display: inline-block;
	float: none
}

.promobar-box-inner .view-button a {
	border: none;
	background: #0d2c40;
	color: #fff;
	padding: 14px 35px
}

.promobar-box-inner .view-button a:hover {
	background: #fff;
	color: #0d2c40
}

.promobar-box-close {
	float: right;
	position: absolute;
	right: 82px;
	top: 50%;
	transform: translate(0, -50%)
}

.promobar-box-close a.btn {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	width: auto;
	background-color: transparent
}

.blue {
	background: #0d2c40
}

::-webkit-input-placeholder {
	color: #0e2c3f
}

:-moz-placeholder {
	color: #0e2c3f
}

::-moz-placeholder {
	color: #0e2c3f
}

:-ms-input-placeholder {
	color: #0e2c3f
}

#wrapper {
	width: 100%;
	max-width: 1600px;
	overflow: hidden !important;
	position: relative
}

.container {
	max-width: 1350px;
	width: 100%
}

.banner {
	position: relative;
	background-size: cover !important
}

.banner.case-banner {
	background-size: cover !important
}

.banner.case-banner .banner-text {
	max-width: 1400px;
	width: 100%
}

.banner.case-banner:before {
	content: " ";
	background: rgba(37, 43, 51, 0.6);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0
}

.banner.case-banner .banner-image {
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: 50% -50px
}

.banner.webdesign-banner {
	background-size: cover !important;
	height: 500px !important
}

.banner.webdesign-banner .banner-text {
	top: 35%
}

.banner.webdesign-banner h1 {
	font-size: 34px !important
}

.banner.webdesign-banner .cms-block {
	bottom: -100px;
	left: 0
}

.banner.webdesign-banner .cms-block li {
	position: relative;
	padding: 0 !important;
	margin: 0 5px
}

.banner.webdesign-banner .cms-block li img {
	width: 100%;
	opacity: 0.80
}

.banner.webdesign-banner .cms-block li i {
	opacity: .8
}

.banner.webdesign-banner .cms-block li.wordpress {
	width: 60px;
	height: 60px
}

.banner.webdesign-banner .cms-block li.wordpress i {
	font-size: 50px
}

.banner.webdesign-banner .cms-block li.magento {
	width: 60px;
	height: 60px
}

.banner.webdesign-banner .cms-block li.magento i {
	font-size: 50px
}

.banner.webdesign-banner p {
	font-size: 20px;
	font-weight: 300
}

.banner.webdesign-banner:after {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99
}

.banner .banner-text {
	animation-name: none;
	transition: all 0.5s ease;
	top: 40%
}

.banner ul {
	margin: 0
}

.banner .slider {
	padding: 0
}

.banner .slider h1 {
	margin-bottom: 11px
}

.banner .slider .banner-text>p {
	margin-bottom: 73px
}

.banner .slider .banner-text img {
	margin-bottom: 20px
}

.banner .slider .scroll-downs {
	position: relative;
	margin: 64px 0 0
}

.banner .slider a.btn {
	position: relative;
	width: 52px;
	height: 52px;
	background: #ec008c url(images/play-icon.png) no-repeat;
	display: inline-block;
	background-position: center;
	opacity: 0;
	visibility: hidden
}

.banner .slider a.btn.playshow {
	opacity: 1;
	visibility: visible
}

.banner .slider a.btn:hover {
	background: #c1d72e url(images/play-icon.png) no-repeat;
	background-position: center
}

.banner .main-title {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	font-weight: 900;
	margin-bottom: 11px;
	text-transform: uppercase
}

.banner .slick-dots {
	position: absolute;
	bottom: 32px;
	left: 0;
	right: 0;
	z-index: 999999;
	text-align: center
}

.banner .slick-dots li {
	display: inline-block;
	padding: 0 10px
}

.banner .slick-dots li button {
	width: 5px;
	height: 5px;
	padding: 4px;
	font-size: 0;
	outline: none;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	margin-bottom: 0;
	transition: 0.3s background
}

.banner .slick-dots li.slick-active button {
	background: #fff
}

.banner i.icon-ob-banner-logo {
	color: #c1d72e;
	height: 110px;
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%
}

.banner i.icon-ob-banner-logo:before {
	content: "\61";
	font-size: 360px;
	position: absolute;
	top: -137px;
	left: 50%;
	transform: translate(-50%)
}

.logo {
	float: left;
	margin: 25px 0 0
}

.logo img {
	width: 168px;
	height: 100%
}

.logo a {
	background: url(images/logo.svg) no-repeat;
	width: 168px;
	height: 30px;
	background-size: 100%;
	display: block
}

.blog .logo,
.category .logo {
	width: 168px;
	height: 30px;
	overflow: hidden;
	position: relative
}

.blog .logo a,
.category .logo a {
	background: url(images/DNHub-Logo.svg) no-repeat;
	margin: 0;
	width: 95px;
	height: 100%;
	background-size: 100%;
	display: block;
	background-position: center;
	position: relative;
	left: 0;
	transition: all 0.3s ease 0s
}

.blog .logo a:before,
.category .logo a:before {
	content: '';
	background: url(images/logo.svg) no-repeat;
	width: 168px;
	height: 30px;
	background-size: 100%;
	display: block;
	left: -200%;
	position: absolute;
	transition: all 0.3s ease 0s
}

.blog .logo:hover a,
.category .logo:hover a {
	left: 100%
}

.blog .logo:hover a:before,
.category .logo:hover a:before {
	left: -178%
}

.blog header.active .logo a:before,
.category header.active .logo a:before {
	display: none
}

.blog header.active .logo:hover a,
.category header.active .logo:hover a {
	left: 0
}

.blog .blog-block .featured .blog .title,
.category .blog-block .featured .blog .title {
	margin: 0 0 20px
}

.blog .blog-block .blog .blog-link,
.category .blog-block .blog .blog-link {
	height: 100%;
	width: 100%;
	display: inherit
}

.blog .blog-block .blog .title,
.category .blog-block .blog .title {
	margin: 10px 20px;
	text-align: left
}

.blog .blog-block .blog .continue,
.category .blog-block .blog .continue {
	display: none;
	position: absolute;
	bottom: 0
}

.blog .blog-block .two-blog:nth-of-type(3n+1),
.category .blog-block .two-blog:nth-of-type(3n+1) {
	margin-right: 0
}

.blog .blog-block .bloguser span,
.category .blog-block .bloguser span {
	color: rgba(0, 0, 0, 0.44);
	font-weight: 100
}

.blog .blog-block .bloguser span .fa,
.category .blog-block .bloguser span .fa {
	color: #bfbfbf;
	margin-right: 2px;
	font-size: 14px
}

.blog .blog-inner,
.category .blog-inner {
	min-height: 300px;
	transform: translate3d(0, 0px, 0);
	transition: all 0.5s;
	min-height: 160px
}

.blog .blog-img,
.category .blog-img {
	height: 190px;
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative
}

.blog .blog .blog-inner,
.category .blog .blog-inner {
	min-height: 165px
}

.blog .blog .post-categories,
.category .blog .post-categories {
	display: none;
	padding: 5px 30px 25px
}

.blog .blog .bloguser img,
.category .blog .bloguser img {
	height: 60px;
	width: 60px;
	top: -25px
}

.blog .two-blog.featured .blog,
.category .two-blog.featured .blog {
	overflow: visible
}

.blog .two-blog.featured .ribbon-wrapper,
.category .two-blog.featured .ribbon-wrapper {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: 99
}

.blog .two-blog.featured .ribbon-wrapper .ribbon,
.category .two-blog.featured .ribbon-wrapper .ribbon {
	font: bold 15px sans-serif;
	color: #333;
	text-align: center;
	position: relative;
	padding: 7px 0;
	top: 15px;
	left: -30px;
	width: 120px;
	background-color: #4dbabd;
	color: #fff
}

.blog .two-blog.featured .ribbon-wrapper:before,
.category .two-blog.featured .ribbon-wrapper:before {
	content: '';
	background-color: #196d6f;
	height: 20px;
	width: 4px;
	position: absolute;
	left: 0;
	bottom: 5px
}

.blog .two-blog.featured .ribbon-wrapper:after,
.category .two-blog.featured .ribbon-wrapper:after {
	content: '';
	background-color: #196d6f;
	height: 4px;
	width: 20px;
	position: absolute;
	right: 2px;
	top: 0;
	z-index: -3
}

.blog .two-blog .blog:hover .blog-img:before,
.category .two-blog .blog:hover .blog-img:before {
	transform: scale(1, 1);
	opacity: 1
}

.blog .two-blog .blog:hover .blog-img:after,
.category .two-blog .blog:hover .blog-img:after {
	transform: scale(1, 1);
	opacity: 1
}

.blog .two-blog .blog:hover .blog-img .post-img-overlay,
.category .two-blog .blog:hover .blog-img .post-img-overlay {
	opacity: 1
}

.blog .two-blog .blog:hover .blog-img .post-img-overlay h2,
.category .two-blog .blog:hover .blog-img .post-img-overlay h2 {
	transform: translateY(0)
}

.blog .two-blog .blog .blog-img .post-img-overlay,
.category .two-blog .blog .blog-img .post-img-overlay {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
	text-align: center;
	transition: 0.5s ease;
	z-index: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.8)
}

.blog .two-blog .blog .blog-img .post-img-overlay h2,
.category .two-blog .blog .blog-img .post-img-overlay h2 {
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
	font-size: 22px;
	font-weight: 100;
	color: #fff;
	width: 100%;
	margin: 0 auto;
	transform: translateY(30px);
	transition: 0.4s ease
}

.blog .view-button,
.category .view-button {
	padding: 0 30px;
	margin: 40px 0 0;
	transition: all 0.7s;
	position: relative
}

.blog .view-button a,
.category .view-button a {
	text-transform: capitalize
}

.blog .spectrum-animation,
.category .spectrum-animation {
	margin-bottom: 60px
}

.blog .spectrum-animation .spectrum-animation-inner,
.category .spectrum-animation .spectrum-animation-inner {
	width: 100%;
	height: 300px
}

.blog .spectrum-animation .bg,
.category .spectrum-animation .bg {
	top: -33vw
}

.blog .spectrum-animation p,
.category .spectrum-animation p {
	font-size: 18px
}

.blog .spectrum-animation .logo,
.category .spectrum-animation .logo {
	width: 200px
}

.blog .spectrum-animation-service-main,
.category .spectrum-animation-service-main {
	display: inline-block;
	width: 100%;
	margin: 0 0 60px
}

.blog .container-1 .two-blog:nth-of-type(3n+2),
.category .container-1 .two-blog:nth-of-type(3n+2) {
	margin-right: 2%
}

.blog .container-1 .two-blog:nth-of-type(3n+3),
.category .container-1 .two-blog:nth-of-type(3n+3) {
	margin-right: 2%
}

.blog .container-2 .two-blog:nth-of-type(3n+1),
.category .container-2 .two-blog:nth-of-type(3n+1) {
	margin-right: 2%
}

.blog .container-2 .two-blog:nth-of-type(3n+2),
.category .container-2 .two-blog:nth-of-type(3n+2) {
	margin-right: 2%
}

.blog .spectrum-right .view-button,
.category .spectrum-right .view-button {
	padding: 0
}

.blog .spectrum-animation-service .logo,
.category .spectrum-animation-service .logo {
	height: auto
}

.header-right {
	float: right;
	position: relative
}

.header-right .header-contact {
	position: absolute;
	right: 0;
	display: none
}

.header-right .header-contact p {
	text-align: right;
	color: #fff;
	font-weight: 100;
	position: relative;
	font-size: 14px;
	padding: 10px 0
}

.header-right .header-contact a {
	font-weight: 900;
	color: #fff
}

.header-right .header-contact a:hover {
	color: #0d2c40
}

.header-right .header-contact:before {
	content: '';
	height: 1px;
	width: 60%;
	position: absolute;
	z-index: 9999;
	margin: 0;
	top: 0;
	right: -250px;
	opacity: .2;
	background: linear-gradient(to left, #092d3f 70%, rgba(57, 67, 75, 0))
}

.header-right nav ul li {
	background: none
}

#header_placeholder {
	height: 80px !important
}

#header_placeholder.fixed {
	display: block !important
}

.home #header_placeholder {
	display: none;
	height: 78px
}

.home .search-part:before {
	height: 1px;
	width: 200%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	z-index: 99999;
	opacity: .3;
	transform: rotate(-2.8deg)
}

.home .search-part .service-text-inner {
	margin: 0
}

.home #gradient {
	margin: 0;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4ba0d0), to(#bfd96a)) !important
}

.home .blog-block .blog {
	overflow: visible
}

.home .blog-block .bloguser {
	height: 75px
}

.home .spectrum-animation-service-main {
	position: relative;
	margin-top: -190px;
	z-index: 999;
	background-color: #f3f6f8;
	height: auto;
	overflow: hidden
}

.home .spectrum-animation-service {
	background-attachment: fixed !important;
	position: relative;
	transition: top .5s, min-height .5s ease-out;
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: auto 120% !important;
	background-position: -700px -80px !important
}

.home .spectrum-animation-service .inner {
	position: absolute;
	top: auto;
	text-align: left;
	left: 5%;
	transform: none;
	min-height: 100vh;
	width: 55%;
	margin: 0;
	display: inline-block
}

.home .spectrum-animation-service .inner.fixed {
	top: 60px;
	position: fixed
}

.home .spectrum-animation-service .inner.bottom {
	bottom: -60px
}

.home .spectrum-animation-service .inner .inner-content {
	width: 55%;
	margin: 0;
	position: absolute;
	top: 45%;
	left: 0;
	text-align: left;
	transform: translateY(-50%)
}

.home .spectrum-animation-service .inner p {
	font-size: 22px;
	margin-top: 30px;
	font-weight: 100;
	line-height: 50px
}

.home .spectrum-animation-service .inner-2 {
	width: 50%;
	margin: 0;
	display: inline-block;
	margin-left: 50%;
	padding: 100px 65px 100px 0
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single {
	position: relative
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single .home-spectrum-text {
	position: absolute
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.first .home-spectrum-text {
	background-color: #4dbabd;
	text-align: center;
	vertical-align: middle;
	left: -100px;
	position: absolute;
	width: 130px;
	border-radius: 50%;
	top: 20%;
	padding: 0 25px;
	box-shadow: 0 15px 30px rgba(4, 68, 83, 0.3);
	height: 130px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.first .home-spectrum-text p {
	color: #fff;
	font-size: 20px;
	padding: 38px 0;
	line-height: 28px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.first .magento-image {
	width: 60px;
	right: -30px;
	top: -30px;
	position: absolute
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.first .magento-image img {
	width: 100%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.second .home-spectrum-image {
	left: -15%;
	margin-top: -10%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.second .home-spectrum-text {
	right: 0;
	top: 30%;
	text-align: left;
	width: 60%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.second .home-spectrum-text ul {
	padding: 0;
	margin: 0
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.second .home-spectrum-text ul li {
	line-height: 40px;
	color: #0d2c40;
	font-size: 20px;
	list-style: none;
	position: relative;
	padding-left: 50px;
	margin-bottom: 5px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.second .home-spectrum-text ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7.5px;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-image: url(images/tick-spectrum.svg)
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.third {
	right: 5%;
	width: 90%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.third .home-spectrum-image {
	margin-top: -10%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.third .home-spectrum-text {
	background: #99c932;
	width: 150px;
	left: -100px;
	bottom: 14%;
	box-shadow: 0 15px 30px rgba(4, 68, 83, 0.3);
	padding: 30px;
	height: 150px;
	border-radius: 50%;
	text-align: center
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.third .home-spectrum-text p {
	color: #fff;
	font-size: 20px;
	line-height: 30px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.third .wp-image {
	width: 60px;
	left: -30px;
	bottom: -30px;
	position: absolute
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.third .wp-image img {
	width: 100%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth {
	right: 0%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth .home-spectrum-image {
	margin-top: -6.5%;
	margin-right: 0;
	left: 60%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth .home-spectrum-text {
	position: absolute;
	top: 35%;
	left: 0;
	width: 50%;
	font-weight: 900
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth .home-spectrum-text p {
	line-height: 50px;
	color: #0d2c40;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth .home-spectrum-text ul {
	padding: 0;
	margin: 0
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth .home-spectrum-text ul li {
	line-height: 40px;
	color: #0d2c40;
	font-size: 20px;
	list-style: none;
	position: relative;
	padding-left: 50px;
	margin-bottom: 5px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fourth .home-spectrum-text ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7.5px;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-image: url(images/tick-spectrum.svg)
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fifth .home-spectrum-image {
	width: 86%;
	margin-top: -9.3% !important;
	right: 10%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fifth .home-spectrum-text {
	background-color: #4dbabd;
	text-align: center;
	vertical-align: middle;
	left: -100px;
	position: absolute;
	width: 130px;
	border-radius: 50%;
	top: 20%;
	padding: 0 25px;
	box-shadow: 0 15px 30px rgba(4, 68, 83, 0.3);
	height: 130px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.fifth .home-spectrum-text p {
	color: #fff;
	font-size: 20px;
	padding: 38px 0;
	line-height: 28px
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single.sixth .home-spectrum-image {
	margin-top: -9%;
	right: -58%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single .home-spectrum-image {
	text-align: right;
	position: relative;
	margin: 0
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single .home-spectrum-image::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	width: 100%;
	box-shadow: 0 40px 80px rgba(4, 68, 83, 0.3);
	z-index: -1;
	height: 100%
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single .home-spectrum-image.mobile-view {
	width: 40%;
	position: relative
}

.home .spectrum-animation-service .inner-2 .home-spectrum-single .home-spectrum-image img {
	width: 100%
}

.home .header-right .header-contact {
	display: block
}

.home .spectrum-default-txt p {
	color: #fff;
	font-weight: 300;
	font-size: 30px
}

#header_placeholder {
	height: 50px
}

.search-block {
	width: 48px;
	height: 48px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	transition: all 0.3s ease 0s;
	position: relative;
	top: 0;
	margin: 0 40px 0 20px;
	vertical-align: top
}

.search-block.isopen .search-bar {
	font-weight: 100;
	width: 1390px;
	opacity: 1;
	transition: all 0.3s ease 0s;
	padding: 0 0 0 20px;
	right: 38px;
	z-index: 999;
	top: 0;
	height: 79px
}

.search-block.isopen button.icon-search {
	border-left: none
}

.search-block .search-bar {
	width: 100%;
	opacity: 0;
	float: left;
	border: none;
	border-radius: 0;
	line-height: normal;
	padding: 0;
	background: #fff;
	height: 79px;
	color: #0e2c3f;
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.1s ease 0s;
	font-size: 18px;
	z-index: -9;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	border-right: 1px solid #f6f6f6;
	border-radius: 0;
	border-left: 1px solid #f6f6f6;
	margin-right: 21px
}

.search-block .search-bar:-moz-placeholder {
	color: #0e2c3f;
	opacity: 1 !important
}

.search-block .search-bar:-ms-input-placeholder {
	color: #0e2c3f;
	opacity: 1 !important
}

.search-block .search-bar::-webkit-input-placeholder {
	color: #0e2c3f;
	opacity: 1 !important
}

.search-block .search-bar::-moz-placeholder {
	color: #0e2c3f;
	opacity: 1 !important
}

.search-block input.icon-search {
	background: url(images/search-2.svg) center no-repeat;
	background-size: 20px;
	color: #505050;
	border: none;
	padding: 0;
	margin: 0;
	width: 38px;
	height: 48px;
	position: absolute;
	top: 15px;
	right: 0;
	outline: none;
	cursor: pointer
}

.search-block button.icon-search:before {
	top: -1px;
	position: relative
}

.get-touch {
	display: inline-block;
	vertical-align: top;
	position: relative
}

.get-touch a {
	text-transform: capitalize;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	color: #fff;
	padding: 0 12px;
	line-height: 79px;
	display: inline-block;
	position: relative;
	font-size: 16px;
	letter-spacing: 0.05em;
	top: 0;
	background: #4dbabd
}

.footer-menu {
	padding: 77px 0 41px 0
}

.footer-menu li.blacks a:hover {
	color: #0d2c40 !important
}

.footer-menu li.orange a:hover {
	color: #eb6724 !important
}

.footer-menu li.skyblue a:hover {
	color: #1d9dd8 !important
}

.footer-menu li.pink a:hover {
	color: #e75283 !important
}

.footer-menu li.cinnabar a:hover {
	color: #db3527 !important
}

.footer-menu li.green a:hover {
	color: #39a949 !important
}

.footer-menu li.supernova a:hover {
	color: #f6b030 !important
}

.footer-menu li.purple a:hover {
	color: #943682 !important
}

.footer-menu li.viking a:hover {
	color: #4dbabd !important
}

.footer-menu ul {
	margin: 0;
	padding: 0;
	text-align: justify
}

.footer-menu ul:after {
	content: "";
	display: inline-block;
	text-align: justify;
	width: 100%
}

.footer-menu ul li {
	padding: 0;
	display: inline-block;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	position: relative;
	background: none !important
}

.footer-menu ul li:after {
	content: "";
	display: block;
	background: #bec2c8;
	width: 1px;
	height: 14px;
	position: absolute;
	top: 0;
	right: -40px
}

.footer-menu ul li:first-child {
	padding-left: 0
}

.footer-menu ul li:last-child {
	padding-right: 0
}

.footer-menu ul li:last-child:after {
	display: none
}

.footer-menu ul li a {
	color: #7e8591
}

.footer-menu ul li a:hover {
	color: #f6b030
}

.footer-menu .current-menu-item a {
	color: #7e8591 !important;
	background: none
}

.footer-menu .current-page-parent a {
	background: none
}

.our-partner-block {
	padding: 37px 0 27px;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	z-index: 1
}

.our-partner-block .title {
	color: #082c3e;
	float: left;
	width: 25.5%;
	margin: 30px 0 0
}

.our-partner-block ul {
	margin: 0;
	float: right;
	width: 74.5%;
	text-align: right;
	display: flex;
	justify-content: space-between
}

.our-partner-block ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative
}

.our-partner-block ul li img {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	max-width: 175px;
	max-height: 45px;
	width: auto !important
}

.our-partner-block ul li+li img {
	width: 129px
}

.our-partner-block ul li+li+li img {
	width: 175px
}

.our-partner-block ul li+li+li+li img {
	width: 130px
}

.our-partner-block ul li:first-child {
	padding-left: 0
}

.our-partner-block ul li:last-child {
	padding-right: 0
}

.footer-address {
	float: left;
	position: relative
}

.footer-address ul li {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 14px
}

.footer-address ul li a {
	padding: 0 26px;
	border-right: 1px solid #bec2c8
}

.footer-address ul li a:hover {
	color: #f6b030
}

.footer-address ul li:first-child {
	padding-right: 29px
}

.footer-address ul li:first-child img {
	width: 35px;
	height: 29px
}

.footer-address ul li:first-child a {
	border-right: none;
	padding: 0
}

.footer-address ul li:last-child {
	font-weight: 300;
	text-transform: none;
	font-size: 15px;
	padding-left: 26px;
	padding-right: 0
}

.footer-social {
	float: right
}

.footer-social ul li {
	padding: 0 26px
}

.footer-social ul li img {
	transition: all 0.5s ease;
	position: relative;
	top: 0
}

.footer-social ul li img:hover {
	top: -5px;
	transition: all 0.2s ease
}

.footer-social ul li:last-child {
	padding-right: 0
}

.footer-social ul li:first-child {
	padding-left: 0
}

.footer-social ul li:first-child img {
	width: 28px;
	height: 18px
}

.footer-social ul li:first-child+li img {
	width: 21px;
	height: 17px
}

.footer-social ul li:first-child+li+li img {
	width: 11px;
	height: 24px
}

.footer-social ul li:first-child+li+li+li img {
	width: 17px;
	height: 21px
}

.footer-social ul li:first-child+li+li+li+li img {
	width: 20px;
	height: 19px
}

.banner-text {
	padding: 84px 0 0;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%);
	z-index: 999;
	padding: 0
}

.banner-text h1 {
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 30px !important;
	width: 57.5%;
	line-height: 50px
}

.banner-text .logo {
	width: 100%;
	text-align: center
}

.banner-text .logo img {
	max-height: 60px;
	width: auto;
	max-width: 220px;
	margin-bottom: 40px;
	height: auto
}

.banner-text p,
.banner-text p span {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	font-weight: 300 !important;
	width: 58%;
	margin-top: 10px
}

.ls-wrapper {
	width: 100%
}

.scroll-downs {
	position: relative;
	margin: 150px 0 0
}

.scroll-downs p {
	font-size: 14px;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	text-align: center;
	color: #fff;
	margin: 10px 0 0
}

.scroll-down {
	display: inline-block;
	cursor: pointer;
	overflow: visible !important
}

.scroll-down a {
	padding-top: 70px
}

.scroll-down a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	animation: sdb 1.5s infinite;
	box-sizing: border-box
}

.scroller {
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #7cc576;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
	animation-iteration-count: infinite;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0
}

@keyframes scroll {
	0% {
		opacity: 0
	}

	10% {
		transform: translateY(0);
		opacity: 1
	}

	100% {
		transform: translateY(15px);
		opacity: 0
	}

}

.cms-block {
	background: rgba(255, 255, 255, 0.15);
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 19px 0
}

.cms-block .cms-part {
	float: right;
	display: inline-block;
	position: relative;
	z-index: 999999
}

.cms-block a {
	position: relative;
	display: inline-block;
	z-index: 9999;
	vertical-align: top;
	background-size: 100% !important;
	margin-bottom: 12px;
	background-position: 0 0 !important
}

.cms-block li a span .dot {
	display: none
}

.cms-block li a span:last-child span {
	display: none
}

.cms-block li a span:last-child span.dot {
	display: inline-block
}

.cms-block .cms {
	display: inline-block;
	position: relative
}

.cms-block .cms:last-child {
	margin-right: 0
}

.cms-block .cms .text {
	float: left;
	display: none;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	margin-left: 20px
}

.cms-block .cms span {
	position: relative;
	top: -7.5px;
	margin-left: 5px
}

.cms-block .cms i {
	opacity: 0.65;
	font-size: 27px
}

.cms-block .cms i:hover {
	opacity: 1
}

.cms-block .cms a img {
	height: 30px;
	position: relative;
	top: -5px;
	opacity: 0.65;
	margin-left: 5px
}

.cms-block .cms a img:hover {
	opacity: 1
}

.cms-block .wordpress a {
	width: 28px;
	height: 28px;
	transition: all 0s ease-out
}

.cms-block .wordpress a img {
	margin-top: 0;
	display: inline-block;
	float: left
}

.cms-block .magento a {
	transition: all 0s ease-out
}

.google-partner {
	float: left
}

.logo-block {
	padding: 35px 0 5px;
	height: 0;
	position: relative
}

.logo-block:before {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	width: 101%;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99
}

.logo-block:after {
	content: '';
	background-color: #fff;
	position: absolute;
	top: 101%;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 999;
	transform: rotate(180deg)
}

.logo-block ul {
	margin: 0;
	z-index: 9999
}

.logo-block ul li {
	padding: 0;
	display: inline-block;
	line-height: 30px;
	position: relative
}

.logo-block ul li:first-child {
	padding-left: 0;
	padding-right: 0
}

.logo-block ul li:last-child {
	padding-right: 0;
	padding-left: 0
}

.logo-block ul li:last-child img {
	text-align: right
}

.logo-block ul li img {
	max-width: 135px
}

.logo-block ul li:nth-child(2) {
	top: -10px
}

.logo-block ul li:nth-child(3) {
	top: -20px
}

.logo-block ul li:nth-child(4) {
	top: -30px
}

.logo-block ul li:nth-child(5) {
	top: -40px
}

.logo-block ul li:nth-child(6) {
	top: -50px
}

.logo-block ul li:nth-child(7) {
	top: -60px
}

.logo-block .slick-slider .slick-list {
	overflow: visible
}

.service-part {
	position: relative;
	overflow: hidden
}

.service-part-inner {
	position: absolute;
	top: 0;
	right: 0;
	width: 57%;
	float: right;
	overflow: hidden;
	margin-right: -115px;
	z-index: 100
}

.service-part-inner .inner {
	min-height: 860px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	margin-left: -115px
}

.service-text.fadeInLeft {
	animation-name: fadeInLeft
}

.service-text.fadeInRight {
	animation-name: fadeInRight
}

.search-part .service-text-inner {
	float: left;
	position: relative;
	margin: 0;
	top: 45%;
	transform: translateY(-50%)
}

.search-part .service-part-inner:before {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	background: red;
	background: linear-gradient(to right, #fff 0, transparent 100%)
}

.service-text-inner {
	position: relative;
	width: 100%;
	max-width: 42%;
	margin: 141px 0 0;
	padding: 0 100px 0 0
}

.service-text-inner p {
	color: #082c3e;
	font-size: 18px
}

.service-text-inner h1,
.service-text-inner h2,
.service-text-inner h3 {
	font-size: 26px;
	color: #082c3e;
	text-transform: none !important;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 100;
	margin: 0 0 29px 0
}

.service-border {
	height: 1px;
	width: 125%;
	position: absolute;
	z-index: 9999;
	margin: 0;
	bottom: 69px;
	right: -200px;
	background: linear-gradient(to left, #e1e1e1 70%, rgba(57, 67, 75, 0))
}

.service-border:after {
	content: "";
	display: block;
	width: 140px;
	height: 7px;
	background: #ea6623;
	position: absolute;
	left: 0;
	bottom: 0
}

.webdesign-part {
	border-top: 1px solid #f2f2f2;
	transform: skewY(3.5deg);
	position: relative;
	top: -100px;
	background-color: #fff;
	z-index: 999
}

.webdesign-part .service-part-inner {
	float: left;
	left: 0;
	right: auto;
	overflow: hidden;
	margin: 0;
	margin-left: -115px;
	z-index: 100
}

.webdesign-part .service-part-inner .inner {
	width: 100%;
	margin-top: -40px;
	margin: 0;
	transform: skewY(-3.5deg);
	position: relative;
	top: -33px;
	background-size: 94% !important
}

.webdesign-part .service-part-inner:before {
	content: '';
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	position: absolute;
	background: linear-gradient(to right, transparent 0, #fff 90%)
}

.webdesign-part .service-part-inner:after {
	right: 0;
	left: auto;
	border-bottom: 860px solid #fff;
	border-left: 239px solid transparent;
	border-right: none
}

.webdesign-part .service-text-inner {
	padding: 0 0 0 100px;
	text-align: right;
	float: right;
	margin: 0;
	top: 45%;
	transform: skewY(-3.5deg) translateY(-50%)
}

.webdesign-part .service-border {
	right: 0;
	float: right
}

.webdesign-part .service-border:after {
	content: "";
	display: block;
	width: 140px;
	height: 7px;
	background: #1d9dd8;
	position: absolute;
	right: 0;
	left: auto;
	bottom: 0
}

.tellus {
	background: #000;
	padding: 73px 0 119px;
	overflow: hidden;
	z-index: 9999;
	position: relative;
	padding: 71px 0 65px
}

.tellus .container {
	position: relative
}

.tellus h3 {
	font-size: 30px !important;
	color: #fff;
	text-transform: capitalize;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 100;
	text-align: center;
	margin: 0
}

.tellus .bounceOutUp {
	animation-duration: 0.6s
}

.tellus .option {
	position: static
}

.tellus .option.option-static {
	position: static
}

.tellus .option .option-img {
	overflow: hidden;
	vertical-align: top;
	position: relative
}

.tellus .option .option-img img {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0
}

.tellus .option .option-img i {
	font-size: 70px;
	color: #fff
}

.tellus .option>a:hover {
	color: #0d2c40
}

.tellus .option>a:hover i {
	color: #0d2c40
}

.tellus .option a:hover .option-img img {
	transform: translateY(-50%)
}

#gradient {
	width: 100%;
	padding: 73px 0 119px;
	margin: -50px 0 0;
	z-index: 99999
}

.fast-result {
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4ba0d0), to(#bfd96a)) !important;
	padding: 110px 0 110px 0;
	overflow: hidden;
	min-height: 250px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.fast-result h1 {
	font-size: 30px !important;
	color: #fff;
	text-transform: uppercase;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 100;
	text-align: center;
	margin: 0;
	text-align: center;
	margin-bottom: 40px
}

.fast-result .result {
	text-align: center;
	width: 50%;
	float: left
}

.fast-result .result span {
	display: block;
	font-weight: 300;
	color: #fff;
	font-size: 20px;
	margin: 28px 0 0;
	bottom: 0;
	text-transform: none
}

.fast-result .result a mark {
	display: inline-block;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	padding: 13px 38px
}

.fast-result .result mark:hover {
	background: #fff;
	color: #0d2c40
}

.fast-result .option-open-block {
	top: -30px
}

.fast-result .option-open-block h3 {
	padding: 6px 0 0
}

.fast-result.tellus .option>a {
	display: inline-block;
	width: auto;
	height: auto
}

.gradient-inner {
	text-align: center;
	margin: 55px 0 0 0
}

.option {
	text-align: center;
	position: relative;
	z-index: 1;
	float: left;
	margin: 0;
	width: 25%;
	padding: 0 20px;
	vertical-align: top
}

.option>a {
	font-size: 14px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	width: 100%;
	background-position: bottom center !important;
	padding: 0;
	vertical-align: top;
	height: 113px
}

.option>a span {
	position: relative;
	bottom: -30px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0
}

.option-open-block {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in
}

.option-open-block h3 {
	position: relative;
	text-align: left;
	padding: 6px 0 0 25px;
	display: inline-block
}

.option-open-block.open {
	opacity: 1;
	visibility: visible
}

.option-open-block i {
	font-size: 53px;
	position: relative;
	top: 15px
}

.option-open-block .option-open-inner {
	padding: 60px 0 0
}

.option-open-block .option {
	padding: 0 22px
}

.option-open-block p {
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	line-height: 26px
}

.option-open-block .view-button {
	margin: 25px 0 0
}

.option-open-block .view-button a {
	color: #fff;
	padding: 6px 25px;
	border: 1px solid #fff;
	font-size: 14px;
	width: auto
}

.option-open-block .view-button a:hover {
	background: #fff;
	color: #0d2c40
}

.option-open-block.move {
	opacity: 0;
	right: -300px
}

.title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 900;
	color: #fff;
	margin: 0 0 3px 0
}

.tellhead {
	opacity: 0;
	visibility: hidden
}

.close {
	position: absolute;
	right: 20px;
	transition: all 2s;
	z-index: 999
}

.close img {
	width: 25px
}

.who-we-block {
	overflow: hidden
}

.who-we-block .service-border {
	width: 90%
}

.who-we-block .who-we-part {
	position: relative;
	padding: 346px 0 314px;
	display: none
}

.who-we-block .who-we-part.active {
	display: block
}

.who-we-block .slick-slide {
	margin: 0
}

.who-we-block .slick-list {
	overflow: visible
}

.who-we-part .creative-top {
	position: absolute;
	top: 0;
	left: 0
}

.who-we-part .creative-top .image {
	float: left
}

.who-we-part .creative-bottom {
	position: absolute;
	bottom: 0;
	left: 0
}

.hide {
	opacity: 0;
	visibility: hidden
}

.show {
	opacity: 1;
	visibility: visible
}

.who-we-image {
	position: absolute;
	z-index: 9999
}

.casestudy .who-we-image {
	bottom: 0;
	right: 0
}

.casestudy .who-we-image-inner {
	min-height: 920px;
	width: 997px
}

.who-we-image-inner {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	float: right;
	overflow: hidden;
	background-size: 100% !important
}

.who-we-text {
	width: 100%;
	margin: 0;
	position: relative
}

.who-we-text .title {
	color: #0d2c40;
	font-size: 40px;
	text-transform: uppercase;
	line-height: 48px;
	font-weight: 900;
	min-height: 144px
}

.who-we-text .service-border {
	margin: 100px 0 0;
	position: static
}

.who-we-text .service-border:after {
	background: #f5b030
}

.who-we-text .view-button {
	margin: 86px 0 0
}

.who-we-text .view-button a {
	border: 1px solid #f5b030
}

.who-we-text .view-button a:hover {
	background: #f5b030
}

.casestudy-part {
	position: relative
}

.casestudies-tab {
	margin: 0 -25px;
	position: relative;
	z-index: 99999;
	overflow: hidden
}

.casestudies-tab .casestudy {
	transition: all 0.3s;
	min-height: 130px;
	text-align: center;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	width: calc(100% +50px);
	overflow: hidden;
	background-size: 100% !important;
	transform: skew(-20deg);
	margin-left: -23px
}

.casestudies-tab .casestudy:before {
	content: " ";
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s
}

.casestudies-tab .casestudy a {
	display: inline-block;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 18px
}

.casestudies-tab .casestudy a>br {
	display: none
}

.casestudies-tab .casestudy a span {
	display: block;
	text-transform: none;
	font-weight: 300;
	margin: 0 0 0 0 !important;
	line-height: normal
}

.casestudies-tab .casestudy:hover:before {
	opacity: .7
}

.casestudies-tab .casestudies {
	min-height: 130px;
	float: left;
	width: 100%;
	transform: skew(20deg);
	border-right: none;
	overflow: hidden;
	cursor: pointer;
	background: #000
}

.casestudies-tab .casestudies.open .casestudy:before {
	background: rgba(0, 0, 0, 0.2)
}

.casestudies-tab .case1.casestudies .casestudy {
	background: url(images/small-cross1.png) no-repeat
}

.casestudies-tab .case2.casestudies .casestudy {
	background: url(images/small-cross2.png) no-repeat
}

.casestudies-tab .case3.casestudies .casestudy {
	background: url(images/small-cross3.png) no-repeat
}

.casestudies-tab .case4.casestudies .casestudy {
	background: url(images/small-cross4.png) no-repeat
}

.casestudies-tabbing {
	width: 63%;
	float: left
}

.casestudies-tabbing .owl-carousel:after {
	content: "";
	display: block;
	width: 50px;
	height: 130px;
	background: #fff;
	transform: skew(20deg);
	position: absolute;
	top: 0;
	right: -25px;
	z-index: 999999;
	border-top: 1px solid #e8e8e8
}

.events-main .casestudies-tabbing .casestudies {
	width: 33.33%
}

.events-main .casestudies-tab .casestudy a {
	font-size: 14px
}

.events-main .casestudies.view-case-button {
	box-shadow: none;
	cursor: auto
}

.events-main .casestudies.view-case-button span {
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	color: #0d2c40
}

.events-main .casestudies.view-case-button:hover .view-case-button-inner a {
	color: #943582
}

.contact-main .casestudies-tab .casestudy {
	min-height: 146px;
	background-size: 100% !important;
	transform: skew(20deg);
	margin-left: -27px
}

.contact-main .casestudies-tab .casestudy:hover {
	background-size: 105% !important
}

.contact-main .casestudies-tab .casestudies {
	min-height: 146px;
	transform: skew(-20deg);
	border-right: none;
	overflow: hidden;
	cursor: pointer;
	background: #000;
	width: 33.33%
}

.contact-main .inner-banner {
	min-height: 667px
}

.contact-main .inner-banner .banner-text h1 {
	margin-bottom: 15px
}

.contact-main .inner-banner .banner-text.loaded {
	top: 0;
	position: relative;
	transform: none
}

.contact-main .inner-banner p {
	font-size: 20px
}

.contact-main .inner-banner p a {
	font-weight: 900;
	color: #fff
}

.contact-main .inner-banner p a:hover {
	color: #f1d119
}

.contact-main .inner-banner:before {
	background: rgba(0, 0, 0, 0.65)
}

.contact-main .casestudies-tabbing {
	width: 100%
}

.contact-main .our-location {
	position: relative
}

.contact-main .right-cross {
	width: 57.5%
}

.contact-main .right-cross .inner {
	min-height: 517px
}

.contact-main .service-border {
	margin: 50px 0;
	bottom: 0;
	position: relative;
	z-index: -2;
	left: 0
}

.contact-main .service-border:after {
	background: #c6d200
}

.contact-main .parallax-window {
	background-attachment: inherit !important
}

.contact-main .gform_wrapper div.validation_error {
	display: none
}

.blog-block {
	padding: 60px 0 15px;
	background: #fafafa
}

.blog-block .dn-hub {
	width: 100%;
	text-align: center;
	margin-bottom: 50px
}

.blog-block .dn-hub img {
	height: 34px
}

.blog-block h3 {
	text-align: center;
	margin-bottom: 50px;
	color: #0d2c40
}

.blog-block .blog {
	position: relative;
	overflow: hidden
}

.blog-block .blog:last-child {
	border-right: none
}

.blog-block .blog .title {
	color: #0c2d3f;
	margin: 0 0 10px 0;
	position: relative;
	font-size: 18px;
	line-height: 28px;
	padding: 0 30px;
	font-weight: 100;
	text-transform: capitalize;
	text-align: center
}

.blog-block .blog p {
	font-size: 16px;
	line-height: 26px;
	position: relative;
	padding: 0 30px
}

.blog-block .bloguser {
	height: 65px;
	position: relative;
	text-align: left;
	padding: 15px 0 0 30px !important
}

.blog-block .bloguser span {
	font-size: 18px;
	color: #0c2d3f;
	line-height: 20px;
	font-weight: 300;
	display: inline-block;
	padding: 0 0 0 15px;
	font-weight: 400
}

.blog-block .two-blog:nth-of-type(3n+1) {
	margin-right: 2%
}

.blog-block .two-blog:nth-of-type(3n+2) {
	margin-right: 2%
}

.two-blog {
	width: 32%;
	float: left;
	margin-bottom: 60px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04)
}

.two-blog.featured {
	width: 100%;
	position: relative
}

.two-blog.featured .blog {
	display: table;
	position: relative
}

.two-blog.featured .blog .blog-img {
	width: 40%;
	display: table-cell
}

.two-blog.featured .blog .blog-inner {
	width: 55%;
	display: table-cell;
	min-height: 0;
	padding: 60px 3% 50px
}

.two-blog.featured .blog .blog-inner .bloguser {
	padding: 0 0 0 25px !important;
	height: auto
}

.two-blog.featured .blog .blog-inner .bloguser img {
	height: 60px;
	width: 60px;
	top: -20px
}

.two-blog.featured .blog .blog-inner .featured-tag {
	position: absolute;
	background: #c6d22d;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	padding: 7.5px 20px;
	left: -140px;
	margin-top: -7.5px
}

.two-blog.featured .post-categories {
	display: inline-block
}

.two-blog .blog .blog-inner {
	padding: 0
}

.two-blog .blog .blog-inner .post-cat {
	margin-right: 4px;
	padding: 2px 8px;
	color: #fff;
	background-color: #929292;
	border-radius: 2px;
	font-size: 12px;
	opacity: .6;
	font-weight: 100;
	letter-spacing: 0.07em
}

.two-blog .blog .blog-inner .post-cat:hover {
	opacity: 1
}

.page-template-our-team-landing-page .inner-banner.inner-big {
	height: 400px
}

.page-template-our-team-landing-page .inner-banner.inner-big .banner-text {
	top: 45%
}

.inner-banner {
	position: relative;
	width: 100%;
	background-size: 100%;
	min-height: 263px;
	background-repeat: no-repeat !important;
	background-position: center center
}

.inner-banner.inner-big {
	height: 400px;
	padding-bottom: 50px;
	position: relative
}

.inner-banner.inner-big:after {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99
}

.inner-banner .banner-text {
	padding: 0;
	text-align: left;
	position: absolute;
	transform: translate(0, -50%);
	animation-fill-mode: none;
	margin: 0;
	animation-name: none;
	transition: all 0.5s ease;
	top: 45%;
	transform: translate(0, -50%);
	max-width: 100%;
	text-align: center
}

body.single-careers.postid-6409 .inner-banner .banner-text {
	top: 36%;
}

.inner-banner .banner-text h1 {
	font-size: 30px;
	margin: 0 auto;
	font-weight: 100;
	color: #fff;
	text-transform: uppercase
}

.inner-banner .container {
	position: relative;
	min-height: inherit;
	height: 100%
}

.inner-banner .default-tab {
	margin: 89px 0 0
}

.banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #252b33;
	opacity: .7
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 502;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80)
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 503;
	position: fixed;
	outline: none !important
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 505
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur {
	cursor: zoom-out
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: zoom-in
}

.mfp-close {
	user-select: none;
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:hover {
	opacity: 1
}

.mfp-close:focus {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-arrow {
	user-select: none;
	position: absolute;
	top: 0;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:focus {
	opacity: 1
}

.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: solid transparent;
	border-top-width: 20px;
	border-bottom-width: 20px
}

.mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: solid transparent;
	opacity: 0.8;
	border-top-width: 12px;
	border-bottom-width: 12px;
	top: 8px
}

.mfp-arrow .mfp-b {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: solid transparent;
	border-top-width: 20px;
	border-bottom-width: 20px
}

.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: solid transparent;
	opacity: 0.8;
	border-top-width: 12px;
	border-bottom-width: 12px;
	top: 8px
}

.mfp-preloader {
	user-select: none;
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 504
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-counter {
	user-select: none;
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px
}

.mfp-hide {
	display: none !important
}

button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	display: block;
	padding: 0;
	z-index: 506
}

button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	display: block;
	padding: 0;
	z-index: 506
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
	top: -43px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 12px solid #000;
	left: 5px
}

.mfp-arrow-left .mfp-a {
	border-right: 12px solid #000;
	left: 5px
}

.mfp-arrow-left:before {
	border-right: 20px solid #fff
}

.mfp-arrow-left .mfp-b {
	border-right: 20px solid #fff
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 12px solid #000;
	left: 3px
}

.mfp-arrow-right .mfp-a {
	border-left: 12px solid #000;
	left: 3px
}

.mfp-arrow-right:before {
	border-left: 20px solid #fff
}

.mfp-arrow-right .mfp-b {
	border-left: 20px solid #fff
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

}

@media all and (max-width:800px) {
	.mfp-arrow {
		transform: scale(0.75)
	}

	.mfp-arrow-left {
		transform-origin: 0
	}

	.mfp-arrow-right {
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}

}

.mfp-ie7 .mfp-img {
	padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
	padding: 0
}

.mfp-ie7 .mfp-content {
	padding-top: 44px
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}

.testimonial-block {
	position: relative
}

.testimonial-block .container {
	position: relative
}

.testimonial-block:before {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
	top: 0;
	content: '';
	left: 0
}

.testimonial-block:after {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
	bottom: 0;
	content: '';
	left: 0
}

.testimonial-block .service-part-inner {
	min-height: 599px;
	width: 45%;
	float: left;
	left: 0;
	right: auto;
	transform: none;
	background-position: center top !important;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

.testimonial-block .service-part-inner:after {
	right: 0;
	left: auto;
	border-bottom: 850px solid #fff;
	border-left: 239px solid transparent;
	border-right: none;
	display: block
}

.testimonial-block .service-part-inner:before {
	content: " ";
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.testimonial-block .view-button {
	float: left;
	margin: 40px 0 0
}

.testimonial-contact {
	width: 440px;
	position: absolute !important;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	color: #fff;
	font-size: 26px;
	font-weight: 300;
	line-height: 40px;
	z-index: 999
}

.testimonial-contact a {
	color: #f6b030
}

.testimonial-contact a:hover {
	color: #fff
}

.testimonial-contact p {
	color: #fff;
	font-size: 26px;
	font-weight: 300;
	line-height: 40px
}

.testimonial-part {
	width: 560px;
	margin-right: 60px;
	float: right;
	padding: 0;
	position: relative
}

.testimonial {
	position: relative
}

.testimonial p {
	color: #031624;
	font-size: 16px;
	line-height: 40px;
	font-weight: 300
}

.testimonial .quotes {
	width: 100px;
	margin-bottom: 40px
}

.client-name {
	color: #f6b030;
	font-size: 26px;
	line-height: 38px;
	font-weight: 300;
	margin: 0 0 34px 0
}

.client-name span {
	text-transform: uppercase;
	font-weight: 900
}

.our-team-block-main {
	padding-bottom: 50px
}

.our-team-block-main .view-button {
	text-align: center;
	margin: 15px 0 0;
	float: left;
	position: absolute;
	z-index: 999999;
	top: 50%;
	transform: translate(0, -50%);
	height: 50px
}

.our-team-block-main .view-button a {
	padding: 14px 50px
}

.our-team-block {
	padding: 69px 0 0;
	position: relative
}

.our-team-block h3 {
	position: absolute;
	z-index: 9999;
	margin: 7px 0 0;
	line-height: 42px;
	font-size: 26px;
	color: #082c3e;
	text-transform: capitalize;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	top: 38%
}

.our-team-block h3>br {
	display: none
}

.webdesign-team {
	border-bottom: 1px solid #e1e1e1;
	position: relative
}

.webdesign-team .our-team-block h3>br {
	display: block
}

.webdesign-team .all-team .member-name {
	padding: 28px 0 0 30px
}

.webdesign-team .all-team .member-name span {
	color: #009ee1
}

.webdesign-team .allteam-main .service-border:after {
	background: #009ee1
}

.webdesign-team .view-button a {
	border: 1px solid #009ee1
}

.webdesign-team .view-button a:hover {
	border: 1px solid #009ee1;
	background: #009ee1
}

.allteam-main {
	width: 100%;
	margin: 0;
	position: relative
}

.allteam-main:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/scroll-shadow-left.png) left no-repeat;
	width: 235px;
	height: 100%;
	z-index: 999;
	background-size: 100%
}

.allteam-main .slick-slide img {
	display: inline-block
}

.allteam-main .service-border:after {
	display: none
}

.all-team {
	padding-left: 235px;
	overflow: hidden;
	position: relative
}

.all-team .member {
	width: 20%;
	float: left
}

.all-team .member-name {
	color: #0d2c40;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	padding: 28px 0 0;
	line-height: 21px
}

.all-team .member-name span {
	display: block;
	text-transform: capitalize;
	font-weight: 100;
	color: #585858
}

.seo-team .allteam-main .service-border:after {
	background: #ea6623
}

.seo-team .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #ea6623
}

.seo-team .all-team .member-name span {
	color: #ea6623
}

.get-started-block {
	z-index: 9999;
	position: relative;
	padding: 71px 0 65px;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4ba0d0), to(#bfd96a)) !important
}

.get-started-block h3 {
	text-align: center;
	color: #fff
}

.get-started-block form {
	margin: 45px -20px 0
}

.get-started-block .option {
	padding: 0 20px;
	position: relative
}

.get-started-block .option input {
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	background: transparent;
	padding: 0 20px;
	height: 57px;
	transition: all 0.3s;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	font-size: 20px
}

.get-started-block .option label {
	font-size: 14px;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	color: #fff;
	display: block;
	text-align: left;
	padding: 16px 0 0 20px
}

.get-started-block .option label.active {
	color: #0c2d3f
}

.get-started-block .option label.active span {
	color: #0c2d3f
}

.get-started-block .button {
	margin: 34px 0 0;
	float: left;
	width: 100%
}

.get-started-block .button input.btn {
	padding: 0 34px
}

.get-started-block .button input.btn:hover {
	background: #4dbabd;
	color: #fff
}

.get-started-block .input-field {
	position: relative;
	border: none;
	background: transparent;
	padding: 0 20px;
	height: 57px;
	transition: all 0.3s;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	font-size: 20px
}

.get-started-block input.gform_button {
	width: 95% !important;
	color: #fff;
	float: right;
	font-size: 16px !important;
	text-transform: capitalize;
	background: #0d2c40;
	border: none;
	margin: 0 auto 0 !important;
	height: 50px;
	padding: 0 34px;
	transition: all 0.3s;
	font-family: brandon-grotesque, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

.get-started-block input.gform_button:hover {
	background: #4dbabd;
	color: #fff
}

@keyframes slide {
	0% {
		transform: translateX(-100%)
	}

	60% {
		transform: translateX(100%)
	}

}

.yoko {
	z-index: 10;
	width: 100% !important;
	background: transparent !important;
	color: #f5f5f5 !important;
	opacity: 0;
	transition: opacity 0.3s !important
}

.yoko:focus {
	opacity: 1;
	transition-delay: 0.3s
}

.yoko:focus.label-yoko::before {
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.yoko:focus.label-yoko {
	pointer-events: none
}

.yoko:focus.label-yoko::after {
	opacity: 1
}

.label-yoko {
	position: relative
}

.label-yoko::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	transform-origin: 50% 0;
	transition: transform 0.3s;
	opacity: .8
}

.content-yoko {
	font-size: 16px;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	color: #fff;
	display: block;
	text-align: left;
	padding: 0;
	position: relative;
	top: -5px;
	transition: all 0.3s
}

.validation_message {
	font-size: 0 !important
}

.validation_message:before {
	content: '\f06a';
	font-family: FontAwesome;
	position: absolute;
	font-size: 20px
}

.input--filled .yoko {
	opacity: 1;
	transition-delay: 0.3s
}

.input--filled .label-yoko::before {
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.input--filled .label-yoko {
	pointer-events: none
}

.input--filled .label-yoko::after {
	opacity: 1
}

.inner-big {
	min-height: 600px
}

.seo-service-block {
	background: #f6f6f6;
	padding: 80px 0 82px;
	border-bottom: 1px solid #e1e1e1
}

.seo-service-block .seo-service {
	width: 33.33%;
	float: left;
	position: relative;
	border-bottom: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	min-height: 260px;
	overflow: hidden;
	background: #fff
}

.seo-service-block .seo-service .title {
	color: #0c2d3f;
	margin-bottom: 22px
}

.seo-service-block .seo-service p {
	font-size: 16px;
	line-height: 26px
}

.seo-service-block .seo-service .service-default {
	padding: 0 70px;
	position: absolute;
	top: 50px
}

.seo-service-block .seo-service .service-default .spectrum-button {
	position: relative;
	font-size: 14px;
	line-height: normal;
	font-family: brandon-grotesque, sans-serif;
	border: 1px solid;
	padding: 12px 20px;
	overflow: hidden;
	color: #fff;
	text-transform: capitalize;
	border-color: #fff;
	font-weight: 100;
	display: inline-block;
	width: auto;
	margin-top: 25px
}

.seo-service-block .seo-service .service-default .spectrum-button:hover {
	color: #0c2d3f;
	background-color: #fff
}

.seo-service-block .seo-service.unsure-get-touch {
	background: #f6f6f6;
	padding: 0;
	border: none;
	text-align: center;
	min-height: 300px
}

.seo-service-block .seo-service.unsure-get-touch .service-default {
	top: 0;
	padding: 0;
	min-height: 300px;
	width: 100%
}

.seo-service-block .seo-service.unsure-get-touch img {
	width: 100%;
	width: 200px;
	margin-bottom: 15px
}

.seo-service-block .seo-service.unsure-get-touch .inner {
	top: 50%;
	position: absolute;
	width: 100%;
	transform: translateY(-50%)
}

.seo-service-block .seo-service.unsure-get-touch .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 180%;
	animation: rotating 300s linear infinite;
	height: 180%;
	background-size: cover !important;
	background-position: center !important;
	left: -40%;
	top: -40%
}

.seo-service-block .seo-service.unsure-get-touch p {
	color: #fff;
	font-size: 18px
}

.seo-service-block .seo-service.unsure-get-touch:hover {
	background: none !important
}

.seo-service-block .seo-service .seo-service-inner {
	background: #fff;
	transition: all 0.5s;
	backface-visibility: hidden;
	min-height: 100%;
	max-width: 100%;
	transform: translate3d(0, 0px, 0);
	min-height: 300px
}

.seo-service-block .seo-service .seo-service-inner:hover {
	transform: translate3d(0, 0, 0);
	transform: translate3d(0, -50px, 0)
}

.seo-service-block .seo-service .seo-service-inner:hover .bloguser {
	margin-bottom: 17px;
	opacity: 0;
	visibility: hidden
}

.seo-service-block .seo-service .seo-service-inner:hover .view-button {
	bottom: 0;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	position: relative
}

.seo-service-block .seo-service .seo-service-inner:hover .title {
	color: #fff;
	z-index: 99;
	opacity: 0;
	width: 100%
}

.seo-service-block .seo-service .seo-service-inner:hover .service-default .title {
	top: -200px
}

.seo-service-block .seo-service .seo-service-inner .title {
	transition: all 0.5s ease;
	top: 0;
	opacity: 1;
	visibility: visible;
	position: absolute;
	padding-right: 70px !important
}

.seo-service-block .seo-service .seo-service-inner .view-button {
	transition: all 0.5s;
	position: absolute;
	opacity: 0;
	margin: 30px 0 0
}

.seo-service-block .seo-service .seo-service-inner p:first-of-type {
	padding-top: 50px
}

.seo-service-block .unsure-get-touch .service-default .title {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
	width: 100%
}

.seo-service-block .unsure-get-touch .service-default .title p {
	color: #707785;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 900;
	transition: all 0.5s ease;
	margin: 0
}

.seo-service-block .unsure-get-touch .service-default .title p>strong {
	color: #0d2c40;
	font-weight: 900;
	transition: all 0.5s ease
}

.seo-inner .content-main h1 {
	color: #eb6724
}

.seo-inner .content-main h4 {
	color: #eb6724;
	margin-bottom: 30px
}

.seo-inner .blog-part {
	padding-top: 50px
}

.seo-inner .blog-block {
	padding-bottom: 95px
}

.seo-inner .testimonial-contact {
	width: 370px
}

.seo-inner .testimonial-block {
	border-width: 0
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield {
	width: 46%;
	display: inline-block;
	clear: none
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield:nth-child(odd) {
	margin-right: 8% !important
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield input {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	color: #fff;
	padding: 0;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-bottom: 5px
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield input:focus::-webkit-input-placeholder {
	color: transparent
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield input::-webkit-input-placeholder {
	color: #fff;
	font-weight: 100;
	font-size: 18px
}

.body-content {
	padding: 60px 0 77px;
	position: relative;
	background: #fff;
	background-size: cover;
}

.body-content p {
	padding-bottom: 33px
}

.body-content .content-main {
	width: 55%;
	float: left;
	padding: 0 80px 0 0;
	position: relative
}

.body-content .content-main img {
	height: 300px;
	position: absolute;
	left: 5%;
	z-index: 999;
	top: 140px
}

.body-content .content-main p {
	font-weight: 300;
	color: #fff;
	font-weight: 100;
	font-size: 18px;
	width: 40%;
	float: left
}

.body-content .service-form {
	width: 40%;
	float: right
}

.body-content .service-form .get-started-block {
	padding: 0 70px 0 0;
	background: transparent;
	position: relative
}

.body-content .service-form .get-started-block .option input {
	height: 50px;
	font-size: 14px !important;
	border: 1px solid #ebebeb;
	color: #0d2c40
}

.body-content .service-form .get-started-block .option input:focus {
	background: none;
	border: 1px solid #ea6724
}

.body-content .service-form .get-started-block .option label.active {
	color: #ea6724
}

.body-content .service-form .get-started-block form {
	margin: 20px 0 0
}

.body-content .service-form .option {
	width: 100%;
	padding: 30px 0 0
}

.body-content .service-form .button input.btn {
	margin: 0
}

.body-content .title {
	color: #eb6724;
	padding-bottom: 2px
}

.body-content .body-content-right {
	float: left;
	padding: 0 0 0 70px
}

.body-content .body-content-right .go-link {
	color: #4dbabd
}

.body-content .body-content-right .go-link:hover {
	color: #0d2c40
}

.body-content.skyblue {
	background: none
}

.body-content.orange #gform_wrapper_2 h3.gform_title {
	font-size: 30px;
	color: #fff !important
}

.body-content.orange a.go-link {
	font-size: 30px;
	color: #fff !important
}

.body-content h1 {
	font-size: 30px;
	color: #fff !important;
	font-weight: 100;
	text-transform: uppercase;
	position: relative;
	top: -10px;
	letter-spacing: 0.025em !important
}

.body-content h4 {
	font-size: 30px;
	color: #fff !important
}

.body-content a.go-link:hover {
	color: #fff !important
}

.team-details-main .body-content h1 {
	color: #39a949;
	margin-bottom: 10px
}

.team-details-main .body-content h4 {
	color: #0d2c40;
	line-height: normal;
	font-weight: 300;
	margin-bottom: 20px
}

.team-details-main .body-content .title {
	color: #39a949
}

.team-details-main .body-content p {
	padding-bottom: 10px
}

.team-details-main .body-content .content-main .title {
	color: #031624;
	margin-top: 10px
}

.team-details-main .body-content .content-main .title span {
	font-weight: 300;
	text-transform: none;
	display: inline-block;
	margin-left: 0
}

.team-details-main .inner-banner:before {
	display: none
}

.home .inner-fixed-scroll header {
	border-bottom: 0
}

.inner-fixed-scroll .top-bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999
}

.inner-fixed-scroll #header_placeholder {
	background-position: transparent
}

.inner-fixed-scroll #header_placeholder.fixed {
	height: 111px !important
}

.inner-fixed-scroll header.fixed {
	position: fixed !important;
	left: 0;
	width: 100%
}

.service-columns {
	position: relative;
	min-height: 600px
}

.service-columns.border-top:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #f6f6f6
}

.service-columns .inner-form #gform_wrapper_2 .gform_fields li.gfield {
	width: 100% !important;
	margin-right: 0 !important
}

.service-columns #gform_wrapper_2 h3.gform_title {
	padding-bottom: 20px
}

.service-columns .inner-form #gform_wrapper_2 .gform_fields li.gfield input {
	margin-bottom: 15px
}

.service-columns #gform_wrapper_2 .gform_footer {
	padding: 40px 0 0 0
}

.service-columns .service-form-half {
	width: 25%;
	display: inline-block;
	right: 12%;
	position: fixed;
	padding-left: 2.5%;
	top: 0;
	padding: 120px 0 80px 40px;
	float: right;
	top: 70%;
	transform: translateY(-70%)
}

.service-columns .service-form-half.static {
	position: absolute
}

.service-columns .service-right-bg {
	position: fixed;
	right: -4%;
	background-size: cover;
	height: 100%;
	width: 50%;
	transform: skew(6.5deg);
	height: calc(100% - 80px);
	top: 80px
}

.service-columns .service-right-bg.static {
	position: absolute;
	height: 100%;
	top: 0
}

.service-content {
	padding: 80px 0 40px;
	position: relative
}

.service-content.service-text:before {
	content: '';
	position: absolute;
	background: #fff;
	bottom: 100%;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 105% 100%)
}

.service-content .content-main {
	width: 60%
}

.service-content .content-main p {
	font-size: 18px;
	margin-bottom: 30px
}

.service-content.service-content-half {
	width: 60%;
	display: inline-block
}

.service-content.service-content-half .content-main {
	width: 100%;
	text-align: left;
	padding-right: 20%
}

.service-content.service-content-half .content-main h1 {
	color: #031624;
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
	position: relative;
	top: -10px;
	letter-spacing: 0.025em !important
}

.service-content .blog-block {
	width: 40%;
	float: right;
	padding: 0;
	background: transparent
}

.service-content .blog-block .two-blog {
	width: 32%;
	text-align: center
}

.service-content .blog .blog-inner {
	min-height: 150px
}

.related-posts {
	background-color: #fafafa;
	border-top: 1px solid #f3f3f3
}

.parallax-window {
	min-height: 400px;
	background-attachment: fixed !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative
}

.parallax-window .parallax-inner {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0;
	text-align: center;
	padding: 0
}

.parallax-window .parallax-inner h3 {
	color: #fff
}

.case-banner {
	overflow: hidden
}

.case-banner .video {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%
}

.case-banner:before {
	background: rgba(0, 0, 0, 0.3)
}

.case-banner .banner-text {
	padding: 0
}

.case-banner .banner-text.loaded {
	padding: 0 0 0 0 !important;
	max-width: 1400px;
	width: 100%
}

.case-banner .banner-text p {
	font-size: 20px;
	line-height: 30px
}

.casestudy-inner-logo {
	min-height: 191px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	position: relative
}

.casestudy-inner-logo:before {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99
}

.casestudy-inner-logo .logo {
	height: 30px;
	margin: 0
}

.casestudy-inner-logo .project-category.cms-block {
	bottom: auto
}

.casestudy-inner-logo .cms-block .cms i {
	color: #0d2c40
}

.project-category ul {
	margin: 0
}

.project-category ul li {
	display: inline-block;
	font-size: 18px
}

.project-category ul li a {
	color: #0d2c40
}

.project-category ul li a:hover {
	color: #f6b030
}

.project-category.cms-block {
	position: absolute;
	padding: 0;
	background: none;
	bottom: 0px
}

.project-category.cms-block .cms {
	margin: 0 0 5px 0
}

.project-category .title {
	font-weight: 100;
	text-transform: capitalize;
	margin: 18px 0 0
}

.project-category .title span {
	font-weight: 300;
	display: block;
	margin: 4px 0 0
}

.project-category .read-time {
	font-size: 16px;
	margin-top: 20px
}

.project-category .read-time .fa {
	margin-right: 10px;
	font-size: 20px;
	position: relative;
	top: 2px
}

.case-testimonial {
	position: relative
}

.case-testimonial.solo {
	position: relative;
	border-bottom: 1px solid #e1e1e1
}

.case-testimonial.solo .verticle-center {
	top: 0;
	transform: none;
	position: relative;
	width: 60%;
	text-align: center
}

.case-testimonial.solo .case-study-testimonial-text {
	width: 100%;
	margin: 0;
	position: relative;
	padding: 55px 0
}

.left-cross {
	position: absolute;
	top: 0;
	left: 0;
	width: 39%;
	float: left;
	z-index: 999;
	overflow: hidden;
	transform: skewX(15deg);
	margin-left: -115px
}

.casestudy-page .left-cross {
	position: absolute;
	top: 0;
	left: 0;
	width: 47.6%;
	float: left;
	z-index: 999;
	overflow: hidden;
	transform: skewX(15deg);
	margin-left: -115px
}

.left-cross-inner {
	min-height: 724px;
	background: #000;
	position: relative;
	transform: skewX(-15deg);
	margin-right: -115px;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

.case-study-testimonial-text {
	width: 45%;
	padding: 0 110px 0 0;
	float: right;
	position: relative
}

.case-study-testimonial-text .client-name {
	margin-top: 30px
}

.ctc-main {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999
}

.ctc-main .ctc {
	color: #fff;
	margin-bottom: 31px
}

.ctc-main .ctc:last-child {
	margin-bottom: 0
}

.ctc-main .ctc h4 {
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 11px;
	max-width: 250px
}

.ctc-main .ctc .percent {
	font-weight: 300;
	font-size: 70px;
	line-height: 55px
}

.challenege-block {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #e1e1e1
}

.right-cross {
	position: absolute;
	top: 0;
	right: 0;
	width: 64.3%;
	z-index: 999;
	overflow: hidden;
	transform: skewX(15deg);
	margin-right: -115px
}

.casestudy-page .right-cross {
	position: absolute;
	top: 0;
	right: 0;
	width: 53.3%;
	z-index: 999;
	overflow: hidden;
	transform: skewX(15deg);
	margin-right: -115px
}

.right-cross .inner {
	min-height: 864px;
	background-repeat: no-repeat !important;
	background-position: center;
	background-size: cover !important;
	transform: skewX(-15deg);
	margin-left: -115px
}

.challenge-text {
	float: left;
	width: 38.5%;
	position: relative;
	z-index: 9
}

.challenge-text p {
	padding: 0 100px 0 0;
	font-size: 18px;
	line-height: 30px
}

.challenge-text h3 {
	margin-bottom: 47px;
	font-size: 26px;
	color: #082c3e;
	text-transform: capitalize;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
	margin-bottom: 30px
}

.challenge-text .service-border {
	margin: 124px 0 0;
	bottom: 0
}

.challenge-text .service-border:after {
	background: #f6b030
}

.challenge-text-inner {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.solution-block {
	padding: 56px 0 59px
}

.solution-block .solution-image {
	float: left;
	position: relative;
	right: 143px
}

.solution-block .challenge-text {
	float: right;
	padding: 0;
}

.solution-block .challenge-text p {
	padding: 0 0 0 66px
}

.solution-block .challenge-text .service-border {
	float: right;
	width: 712px;
	margin: 123px 0 0
}

.solution-block .challenge-text .service-border:after {
	right: 0;
	left: auto;
	margin: 123px 0 0
}

.solution-block .challenge-text-inner {
	position: relative;
	top: 0;
	transform: none;
	text-align: right;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.textured-block {
	position: relative;
	min-height: calc(100vh - 0);
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	overflow: hidden
}

.texttured-image {
	padding: 165px 0 0
}

.texttured-image .platform-icon {
	position: absolute;
	left: 0;
	z-index: 999;
	transform: scale(0)
}

.texttured-image .platform-icon a {
	width: 93px;
	transition: all 0.3s;
	transition-delay: inherit;
	text-align: left
}

.texttured-image .platform-icon a i {
	opacity: 0.65;
	font-size: 90px
}

.texttured-image .platform-icon a i:hover {
	opacity: 1
}

.casestudy-image {
	position: relative
}

.casestudy-image img {
	transition: all 1s;
	transition-delay: .8s
}

.platform-icon {
	top: 0;
	position: relative;
	width: 103px;
	height: 126px;
	transition: all 0s ease-out;
	overflow: hidden;
	display: inline-block
}

.platform-icon.icon-fade {
	transition-delay: .15s
}

.platform-icon.zoomIn {
	transform: scale(1)
}

.platform-icon a {
	margin-top: 0;
	display: inline-block;
	width: 100%;
	background-position: 0 0 !important
}

.platform-icon.magento a {
	background: url(images/magento.png) no-repeat;
	width: 103px;
	height: 126px;
	display: inline-block;
	transition: none
}

.platform-icon.magento a:hover {
	background: url(images/magento-hover.png) no-repeat;
	background-size: 100%
}

.platform-icon.wordpress a {
	background: url(images/wordpress.png) no-repeat;
	width: 93px;
	height: 93px;
	display: inline-block;
	background-size: 100%
}

.platform-icon.wordpress a:hover {
	background: url(images/wordpress-hover.png) no-repeat;
	background-size: 100%
}

.quote-profile-block .profile-text img {
	margin-bottom: 10px
}

.quote-profile-block {
	border-top: 1px solid #e1e1e1
}

.profile-block {
	padding: 35px 0;
	text-align: center;
	position: relative;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1
}

.profile-block img {
	border-radius: 100%
}

.profile-block .profile {
	padding: 0 0 0 58px;
	display: inline-block;
	width: 26.5%;
	text-align: left;
	vertical-align: middle
}

.profile-text {
	line-height: normal;
	font-size: 25px;
	text-align: left;
	display: inline-block;
	width: 67%;
	vertical-align: middle
}

.result-block {
	position: relative;
	border-bottom: 1px solid #e1e1e1
}

.result-block .left-cross-big .inner {
	transform: skew(-15deg)
}

.result-block .challenge-text {
	float: right;
	width: 52%;
	position: relative;
	z-index: 9;
	text-align: right
}

.result-block .challenge-text p {
	padding: 0 0 0 126px
}

.result-block .service-border {
	float: right
}

.result-block .service-border:after {
	right: 0;
	left: auto
}

.left-cross-big {
	position: absolute;
	top: 0;
	left: 0;
	width: 51%;
	z-index: 999;
	overflow: hidden;
	margin-left: -115px
}

.left-cross-big .inner {
	min-height: 860px;
	background-repeat: no-repeat !important;
	background-position: center;
	background-size: cover !important;
	margin-right: -115px;
	transform: skew(15deg)
}

.adam-profile-block {
	padding: 29px 0 0
}

.adam-profile-block p a {
	font-weight: 900
}

.adam-contact {
	float: right;
	padding: 39px 0 0px;
}

@media only screen and (max-width:1040px) {
	.adam-contact {
		padding: 39px 0 10px;
	}

}

.adam-contact p {
	font-size: 27px;
	display: inline-block
}

.adam-contact p a:hover {
	color: #126fc6
}

.adam-contact .view-button {
	display: inline-block;
	margin: 0 0 0 83px;
	vertical-align: middle
}

.profile-photo {
	float: left
}

.profile-photo img {
	width: 100px
}

.casestudy-page .casestudies-tab {
	margin: 0 -50px;
	overflow: hidden
}

.casestudy-page .casestudies-tab .casestudies {
	min-height: 130px;
	float: left;
	width: 50%;
	transform: skew(-20deg);
	border-right: none;
	overflow: hidden;
	cursor: pointer;
	background: #fff
}

.casestudy-page .casestudies-tab .casestudy {
	min-height: 130px;
	text-align: center;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	width: calc(100% +100px);
	overflow: hidden;
	background-size: 100% !important;
	transform: skew(20deg);
	margin-left: -50px
}

.casestudy-page .casestudies-tab .casestudy a {
	font-size: 18px
}

.casestudy-page .casestudies.view-case-button {
	width: 34% !important;
	box-shadow: none
}

.casestudy-page .casestudies.view-case-button .view-case-button-inner {
	line-height: 130px;
	transform: skew(20deg);
	top: 0
}

.casestudy-page .casestudies.view-case-button .view-case-button-inner a {
	font-weight: 300;
	text-transform: capitalize;
	font-size: 18px;
	line-height: 130px;
	transform: none
}

.casestudy-page .casestudies.changeatab {
	background: #000
}

.casestudy-page .casestudies-tabbing {
	width: 66%
}

.casestudy-gocustom .left-cross-inner {
	background: #38b44a
}

.casestudy-gocustom .case-banner:before {
	background: rgba(0, 0, 0, 0.4)
}

.casestudy-godelcareers .left-cross-inner {
	background: #3c4a61
}

.casestudy-godelcareers .case-testimonial-text i {
	color: #a8d8e0
}

.casestudy-godelcareers .case-testimonial-text .client-name {
	color: #002860
}

.casestudy-godeltech .left-cross-inner {
	background: #8dc63f
}

.casestudy-godeltech .case-testimonial-text i {
	color: #e45062
}

.casestudy-godeltech .case-testimonial-text .client-name {
	color: #002860
}

.casestudy-grovins .left-cross-inner {
	background: #3c4a61
}

.casestudy-grovins .case-testimonial-text i {
	color: #0c2d3f
}

.casestudy-grovins .case-testimonial-text .client-name {
	color: #002860
}

.casestudy-livelean .left-cross-inner {
	background: #2fbed2
}

.casestudy-livelean .case-testimonial-text i {
	color: #d1537b
}

.casestudy-livelean .case-testimonial-text .client-name {
	color: #231f20
}

.casestudy-ob .left-cross-inner {
	background: #a54399
}

.casestudy-ob .case-testimonial-text i {
	color: #e50278
}

.casestudy-ob .case-testimonial-text .client-name {
	color: #231f20
}

.casestudy-ob .case-banner:before {
	background: rgba(0, 0, 0, 0.4)
}

.casestudy-pallette .left-cross-inner {
	background: #77cea3
}

.casestudy-pallette .case-testimonial-text i {
	color: #9a9a99
}

.casestudy-pallette .case-testimonial-text .client-name {
	color: #231f20
}

.casestudy-sudlows .left-cross-inner {
	background: #e9292f
}

.casestudy-sudlows .case-testimonial-text i {
	color: #e9292f
}

.casestudy-sudlows .case-testimonial-text .client-name {
	color: #231f20
}

.casestudy-sudlows .case-banner:before {
	background: none
}

.casestudy-landing {
	overflow: hidden
}

.casestudy-landing .left-cross a.bg:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	min-height: 100%;
	width: 100%;
	z-index: 99;
	transition: all 0.3s
}

.casestudy-landing .left-cross:hover a.bg:before {
	background: rgba(0, 0, 0, 0.2)
}

.casestudy-landing .right-cross .inner {
	min-height: 796px
}

.casestudy-landing .right-cross a.bg:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	min-height: 100%;
	width: 100%;
	z-index: 99;
	transition: all 0.3s
}

.casestudy-landing .right-cross:hover a.bg:before {
	background: rgba(0, 0, 0, 0.2)
}

.casestudy-landing .left-cross-inner {
	min-height: 796px
}

.casestudy-landing .left-cross-big .inner {
	min-height: 796px
}

.casestudy-landing .right-cross-big .inner {
	min-height: 796px
}

.ladning-first .left-cross {
	width: 49.3%
}

.ladning-first .right-cross {
	width: 63%
}

.ladning-second .left-cross {
	width: 60.7%
}

.ladning-second .right-cross {
	width: 51.8%
}

.ladning-third .left-cross {
	width: 60.3%;
	transform: skewX(-15deg)
}

.ladning-third .right-cross {
	width: 51.8%
}

.ladning-fourth .left-cross {
	width: 49.2%;
	transform: skewX(-15deg)
}

.ladning-fourth .right-cross {
	width: 63%
}

.landing {
	position: relative;
	min-height: 796px
}

.right-cross-big {
	position: absolute;
	top: 0;
	left: 0;
	width: 51%;
	z-index: 999;
	overflow: hidden;
	transform: skewX(-15deg) !important;
	margin-right: -115px
}

.right-cross-big .inner {
	min-height: 860px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	transform: skewX(15deg);
	margin-left: -115px
}

.landing-title {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	text-align: center;
	transform: translate(-50%, -50%) skew(-15deg)
}

.landing-title h1 {
	transform: none;
	margin: 0;
	transition: all 0.3s;
	color: #fff
}

.landing-title h3 {
	transform: none;
	margin: 0;
	transition: all 0.3s;
	color: #fff
}

.leftcross .landing-title {
	transform: translate(-50%, -50%) skew(15deg)
}

.leftcross .left-cross ul.landind-service-text {
	transform: skew(15deg);
	left: 230px
}

.leftcross .right-cross ul.landind-service-text {
	transform: skew(15deg);
	left: 85px
}

.desc-wrap {
	position: relative;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover
}

.desc-wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%
}

.bio-wrap {
	width: 0;
	height: calc(100% - 80px);
	bottom: 0;
	left: 100%;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	text-align: center
}

.bio-wrap h1 {
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 30px;
	color: #fff
}

.bio-wrap h3 {
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 30px;
	color: #fff
}

.bio-wrap p {
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	margin: 0
}

.bio-wrap .leap-helper {
	display: none
}

.bio-wrap.open {
	left: 0;
	width: 100%
}

.bio-wrap.open .timeline {
	left: 0
}

.bio-wrap.open .leap-helper {
	display: block
}

.bio-wrap .inner-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0s
}

.bio-wrap .timeline-desc {
	width: 100%;
	height: 100%
}

.bio-wrap .timeline-desc .slides {
	width: 100%;
	height: 100%
}

.bio-wrap .timeline-desc .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	padding-bottom: 50px;
	background-position: center
}

.bio-wrap .timeline-desc .slide:first-child {
	left: 0
}

.bio-wrap .timeline-desc .slide .inner-wrapper {
	width: 100%;
	height: 100%;
	display: table
}

.bio-wrap .timeline-desc .slide .center-align {
	width: 100%;
	display: table-cell;
	vertical-align: middle
}

.bio-wrap .timeline-desc .slide .desc {
	max-width: 57%;
	margin: 0 auto
}

.bio-wrap .timeline-desc .slide p+p {
	margin-top: 30px
}

.bio-wrap .helper {
	position: absolute;
	left: 50%;
	margin-left: -70px;
	width: 140px
}

.bio-wrap .helper span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	color: #97c7d8
}

.bio-wrap .helper.scroll-helper {
	bottom: 200px;
	opacity: .85
}

.bio-wrap .helper.leap-helper {
	position: fixed;
	bottom: 50px;
	cursor: pointer;
	transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1)
}

.bio-wrap .helper.leap-helper.inactive {
	opacity: 0
}

.bio-wrap .helper.leap-helper span {
	color: #fff
}

.bio-wrap .helper.leap-helper:hover span {
	color: #005173
}

.bio-wrap .timeline {
	width: 100%;
	height: 100px;
	position: fixed;
	left: 100%;
	bottom: 43px;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1)
}

.bio-wrap .timeline .line-wrapper {
	position: absolute;
	top: 36px;
	left: 50%;
	padding-right: 50%
}

.bio-wrap .timeline .line {
	width: 100%;
	height: 2px;
	background-color: #c8c8c8
}

.bio-wrap .timeline .line .progress {
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff
}

.bio-wrap .timeline h4 {
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	color: #c8c8c8;
	transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1)
}

.bio-wrap .timeline .year-dot {
	border-radius: 50px;
	width: 11px;
	height: 11px;
	background-color: #c8c8c8;
	display: block;
	margin: 0 auto 10px;
	transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1)
}

.bio-wrap .timeline .slide {
	position: absolute;
	top: 1px;
	left: 110%;
	width: 100px;
	height: 80px;
	margin-left: -50px;
	text-align: center;
	cursor: pointer;
	padding-top: 30px
}

.bio-wrap .timeline .slide:nth-child(1) {
	left: 50%
}

.bio-wrap .timeline .slide:nth-child(2) {
	left: 70%
}

.bio-wrap .timeline .slide:nth-child(3) {
	left: 90%
}

.bio-wrap .timeline .slide.active h4 {
	color: #fff
}

.bio-wrap .timeline .slide.active .year-dot {
	background-color: #fff
}

.bio-wrap .timeline .slide:hover h4 {
	color: #fff
}

.bio-wrap .timeline .slide:hover .year-dot {
	background-color: #fff
}

.job-info {
	margin: 0
}

.job-info li {
	padding: 0 16px 0 19px;
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	text-transform: capitalize;
	display: inline-block;
	border-right: 1px solid #fff
}

.job-info li:last-child {
	border-right: none
}

.job-info li a {
	color: #fff
}

.single-careers .cross-part {
	position: relative;
	width: 100%;
	position: relative;
	height: 525px
}

.single-careers .cross-part .right-cross {
	width: 55% !important;
	position: absolute;
	height: 100% !important
}

.single-careers .cross-part .right-cross.team-mnager {
	right: 0;
	overflow: visible
}

.single-careers .cross-part .right-cross.rightbottom-cross {
	left: 0;
	transform: skewX(0);
	z-index: -2;
	width: 70% !important
}

.single-careers .cross-part .right-cross.rightbottom-cross .career-details-text {
	transform: skew(0);
	text-align: left
}

.single-careers .cross-part .right-cross.rightbottom-cross .inner {
	transform: skewX(0);
	background: url(images/shadow-gradinwt.png) no-repeat;
	background-color: #0d2c40
}

.single-careers .inner-banner {
	background-size: cover;
	position: relative
}

.single-careers .inner-banner .banner-text h1 {
	margin-bottom: 20px
}

.single-careers .inner-banner:before {
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5)
}

.career-form-block {
	position: relative
}

.career-form-block h3 {
	color: #39a949;
	margin-bottom: 38px
}

.career-form-block .title {
	margin: 0 0 55px 0
}

.career-form-block .career-form .gform_wrapper li.application-left #field_3_4 {
	margin-bottom: 0 !important
}

.career-form-block .career-form .gform_wrapper li.application-right #field_3_6 {
	margin-bottom: 0 !important
}

.career-form-block .career-form .gform_wrapper #field_3_26 {
	margin-bottom: 0 !important
}

.career-form-block .career-form .gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
	text-align: center
}

.career-form-block .career-form .gform_wrapper ul li.gfield {
	clear: none
}

.career-form-block .career-form .gform_wrapper ul li.gfield.rightbottom-cross {
	overflow: hidden !important;
	margin-right: -135px
}

.career-form-block .career-form .gform_wrapper ul li.gfield.rightbottom-cross .inner {
	min-height: 100vh
}

.career-form-block .career-form .application-right ul li {
	margin-bottom: 0 !important
}

.career-form-block .career-form .gform_validation_error .top_label input.medium {
	width: 100%
}

.career-form-block .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important
}

.career-form-block .gform_wrapper .field_description_below .gfield_description {
	padding-top: 5px;
	padding-right: 0 !important
}

.career-form-block .gform_wrapper div.validation_error {
	float: left;
	width: 57%;
	color: red;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	display: none
}

.career-form-block .rightbottom-cross {
	height: 100% !important
}

.rightbottom-cross {
	width: 43.5%;
	transform: skewX(-21deg);
	margin-left: -115px
}

.rightbottom-cross .inner {
	background: #39a949;
	min-height: 600px;
	transform: skewX(21deg);
	margin-right: -115px
}

.career-form {
	padding: 88px 0 85px 0;
	height: 100% !important;
	overflow: hidden
}

.career-form form input {
	width: 100%;
	display: block;
	min-height: 50px;
	border: 1px solid #ebebeb;
	padding: 0 18px;
	font-size: 14px;
	color: #0d2c40;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	margin-bottom: 30px
}

.career-form form input:focus {
	border: 1px solid #39a949
}

.career-form form input.jobdetails {
	display: inline-block;
	width: auto;
	background: none;
	padding: 0;
	text-align: left;
	font-weight: 900;
	text-transform: uppercase;
	color: #39a949;
	font-size: 14px;
	border: none
}

.career-form form input.jobdetails:hover {
	color: #f1d119
}

.career-form form input.gform_button {
	padding: 0 70px
}

.career-form form input.gform_button:hover {
	background: #4dbabd;
	color: #fff
}

.career-form form textarea {
	min-height: 290px;
	width: 100%;
	padding: 20px 18px;
	font-size: 14px
}

.career-form form textarea:focus {
	border: 1px solid #39a949
}

.career-form .gform_wrapper ul.gform_fields {
	margin: 0 0 !important;
	width: 800px;
	float: left
}

.career-form .gform_wrapper ul.gform_fields li.field_description_below {
	padding: 0 0 !important;
	margin-bottom: 30px !important;
	margin-top: 0 !important
}

.career-form .gform_wrapper ul.gform_fields li.field_description_below>ul {
	margin: 0
}

.career-form .gform_wrapper ul.gform_fields li.gfield.gfield_error {
	margin-bottom: 7px !important
}

.career-form .gform_wrapper ul.gform_fields li.gfield:last-child {
	margin-bottom: 0 !important
}

.career-form .gform_wrapper ul.gform_fields li.application-right {
	margin-left: 27px !important
}

.career-form .gform_wrapper ul li.application-left {
	margin: 0 0 !important
}

.career-form .gform_wrapper .top_label div.ginput_container {
	margin: 0 0 !important
}

.career-form .gform_wrapper .top_label input.medium {
	width: 100%;
	padding: 0 20px !important;
	margin: 0 0 !important
}

.career-form .gform_wrapper .upload-part li.upload ul li.field_description_below {
	min-height: 73px;
	margin-bottom: 0 !important
}

.career-form .application-right ul {
	margin: 0
}

.career-form li.application-left {
	padding: 0
}

.job-button {
	float: left;
	width: 100%
}

.job-button a {
	color: #39a949
}

.application-right {
	float: left;
	width: 100%;
	max-width: 448px;
	margin-left: 28px
}

.application-left {
	float: left;
	width: 100%;
	max-width: 325px
}

.application-left ul {
	margin: 0
}

.upload-part {
	z-index: 999;
	position: absolute;
	top: 168px;
	right: 13.2%
}

.upload-part .upload {
	display: inline-block;
	padding: 0 50px;
	position: relative;
	text-align: right;
	vertical-align: top
}

.upload-part .upload:first-child {
	padding-left: 0
}

.upload-part .upload span {
	display: block;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 23px
}

.upload-part .upload span mark {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: none;
	font-weight: 300;
	font-size: 16px;
	color: #0d2c40;
	display: block;
	padding-top: 7px;
	width: 145px
}

.upload-part .upload span.screen-reader-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: none;
	font-weight: 300;
	font-size: 16px;
	color: #0d2c40;
	display: block;
	padding-top: 7px;
	width: 145px
}

.upload-part .upload .ginput_preview {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 145px;
	font-size: 16px;
	font-weight: 300
}

.upload-part .upload input.upload {
	position: absolute;
	bottom: 36px;
	right: 0;
	margin: 0 !important;
	padding: 0;
	font-size: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	display: inline-block;
	width: 148px !important;
	min-height: 138px;
	z-index: 999;
	cursor: pointer
}

.upload-part .upload-portfolio {
	padding-right: 0
}

.upload-part .button {
	margin: 94px 0 0
}

.upload-part .button input.btn {
	padding: 0 70px
}

.upload-part .button input.btn:hover {
	background: #4dbabd;
	color: #fff
}

.upload-part .upload-cv input.upload {
	width: 90px
}

.upload-part li.upload:hover label.gfield_label {
	color: #0d2c40
}

.upload i {
	transition: all 0.5s;
	color: #fff
}

.upload:hover i {
	color: #0d2c40
}

.stButton .st-twitter-counter {
	width: 22px !important
}

.stButton .st-facebook-counter {
	width: 22px !important
}

.stButton .st-yahoo-counter {
	width: 22px !important
}

.stButton .st-linkedin-counter {
	width: 22px !important
}

.stButton .stBubble+.stButton_gradient {
	min-width: auto !important
}

@keyframes pulsate {
	0% {
		transform: scale(1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(2.5);
		opacity: 0
	}

}

@-webkit-keyframes pulsate {
	0% {
		transform: scale(1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(2.5);
		opacity: 0
	}

}

.gmnoprint {
	display: none !important
}

.our-location-addres-inner {
	padding: 91px 0 0
}

.our-location-addres-inner h3 {
	font-size: 30px;
	font-weight: 400;
	color: #082c3e;
	text-transform: capitalize
}

.address-tab {
	margin: 37px 0 56px
}

.multi-location .address {
	display: none
}

.multi-location .address.open {
	display: block
}

.multi-location .address ul li a:hover {
	color: #c6d200
}

.multi-location ul {
	margin: 0 0 24px 0
}

.multi-location ul li {
	padding: 0 0 10px 0;
	display: block;
	text-transform: uppercase;
	color: #082c3e;
	font-size: 18px;
	font-weight: 900
}

.multi-location p {
	font-size: 16px;
	font-weight: 300;
	color: #082c3e
}

.portfolio-block {
	padding: 123px 0 0
}

.portfolio-block .portfolio {
	width: 25%;
	padding-bottom: 120px;
	float: left
}

.portfolio-info {
	padding: 36px 0 0 31px;
	border-top: 1px solid #e1e1e1
}

.portfolio .title {
	color: #0c2d3f
}

.portfolio .develop-in {
	font-size: 16px;
	color: #0c2d3f;
	line-height: normal
}

.portfolio .develop-in a {
	display: block
}

.portfolio-part {
	position: relative
}

.portfolio-part .portfolio .portfolio-in a {
	opacity: 1;
	transition: all 0.5s;
	display: block
}

.portfolio-part .portfolio .portfolio-in a.hover {
	opacity: 0.5
}

.portfolio-part .portfolio .portfolio-in.fadeInUp {
	visibility: visible
}

.all-teams {
	margin: 55px 0 0
}

.all-teams p {
	margin-bottom: 80px;
	text-align: center;
	width: 80%
}

.all-teams .ourteam-part {
	display: none
}

.all-teams .ourteam-part.open {
	display: block
}

.all-teams .team-part {
	position: relative;
	margin-bottom: 69px
}

.all-teams .member {
	width: 20%;
	float: left;
	text-align: center
}

.all-teams .member-name {
	color: #0d2c40;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px;
	padding: 39px 0 0 30px;
	text-align: left;
	border-top: 1px solid #e1e1e1
}

.all-teams .member-name span {
	text-transform: capitalize;
	font-weight: 100;
	color: #585858;
	display: block
}

.team-main .banner-text p {
	font-weight: 300
}

.team-main .default-tab ul li a {
	color: #fff;
	padding: 15px 32px
}

.team-main .default-tab ul li a:hover {
	border: 1px solid #fff
}

.team-main .default-tab ul li a.open {
	border: 1px solid #fff
}

.team-main .all-teams .member a {
	display: block
}

.contact-wtih-concern {
	padding: 88px 0 0 0
}

.contact-wtih-concern .contact {
	margin-bottom: 8px
}

.contact-wtih-concern .contact a {
	color: #0d2c40;
	font-size: 26px;
	font-weight: 300
}

.contact-wtih-concern .contact a:hover {
	color: #39a949
}

.contact-wtih-concern ul {
	margin: 22px 0 53px 0
}

.contact-wtih-concern ul li {
	display: inline-block;
	padding: 0;
	padding: 0 13px;
	vertical-align: middle
}

.contact-wtih-concern ul li:first-child {
	padding-left: 0
}

.contact-wtih-concern ul li:last-child {
	padding-right: 0
}

.contact-wtih-concern ul li i {
	color: #0d2c40;
	vertical-align: middle
}

.contact-wtih-concern ul li i:hover {
	color: #39a949
}

.ver-slider-contadiner {
	margin-top: 30px;
	position: relative
}

.ver-slider-pager-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 0
}

.ver-slider-pager-container ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto
}

.ver-slider-pager-container ul li {
	width: auto;
	margin: 0 0 20px 0;
	list-style: none;
	padding: 10px;
	position: relative;
	width: 14%;
	float: left
}

.ver-slider-pager-container ul li a {
	display: block;
	line-height: 20px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	color: #0d2c40;
	position: absolute;
	left: 0;
	text-align: center;
	z-index: 9;
	top: 0;
	vertical-align: middle;
	font-weight: 900
}

.ver-slider-pager-container ul li a:before {
	content: "";
	display: block;
	background: #fbd898;
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: -9;
	transform: rotate(0deg);
	transition: all 0.3s
}

.search {
	background: #fafafa
}

.search h5 {
	margin: 200px 0;
	text-align: center;
	font-weight: 100
}

.search .inner-banner {
	background-position: 50% 35%;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4ba0d0), to(#bfd96a)) !important
}

.search .inner-banner .search-banner-text {
	border-radius: 50px;
	width: auto !important;
	display: inline-block;
	border: 2px solid #fff;
	position: relative
}

.search .inner-banner .search-banner-text h1 {
	width: 100%;
	padding: 0 80px 0 40px;
	border-radius: 50px
}

.search .inner-banner .search-banner-text h1 span {
	font-weight: 500
}

.search .inner-banner .search-banner-text h1 img {
	width: 30px;
	position: absolute;
	right: 25px;
	top: 9px
}

.search .search-rst {
	width: 31.82%;
	margin-right: 2%;
	display: inline-table;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
	padding: 30px;
	min-height: 330px;
	margin-bottom: 30px;
	position: relative
}

.search .search-rst .view-button {
	position: absolute;
	bottom: 30px
}

.search .search-rst .view-button a:hover {
	color: #fff
}

.search .search-rst h3 {
	font-size: 22px;
	line-height: 35px
}

.search .search-rst h3 a {
	font-weight: 400
}

.search .search-rst p {
	font-size: 16px
}

.search .search-rst:nth-child(3n+3) {
	margin-right: 0
}

.testimonial-main .testimonial-contact {
	top: 140px;
	bottom: auto;
	left: auto;
	right: -1.5%;
	transform: skewX(21deg);
	width: 44%
}

.testimonial-main .testimonial-contact a:hover {
	color: #0d2c40 !important
}

.testimonial-main .testimonial-part {
	position: relative;
	width: 65%;
	padding: 135px 0 0;
	text-align: center
}

.testimonial-main .left-cross-big {
	width: 35%;
	transform: skewX(-21deg);
	margin-left: -170px
}

.testimonial-main .left-cross-big .inner {
	transform: skewX(21deg);
	margin-right: -135px;
	min-height: 700px
}

.testimonial-main .parallax-window {
	position: relative
}

.testimonial-main .parallax-window:before {
	content: " ";
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.testimonial-main .testimonial-block {
	border-bottom: none
}

.testimonial-main .ver-slider-pager-container ul li.active a:before {
	background-color: #fff;
	color: #0d2c40 !important;
	cursor: pointer;
	transform: rotate(-45deg)
}

.testimonial-main .ver-slider-pager-container ul li a:hover:before {
	background-color: #fff;
	color: #0d2c40 !important;
	cursor: pointer;
	transform: rotate(-45deg)
}

.ver-nav {
	width: 100%
}

.ver-slider .slider-outer {
	overflow: hidden
}

.ver-slider .slider-outer ul {
	overflow: hidden
}

.ver-slider .slider-outer ul li {
	display: block;
	padding: 0;
	align-items: center;
	float: left;
	box-sizing: border-box;
	width: 100%
}

.ver-slider .slider-outer ul li .figure {
	flex: 0.9;
	margin-right: 50px;
	transition: all .7s ease;
	transform: translateX(25px)
}

.ver-slider .slider-outer ul li .info {
	flex: 1;
	margin-left: 50px;
	transform: translateX(-25px);
	transition: all .7s ease
}

.ver-slider .slider-outer ul li .info .name {
	font-weight: 300;
	font-size: 40px;
	color: #868686;
	line-height: normal
}

.ver-slider .slider-outer ul li .info .name .number {
	font-size: 40px;
	font-weight: 900;
	color: #32caaf;
	display: inline-block;
	margin-right: 30px
}

.ver-slider .slider-outer ul li .info .full-info {
	font-weight: 500;
	color: #868686;
	margin-top: 10px;
	padding-left: 50px
}

.ver-slider .slider-control a {
	position: absolute;
	width: 60px;
	height: 32px
}

.ver-slider .slider-control a.prev {
	right: 0;
	left: 0;
	top: 50px
}

.ver-slider .slider-control a.prev span {
	background: url(images/previous-arrow.png)
}

.ver-slider .slider-control a.next {
	right: 0;
	left: 0;
	bottom: 50px
}

.ver-slider .slider-control a.next span {
	background: url(images/next-arrow.png)
}

.ver-slider .slider-control a span {
	width: 60px;
	height: 32px;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	display: inline-block
}

.ver-slider.animated .slider-outer ul li .info {
	transform: translateX(0px)
}

.slider-control {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.g-icon {
	margin-bottom: 40px
}

.g-icon img {
	width: 60px
}

.ranking {
	margin: 0
}

.ranking ul {
	margin: 0
}

.ranking li {
	padding: 0;
	display: inline-block
}

.google-banner h3 {
	margin-bottom: 18px
}

.google-banner .view-button {
	margin: 50px 0 0
}

.google-banner .view-button a {
	padding: 14px 33px;
	border: 1px solid #fff;
	color: #fff
}

.google-banner .view-button a:hover {
	background: #fff;
	color: #0d2c40
}

.career-detail-block {
	position: relative
}

.cross-part {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	overflow: hidden
}

.cross-part .right-cross {
	width: 43.5%;
	position: relative;
	top: auto;
	right: auto;
	width: 100%
}

.cross-part .right-cross .inner {
	min-height: 600px
}

.cross-part .right-cross.rightbottom-cross {
	transform: skewX(-15deg);
	margin-right: -115px;
	margin-left: auto
}

.cross-part .right-cross.rightbottom-cross .inner {
	transform: skewX(15deg);
	margin-left: -115px;
	margin-right: auto
}

.cross-part .right-cross.rightbottom-cross .career-details-text {
	transform: skewX(15deg);
	width: 37.4%;
	left: 14%;
	bottom: 160px
}

.cross-part .right-cross.rightbottom-cross .career-details-text .main-title {
	line-height: 40px;
	text-transform: none;
	margin-bottom: 40px
}

.cross-part .team-mnager .inner:before {
	content: " ";
	width: 100%;
	background: linear-gradient(to left, transparent 0, #092237 95%);
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 999999999
}

.career-details-text {
	width: 60%;
	left: -12%;
	text-align: center;
	position: absolute;
	bottom: 40px;
	z-index: 999;
	transform: skewX(-15deg)
}

.career-details-text h1 {
	margin-bottom: 10px
}

.career-details-text .main-title {
	color: #fff;
	font-size: 26px;
	text-transform: capitalize;
	font-weight: 300;
	margin-bottom: 50px
}

.career-details-text .main-title:last-child {
	margin-bottom: 40px
}

.career-details-text .button {
	float: left
}

.career-details-text .button input.btn {
	padding: 0 56px;
	background: transparent;
	border: 1px solid #fff
}

.career-details-text .button input.btn:hover {
	background: #4dbabd;
	color: #fff
}

.social-icon {
	margin: 0
}

.social-icon ul {
	margin: 0
}

.social-icon li {
	padding: 0 14px;
	display: inline-block
}

.social-icon li:last-child {
	padding-right: 0
}

.social-icon li i {
	font-size: 20px;
	color: #fff
}

.social-icon li:hover i {
	color: #39a949
}

.the-role {
	margin-bottom: 32px !important
}

.you-should {
	margin-bottom: 33px
}

.career-detail-text {
	width: 60%;
	margin-left: 20%;
	float: left;
	padding: 90px 0 60px;
	text-align: left
}

.career-detail-text h3 {
	color: #39a949;
	margin-bottom: 30px
}

.career-detail-text p {
	margin-bottom: 35px
}

.career-detail-text .go-link {
	color: #4dbabd
}

.career-detail-text .go-link i {
	color: #4dbabd;
	font-style: inherit;
	font-size: 22px;
	position: relative;
	top: 2px;
	margin-right: 10px
}

.career-detail-text .go-link:hover i {
	color: #0d2c40 !important
}

.default {
	margin: 0
}

.default ul {
	margin: 0
}

.default li {
	color: #031624;
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
	padding: 0 0 0 20px;
	position: relative;
	display: block
}

.default li:before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #4dbabd;
	border-radius: 50%
}

.default .pagination li:before {
	content: none
}

.default .pagination li a {
	position: relative
}

.career-banner {
	background-size: cover !important;
	background-position: center !important
}

.career-landing-block {
	background: #fafafa;
	padding: 70px 0 100px
}

.career-landing-block .title {
	color: #092c3f;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 18px
}

.career-landing-block p {
	color: #092c3f;
	font-size: 26px;
	line-height: 40px;
	text-align: center;
	font-weight: 300;
	padding: 0 125px 108px
}

.left-column {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
	background: #fff;
	float: left;
	max-width: 68.6%;
	width: 100%
}

.right-column {
	float: right;
	max-width: 31.4%;
	width: 100%;
	padding: 0 0 0 80px
}

.job-location {
	width: 35.4%;
	float: left;
	border-right: 1px solid #e6e6e9;
	padding-right: 30px
}

.job-discription {
	width: 64%;
	float: right;
	font-size: 16px;
	color: #0d2c40;
	line-height: 26px;
	font-weight: 300;
	padding: 0 0 0 74px
}

.job-part {
	padding: 60px 70px;
	overflow: hidden
}

.job-part .title {
	color: #0c2d3f;
	margin: 0;
	line-height: 25px;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 18px
}

.job-part .go-link {
	color: #4dbabd;
	padding: 4px 0 0
}

.job-part ul {
	margin: 26px 0 0
}

.job-part ul li {
	padding: 0;
	display: block;
	font-weight: 300;
	font-size: 16px;
	color: #727885;
	line-height: 26px
}

.job-part ul li span {
	font-weight: 700
}

.university {
	background: #4dbabd;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 20px;
	position: relative;
	padding: 20px 30px 20px 86px
}

.university a {
	color: #fff
}

.university a:hover {
	color: #0d2c40
}

.university a:hover i {
	color: #0d2c40
}

.university i {
	font-size: 52px;
	color: #fff;
	position: absolute;
	top: 18px;
	left: 20px
}

.divider-gape {
	padding: 52px 0;
	border-bottom: 1px solid rgba(112, 118, 133, 0.15)
}

.divider-gape:first-child {
	padding-top: 0
}

.divider-gape .title {
	margin-bottom: 29px
}

.divider-gape ul {
	margin: 0
}

.divider-gape ul li {
	padding: 0 0 7px 0;
	color: #092c3f;
	font-size: 14px;
	font-weight: 100;
	text-transform: capitalize;
	display: block
}

.divider-gape ul li a {
	color: #092c3f
}

.divider-gape ul li a:hover {
	color: #4dbabd
}

.divider-gape ul li a.active {
	color: #4dbabd
}

.divider-gape.social-icon ul li {
	color: #092c3f;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	position: relative;
	margin-right: 25px
}

.divider-gape.social-icon ul li:first-child {
	padding-left: 0
}

.divider-gape.social-icon ul li i {
	color: #092c3f
}

.divider-gape.social-icon ul li i.icon-g-plus {
	font-size: 27px
}

.divider-gape.social-icon li a {
	position: absolute;
	left: 0;
	right: 0
}

.divider-gape .stButton {
	line-height: normal;
	margin: 0
}

.divider-gape .stButton .stBubble {
	display: none !important
}

.divider-gape .stButton span {
	border: none !important;
	background: none !important;
	height: 100% !important;
	vertical-align: top
}

.divider-gape .stButton .googleplus {
	font-size: 0;
	line-height: 22px
}

.divider-gape .st_googleplus_vcount {
	width: 27px;
	height: 40px
}

.event-banner:before {
	background: rgba(0, 0, 0, 0.5)
}

.event-banner p {
	font-weight: 300
}

.event-banner p mark {
	color: #fff;
	padding-right: 18px
}

.event-banner p span {
	padding-left: 18px;
	border-left: 2px solid #fff
}

.event-banner .view-button a {
	border: 1px solid #fff;
	color: #fff
}

.event-banner .view-button a:hover {
	background: #fff;
	color: #0d2c40
}

.events-block {
	position: relative
}

.events-block .right-cross {
	width: 40%
}

.events-block .right-cross .inner {
	min-height: 600px
}

.events-block .right-cross .inner:before {
	content: " ";
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.events-block .should-attend {
	width: 60%;
	float: left;
	position: relative
}

.events-block .social-icon li i:hover {
	color: #943582
}

.person-name {
	font-size: 30px;
	text-transform: uppercase;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 900;
	color: #fff;
	margin-bottom: 10px
}

.verticle-center {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.time-schedule-part {
	background: #943582;
	padding: 71px 0;
	text-align: center
}

.time-schedule-part .schedule {
	width: 20%;
	display: inline-block;
	margin: 0 -2px;
	text-align: center;
	border-left: 1px solid #fff;
	visibility: hidden
}

.time-schedule-part .schedule.fadeInUp {
	visibility: visible
}

.time-schedule-part .schedule.animated {
	animation-duration: 2s;
	animation-fill-mode: both
}

.time-schedule-part .schedule:last-child {
	border-right: 1px solid #fff
}

.time-schedule-part .schedule .time {
	font-size: 30px;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 18px
}

.time-schedule-part .schedule .task {
	color: #fff;
	font-size: 26px;
	text-transform: capitalize;
	font-weight: 300;
	padding-bottom: 7px
}

.event-aimed-block {
	background: #f6f6f6;
	text-align: center;
	padding: 90px 0 93px
}

.event-aimed-block h3 {
	color: #943582;
	margin-bottom: 45px
}

.event-aimed-block .title {
	color: #0c2d3f;
	margin-bottom: 7px
}

.event-aimed-block .view-button {
	margin: 0
}

.event-aimed-block .view-button a {
	background: #0d2c40;
	border: 1px solid #0d2c40;
	color: #fff
}

.event-aimed-block .view-button a:hover {
	color: #fff;
	background: #943582;
	border: 1px solid #943582
}

.event-part {
	margin-bottom: 49px
}

.event-part .event {
	width: 33.33%;
	float: left;
	padding: 0 37px
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
	}

}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
	}

}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
	}

}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
	}

}

.intro-content-part {
	padding: 108px 0 55px;
	position: relative;
	overflow: visible;
	background: linear-gradient(to top, #eee 0, transparent 100%)
}

.intro-content-part .web-lines {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: -51.5px;
	max-height: 100%;
	z-index: 999;
	overflow: hidden;
	margin: 0 auto;
	text-align: center
}

.intro-content-part .web-lines img {
	width: 245px
}

.intro-content-part .web-lines.colour {
	height: 0;
	max-height: 100%
}

.intro-content-part .web-lines.colour.full {
	height: 100% !important
}

.intro-content-part .web-lines.colour.full:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border: none;
	box-shadow: 0 0 0 0 #72c3c6;
	border-radius: 50%;
	left: 44.1%;
	bottom: 17.9%;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1)
}

.intro-content-part .web-lines.colour.full:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border: none;
	box-shadow: 0 0 0 0 #72c3c6;
	border-radius: 50%;
	left: 54.64%;
	bottom: 21.5%;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	animation-delay: .3s
}

.intro-content-part .container {
	position: relative
}

.intro-content-part .solution-image {
	float: left;
	padding: 55px 0 0 0
}

.intro-content-part .bigscross-image {
	float: right
}

.intro-content {
	text-align: center;
	padding: 0 0 58px 0;
	width: 64%
}

.intro-content p {
	font-size: 23px;
	line-height: 44px
}

.intro-image {
	padding: 0 0 61px 0;
	width: 78%
}

.webdesign-content {
	position: relative;
	animation-duration: 1s;
	width: 49%;
	display: inline-block
}

.webdesign-content.hidden {
	opacity: 0;
	visibility: hidden
}

.webdesign-content.magento-content .webdesign-content-right {
	left: 0;
	position: relative
}

.webdesign-content.magento-content .webdesign-content-right nav {
	margin-left: 20px
}

.webdesign-content.magento-content .slideshow>nav {
	bottom: 0;
	z-index: 9999
}

.webdesign-content.magento-content .slideshow>nav span {
	border-top: 10px solid #efefef;
	border-bottom: 10px solid #efefef
}

.webdesign-content.wp-content {
	padding-top: 40px;
	margin-top: 10px;
	text-align: right
}

.webdesign-content.wp-content.bounceInRight {
	animation-delay: .2s
}

.webdesign-content.wp-content .webdesign-content-left {
	margin: 0 0 0 23%;
	text-align: right
}

.webdesign-content.wp-content .webdesign-content-right {
	right: -40px;
	position: relative;
	animation-delay: .3s;
	-webkit-animation-delay: .3s
}

.webdesign-content.wp-content .slideshow>nav {
	right: 0;
	z-index: 9999;
	bottom: 0;
	margin-right: 20px;
	text-align: right
}

.webdesign-content-left {
	width: 80%;
	text-align: left;
	margin: 0 23% 0 0;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 50px
}

.webdesign-content-left img {
	padding: 0 !important;
	width: 80% !important
}

.wp-content .webdesign-content-right {
	position: relative;
	right: 0
}

.webdesign-content-right {
	width: 70%;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	opacity: 0;
	visibility: hidden
}

.webdesign-content-right.bounceInLeft,
.webdesign-content-right.bounceInRight {
	opacity: 1;
	visibility: visible
}

.webdesign-content-right img {
	padding: 0 !important;
	width: 80% !important
}

.platform-logo {
	max-width: 160px;
	margin-bottom: 40px
}

.chipdot {
	fill: #f1f1f1;
	stroke: #e4e4e4;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round
}

.chipstroke {
	fill: none;
	stroke: #e4e4e4;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}

.slideshow {
	margin-bottom: 50px
}

.slideshow>nav {
	text-align: center;
	margin-top: 20px;
	position: absolute;
	bottom: 170px;
	left: 0
}

.slideshow>nav span {
	display: inline-block;
	width: 100px;
	height: 25px;
	border-top: 10px solid #f0f0f0;
	border-bottom: 10px solid #f0f0f0;
	background-color: #ddd;
	cursor: pointer;
	margin: 0 3px;
	transition: background-color 0.2s
}

.slideshow>nav span:hover {
	background-color: #ccc
}

.slideshow>nav span:first-child {
	margin-left: 0
}

.slideshow>nav span.current {
	background-color: #aaa
}

.slides {
	list-style: none !important;
	padding: 0;
	margin: 0;
	position: relative;
	height: 380px;
	width: 100%;
	color: #333
}

.slides>li {
	width: 100%;
	height: 100%;
	position: absolute;
	visibility: hidden;
	perspective: 1600px;
	margin: 0;
	display: block
}

.slides>li.current {
	visibility: visible
}

.slides>li.thisshow {
	visibility: visible
}

.no-js .slides {
	height: auto
}

.no-js .slides>li {
	position: relative;
	visibility: visible
}

.no-js .description {
	opacity: 1
}

.description {
	width: 50%;
	padding: 2em 4em;
	font-size: 1.5em;
	position: relative;
	z-index: 1000;
	opacity: 0
}

.description h2 {
	font-size: 200%
}

.tiltview {
	position: relative
}

.tiltview a {
	outline: 1px solid transparent;
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.tiltview a img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.tiltview a:first-child {
	margin-bottom: 30px
}

.tiltview.row a {
	width: 48%;
	width: calc(50% - 15px);
	margin: 0
}

.tiltview.row a:nth-child(2) {
	left: 50%;
	left: calc(50% +15px);
	position: absolute;
	top: 0
}

@-webkit-keyframes moveUpOut {
}

@keyframes moveUpOut {
	25% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateZ(-30px)
	}

	100% {
		transform: translateZ(3000px)
	}

}

@-webkit-keyframes moveUpIn {
}

@keyframes moveUpIn {
	0% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateZ(-3000px)
	}

	75% {
		transform: translateZ(30px)
	}

	100% {
		transform: translateZ(0)
	}

}

@-webkit-keyframes moveDownOut {
}

@keyframes moveDownOut {
	25% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateZ(30px)
	}

	100% {
		transform: translateZ(-3000px)
	}

}

@-webkit-keyframes moveDownIn {
}

@keyframes moveDownIn {
	0% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateZ(3000px)
	}

	75% {
		transform: translateZ(-30px)
	}

	100% {
		transform: translateZ(0)
	}

}

@-webkit-keyframes slideUpOut {
}

@keyframes slideUpOut {
	25% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateY(30px)
	}

	100% {
		transform: translateY(-3000px)
	}

}

@-webkit-keyframes slideUpIn {
}

@keyframes slideUpIn {
	0% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateY(3000px)
	}

	75% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0)
	}

}

@-webkit-keyframes slideDownOut {
}

@keyframes slideDownOut {
	25% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(3000px)
	}

}

@-webkit-keyframes slideDownIn {
}

@keyframes slideDownIn {
	0% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateY(-3000px)
	}

	75% {
		transform: translateY(30px)
	}

	100% {
		transform: translateY(0)
	}

}

@-webkit-keyframes slideLeftOut {
}

@keyframes slideLeftOut {
	25% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateX(30px)
	}

	100% {
		transform: translateX(-5000px)
	}

}

@-webkit-keyframes slideLeftIn {
}

@keyframes slideLeftIn {
	0% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateX(3000px)
	}

	75% {
		transform: translateX(-30px)
	}

	100% {
		transform: translateX(0)
	}

}

@-webkit-keyframes slideRightOut {
}

@keyframes slideRightOut {
	25% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateX(-30px)
	}

	100% {
		transform: translateX(3000px)
	}

}

@-webkit-keyframes slideRightIn {
}

@keyframes slideRightIn {
	0% {
		animation-timing-function: cubic-bezier(1, 0, 0, 1);
		transform: translateX(-5000px)
	}

	75% {
		transform: translateX(30px)
	}

	100% {
		transform: translateX(0)
	}

}

.no-csstransformspreserve3d .thisshow .tiltview a {
	animation: none !important
}

.no-csstransformspreserve3d .hidden .tiltview a {
	animation: none !important
}

.no-csstransforms3d .tiltview.col {
	top: -50%
}

.no-csstransforms3d .tiltview.row {
	top: 20px
}

.no-csstransforms3d .thisshow .tiltview a {
	animation: none !important
}

.no-csstransforms3d .hidden .tiltview a {
	animation: none !important
}

@media screen and (max-width:65.3125em) {
	.description {
		width: 100%
	}

	.tiltview {
		width: 100%;
		left: 0;
		opacity: 0.3;
		pointer-events: none
	}

}

@media screen and (max-width:33.75em) {
	.description {
		font-size: 1.1em
	}

	.slideshow>nav span {
		width: 20px;
		height: 40px;
		margin: 0 10px
	}

}

@media screen and (max-width:24em) {
	.slides {
		height: 320px
	}

	.description {
		font-size: 1em;
		padding: 1.4em
	}

	.no-csstransforms3d .tiltview.col {
		top: 0
	}

	.no-csstransforms3d .tiltview.row {
		top: 0
	}

}

.work-link {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 28px 0
}

.work-link ul {
	margin: 0;
	text-align: center;
	display: flex;
	justify-content: space-between
}

.work-link ul li {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 12px;
	position: relative;
	margin: 0;
	padding: 0
}

.work-link ul li:last-child {
	display: none
}

.work-link ul li:first-child {
	padding-left: 0
}

.work-link ul li:first-child:before {
	content: none
}

.work-link ul li a {
	color: #0d2c40
}

.work-link ul li a:hover {
	color: #009ee1
}

.work-link ul li.work-link-divider:before {
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #86959f;
	position: absolute;
	top: 3px;
	left: 0;
	transform: rotate(25deg)
}

.webdesign-main .casestudies-tab .casestudies.changeatab {
	width: 50%
}

.webdesign-main .casestudies.view-case-button {
	box-shadow: none
}

.webdesign-work {
	border-bottom: none
}

.webdesign-work .right-cross {
	width: 45.2%
}

.webdesign-work .right-cross .inner {
	min-height: 580px
}

.webdesign-work .challenge-text {
	width: 51%
}

/* Update */
.webdesign-work .challenge-text p {
	padding: 0;
	color: #0d2c40;
	font-size: 18px;
	font-family: brandon-grotesque, sans-serif;
	line-height: 32px;
	font-weight: 300;
}

.webdesign-work .view-button {
	margin: 70px 0 0
}

.webdesign-work .animated {
	animation-duration: 0s
}

.webdeisng-testimonial i {
	font-size: 41px;
	color: #f7b849;
	width: 100%
}

.webdeisng-testimonial i.icon-right-quote {
	text-align: right;
	float: right
}

.webdeisng-testimonial i.icon-left-quote {
	text-align: left;
	float: left
}

.webdeisng-testimonial .testimonial {
	padding: 0
}

.webdeisng-testimonial .testimonial p {
	margin: 29px 0 0;
	float: left
}

.webdeisng-testimonial .testimonial:before {
	content: none
}

.webdeisng-testimonial .testimonial:after {
	content: none
}

.webdeisng-testimonial .testimonial-part {
	position: relative;
	width: 720px;
	padding: 0
}

.webdeisng-testimonial .testimonial-contact {
	width: 370px
}

.webdeisng-testimonial .service-part-inner {
	min-height: 540px
}

.webdeisng-testimonial .service-part-inner:before {
	background: rgba(0, 0, 0, 0.3)
}

.webdeisng-testimonial .client-name {
	font-weight: 300;
	float: left;
	width: 100%;
	margin: 0
}

.webdeisng-testimonial .client-name span {
	font-size: 22px
}

.custom-selectbox {
	border-bottom: 1px solid #f6f6f6;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.15);
	z-index: 999;
	background-color: #fff
}

.custom-selectbox.fixed {
	position: fixed;
	top: 0;
	width: 100%
}

.inner-scroll-wrapper {
	overflow: hidden;
	position: relative;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	height: 40px;
	border-top: 1px solid #eaeaea
}

.category-scroll {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0 0 0 30px;
	left: -30px
}

.category-scroll li {
	display: inline-block;
	margin-right: 30px;
	text-transform: capitalize;
	padding: 0
}

.category-scroll li.category-label {
	font-weight: 900;
	text-transform: uppercase
}

.category-scroll li a {
	color: rgba(0, 0, 0, 0.44)
}

.category-scroll li a:hover {
	color: rgba(0, 0, 0, 0.8)
}

.category-scroll li.selected a {
	color: rgba(0, 0, 0, 0.8);
	font-size: 15px;
	font-weight: 400
}

.category-scroll .category-label {
	margin: 0 30px 0 0
}

.blogdetail-main .inner-big {
	min-height: 400px;
	background-position: center;
	background-position: 50% !important
}

.blogdetail-main .inner-big.bloguser {
	text-align: center;
	transition: all 0.3s
}

.blogdetail-main .bloguser img {
	top: auto
}

.blogdetail-main .common-blog-part .bloguser img {
	top: -40px
}

.blogdetail-main .project-category.cms-block {
	position: relative
}

.get-touch-banner {
	min-height: 300px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative
}

.get-touch-banner .get-touch-inner {
	position: absolute;
	top: 52%;
	transform: translate(0, -50%);
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 15px
}

.get-touch-banner .get-touch-inner h3 {
	color: #fff;
	margin-bottom: 40px;
	line-height: 35px;
}

.get-touch-banner .get-touch-inner .view-button {
	margin: 0
}

.get-touch-banner .get-touch-inner .view-button a {
	border: 1px solid #fff;
	color: #fff;
	padding: 14px 23px
}

.get-touch-banner .get-touch-inner .view-button a:hover {
	color: #0d2c40;
	background: #fff
}

.blogdetail-block {
	padding: 40px 0 73px
}

.blog-details {
	width: 100%;
	max-width: 60%;
	left: 20%
}

.blog-details p {
	color: #031624;
	margin-bottom: 38px;
	font-size: 16px
}

.blog-details p>mark {
	font-size: 18px;
	font-style: italic
}

.blog-details h3 {
	color: #953682;
	margin-bottom: 47px;
	color: #0d2c40;
	margin: 0 0 6px 0;
	font-size: 18px !important;
	text-transform: uppercase;
	font-weight: 900
}

.blog-details .title {
	color: #0d2c40;
	margin: 0 0 6px 0
}

.blog-details ul {
	margin: 0 0 30px 0
}
.blog-list-atag {    height: 100%;
    width: 100%;
    display: block;
    position: absolute;}
.blog-details ul li {
	font-size: 15px;
	padding: 0 0 14px 14px;
	display: block;
	color: #031624;
	line-height: 36px;margin-left: 20px;
	position: relative
}

.blog-details ul li:last-child {
	padding-bottom: 0
}

.blog-details ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	background: #953682;
	border-radius: 100%;
	width: 6px;
	height: 6px
}

.blog-details img {
	margin: 16px 0 55px;
	max-width: 100%;
	height: 100%
}

.blog-details .go-link {
	color: #4dbabd
}

.blog-details .go-link i {
	color: #4dbabd;
	font-style: inherit;
	font-size: 22px;
	position: relative;
	top: 2px;
	margin-right: 10px
}

.blog-details .go-link:hover i {
	color: #0d2c40 !important
}

/* Update */
.blog-details h1,
.blog-details h2 {
	margin-bottom: 36px;
	font-size: 20px !important;
	color: #000000;
	text-transform: none !important;
	font-weight: 900;
	line-height: normal
}

.blog-details i {
	color: #031624;
	margin-bottom: 38px;
	font-size: 26px;
	font-style: italic
}

/* Update ends */
.blog-details a {
	color: #e95283
}

.blog-details a:hover {
	color: #092c3f
}

.blog-share {
	opacity: 0;
	visibility: hidden;
	left: 3%;
	top: 20%;
	position: fixed;
	float: right;
	transition: all 100ms ease-in
}

.blog-share.fixed {
	opacity: 1;
	visibility: visible
}

.blog-share ul {
	margin: 0
}

.blog-share ul li {
	padding: 0;
	margin-bottom: 40px;
	display: block;
	text-align: center;
	position: relative;
	transform: rotate(0deg);
	transition: all 0.3s
}

.blog-share ul li.share-label {
	margin-bottom: 20px
}

.blog-share ul li a {
	padding: 14px 0;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%)
}

.blog-share ul li a>span {
	display: block;
	font-weight: 900;
	font-size: 14px;
	line-height: normal;
	position: relative;
	top: 9px;
	text-indent: -999999px
}

.blog-share ul li:hover a {
	transform: translate(0, -50%)
}

.blog-share .fa {
	font-size: 20px
}

.blog-share .fa-google-plus {
	color: #d84a23;
	position: relative;
	left: 4px
}

.blog-share .fa-twitter {
	color: #1da7e0
}

.blog-share .fa-facebook-f {
	color: #15418a
}

.blog-share .fa-linkedin {
	color: #0e66a0
}

.blog-share .fa-envelope {
	color: #0d2c40
}

.blog-share .stButton_gradient {
	border: none !important;
	background: none !important
}

.blog-share .stButton .stBubble {
	background: none
}

.blog-share .stButton .stBubble+.stButton_gradient span {
	background-image: none !important;
	text-indent: -999999px;
	display: none
}

.blog-share .stButton .stBubble_count {
	border: none;
	background: none;
	font-family: brandon-grotesque, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: 900;
	width: 100%;
	height: auto;
	padding: 0;
	position: absolute;
	bottom: 0
}

.blog-share .st-twitter-counter {
	background-image: none !important
}

.blog-share .st-linkedin-counter {
	background-image: none !important
}

.blog-share .st-facebook-counter {
	background-image: none !important
}

.blog-share .st-email-counter {
	background-image: none !important
}

.content-part {
	padding: 50px 0 30px
}

.content-part h3 {
	margin-bottom: 40px;
	color: #953682
}

.content-part p {
	margin-bottom: 25px;
	font-weight: 300
}

.content-part p mark {
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600
}

.digitalpr-sub-main h1 {
	color: #e75283
}

.digitalpr-sub-main h4 {
	color: #e75283
}

.digitalpr-sub-main .body-content .title {
	color: #e75283
}

.digitalpr-sub-main .body-content .service-form .get-started-block .option input:focus {
	border: 1px solid #e75283
}

.digitalpr-sub-main a.go-link {
	color: #e75283
}

.digitalpr-sub-main a.go-link:hover {
	color: #0d2c40
}

.digitalpr-sub-main #gform_wrapper_2 h3.gform_title {
	color: #e75283 !important
}

.webdesign-sub-main h1 {
	color: #1d9dd8
}

.webdesign-sub-main h4 {
	color: #1d9dd8
}

.webdesign-sub-main .body-content .title {
	color: #1d9dd8
}

.webdesign-sub-main .body-content .service-form .get-started-block .option input:focus {
	border: 1px solid #1d9dd8
}

.webdesign-sub-main a.go-link {
	color: #1d9dd8
}

.webdesign-sub-main a.go-link:hover {
	color: #0d2c40
}

.webdesign-sub-main #gform_wrapper_2 h3.gform_title {
	color: #1d9dd8 !important
}

.menu-group .sub-menu {
	position: relative;
	overflow-y: auto;
	display: none
}

.menu-group .sub-menu-inner {
	position: fixed;
	overflow-y: auto
}

.menu-group ul li.menu-item-has-children {
	position: relative
}

.menu-group .search-menu .back-btn {
	display: none
}

.sub-menu-inner {
	display: block;
	width: 100%;
	right: -100%;
	top: 0;
	height: 100%;
	position: absolute;
	bottom: 0;
	background: #f6f6f6;
	z-index: 9999999;
	margin: 0;
	padding-top: 85px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	display: none
}

.sub-menu-inner:before {
	content: '';
	display: block;
	height: 100%;
	width: 6px;
	background: #229cd6;
	position: absolute;
	left: 0;
	top: 0
}

.sub-menu-inner ul {
	margin: 0;
	padding-right: 15px
}

.sub-menu-inner ul li {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	list-style: none;
	text-align: center;
	margin-bottom: 22px;
	position: relative
}

.sub-menu-inner ul li a {
	color: #0e2c3f
}

.no-scroll {
	height: 100% !important;
	overflow: hidden
}

.responsive-icon {
	display: none;
	max-width: 34px;
	width: 100%;
	background-color: transparent;
	float: right;
	top: 30px;
	right: 10px;
	z-index: 10;
	margin: 0
}

.responsive-icon a {
	display: block;
	padding: 5px 3px;
	cursor: pointer
}

.responsive-icon a span:last-child {
	margin-bottom: 0
}

.responsive-icon span {
	background-color: #221e1f;
	height: 2px;
	margin: 0 auto;
	display: block;
	border-radius: 15px;
	max-width: 100px;
	margin-bottom: 7px
}

.mobile-nav-block {
	width: 90%;
	position: fixed;
	top: 0;
	left: 0;
	background: #00838f;
	z-index: 999999999;
	height: 100%;
	overflow-x: hidden;
	width: 82.5%;
	-webkit-box-shadow: 0.1875rem 0 1rem rgba(0, 0, 0, 0.4);
	box-shadow: 0.1875rem 0 1rem rgba(0, 0, 0, 0.4);
	background-size: cover;
	background-position: center;
	opacity: 0;
	left: -82.5% !important;
	visibility: hidden;
	transition: all 0.3s
}

.mobile-nav-block:before {
	content: '';
	width: 60%;
	height: 120%;
	top: -32%;
	right: -17%;
	position: absolute;
	background: linear-gradient(to left, transparent 0, rgba(255, 255, 255, 0.03) 90%);
	transform: rotate(-23deg);
	z-index: 10
}

.mobile-nav-block.open {
	opacity: 1;
	visibility: visible;
	left: 0 !important
}

.lightboxOverlay {
	z-index: 99999999 !important;
	opacity: .6 !important;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	display: none !important
}

.lightboxOverlay.open {
	opacity: 1;
	visibility: visible
}

.nav-mob-top {
	height: 80px;
	margin-bottom: 20px;
	z-index: 20;
	position: relative
}

.nav-mob-top ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0 20px;
	height: 100%
}

.nav-mob-top ul li {
	line-height: 0;
	list-style: none;
	margin: 0;
	display: inline-table;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.nav-mob-top ul li .search-area {
	width: 180px;
	position: relative
}

.nav-mob-top ul li .search-area input {
	width: 100%;
	background-color: transparent;
	padding-left: 45px;
	color: #fff;
	border-radius: 28px;
	border: 1px solid #fff;
	color: #fff;
	font-weight: 100
}

.nav-mob-top ul li .search-area input::-webkit-input-placeholder {
	color: #fff;
	font-size: 14px
}

.nav-mob-top ul li .search-area input:-moz-placeholder {
	color: #fff;
	font-size: 14px
}

.nav-mob-top ul li .search-area input::-moz-placeholder {
	color: #fff;
	font-size: 14px
}

.nav-mob-top ul li .search-area input:-ms-input-placeholder {
	color: #fff;
	font-size: 14px
}

.nav-mob-top ul li .search-area button {
	width: 20px;
	position: absolute;
	left: 12.5px;
	top: 7.5px;
	padding: 0
}

.nav-mob-top ul li .search-area button img {
	width: 100%;
	padding: 0
}

.nav-mob-top ul li .logo {
	height: 30px
}

.nav-content {
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: auto;
	z-index: 20;
	margin-bottom: 58px
}

.nav-content ul {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
	width: 100%
}

.nav-content ul>li {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	font-weight: 400;
	font-family: brandon-grotesque, sans-serif;
	list-style: none;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-bottom: 12px;
	position: relative
}

.nav-content ul>li.open.menu-item-has-children:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.nav-content ul>li.open:before {
	display: none
}

.nav-content ul>li:last-child:before {
	display: none
}

.nav-content ul>li a {
	padding: 0 20px
}

.nav-content ul>li:before {
	position: absolute;
	right: 0;
	height: 1px;
	bottom: 0;
	width: 90%;
	content: '';
	background: linear-gradient(to left, rgba(0, 0, 0, 0.06) 70%, rgba(57, 67, 75, 0))
}

.nav-content ul>li.menu-item-has-children:after {
	position: absolute;
	right: 20.5px;
	height: 22px;
	width: 25px;
	content: '';
	top: 0;
	background: url(images/pagination-right.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.25s
}

.nav-content ul>li a {
	color: #fff
}

.nav-content ul>li a:hover {
	text-decoration: none;
	color: #092c3f
}

.nav-content .sub {
	display: block;
	width: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: #ea6528;
	display: none
}

.mb-close-btn {
	position: relative;
	width: 24px;
	height: 24px;
	transition: all 0.5s
}

.mb-close-btn:before {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 29px;
	right: 11px;
	top: -2px;
	background: #fff;
	transform: rotate(-45deg)
}

.mb-close-btn:after {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 29px;
	right: 11px;
	top: -2px;
	background: #fff;
	transform: rotate(45deg)
}

.close-sub-menu {
	position: absolute;
	left: 16px;
	top: 28px;
	opacity: 0;
	visibility: hidden;
	float: left;
	width: 9px;
	height: 16px
}

.close-sub-menu:before {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 11px;
	right: 4px;
	top: 0;
	background: #229cd6;
	transform: rotate(45deg)
}

.close-sub-menu:after {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 11px;
	right: 4px;
	top: 7px;
	background: #229cd6;
	transform: rotate(-45deg)
}

.close-sub-menu.show {
	opacity: 1;
	visibility: visible
}

.in-sub {
	display: none
}

.get-in-tiuch {
	background: #045a63;
	padding: 17px 35px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	float: left;
	width: 100%
}

.get-in-tiuch a {
	font-size: 18px;
	line-height: normal;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.get-in-tiuch:hover {
	background: #f1d119
}

.get-in-tiuch:hover a {
	color: #0d2c40
}

.search-res {
	display: inline-block;
	float: right;
	position: relative;
	transition: all 0.6s ease-in;
	margin-right: 0;
	width: 100%;
	margin-bottom: 35px;
	padding: 0 10%;
	display: none
}

.search-res span {
	font-size: 18px;
	line-height: 22px;
	color: #092c3f;
	font-family: brandon-grotesque, sans-serif;
	position: relative;
	font-weight: 900;
	text-transform: uppercase;
	display: inline-block;
	float: right;
	padding-right: 25px
}

.search-res span:after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	top: 0;
	height: 20px;
	background: url(images/menu-search-icon.png) no-repeat;
	right: -7px
}

.nav-content ul li .sub-menu {
	display: block;
	width: 100%;
	top: 0;
	display: none;
	position: relative;
	bottom: 0;
	z-index: 9999999;
	box-sizing: border-box;
	transition: all 0.4s ease-in;
	background: #045a63
}

.nav-content ul li .sub-menu .sub-menu {
	background: #03383e
}

.nav-content ul li .sub-menu .sub-menu li:before {
	background: linear-gradient(to left, rgba(255, 255, 255, 0.06) 70%, rgba(255, 255, 255, 0))
}

.nav-content ul li .sub-menu li {
	padding-bottom: 12px;
	margin-bottom: 10px
}

.nav-content ul li .sub-menu.open {
	display: block
}

.nav-content ul li .sub-menu.open>li:first-child {
	margin-top: 20px
}

.nav-content ul li .sub-menu.open>li:last-child {
	margin-bottom: 20px;
	padding-bottom: 0
}

.nav-content ul li .sub-menu a {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 100
}

.nav-content ul li .sub-menu ul {
	margin: 0
}

.nav-content ul li .sub-menu ul li {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	list-style: none;
	font-weight: 100;
	padding-right: 30px;
	position: relative;
	text-transform: capitalize;
	padding-right: 0
}

.nav-content ul li .sub-menu ul li a {
	color: #fff
}

.nav-content ul li .sub-menu ul li a:hover {
	text-decoration: none;
	color: #0e2c3f
}

.nav-content ul li .sub-menu ul li.in {
	padding-right: 30px
}

.nav-content ul li .sub-menu ul li.in a:hover:before {
	background: #0e2c3f
}

.nav-content ul li .sub-menu ul li.in a:hover:after {
	background: #0e2c3f
}

.get-in {
	display: block;
	bottom: 0;
	position: fixed;
	width: 82.5%;
	background: #fff;
	padding-top: 0;
	z-index: 9999999;
	transition: all 0.4s ease-in
}

.get-in.open {
	opacity: 1;
	visibility: visible
}

.search-menu {
	display: block;
	width: 100%;
	right: -100%;
	top: 0;
	height: 100%;
	position: fixed;
	bottom: 0;
	background: #f6f6f6;
	z-index: 9999999;
	margin: 0;
	padding-top: 90px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	display: none
}

.search-menu .search-title {
	font-size: 18px;
	line-height: 22px;
	color: #707783;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 25px;
	display: block
}

.search-menu .search-area {
	display: block;
	position: relative
}

.search-menu input[type="submit"] {
	width: 20px;
	top: 14px;
	height: 20px;
	background: url(images/menu-search-icon.png) left center no-repeat !important;
	border: none;
	position: absolute;
	cursor: pointer;
	right: 0;
	overflow: hidden;
	z-index: 1
}

.search-menu input[type="text"] {
	background: none;
	position: relative;
	font-size: 18px;
	line-height: 22px;
	color: #292e2c;
	padding-left: 15px;
	padding-right: 30px;
	height: 50px;
	border: none;
	transition: all 0.2s ease-in;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	box-sizing: border-box;
	width: 100%;
	border-radius: 0
}

.search-menu input[type="text"]:focus {
	border-bottom: 1px solid #092c3f
}

.search-menu input[type="text"]:-ms-input-placeholder {
	color: #092c3f
}

.search-menu input[type="text"]:-moz-placeholder {
	color: #092c3f
}

.search-menu input[type="text"]::-webkit-input-placeholder {
	color: #092c3f
}

.search-menu input[type="text"]::-moz-placeholder {
	color: #092c3f
}

.in-close {
	display: none;
	position: absolute;
	width: 9px;
	height: 16px;
	left: 16px;
	top: 28px;
	opacity: 0;
	visibility: hidden
}

.in-close:before {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 11px;
	right: 4px;
	top: 0;
	background: #fff;
	transform: rotate(-45deg)
}

.in-close:after {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 11px;
	right: 4px;
	top: 7px;
	background: #fff;
	transform: rotate(45deg)
}

.in-close.show {
	opacity: 1;
	visibility: visible
}

.back-btn {
	position: absolute;
	top: 30px;
	left: 58px
}

.back-btn span {
	text-transform: uppercase;
	font-weight: 900;
	color: #229cd6;
	font-size: 12px;
	line-height: normal;
	position: relative;
	padding: 0 0 0 18px
}

.back-btn span:before {
	content: '';
	position: absolute;
	display: block;
	width: 9px;
	height: 161px;
	left: 0;
	top: 0;
	background: url(images/back-home.png) no-repeat;
	background-size: 100%
}

.orange {
	background-color: #ea6528
}

.orange.current-menu-ancestor a {
	color: #eb6724
}

.orange.current-menu-ancestor .megamenu .current-menu-item>a.menu-link {
	color: #eb6724
}

.orange.current-menu-item a {
	color: #eb6724
}

.aqua {
	background: #229cd6
}

.pink {
	background: #e74e82
}

.pink.current-menu-ancestor a {
	color: #e75283
}

.pink.current-menu-ancestor .megamenu .current-menu-item>a.menu-link {
	color: #e75283
}

.pink.current-menu-item a {
	color: #e75283
}

.red {
	background: #db3128
}

.green {
	background: #39aa50
}

.green.current-menu-ancestor a {
	color: #39a949
}

.green.current-menu-ancestor .megamenu .current-menu-item>a.menu-link {
	color: #39a949
}

.green.current-menu-item a {
	color: #39a949
}

.yellow {
	background: #f6b13e
}

.purple {
	background: #953281
}

.purple.current-menu-ancestor a {
	color: #943682
}

.purple.current-menu-ancestor .megamenu .current-menu-item>a.menu-link {
	color: #943682
}

.purple.current-menu-item a {
	color: #943682
}

.loght-yellow {
	background: #c5d541
}

.popup-layer {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in
}

.popup-layer.open {
	opacity: 1;
	z-index: 999999999;
	visibility: visible
}

.history {
	height: 100% !important
}

.history>body {
	height: 100% !important;
	overflow: auto !important
}

.history>body .supreme-container {
	height: 100% !important
}

.popup-open .supreme-container {
	position: fixed;
	overflow: hidden
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}

.managed-services-part {
	padding: 125px 0
}

.managed-services-block .service-text {
	float: left;
	width: 50%;
	position: relative
}

.managed-services-block .managed-service-image {
	float: right
}

.managed-services-block .managed-service {
	margin-top: 88px
}

.managed-services-block .managed-service:first-child {
	margin-top: 0
}

.managed-services-block .service-text-inner {
	max-width: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.managed-services-block .parallax-window {
	min-height: 300px !important
}

.managed-services-block .parallax-window .g-icon {
	display: inline-block;
	padding: 0 54px;
	vertical-align: middle;
	margin: 0;
	padding-left: 0 !important
}

.managed-services-block .parallax-window h3 {
	display: inline-block;
	padding: 0 54px;
	vertical-align: middle;
	margin: 0
}

.managed-services-block .parallax-window .ranking {
	display: inline-block;
	padding: 0 54px;
	vertical-align: middle
}

.managed-services-block .parallax-window .ranking li {
	padding: 0 4px
}

.managed-services-block .parallax-window .ranking li:last-child {
	padding-right: 0
}

.managed-services-block .parallax-window .ranking li:first-child {
	padding-left: 0
}

.managed-services-block .parallax-window .view-button {
	display: inline-block;
	padding: 0 54px;
	vertical-align: middle;
	margin: 14px 0 0;
	padding-right: 0 !important
}

.managed-services-block .parallax-window.marketing-banner {
	min-height: 250px !important;
	position: relative;
	background-position: top !important
}

.managed-services-block .parallax-window.marketing-banner:before {
	content: " ";
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0
}

.managed-services-block .marketing-banner h3 {
	padding: 0;
	margin: 0;
	line-height: normal;
	float: none
}

.servicetab-block {
	position: relative
}

.servicetab-block .right-cross {
	width: 65.2%
}

.servicetab-block .right-cross .inner {
	position: relative;
	height: 100%;
	min-height: 700px
}

.tab-desc {
	display: none;
	width: 61%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%)
}

.tab-desc.active {
	display: block
}

.tab-desc p {
	font-size: 26px;
	color: #fff;
	line-height: 40px
}

.skyblue {
	background: #1d9dd8
}

.skyblue.current-menu-ancestor a {
	color: #1d9dd8
}

.skyblue.current-menu-ancestor .megamenu .current-menu-item>a.menu-link {
	color: #1d9dd8
}

.skyblue.current-menu-item a {
	color: #1d9dd8
}

.inner.orange {
	background: #ea6528
}

.inner.green {
	background: #39a949
}

.inner.pink {
	background: #e74e82
}

.inner.purple {
	background: #953682
}

.inner.fuego {
	background: #c6d32d
}

#tab1 {
	display: block
}

.tabs {
	margin: 0
}

.tabs li {
	padding: 0;
	display: block;
	font-size: 30px;
	line-height: 50px;
	font-weight: 900;
	text-transform: uppercase
}

.tabs li a {
	color: #092d3f;
	background: none
}

.tabs li.active .skyblue {
	color: #1d9dd8
}

.tabs li.active .orange {
	color: #ea6528
}

.tabs li.active .green {
	color: #39a949
}

.tabs li.active .pink {
	color: #e74e82
}

.tabs li.active .purple {
	color: #953682
}

.tabs li.active .fuego {
	color: #c6d32d
}

.tabs li .skyblue:hover {
	color: #1d9dd8
}

.tabs li .orange:hover {
	color: #ea6528
}

.tabs li .green:hover {
	color: #39a949
}

.tabs li .pink:hover {
	color: #e74e82
}

.tabs li .purple:hover {
	color: #953682
}

.tabs li .fuego:hover {
	color: #c6d32d
}

.reporting-block {
	padding: 163px 0 140px
}

.reporting-inner {
	position: relative
}

.reporting-inner h3 {
	font-size: 26px;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 40px
}

.reporting-inner:before {
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 9999;
	margin: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, #e1e1e1 70%, rgba(57, 67, 75, 0))
}

.reporting-inner p {
	font-size: 18px
}

.reporting-inner .right-animation {
	float: right;
	width: 34.5%;
	text-align: right;
	padding: 20px 0 0;
	opacity: 1 !important;
	visibility: visible !important
}

.funnel-block .reporting-inner .right-animation {
	float: left;
	text-align: left;
	width: 45%;
	padding-top: 50px
}

.funnel-block .reporting-inner .reporting-image {
	float: right
}

.funnel-block .reporting-inner .reporting-image img {
	width: 500px
}

.funnel-block {
	padding: 60px 0;
	background: #fafafa;
	border-bottom: 1px solid #f3f3f3
}

.funnel-block .reporting-inner:before {
	display: none
}

.reporting-image {
	float: left
}

.technology-block {
	background: #fafafa;
	border-top: 1px solid #f3f3f3;
	text-align: center;
	padding: 108px 0 115px
}

.technology-block h3 {
	font-size: 26px;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 40px
}

.technology-block p {
	margin-bottom: 30px !important;
	font-size: 16px;
	font-weight: 100 !important
}

.technology-block span {
	font-size: 18px;
	font-weight: 100 !important
}

.technologies {
	margin: 87px 0 0
}

.technologies .technology img {
	width: 100%
}

.technologies .technology.fadeInUp {
	visibility: visible
}

.technologies .technology:first-child {
	padding-left: 0
}

.technologies .technology:last-child {
	padding-right: 0
}

.gform_wrapper {
	margin: 0 0 !important
}

.gform_wrapper .gform_heading {
	margin-bottom: 0 !important
}

.gform_wrapper li.gfield_error textarea {
	border: 1px solid red !important
}

.gform_wrapper .upload-part ul li .gfield_label {
	font-family: brandon-grotesque, sans-serif;
	display: block;
	font-weight: 900 !important;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px !important;
	padding-top: 0;
	margin-top: 0 !important
}

#gform_wrapper_1 .top_label input.medium {
	width: 100% !important;
	border: none !important
}

#gform_wrapper_1 .top_label div.ginput_container {
	margin-top: 0 !important
}

#gform_wrapper_1 .gform_body {
	width: 82.5%;
	display: inline-block
}

#gform_wrapper_1 .gform_footer {
	width: 16.1666%;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin: 34px 0 0 0 !important;
	padding: 0 0 !important
}

#gform_wrapper_1 .input-label {
	display: none
}

#gform_wrapper_1 .gfield_description {
	width: 80%;
	font-size: 14px;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	color: #fff;
	display: block;
	text-align: left;
	height: 40px;
	position: absolute;
	top: 0
}

#gform_wrapper_1 ul.gform_fields {
	margin: 0 !important
}

#gform_wrapper_1 ul li.gfield {
	clear: none;
	padding: 0 20px !important;
	margin: 0 0 !important;
	width: 25%;
	height: 40px
}

#gform_wrapper_1 ul li.gfield .gfield_label {
	display: none
}

#gform_wrapper_1 .validation_message.label-yoko::after {
	content: none
}

#gform_wrapper_1 .validation_message.label-yoko::before {
	content: none
}

#gform_wrapper_1 .gform_heading span {
	text-align: center;
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 500;
	width: 100% !important;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	line-height: normal;
	letter-spacing: 0.05em
}

#gform_wrapper_1 .ginput_container input {
	padding: 0 !important;
	height: 40px;
	margin: 0 0 !important;
	transition: all 0.3s;
	color: #fff;
	font-family: brandon-grotesque, sans-serif !important;
	font-size: 20px !important
}

#gform_wrapper_1 .field_description_below .gfield_description.active {
	padding-left: 20px;
	color: #0c2d3f
}

#gform_wrapper_1 .input--filled .content-yoko {
	top: 30px;
	font-size: 14px
}

#gform_wrapper_1.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 25% !important
}

#gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0 !important
}

.gform_body .validation_message {
	background-color: transparent;
	font-size: 0 !important;
	width: auto !important;
	right: 35px;
	top: -5px !important
}

.gform_body .validation_message.active {
	background-color: transparent;
	font-size: 0 !important;
	width: auto !important;
	right: 35px;
	top: -5px !important
}

.gform_body li.gfield.gfield_error {
	border-top: none !important;
	border-bottom: none !important;
	background-color: transparent !important
}

.gform_body li.gfield_error input {
	border: 0px solid red !important;
	border-bottom:3px solid red !important;
}

.gform_body .instruction {
	display: none
}

.gform_body div.validation_error {
	display: none
}

#gform_wrapper_2 {
	margin: 0
}

#gform_wrapper_2 .gform_fields .gfield_label {
	display: none
}

#gform_wrapper_2 .gform_fields li.gfield {
	padding: 0 0 !important;
	margin: 0 0 !important;
	display: block
}

#gform_wrapper_2 .gform_fields input.medium {
	width: 100%;
	padding: 0 20px
}

#gform_wrapper_2 .ginput_container {
	margin-top: 30px
}

#gform_wrapper_2 .gform_footer {
	padding: 30px 0 0;
	margin: 0
}

#gform_wrapper_2 form {
	overflow: visible;
	margin: 0
}

#gform_wrapper_2 h3.gform_title {
	letter-spacing: 0.025em !important;
	text-align: left;
	padding-bottom: 5px;
	font-size: 24px;
	text-transform: none;
	font-weight: 100;
	color: #fff;
	margin: 0;
	letter-spacing: 0.05em
}

#gform_wrapper_2 li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	padding: 8px 0 0 0 !important;
	text-align: left
}

.supernova.current-menu-ancestor a {
	color: #f6b030
}

.supernova.current-menu-ancestor .megamenu .current-menu-item>a.menu-link {
	color: #f6b030
}

.supernova.current-menu-item a {
	color: #f6b030
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part {
	margin-bottom: 0 !important;
	text-align: center
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part li#field_3_13 {
	padding: 0 0 !important
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part li#field_3_15 {
	padding: 0 0 !important
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part li.gfield.upload {
	margin-bottom: 0 !important
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part.two-upl li.gfield.upload {
	padding: 0 50px !important
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part.two-upl li.gfield.upload-cv {
	padding-left: 0 !important
}

.career-main .career-form-block .career-form .gform_wrapper ul .upload-part.two-upl li.gfield.upload-portfolio {
	padding-right: 0 !important
}

.career-main .gform_wrapper .top_label .gfield_error {
	width: 100%
}

.tabs-main {
	height: 100%
}

.defualt-page {
	margin: 60px 0
}

.defualt-page a {
	color: #092c3f;
	text-transform: capitalize;
	font-weight: 600
}

.defualt-page a:hover {
	color: #4dbabd
}

.defualt-page p {
	margin-bottom: 22px
}

.defualt-page ul {
	margin: 0
}

.search .main-pagination {
	margin: 0;
	padding: 0 0 45px
}

.search .defualt-page {
	margin-bottom: 20px
}

.main-pagination {
	padding: 30px 0;
	margin: 50px 0 0
}

.main-pagination .pagination ul {
	margin: 0
}

#contact-gradient {
	background: none !important;
	padding: 42px 0 0
}

#contact-gradient .gform_heading {
	display: none
}

#contact-gradient #gform_wrapper_1 .gform_footer {
	margin: 67px 0 0 0 !important
}

#contact-gradient input.gform_button {
	background: none;
	border: 1px solid #fff !important;
	widows: auto
}

#contact-gradient input.gform_button:hover {
	background: #fff;
	color: #373d48 !important
}

.contact-banner-inner {
	padding: 114px 0 0 0
}

.slider {
	position: relative;
	width: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.slider:first-child:before {
	content: none
}

.lity-close {
	pointer-events: auto
}

.gform_confirmation_message {
	font-size: 20px;
	line-height: normal;
	color: #ffffff;
}

.post-video-block {
	background-color: #f1f1f1;
	border: 1px solid #ccc
}

.post-video-block-text {
	width: 35%;
	margin-left: 65%;
	position: relative
}

@-webkit-keyframes sdb {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}

}

@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0
	}

}

.related-work {
	padding-top: 0;
	padding-bottom: 80px
}

.related-work img {
	display: block
}

.related-work img.cms-icon {
	width: 34px;
	display: inline-block;
	margin-bottom: 50px
}

.related-work .inner-wrap {
	position: relative;
	overflow: hidden;
	width: 100%
}

.related-work .magento {
	position: absolute;
	top: 0;
	left: 0;
	width: 59%;
	overflow: hidden;
	transform: skewX(25deg);
	transform-origin: bottom;
	border-right: none;
	transition: width 0.5s ease;
	z-index: 9
}

.related-work .magento:hover {
	width: 100%;
	z-index: 99;
	transform: skewX(0deg)
}

.related-work .magento:hover .reverse-skew {
	transform: skewX(0deg)
}

.related-work .reverse-skew {
	transform: skewX(-25deg);
	transform-origin: bottom;
	position: relative
}

.related-work .woocommerce {
	transform: skewX(25deg);
	transform-origin: bottom;
	position: absolute;
	top: 0;
	right: 0;
	width: 53%;
	transition: width 0.5s ease
}

.related-work .woocommerce:hover {
	width: 100%;
	z-index: 999
}

.related-work .woocommerce img {
	display: block
}

.related-work .woocommerce img.cms-icon {
	width: auto
}

.related-work .woocommerce .text-wrap {
	left: auto;
	right: 70px;
	text-align: right
}

.related-work .woocommerce .text-wrap p {
	right: auto;
	left: 0;
	text-align: left
}

.related-work .woocommerce-blk .reverse-skew img {
	width: 100%
}

.related-work .woocommerce-blk img.cms-icon {
	width: auto
}

.related-work h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
	margin-bottom: 0
}

.related-work .text-wrap {
	position: absolute;
	bottom: 70px;
	left: 70px;
	width: 90%
}

.related-work .text-wrap p {
	color: #fff;
	position: absolute;
	right: 0;
	top: 55px;
	width: 555px;
	text-align: right
}

.related-work .skew-blk.show .text-wrap p {
	opacity: 1;
	visibility: visible
}

.related-work .skew-blk .text-wrap p {
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s ease 0s
}

.lb-outerContainer {
	width: 1000px !important;
	height: calc(100vh) !important
}

.lb-container {
	width: auto !important;
	max-width: 100% !important
}

.lb-container .lb-image {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important
}

.lightbox .lb-nav {
	height: 45px !important;
	margin-top: -22px !important;
	position: absolute !important;
	top: 50% !important;
	width: 95% !important;
	z-index: 10 !important;
	left: 0 !important;
	right: 0 !important
}

.lightbox .lb-nav a.lb-next {
	height: 55px !important;
	opacity: 1 !important;
	position: fixed !important;
	right: 3% !important;
	transition: opacity 0.6s ease 0s;
	width: 55px !important
}

.lightbox .lb-nav a.lb-prev {
	float: left !important;
	height: 55px !important;
	left: 2% !important;
	position: fixed !important;
	opacity: 1 !important;
	transition: opacity 0.6s ease 0s;
	width: 55px !important
}

@-webkit-keyframes rotating {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}

}

@keyframes rotating {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}

}

.spectrum-animation .spectrum-animation-inner {
	height: 820px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background-color: #010417
}

.spectrum-animation .bg {
	z-index: 1;
	position: absolute;
	left: -15vw;
	width: 130vw;
	height: auto;
	top: -22vw;
	animation: rotating 300s linear infinite
}

.spectrum-animation .inner {
	text-align: center;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%)
}

.spectrum-animation p {
	color: #fff;
	margin: 34px 0 0;
	font-size: 20px;
	font-weight: 300
}

.spectrum-animation .logo {
	width: 346px;
	margin: 0;
	float: none
}

.ideal-partner {
	text-align: center;
	padding: 40px 0 50px;
	position: relative
}

.ideal-partner:after {
	content: '';
	background-color: #fff;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
	transform: rotate(180deg)
}

.ideal-partner h1 {
	color: #0d2c40;
	margin-bottom: 28px;
	font-size: 26px;
	font-weight: 400;
	text-transform: capitalize
}

.ideal-partner p {
	font-size: 22px;
	color: #000
}

.ideal-partner-inner {
	width: 895px;
	margin: 0 auto
}

.spectrum-brand {
	background-position: 50%;
	position: relative;
	width: 100%;
	background-size: cover !important;
	min-height: 500px;
	background-repeat: no-repeat !important;
	overflow: hidden
}

.spectrum-brand:after {
	content: "";
	display: block;
	background: url(images/shadow-gradinwt.png) no-repeat;
	width: 100%;
	background-size: cover !important;
	height: 100%;
	background-repeat: no-repeat !important;
	background-position: top;
	position: absolute;
	top: 0
}

.spectrum-cms-inner {
	float: right
}

.spectrum-cms-inner.animated {
	position: relative
}

.spectrum-default-txt {
	width: 1400px;
	z-index: 9999;
	position: absolute;
	top: 40%;
	transform: translate(0, -40%);
	left: 0;
	right: 0
}

.spectrum-default-txt h3 {
	line-height: 44px;
	color: #fff;
	font-size: 26px;
	font-weight: 300;
	text-transform: capitalize
}

.spectrum-default-txt p {
	font-size: 18px;
	color: #fff;
	font-weight: 100
}

.spectrum-cms {
	position: absolute;
	bottom: 95px;
	top: auto;
	width: 1400px;
	z-index: 9999;
	text-align: right;
	left: 0;
	right: 0
}

.spectrum-cms a {
	display: inline-block
}

.spectrum-cms a:first-child {
	margin-right: 50px
}

.spectrum-cms i {
	opacity: 0.65;
	font-size: 103px
}

.spectrum-cms i:hover {
	opacity: 1
}

.expose-brand {
	padding: 85px 0 100px;
	position: relative
}

.enhance-brand {
	position: relative
}

.enhance-brand:before {
	content: '';
	background-color: #fafafa;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 0, 100% 100%, 0 100%);
	z-index: 99
}

.enhance-brand.spectrum-brand:after {
	content: "";
	display: block;
	background: url(images/shadow-gradinwt-right.png) no-repeat;
	width: 200%;
	right: 0;
	background-size: cover !important;
	height: 100%;
	background-repeat: no-repeat !important;
	background-position: top;
	position: absolute;
	top: 0
}

.enhance-brand.spectrum-brand .spectrum-cms {
	position: absolute;
	bottom: 95px;
	top: auto;
	width: 1400px;
	z-index: 9999;
	text-align: left
}

.enhance-brand.spectrum-brand .spectrum-default-txt {
	width: 1400px;
	z-index: 9999
}

.enhance-brand.spectrum-brand .spectrum-default-txt-inner {
	width: 550px;
	float: right;
	text-align: right;
	padding-top: 20px
}

.enhance-brand.spectrum-brand .spectrum-cms-inner {
	float: left;
	background-attachment: fixed !important
}

.expose-brand-inner {
	text-align: center;
	width: 900px;
	margin: 0 auto
}

.expose-brand-inner h3 {
	font-size: 26px;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 55px
}

.expose-brand-inner p {
	color: #000;
	font-size: 18px
}

.google-result {
	margin: 40px 0 0
}

.google-result img {
	max-height: 65px
}

.google-result .google-premier {
	display: inline-block;
	position: relative;
	top: 15px
}

.google-result .g-result {
	display: inline-block;
	position: relative;
	padding: 0 55px
}

.google-result .google-icon {
	display: inline-block;
	position: relative;
	top: 15px
}

.google-result .google-icon img {
	width: 60px
}

.google-result ul {
	margin: 0;
	position: relative;
	top: 35px
}

.google-result ul li {
	display: inline-block;
	padding: 0
}

.web-digital-approach {
	padding: 89px 0;
	text-align: center
}

.success-stories {
	position: relative;
	z-index: 1000
}

.success-stories .owl-controls {
	position: absolute;
	bottom: 110px;
	left: 0;
	right: 0;
	width: 1400px;
	z-index: 999999;
	text-align: left;
	margin: 0 auto
}

.success-stories .owl-dot {
	display: inline-block;
	padding: 0 10px
}

.success-stories .owl-dot span {
	width: 4px;
	height: 4px;
	padding: 2px;
	font-size: 0;
	outline: none;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	background: #fff;
	margin-bottom: 0;
	transition: 0.3s background
}

.success-stories .owl-dot:first-child {
	padding-left: 0
}

.success-stories .owl-dot.active span {
	background: #50afbf
}

.success-stories .slick-slide {
	transition: all 3s ease !important
}

.success-stories .slick-current {
	transition-delay: 0s !important
}

.success-stories ul.sliders {
	margin: 0
}

.success-stories ul.sliders .spectrum-default-txt-inner {
	width: 515px;
	float: left
}

.success-stories ul.sliders .spectrum-default-txt-inner .view-button a {
	border-color: #fff;
	color: #fff
}

.success-stories ul.sliders .spectrum-default-txt-inner .view-button a:hover {
	background-color: #fff;
	color: #373d48 !important
}

.success-stories ul.sliders li.slider-part {
	padding: 0;
	min-height: 500px;
	position: relative;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

.success-stories .slider-part:before {
	opacity: .3;
	content: "";
	display: block;
	background: url(images/shadow-gradinwt.png) no-repeat;
	width: 200%;
	right: 0;
	background-size: cover !important;
	height: 100%;
	background-repeat: no-repeat !important;
	background-position: top;
	position: absolute;
	top: 0;
	z-index: 99
}

.approach-inner {
	text-align: center
}

.approach-inner .approach-part {
	display: inline-block;
	vertical-align: top;
	position: relative;
	float: left
}

.approach-inner .approach-part ul {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	text-align: left
}

.approach-inner .approach-part ul li {
	padding: 0;
	color: #0c2f40;
	font-size: 20px;
	font-weight: 900;
	line-height: 38px;
	display: block
}

.approach-inner .approach-part ul li a {
	color: #0c2f40
}

.approach-inner .approach-part ul li a:hover {
	color: #1d9dd8
}

.approach-inner .approach-text {
	width: 460px;
	text-align: left;
	margin: 0 75px 0 85px
}

.approach-inner .approach-text p {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 20px;
	font-weight: 300;
	line-height: 40px;
	color: #000
}

.approach-inner .approach-menu {
	width: 280px
}

.approach-text-inner {
	float: left;
	position: relative
}

.approach-image {
	position: relative
}

.approach-image .text-image {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0
}

.approach-image img {
	transition: all 0.8s
}

.approach-image.web img.aprroach-animate {
	transform: rotate(0deg)
}

.approach-image.digitalpr img.aprroach-animate {
	transform: rotate(130deg)
}

.approach-image.search img.aprroach-animate {
	transform: rotate(234deg)
}

.spectrum-animation-service-main {
	margin-top: -190px;
	position: relative;
	height: 320px;
	z-index: 99999;
	background-size: 150%;
	background-position: -905px 50%;
	background-repeat: no-repeat;
	background-color: #010413;
	overflow: hidden
}

.spectrum-animation-service-main.active .spectrum-animation-service {
	margin-top: 0;
	top: 62px;
	position: fixed;
	overflow-y: scroll;
	width: 100%;
	left: 0;
	max-height: 100%
}

.spectrum-animation-service-main.active .spectrum-animation-background {
	display: block;
	min-height: 850px
}

.spectrum-animation-service-main.not-active .spectrum-animation-service {
	top: 0
}

.home .spectrum-animation-service .inner p {
	color: #0b2d3f
}

.home .spectrum-animation-service .inner .view-button a {
	background-color: #0b2d3f;
	color: #fff;
	border: 1px solid #0b2d3f
}

.home .spectrum-animation-service .inner .view-button a:hover {
	background-color: transparent
}

.spectrum-animation-service {
	background-attachment: fixed !important;
	position: relative;
	height: 100%;
	transition: top .5s, min-height .5s ease-out;
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important
}

.spectrum-animation-service .inner {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0
}

.spectrum-animation-service .inner .inner-content .spectrum-left {
	display: inline-block;
	vertical-align: middle
}

.spectrum-animation-service .inner .inner-content .spectrum-right {
	display: inline-block;
	vertical-align: middle;
	padding-left: 80px;
	margin-left: 80px;
	border-left: 1px solid rgba(255, 255, 255, 0.6)
}

.spectrum-animation-service .inner p {
	color: #fff;
	font-size: 32px;
	font-weight: 300
}

.spectrum-animation-service .inner .view-button a {
	color: #fff;
	text-transform: capitalize;
	border-color: #fff;
	font-weight: 100;
	font-size: 16px
}

.spectrum-animation-service .inner .view-button a:hover {
	background-color: #fff;
	color: #0b2d3f
}

.spectrum-animation-service .logo {
	float: none;
	width: 280px;
	margin: 0
}

.spectrum-animation-background {
	position: absolute;
	left: -90%;
	width: 200%;
	top: -260%;
	animation: rotating 300s linear infinite
}

.spectrum-animation-background.fixed {
	position: fixed;
	top: -61%
}

.home .spectrum-animation-background {
	top: -25.5%
}

.home .spectrum-animation-background.fixed {
	top: -61%
}

@keyframes blinker {
	50% {
		opacity: 0
	}

}

.footer-bottom-block ul {
	margin: 0
}

.footer-bottom-block ul li {
	padding: 0;
	display: inline-block;
	list-style: none;
	line-height: normal;
	vertical-align: middle;
	text-align: right
}

.audit-bar a {
	padding: 19px 20px;
	display: block;
	text-align: center;
	font-weight: 900;
	color: #fff;
	background: #6fced1;
	font-size: 30px;
	line-height: 42px;
	text-transform: uppercase
}

.audit-bar a>span {
	color: #fff;
	transition: all 0.3s
}

.audit-bar a:hover {
	background: #4dbabd
}

.webdesign-banner:before {
	content: " ";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	background: #252b33;
	opacity: .7
}

.home .ls-playvideo {
	display: none !important
}

.option2 .option-open-block h3 {
	background-size: 52px !important
}

.option1 .option-open-block h3 {
	background-size: 46px !important
}

.option3 .option-open-block h3 {
	background-size: 46px !important
}

.option4 .option-open-block h3 {
	background-size: 46px !important
}

.casestudy1.who-we-part .creative-top .img1.fadeInRight {
	animation-name: fadeInRight
}

.casestudies.view-case-button {
	width: 37%;
	float: left;
	background: #fff;
	position: relative;
	box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
	border-top: 1px solid #e8e8e8;
	transform: skew(0deg)
}

.casestudies.view-case-button .view-case-button-inner {
	transform: skew(-20deg);
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center
}

.casestudies.view-case-button .view-case-button-inner a {
	transform: skew(0deg);
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	color: #0d2c40;
	display: block;
	line-height: 130px;
	margin: 0 -25px
}

.casestudies.view-case-button:hover .view-case-button-inner a {
	color: #f5b030
}

.three-blog .blog {
	width: 33.33%;
	float: left
}

.bloguser img {
	border-radius: 100%;
	height: 80px;
	width: 80px;
	position: relative;
	border: 3px solid #fff;
	top: -40px
}

.page-template-contact-page-template .inner-banner.inner-big {
	padding-bottom: 0;
	height: 400px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff
}

.page-template-contact-page-template .inner-banner.inner-big:after {
	display: none
}

.page-template-contact-page-template .inner-banner.inner-big:before {
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5)
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

.button input.btn {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	background: #0d2c40;
	border: none;
	margin: 0 auto 0;
	height: 50px;
	padding: 0 17px;
	transition: all 0.3s;
	font-family: brandon-grotesque, sans-serif
}

.button input.btn:hover {
	background: #f1d119
}

.input-field:focus {
	outline: none
}

.seo-main .our-team-block-main .view-button a {
	border: 1px solid #ea6623;
	padding: 14px 50px
}

.seo-main .our-team-block-main .view-button a:hover {
	background: #ea6623
}

.seo-sub-main .content-main h4,
.seo-sub-main .content-main h2,
.seo-sub-main .content-main h3,
.seo-sub-main .content-main h5,
.seo-sub-main .content-main h6 {
	margin-bottom: 40px;
	font-size: 26px;
	font-weight: 100
}

.seo-sub-main .related-work {
	padding: 60px 0 !important
}

.profile span {
	display: inline-block;
	color: #1d9dd8;
	font-size: 16px;
	font-weight: 300;
	text-transform: capitalize;
	margin: 30px 0 0 29px;
	text-align: left
}

.profile span mark {
	display: block;
	line-height: 11px;
	color: #031624;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase
}

.common-blog-part .title {
	margin-bottom: 40px;
	text-align: center;
	text-transform: capitalize;
	font-size: 24px;
	color: #0d2c40;
	font-weight: 100;
	margin-top: 10px
}

.page-template-contact-page-template .default-tab ul li a.open,
.page-template-contact-page-template .default-tab ul li a:hover {
	color: #6fced1
}

.default-tab ul {
	margin: 0
}

.default-tab ul li {
	padding: 0 22px;
	color: #1c3b4b;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	display: inline-block;
	line-height: 53px
}

.default-tab ul li:first-child {
	padding-left: 0
}

.default-tab ul li:last-child {
	padding-right: 0
}

.default-tab ul li a {
	color: #c8c6c6;
	padding: 15px 17px;
	border: 1px solid transparent
}

.default-tab ul li a:hover {
	color: #fff
}

.default-tab ul li a.open {
	border: 1px solid #6fced1;
	color: #fff
}

.portfolio-main .inner-banner {
	min-height: 600px
}

.portfolio-main .inner-banner:before {
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #252b33;
	opacity: .7
}

.portfolio-main .inner-banner p {
	font-weight: 300
}

.portfolio-tab ul li a {
	color: #fff
}

.portfolio-tab ul li a:hover {
	border: 1px solid #fff;
	color: #fff
}

.portfolio-tab ul li a.selected {
	border: 1px solid #fff;
	color: #fff
}

.team-part .member.fadeInUp {
	visibility: visible
}

ul li {
	color: #092c3f
}

.step-wise h3 {
	font-size: 24px;
	text-transform: capitalize;
	line-height: 40px;
	font-family: brandon-grotesque, sans-serif;
	color: #373d48;
	font-weight: 400;
	margin-top: 60px
}

.step-wise ul li,
.step-wise p,
.step-wise p span {
	font-size: 16px;
	font-weight: 100 !important
}

.step-wise h4 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 20px;
	text-transform: uppercase
}

.step-wise h4 span {
	font-weight: 600 !important
}

.should-attend h3 {
	color: #943582;
	margin-bottom: 30px
}

.text-center.smooth {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.page-template-web-design-landing-page .slides img {
	max-width: 100% !important;
	max-height: 400px;
	width: auto !important
}

.hidden[data-effect-out="moveUpOut"] .tiltview a {
	animation: moveUpOut 1.5s both
}

.hidden[data-effect-out="moveUpOut"] .tiltview a:nth-child(2) {
	animation-delay: 0.25s
}

.thisshow[data-effect-in="moveUpIn"] .tiltview a {
	animation: moveUpIn 1.5s 0.5s both
}

.thisshow[data-effect-in="moveUpIn"] .tiltview a:nth-child(2) {
	animation-delay: 0.75s
}

.hidden[data-effect-out="moveDownOut"] .tiltview a {
	animation: moveDownOut 1.5s both
}

.hidden[data-effect-out="moveDownOut"] .tiltview a:nth-child(2) {
	animation-delay: 0.25s
}

.thisshow[data-effect-in="moveDownIn"] .tiltview a {
	animation: moveDownIn 1.5s 0.5s both
}

.thisshow[data-effect-in="moveDownIn"] .tiltview a:nth-child(2) {
	animation-delay: 0.75s
}

.hidden[data-effect-out="slideUpOut"] .tiltview a {
	animation: slideUpOut 1.5s both
}

.hidden[data-effect-out="slideUpOut"] .tiltview a:nth-child(2) {
	animation-delay: 0.25s
}

.thisshow[data-effect-in="slideUpIn"] .tiltview a {
	animation: slideUpIn 1.5s 0.5s both
}

.thisshow[data-effect-in="slideUpIn"] .tiltview a:nth-child(2) {
	animation-delay: 0.75s
}

.hidden[data-effect-out="slideDownOut"] .tiltview a {
	animation: slideDownOut 1.5s both
}

.hidden[data-effect-out="slideDownOut"] .tiltview.row a:nth-child(2) {
	animation-delay: 0.25s
}

.hidden[data-effect-out="slideDownOut"] .tiltview.col a:first-child {
	animation-delay: 0.25s
}

.thisshow[data-effect-in="slideDownIn"] .tiltview a {
	animation: slideDownIn 1.5s 0.5s both
}

.thisshow[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2) {
	animation-delay: 0.75s
}

.thisshow[data-effect-in="slideDownIn"] .tiltview.col a:first-child {
	animation-delay: 0.75s
}

.hidden[data-effect-out="slideLeftOut"] .tiltview a {
	animation: slideLeftOut 1.5s both
}

.hidden[data-effect-out="slideLeftOut"] .tiltview a:nth-child(2) {
	animation-delay: 0.25s
}

.thisshow[data-effect-in="slideLeftIn"] .tiltview a {
	animation: slideLeftIn 1.5s 0.5s both
}

.thisshow[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2) {
	animation-delay: 0.75s
}

.hidden[data-effect-out="slideRightOut"] .tiltview a {
	animation: slideRightOut 1.5s both
}

.hidden[data-effect-out="slideRightOut"] .tiltview.col a:nth-child(2) {
	animation-delay: 0.25s
}

.hidden[data-effect-out="slideRightOut"] .tiltview.row a:first-child {
	animation-delay: 0.25s
}

.thisshow[data-effect-in="slideRightIn"] .tiltview a {
	animation: slideRightIn 1.5s 0.5s both
}

.thisshow[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2) {
	animation-delay: 0.75s
}

.thisshow[data-effect-in="slideRightIn"] .tiltview.row a:first-child {
	animation-delay: 0.75s
}

.bloglanding-main .blog-block {
	padding: 10px 0 50px
}

.pagination ul {
	margin: 60px 0 0;
	text-align: center
}

.pagination ul li {
	padding: 0 10px;
	display: inline-block;
	font-size: 24px;
	line-height: 38px
}

.pagination ul li a {
	position: relative;
	color: #5ba8c2
}

.pagination ul li a:hover {
	color: #5ba8c2
}

.pagination ul li a img {
	width: 22px;
	position: relative;
	top: 8px
}

.pagination ul li a.active {
	color: #aed179
}

.sub-box ul li.menu-item-has-children:before {
	right: 5px;
	top: 3px
}

.sub-box ul li.menu-item-has-children:after {
	right: 5px;
	top: 13px
}

.lity.lity-opened {
	z-index: 999999 !important;
	pointer-events: none
}

.page-template-managed-spectrum-page-template .spectrum-animation {
	position: relative
}

.page-template-managed-spectrum-page-template .spectrum-animation:after {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99
}

.establish-brand.spectrum-brand .spectrum-default-txt-inner {
	width: 550px;
	float: left;
	padding-top: 90px
}

.approach-text-main .slick-dots {
	position: absolute;
	bottom: 87px;
	left: auto;
	right: 0;
	width: 62.6%;
	z-index: 999999;
	text-align: left;
	margin: 0
}

.approach-text-main .slick-dots li {
	display: inline-block;
	padding: 0 10px
}

.approach-text-main .slick-dots li button {
	width: 4px;
	height: 4px;
	padding: 2px;
	font-size: 0;
	outline: none;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	background: #e1e1e1;
	margin-bottom: 0;
	transition: 0.3s background
}

.approach-text-main .slick-dots li.slick-active button {
	background: #50afbf
}

.page-template-content-page-template .spectrum-animation-service-main {
	margin-top: 0;
	height: 300px
}

.page-template-content-page-template .spectrum-animation-service-main .spectrum-animation-service {
	min-height: 300px
}

.page-template-content-page-template .spectrum-animation-service-main .spectrum-animation-service .inner {
	top: 50%
}

.mobile {
	display: none !important
}

@media (max-width:768px) {
	.desktop {
		display: none !important
	}

	.mobile {
		display: block !important
	}

	.ls-bottom-nav-wrapper {
		display: none
	}

	.view-button {
		margin: 30px 0 0;
		text-align: center
	}

	.view-button a {
		font-size: 14px !important
	}

	header {
		position: relative !important
	}

	.blog-block .two-blog {
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 30px
	}

	.two-blog.featured .blog .blog-inner .bloguser {
		padding: 0 !important
	}

	.home .spectrum-default-txt,
	.spectrum-default-txt {
		text-align: center
	}

	.home .spectrum-default-txt h3,
	.spectrum-default-txt h3 {
		display: none
	}

	.home .spectrum-default-txt p,
	.spectrum-default-txt p {
		font-size: 18px
	}

	.success-stories .owl-controls {
		bottom: 25px;
		width: 100%;
		text-align: center
	}

	.blog-block .dn-hub {
		margin-bottom: 35px
	}

	.blog-block .dn-hub img {
		height: 28px
	}

	.blog-block .bloguser {
		padding: 0 !important
	}

	.blog-block .bloguser img {
		width: 55px;
		height: 55px
	}

	.two-blog .blog .blog-inner .post-cat {
		font-size: 11px
	}

	.home .blog-block .bloguser {
		height: 45px
	}

	.testimonial-block .service-part-inner:before {
		background: rgba(0, 0, 0, 0.7)
	}

	.testimonial-part {
		margin-right: 0;
		text-align: center
	}

	.testimonial .quotes {
		width: 80px;
		margin-bottom: 20px
	}

	#gform_wrapper_1 .gform_body {
		width: 100%
	}

	#gform_wrapper_1 .gfield_description {
		width: calc(100% - 15px)
	}

	.content-yoko {
		text-align: center
	}

	#gform_wrapper_1 .gform_footer {
		width: 100%
	}

	#gform_wrapper_1 .gform_footer input {
		width: 100% !important;
	}

	.our-partner-block ul {
		display: block
	}

	.our-partner-block {
		padding: 30px 0
	}

	footer .footer-columns {
		display: block;
		text-align: center;
		margin: 40px 0 0
	}

	footer .footer-columns .social-footer {
		margin-top: 30px
	}

	.menu-footer-menu-1-container,
	.menu-footer-menu-2-container,
	.menu-footer-menu-3-container {
		display: none
	}

	.footer-col-5 {
		margin-top: 35px !important
	}

	footer .footer-columns .footer-address {
		margin-bottom: 20px
	}

	footer .footer-copyright ul {
		display: block;
		text-align: center
	}

	footer .footer-copyright ul li {
		margin-bottom: 5px
	}

	#header_placeholder {
		display: none
	}

	.fast-result h1 {
		font-size: 20px !important;
		width: 80%;
		margin: 0 auto
	}

	.fast-result .result span {
		display: none
	}

	.fast-result {
		min-height: 0
	}

	.banner-text h1 {
		width: 100%;
		font-size: 22px !important
	}

	.seo-service-block .seo-service.unsure-get-touch img {
		width: 180px
	}

	.seo-service-block .seo-service.unsure-get-touch p {
		margin: 15px 0
	}

	.service-content.service-text .content-main {
		width: 100%;
		margin: 0 !important
	}

	.seo-sub-main .content-main h4 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.service-content .content-main p {
		font-size: 14px;
		margin-bottom: 20px
	}

	.body-content .content-main p {
		width: 100%;
		text-align: center;
		font-size: 14px;
		padding-bottom: 40px
	}

	.body-content h1 {
		font-size: 22px;
		text-align: center;
		margin-bottom: 5px
	}

	.body-content.orange {
		background-size: cover !important
	}

	.body-content .content-main img {
		top: 80px;
		height: 150px;
		left: 12%
	}

	#gform_wrapper_2 h3.gform_title {
		text-align: center;
		font-size: 22px
	}

	.service-form .inner-form {
		margin-bottom: 40px
	}

	.inner-form #gform_wrapper_2 .gform_fields li.gfield input {
		border-bottom: 2px solid #0d2c40;
		color: #fff;
		font-size: 14px;
		padding: 0;
		text-align: center
	}

	.inner-form #gform_wrapper_2 .gform_fields li.gfield input::-webkit-input-placeholder {
		color: #fff;
		font-size: 14px
	}

	.inner-form #gform_wrapper_2 .gform_fields li.gfield input:-moz-placeholder {
		color: #fff;
		font-size: 14px
	}

	.inner-form #gform_wrapper_2 .gform_fields li.gfield input::-moz-placeholder {
		color: #fff;
		font-size: 14px
	}

	.inner-form #gform_wrapper_2 .gform_fields li.gfield input:-ms-input-placeholder {
		color: #fff;
		font-size: 14px
	}

	input.gform_button {
		font-size: 14px !important
	}

	.service-content {
		padding: 40px 0 20px
	}

	.blog-block .bloguser {
		height: 55px
	}

	.bog-block {
		border-top: 1px solid #f5f3f3
	}

	.page-template-managed-spectrum-page-template .spectrum-default-txt h3 {
		display: block;
		font-size: 22px;
		margin-bottom: 20px
	}

	.page-template-managed-spectrum-page-template .spectrum-default-txt h3 br {
		display: none
	}

	.page-template-managed-spectrum-page-template .spectrum-default-txt p {
		font-size: 14px
	}

	.establish-brand.spectrum-brand .spectrum-default-txt-inner {
		padding: 40px 0 40px 0
	}

	.page-template-managed-spectrum-page-template .spectrum-default-txt {
		position: relative
	}

	.expose-brand-inner h3 {
		font-size: 22px
	}

	.expose-brand-inner p {
		font-size: 14px
	}

	.google-result {
		display: flex;
		justify-content: space-between
	}

	.google-result img {
		max-height: 40px;
		width: auto !important
	}

	.g-result ul li img {
		width: 20px !important
	}

	.enhance-brand {
		background-position: 50% !important
	}

	.enhance-brand .spectrum-default-txt-inner {
		text-align: center !important;
		padding: 20px 0 70px
	}

	.enhance-brand .spectrum-default-txt-inner h3 {
		width: 80%
	}

	.reporting-inner p {
		font-size: 14px
	}

	.technology-block h3 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.page-template-managed-spectrum-page-template .success-stories .spectrum-default-txt h3 {
		display: none
	}

	.page-template-managed-spectrum-page-template .success-stories .spectrum-default-txt {
		position: absolute
	}

	.page-template-managed-spectrum-page-template .success-stories .spectrum-default-txt p {
		font-size: 18px
	}

	.top-bar ul li {
		margin: 0;
		padding: 0;
		font-size: 14px
	}

	.top-bar ul {
		display: flex;
		justify-content: space-between
	}

	.top-bar ul li:after {
		display: none
	}

	header.active .logo {
		margin-top: 0
	}

	.page-template-our-team-landing-page .inner-banner.inner-big {
		min-height: 250px !important;
		height: 250px
	}

	.two-blog.featured .blog .blog-inner,
	.two-blog.featured .blog .blog-img {
		display: block;
		width: 100%;
		padding: 10px 15px
	}

	.two-blog.featured .blog .blog-inner .featured-tag {
		left: 0;
		margin-top: 0;
		top: 0;
		width: 100%;
		text-align: center
	}

}

.page-template-our-team-landing-page .inner-banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6
}

.page-template-our-team-landing-page .inner-banner {
	background-size: cover
}

.testimonial-main .inner-banner {
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4ba0d0), to(#bfd96a)) !important
}

.gform_wrapper div.validation_error {
	display: none
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield input {
	border: none !important;
	border-bottom: 2px solid #fff !important
}

.inner-form #gform_wrapper_2 .gform_fields li.gfield {
	position: relative
}

#gform_wrapper_2 li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	position: absolute;
	top: 30px !important;
	right: 25px;
	padding: 0 !important;
	color: #fff
}

.casestudy-image img {
	display: block
}

.slick-track {
	font-size: 0;
	text-align: left
}

.slick-slide {
	display: inline-block !important;
	vertical-align: top;
	float: none
}

.technologies .technology:first-child {
	padding-left: 1px
}

.technologies .technology:last-child {
	padding-right: 1px
}

header.fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%
}

.page-id-5747 .service-content.service-text:before {
	display: none
}

#header_placeholder,
.inner-fixed-scroll #header_placeholder.fixed {
	height: 80px !important
}

.page-id-5747 .supreme-container {
	width: 100%
}

.page-id-5747 #wrapper {
	max-width: 100%
}

.page-id-5747 .service-columns .service-right-bg.static {
	position: fixed
}

.page-id-5747 .main_combo4 {
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position: relative
}

.page-id-5747 footer {
	max-width: 100%;
	background-color: #fff;
	position: relative
}

.page-id-5747 footer .footer-copyright {
	margin: 0 0;
	padding: 15px 0 10px 0
}

.all-teams .member {
	margin: 0 0 55px 0
}

.spectrum_mob {
	display: none
}

.supreme-container {
	width: 100% !important;
	border-left: none !important;
	display: inline-block
}

#wrapper {
	max-width: 100%
}

.service-columns .service-right-bg.static {
	position: fixed;
	height: calc(100%);
	top: 80px;
}

.service-columns .service-right-bg {
	height: 100%
}

.main_combo4 {
	background-color: #fff;
	position: relative;
	z-index: 1
}

.footer-push {
	position: relative;
	background-color: transparent;
	z-index: 1;
	clear: both;
	display: block;
}

.service-content.service-text:before {
	display: none
}

.left-cross {
	width: 36.6%
}

.warningTextareaInfo {
	display: none
}

.quote-profile-block .profile-text {
	width: calc(100% - 130px)
}

.quote-profile-block .profile-text img {
	width: 90px;
	display: block;
	position: relative;
	top: -2px;
	margin: 0
}

.quote-profile-block .profile {
	display: inline-block;
	vertical-align: bottom;
	width: 120px;
	float: right
}

header {
	position: relative !important;
	top: 0 !important
}

.top-bar {
	position: relative;
	z-index: 1
}

.service-columns .service-right-bg,
.service-columns .service-right-bg.static {
	top: 0
}

#header_placeholder {
	display: none
}

.body-content.skyblue {
	background-size: cover
}

#header-placeholder {
	position: relative;
	height: 80px;
	display: none
}

#header-placeholder.fixed {
	display: block
}

.spectrum-case-study {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #010310
}

.spectrum-case-study .bg {
	position: absolute;
	width: 120%;
	animation: rotating 300s linear infinite;
	height: 120%;
	background-size: cover !important;
	background-position: center !important;
	left: 8%;
	top: -15%;
	z-index: 10
}

.spectrum-case-study .inner {
	width: 60%;
	text-align: center;
	float: right;
	margin-top: 200px;
	position: relative;
	z-index: 20
}

.spectrum-case-study .inner img {
	width: 280px;
	margin-bottom: 40px
}

.spectrum-case-study .inner p {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 60px
}

.spectrum-case-study .inner a {
	position: relative;
	display: inline-block;
	font-size: 16px !important;
	color: #fff;
	line-height: normal;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 400 !important;
	border: 1px solid #fff;
	padding: 12px 20px;
	overflow: hidden;
	text-transform: capitalize !important
}

.spectrum-case-study .inner a:hover {
	background-color: #fff;
	color: #0b2d3f
}

.body-content.skyblue .container.cf .content-main img {
	top: 100px !important;
}

.servicetemplate-banner {
	background-size: cover !important;
	min-height: 590px;
}

.servicetemplate-banner .banner-text .title {
	font-size: 30px;
	margin: 0 auto;
	font-weight: 100;
	color: #fff;
	line-height: 50px;
	text-transform: none !important
}

.servicetemplate-page .pagecontent-top {
	padding: 80px 0 110px;
	max-width: 71%;
	margin: 0 auto;
	text-align: center
}

.servicetemplate-page .pagecontent-top h1,
.servicetemplate-page .pagecontent-top h2,
.servicetemplate-page .pagecontent-top h3 {
	margin-bottom: 20px !important;
	font-weight: 400 !important;
	font-size: 30px !important;
	text-transform: none !important;
	font-weight: 900 !important;
	color: #000 !important;
	line-height: 40px
}

.servicetemplate-page .pagecontent-top {
	padding: 80px 0 110px;
	max-width: 71%;
	margin: 0 auto;
	text-align: center;
}

.servicetemplate-page .pagecontent-top p {
	padding: 0 7%;
	box-sizing: border-box;
}

.servicetemplate-page {
	background: #f6f6f6;
	position: relative;
}

.servicetemplate-page:before {
	content: '';
	background-color: #FFF;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	-webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-page .seo-service-block {
	padding: 0 0 140px;
	border: 0;
}

.servicetemplate-page .seo-service-block.topcol-block .seo-service {
	width: 50%;
	border-color: #d9d9d9;
}

.servicetemplate-page .seo-service-block.topcol-block .seo-service .title {
	text-decoration: inherit;
}

.servicetemplate-page .seo-service-block.topcol-block .fullcol-block {
	background: #ffffff;
	padding: 70px 50px 60px;
	box-sizing: border-box;
	text-align: center;
}

.servicetemplate-page .seo-service-block.topcol-block .fullcol-block h3 {
	color: #132c3d;
	text-transform: none;
	font-weight: 500;
}

.servicetemplate-page .seo-service-block.topcol-block .fullcol-block p {
	color: #132c3d;
}

.servicetemplate-page .seo-service-block.topcol-block .fullcol-block .view-button a {
	min-width: 220px;
	text-align: center;
	box-sizing: border-box;
	background: #132c3d;
	padding: 15px;
	font-size: 20px !important;
	line-height: 22px !important;
	color: #ffffff;
	font-weight: 500;
}

.servicetemplate-page .seo-service-block.topcol-block .fullcol-block .view-button a:hover {
	background: #101010;
}

.servicetemplate-page .method-block {
	background: #ffffff;
	padding: 8% 0;
	position: relative;
}

.servicetemplate-page .method-block .container {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.servicetemplate-page .method-block:after {
	content: '';
	background-color: #f5f5f5;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	-webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-page .method-block:before {
	content: '';
	background-color: #f6f6f6;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-page .method-block .method-left {
	width: 60%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.servicetemplate-page .method-block .method-left .method-content {
	max-width: 600px;
	margin-left: 0;
}

.servicetemplate-page .method-block .method-right {
	width: 40%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	float: right
}

.servicetemplate-page .method-block .method-right img {
	max-width: 100%;
	max-height: 100%
}

.servicetemplate-page .link-block {
	padding: 125px 0 165px;
	background: #f5f5f5;
}

.servicetemplate-page .link-block .pagecontent-top {
	padding-top: 0;
}

.servicetemplate-page .link-block .seo-service-block .seo-service {
	border-color: #e6e6e6;
}

.servicetemplate-page .link-block .seo-service-block .seo-service.unsure-get-touch:hover {
	background: #5e8ca9 !important;
}

.servicetemplate-page .link-block .seo-service-block .seo-service.unsure-get-touch .service-default .inner {
	padding: 0 65px;
}

.servicetemplate-page .link-block .seo-service-block .seo-service.unsure-get-touch .service-default .inner h4 {
	font-size: 30px;
	color: #ffffff;
}

.servicetemplate-page .link-block .seo-service-block .seo-service.unsure-get-touch .service-default .inner p {
	color: #ffffff;
}

.servicetemplate-page .link-block .seo-service-block .seo-service.unsure-get-touch .service-default .inner .spectrum-button {
	min-width: 220px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: 500;
	font-size: 16px;
}

.servicetemplate-page .casestudies-tab .casestudies,
.servicetemplate-inner .casestudies-tab .casestudies {
	min-height: 130px;
	float: left;
	width: 50%;
	transform: skew(-20deg);
	border-right: none;
	overflow: hidden;
	cursor: pointer;
	background: #fff
}

.servicetemplate-page .casestudies-tab .casestudy,
.servicetemplate-inner .casestudies-tab .casestudy {
	min-height: 130px;
	text-align: center;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	width: calc(100% +100px);
	overflow: hidden;
	background-size: 100% !important;
	transform: skew(20deg);
	margin-left: -50px
}

.servicetemplate-page .casestudies-tab .casestudy a,
.servicetemplate-inner .casestudies-tab .casestudy a {
	font-size: 18px
}

.servicetemplate-page .casestudies.view-case-button,
.servicetemplate-inner .casestudies.view-case-button {
	width: 34% !important;
	box-shadow: none
}

.servicetemplate-page .casestudies.view-case-button .view-case-button-inner,
.servicetemplate-inner .casestudies.view-case-button .view-case-button-inner {
	line-height: 130px;
	transform: skew(20deg);
	top: 0
}

.servicetemplate-page .casestudies.view-case-button .view-case-button-inner a,
.servicetemplate-inner .casestudies.view-case-button .view-case-button-inner a {
	font-weight: 300;
	text-transform: capitalize;
	font-size: 18px;
	line-height: 130px;
	transform: none
}

.servicetemplate-page .casestudies.changeatab,
.servicetemplate-inner .casestudies.changeatab {
	background: #000
}

.servicetemplate-page .casestudies-tabbing,
.servicetemplate-inner .casestudies-tabbing {
	width: 66%
}

.servicetemplate-page .question-block {
	padding: 160px 0;
	text-align: center;
	background: #e9e9e9;
}

.servicetemplate-page .question-block h4 {
	margin: 0;
}

.servicetemplate-page .question-block .question-scroll {
	width: 100%;/*height: 200px;*/
	overflow: hidden;
	position: relative;
	margin: 110px 0 0;
}

.servicetemplate-page .question-block .question-scroll #question-area {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	overflow: auto;
	right: -17px;
	padding: 0 17px 0 0;
}

.servicetemplate-page .question-block .question-scroll #question-area .que-items {
	max-width: 67%;
	margin: 0 auto;
}

.servicetemplate-page .question-block .question-scroll #question-area .que-items h4 {
	margin-bottom: 35px;
}

.servicetemplate-page .question-block .question-scroll #question-area .que-items p {
	margin-bottom: 35px;
}

.servicetemplate-page .collout-box .single-collout {
	background: #e9e9e9;
	padding: 110px 0;
	position: relative;
}

.servicetemplate-page .collout-box .single-collout .container {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.servicetemplate-page .collout-box .single-collout:last-child:after {
	display: none;
}

.servicetemplate-page .collout-box .single-collout.reverse-single-collout {
	background: #f6f6f6;
	padding: 225px 0;
}

.servicetemplate-page .collout-box .single-collout.reverse-single-collout .container {
	flex-direction: row;
}

.servicetemplate-page .collout-box .single-collout.reverse-single-collout:after {
	content: '';
	background-color: #e9e9e9;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	-webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-page .collout-box .single-collout.reverse-single-collout:before {
	content: '';
	background-color: #e9e9e9;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-page .collout-box .single-collout .colboxcontent {
	width: 60%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start
}

.servicetemplate-page .collout-box .single-collout .colboxcontent .contentbox {
	max-width: 600px;
	margin-right: 0;
	text-align: right;
	margin-left: auto;
}

.servicetemplate-page .collout-box .single-collout.reverse-single-collout .colboxcontent .contentbox {
	margin-left: 0;
	text-align: left;
}

.servicetemplate-page .collout-box .single-collout .colbox-image {
	width: 40%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	float: right
}

.servicetemplate-page .collout-box .single-collout .colbox-image img {
	max-width: 100%;
	max-height: 100%
}

.client-block {
	background: #ffffff;
	padding: 70px 0 100px;
	text-align: center;
	position: relative;
}

.client-block:before {
	content: '';
	background-color: #ffffff;
	position: absolute;
	bottom: 99.9%;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	-webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
}

.client-block p {
	margin: 0 0 35px;
}

.client-block .client-logos {
	margin: 70px auto 0;
	padding: 0;
	max-width: 85%;
}

.client-block .client-logos li {
	display: inline-block;
	max-width: 22.7%;
	list-style: none;
	padding: 0;
	margin: 0 0 0 30px;
}

.client-block .client-logos li:first-child {
	margin: 0;
}

.client-block .client-logos li img {
	max-width: 100%;
	height: auto;
}

.servicetemplate-banner {
}

.servicetemplate-banner .right-block {
	position: absolute;
	right: 0;
	top: 0px;
	width: 32.5%;
	z-index: 999;
	padding-top: 120px;
	will-change: transform;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

.servicetemplate-banner .contact-form {
	margin-top: 30px;
	padding: 10%;
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	margin: 0 0 25px;
}

.servicetemplate-banner .contact-form .gform_wrapper h3.gform_title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields {
	margin: 60px 0 0 !important;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield {
	width: 100%;
	display: inline-block;
	clear: none;
	list-style: none !important;
	margin: 25px 0 0;
	padding: 0;
	float: none !important;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield:first-child {
	margin: 0;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield .gfield_label {
	color: #152c3e;
	font-weight: 400;
	font-size: 14px;
	padding: 7px;
	display: none;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield input {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #cccccc;
	color: #152c3e;
	font-weight: 400;
	font-size: 14px;
	padding: 20px 7px;
	width: 100%;
	height: auto;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield.gfield_error input {
	border: 0 !important;
	border-bottom: 2px solid red !important;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield input:focus::-webkit-input-placeholder {
	color: transparent
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield input::-moz-input-placeholder,
.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields li.gfield input::-webkit-input-placeholder {
	color: #152c3e !important;
	font-weight: 100;
	font-size: 14px
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 input[type="submit"] {
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 14px;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 input[type="submit"]:hover {
	background: #000000;
}

.servicetemplate-banner .contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	display: none;
}

/* rating */
.servicetemplate-banner .google-block {
	padding: 25px 35px;
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	margin: 0 0 25px;
}

.servicetemplate-banner .google-block img.g-icon {
	float: left;
	width: 65px;
	margin: 0;
}

.servicetemplate-banner .google-block .review-content {
	float: right;
	width: 75%;
}

.servicetemplate-banner .google-block .review-content .g-result {
	display: inline-block;
	vertical-align: middle;
}

.servicetemplate-banner .google-block .review-content .g-result ul {
	margin: 0;
	padding: 0;
}

.servicetemplate-banner .google-block .rating-count {
	margin-top: 5px;
}

.servicetemplate-banner .google-block .review-content .g-result ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.servicetemplate-banner .google-block .review-content .review-count {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #071623;
	margin: 5px 0 0;
	text-transform: uppercase;
	display: block;
}

.servicetemplate-banner .google-block .stars {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==) repeat-x;
	width: 120px;
	margin: 0 auto;
	display: inline-block;
	background-size: 24px;
}

.servicetemplate-banner .google-block .stars:after,
.rating .stars:before {
	display: table;
	content: ""
}

.servicetemplate-banner .google-block .stars:after {
	clear: both
}

.servicetemplate-banner .google-block .value {
	font-size: 18px;
	color: #FCCC0C;
	font-weight: bold;
	vertical-align: top;
	display: inline-block;
	margin-top: 2px;
	margin-right: 5px;
}

.servicetemplate-banner .google-block .stars label {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: -999em;
	float: left;
	position: relative;
	z-index: 10;
	background: transparent !important;
	cursor: pointer;
}

.servicetemplate-banner .google-block .stars span {
	display: block;
	margin: 0;
	width: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 24px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 -60px;
	-webkit-transition: -webkit-width 0.5s;
	-moz-transition: -moz-width 0.5s;
	-ms-transition: -ms-width 0.5s;
	-o-transition: -o-width 0.5s;
	transition: width 0.5s;
	background-position: 0 -48px;
	background-size: 24px;
}

/* end rating */
.servicetemplate-banner .container {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.servicetemplate-banner .banner-content {
	width: 50%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0;
	flex-direction: row;
	align-self: center;
	padding: 0 0 130px;
	position: relative;
}

.servicetemplate-banner .banner-content .title {
	display: block;
	width: 100;
	margin-bottom: 35px;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 32px;
	font-weight: 500;
}

.servicetemplate-banner .banner-content p {
	width: 100%;
	color: #ffffff;
	font-weight: normal;
}

.servicetemplate-banner .banner-content img {
	position: absolute;
	right: 0;
	bottom: 0;
}

.servicetemplate-inner {
	background: #ffffff;
	position: relative;
}

.servicetemplate-inner:before {
	content: '';
	background-color: #ffffff;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 0 0, 100% 100%);
	-webkit-clip-path: polygon(0% 100%, 0 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-inner .col-left {
	float: left;
	width: 60%;
}

.servicetemplate-inner .defualt-page {
	margin: 0;
	padding: 60px 0 90px;
}

.servicetemplate-inner .defualt-page h1 {
	font-size: 30px;
	color: #000;
	text-transform: none !important;
	font-weight: bold;
}

.servicetemplate-inner .defualt-page h2 {
	font-size: 30px;
	line-height: 40px;
	text-transform: none !important;
	font-weight: normal !important;
}

.servicetemplate-inner .defualt-page h3 {
	font-size: 30px;
	line-height: 40px;
	text-transform: none !important;
	font-weight: normal !important;
}

.servicetemplate-inner .defualt-page h4 {
	line-height: 32px;
}

.servicetemplate-inner .defualt-page h5 {
	line-height: 40px;
}

.servicetemplate-inner .defualt-page h6 {
	line-height: 32px;
}

.servicetemplate-inner .col-left h5 {
	text-transform: uppercase;
	font-weight: bold;
}

.servicetemplate-inner .col-left ul {
	margin: 35px 0;
}

.servicetemplate-inner .col-left ul li {
	position: relative;
	padding-left: 35px;
	text-indent: 10px;
}

.servicetemplate-inner .col-left ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7.5px;
	width: 20px;
	height: 20px;
	background: url(images/tick-spectrum.svg) 0 0 !important;
	background-size: auto auto;
	background-size: 100% auto !important;
}

.servicetemplate-inner .client-block {
	border-top: 1px solid #e1e1e1;
}

.servicetemplate-inner .client-block::before {
	display: none;
}

#gform_wrapper_5 .top_label input.medium {
	width: 100% !important;
	border: none !important
}

#gform_wrapper_5 .top_label div.ginput_container {
	margin-top: 0 !important
}

#gform_wrapper_5 .gform_body {
	width: 82.5%;
	display: inline-block
}

#gform_wrapper_5 .gform_footer {
	width: 16.1666%;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin: 34px 0 0 0 !important;
	padding: 0 0 !important
}

#gform_wrapper_5 .input-label {
	display: none;
}

#gform_wrapper_5 .gfield_description {
	width: 80%;
	font-size: 14px;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	color: #fff;
	display: block;
	text-align: left;
	height: 40px;
	position: absolute;
	top: 0
}

#gform_wrapper_5 ul.gform_fields {
	margin: 0 !important
}

#gform_wrapper_5 ul li.gfield {
	clear: none;
	padding: 0 20px !important;
	margin: 0 0 !important;
	width: 25%;
	height: 40px
}

#gform_wrapper_5 ul li.gfield .gfield_label {
	display: none
}

#gform_wrapper_5 .validation_message.label-yoko::after {
	content: none
}

#gform_wrapper_5 .validation_message.label-yoko::before {
	content: none
}

#gform_wrapper_5 .gform_heading span {
	text-align: center;
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 100;
	width: 100% !important;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	line-height: normal;
	letter-spacing: 0.05em
}

#gform_wrapper_5 .ginput_container input {
	padding: 0 !important;
	height: 40px;
	margin: 0 0 !important;
	transition: all 0.3s;
	color: #fff;
	font-family: brandon-grotesque, sans-serif !important;
	font-size: 20px !important
}

#gform_wrapper_5 .field_description_below .gfield_description.active {
	padding-left: 20px;
	color: #0c2d3f
}

#gform_wrapper_5 .input--filled .content-yoko {
	top: 30px;
	font-size: 14px
}

#gform_wrapper_5 .gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 25% !important
}

#gform_wrapper_5 li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0 !important
}

.servicetemplate-page .collout-box .single-collout.reverse-single-collout {
	padding: 8% 0;
}

.servicetemplate-page .question-block .question-scroll #question-area {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

.servicetemplate-page .question-block .question-scroll::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}

.servicetemplate-page .question-block .question-scroll::-moz-scrollbar {
	width: 0px;
	background: transparent;
}

.servicetemplate-page .question-block {
	width: 100%;
}

.servicetemplate-page .question-block .question-scroll {
	width: 110%;
	overflow: auto !important;
}

.servicetemplate-banner .contact-form.is_stuck {
	padding: 3%;
	position: fixed !important;
	top: 50px !important;
	bottom: inherit !important;
}

.servicetemplate-inner .col-left h5 {
	line-height: 1.4;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 input[type="submit"] {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-appearance: none;
}

.question-block .container {
	overflow: hidden;
}

.servicetemplate-inner .col-left img {
	height: auto;
	max-width: 100%;
	margin: 15px 0;
}

.powerby-section {
	padding: 10px;
	background-color: #fff;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	position: relative
}

.powerby-section:before {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	padding-bottom: 4%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);/* safari fix */
	-webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99
}

.powerby-section .logo {
	height: 30px;
	margin: 0
}

.powerby-section .casestudy-inner-logo .project-category.cms-block {
	bottom: auto
}

.powerby-section .casestudy-inner-logo .cms-block .cms i {
	color: #0d2c40
}

.powerby-section .poweredby-links a {
	transition: all 0 ease-out
}

.powerby-section ul li a {
	color: #0d2c40
}

.powerby-section-link-block a {
	position: relative;
	display: inline-block;
	z-index: 9999;
	vertical-align: top;
	background-size: 100% !important;
	margin-bottom: 12px;
	background-position: 0 0 !important
}

.powerby-section-link-block ul li {
	display: inline;
	font-size: 16px;
	margin: 0
}

.powerby-section-link-block a img {
	height: 30px;
	position: relative;
	top: -5px;
	opacity: .65;
	margin-left: 5px
}

.powerby-section-inner {
	position: relative;
	margin: 0 auto;
	max-width: 700px;
	height: auto
}

.quote-profile-block {
	padding: 30px 0 0;
	border-top: 1px solid #e1e1e1
}

.quote-profile-block .profile-text {
	padding-top: 20px
}

.quote-profile-block .profile-text img {
	float: left;
	margin-right: 30px;
	padding-right: 10px;
	min-height: 60px
}

/*10-05-2018*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
	letter-spacing: 0.03em
}

nav ul li {
	font-size: 13px;
	font-family: lato;
	font-weight: bold;
}

nav ul li a {
	padding: 30px 23px;
}

.get-touch a {
	font-weight: 400;
	padding: 0 20px;
}

/*Home page*/
.home p {
	font-size: 16px;
	font-family: sans-serif;
	line-height: 32px;
	font-weight: 300;
}

.service-text-inner h1,
.service-text-inner h2 {
	font-size: 24px;
	font-family: sans-serif;
	font-weight: 300;
}

.view-button a {
	font-family: sans-serif;
	padding: 12px 25px;
}

.home .spectrum-animation-service .inner p {
	font-size: 20px;
	margin-top: 30px;
	font-weight: 400;
	line-height: 40px;
}

.tellus h3 {
	font-size: 26px !important;
	font-family: sans-serif;
	font-weight: 400;
}

.title {
	font-size: 16px;
	font-weight: 900;
}

.option-open-block p {
	font-size: 14px;
}

.spectrum-default-txt h3 {
	font-weight: 500;
}

.home .spectrum-default-txt p {
	font-weight: 300;
	font-size: 24px;
}

.blog-block .blog .title {
	font-size: 16px;
	font-weight: 400;
}

.testimonial-contact p {
	font-size: 24px;
}

.our-team-block h3 {
	font-size: 24px;
	font-weight: 400;
}

.all-team .member-name {
	font-size: 14px;
}

.client-block p {
	font-size: 16px;
}

.bio-wrap h1 {
	font-size: 30px;
	font-weight: 500;
}

.servicetemplate-page:before {
	background-color: #f6f6f6;
}

.banner-text p,
.banner-text p span {
	font-size: 16px;
}

/*Spectrum*/
.page-id-5669 h1,
.page-id-5669 h2,
.page-id-5669 h3,
.page-id-5669 h4 {
	font-family: lato;
	font-weight: normal;
	font-size: 24px;
}

.page-id-5669 p {
	font-family: sans-serif;
	font-size: 16px;
}

.page-id-5669 .success-stories h3 {
	font-size: 26px;
	font-weight: 500;
	font-family: inherit;
}

.page-id-5669 .success-stories p {
	font-weight: 300;
	font-size: 24px;
}

/*service-template*/
.servicetemplate-banner .banner-text .title {
	font-size: 30px;
	font-weight: 400;
}

.servicetemplate-page .pagecontent-top h1,
.servicetemplate-page h1,
.servicetemplate-page .pagecontent-top h2,
.servicetemplate-page h2,
.servicetemplate-page h3,
.servicetemplate-page h4 {
	font-family: lato;
	font-weight: normal !important;
	font-size: 24px !important;
}

.servicetemplate-page .pagecontent-top p,
.servicetemplate-page p {
	font-family: sans-serif;
	font-size: 16px;
}

.seo-service-block .seo-service .seo-service-inner .title {
	font-size: 16px;
}

.seo-service-block .seo-service p {
	font-size: 14px;
}

.servicetemplate-inner .defualt-page h1,
.servicetemplate-inner .defualt-page h2,
.servicetemplate-inner .defualt-page h3,
.servicetemplate-inner .defualt-page h4 {
	font-family: lato;
	font-weight: normal !important;
	font-size: 24px !important;
}

.servicetemplate-inner .defualt-page p {
	font-size: 16px;
}

.servicetemplate-inner .default li {
	font-size: 16px;
}

/*case studies-template*/
.case_studies-template-default h1,
.case_studies-template-default h2,
.case_studies-template-default h3,
.case_studies-template-default h4 {
	font-family: lato;
	font-size: 24px;
	font-weight: normal;
}

.case_studies-template-default p {
	font-size: 16px;
}

.adam-contact p {
	font-size: 20px;
}

.profile-text {
	line-height: 30px;
	font-size: 16px;
}

.ctc-main .ctc .percent {
	font-weight: 300;
	font-size: 50px;
}

/*About us*/
.page-template-about-us-landing-page h2,
.page-template-about-us-landing-page h3,
.page-template-about-us-landing-page h4 {
	font-family: lato;
	font-size: 24px;
}

.page-template-about-us-landing-page p {
	font-size: 16px;
}

.page-template-our-team-landing-page h2,
.page-template-our-team-landing-page h3,
.page-template-our-team-landing-page h4 {
	font-family: lato;
	font-size: 24px !important;
}

.page-template-our-team-landing-page p {
	font-size: 16px;
}

/*Blog*/
.blog h1,
.blog h2,
.blog h3,
.blog h4 {
	font-family: lato;
	font-size: 24px;
	font-weight: normal;
}

.blog p {
	font-family: sans-serif;
	font-size: 16px;
}

.blog-block .blog .title {
	font-size: 16px;
	font-weight: 400;
}

.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4 {
	font-family: lato;
	font-size: 24px;
	font-weight: normal;
}

.single-post p {
	font-family: sans-serif;
	font-size: 16px;
}

.single-post .blogdetail-main .inner-big {
	min-height: 500px;
}

.single-post .inner-banner .banner-text h1 {
	padding-bottom: 20px;
	font-weight: 300;
}

.servicetemplate-banner .contact-form .inner-form #gform_wrapper_6 .gform_fields {
	margin: 20px 0 0 !important;
}

/*spectrum-footer*/
.spectrum-footer {
	width: 100%;
	display: table;
	padding: 85px 0px 100px;
	box-sizing: border-box;
}

.spectrum-footer .logo {
	width: 346px;
	float: left;
	margin: 50px 90px 50px 0px;
}

.spectrum-footer .right {
	float: left;
	border-left: 3px solid #FFF;
	padding: 20px 0px 20px 85px;
}

.spectrum-footer .right h6 {
	font-size: 32px;
	font-weight: 400;
	color: #FFF;
	font-family: 'Lato', sans-serif;
}

.spectrum-footer .right a {
	font-size: 18px;
	font-weight: 600;
	border: 1px solid #FFF;
	border-radius: 3px;
	font-family: 'Lato', sans-serif;
	color: #FFF;
	padding: 16px 30px 18px 30px;
	margin-top: 25px;
	float: left;
}

/*Career*/
.servicetemplate-page.careerstemplate-page,
.servicetemplate-page.careerstemplate-page:before {
	background-color: #FFF;
}

.servicetemplate-banner.careertemplate-banner {
	min-height: 600px;
}

.servicetemplate-banner.careertemplate-banner .banner-text .title {
	text-transform: uppercase !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.servicetemplate-banner.careertemplate-banner .banner-text p {
	font-family: 'Lato', sans-serif;
}

.job-post {
	width: 100%;
	display: table;
	padding: 145px 0px 110px;
}

.job-post ul {
	width: 100%;
	display: table;
	margin: 0px;
	padding: 0px 20px;
	box-sizing: border-box;
}

.job-post ul li {
	width: 100%;
	float: left;
	list-style: none;
	text-align: left;
	padding: 80px 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	font-family: 'Lato', sans-serif;
}

.job-post ul li:last-child {
	border: none;
}

.job-post ul li ul {
	padding: 0px;
}

.job-post ul li ul li {
	padding: 0px;
	border: none;
}

.job-post ul li ul li:nth-child(1) {
	width: 24%;
	float: left;
	padding: 0px 10px;
}

.job-post ul li ul li:nth-child(2) {
	width: 51%;
	float: left;
}

.job-post ul li ul li:nth-child(3) {
	width: 25%;
	float: left;
	padding-right: 70px;
}

.job-post ul li.post-header {
	padding: 0px;
	border: none;
}

.job-post ul li.post-header li {
	font-size: 24px;
	text-transform: uppercase;
	color: #aaaaaa;
	font-weight: 600;
}

.job-post ul li ul li h3 {
	color: #092c3e;
	width: 100%;
	float: left;
	font-size: 28px;
	text-transform: initial;
	font-weight: 100;
	line-height: 38px;
	margin-bottom: 23px;
	font-weight: 600;
	text-align: left;
}

.job-post ul li ul li h3 span {
	display: block;
}

.job-post ul li ul li .badge {
	color: #FFF;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	min-width: 145px;
	padding: 8px;
	background-color: #aeaeae;
	text-align: center;
	border-radius: 0px;
	line-height: normal;
}

.job-post ul li ul li .expired-job.badge {
	background-color: #aeaeae;
}

.job-post ul li ul li .new-job.badge {
	background-color: #93128b;
}

.job-post ul li ul li p {
	color: #082c3e;
	font-size: 17px;
	line-height: 32px;
}

.job-post ul li ul li .apply-btn {
	font-size: 14px;
	text-transform: uppercase;
	min-width: 190px;
	padding: 15px 10px;
	text-align: center;
	background-color: #0d2c40;
	border: 1px solid #0d2c40;
	color: #FFF;
	cursor: pointer;
	float: right;
	font-weight: 600;
}

.job-post ul li ul li .apply-btn:hover {
	background-color: transparent;
	color: #0d2c40;
}

/*Careers Single*/
.servicetemplate-banner.careers-single-banner {
	min-height: 700px;
}

.careers-single-banner .banner-text {
	right: 0;
	width: 100%;
	left: auto;
	text-align: center;
	font-family: 'Lato', sans-serif;
	padding-bottom: 50px;
}

.careers-single-banner .banner-text .title {
	text-transform: uppercase !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.careers-single-banner .banner-text p {
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 400 !important;
}

.careers-single-banner .banner-text ul {
	margin: 35px auto 0;
	width: auto;
	float: none;
	display: table;
}

.careers-single-banner .banner-text ul li {
	list-style: none;
	color: #FFF;
	width: 100%;
	float: left;
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 30px;
	font-weight: 400;
}

.servicetemplate-page.careers-single-page,
.servicetemplate-page.careers-single-page:before {
	background-color: #FFF;
}

.career-inquiry-form {
	position: relative;
	max-width: 1000px;
	margin-top: -130px;
	z-index: 99;
}

.career-inquiry-form .contact-form {
	margin-top: 30px;
	padding: 55px 70px;
	background: #ffffff;
	-webkit-box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.2);
	margin: 0 0 25px;
}

.single-careers.postid-6409 .career-inquiry-form .contact-form {
	margin-top: -115px;
	display: inline-block;
	width: 100%;
}

.career-inquiry-form ul.gform_fields li.gfield.gfield_html {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px !important;
	text-align: center;
}

.career-inquiry-form .gform_wrapper .top_label input.medium,
.career-inquiry-form .gform_wrapper .top_label select.medium {
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #cccccc;
	color: #152c3e;
	font-weight: 400;
	font-size: 14px;
	width: 100%;
	height: auto;
	padding: 10px 7px !important;
	height: 55px;
}

.career-inquiry-form .gform_wrapper textarea.medium {
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #cccccc;
	color: #152c3e;
	font-weight: 400;
	font-size: 14px;
	padding: 10px 7px;
	width: 100%;
	height: 50px;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i] {
	border: none;
	padding: 0px !important;
	height: auto;
	margin-top: 25px;
	margin-left: -80px;
	font-size: 12px;
	color: #152c3e;
	height: 38px;
	width: 75.5% !important;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:hover,
.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:focus {
	outline: none;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:before {
	content: 'Choose File...';
	background-color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: 3px solid #cccccc;
	padding: 6px 10px;
	position: absolute;
	min-width: 145px;
	display: table;
	text-align: center;
	color: #000;
	font-weight: bold;
	margin-bottom: 0px;
	cursor: pointer;
	right: 0;
	bottom: 6px;
	transition: all 0.3s;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:after {
	content: '';
	background-color: #cccccc;
	height: 3px;
	position: absolute;
	min-width: 225px;
	display: table;
	left: 0;
	bottom: 6px;
}

.career-inquiry-form .gform_body li.gfield_error input[type="file"i]:after {
	background-color: red;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:hover:before {
	background: #0d2c40;
	border-color: #0d2c40;
	color: #FFF;
	transition: all 0.3s;
}

.career-inquiry-form .gform_wrapper ul li.gfield.file-upload {

	/*margin-bottom: 15px !important; margin-top: 40px !important;*/
}

.career-inquiry-form .file-upload .validation_message {
	display: none;
}

.career-inquiry-form .gform_wrapper ul.gform_fields li.gfield {
	position: relative;
	padding-right: 0;
}

.career-inquiry-form .gform_wrapper .top_label .gfield_label {
	position: absolute;
	bottom: -25px;
	left: 5px;
	font-size: 12px;
	left: 5px;
	font-weight: 100;
	display: none;
}

.career-inquiry-form .gform_wrapper ul li.gfield {
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0;
	margin-bottom: 30px !important;
}

.career-inquiry-form .gform_wrapper .field_description_below .gfield_description {
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 20px;
	display: none;
}

.career-inquiry-form .gform_wrapper .gform_footer input[type=submit] {
	min-width: 235px;
	font-size: 14px !important;
	text-transform: uppercase;
	margin-top: 15px !important;
	font-weight: bold !important;
	margin: 0px auto !important;
	display: table;
}

.career-inquiry-form .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: #000;
}

.career-inquiry-form .gform_wrapper .gfield_required {
	color: #152c3e;
	display: none !important;
}

.career-inquiry-form .gform_wrapper.gform_validation_error .top_label input.medium,
.career-inquiry-form .gform_wrapper.gform_validation_error .top_label select.medium {
	width: 100%;
}

.career-inquiry-form .gform_body li.gfield_error input {
	border: none !important;
	border-bottom: 3px solid red !important;
}

.career-inquiry-form .gform_wrapper .gfield_error .gfield_label .gfield_required {
	color: #790000;
}

.career-inquiry-form .gform_wrapper .top_label li.gfield.gf_left_half {
	width: 47% !important;
}

.career-inquiry-form .gform_wrapper .top_label li.gfield.gf_right_half {
	width: 47% !important;
	float: right;
	overflow: hidden;
}

.career-inquiry-form .contact-form input[type=text] {
	max-width: 100%;
}

.career-inquiry-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 8px;
}

.careers-single-details {
	width: 100%;
	display: table;
	padding: 70px 20px 120px;
	box-sizing: border-box;
}

.careers-single-details h1 {
	font-size: 26px;
	color: #132c3d;
	font-family: lato;
	font-weight: normal;
	text-transform: capitalize;
	margin-bottom: 60px;
	line-height: 34px;
}

.careers-single-details p {
	color: #122b3c;
	font-family: sans-serif;
	font-size: 16px;
	width: 100%;
	float: left;
}

.careers-single-details .video-image {
	background-color: #e1e0e0;
	float: left;
	width: auto;
	margin: 85px 0px 20px;
}

.careers-single-details .video-image img {
	width: 100%;
	display: table;
}

.careers-single-details h2,
.careers-single-details h3,
.careers-single-details h4 {
	font-size: 26px;
	color: #132c3d;
	font-family: lato;
	font-weight: normal;
	text-transform: capitalize;
	margin: 60px 0px;
	width: 100%;
	float: left;
	line-height: 34px;
}

.careers-single-details h3 {
	margin: 60px 0px 50px;
}

.careers-single-details ul {
	float: left;
	padding: 0px;
	margin: 0px 60px 0px;
}

.careers-single-details ul li {
	float: left;
	list-style: none;
	font-size: 16px;
	line-height: 30px;
	color: #132c3d;
	font-family: sans-serif;
	position: relative;
	padding-left: 45px;
	width: 100%;
}

.careers-single-details ul li:before {
	content: '';
	background: url(images/right.png) no-repeat left 5px;
	position: absolute;
	left: 0px;
	padding: 10px;
}

.careers-single-details .apply-btn {
	font-size: 14px;
	text-transform: uppercase;
	min-width: 235px;
	padding: 15px 10px;
	text-align: center;
	background-color: #0d2c40;
	border: 1px solid #0d2c40;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-weight: 600;
	margin-top: 100px;
}

.careers-single-details .apply-btn:hover {
	background-color: transparent;
	color: #0d2c40;
}

.client-logos-slider {
	display: none;
}

/*Profile*/
.team-details-main .body-content .content-main {
	width: 64%;
}

.team-details-main .body-content .content-main h1 {
	color: #0d2c40 !important;
	font-size: 42px;
	text-transform: capitalize;
}

.team-details-main .body-content .content-main h4 {
	color: #0d2c40 !important;
	font-size: 24px;
}

.team-details-main .body-content .profile-image {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	width: 281px;
	height: 281px;
	float: left;
	margin-top: -220px;
	background-color: #FFF;
	position: relative;
}

.team-details-main .body-content .profile-image img {
	position: absolute;
	top: 30px;
	left: 10px;
	margin: 0px auto;
	display: table;
	height: auto;
	width: 100%;
}

.team-details-main .profile-details {
	float: left;
	margin-top: 100px;
}

.team-details-main .profile-details p {
	color: #0d2c40;
	font-size: 20px;
	line-height: 37px;
	width: 100%;
	margin: 40px 0px;
}

.team-details-main .profile-details .title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

.team-details-main .profile-details .title span {
	font-size: 16px;
	font-weight: 200;
}

.team-details-main .body-content-right {
	padding: 70px;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	float: right;
	margin-top: 300px;
}

.team-details-main .body-content-right .contact-wtih-concern {
	padding-top: 55px;
}

.team-details-main .body-content-right .contact-wtih-concern .contact a {
	margin-bottom: 20px;
	float: left;
}

.team-details-main .body-content-right .contact-wtih-concern ul {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.team-details-main .body-content-right .contact-wtih-concern ul li i {
	font-size: 30px;
}

.team-details-main .body-content-right .go-link:hover {
	color: #0d2c40;
}

.team-details-main .body-content-right .google-block {
	padding: 25px 35px;
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	margin: 0 0 25px;
}

.team-details-main .body-content-right .google-block img.g-icon {
	float: left;
	width: 65px;
	margin: 0;
}

.team-details-main .body-content-right .google-block .review-content {
	float: right;
	width: 75%;
}

.team-details-main .body-content-right .google-block .review-content .rating-count span {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #eab73f;
	display: inline-block;
	vertical-align: middle;
}

.team-details-main .body-content-right .google-block .review-content .g-result {
	display: inline-block;
	vertical-align: middle;
}

.team-details-main .body-content-right .google-block .review-content .g-result ul {
	margin: 0;
	padding: 0;
}

.team-details-main .body-content-right .google-block .review-content .g-result ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.team-details-main .body-content-right .google-block .review-content .review-count {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #071623;
	margin: 15px 0 0;
	text-transform: uppercase;
	display: block;
}

.single-our_team .servicetemplate-page:before {
	display: none;
}

.single-our_team .inner-banner.inner-big {
	height: 600px;
	background-position: center !important;
}

.blog-block {
	padding: 100px 0 15px;
}

.common-blog-part .title {
	font-size: 40px;
	margin-bottom: 90px;
}

.bloguser img {
	top: -25px;
}

.blog-block .blog .title {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	margin: 40px 0px 35px;
}

.single-our_team.postid-6859 .blog-block .blog .title {
	min-height: 84px;
}

.single-our_team.postid-6859 .blog-block .blog p {
	min-height: 130px;
}

.single-our_team .servicetemplate-banner .right-block {
	position: relative;
	float: right;
	width: 32.7%;
	padding-top: 50px;
	margin-bottom: 150px;
}

.single-our_team a.go-link:hover {
	color: #0d2c40 !important;
}

.single-our_team a.go-link {
	font-size: 16px;
}

.team-details-main .body-content .title {
	font-size: 16px;
}

/*our-philosophy*/
.servicetemplate-page.philosophytemplate-page,
.servicetemplate-page.philosophytemplate-page:before {
	background: #FFF;
}

.philosophytemplate-page .method-block.get-in-touch-slider {
	padding-bottom: 20px;
}

.philosophytemplate-page .method-block.get-in-touch-slider .owl-carousel .owl-stage-outer {
	z-index: 1;
}

.philosophytemplate-page .method-block.get-in-touch-slider .container {
	display: table;
}

.philosophytemplate-page .method-block:before,
.servicetemplate-page .method-block:after {
	display: none;
}

.philosophytemplate-page .get-in-touch-slider .success-stories:before {
	content: '';
	background-color: #FFF;
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	z-index: 99;
}

.philosophytemplate-page .get-in-touch-slider .success-stories:after {
	content: '';
	background-color: #FFF;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	-webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
}

.philosophytemplate-page .owl-carousel .owl-item img {
	width: auto;
	margin: 0px auto;
	display: table;
}

.philosophytemplate-page .slider-part .slider-details {
	padding: 170px 10px;
	position: relative;
	z-index: 999;
}

.philosophytemplate-page .slider-part .slider-details h3 {
	margin: 40px auto 50px;
	display: table;
	text-transform: inherit;
	font-weight: 100;
	font-size: 29px;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
}

.philosophytemplate-page .slider-part .slider-details a {
	margin: 0px auto;
	display: table;
	padding: 14px;
	background-color: transparent;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	min-width: 190px;
	text-align: center;
	border: 2px solid #FFF;
	color: #FFF;
	font-family: 'Lato', sans-serif;
}

.philosophytemplate-page .slider-part .slider-details a:hover {
	background-color: #FFF;
	color: #27bac3;
}

.philosophytemplate-page .success-stories ul.sliders li.slider-part {
	min-height: 630px;
}

.philosophytemplate-page .owl-controls .owl-dots {
	display: none !important;
}

.philosophytemplate-page .owl-carousel .owl-controls .owl-nav .owl-prev,
.philosophytemplate-page .owl-carousel .owl-controls .owl-nav .owl-next {
	display: block !important;
	font-size: 0px;
	padding: 25px 19px;
	opacity: 0.3;
	transition: all 0.3s;
	position: relative;
	z-index: 9;
}

.philosophytemplate-page .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.philosophytemplate-page .owl-carousel .owl-controls .owl-nav .owl-next:hover {
	opacity: 1;
	transition: all 0.3s;
}

.philosophytemplate-page .owl-carousel .owl-controls .owl-nav .owl-prev {
	float: left;
	margin-left: 50px;
	background: url(images/arrow-prev.png);
	background-repeat: no-repeat;
}

.philosophytemplate-page .owl-carousel .owl-controls .owl-nav .owl-next {
	float: right;
	margin-right: 50px;
	background: url(images/arrow-next.png);
	background-repeat: no-repeat;
}

.philosophytemplate-page .success-stories .owl-controls {
	bottom: 50%;
	width: 100%;
}

.philosophytemplate-page .success-stories .slider-part:before {
	background: transparent;
}

.philosophytemplate-page .success-stories .owl-controls {
	z-index: unset;
}

.servicetemplate-banner.philosophy-banner {
	min-height: 830px;
}

.philosophy-icon {
	margin: 70px auto;
	display: table;
}

.servicetemplate-banner.philosophy-banner h4 {
	font-size: 22px;
	color: #FFF;
	margin-bottom: 55px;
}

.philosophy-details {
	width: 100%;
	display: table;
	margin-top: 130px;
}

.philosophy-details li {
	width: 50%;
	float: left;
	list-style: none;
	box-sizing: border-box;
	margin-top: 110px;
}

.philosophy-details li:nth-child(1),
.philosophy-details li:nth-child(2) {
	margin-top: 0px;
}

.philosophy-details li:nth-child(even) {
	padding: 0px 40px 0px 60px;
}

.philosophy-details li:nth-child(odd) {
	padding: 0px 60px 0px 40px;
}

.philosophy-details li img {
	float: left;
}

.philosophy-details li h5 {
	text-transform: uppercase;
	font-family: lato;
	font-weight: 300;
	font-size: 20px;
	color: #152c3d;
	margin: 20px 25px 20px;
	float: left;
}

.philosophy-details li h3 {
	text-transform: uppercase;
	font-family: lato;
	font-weight: 800 !important;
	font-size: 20px !important;
	color: #152c3d;
	float: left;
	width: 100%;
	text-align: left;
	margin: 35px 0px 30px;
}

.philosophy-details li p {
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	float: left;
	min-height: 100px;
}

/*case studies*/
.single-case_studies .powerby-section {
	border-bottom: none;
	padding: 50px 0px 80px;
}

/*.single-case_studies .powerby-section:after{content: ''; background-color: #FFF; position: absolute; bottom: 0px; left: 0; right: 0; padding-bottom: 5%; clip-path: polygon(100% 0, 0 0, 100% 100%); -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%); z-index: 99; box-shadow: 1px 1px 1px #000;}*/
.statistics-section {
	padding: 100px 20px 170px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	position: relative;
}

.statistics-section:before {
	content: "";
	height: 1px;
	width: 200%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	z-index: 99999;
	opacity: .3;
	transform: rotate(2.8deg);
}

.statistics-section h2 {
	color: #0d2c40;
	font-family: lato;
	font-size: 42px;
	font-weight: normal;
	margin: 0px auto 40px;
	display: table;
	text-align: center;
}

.statistics-section p {
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	margin: 0px auto 100px;
	display: table;
	width: 100%;
}

.statistics-section ul {
	width: 100%;
	display: table;
}

.statistics-section ul li {
	width: 30%;
	float: left;
	box-shadow: 10px 0px 50px rgba(0, 0, 0, 0.05);
	list-style: none;
	text-align: center;
	margin-top: 80px;
	padding: 0px;
}

.statistics-section ul li h4 {
	padding: 65px 0px 40px;
	text-transform: uppercase;
	color: #152c3e;
	font-family: lato;
	font-weight: 600;
	margin-bottom: 0;
}

.statistics-section ul li .percentage-value {
	margin: 0px auto 80px;
	display: table;
}

.statistics-section ul li .percentage-value img {
	float: left;
}

.statistics-section ul li .percentage-value span {
	float: left;
	font-size: 50px;
	line-height: 45px;
	padding-left: 10px;
	font-weight: 700;
	font-family: lato;
}

.statistics-section ul li .percentage-value span span {
	float: none;
	padding: 0;
}

/*.statistics-section .skillBar:after{content: ""; background-color: #f6b031; -ms-transform: rotate(-55deg); -webkit-transform: rotate(-55deg); transform: rotate(-55deg); height: 100%; z-index: 99; width: 100%; position: absolute; top: 0;}*/
.statistics-section ul li:nth-child(3n+2) {
	margin-left: 5%;
	margin-right: 5%;
}

.statistics-section ul li:nth-child(1),
.statistics-section ul li:nth-child(2),
.statistics-section ul li:nth-child(3) {
	margin-top: 0px;
}

.statistics-section ul li.statistics-1 .percentage-value span {
	color: #f6b031;
}

.statistics-section ul li.statistics-1 .skillBar:after {
	background-color: #f6b031;
}

.statistics-section ul li.statistics-2 .percentage-value span {
	color: #db3527;
}

.statistics-section ul li.statistics-2 .skillBar:after {
	background-color: #db3527;
}

.statistics-section ul li.statistics-3 .percentage-value span {
	color: #1e9dd8;
}

.statistics-section ul li.statistics-3 .skillBar:after {
	background-color: #1e9dd8;
}

.statistics-section ul li.statistics-4 .percentage-value span {
	color: #38a948;
}

.statistics-section ul li.statistics-4 .skillBar:after {
	background-color: #38a948;
}

.statistics-section ul li.statistics-5 .percentage-value span {
	color: #e75182;
}

.statistics-section ul li.statistics-5 .skillBar:after {
	background-color: #e75182;
}

.statistics-section ul li.statistics-6 .percentage-value span {
	color: #933682;
}

.statistics-section ul li.statistics-6 .skillBar:after {
	background-color: #933682;
}

.statistics-section .codeconSkillbar {
	width: 100%;
	height: 25px;
	position: relative;
	background: #f9f9f9;
	overflow: hidden;
}

.statistics-section #codeconHTML {
	width: 100%;
	animation: Animate-HTML 4s;
	-webkit-animation: Animate-HTML 4s;
	-moz-animation: Animate-HTML 4s;
	-o-animation: Animate-HTML 4s;
	height: 50px;
	position: absolute;
	background-color: #ea8564;
}

@keyframes Animate-HTML {
	from {
		width: 10px;
	}

	to {
		width: 100%
	}

}

@-webkit-keyframes Animate-HTML {
	from {
		width: 10px;
	}

	to {
		width: 100%
	}

}

@-moz-keyframes Animate-HTML {
	from {
		width: 10px;
	}

	to {
		width: 100%
	}

}

@-o-keyframes Animate-HTML {
	from {
		width: 10px;
	}

	to {
		width: 100%
	}

}

.statistics-section #codeconCSS {
	animation: Animate-CSS 5s;
	-webkit-animation: Animate-CSS 5s;
	-moz-animation: Animate-CSS 5s;
	-o-animation: Animate-CSS 5s;
	width: 70%;
	height: 50px;
	position: absolute;
	background-color: #55a69f;
}

@keyframes Animate-CSS {
	from {
		width: 10px;
	}

	to {
		width: 70%
	}

}

@-webkit-keyframes Animate-CSS {
	from {
		width: 10px;
	}

	to {
		width: 70%
	}

}

@-moz-keyframes Animate-CSS {
	from {
		width: 10px;
	}

	to {
		width: 70%
	}

}

@-o-keyframes Animate-CSS {
	from {
		width: 10px;
	}

	to {
		width: 70%
	}

}

.statistics-section #codeconjQuery {
	animation: Animate-jQuery 5s;
	-webkit-animation: Animate-jQuery 5s;
	-moz-animation: Animate-jQuery 5s;
	-o-animation: Animate-jQuery 5s;
	width: 50%;
	height: 50px;
	position: absolute;
	background-color: #99856d;
}

.statistics-section .skillBar {
	width: 5%;
	height: 25px;
	position: absolute;
	background-color: transparent;
	transition: 3s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	transform-origin: 100% 0;
	-ms-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-35deg, 0deg);
}

@keyframes Animate-jQuery {
	from {
		width: 10px;
	}

	to {
		width: 50%
	}

}

@-webkit-keyframes Animate-jQuery {
	from {
		width: 10px;
	}

	to {
		width: 50%
	}

}

@-moz-keyframes Animate-jQuery {
	from {
		width: 10px;
	}

	to {
		width: 50%
	}

}

@-o-keyframes Animate-jQuery {
	from {
		width: 10px;
	}

	to {
		width: 50%
	}

}

.statistics-section .codeconSkillArea {
	z-index: 1;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	text-shadow: none;
	color: #fff;
	font-size: 18px;
}

.plugin-download-btn {
	position: relative;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	border-color: #6474fc;
	width: 180px;
	height: 46px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-style: solid;
	border-width: 1px;
	background-color: rgba(110, 89, 163, 1);
	-webkit-box-shadow: 0px 0px 2px 0px #333;
	-moz-box-shadow: 0px 0px 2px 0px #333;
	box-shadow: 0px 0px 2px 0px #333;
}

.plugin-download-btn .mb-text {
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1em;
	box-sizing: border-box;
	display: block;
	background-color: unset;
}

.plugin-download-btn:hover .mb-text {
	color: #4721a8;
	text-decoration: none;
}

.plugin-download-btn:hover {
	border-color: #505ac7;
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 0px 2px 0px #333;
	-moz-box-shadow: 0px 0px 2px 0px #333;
	box-shadow: 0px 0px 2px 0px #333;
	text-decoration: none;
}

.profile-text {
	line-height: 32px;
	font-size: 24px;
	width: 85% !important;
}

/* landing page */
.landingpage-templete {
	background: transparent;
}

.page-template-landing-templete-page .landing-page-google-block .right-block {
	width: 351px;
}

.page-template-landing-templete-page .landing-page-google-block .right-block .google-block.cf {
	padding: 25px 35px;
}

.page-template-landing-templete-page .landing-page-google-block .right-block .google-block.cf .g-icon {
	width: 58px;
}

.page-template-landing-templete-page .landing-page-google-block .right-block .google-block.cf .review-content {
	width: 190px;
}

.landingpage input.gform_button {
	background-color: #4dbabd;
	border-color: #4dbabd;
	font-weight: normal !important;
}

.landingpage input.gform_button:hover {
	background-color: #0d2c40 !important;
	border: 1px solid #0d2c40 !important;
	color: #fff !important;
}

/*.landingpage-templete:before{display:none;}*/
.landing-text {
	margin: 0 auto;
	width: 73%;
}

.landing-text .title {
	font-size: 40px;
	line-height: 55px;
	font-weight: 700;
}

.landing-text p {
	font-size: 20px;
	margin: 34px auto 0px;
}

#gform_8 input.gform_button {
	background: #893d7f;
	border: 1px solid #893d7f;
}

#gform_8 input.gform_button:hover {
	background: #90057e;
	border: 1px solid #90057e;
}

.servicetemplate-banner.landing-page-google-block .right-block {
	position: relative;
}

.landing-page-case.servicetemplate-page:before {
	background-color: transparent;
}

.landing-page-banner {
	position: relative;
}

.landing-page-banner:after {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 5%;
	clip-path: polygon(0% 100%, 100% 0, 100% 100%);
	z-index: 99;
}

.servicetemplate-page.philosophytemplate-page.landingpage-templete {
}

.servicetemplate-page.philosophytemplate-page.landingpage-templete:before {
	display: none;
}

.landing-page-banner .spectrum-animation-inner {
	z-index: 99;
}

.spectrum-footer .right a:hover {
	color: #585858;
	background: #ffffff
}

#gf_8 .gform_confirmation_message {
	font-size: 20px;
	line-height: normal;
	color: #585858;
}

.blog-details h1,
.blog-details h2 {
	margin-top: 36px;
}

/*spectrum-footer*/
.spectrum-footer {
	width: 100%;
	display: table;
	padding: 85px 0px 100px;
	box-sizing: border-box;
}

.spectrum-footer .logo {
	width: 346px;
	float: left;
	margin: 50px 90px 50px 0px;
}

.spectrum-footer .right {
	float: left;
	border-left: 3px solid #FFF;
	padding: 20px 0px 20px 85px;
}

.spectrum-footer .right h6 {
	font-size: 32px;
	font-weight: 400;
	color: #FFF;
	font-family: 'Lato', sans-serif;
}

.spectrum-footer .right a {
	font-size: 18px;
	font-weight: 600;
	border: 1px solid #FFF;
	border-radius: 3px;
	font-family: 'Lato', sans-serif;
	color: #FFF;
	padding: 16px 30px 18px 30px;
	margin-top: 25px;
	float: left;
}

/*Career*/
.servicetemplate-page.careerstemplate-page,
.servicetemplate-page.careerstemplate-page:before {
	background-color: #FFF;
}

.servicetemplate-banner.careertemplate-banner {
	min-height: 470px;
}

.servicetemplate-banner.careertemplate-banner .banner-text .title {
	text-transform: uppercase !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.servicetemplate-banner.careertemplate-banner .banner-text p {
	font-family: 'Lato', sans-serif;
}

.job-post {
	width: 100%;
	display: table;
	padding: 145px 0px 110px;
}

.job-post ul {
	width: 100%;
	display: table;
	margin: 0px;
	padding: 0px 20px;
	box-sizing: border-box;
}

.job-post ul li {
	width: 100%;
	float: left;
	list-style: none;
	text-align: left;
	padding: 80px 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	font-family: 'Lato', sans-serif;
}

.job-post ul li:last-child {
	border: none;
}

.job-post ul li ul {
	padding: 0px;
}

.job-post ul li ul li {
	padding: 0px;
	border: none;
}

.job-post ul li ul li:nth-child(1) {
	width: 26%;
	float: left;
}

.job-post ul li ul li:nth-child(2) {
	width: 49%;
	float: left;
}

.job-post ul li ul li:nth-child(3) {
	width: 25%;
	float: left;
}

.job-post ul li.post-header {
	padding: 0px;
	border: none;
}

.job-post ul li.post-header li {
	font-size: 24px;
	text-transform: uppercase;
	color: #aaaaaa;
	font-weight: 600;
}

.job-post ul li ul li h3 {
	color: #092c3e;
	width: 100%;
	float: left;
	font-size: 28px;
	text-transform: initial;
	font-weight: 100;
	line-height: 38px;
	margin-bottom: 23px;
	font-weight: 600;
	text-align: left;
}

.job-post ul li ul li h3 span {
	display: block;
}

.job-post ul li ul li .badge {
	color: #FFF;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	min-width: 145px;
	padding: 8px;
	background-color: #aeaeae;
	text-align: center;
	border-radius: 0px;
	line-height: normal;
}

.job-post ul li ul li .expired-job.badge {
	background-color: #aeaeae;
}

.job-post ul li ul li .new-job.badge {
	background-color: #93128b;
}

.job-post ul li ul li p {
	color: #082c3e;
	font-size: 17px;
	line-height: 32px;
}

.job-post ul li ul li .apply-btn {
	font-size: 14px;
	text-transform: uppercase;
	min-width: 190px;
	padding: 15px 10px;
	text-align: center;
	background-color: #0d2c40;
	border: 1px solid #0d2c40;
	color: #FFF;
	cursor: pointer;
	float: right;
	font-weight: 600;
}

.job-post ul li ul li .apply-btn:hover {
	background-color: transparent;
	color: #0d2c40;
}

/*Careers Single*/

/*.servicetemplate-banner.careers-single-banner{min-height: 550px;}*/
.careers-single-banner .banner-text {
	right: 0;
	width: 100%;
	left: auto;
	text-align: center;
	font-family: 'Lato', sans-serif;
	padding-bottom: 50px;
}

.careers-single-banner .banner-text .title {
	text-transform: uppercase !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.careers-single-banner .banner-text p {
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 400 !important;
}

.careers-single-banner .banner-text ul {
	margin: 35px auto 0;
	width: auto;
	float: none;
	display: table;
}

.careers-single-banner .banner-text ul li {
	list-style: none;
	color: #FFF;
	width: 100%;
	float: left;
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 30px;
	font-weight: 400;
}

.servicetemplate-page.careers-single-page,
.servicetemplate-page.careers-single-page:before {
	background-color: #FFF;
}

.career-inquiry-form {
	position: relative;
	max-width: 1000px;
	margin-top: -130px;
	z-index: 99;
}

.career-inquiry-form .contact-form {
	margin-top: 30px;
	padding: 55px 70px;
	background: #ffffff;
	-webkit-box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.2);
	margin: 0 0 25px;
}

.career-inquiry-form ul.gform_fields li.gfield.gfield_html {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px !important;
	text-align: center;
}

.career-inquiry-form .gform_wrapper .top_label input.medium,
.career-inquiry-form .gform_wrapper .top_label select.medium {
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #cccccc;
	color: #152c3e;
	font-weight: 400;
	font-size: 14px;
	width: 100%;
	height: auto;
	padding: 10px 7px !important;
	height: 55px;
}

.career-inquiry-form .gform_wrapper textarea.medium {
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #cccccc;
	color: #152c3e;
	font-weight: 400;
	font-size: 14px;
	padding: 10px 7px;
	width: 100%;
	height: 50px;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i] {
	border: none;
	padding: 0px !important;
	height: auto;
	margin-top: 25px;
	margin-left: -80px;
	font-size: 12px;
	color: #152c3e;
	height: 38px;
	width: 75.5% !important;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:hover,
.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:focus {
	outline: none;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:before {
	content: 'Choose File...';
	background-color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: 3px solid #cccccc;
	padding: 6px 10px;
	position: absolute;
	min-width: 145px;
	display: table;
	text-align: center;
	color: #000;
	font-weight: bold;
	margin-bottom: 0px;
	cursor: pointer;
	right: 0;
	bottom: 6px;
	transition: all 0.3s;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:after {
	content: '';
	background-color: #cccccc;
	height: 3px;
	position: absolute;
	min-width: 225px;
	display: table;
	left: 0;
	bottom: 6px;
}

.career-inquiry-form .gform_body li.gfield_error input[type="file"i]:after {
	background-color: red;
}

.career-inquiry-form .gform_wrapper .top_label input[type="file"i]:hover:before {
	background: #0d2c40;
	border-color: #0d2c40;
	color: #FFF;
	transition: all 0.3s;
}

.career-inquiry-form .gform_wrapper ul li.gfield.file-upload {

	/*margin-bottom: 15px !important; margin-top: 40px !important;*/
}

.career-inquiry-form .file-upload .validation_message {
	display: none;
}

.career-inquiry-form .gform_wrapper ul.gform_fields li.gfield {
	position: relative;
	padding-right: 0;
}

.career-inquiry-form .gform_wrapper .top_label .gfield_label {
	position: absolute;
	bottom: -25px;
	left: 5px;
	font-size: 12px;
	left: 5px;
	font-weight: 100;
	display: none;
}

.career-inquiry-form .gform_wrapper ul li.gfield {
	margin-top: 0px;
	padding-top: 0;
	margin-bottom: 30px !important;
}

.career-inquiry-form .gform_wrapper .field_description_below .gfield_description {
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 20px;
	display: none;
}

.career-inquiry-form .gform_wrapper .gform_footer input[type=submit] {
	min-width: 235px;
	font-size: 14px !important;
	text-transform: uppercase;
	margin-top: 15px !important;
	font-weight: normal !important;
	margin: 0px auto !important;
	display: table;
}

.career-inquiry-form .gform_wrapper .gfield_required {
	color: #152c3e;
	display: none !important;
}

.career-inquiry-form .gform_wrapper.gform_validation_error .top_label input.medium,
.career-inquiry-form .gform_wrapper.gform_validation_error .top_label select.medium {
	width: 100%;
}

.career-inquiry-form .gform_body li.gfield_error input {
	border: none !important;
	border-bottom: 3px solid red !important;
}

.career-inquiry-form .gform_wrapper .gfield_error .gfield_label .gfield_required {
	color: #790000;
}

.career-inquiry-form .gform_wrapper .top_label li.gfield.gf_left_half {
	width: 47% !important;
}

.career-inquiry-form .gform_wrapper .top_label li.gfield.gf_right_half {
	width: 47% !important;
	float: right;
	overflow: hidden;
}

.career-inquiry-form .contact-form input[type=text] {
	max-width: 100%;
}

.career-inquiry-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 8px;
}

.careers-single-details {
	width: 100%;
	display: table;
	padding: 70px 20px 120px;
	box-sizing: border-box;
}

.careers-single-details h1 {
	font-size: 26px;
	color: #132c3d;
	font-family: lato;
	font-weight: normal;
	text-transform: capitalize;
	margin-bottom: 60px;
	line-height: 34px;
}

.careers-single-details p {
	color: #122b3c;
	font-family: sans-serif;
	font-size: 16px;
	width: 100%;
	float: left;
}

.careers-single-details .video-image {
	background-color: #e1e0e0;
	float: left;
	width: auto;
	margin: 85px 0px 20px;
}

.careers-single-details .video-image img {
	width: 100%;
	display: table;
}

.careers-single-details h2,
.careers-single-details h3,
.careers-single-details h4 {
	font-size: 26px;
	color: #132c3d;
	font-family: lato;
	font-weight: normal;
	text-transform: capitalize;
	margin: 60px 0px;
	width: 100%;
	float: left;
	line-height: 34px;
}

.careers-single-details h3 {
	margin: 60px 0px 50px;
}

.careers-single-details ul {
	float: left;
	padding: 0px;
	margin: 0px 60px 0px;
}

.careers-single-details ul li {
	float: left;
	list-style: none;
	font-size: 16px;
	line-height: 30px;
	color: #132c3d;
	font-family: sans-serif;
	position: relative;
	padding-left: 45px;
	width: 100%;
}

.careers-single-details ul li:before {
	content: '';
	background: url(images/right.png) no-repeat left 5px;
	position: absolute;
	left: 0px;
	padding: 10px;
}

.careers-single-details .apply-btn {
	font-size: 14px;
	text-transform: uppercase;
	min-width: 235px;
	padding: 15px 10px;
	text-align: center;
	background-color: #0d2c40;
	border: 1px solid #0d2c40;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-weight: 600;
	margin-top: 100px;
}

.careers-single-details .apply-btn:hover {
	background-color: transparent;
	color: #0d2c40;
}

.client-logos-slider {
	display: none;
}

/*Profile*/
.team-details-main .body-content .content-main {
	width: 64%;
}

.team-details-main .body-content .content-main h1 {
	color: #0d2c40 !important;
	font-size: 42px;
	text-transform: capitalize;
}

.team-details-main .body-content .content-main h4 {
	color: #0d2c40 !important;
	font-size: 24px;
}

.team-details-main .body-content .profile-image {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	width: 281px;
	height: 281px;
	float: left;
	margin-top: -220px;
	background-color: #FFF;
	position: relative;
}

.team-details-main .body-content .profile-image img {
	position: absolute;
	top: 30px;
	left: 10px;
	margin: 0px auto;
	display: table;
	height: auto;
	width: 100%;
}

.team-details-main .profile-details {
	float: left;
	margin-top: 100px;
}

.team-details-main .profile-details p {
	color: #0d2c40;
	font-size: 16px;
	line-height: 32px;
	width: 100%;
	margin: 0px 0px;
}

.team-details-main .profile-details strong {
	color: #0d2c40;
	font-size: 16px;
	line-height: 32px;
	width: 100%;
	margin: 0px 0px;
}

.team-details-main .profile-details .title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.team-details-main .profile-details .title span {
	font-size: 16px;
	font-weight: 200;
}

.team-details-main .body-content-right {
	padding: 70px;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	float: right;
	margin-top: 300px;
}

.team-details-main .body-content-right .contact-wtih-concern {
	padding-top: 55px;
}

.team-details-main .body-content-right .contact-wtih-concern .contact a {
	margin-bottom: 20px;
	float: left;
}

.team-details-main .body-content-right .contact-wtih-concern ul {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.team-details-main .body-content-right .contact-wtih-concern ul li i {
	font-size: 30px;
}

.team-details-main .body-content-right .go-link:hover {
	color: #0d2c40;
}

.team-details-main .body-content-right .google-block {
	padding: 25px 35px;
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	margin: 0 0 25px;
}

.team-details-main .body-content-right .google-block img.g-icon {
	float: left;
	width: 65px;
	margin: 0;
}

.team-details-main .body-content-right .google-block .review-content {
	float: right;
	width: 75%;
}

.team-details-main .body-content-right .google-block .review-content .rating-count span {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #eab73f;
	display: inline-block;
	vertical-align: middle;
}

.team-details-main .body-content-right .google-block .review-content .g-result {
	display: inline-block;
	vertical-align: middle;
}

.team-details-main .body-content-right .google-block .review-content .g-result ul {
	margin: 0;
	padding: 0;
}

.team-details-main .body-content-right .google-block .review-content .g-result ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.team-details-main .body-content-right .google-block .review-content .review-count {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #071623;
	margin: 15px 0 0;
	text-transform: uppercase;
	display: block;
}

.single-our_team .servicetemplate-page:before {
	display: none;
}

.blog-block {
	padding: 100px 0 15px;
}

.common-blog-part .title {
	font-size: 40px;
	margin-bottom: 90px;
}

.bloguser img {
	top: -25px;
}

.blog-block .blog .title {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	margin: 40px 0px 35px;
}

#gform_11 span.gfield_required {
	display: none !important;
}

#gform_10 span.gfield_required {
	display: none !important;
}

/*15-aug*/
body.page-template-managed-spectrum-page-template h1 {
	font-family: lato !important;
	font-weight: normal !important;
	font-size: 24px !important;
}

.get-started-block.design-form {
	margin-bottom: 190px !important;
	margin-top: -165px;
}

body.page-template-managed-spectrum-page-template .ideal-partner-inner p {
	font-family: sans-serif;
	font-size: 16px;
}

.home .design-form:before {
	position: absolute;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4ba0d0), to(#bfd96a)) !important;
	width: 100%;
	height: 100%;
	display: block;
}

#gform_wrapper_12 .top_label input.medium {
	width: 100% !important;
	border: none !important;
}

#gform_wrapper_12 .top_label div.ginput_container {
	margin-top: 0 !important;
}

#gform_wrapper_12 .gform_body {
	width: 82.5%;
	display: inline-block;
}

#gform_wrapper_12 .gform_footer {
	width: 16.1666%;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin: 34px 0 0 0 !important;
	padding: 0 0 !important;
}

#gform_wrapper_12 .input-label {
	display: none;
}

#gform_wrapper_12 .gfield_description {
	width: 80%;
	font-size: 14px;
	font-weight: 300;
	font-family: brandon-grotesque, sans-serif;
	color: #fff;
	display: block;
	text-align: left;
	height: 40px;
	position: absolute;
	top: 0;
}

#gform_wrapper_12 ul.gform_fields {
	margin: 0 !important
}

#gform_wrapper_12 ul li.gfield {
	clear: none;
	padding: 0 20px !important;
	margin: 0 0 !important;
	width: 25%;
	height: 40px
}

#gform_wrapper_12 ul li.gfield .gfield_label {
	display: none
}

#gform_wrapper_12 .validation_message.label-yoko::after {
	content: none
}

#gform_wrapper_12 .validation_message.label-yoko::before {
	content: none
}

#gform_wrapper_12 .gform_heading span {
	text-align: center;
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 500;
	width: 100% !important;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	line-height: normal;
	letter-spacing: 0.05em
}

#gform_wrapper_12 .ginput_container input {
	padding: 0 !important;
	height: 40px;
	margin: 0 0 !important;
	transition: all 0.3s;
	color: #fff;
	font-family: brandon-grotesque, sans-serif !important;
	font-size: 20px !important
}

#gform_wrapper_12 .field_description_below .gfield_description.active {
	padding-left: 20px;
	color: #0c2d3f
}

#gform_wrapper_12 .input--filled .content-yoko {
	top: 30px;
	font-size: 14px
}

#gform_wrapper_12.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 25% !important
}

#gform_wrapper_12 li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0 !important
}

/***************   Landing Page CSS  ***********/
.landing_banner{min-height:969px;background-size:100%;background-repeat:no-repeat;}
.landing_banner_text{padding-top:225px;max-width:505px;margin:0;}
.landing_banner_text h1{font-size:32px;color:#000;font-weight:900;letter-spacing:0;}
.landing_banner_text p{font-size:18px;line-height:30px;}
.logos_section ul{margin:0;}
.logos_section ul li{list-style:none;margin:0 20px}
.landingpage .challenge-text-inner h1{font-family: lato;font-size: 24px;font-weight: normal;color:#082c3e;text-transform:capitalize;line-height:40px;margin-left:0px;margin-right:0;margin-bottom:30px;}
.landingpage .challenge-text h3 {font-family: lato;font-size: 24px;font-weight: normal;    margin-left: 0;margin-right: 0;}
.landingpage .career-inquiry-form{margin-top:-400px;}
.logos_section{margin:70px 0 80px;}
.landingpage  .solution-block .solution-image img{width:auto;}
.landingpage .logos_section ul .slick-track{display: flex;justify-content: center;align-items: center;}
.section6_left,
.section6_right{width:50%;}
.section6_left{padding-right:10%;}
.section6 .section6_inner{display:flex;padding:100px 15px 150px;}
.section6_form{background:#fff;width:480px;padding:60px 60px;float:right;position:relative;overflow:hidden;}
.contact-form{position:relative;overflow:hidden;}
.contact-form .spectrum-animation{margin:-55px -70px;max-height:270px;}
.spectrum-animation br{display:none;}
.section6_form .spectrum-animation{margin:-100px;}
.contact-form .spectrum-animation .inner{top:26%;}
.section6_form li#field_8_1{color:#092c3f;font-size:18px;font-weight:bold;text-transform:uppercase;margin-bottom:26px!important;text-align:center;line-height:inherit;}
.section6_form li label.gfield_label{display:none!important;}
.section6_form ul li{display:block!important;width:100%!important;}
.section6_form ul li input{border:none;border-bottom:3px solid #cccccc;color:#152c3e;}
.section6_form .gform_footer.top_label{text-align:center;}
.section6_left p{color:#fff;font-size:16px;line-height:30px;}
.section6_left ul{margin:45px 0 0 25px;}
.section6_left ul li{list-style:none;color:#fff;font-size:16.86px;margin:0 0 20px;position:relative;padding:0 0 0 40px;}
.landingpage .career-inquiry-form ul.gform_fields li.gfield.gfield_html{font-size:29.38px;font-weight:900;}
.landingpage #gform_8 input.gform_button{background:#4dbabd;border-color:#4dbabd;font-size:14px!important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}
.landingpage #gform_8 input.gform_button:hover{color:#fff!important;background:#0d2c40!important;}
.landingpage .right-cross{width:55%;}
.section6_inner .section6_left h1{font-family: lato;font-size: 24px;font-weight: normal;}
.section6_left ul li img{position:absolute;left:0;}
.section6{background-size:cover;background-repeat:no-repeat;}
.challenge-text-inner h2{font-size:28px;letter-spacing:0;}
.challenge-text-inner p{font-size:16px;line-height:30px;}
.landingpage .casestudies.view-case-button{border-bottom:1px solid #e8e8e8;}
body .section6  .gform_wrapper ul li.gfield{margin-top:30px;    padding-right: 0;}

.view-btn{margin:40px 0 0;}
.landingpage .challenge-text a{position:relative;display:inline-block;font-size:16px!important;color:#092d3f;line-height:normal;font-family:brandon-grotesque,sans-serif;font-weight:400!important;border:1px solid rgba(9,45,63,0.5);padding:12px 20px;text-transform:capitalize!important;}
.landingpage .challenge-text a:hover{color:#fff;background:#031624;border-color:#031624;}
.vimeo_video{position:fixed;top:0;right:0;left:0;bottom:0;z-index:12345678;display:none;}
.vimeo_video.active{animation:scale-display .3s;display:inline-flex;}
.vimeo_video.out{animation:scale-display--reversed .3s;animation-fill-mode:forwards;}
.vimeo_video iframe{width:100%;height:100%;}
.vimeo_video .video_ovelay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.vimeo_video_inner{position:absolute;z-index:1;width:100%;height:340px;max-width:600px;left:0;right:0;top:50%;transform:translateY(-50%);box-shadow:0px 0px 0px 10px #fff;}
button#play-button{position:absolute;background:transparent;border:none;padding:0;top:50%;left:44%;transform:translateY(-50%) translateX(-50%)   skewX(-15deg);}
button#play-button:focus{outline:none;}
button#play-button img{max-width:140px;}
button#play-button:hover img{opacity:0.9;cursor:pointer;}

.result-block .challenge-text-inner{padding:50px 0px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-end;}
.challenege-block .challenge-text-inner{padding:50px 0px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.page-template-landing-page .challenge-text-inner h2{margin-left:0;margin-right:0px;}
.solution-block .challenge-text-inner{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-end;}



@keyframes scale-display {
	0% {opacity: 0;transform: scale(0);-webkit-transform: scale(0);}
	100% {opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes scale-display--reversed {
	0% {display: inline-flex;opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
	99% {display: inline-flex;opacity: 0;transform: scale(0);-webkit-transform: scale(0);}
	100% {display: none;opacity: 0;transform: scale(0);-webkit-transform: scale(0);}
}
.from-head {color: #092c3f;font-size: 18px;font-weight: bold;text-transform: uppercase;margin-bottom: 26px !important;text-align: center;line-height: inherit;}
.career-inquiry-form .gform_wrapper .gform_body ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.career-inquiry-form .gform_wrapper .gform_ajax_spinner {padding-top: 15px;position: absolute;left: 0;right: 0;}
.career-inquiry-form .gform_wrapper .gform_footer{text-align:center;}
.gfield_description.validation_message {display: none;}
.gform_wrapper li.gfield.gfield_error {	padding-top: 0px !important;}

/*Blog Page Contact Form*/
div#gform_wrapper_14 {max-width: 995px;margin: auto !important;padding:30px 0 18px;box-shadow: 0px 16px 17px -5px rgba(0, 0, 0, 0.38);
	position: relative;margin-bottom:30px !important;background:url(images/enquiry-bg.jpg);background-repeat:no-repeat;background-position:center;background-size: cover;}
	#gform_wrapper_14 .gform_body ul li input {
width: 100%;
}
#gform_wrapper_14 .gform_body {display: inline-block;width: 64%;vertical-align: bottom;}
#gform_wrapper_14 .gform_body ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#gform_wrapper_14 .gform_body ul li {padding: 0 0 40px;margin: 0;width: 48%;}
#gform_wrapper_14 .gform_body ul li:before {display: none;}
#gform_wrapper_14 .gform_body ul li label.gfield_label {display: none;}
#gform_wrapper_14 .gform_body ul li .ginput_container {margin: 0; }
#gform_wrapper_14 .gform_body ul li input {background: transparent;border: none;border-bottom: 3px solid #cccccc;color: #fff !important;font-size: 15px;padding-bottom: 14px;}
#gform_wrapper_14 .gform_body {display: inline-block;width: 64%;vertical-align: bottom;}
#gform_wrapper_14 .gform_footer {display: inline-block;width: 29.9%;margin: 0;padding: 0 0 30px 89px;position: relative;}
div#gform_wrapper_14 form {padding: 0 0 0 80px;}
#gform_wrapper_14 .gform_footer input {padding: 0;width: 175px;font-size: 16px !important;text-transform: capitalize;background: #0d2c40;height: 50px;padding: 0 34px;transition: all 0.3s;font-family: brandon-grotesque, sans-serif;appearance: none;}
#gform_wrapper_14 .gform_footer input:hover {background: #4dbabd;border-color:#4dbabd;}
#gform_wrapper_14 .gform_footer img{    max-width: 30px;max-height: 20px; position: absolute; bottom: 0; margin: 0;right: 0; left: 69px; margin: 0 auto;}
div#gform_wrapper_14:before{content:"";width:0;height:0;border-left:43px solid transparent;border-right:43px solid transparent;border-top:32px solid #fff;position:absolute;top:0;right:11%;}
#gform_wrapper_14 input::-webkit-input-placeholder{color:#fff;}
#gform_wrapper_14 input::-moz-placeholder{color:#fff;}
#gform_wrapper_14 input:-ms-input-placeholder{color:#fff;}
#gform_wrapper_14 input:-moz-placeholder{color:#fff;}
div#gform_confirmation_wrapper_14{max-height:225px;}
div#gform_confirmation_wrapper_14 img.bg{animation:unset;left:0;right:0;top:0;}
div#gform_confirmation_wrapper_14 .spectrum-animation .spectrum-animation-inner{height:225px;}
div#gform_confirmation_wrapper_14 h1{color:#fff;font-size:26px!important;margin:0 0 10px;font-weight:bold!important;text-transform:uppercase!important;}
div#gform_confirmation_wrapper_14 p{margin:0;}
.blog_newsletter_main{text-align:center;padding:50px 0 20px;    background-repeat: no-repeat;background-position: center; background-size: cover;}
.blog_newsletter_main .blog_newsletter_wrapper{max-width:855px;margin:auto!important;padding-top:15px;}
.blog_newsletter_main h1{font-size:23px;margin:0 0 28px;}
.blog_newsletter_main h1 i{font-style:normal;font-size:23px;color:#fffc50;}
.blog_newsletter_main p{color:#fff;font-size:18px;font-weight:normal;}

#gform_wrapper_17 .gform_body{	/* max-width: 595px; */display:inline-block;width:68%;vertical-align:bottom;}
#gform_wrapper_17 .gform_body ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
#gform_wrapper_17 .gform_body ul li{padding:0 0 40px;margin:0;max-width:240px;}
#gform_wrapper_17 .gform_body ul li:before{display:none;}
#gform_wrapper_17 .gform_body ul li label.gfield_label{display:none;}
#gform_wrapper_17 .gform_body ul li .ginput_container{margin:0;}
#gform_wrapper_17 .gform_body ul li input{background:transparent;border:none;border-bottom:3px solid #cccccc;color:#fff!important;font-size:15px;padding-bottom:14px;}
#gform_wrapper_17 .gform_footer{display:inline-block;width:29.9%;margin:0;padding:0 0 30px 89px;position:relative;}
#gform_wrapper_17 .gform_footer input{padding:0;width:175px;font-size:16px!important;text-transform:capitalize;background:#0d2c40;height:50px;padding:0 34px;transition:all 0.3s;font-family:brandon-grotesque,sans-serif;appearance:none;}
#gform_wrapper_17 .gform_footer input:hover{background:#4dbabd;border-color:#4dbabd;}
#gform_wrapper_17 .gform_footer img{max-width:25px;max-height:20px;position:absolute;bottom:0;right:-20px;}
div#gform_wrapper_17:before{content:"";width:0;height:0;border-left:43px solid transparent;border-right:43px solid transparent;border-top:32px solid #fff;position:absolute;top:0;right:100px;}
#gform_wrapper_17 input::-webkit-input-placeholder{color:#fff;}
#gform_wrapper_17 input::-moz-placeholder{color:#fff;}
#gform_wrapper_17 input:-ms-input-placeholder{color:#fff;}
#gform_wrapper_17 input:-moz-placeholder{color:#fff;}
div#gform_confirmation_wrapper_17{max-height:225px;}
div#gform_confirmation_wrapper_17 img.bg{animation:unset;left:0;right:0;top:0;}
div#gform_confirmation_wrapper_17 .spectrum-animation .spectrum-animation-inner{height:225px;}
div#gform_confirmation_wrapper_17 h1{color:#fff;font-size:26px!important;margin:0 0 10px;font-weight:bold!important;text-transform:uppercase!important;}
div#gform_confirmation_wrapper_17 p{margin:0;}

.section6_form .gform_wrapper .gform_ajax_spinner{display: block;margin: 0px auto;text-align: center;padding-top: 15px;position: absolute;left: 0; right: 0;}
.landingpage .contact-form .spectrum-animation {margin: -103px -70px;max-height: 355px;}
.landingpage .solution-block{padding: 100px 0 100px;}

@media (max-width:1600px) and (min-width:1400px){
	.page-template-landing-page .left-cross{width:52.4%;}
}
@media (min-width:1601px){
	.page-template-landing-page .left-cross{width:48.6%;}
}
@media (min-width:1499px){
	#gform_wrapper_14 .gform_footer{padding:0 0 30px 60px;}
	div#gform_wrapper_14 form{padding:0 0 0 60px;}
}
@media (max-width:1498px) and (min-width:1375px){
	#gform_wrapper_14 .gform_footer{padding:0 0 30px 45px;}
}
@media (max-width:1399px) and (min-width:1200px){
	.result-block .challenge-text p{padding:0 0 0 20%!important;}
}
@media (max-width:1399px) and (min-width:1200px) {
	.page-template-landing-page .casestudy-page .casestudies.view-case-button .view-case-button-inner a,
	.page-template-landing-page .casestudy-page .casestudies-tab .casestudies,
	.page-template-landing-page .casestudy-page .casestudies-tab .casestudy {min-height: 130px !important;line-height: 130px !important;}
}

@media (max-width: 1199px) and (min-width: 1024px){
	.get-started-block input.gform_button {padding: 0 10px !important;}
}
@media (max-width: 1024px) and (min-width: 769px){
	.page-template-landing-page .spectrum-footer .logo {width: 50% !important;margin: 0 !important;padding: 59px !important;}
    .page-template-landing-page .spectrum-footer .right {padding: 20px 0 20px 50px !important;width: 50% !important; }
    .spectrum-footer .right h6 {line-height: 30px;}
}
@media (max-width:1023px) and (min-width:769px) {
	.page-template-landing-page .casestudy-page .casestudies-tab .casestudy a,
	.page-template-landing-page .casestudy-page .casestudies.view-case-button .view-case-button-inner a {font-size: 18px;padding: 0;line-height: normal;}
	.page-template-landing-page .casestudy-page .casestudies-tab .casestudies,
	.page-template-landing-page .casestudy-page .casestudies-tab .casestudy,
	.page-template-landing-page .casestudy-page .casestudies.view-case-button .view-case-button-inner a {min-height: 130px;line-height: 130px;}
	.get-started-block input.gform_button {width:100% !important;height: 45px;}
	#gform_wrapper_1 .gfield_description {width: 100%;}
	body #gform_wrapper_1 ul.gform_fields {justify-content: space-between; display: flex;flex-wrap: wrap;margin: 35px 0px 0!important;}
	#gform_wrapper_1 ul li.gfield {width: 24%;padding:0px !important}
	body #gform_wrapper_1 ul li.gfield{padding: 0px!important;}
	.content-yoko {font-size: 14px;}
	#gform_wrapper_1 .gform_body {width: 78%;}
	.get-started-block input.gform_button {font-size: 14px !important;}
	#gform_wrapper_1 .ginput_container input {font-size:14px !important;}
	#gform_wrapper_1 .gform_footer {width:21%;}
	#gform_wrapper_1 .ginput_container input{margin-top:16px !important;}
	.result-block .left-cross-big .inner{background-position: left 20% center !important; }
	.section6_left {padding-right: 0%;}
}
@media (max-width:1199px){
	div#gform_wrapper_14 form{padding:0 0 0 35px;}
	#gform_wrapper_14 .gform_footer {padding: 0 0 30px 64px;}
	.section6_form{padding:60px;}
	.solution-block .solution-image{right:0;}
	.landingpage .career-inquiry-form{margin-top:-540px;}
}
@media only screen and (max-width: 761px), (max-device-width: 1023px) and (min-device-width: 768px){
	.gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {margin-top: 0 !important;}
}
@media (max-width:1050px){
	div#gform_wrapper_14 form{padding:0 35px 25px;}
	#gform_wrapper_14 .gform_body{width:100%;}
	#gform_wrapper_14 .gform_body ul li{max-width:48%;}
	#gform_wrapper_14 .gform_footer{width:48%;padding:0px;}
}
@media (max-width:1023px){
	.landing_banner_text{padding-top:40px;}
	.landing_banner_text h1{font-size:30px;}
	.landing_banner_text p{font-size:18px;line-height:1.5;}
	.landing_banner_text{max-width:400px;}
	.landing_banner{min-height:390px;}
	.landingpage .career-inquiry-form{margin-top:-80px;}
	.logos_section{margin-bottom:30px;}
	.logos_section ul li{padding:0 25px 25px;}
	.logos_section ul{flex-wrap:wrap;}
	.landingpage .challenge-text h3{text-align:left;margin-bottom:10px;}
	.landingpage .challenge-text{width:45%;}
	.landingpage .solution-block .solution-image{width:45%;float:left;height:auto!important;right:0;}
	.landingpage .solution-block .challenge-text{float:right;height:auto!important;padding:0;}
	.landingpage .solution-block .solution-image img{width:100%;}
	.landingpage .solution-block .challenge-text-inner{position:relative;transform:unset;}
	.landingpage .challenge-text h3{text-align:right;}
	.landingpage .solution-block .challenge-text p{text-align:right;}
	.section6_form{max-width:330px;padding:30px;}
	.section6_form li#field_8_1{margin:0 0;}
	body .section6 .gform_wrapper ul li.gfield{margin-top:0;}
	.section6_inner .section6_left h1{font-size:20px;}
	.section6_left ul{margin-top:20px;    margin-left: 0px;}
	.section6_left ul li{font-size:16px;margin:0 0 10px 0;padding:0 0 0 30px;}
	.section6_left ul li img{max-width:14px;top:3px;}
	.section6 .section6_inner{padding:50px 15px;}
	.landingpage .left-cross-big{width:50%;}
	.landingpage .challenge-text p{font-size:16px;}
	.challenge-text-inner h2{font-size:20px;margin:0 0 13px 0;}
	.landingpage .result-block .challenge-text{width:52%;}
}
@media (max-width:870px){
	.blog_newsletter_main{padding:50px 20px 20px;}
	#gform_wrapper_17 .gform_footer{padding:0 0 30px 50px;}
}
@media (max-width:768px) and (min-width:641px) {
	.landingpage .right-cross {width:53.3%;}
	.landingpage .left-cross-big {width: 51.1%;}
	.landingpage .challenge-text {width: 54%;}
	.adam-contact {width: 80%;}
	.spectrum-footer .right h6 {font-size: 30px;line-height: 40px;}
	.challenege-block .challenge-text-inner {padding-right: 35px !important;}	
	
	.landingpage .solution-block .challenge-text p {text-align: center;}
	.result-block .challenge-text-inner,.solution-block .challenge-text-inner {justify-content: center;align-items: center;text-align: center;}
	.challenege-block .challenge-text-inner {align-items: center;text-align: center;}
	.result-block .left-cross-big .inner {background-position: left 24% center !important;}
}
@media (max-width:767px) and (min-width:641px) {
	.landingpage .challenge-text-inner h1 {margin-bottom: 15px;}
	.result-block .left-cross-big .inner {background-position: left 26% center !important;}
	.content-yoko {font-size: 14px;}
	#gform_wrapper_1 .ginput_container input {font-size:14px !important;}
}
@media (max-width:767px){
	#gform_wrapper_17 .gform_body ul li{padding:0 0 5px;}
	#gform_wrapper_17 .gform_body ul li .ginput_container{margin:0 15px;}
	.blog_newsletter_main{padding:50px 20px;}
	#gform_wrapper_14 .gform_footer{width:100%;padding:0;}
	div#gform_wrapper_14 form{padding:0 50px 50px;}
	#gform_wrapper_14 .gform_body{max-width:100%;width:100%;}
	#gform_wrapper_14 .gform_body ul li{max-width:48%;width:48%;padding:0 0 30px;}
	#gform_wrapper_14 .gform_footer input{width:100%;height:50px;}
	.landing_banner{background-size:cover;min-height:auto;background-position:bottom left;}
	.landingpage .career-inquiry-form{margin:0;margin-top:-50px}
	.landing_banner_text h1{font-size:20px;}
	.landing_banner_text p{font-size:16px;}
	.landing_banner_text{padding:70px 0 90px;}
	.landingpage .career-inquiry-form ul.gform_fields li.gfield.gfield_html{font-size:20px;letter-spacing:0;}
	.logos_section ul{display:block;}
	.logos_section ul li{padding:0 0 20px 0;text-align:center;}
	.landingpage .challenge-text{padding:0 15px;}
	.landingpage .challenge-text h3{text-align:center;}
	.section6 .section6_inner{display:block;}
	.section6_left,
	.section6_right{width:100%;padding-right:0px;}
	.section6_right{margin-top:30px;}
	.section6_form{float:none;padding:40px;width:100%;    max-width: 400px;}
	.section6_form li#field_8_1{}
	.contact-form .spectrum-animation .inner{top:50%;}
	.spectrum-animation p{font-size:14px!important;}
	.section6_form .spectrum-animation{margin:-15px;}
	.contact-form .spectrum-animation{margin:-40px -30px;}
	.landingpage #gform_8 input.gform_button{font-weight:bold!important;text-align:center;padding:0 20px;}
	.landingpage .result-block .challenge-text{padding-top:30px;}
	.vimeo_video_inner{max-width:none;height:auto;box-shadow:none;}
	.landingpage .challenge-text a{margin:15px auto 0;}
	button#play-button img{max-width:80px;}
	.landingpage .solution-block .solution-image img{width:auto;}
}
@media (max-width: 667px){
	.section6_form {padding:50px 40px;max-width: 100%;}
	body .section6 .gform_wrapper ul li.gfield {width: 100%!important; margin-bottom: 10px!important;}
	.section6_form ul li input{max-width: 100%;padding: 10px 0!important;margin-bottom: 0;    height: 55px;}
}

@media only screen and (min-width: 641px){
	.landingpage .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
	.landingpage .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{margin-right: 0 !important;max-width: calc(100% - 16px)!important;}
	
}


@media (max-width:640px){
	div#gform_confirmation_wrapper_16 p {margin: 0 auto;}
	#gform_wrapper_17 .gform_footer{width:100%;margin-top:30px;padding:0;}
	#gform_wrapper_17 .gform_body,
	#gform_wrapper_14 .gform_body{width:100%!important;}
	#gform_wrapper_17 .gform_body ul li .ginput_container{width:100%;margin:0;}
	#gform_wrapper_17 .gform_footer input{font-size:14px!important;height:45px;width:100%;}
	#gform_wrapper_17 .gform_body ul li,
	#gform_wrapper_14 .gform_body ul li{max-width:48%;width:48%;}
	#gform_wrapper_17 .gform_body ul li input,
	#gform_wrapper_14 .gform_body ul li input{text-align:center;}
	.blog_newsletter_main{padding:50px 15px;}
	#gform_wrapper_14 .gform_footer input{font-size:14px!important;height:45px;width:100%;}
	#gform_wrapper_14 .gform_footer{width:100%;padding:0;}
	div#gform_wrapper_14 form{padding:0 40px 40px;}
	#gform_wrapper_14 .gform_body ul li{padding:0 0 30px;}
	.solution-block .challenge-text-inner,
	.challenege-block .challenge-text-inner,
	.result-block .challenge-text-inner{padding:10px 0;align-items: center;text-align: center;}
	.landingpage .solution-block {padding:100px 0 30px;}
	.landingpage .casestudy-page .casestudies.view-case-button .view-case-button-inner a,
	.landingpage .casestudy-page .casestudies-tab .casestudy a{font-size: 11px!important;}
	.landingpage .challenge-text-inner h1,.landingpage .challenge-text h3,.section6_inner .section6_left h1,.challenge-text-inner h2{margin-bottom: 14px; font-size: 22px;}
	.landing_banner_text p{line-height:26px;}
	.landingpage .right-cross{width:100%;margin-bottom:20px;}
	.landingpage .solution-block .challenge-text p{text-align:center;}
	button#play-button{transform:translateY(-50%) translateX(-50%)   skewX(0deg);left:50%;}
	.landingpage .solution-block .solution-image{width:100%;float:none;margin-bottom:00px;}
	.landing_banner{background-image: none !important;background: #0c2c40;text-align: center;}

	.landing_banner_text{padding: 50px 80px 80px;max-width: 100%;}
	.casestudies.view-case-button .view-case-button-inner{left:35px;}
	.landingpage .challenge-text {padding: 0 15px 20px;}
	.landingpage .solution-block .solution-image {padding-bottom: 0;}
	.landing_banner_text p,.landing_banner_text h1{color:#ffffff;}
}

@media (max-width:480px){
	#gform_wrapper_17 .gform_body ul li{max-width:100%;width:100%;padding:0px!important;margin:0 0 30px!important;}
	#gform_wrapper_17 .gform_footer{margin-top:0px;}
	#gform_wrapper_14 .gform_body ul li{padding:0 0 30px;max-width:100%;width:100%;}
	div#gform_wrapper_14 form{padding:0 30px 30px 30px;}
	.section6_form {padding: 30px;}
	.landing_banner_text {padding: 50px 5px 90px;max-width: 100%;}

}
@media (max-width:406px){
	.landing_banner_text p{font-size:15px;}
}
@media (max-width: 375px){
	.result-block .left-cross-big .inner{background-position: center !important;}
}