/*
Theme Name: Texture
Theme URI: https://www.crispthemes.com/
Author: Crisp Themes
Author URI: https://wppatrickk.com/
Description: Custom Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: texture
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

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

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

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}



/*--------------------------------------------------------------
# WP Core Styles
--------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Predefined Styles
--------------------------------------------------------------*/

.inner {
	width: 100%;
	padding: 0 100px;
}

.clear {
	clear: both;
}

/*--------------------------------------------------------------
# Loader Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Menu Styles
--------------------------------------------------------------*/

#mobile-slide {
	position: relative;
	float: right;
	opacity: 1;
}

#mobile-close {
	position: absolute;
	top: 65px;
	right: 100px;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
}

.menu-anim-1 #mobile-close {
	opacity: 1;
}

#mobile-slide a, #mobile-close a {
	font-family: 'Raleway SemiBold';
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	position: relative;
	padding-left: 80px;
}

#mobile-close a, .page-template-contact #mobile-slide a, .page-template-contact2 #mobile-slide a {
	color: #fff;
}

.fp-viewing-1 #mobile-slide a,
.fp-viewing-2 #mobile-slide a,
.fp-viewing-3 #mobile-slide a,
.fp-viewing-4 #mobile-slide a {
	color: #fff;
}

#mobile-slide a small, #mobile-close a small {
	-webkit-transition: opacity 600ms cubic-bezier(0.2,1,0.3,1);
	transition: opacity 600ms cubic-bezier(0.2,1,0.3,1);
	position: absolute;
	left: 0;
	top: 2px;
	width: 90px;
	text-align: right;
}

#mobile-slide a span, #mobile-close a span {
	background-color: #000;
	display: inline-block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 22px;
	top: -4px;
	-webkit-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
	margin-left: 25px;
}

#mobile-close a span, .page-template-contact #mobile-slide a span, .page-template-contact2 #mobile-slide a span {
	background-color: #fff;
}

#mobile-close a span {
	background: none;
}

.fp-viewing-1 #mobile-slide a span,
.fp-viewing-2 #mobile-slide a span,
.fp-viewing-3 #mobile-slide a span,
.fp-viewing-4 #mobile-slide a span {
	background-color: #fff;
}

#mobile-slide a span::before, #mobile-slide a span::after, #mobile-close a span::before, #mobile-close a span::after {
	background-color: #000;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
	width: 100%;
}

#mobile-close a span::before, #mobile-close a span::after, .page-template-contact #mobile-slide a span::before, .page-template-contact #mobile-slide a span::after, .page-template-contact2 #mobile-slide a span::before, .page-template-contact2 #mobile-slide a span::after {
	background-color: #fff;
}

.fp-viewing-1 #mobile-slide a span::before,
.fp-viewing-2 #mobile-slide a span::before,
.fp-viewing-3 #mobile-slide a span::before,
.fp-viewing-4 #mobile-slide a span::before,
.fp-viewing-1 #mobile-slide a span::after,
.fp-viewing-2 #mobile-slide a span::after,
.fp-viewing-3 #mobile-slide a span::after,
.fp-viewing-4 #mobile-slide a span::after {
	background-color: #fff;
}

#mobile-slide a span::before {
	top: 5px;
}

#mobile-slide a span::after {
	top: -5px;
}

#mobile-close a span::before {
	transform: rotate(-45deg);
}

#mobile-close a span::after {
	transform: rotate(45deg);
}

#site-menu {
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	-webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   	transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   	overflow: hidden;
}

#site-menu.masked {
	z-index: 99999;
}

.menu-opened #site-menu {
	height: 100%;
}

.site-menu-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.site-menu-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffd800;
	z-index: 10;
	-webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   	transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.site-menu-bg.slideup {
	height: 0;
}

.menu-left .site-branding {
	position: absolute;
	top: 65px;
	left: 100px;
}

.site-menu {
	width: 100%;
	height: 100%;
	display: table;
}

.menu-left {
	background-color: #000;
	background-size: cover;
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.menu-image {
	background-image: url('http://www.b-mint.co.uk/views/web/static/images/burger-menu.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform: translate(0, -75px);
	transform: translate(0, -75px);
	-webkit-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
   	transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
   	opacity: 0;
   	position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
}

.menu-opened .menu-image {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}

.menu-right {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding: 65px 100px;
	position: relative;
	background: url('../image/bg-texture-3.png') repeat;
}

.main-navigation {
	
}

.main-navigation ol {

}

.main-navigation ol li {
	margin-bottom: 35px;
}

.main-navigation ol li:last-child {
	margin-bottom: 0;
}

.main-navigation ol li a {
	display: block;
	color: #5a5a5a;
	font-size: 24px;
	font-family: 'Raleway Light';
	position: relative;
	-webkit-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}

.main-navigation ol li a:hover,
.main-navigation ol li a.active {
	color: #fff;
}

.main-navigation ol li a:before {
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #5a5a5a;
	top: 50%;
	right: 0;
	margin-top: -1px;
	content: "";
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	opacity: 0;
}

.menu-anim-1 .main-navigation ol li a:before {
	width: 30px;
	opacity: 1;
}

.main-navigation ol li a:hover:before,
.main-navigation ol li a.active:before {
	background-color: #fff;
}

.menu-anim-1 .main-navigation ol li a.active:before,
.menu-anim-1 .main-navigation ol li a:hover:before {
	width: 60px;
}

.main-navigation ol li a span {
	font-size: 14px;
	font-family: 'Raleway Bold';
	color: #5a5a5a;
	width: 15%;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.main-navigation ol li a small {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.menu-anim-1 .main-navigation ol li a small, .menu-anim-1 .main-navigation ol li a span {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.menu-content {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 100px 65px 100px;
}

.menu-col {
	width: 30%;
	float: left;
	margin-right: 5%;
	color: #a4a4a4;
	font-size: 14px;
}

.menu-col:nth-child(3) {
	margin-right: 0;
}

.menu-col h5 {
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.menu-col a {
	color: #a4a4a4;
}

.menu-col span {
	color: #464646;
	display: inline-block;
	padding-right: 5px;
}

.animate-1, .animate-2, .animate-3, .animate-4, .animate-5 {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.menu-anim-2 .animate-1, .menu-anim-3 .animate-2, .menu-anim-4 .animate-3, .menu-anim-5 .animate-4, .menu-anim-6 .animate-5 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.menu-col .footer-social a {
	margin-top: 4px;
}

/*--------------------------------------------------------------
# About Styles
--------------------------------------------------------------*/

.page-template-about #mobile-slide a,
.page-template-capabilities #mobile-slide a,
.page-template-content #mobile-slide a,
.post-type-archive-clients #mobile-slide a,
.error404 #mobile-slide a,
.page-template-careers #mobile-slide a {
	color: #fff;
}

.page-template-about #mobile-slide a span,
.page-template-about #mobile-slide a span::before,
.page-template-about #mobile-slide a span::after,
.page-template-capabilities #mobile-slide a span,
.page-template-capabilities #mobile-slide a span::before,
.page-template-capabilities #mobile-slide a span::after,
.page-template-content #mobile-slide a span,
.page-template-content #mobile-slide a span::before,
.page-template-content #mobile-slide a span::after,
.post-type-archive-clients #mobile-slide a span,
.post-type-archive-clients #mobile-slide a span::before,
.post-type-archive-clients #mobile-slide a span::after,
.error404 #mobile-slide a span,
.error404 #mobile-slide a span::before,
.error404 #mobile-slide a span::after,
.page-template-careers #mobile-slide a span,
.page-template-careers #mobile-slide a span::before,
.page-template-careers #mobile-slide a span::after {
	background-color: #fff;
}

.about-top-wrap,
.about-bottom-wrap {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.about-top-left {
	width: 44%;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 250px;
}

.about-top-heading {
	padding: 100px 80px 100px 100px;
	background: url('../image/bg-texture-3.png') repeat;
}

.about-top-heading h1,
.about-heading-left h2 {
	color: #fff;
	font-size: 32px;
	line-height: 1.8;
	font-family: 'Raleway Light';
	position: relative;
	overflow: hidden;
}

.about-top-heading h1 {
	height: 57px;
}

.about-heading-left h2 {
	color: #2b2b2b;
	margin-bottom: 50px;
	height: 115px;
}

.about-top-heading h1 span, .about-heading-left h2 span {
	-webkit-transform: translate3d(0, -110%, 0);
    transform: translate3d(0, -110%, 0);
	-webkit-transition: -webkit-transform 1000ms ease-in-out;
	transition: transform 1000ms ease-in-out;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.animate .about-top-heading h1 span, .about-heading-left.animate h2 span {
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.about-top-left .inner {
	position: relative;
}

.about-top-left h6 {
	transform: rotate(-90deg);
	font-family: 'Raleway Bold';
	font-size: 12px;
	color: #ffd800;
	position: absolute;
	left: 5.4%;
	bottom: -40px;
}

.about-top-left h6 span {
	position: relative;
	display: inline-block;
	padding-right: 60px;
}

.about-top-left h6 span span {
	position: absolute;
	background-color: #ffd800;
	width: 48px;
	height: 2px;
	padding-right: 0;
	display: block;
	top: 6px;
	right: 0;
}

.about-top-right {
	width: 56%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.about-top-right-bg {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background: url('../image/bg-texture-3.png') repeat;
}

.about-top-right img {
	display: none;
}

.about-top-image {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
}

.show-image .about-top-image {
	opacity: 1;
}

.about-heading-wrap {
	margin-top: -100px;
}

.about-heading-left {
	width: 40%;
	float: left;
}

.about-heading-right {
	width: 56%;
	float: right;
}

.about-content-left,
.about-content-right {
	width: 47%;
	float: left;
	padding: 10px 0 0;
}

.about-content-right {
	float: right;
}

.about-content-left p,
.about-content-right p {
	margin-bottom: 22px;
}

.about-content-left p:last-child,
.about-content-right p:last-child {
	margin-bottom: 0;
}

.about-bottom {
	padding: 60px 0;
}

.about-bottom-left {
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.about-bottom-left img {
	opacity: 0;
}

.about-bottom-left.show-image img {
	opacity: 1;
}

.about-bottom-right {
	width: 44%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding-left: 10%;
}

.about-bottom-content {
	position: relative;
}

.about-bottom-right h6 {
	transform: rotate(-90deg);
	font-family: 'Raleway Bold';
	font-size: 12px;
	color: #ffd800;
	position: absolute;
	right: -55px;
	top: -95px;
}

.about-bottom-right h6 span {
	position: relative;
	display: inline-block;
	padding-right: 60px;
}

.about-bottom-right h6 span span {
	position: absolute;
	background-color: #ffd800;
	width: 48px;
	height: 2px;
	padding-right: 0;
	display: block;
	top: 6px;
	right: 0;
}

.about-bottom-right p {
	font-size: 24px;
	font-style: italic;
	color: #454545;
	position: relative;
	padding: 20px 0 40px;
}

.about-bottom-right p:before {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 0;
	left: -30px;
	background: url('../image/quote-open.png') no-repeat center;
	background-size: contain;
	content: "";
}

.about-bottom-right p::after {
	position: absolute;
	width: 18px;
	height: 18px;
	bottom: 0;
	left: 22%;
	background: url('../image/quote-close.png') no-repeat center;
	background-size: contain;
	content: "";
}

.about-bottom-right h3 {
	font-size: 14px;
	font-family: 'Raleway Bold';
	text-transform: uppercase;
}

.about-contact {
	background: url('../image/bg-texture-3.png') repeat;
	padding: 80px 0 50px;
	text-align: center;
	position: relative;
}

.about-bar {
	width: 2px;
	height: 40px;
	background-color: #ffd800;
	margin: 0 auto;
	left: 0;
	right: 0;
	position: absolute;
	top: -20px;
}

.about-contact h3 {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Raleway Bold';
	margin-bottom: 30px;
}

.about-contact p {
	font-size: 22px;
	color: #787878;
	font-family: 'Raleway';
}

.contact span {
	display: inline-block;
}

.contact-info {
	padding: 0 10px;
	color: #fff;
}

.contact-info span {
	color: #787878;
	padding-right: 6px;
}

.contact-info a {
	color: #fff;
}

.contact-sep {
	color: #787878;
	padding: 0 12px;
}

/*--------------------------------------------------------------
# Services Styles
--------------------------------------------------------------*/

.page-template-capabilities .site-header {
	background: none;
}

.service-padding {
	background: url('../image/services-bg.jpg') repeat;
	background-size: cover;
}

.service-top {
	padding: 30px 0 140px;
	text-align: center;
}

.service-top h1, .service-top h2 {
	font-family: 'Raleway';
	font-size: 32px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 25px;
	height: 32px;
	overflow: hidden;
	position: relative;
}

.service-top h2 {
	font-family: 'Raleway Bold';
	margin-bottom: 35px;
}

.service-top h1 span, .service-top h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	-webkit-transform: translate3d(0, -110%, 0);
    transform: translate3d(0, -110%, 0);
	-webkit-transition: -webkit-transform 1000ms ease-in-out 600ms;
	transition: transform 1000ms ease-in-out 600ms;
}

.service-top.animate h1 span, .service-top.animate h2 span {
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.services-bar {
	width: 2px;
	height: 40px;
	background-color: #ffd800;
	margin: 0 auto;
}

.services {
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0;
}

.services.first-services {
	margin: -120px auto 0;
}

.services .inner {
	padding: 0;
}

.service-wrap {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 50px;
}

.service-wrap:last-child {
	margin-bottom: 0;
}

.service-left, .service-right {
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.service-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.show-image .service-image {
	opacity: 1;
}

.service-right {
	width: 45%;
	padding: 50px 0 50px 9%;
}

.first-services .service-wrap:first-child .service-right {
	padding-top: 100px;
	padding-bottom: 20px;
}

.image-right .service-right {
	padding: 50px 5% 50px 70px;
}

.service-right h2 {
	font-size: 24px;
	line-height: 1.4;
	position: relative;
}

.service-right h2::before {
	width: 50px;
	height: 2px;
	background-color: #000;
	position: absolute;
	content: "";
	top: 18px;
	left: -70px;
}

.service-right h2 span {
	font-family: 'Raleway Bold';
	display: block;
}

.service-right h4 {
	color: #ffcc00;
	font-size: 18px;
	padding: 30px 0;
}

.service-right p {
	color: #757575;
	margin-bottom: 25px;
}

.service-point span {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Raleway Bold';
	display: inline-block;
	position: relative;
	line-height: 1.8;
}

.service-point span::before {
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #ffc600;
	right: -36px;
	top: 50%;
	margin-top: -1px;
	content: "";
}

.testimonial {
	background: url('../image/bg-texture-3.png') repeat;
	max-width: 1400px;
	margin: 0 auto;
	padding: 120px 0;
	text-align: center;
	position: relative;
}

.testimonial:before {
	background: url('../image/bg-texture-3.png') repeat;
	width: 500%;
	height: 100%;
	position: absolute;
	content: "";
	top: 0;
	right: -500%;
}

.testimonial img {
	margin-bottom: 40px;
}

.testimonial p {
	font-size: 18px;
	color: #bbb;
	max-width: 440px;
	margin: 0 auto 60px;
}

.testimonial h3 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 15px;
}

.testimonial h5 {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Raleway Bold';
	color: #6c6c6c;
}

/*--------------------------------------------------------------
# Contact Styles
--------------------------------------------------------------*/

.page-template-contact #page {
	background: url('../image/bg-texture-3.png') repeat;
}

.contact-wrap {
	padding: 260px 0 80px 100px;
	position: relative;
}

.contact-inner {
	width: 100%;
	display: table;
	table-layout: fixed;
	position: relative;
	z-index: 10;
}

.contact-left,
.contact-right {
	width: 28%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding-right: 50px;
}

.contact-left h1 {
	color: #fff;
	font-size: 26px;
	margin-bottom: 20px;
}

.contact-left p {
	color: #747474;
	font-size: 18px;
}

.contact-left .touch-wrap p a {
	color: #747474;
}

.contact-left .touch-left,
.contact-left .touch-right {
	width: 45%;
	margin-right: 4%;
	float: left;
}

.contact-left .touch-right {
	margin-right: 0;
}

.footer-social h3 {
	color: #fff;
	margin-bottom: 22px;
}

.contact-left .touch-wrap {
	margin-bottom: 40px;
}

.footer-social a {
	margin-right: 25px;
	display: inline-block;
}

.footer-social a:last-child {
	margin-right: 0;
}

#home-footer .footer-social a, .menu-content .footer-social a {
	margin-right: 25px;
	display: inline-block;
}

#home-footer .footer-social a:last-child, .menu-content .footer-social a:last-child {
	margin-right: 0;
}

.contact-left .footer-social a {
	display: inline-block;
}

.contact-left .footer-social a:first-child {
	margin-left: 0;
}

.cwrap {
	overflow: hidden;
	margin-bottom: 30px;
}

.cleft, .cright {
	width: 48%;
	float: left;
}

.cright {
	float: right;
}

.contact-form {
	padding: 25px 0 60px;
}

.wpcf7 {
	padding-right: 50px;
}

.wpcf7-form-control-wrap {

}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	background: none;
	padding: 22px 20px;
	width: 100%;
	border: 1px solid #e1e1e1;
	font-size: 13px;
	font-family: 'FuturaPT';
	font-weight: normal;
}

.wpcf7 textarea {
	height: 100px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #909090;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #909090;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #909090;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #909090;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #909090;
}

::placeholder { /* Most modern browsers support this now. */
	color: #909090;
}

.csubmit {
	background-color: #ffd800;
	display: block;
	padding: 20px;
	position: relative;
	cursor: pointer;
	max-width: 140px;
	text-align: center;
}

.csubmit:before {
	position: absolute;
	width: 10px;
	height: 8px;
	top: 50%;
	margin-top: -4px;
	right: 12px;
	background: url('../image/submit-arrow.png') no-repeat;
	background-size: contain;
	content: "";
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
	opacity: 0;
}

.csubmit:after {
	position: absolute;
	width: 0;
	left: 100%;
	top: 0;
	height: 100%;
	background-color: #ffd800;
	content: "";
	-webkit-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}

.csubmit:hover:before {
	opacity: 1;
}

.csubmit:hover:after {
	width: 20px;
}

.csubmit input[type="submit"] {
	background: none;
	color: #000;
	border: 0;
	cursor: pointer;
	font-size: 13px;
	text-transform: uppercase;
}

div.wpcf7 .ajax-loader {
	display: none;
}

div.wpcf7-response-output {
	margin-left: 0;
	margin-right: 0;
	padding: 10px 20px;
	color: #fff;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #fff;
}

.contact-right {
	width: 72%;
	padding-right: 0;
}

.contact-outer {
	width: 100%;
	height: 100%;
	display: table;
}

.contact-form, .contact-map {
	width: 78%;
	display: table-cell;
	vertical-align: middle;
}

.contact-form {
	background-color: #fff;
	padding: 6% 10%;
}

.contact-form h2 {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 50px;
}

.contact-map {
	width: 22%;
	background: url('../image/contact-map.jpg') no-repeat center;
	background-size: cover;
	text-align: center;
}

.contact-map a {
	background-color: #ffd800;
	display: inline-block;
	padding: 20px 40px;
	font-size: 12px;
	font-family: 'Raleway Bold';
	text-transform: uppercase;
	color: #111;
}

/*--------------------------------------------------------------
# Contact 2 Styles
--------------------------------------------------------------*/

.page-template-contact2 .site-header,
.page-template-careers .site-header {
	background: none;
}

.page-template-contact2 .contact-wrap,
.page-template-careers .contact-wrap {
	padding: 0;
}

.page-template-contact2 .contact-left, .page-template-contact2 .contact-right,
.page-template-careers .contact-left, .page-template-careers .contact-right {
	width: 50%;
	padding: 260px 100px 100px;
}

.page-template-contact2 .contact-left,
.page-template-careers .contact-left {
	background: url('../image/bg-texture-3.png') repeat;
}

.page-template-contact2 .contact-right,
.page-template-careers .contact-right {
	padding: 0;
}

#map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

.page-template-contact2 .footer-social {
	margin-bottom: 50px;
}

.page-template-contact2 .contact-form {
	padding: 0;
	background: none;
}

.wpcf7-form-control-wrap {
	display: block;
}

.page-template-contact2 .wpcf7-form-control-wrap:before {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #353535;
	content: "";
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease-in-out 0s;
}

.page-template-contact2 .wpcf7-form-control-wrap.focused:before {
	background-color: #ffd800;
}

.page-template-contact2 .wpcf7 input[type="text"], .page-template-contact2 .wpcf7 input[type="email"], .page-template-contact2 .wpcf7 textarea {
	color: #fff;
	background: none;
	border: 0;
}

/*--------------------------------------------------------------
# Careers Styles
--------------------------------------------------------------*/

.page-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.career-content {
	padding-bottom: 50px;
	border-bottom: 1px solid #222;
	margin-bottom: 50px;
}

.opening {
	margin-top: 15px;
}

.opening h3 {
	font-size: 18px;
}

.opening h3 a {
	color: #fff;
	display: block;
	padding: 15px;
	position: relative;
	background-color: #222;
}

.opening h3 a:before,
.opening h3 a:after {
	position: absolute;
	width: 13px;
	height: 13px;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url('../image/plus.png') no-repeat center;
	background-size: contain;
	content: "";
}

.opening h3 a:after {
	background: url('../image/close1.png') no-repeat center;
	background-size: contain;
	display: none;
}

.opening.opened h3 a:before {
	display: none;
}

.opening.opened h3 a:after {
	display: block;
}

.opening-content {
	display: none;
	padding: 20px;
	background-color: #0e0f0e;
	border-left: 1px solid #ffd800;
}

.contact-left .opening-content p {
	font-size: 16px;
	margin-bottom: 20px;
	color: #fff;
}

.opening-content ul {
	padding: 0 0 20px 20px;
}

.opening-content li {
	list-style: disc outside none;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 10px;
}

.career-apply {
	
}

.career-apply .csubmit {
	padding: 12px 15px;
	text-transform: uppercase;
	display: inline-block;
	min-width: 130px;
}

.career-apply a {
	color: #111;
}

/*--------------------------------------------------------------
# Client Archive Styles
--------------------------------------------------------------*/

.post-type-archive-clients .site-header,
.page-template-careers .site-header {
	background: none;
}

.post-type-archive-clients .inner,
.page-template-careers .inner {
	position: relative;
}

.post-type-archive-clients header .site-branding:before,
.page-template-careers header .site-branding:before {
	position: absolute;
	top: -65px;
	left: 0;
	width: calc(60% - 20px);
	height: 400%;
	background: url('../image/bg-texture-3.png') repeat;
	content: "";
}

.post-type-archive-clients .contact-wrap,
.page-template-careers .contact-wrap {
	padding: 0;
	height: 100vh;
}

.post-type-archive-clients .contact-inner,
.page-template-careers .contact-inner {
	height: 100%;
}

.post-type-archive-clients .contact-left,
.page-template-careers .contact-left {
	width: 60%;
	background: url('../image/bg-texture-3.png') repeat;
	padding: 0;
}

.post-type-archive-clients .contact-right,
.page-template-careers .contact-right {
	width: 40%;
	padding: 0;
}

.clients-content-wrap {
}

.clients-content-scroll {
	overflow-y: auto;
	padding: 200px 100px 0;
	position: relative;
	height: 100%;
}

.clients-content {
	margin-bottom: 40px;
}

ul.client-listing {
	position: relative;
	overflow: hidden;
	margin-bottom: 60px;
}

ul.client-listing::after {
	width: 100%;
	content: "";
	clear: both;
	display: table;
}

ul.client-listing li {
	width: 30%;
	float: left;
	margin: 20px 5% 20px 0;
	text-align: center;
}

ul.client-listing li:nth-child(3n+3) {
	margin-right: 0;
}

ul.client-listing li a {
	display: block;
	height: 100%;
	position: relative;
	border: 1px solid #2c2c2c;
	height: 138px;
}

ul.client-listing li a span {
	width: 50px;
	height: 2px;
	background-color: #ffd800;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -1px;
	opacity: 0;
	content: "";
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
}

ul.client-listing li a:hover span, ul.client-listing li a.active span {
	opacity: 1;
}

.post-type-archive-clients .client-content {
	width: auto;
}

.post-type-archive-clients .client-left h4, .post-type-archive-clients .client-left p, .post-type-archive-clients .client-right a {
	opacity: 1;
}

.post-type-archive-clients .about-contact {
	padding-top: 120px;
}

.post-type-archive-clients .about-bar {
	top: 40px;
}

.post-type-archive-clients .about-contact,
.page-template-careers .about-contact,
.post-type-archive-clients .site-footer,
.page-template-careers .site-footer {
	display: none;
}

/*--------------------------------------------------------------
# Client Template Styles
--------------------------------------------------------------*/

.single-clients .site-header {
	background: none;
}

.single-clients .contact-wrap {
	padding: 0;
	height: calc(100vh - 118px);
}

.single-clients .contact-inner {
	height: 100%;
}

.single-clients .contact-left, .single-clients .contact-right {
	width: 50%;
	padding: 260px 100px 100px;
}

.single-clients .contact-left {
	background: url('../image/bg-texture-3.png') repeat;
}

.single-clients .contact-right {
	padding: 0;
}

.client-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/*--------------------------------------------------------------
# Content Styles
--------------------------------------------------------------*/

.page-template-content .content-area {
	max-width: 700px;
	margin: 0 auto;
}

.page-title {
	font-size: 48px;
	font-family: 'Raleway Bold';
	color: #fff;
	margin-bottom: 30px;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content p {
	color: #fff;
}

.page-content h2 {
	font-size: 32px;
	font-family: 'Raleway Bold';
	margin-bottom: 15px;
}

.page-content ul {
	margin-bottom: 25px;
}

.page-content ul li {
	color: #fff;
	line-height: 1.8;
	margin-bottom: 4px;
	position: relative;
	padding-left: 25px;
	font-family: 'FuturaPT', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.page-content ul li:before {
	width: 15px;
	height: 1px;
	top: 50%;
	left: 0;
	background-color: #ffd800;
	position: absolute;
	content: "";
}

.page-content ul li:last-child {
	margin-bottom: 0;
}

.page-template-content .about-contact, .page-template-content .site-footer {
	background: none;
}

.page-template-content .about-contact {
	padding-top: 120px;
}

.page-template-content .about-bar {
	top: 34px;
}

/*--------------------------------------------------------------
# Services Inner Styles
--------------------------------------------------------------*/

.services-iwrap {
	width: 100%;
	height: 100%;
	display: table;
}

.services-ileft, .services-iright {
	width: 45%;
	display: table-cell;
	vertical-align: top;
	position: relative;
}

.services-iright {
	width: 55%;
}

.services-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.services-container {
	padding: 50px 22% 150px 16%;
	display: table;
	width: 100%;
	height: 100%;
}

.services-link, .services-content {
	width: 20%;
	display: table-cell;
	vertical-align: top;
}

.services-link {
	padding-top: 8px;
}

.services-link a {
	text-transform: uppercase;
	font-size: 12px;
	color: #111;
	padding-left: 30px;
	display: inline-block;
	background: url('../image/services-arrow.png') no-repeat left center;
	background-size: contain;
	font-family: 'Raleway Bold';
}

.services-content {
	width: 80%;
	padding-left: 12%;
	position: relative;
}

.services-content::before {
	width: 50px;
	height: 2px;
	background-color: #111;
	position: absolute;
	top: 18px;
	left: 1px;
	content: "";
}

.services-content h1 {
	font-size: 24px;
	line-height: 1.5;
	text-transform: uppercase;
}

.services-content h1 span {
	font-family: 'Raleway Bold';
	display: block;
}

.services-content h3 {
	color: #ffcc00;
	font-size: 18px;
	padding: 30px 0;
}

.services-content p {
	color: #757575;
	margin-bottom: 25px;
}

.services-content p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Image Effect Styles
--------------------------------------------------------------*/

.image-effect {
	background: url('../image/bg-texture-3.png') repeat;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 800ms;
	transition: all 800ms;
}

.image-right .image-effect {
	right: 0;
	left: auto;
}

.start-effect .image-effect {
	width: 100%;
}

.about-top-right.show-image .image-effect {
	left: auto;
	right: 0;
}

.service-wrap.image-right.show-image .image-effect {
	right: auto;
	left: 0;
}

.about-bottom-left.show-image .image-effect, .service-wrap.show-image .image-effect {
	right: 0;
	left: auto;
}

.end-effect .image-effect {
	width: 0;
}

/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/

.home-mobile-footer, .home footer.site-footer {
	display: none;
}

.site-footer {
	padding: 50px 0;
	background: url('../image/bg-texture-3.png') repeat;
	position: relative;
}

.home .site-footer {
	padding: 90px;
}

.footer-wrap {
	overflow: hidden;
	color: #fff;
}

.footer-left,
.footer-right {
	width: 48%;
	float: left;
}

.footer-right {
	float: right;
}

.home .footer-left, .footer-middle, .home .footer-right {
	float: left;
	margin-right: 4%;
}

.home .footer-left {
	width: 38%;
}

.footer-middle {
	width: 34%;
}

.home .footer-right {
	margin-right: 0;
	width: 20%;
}

.footer-copyright {
	display: none;
}

.footer-copyright::before {
	display: table;
	content: "";
	clear: both;
	height: 40px;
}

.footer-left a {
	position: relative;
	left: -32px;
	fill: #fff;
	display: inline-block;
	margin-bottom: 50px;
	margin-top: 20px;
}

.footer-left p, .footer-copyright p {
	font-family: 'Raleway Medium';
	font-size: 12px;
	color: #616161;
}

.footer-middle h5, .footer-right h5 {
	font-size: 14px;
	margin-bottom: 20px;
}

.touch-wrap {
	overflow: hidden;
	margin-bottom: 20px;
}

.touch-left {
	width: 60%;
	float: left;
}

.touch-right {
	width: 35%;
	float: right;
}

.touch-wrap p {
	font-family: 'Raleway Medium';
	font-size: 14px;
}

.touch-wrap p a {
	color: #fff;
}

.touch-wrap p span {
	color: #616161;
	display: inline-block;
	padding-right: 8px;
}

.footer-middle h6 {
	font-family: 'Raleway';
	font-size: 14px;
	color: #616161;
	line-height: 1.4;
}

.footer-right ul {
	float: right;
}

.footer-right ul:after {
	display: table;
	content: "";
	clear: both;
}

.footer-right ul li {
	float: left;
	padding-left: 40px;
}

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

.footer-right ul li a {
	color: #616161;
	-webkit-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
	text-transform: uppercase;
	font-size: 13px;
}

.footer-right ul li a:hover {
	color: #fff;
}

/*--------------------------------------------------------------
# Cookie Bar Styles
--------------------------------------------------------------*/

#catapult-cookie-bar {
	width: 100% !important;
	right: 0 !important;
	top: 0 !important;
	background-color: #111 !important;
	min-height: 34px !important;
	max-height: 34px !important;
	padding: 9px 15px !important;
	border-radius: 0 !important;
	-webkit-transition: all 300ms ease-in-out !important;
	transition: all 300ms ease-in-out !important;
	-webkit-transform: translate(0, -100%) !important;
	transform: translate(0, -100%) !important;
	z-index: 88888 !important;
	opacity: 0 !important;
}

.has-cookie-bar #catapult-cookie-bar {
	opacity: 1 !important;
}

#catapult-cookie-bar.show-cookie-bar {
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

#catapult-cookie-bar h3 {
	display: none;
}

#catapult-cookie-bar span {
	margin: 0 !important;
	font-size: 13px;
}

.ctcc-more-info-link, .ctcc-more-info-link:hover {
	text-decoration: underline;
}

.use_x_close .x_close {
	top: 50% !important;
	right: 15px !important;
	margin-top: -15px;
}

.x_close span {
	background: #fff !important;
	height: 2px !important;
}

/*--------------------------------------------------------------
# 404 Page Styles
--------------------------------------------------------------*/

.error404 .content-area {
	padding-top: 122px;
	background: url('../image/bg-texture-3.png') repeat;
	height: calc(100vh - 120px);
}

.error404 .content-area .inner {
	position: relative;
	height: 100%;
}

.search-outer {
	width: 100%;
	display: table;
	height: 100%;
}

.search-inner {
	display: table-cell;
	vertical-align: middle;
}

.search-inner h1 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 20px;
}

.search-inner p {
	line-height: 1.6;
	color: #fff;
	margin-bottom: 25px;
}

.search-inner form {
	position: relative;
	max-width: 300px;
}

.search-inner form::before {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #353535;
	content: "";
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease-in-out 0s;
}

.search-inner form.focused::before {
	background-color: #ffd800;
}

.search-inner label {
	display: none;
}

.search-inner input[type="text"] {
	background: none;
	padding: 22px 0;
	color: #fff;
	width: 100%;
	border: 0;
	font-size: 13px;
	font-family: 'FuturaPT';
	font-weight: normal;
}

.awwards {
	position: fixed;
	top: 15%;
	right: 0;
	z-index: 99;
}

.awwards img {
	max-width: 70px;
}

/*--------------------------------------------------------------
# Responsive Styles
--------------------------------------------------------------*/

@media screen and (max-width :1680px) {
	.services-container {
		padding: 50px 15% 150px 10%;
	}
}

@media screen and (max-width :1600px) {
	.site-header {
		padding: 45px 0;
	}

	.home .site-header, .page-template-contact .site-header {
		padding: 45px 0 0;
	}

	#mobile-close, .menu-left .site-branding {
		top: 45px;
		right: 50px;
	}

	.menu-left .site-branding {
		right: auto;
		left: 50px;
	}

	.inner {
		padding: 0 50px;
	}

	.slide-content-inner {
		padding: 45px 100px 45px 50px;
	}

	.slide-content h2 {
		font-size: 60px;
	}

	.home-right h1, .home-wrap .home-left h2 {
		font-size: 32px;
	}

	.home-wrap .home-left h2 {
		height: 100px;
	}

	.home-right-content {
		padding: 50px;
	}

	.home-wrap .home-left h2 {
		margin-bottom: 30px;
	}

	.wwd-wrap {
		padding-bottom: 30px;
	}

	.home-wrap .home-left, .home-wrap .home-right {
		padding: 45px 50px;
	}

	#clients .home-wrap .home-left {
		padding: 120px 50px 50px;
	}

	.home-wrap .home-right img {
		padding: 15%;
	}

	.about-top-heading {
		padding: 130px 80px 130px 50px;
	}

	.about-top-left h6 {
		left: 0%;
		bottom: -35px;
	}

	.page-template-contact2 .contact-left, .single-clients .contact-left {
		padding: 260px 50px 100px;
	}

	.clients-content-scroll {
		padding: 160px 50px 0;
	}
}

@media screen and (max-width :1500px) {
	.home-wrap .home-right img {
		padding: 8%;
	}

	.home .map-section {
		height: calc(100% - 220px);
	}

	.home .site-footer {
		padding: 50px;
	}

	.main-navigation ol li a {
		font-size: 22px;
	}

	.about-content-left, .about-content-right {
		padding: 0;
	}

	.about-heading-left h2 {
		margin-bottom: 0;
	}

	.about-bottom {
		padding: 40px 0;
	}
}

@media screen and (max-width :1440px) {
	body {
		font-size: 14px;
	}

	.menu-right {
		padding: 45px 50px;
	}

	.menu-content {
		padding: 0 50px 45px 50px;
	}

	.slide-content h2 {
		font-size: 44px;
		margin-bottom: 18px;
		padding-bottom: 10px;
	}

	.home-right h1, .home-wrap .home-left h2, .about-top-heading h1, .about-heading-left h2 {
		font-size: 24px;
	}

	.home-wrap .home-left h2 {
		height: 80px;
	}

	.explore {
		height: 160px;
		left: 64.5%;
	}

	.explore a {
		padding-top: 74px;
	}

	.explore a span.explore-text {
		font-size: 13px;
	}

	.home-wrap .home-left p {
		padding-left: 80px;
	}

	.home-wrap .home-left a.learn-more {
		margin-left: 80px;
	}

	.home-left-inner h6 {
		left: -9%;
	}

	.wwd-right h3 {
		margin-bottom: 8px;
	}

	.wwd-left {
		width: 8%;
		margin-right: 2%;
	}

	.wwd-right {
		width: 90%;
	}

	.clients-outer {
		padding: 0;
	}

	.clients-inner {
		padding: 25px;
	}

	#clients ul li a, ul.client-listing li a {
		height: 128px;
	}

	.client-content {
    	max-width: 264px;
    	height: 123px;
    }

    .client-left {
    	padding: 40px 20px;
    }

	.site-footer {
		padding: 50px 0;
	}

	.home .site-footer {
		padding: 50px;
	}

	.home .footer-left {
		width: 34%;
	}

	.home .footer-middle {
		width: 42%;
	}

	.home .footer-right {
		width: 16%;
	}

	.about-heading-wrap {
		margin-top: -60px;
	}

	.about-bottom-right h6 {
		display: none;
	}

	.about-bottom-right p {
		font-size: 18px;
	}

	.about-bottom-right h3 {
		font-size: 12px;
	}

	.about-contact p {
		font-size: 16px;
	}

	.services .inner {
		padding: 0 50px;
	}

	.service-top h1, .service-top h2 {
		font-size: 24px;
	}

	.service-right h2 {
		font-size: 20px;
	}

	.service-right h4 {
		font-size: 16px;
		padding: 22px 0;
	}

	.service-point span {
		font-size: 13px;
	}

	.testimonial p {
		font-size: 16px;
	}

	.services-container {
		padding: 50px 12% 120px 6%;
	}

	.page-template-contact2 .contact-left {
		padding-top: 200px;
	}

	.contact-left h1 {
		font-size: 22px;
	}

	.contact-left p {
		font-size: 14px;
	}

	.contact-left .touch-wrap p {
		font-size: 12px;
	}

	.clients-content {
		margin-bottom: 30px;
	}
}

@media screen and (max-width :1380px) {
	.menu-col {
		width: 35%;
	}

	.menu-col.last-col {
		width: 20%;
	}

	.main-navigation ol li a {
		font-size: 18px;
	}

	.about-heading-wrap {
		margin-top: -70px;
	}

	.awwards {
		top: 12%;
	}

	.career-content {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.opening h3 {
		font-size: 16px;
	}

	.opening h3 a {
		padding: 13px;
	}

	.opening h3 a::before,
	.opening h3 a::after {
		width: 10px;
		height: 10px;
	}

	.contact-left .opening-content p {
		font-size: 14px;
	}

	#clients ul li a img,
	.client-listing li a img {
		padding: 25px;
	}
}

@media screen and (max-width :1280px) {
	.main-navigation ol li {
		margin-bottom: 25px;
	}

	.main-navigation ol li a {
		font-size: 16px;
	}

	.menu-anim-1 .main-navigation ol li a::before {
		width: 20px;
	}

	.menu-anim-1 .main-navigation ol li a.active::before, .menu-anim-1 .main-navigation ol li a:hover::before {
		width: 40px;
	}

	.about-top-heading {
		padding: 80px 80px 80px 50px;
	}

	.about-heading-left h2 {
		margin-bottom: 20px;
	}

	.about-bottom-right p {
		font-size: 16px;
	}

	.about-bottom-right h3 {
		font-size: 12px;
	}

	.about-heading-left h2 {
		margin-bottom: 0;
	}

	.about-bottom {
		padding: 45px 0;
	}

	.about-contact {
		padding: 50px 0 30px;
	}

	.single-clients .contact-wrap {
		height: auto;
	}

	.single-clients .contact-left, .single-clients .contact-right {
		height: calc(100vh - 121px);
	}

	.error404 .content-area {
		height: calc(100vh - 80px);
	}

	.site-footer {
		padding: 30px 0;
	}

	.service-right {
		padding-left: 8%;
	}

	.image-right .service-right {
		padding: 50px 4% 50px 55px;
	}

	.service-top {
		padding: 40px 0 120px;
	}

	.service-top h1, .service-top h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.service-right h2 {
		font-size: 18px;
	}

	.service-right h2::before {
		width: 35px;
		top: 14px;
		left: -55px;
	}

	.service-right h4 {
		font-size: 16px;
		padding: 18px 0;
	}

	.service-point span {
		font-size: 12px;
	}

	.testimonial {
		padding: 70px 0;
	}

	.testimonial p {
		font-size: 14px;
		margin-bottom: 40px;
	}

	.page-title {
		font-size: 30px;
	}

	.page-content h2 {
		font-size: 20px;
	}

	.services-container {
		padding: 50px 5% 100px;
	}

	.services-content::before {
		width: 36px;
		left: 12px;
		top: 15px;
	}

	.services-content h1 {
		font-size: 20px;
	}

	.page-template-contact2 .contact-left, .single-clients .contact-left {
		padding: 160px 50px 70px;
	}
}

@media screen and (max-width :1200px) {
	body {
		font-size: 13px;
	}

	.menu-left {
		width: 35%;
	}

	.menu-right {
		width: 65%;
	}

	.main-navigation ol li a {
		font-size: 14px;
	}

	.slide-content h2 {
		font-size: 38px;
		margin-bottom: 5px;
	}

	.slide-tite-bar {
		margin-bottom: 20px;
	}

	.home-right-content {
		padding: 30px;
	}

	.home-right h1, .home-wrap .home-left h2, .about-top-heading h1, .about-heading-left h2 {
		font-size: 20px;
	}

	.home-wrap .home-left h2 {
		height: 60px;
	}

	.explore {
		height: 130px;
		width: 136px;
		left: 64.2%;
	}

	.explore a span.explore-text {
		font-size: 12px;
	}

	.explore a {
		padding-top: 60px;
	}

	.home-wrap .home-left h2 {
		margin-bottom: 20px;
	}

	.home-left-inner h6 {
		display: none;
	}

	.home-wrap .home-left p {
		padding-left: 0;
	}

	.home-wrap .home-left a.learn-more {
		margin-left: 0;
	}

	p {
		margin-bottom: 20px;
	}

	.home-wrap .home-right img {
		padding: 0;
	}

	ul.client-listing {
		margin-bottom: 13px;
	}

	#clients ul li, ul.client-listing li {
		margin-bottom: 7px;
		margin-top: 7px;
	}

	.search-inner h1 {
		font-size: 24px;
	}

	.error404 .content-area {
		height: calc(100vh - 123px);
	}

	.footer-left, .footer-right {
		width: 100%;
		float: none;
		text-align: center;
	}

	.footer-left {
		margin-bottom: 30px;
	}

	.footer-right ul {
		float: none;
		text-align: center;
	}

	.footer-right ul li {
		float: none;
		display: inline-block;
		padding: 0 10px;
		vertical-align: top;
	}
}

@media screen and (max-width :1199px) {
	.services-container {
		padding: 20px 40px 80px;
		display: block;
	}

	.services-link, .services-content {
		width: 100%;
		display: block;
	}

	.services-content {
		padding-left: 0;
		padding-top: 40px;
	}

	.services-content::before {
		display: none;
	}

	.services-content h3 {
		padding: 20px 0;
	}

	.bx-wrapper .bx-controls-direction a.bx-next {
		top: 100%;
		left: 40px;
	}

	ul.client-listing li {
		width: 48%;
		margin-right: 0;
	}

	ul.client-listing li:nth-child(2n+2) {
		float: right;
	}
}

@media screen and (max-width :900px) {
	#catapult-cookie-bar {
		padding: 9px 45px 9px 15px !important;
	}

	#catapult-cookie-bar span {
		line-height: 1.4;
	}

	body.home {
		background: #fff;
	}

	.menu-left {
		display: none;
	}

	.menu-right {
		width: 100%;
	}

	.home .site-header, .page-template-contact .site-header, .site-header {
		position: relative;
		background: url('../image/bg-texture-3.png') repeat;
		padding: 20px 0;
	}

	.error404 .content-area {
		height: calc(100vh - 195px);
	}

	.page-template-capabilities .site-header, .page-template-contact2 .site-header, .single-clients .site-header {
		position: absolute;
	}

	#mobile-close {
		top: 20px;
	}

	#mobile-slide a {
		color: #fff;
	}

	#mobile-slide a span, #mobile-slide a span::before, #mobile-slide a span::after {
		background-color: #fff;
	}

	.map-pin-1, .map-pin-2, .map-pin-3 {
		opacity: 1;
	}

	.home-left, .home-right {
		width: 100%;
		float: none;
	}

	.home-right-bg {
		display: none;
	}

	#home-header .home-left, .slides li {
		height: 500px;
	}

	.slide-content-inner {
		padding: 45px 50px;
	}

	.home-right-content {
		position: static;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.explore {
		display: none;
	}

	.home-wrap {
		display: block;
	}

	#about-us .home-left, #about-us .home-right, .home-wrap .home-left, .home-wrap .home-right, #clients .home-wrap .home-left {
		width: 100%;
		float: none;
		display: block;
	}

	#about-us .home-left {
		padding-top: 0 !important;
	}

	#about-us .home-right {
		background: #fff !important;
		padding-bottom: 0;
		padding-top: 0;
	}

	#about-us .home-right:before {
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		content: "";
		background: url('../image/bg-texture-1.png') repeat;
	}

	#about-us .home-right img, .wwd-slides {
		position: relative;
		z-index: 10;
	}

	.home-wrap .home-left a.learn-more {
		opacity: 1;
	}

	#clients .home-wrap .home-right {
		display: none;
	}

	.home-wrap .home-right img {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}

	#what-we-do {
		padding: 0 50px;
	}

	#what-we-do .home-wrap .home-left {
		background: none !important;
		padding: 45px 0;
	}

	#what-we-do .bx-wrapper {
		margin-bottom: 30px;
	}

	#what-we-do:before {
		position: absolute;
		width: 100%;
		height: 20%;
		left: 0;
		bottom: 0;
		content: "";
		background: url('../image/bg-texture-2.png') no-repeat;
		background-size: cover;
	}

	#clients ul {
		overflow: hidden;
	}

	.home-wrap .home-left h2 {
		height: auto;
	}

	.home-wrap .home-left h2 span {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		position: static;
	}

	.home-wrap .home-left p {
		opacity: 1;
	}

	.wow {
		visibility: visible;
	}

	.home .map-section {
		height: 450px;
		position: relative;
	}

	.home .site-footer {
		position: static;
	}

	.home .footer-left {
		display: none;
	}

	.home .footer-middle {
		width: 67%;
	}

	.home .footer-right {
		width: 25%;
		float: right;
	}

	.footer-right h5 {
		padding-left: 20px;
	}

	.footer-copyright {
		display: block;
	}

	.page-template-about #page, .page-template-capabilities #page {
		padding-top: 0 !important;
	}

	.about-top-heading h1 {
		display: none;
	}

	.about-heading-left h2 {
		font-size: 18px;
		margin-bottom: 15px;
		line-height: 1.6;
	}

	.about-top-left {
		padding-bottom: 200px;
	}

	.about-top-heading {
		padding: 60px 30px 60px 50px;
	}

	.about-heading-left h2 {
		height: 85px;
	}

	.about-bottom {
		padding: 40px 0;
	}

	.services {
		padding: 35px 0;
	}

	.services .inner {
		padding: 0 35px;
	}

	.service-wrap {
		margin-bottom: 35px;
	}

	.service-right h2::before {
		display: none;
	}

	.service-right {
		padding-left: 6%;
	}

	.image-right .service-right {
		padding: 50px 6% 50px 0;
	}

	.contact-inner,
	.page-template-contact2 .contact-left,
	.page-template-contact2 .contact-right,
	.single-clients .contact-left,
	.single-clients .contact-right {
		display: block;
		width: 100%;
	}

	.single-clients .contact-left, .single-clients .contact-right {
		height: auto;
	}

	.single-clients .contact-right {
		height: 280px;
	}

	.page-template-contact2 .contact-right {
		min-height: 500px;
	}

	.post-type-archive-clients .site-header,
	.page-template-careers .site-header {
		background: url('../image/bg-texture-3.png') repeat;
	}

	.post-type-archive-clients .contact-left,
	.page-template-careers .contact-left {
		width: 100%;
		display: block;
	}

	.page-template-careers .contact-left {
		padding-bottom: 60px;
	}

	.post-type-archive-clients .contact-wrap, .clients-content-wrap, .clients-content-scroll, .page-template-careers .contact-wrap {
		height: auto !important;
	}

	.clients-content-scroll {
		padding: 70px 50px 0;
	}

	ul.client-listing {
		margin-bottom: 0;
	}

	.post-type-archive-clients .contact-right,
	.page-template-careers .contact-right {
		display: none;
	}

	.post-type-archive-clients .about-contact,
	.post-type-archive-clients .site-footer,
	.page-template-careers .about-contact,
	.page-template-careers .site-footer {
		display: block;
	}

	#catapult-cookie-bar {
		top: auto !important;
		bottom: 0 !important;
		max-height: none !important;
		-webkit-transform: translate(0, 100%) !important;
		transform: translate(0, 100%) !important;
	}
}

@media screen and (max-width :767px) {
	#mobile-close, .menu-left .site-branding {
		right: 25px;
		top: 30px;
	}

	.site-right {
		padding-top: 12px;
	}

	#mobile-slide a {
		padding-left: 0;
	}

	#mobile-slide a small {
		position: static;
	}

	#mobile-slide a span {
		margin-left: 10px;
	}

	.menu-right {
		padding: 45px 25px;
	}

	.menu-content {
		display: none;
	}

	.main-navigation ol li {
		margin-bottom: 30px;
	}

	.main-navigation ol li:last-child {
		margin-bottom: 0;
	}

	.main-navigation ol li a {
		font-size: 16px;
	}

	.inner, #what-we-do {
		padding: 0 25px;
	}

	.slides li {
		height: 100%;
	}

	#home-header .home-left {
		height: 320px;
	}

	#home-header .home-right {
		height: auto;
	}

	.slide-content p br {
		display: none;
	}

	.slide-content h2 {
		margin-bottom: 0;
	}

	.slide-tite-bar {
		margin-bottom: 10px;
	}

	.slide-content-inner, .home-right-content, .home-wrap .home-left, .home-wrap .home-right {
		padding: 30px 25px !important;
	}

	#about-us .home-right {
		padding-top: 15px !important;
	}

	#what-we-do .home-wrap .home-left {
		padding: 30px 0 !important;
	}

	.home .site-footer {
		padding: 30px 25px;
	}

	#home-footer {
		
	}

	.home-mobile-footer, .home footer.site-footer {
		display: block;
	}

	.home footer.site-footer {
		padding-left: 0;
		padding-right: 0;
	}
	
	.touch-left, .touch-right {
		width: 100%;
		float: none;
	}

	.home .footer-middle {
		width: 58%;
	}

	.touch-left {
		margin-bottom: 15px;
	}

	.home .footer-right {
		width: 35%;
	}

	.footer-copyright::before {
		height: 30px;
	}

	.about-top-left {
		padding-bottom: 0;
	}

	.about-top-heading {
		display: none;
	}

	.about-top-image {
		background: none !important;
		position: relative;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.about-top-image:before {
		position: absolute;
		width: 100%;
		height: 50%;
		background-color: #000;
		top: 0;
		left: 0;
		content: "";
	}

	.about-top-right img {
		display: block;
		position: relative;
		z-index: 10;
	}

	.about-top-left h6 {
		display: none;
	}

	.about-content-left, .about-content-right {
		width: 100%;
		float: none;
		padding: 0;
	}

	.about-heading-wrap {
		margin-top: 0;
	}

	.about-heading-left {
		width: 100%;
		float: none;
	}

	.about-heading-left h2 {
		height: 60px;
	}

	.about-heading-right {
		display: none;
	}

	.about-bottom-wrap, .about-top-wrap {
		display: block;
	}

	.about-bottom-left, .about-bottom-right, .about-top-left, .about-top-right {
		width: 100%;
		display: block;
	}

	.about-bottom-left {
		padding-right: 0;
	}

	.about-bottom-left p {
		padding: 35px 0 40px;
	}

	.about-bottom-left p::before {
		left: 0;
		top: 0;
	}

	.about-bottom-left p::after {
		bottom: 10px;
	}

	.about-bottom-left {
		margin-bottom: 35px;
	}

	.contact span {
		display: block;
		text-align: center;
	}

	.contact span span {
		display: inline-block;
		text-align: left;
	}

	.contact-info:first-child {
		margin-bottom: 20px;
	}

	.contact span.contact-sep {
		display: none;
	}

	.service-top h1, .service-top h2 {
		font-size: 18px;
		height: 24px;
	}

	.services {
		padding: 20px 0;
	}

	.services .inner {
		padding: 0 18px;
	}

	.service-wrap {
		margin-bottom: 25px;
		display: block;
	}

	.service-left, .service-right, .image-right .service-right {
		width: 100%;
		display: block;
		padding: 20px 0 10px;
	}

	.first-services .service-wrap:first-child .service-right {
		padding: 20px 0 10px;
	}

	.service-right h2 {
		font-size: 17px;
	}

	.testimonial {
		padding: 35px 0;
	}

	.testimonial img {
		margin-bottom: 25px;
	}

	.testimonial h3 {
		font-size: 15px;
	}

	.page-template-content .content-area {
		padding: 0 25px;
	}

	.page-title {
		font-size: 26px;
	}

	.page-content h2 {
		font-size: 16px;
	}

	.page-template-contact2 .contact-left, .single-clients .contact-left {
		padding: 30px 25px;
	}

	.contact-left h1 {
		font-size: 16px;
	}

	.contact-left .touch-left, .contact-left .touch-right {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.contact-left .footer-social a {
		margin-right: 15px;
	}

	.contact-left .footer-social a:last-child {
		margin-right: 0;
	}

	.cwrap, .cleft {
		margin-bottom: 22px;
	}

	.cleft, .cright {
		width: 100%;
		float: none;
	}

	.page-template-contact2 .contact-right {
		min-height: 350px;
	}

	.clients-content-scroll {
		padding: 40px 25px 0;
	}

	.opening h3 {
		font-size: 14px;
	}
}

@media screen and (max-width :600px) {
	#clients ul li, #clients ul li:nth-child(3n+3) {
		width: 48%;
		margin-right: 0;
	}

	#clients ul li:nth-child(2n+2) {
		float: right;
	}
}

@media screen and (max-width :520px) {
	.home .footer-middle, .home .footer-right {
		width: 100%;
		float: none;
	}

	.home .footer-middle {
		margin-bottom: 30px;
	}

	.footer-right h5 {
		padding-left: 0;
	}
}

.testimonial img {
    height: 20px !important;
}



.inner-contactus {
	padding-left: 100px;
	padding-right: 100px;
}