@font-face{
	font-family: 'Tofino';
	src: url('/wp-content/fonts/tofino/tofinocond-regular-webfont.eot');
	src: url('/wp-content/fonts/tofino/tofinocond-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/wp-content/fonts/tofino/tofinocond-regular-webfont.woff') format('woff'),
	     url('/wp-content/fonts/tofino/tofinocond-regular-webfont.ttf') format('truetype'),
	     url('/wp-content/fonts/tofino/tofinocond-regular-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'Suprapower';
    src: url('/wp-content/fonts/Suprapower-Heavy.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Tiempos Text';
    src: url('/wp-content/fonts/TiemposText-Regular.otf');
    font-weight: normal;
    font-style: normal;

}

/*!
Theme Name: FVM
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fvm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

FVM is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}
section {
     width: 100%;
     float: left;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #2c3133;
     font-family: torino, sans-serif;
     font-weight: 400;
     font-style: normal;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
     font-family: suprapower, sans-serif;
}
h5 {
     font-family: TiemposText, sans-serif;
     text-transform: uppercase;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
     margin: 0 0 0 35px;
     padding: 0;;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #f57a51;
	font-weight: 500;
     text-decoration: none;
     -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a:visited {
	color: #f57a51;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 991px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1201px) {
  .container {
    width: 90%;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

h1 {
     font-size: 3.5em;
     line-height: 1.2em;
}
     h1 span {
          font-weight: 700;
     }
h2 {
	font-size: 3em;
     line-height: 1.2em;
	margin: 0 0 20px 0;
}
h3 {
     font-size: 3em;
     line-height: 1.2em;
     margin: 0 0 20px 0;

}
h4 {
     font-size: 2.5em;
     line-height: 1.2em;
     margin: 0 0 20px 0;

}
h5 {
     font-size: 2em;
     line-height: 1.2em;
     margin: 0 0 20px 0;

}
h6 {
     font-family: inherit;
     font-weight: 500;
     text-transform: uppercase;
}

.no-padding--all {
     padding: 0;
}
.no-padding--vertical {
     padding-top: 0;
     padding-bottom: 0;
}
.no-padding--horizontal {
     padding-left: 0;
     padding-right: 0;
}
.no-padding--left {
     padding-left: 0;
}
.no-padding--right {
     padding-right: 0;
}

.padding-bottom--sm {
     padding-bottom: 10px;
}
.padding-bottom--md {
     padding-bottom: 30px;
}
.padding-bottom--lg {
     padding-bottom: 40px;
}
.padding-bottom--xl {
     padding-bottom: 60px;
}

.padding-horizontal--xl {
	padding: 0 60px;
}
.padding-horizontal--lg {
	padding: 0 40px;
}
.padding-horizontal--md {
	padding: 0 20px;
}

.text-white {
     color: #fff;
}
.text-black {
     color: #000;
}
.text-light-blue {
     background: #e6eaf2;
}
.text-light-gray {
     color: #6d758c;
}
.text-dark-gray {
     color: #383c47;
}
.text-orange {
     color: #f57a51;
}

.bg-white {
     background: #fff;
}
.bg-black {
     background: #000;
}
.bg-light-blue {
     background: #e6eaf2;
}
.bg-light-gray {
     background: #6d758c;
}
.bg-dark-gray {
     background: #383c47;
}
.bg-orange {
     background: #f57a51;
}
.flex-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.flex-box .column {
    flex: auto;
}

.button-arrow {
     display: inline-block;
     transition:1s;
     -webkit-transition:1s;
     -moz-transition:1s;
}
     .button-arrow a {
         font-family: suprapower, sans-serif;
          display: inline-block;
          border: 2px solid #000;
          padding: 8px 20px;
          min-width: 300px;
          text-transform: uppercase;
          transition:1s;
          -webkit-transition:1s;
		color: #000;
          -moz-transition:1s;
     }
          .button-arrow::after {
               font-family: dashicons;
               content: "\f344";
               border: 2px solid #000;
               top: 3px;
               position: relative;
               padding: 12px;
               transition:1s;
               -webkit-transition:1s;
               -moz-transition:1s;
               left: -2px;
          }
     .button-arrow a:hover {
          text-decoration: none;
          color: #f57a51;
          border: 2px solid #000;

     }
     .button-arrow:hover::after {
          left: 25px;
          border: 2px solid #f57a51;
          color: #f57a51;
     }
     .button-arrow:hover a {
          border: 2px solid #f57a51;
          color: #f57a51;
     }

	.btn-arrow {
	     display: inline-block;
	     transition:1s;
	     -webkit-transition:1s;
	     -moz-transition:1s;
	}
	     .btn-arrow a {
	         font-family: suprapower, sans-serif;
	          display: inline-block;
	          border: 2px solid #000;
	          padding: 8px 20px;
	          min-width: 300px;
	          text-transform: uppercase;
	          transition:1s;
	          -webkit-transition:1s;
	          -moz-transition:1s;
	     }

	     .btn-arrow a:hover {
	          text-decoration: none;
	          color: #f57a51;
	          border: 2px solid #000;

	     }

	     .btn-arrow:hover a {
	          border: 2px solid #f57a51;
	          color: #f57a51;
	     }

		.btn-arrow .btn-arrow-link {
			width: 40px;
			min-width: 40px;
			position: relative;
			left: 0;
			top: 3px;
			border-left: 0;
		}

     .button-arrow-sm::after {
          font-family: dashicons;
          content: "\f344";
          border: 2px solid #000;
          top: 1px;
          font-size: 12px;
          position: relative;
          padding: 1px;
          transition: 1s;
          -webkit-transition: 1s;
          -moz-transition: 1s;
          left: 5px;
     }
     .button-arrow-sm a {
          text-transform: uppercase;
          font-weight: 600;
     }
     .button-arrow-sm a:hover {
          text-decoration: none;
          color: #f57a51;
     }
     .button-arrow-sm:hover::after {
          left: 15px;
          color: #f57a51;
          border-color: #f57a51;
     }


	a.btn {
	  margin: 0px;
	  padding: 0;
	}

	.arrow {
	  color: #000 !important;
	  margin: 1em 0;
	}
	.arrow::after {
	  display: inline-block;
	  padding-left: 8px;
	  padding: 8px 14px;
	  border: 2px solid #000;
	  border-left: 0;
	  font-family: dashicons;
	  content: "\f344";
	  transition: .2s;
	  -webkit-transition: .2s;
	  -moz-transition: .2s;
	}
	.arrow:hover {
	  color: #f57a51 !important;
	  border-color: #f57a51;

	}
	.arrow:hover::after {
		border-color: #f57a51;
	  border-left: 2px solid #f57a51;
	  transform: translateX(14px);
	}

	.arrow .btn-link {
		border: 2px solid #000;
		position: relative;
		float: left;
		min-width: 300px;
		padding: 8px 20px;
		text-transform: uppercase;
		font-family: suprapower, sans-serif;
	}
		.arrow:hover .btn-link {
			border-color: #f57a51;
		}



.arrow-sm {
  color: #000;
  margin: 1em 0;
}
.arrow-sm::after {
	position: relative;
	    display: inline-block;
	    left: 5px;
	    padding: 1px 2px;
	    border: 2px solid #000;
	    font-family: dashicons;
	    content: "\f344";
	    top: 0px;
         line-height: 1;
	    font-size: 12px;
	    transition: 1s;
	    -webkit-transition: 1s;
	    -moz-transition: 1s;
}
.arrow-sm:hover {
  color: #f57a51;
  border-color: #f57a51;

}
.arrow-sm:hover::after {
	border-color: #f57a51;
  border-left: 2px solid #f57a51;
  transform: translateX(14px);
  color: #f57a51;
}

.arrow-sm .btn-link {
	position: relative;
	float: left;
	text-transform: uppercase;
    font-weight: 600;
    color: #383c47;
    transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
}
	.arrow-sm:hover .btn-link {
		color: #f57a51;
	}

/**** Slick overrides ****/
.slick-slide {
     height: auto !important;
	outline: none;
}
.slick-dots {
     bottom: 100px !important;
     right: 50px;
     text-align: right !important;
}
.slick-prev, .slick-next {
     z-index: 1;
}
.slick-prev:before, .slick-next:before {
     font-family: dashicons !important;
     font-size: 50px !important;
}
.slick-prev:before {
     content: "\f341" !important;
}
.slick-next:before {
     content: "\f345" !important;
}
.slick-prev {
     left: 120px !important;
}
.slick-next {
     right: 30px !important;
}

.slick-dots li.slick-active button:before {
     background: #f57a51 !important;
    opacity: 1 !important;
}
.slick-dots li {
    margin: 0 25px !important;
    height: 17px !important;
}
.slick-dots li button:before {
    background: #fff !important;
    border-radius: 0 !important;
    width: 60px !important;
    height: 4px !important;
    color: transparent !important;
    opacity: 1 !important;
}


#header {
         position: fixed;
         top: 0;
         padding: 0 0 20px;
         width: 100%;
         text-align: center;
         -webkit-transition: all 0.8s ease;
         transition: all 0.8s ease;
         z-index: 99;
         background: #e6eaf2;
}
     #header .logo {
          text-align: left;
          padding-top: 40px;
          -webkit-transition: all 0.8s ease;
         transition: all 0.8s ease;
     }
          #header .logo img {
               -webkit-transition: all 0.8s ease;
              transition: all 0.8s ease;
		    max-width: 70px;
          }
     #header #site-navigation .menu-main-menu-container {}
          #header #site-navigation .menu-main-menu-container ul {
               position: relative;
               float: right;
          }
               #header #site-navigation .menu-main-menu-container ul li {
                    float: left;
                    margin: 0;
                    padding: 0;
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    padding-left: 50px;
               }
                    #header #site-navigation .menu-main-menu-container ul li a {
                         font-family: suprapower, sans-serif;
                         font-size: 1.1em;
                         font-weight: 400;
                         color: #383c47;
                         text-decoration: none;
                         text-transform: uppercase;
                         display: block;
                         line-height: 1em;
                         letter-spacing: .05em;
                         outline: none;
                         padding: 60px 0 0;
                         -webkit-transition: all 0.3s ease;
                         transition: all 0.3s ease;
                    }
                         #header #site-navigation .menu-main-menu-container ul li:last-child a {
                              padding-right: 0;
                         }
                         #header #site-navigation .menu-main-menu-container ul li a:hover {
                              color: #f57a51;
                              border-top: 6px solid #f57a51;
                         }
                         #header #site-navigation .menu-main-menu-container ul li.current-menu-item a {
                              color: #f57a51;
                              border-top: 6px solid #f57a51;
                         }
          #header.sticky {
               -webkit-transition: all 0.3s ease;
               transition: all 0.3s ease;
               padding-bottom: 0;
               box-shadow: 0px 1px 10px #383c47;
          }
          #header.sticky .logo {
               padding: 15px 0 10px;
               -webkit-transition: all 0.3s ease;
               transition: all 0.3s ease;
          }
               #header.sticky .logo img {
                    width: 50px;
                    -webkit-transition: all 0.3s ease;
                    transition: all 0.3s ease;
               }
               #header.sticky #site-navigation .menu-main-menu-container ul li a {
                    padding-top: 45px;
                    font-size: 1em;
               }


.content-area {
     margin-top: 80px;
}

/***** templates ******/
.slide-bg-image {
     height: 500px;
}
.our-work-hero .slide-bg-image {
     height: 500px;
     margin-left: 140px;
}

.case-study-categories {}
     .case-study-categories .inner-container {
          float: left;
          border-bottom: 3px solid #fc8535;
          padding-bottom: 5px;
     }
	.category .case-study-categories .inner-container {border: 0;}
          .case-study-categories .inner-container h4 {
               font-family: serif;
               font-weight: 300;
               text-transform: uppercase;
               font-size: .9em;
          }
          .case-study-categories ul {
               list-style: none;
               margin: 0;
               padding: 0;
          }

               .case-study-categories ul li {
                    float: left;
                    margin-right: 100px;
               }
               .case-study-categories.blog-categories ul li {
                    margin-right: 75px;
               }
               .case-study-categories ul li.uncategorized,
               .case-study-categories ul li.cat-item-1 {
                    display: none;
               }
               .case-study-categories ul li.categories {
                    color: transparent;
               }
                    .case-study-categories ul li a {
                         font-weight: 600;
					color: #2c3133;
                    }
                    .case-study-categories ul li a:hover {
                         color: #fc8535;
                         text-decoration: none;
                    }
				.case-study-categories ul.branding li.branding a {
					color: #fc8535;
				}
				.case-study-categories ul.advertising-campaigns li.advertising-campaigns a {
					color: #fc8535;
				}
				.case-study-categories ul.content-sales-enablement li.content-sales-enablement a {
					color: #fc8535;
				}
				.case-study-categories ul.websites li.websites a {
					color: #fc8535;
				}

.case-study-listings {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     padding-top: 100px;
     margin-top: 40px;
}
     .case-study-listings .single-case-study {
          flex: 0 32%;
          height: 100%;
          margin-right: 5px;
          margin-bottom: 10%; /* (100-32*3)/2 */
     }
     .case-study-listings .single-case-study:nth-of-type(7),
     .case-study-listings .single-case-study:nth-of-type(8),
     .case-study-listings .single-case-study:nth-of-type(9) {
          margin-bottom: 3%;
     }
          .case-study-listings .single-case-study-content {
               padding: 40px 0 40px 15px;
          }
          .case-study-listings .single-case-study-content.line-hover {
               border-bottom-color: #fc8535;
          }
          .case-study-listings .single-case-study h3, .case-study-listings .single-case-study-content .btn-parent {
               font-family: torino, sans-serif;
               font-size: 1.1em;
               font-weight: 600;
               height: 100px;
          }
		.case-study-listings .single-case-study-content .arrow-sm .btn-link {
    			display: contents;
			text-transform: initial;
		}
               .case-study-listings .single-case-study h3::after {
                    font-family: dashicons;
                    content: "\f344";
                    border: 2px solid #000;
                    top: 1px;
                    font-size: 12px;
                    position: relative;
                    padding: 1px;
                    transition: 1s;
                    -webkit-transition: 1s;
                    -moz-transition: 1s;
                    left: 5px;
               }
               .case-study-listings .single-case-study h3 a:hover {
                    text-decoration: none;

               }
          .case-study-listings .single-case-study h5 {
               font-weight: 400;
               margin: 0;
			font-size: 14px;
          }
          .case-study-listings .single-case-study p {
               font-weight: 600;
               margin: 0;
          }
          .case-study-listings .single-case-study-image {
               height: 250px;
               border-top: 0px solid #fc8535;
               -webkit-transition: 0.2s ease-in-out;
               -moz-transition: 0.2s ease-in-out;
               -o-transition: 0.2s ease-in-out;
               transition: 0.2s ease-in-out;
          }
          .case-study-listings .single-case-study a {
			color: #383c47;
          }
               .case-study-listings .single-case-study a:hover .single-case-study-image {
                    border-top: 8px solid #fc8535;
                    -webkit-transition: 0.2s ease-in-out;
                    -moz-transition: 0.2s ease-in-out;
                    -o-transition: 0.2s ease-in-out;
                    transition: 0.2s ease-in-out;
               }
          /* Keyframes for the fade-in */
          @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
          @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
          @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

          .fade-in {
            opacity:0;
            opacity: 1 \9; /*just in case ie*/
            -webkit-animation:fadeIn ease-in 1;
            -moz-animation:fadeIn ease-in 1;
            animation:fadeIn ease-in 1;

            -webkit-animation-fill-mode:forwards;
            -moz-animation-fill-mode:forwards;
            animation-fill-mode:forwards;

            -webkit-animation-duration:1s;
            -moz-animation-duration:1s;
            animation-duration:1s;
          }

          .fade-in.fade-item1 {
            -webkit-animation-delay: 0.1s;
            -moz-animation-delay: 0.1s;
            animation-delay: 0.1s;
          }

          .fade-in.fade-item2 {
            -webkit-animation-delay: .5s;
            -moz-animation-delay: .5s;
            animation-delay: .5s;
          }

          .fade-in.fade-item3 {
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            animation-delay: 1s;
          }
          .fade-in.fade-item4 {
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
            animation-delay: 1.5s;
          }

          .fade-in.fade-item5 {
            -webkit-animation-delay: 2s;
            -moz-animation-delay:2s;
            animation-delay: 2s;
          }

          .fade-in.fade-item6 {
            -webkit-animation-delay: 2.5s;
            -moz-animation-delay: 2.5s;
            animation-delay: 2.5s;
          }
          .fade-in.fade-item7 {
            -webkit-animation-delay: 3s;
            -moz-animation-delay: 3s;
            animation-delay: 3s;
          }

          .fade-in.fade-item8 {
            -webkit-animation-delay: 3.5s;
            -moz-animation-delay: 3.5s;
            animation-delay: 3.5s;
          }

          .fade-in.fade-item9 {
            -webkit-animation-delay: 4s;
            -moz-animation-delay: 4s;
            animation-delay: 4s;
          }
          .fade-in.fade-item10 {
            -webkit-animation-delay: 4.5s;
            -moz-animation-delay: 4.5s;
            animation-delay: 4.5s;
          }

          .fade-in.fade-item11 {
            -webkit-animation-delay: 5s;
            -moz-animation-delay: 5s;
            animation-delay: 5s;
          }

          .fade-in.fade-item12 {
            -webkit-animation-delay: 5.5s;
            -moz-animation-delay: 5.5s;
            animation-delay: 5.5s;
          }
.our-work-tags {
     font-weight: 600;
}
     .our-work-tags::after {
          content: "";
          border-bottom: 4px solid #f57a51;
          width: 100%;
          height: 20px;
          display: block;
          max-width: 90%;
          margin: 20px auto 40px;
     }

#fvm-post-navigation {
     width: 100%;
     float: left;
     padding: 0 0 80px;
}

     #fvm-post-navigation .inner-container {
          float: right;
          padding-right: 40px;
     }
     #fvm-post-navigation a {
          font-weight: 600;
          margin-left: 35px;
     }
     #fvm-post-navigation a:hover {
          color: #f57a51;
          text-decoration: none;
     }
     #fvm-post-navigation a .dashicons {
          position: relative;
          top: 4px;
     }
     #fvm-post-navigation .page-numbers.current {
          display: inline-block;
          width: 10px;
          border-top: 2px solid #f57a51;
          text-align: center;
          font-weight: 600;
          margin-left: 35px;
     }

/***** Mods ******/

.intro-section.interior-hero h1 {
     margin: 60px 0 40px;
     /*font-size: 3.052em;*/
     max-width: 75%;
}
.single .intro-section.interior-hero h1 {
     font-size: 3.052em;
     max-width: 100%;
}
.single .intro-section.interior-hero h2 {
	font-size: 2.6em;
}

.homepage-hero-carousel .slick-slider {
     overflow: hidden;
     padding-left: 100px;
}

.homepage-hero-carousel {
     padding-top: 50px;
     background: linear-gradient(to bottom, #e6eaf2 0%, #e6eaf2 50%, #ffffff 50%, #ffffff 100%);
}
.slide-bg-pattern {
     text-align: right;
     float: right;
     position: relative;
     top: -5px;
}
.hero-linked-project {
     position: absolute;
     width: 450px;
     right: 0;
     background: #fff;
     top: -60px;
     padding: 40px 30px 30px;
}
     .hero-linked-project h5 {
          margin: 0;
          color: #383c47;
          font-size: 1em;
          line-height: 1.2em;
     }
     .hero-linked-project .button-arrow-sm a,
	.hero-linked-project .btn.arrow-sm {
          font-size: .8em;
     }
	.hero-linked-project .btn-parent {
		position: relative;
		top: 8px;
	}
	.hero-linked-project .arrow-sm::after {
		top: 0px;
	}
     .hero-linked-project p {
          margin: 5px 0 0;
     }
.slide-container {
     margin-top: 60px;
}

.link-box {
     height: 100%;
     border-left: 3px solid #383c47;
     border-bottom: 3px solid #383c47;
     margin-left: 50px;
}
     .link-box a {
          position: absolute;
          bottom: 0;
          padding: 15px;
          font-family: suprapower, sans-serif;
          text-transform: uppercase;
          max-width: 170px;
     }
     .link-box a::after {
          font-family: dashicons;
          content: "\f344";
          border: 3px solid #000;
          top: 7px;
          position: relative;
          padding: 12px;
          transition:1s;
          -webkit-transition:1s;
          -moz-transition:1s;
          left: 30px;
     }
     .link-box a:hover {
          color: #f57a51;
     }



.our-work-copy-block {
     padding: 60px 0;
}
     .two-column-copy-block  h2{
		font-size: 1.6em;
     }
          .two-column-copy-block .inner-copy-block {
               padding: 0 100px;
          }
     .our-work-copy-block.full-wdith-copy-block .inner-container {
          max-width: 800px;
          margin: 0 auto;
          float: none;
     }
.copy-with-image .flex-box {
     align-items: center;
}

     .copy-with-image ul li {
          margin-bottom: 15px;
          line-height: 1.4em;
     }
.copy-images-carousels .single-carousel-image {
     height: 500px !important;
}

.copy-images-carousels .slick-dotted.slick-slider {
     margin-bottom: 0 !important;
}

.copy-images-carousels.copy-with-image #left-col {
     padding: 20px 60px;
}

.our-Work-section {
     padding: 120px 0 60px;
}
     .our-Work-section p {
          max-width: 700px;
     }
     .our-Work-section h5 {
          width: 100%;
          float: left;
          margin-top: 60px;
          font-weight: 500;
		font-size: 14px;
     }
          .link-box a:hover::after {
               left: 50px;
               color: #f57a51;
               border-color: #f57a51;
          }
          .link-box:hover a {
               text-decoration: none;
          }
.featured-case-study-section {
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     overflow: hidden;
     flex-wrap: wrap;
}
.featured-case-study-section .single-col {
     flex: 0 25%;
     padding-right: 5px;
     border-bottom: 3px solid #383c47;
}
     .featured-case-study-section .single-col.cs-hover {
          border-bottom: 3px solid #f57a51;
     }
     .featured-case-study-section .single-col:last-child {
          border-bottom: 0;
     }
     .featured-case-study-section .single-col .inner-box {

     }
          .featured-case-study-section .single-col .inner-box .inner-box-content {
               padding: 40px 0 10px 40px;
          }
          .featured-case-study-section .single-col .inner-box .button-arrow a {
               min-width: initial;
          }
.results-block {
	padding: 40px 0;
}
	.results-block a:hover {
		text-decoration: none;
		color: #383c47;
	}
	.results-block #content-row {
		padding-left: 100px;
		padding-bottom: 60px;
		max-width: 80%;
	}
	.results-block #case-studies-row {
		border-top: 4px solid #f57a51;
		padding: 10px 0 0 100px;

		text-align: right;
	}
		.results-block #case-studies-row #case-studies-container {
			max-width: 76%;
		}
		.results-block #case-studies-row h5 {
			margin: 0;
			font-weight: 300;
			font-size: 1.15em;
			font-family: serif;
			text-align: left;
		}
		.results-block #case-studies-row .post-category-link {

		}
			.results-block #case-studies-row .post-category-link a {
				padding-right: 30px;
			}

		.results-block #case-studies-row a {
			font-weight: 600;
		}
.results-block.copy-with-image {
	padding: 0 0 20px 0;
}
	.results-block.copy-with-image #case-studies-row {
		padding-top: 20px;
	}
	.results-block.two-column-text .column {
		padding: 50px 0;
	}
	.results-block.two-column-text #left-column {
		padding-right: 30px;
	}
	.results-block.two-column-text #right-column {
		padding-left: 30px;
	}
.services-section {
     padding-top: 140px;
     padding-bottom: 60px;
}
     .services-section .slick-dotted.slick-slider {
          margin-bottom: 0 !important;
     }
     .services-section .services-content {
          padding: 60px 100px 180px;
     }
          .services-section .services-content p {
               max-width: 500px;
          }
     .services-section .latest-carousel {
          float: right;
          border-top: 2px solid #383c47;
     }
          .services-section .latest-carousel .slick-dotted.slick-slider {
               margin-bottom: 0 !important;
          }
          .services-section .latest-carousel .fvm-carousel {
               height: 500px !important;
          }
          .wood-pattern{
               background: url(/wp-content/uploads/2020/07/bg-wood-pattern.jpg);
               background-size: contain;
               background-position: 50% 50%;
               background-repeat: repeat;
               height: 35px;
          }
          .service-carousel .slick-slide {
               height: 600px !important;
          }
          .service-carousel .slick-dots {
               bottom: 0% !important;
          }
          .service-carousel .slick-prev {left: 0 !important;}
          .service-carousel .image-column {
               margin-top: -430px;
               float: right;
          }
               .service-carousel .image-column h5 {
                    font-family: serif;
                    border-top: 3px solid #383c47;
                    padding: 30px 0 0;
                    font-weight: 400;
				font-size: 14px;
               }
               .service-carousel .image-column .single-carousel-post-link {
                    position: absolute;
                    bottom: 0;
                    padding: 0 50px;
                    color: #fff;
                    background: rgba(56,60,71,.5);
               }
                    .service-carousel .image-column .single-carousel-post-link p.button-arrow-sm a {
                         color: #fff;
                    }
                    .service-carousel .image-column .single-carousel-post-link p.button-arrow-sm::after {
                         border-color: #fff;
                    }
				.parthers-tools {
					padding: 100px 0;
				}
					.parthers-tools h3 {
						margin-bottom: 60px;
					}
				.expand-button {
				  cursor: pointer;
				  display: block;
				  margin-top: 1rem;
				  margin-left: auto;
				  margin-right: auto;
				  border: 0;
				  border-bottom: 4px solid #383c47;
				  border-color:#383c47;
				  background: transparent;
				  width: 100%;
				  font-family: suprapower, sans-serif;
				  font-size: 1.4em;
				  border-radius: 0;
				}
					.expand-button .dashicons {
						position: relative;
						top:-6px;
						font-size: 1.4em;
						font-weight: 900;
					}

				.expand-button:hover, .expand-button:active {
				 border-bottom: 4px solid #f57a51 !important;
				 color: #f57a51;
				 border-color: #f57a51;
				}

				.special-text {
				  position: relative;
				  max-height: 650px;
				  overflow: hidden;
				  transition: max-height 1s ease;
				}
				.special-text.-expanded {
				  max-height: 200vh;
				}

				.special-text:not(.-expanded)::after {
				  content: "";
				  position: absolute;
				  height: 350px;
				  top: initial;
				  bottom: 0;
				  left: 0;
				  right: 0;
				  background: linear-gradient(rgba(255, 255, 255, 0), white);
				}

				.single-partner-tools {
					padding: 25px 0;
					text-align: center;
				}
					.single-partner-tools img {
						max-width: 70%;
					}
.logo-carousel-section {
     padding: 0 0 40px 0;
}
     .logo-carousel-section H5 {
          font-weight: 400;
     }
          .logo-carousel-section .slide-bg-image img {
               margin: 0 auto;
          }
               .logo-carousel-section .slick-prev, .logo-carousel-section .slick-next {
                    top: 35% !important;
               }
               .logo-carousel-section .slick-prev:before, .logo-carousel-section .slick-next:before {
                    color: #383c47;
               }
               .logo-carousel-section .slick-prev {
                    left: -50px !important;
               }
               .logo-carousel-section .slick-next {
                    right: 30px !important;
               }

.accordions {
     padding: 60px 0 0;
}
     .accordion {
       margin: 0 auto;
     }
          .accordion h3 {
            font-weight: 700;
            font-size: 24px;
            line-height: 1.42;
            margin-bottom: 24px;
          }

          .accordion__item {
            margin-bottom: 20px;
            border-bottom: 1px solid #b0b3bb;
          }
          .accordion__item:last-child {

          }
          .accordion__item:last-child {
            margin-bottom: 0;
          }
          .accordion__item > div {
            padding: 21px 78px 25px 27px;
            display: none;
          }
          .accordion__item h4 {
               position: relative;
            font-weight: 700;
            font-size: 2em;
            line-height: 21px;
            letter-spacing: 0.01em;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            padding: 5px 22px 5px 27px;
            transition: 0.3s ease-in-out;
          }
          .accordion__item h4 .dashicons-close-box {
               border: 2px solid #000;
          }
          .accordion__item h4:hover .dashicons-close-box, .accordion__item h4.active .dashicons-close-box {
               border: 2px solid #f57a51;
          }
          .accordion__item h4 i {
            color: #000;
            transition: 0.3s ease-in-out;
            transform: rotateZ(135deg);
          }
          .accordion__item h4:hover, .accordion__item h4.active {
            color: #f57a51;
          }
          .accordion__item h4:hover i, .accordion__item h4.active i {
            color: #f57a51;
          }
          .accordion__item h4.active i {
            transform: rotateZ(180deg);
          }
          .accordion__item h4 .close-msg {
               position: absolute;
               display: none;
               right:55px;
               text-transform: uppercase;
               font-family: torino, sans-serif;
               font-size: 12px;
               font-weight: 400;
          }
          .accordion__item h4.active .close-msg {display: block;}
          .accordion__item .accordion-content {}
               .accordion__item .accordion-content p {
                    max-width: 1000px;
               }

.team-fun-image {
     height: 600px;
     text-align: right;
}
     .team-fun-image img {
          float: right;
     }
.card__expander .dashicons.dashicons-no-alt:before {
     font-size: 16px;
     position: relative;
     top: 4px;
     border: 2px solid;
     left: -5px;
}
     .card__expander .dashicons.dashicons-no-alt span{
          font-family: TiemposText, sans-serif;
          text-transform: uppercase;
          font-weight: 600;
     }

.cards {
	display: flex;
	flex-flow: row wrap;
}

.card {
	margin-right: 5px;
	width: calc((100% / 4) - 30px);
	transition: all 0.2s ease-in-out;
     margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
	.card {
		width: calc((100% / 3) - 5px);
	}
}

@media screen and (max-width: 767px) {
	.card {
		width: 100%;
	}
}

.card:hover .card__inner {
	opacity: .8;
	transform: scale(1.02);
	color: #f57a51;
}
.card:hover .card__inner .team-main-image {
	border-top: 5px solid #f57a51;
}

.card__inner {
	width: 100%;
	position: relative;
	cursor: pointer;
	color: #383c47;
	font-size: 1.5em;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.card__inner:after {
	transition: all 0.3s ease-in-out;
}

.card__inner .fa {
	width: 100%;
	margin-top: .25em;
}

.card__expander {
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	color: #383c47;
	font-size: 1em;
}

.card__expander .dashicons {
	position: absolute;
	top: 30px;
	right: 70px;
	cursor: pointer;
     z-index: 9;
     font-size: 12px;
     text-transform: uppercase;
}

.card__expander .fa:hover {
	opacity: 0.9;
}

.card.is-collapsed .card__inner:after {
	content: "";
	opacity: 0;
}

.card.is-collapsed .card__expander {
	max-height: 0;
	min-height: 0;
	overflow: hidden;
	margin-top: 0;
	opacity: 0;

}

.card.is-expanded .card__inner {
	opacity: .8;
}

.card.is-expanded .card__inner:after {
	content: "";
	opacity: 1;
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: -30px;
	left: calc(50% - 15px);
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
}

.card.is-expanded .card__inner .fa:before {
	content: "\f115";
}

.card.is-expanded .card__expander {
	max-height: 1000px;
	min-height: 200px;
	overflow: visible;
	margin-top: 30px;
	opacity: 1;

}

.card.is-expanded:hover .card__inner {
	transform: scale(1);
}

.card.is-inactive .card__inner {
	pointer-events: none;
	opacity: 0.5;
}

.card.is-inactive:hover .card__inner {
	background-color: #949fb0;
	transform: scale(1);
}
.card__expander .card__expander_left {
     padding: 20px 20px 0 50px;
}
     .card__expander .card__expander_left p {
          max-width: 600px;
          line-height: 1.5em;
     }
          .card__expander .card__expander_left p a:last-child {
               text-decoration: underline;
          }
@media screen and (min-width: 992px) {
	.card:nth-of-type(4n+2) .card__expander {
		margin-left: calc(-94% - 30px);
	}

	.card:nth-of-type(4n+3) .card__expander {
		margin-left: calc(-189% - 58px);
	}

	.card:nth-of-type(4n+4) {
		clear: left;
	}

	.card__expander {
		width: calc(414% + 59px);
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.card:nth-of-type(2n+3) {
		clear: left;
	}

	.card__expander {
          display: block;
		width: calc(295% + 30px);
	}
}

.card:nth-of-type(4n+4) .card__expander {
     margin-left: calc(-290% - 58px);
}




.team-main-image {
     height: 300px;
     overflow: hidden;
}
     .team-main-image img {
          position: relative;
          top: -35px;
     }

.card__inner span {
     width: 100%;
     display: block;
     margin-top: 30px;
     text-align: left;
     padding-left: 50px;
}
     .card__inner span:first-child {
          font-size: 1.3em;
          font-weight: 600;
          text-transform: capitalize;
     }
     .card__inner span:last-child {
          font-size: 14px;
          text-transform: uppercase;
          margin-top: 0;
     }

.intro-section {
     margin-bottom: 80px;
}
     .intro-section h1 {
          margin: 0 0 20px;
     }
     .intro-section p {
		font-size: 1.4em;
		font-weight: 300;
          max-width: 950px;
     }
     .intro-section p.button-arrow {
          margin-top: 50px;
     }
     .intro-section::after {
          content: "";
          width: 94.4%;
          float: right;
          border-bottom: 3px solid #f57a51;
          position: absolute;;
          right: 0;
          margin-top: 35px;
     }

.blog-details {
     position: relative;
     margin-bottom: 60px;
}
     .blog-details a {
          text-decoration: underline
     }
          .blog-details a:hover {
               color: #f57a51;
          }
     .blog-details .author-blog a {
          ;
     }

     .blog-details .container::after {
          content: "";
          width: 94%;
          float: right;
          border-bottom: 3px solid #f57a51;
          position: absolute;
          right: 0;
          margin-top: 15px;
          bottom: -15px;
     }
.blog-content-area {
     padding: 60px 0;
}
     .blog-content-area h3 {
          font-size: 2.6em;
          margin: 50px 0 20px;
     }
.single-blog-content .blog-sidebar {
     text-align: center;
     padding-top: 200px;
}
.team-section {
     padding: 80px 0;
}
     .team-section .teams-container {
          padding-top: 100px;
     }
     .team-section .fun-facts {
          padding: 10px 50px 25px;
     }
		 .team-section .card__expander .card__expander_left .fun-facts p {
			 max-width: 100%;
			 margin-bottom: 0;
		 }


     /* Accordion styles */
     .tabs {
      overflow: hidden;
     }
     .tabs input {
      position: absolute;
      opacity: 0;
      z-index: -1;
     }
     .tab {
      width: 100%;
      color: white;
      border-bottom: 4px solid #595959 !important;
      overflow: hidden;
     }
     .tab-label {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: justify;
      justify-content: space-between;
      padding: 15px 0 0 !important;
      background: transparent;
      text-transform: uppercase;
      color: #383c47;
      font-family: suprapower, sans-serif;
      letter-spacing: .1em;
      cursor: pointer;
      font-size: 1.15em;
      /* Icon */
     }
     .tab-label:hover {
           color: #f57a51;
     }
     .tab-label::after {
      font-family: dashicons;
      content: "\f347";
      width: 1em;
      height: 1em;
      text-align: center;
      -webkit-transition: all .5s;
      transition: all .5s;
     }
     .tab-content {
      max-height: 0;
      padding: 5px 4px 0px !important;
      -webkit-transition: all .5s;
      transition: all .5s;
     }
          .tab-content p {
               margin-bottom: 1.5em;
          }
          .tab-content a {
               text-transform: uppercase;
			  text-decoration:none;
			  color: #383c47;
          }
               .tab-content a:visited {
               }
               .tab-content a:hover {
                     color: #f57a51;
                    text-decoration: none;
               }
     .tab-close {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
               justify-content: flex-end;
      padding: 1em;
      font-size: 0.75em;
      background: #2c3e50;
      cursor: pointer;
     }
     .tab-close:hover {
      background: #1a252f;
     }

     input:checked + .tab-label {
          background: transparent;
          color: #000;
          text-transform: uppercase;
     }
     input:checked + .tab-label::after {
      -webkit-transform: rotate(180deg);
               transform: rotate(180deg);
              
     }
     input[type=checkbox]:focus+label:after, input[type=radio]:focus+label:after {
          box-shadow: none !important;
     }
     input:checked ~ .tab-content {
      max-height: 100vh;
      padding-top: 20px !important;
     }

.recent-blogs {
     padding: 100px 30px 20px 100px;
}
     .recent-blogs h3 {
          margin-bottom: 60px;
     }
     .recent-blogs h4 {
          margin: 0;
		font-size: 1em;
     }
     .recent-blogs .left-column {
          padding-right: 10%;
     }
     .recent-blogs .right-column {}
          .recent-blogs .single-recent-blog {
               padding-right: 10px;
          }
          .recent-blogs .recent-blog-thumbnail {
               height: 200px;
          }
          .recent-blogs .button-arrow-sm {
               border-bottom: 3px solid #383c47;
               padding-bottom: 80px;
          }

footer {
     width: 100%;
     float: left;
     padding: 120px 0 50px;
}
     footer h4 {
	    font-size: 1.6em !important;
	    color: #fff !important;
         letter-spacing: .5px;
	    margin-top: 0;
     }
	footer .footer-logo img{
		max-width: 110px;
		margin-bottom: 30px;
	}
	footer #copyright {
		margin: 20px 0 25px;
	}
     footer p {
         font-weight: 400;
         margin: 0 0 10px 0;
     }
     footer p a {
          color: #fff;
     }
          footer p a:visited {
               color: #fff;
          }
          footer p a:hover {
               color: #fc8535;
          }
	footer .newsletter-wrapper {
		max-width: 80%;
	}
	footer ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	    color:    #fc8535;
	}
	footer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #fc8535;
	   opacity:  1;
	}
	footer ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #fc8535;
	   opacity:  1;
	}
	footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #fc8535;
	}
	footer ::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #fc8535;
	}

	footer ::placeholder { /* Most modern browsers support this now. */
	   color:    #fc8535;
	}
	footer #center-col p {

	}
	footer #nf-field-12 {
		border: 1px solid #fff !important;
		height: 48px !important;
	}
	footer .nf-error.field-wrap .nf-field-element:after {
		top: 1px !important;
	}
	footer .nf-pass.field-wrap .nf-field-element:after {
		top: 0 !important;
	}
	footer .nf-response-msg {
		margin-top: 10px;
	}
		footer .nf-response-msg p {
			font-weight: 600;
		}
	footer .nf-form-content input[type=button] {
		border: 1px solid #fff !important;
		color: #fff !important;
		text-align: left;
    		min-width: 120px;
		margin-left: 5px;
		font-size: 14px;
		height: 48px;
	}
	footer .nf-form-content input[type=button]::after {
		display: inline-block;
		padding-left: 8px;
		padding: 8px 14px;
		border: 2px solid #fff;
		border-left: 0;
		font-family: dashicons;
		content: "\f344";
		transition: .2s;
		-webkit-transition: .2s;
		-moz-transition: .2s;
	}
	footer .ninja-forms-req-symbol {
		display: none;
	}
	footer #ninja_forms_required_items, footer .nf-field-container {
		margin-bottom: 10px !important;
	}
	footer nf-field {float: left;}
	footer nf-field label {display: none;}
	footer nf-field:first-child {width: 70%;}
	footer nf-field:last-child {width: 30%;}
	.social-media {
		margin-top: 25px;
	}
	footer .nf-after-form-content {width: 100%;float: left;}
     .social-media ul {
          list-style: none;
          margin: 0;
          padding: 0;
     }
          .social-media ul li {
               float: left;
               margin-right: 15px;
          }
          .social-media ul li a {
               text-decoration: none;
          }
          .social-media ul li .dashicons {
               color: #fff !important;
			font-size: 24px;
          }
			.social-media ul li .dashicons:hover {
				color: #fc8535 !important;
			}
     footer p.button-arrow-sm a, footer .arrow-sm .btn-link {
          font-family: TiemposText, sans-serif;
          font-weight: 400;
		color: #FFF;
     }
          footer p.button-arrow-sm::after, footer .arrow-sm::after{
               border-color: #fff;
			color: #fff;
          }
     footer #bottom-footer {
          margin-top: 35px;
     }
     .dashicons-linkedin:before{
          content: "\f18d";
     }
footer::after {
     content: "";
     width: 97%;
     float: right;
     border-bottom: 3px solid #f57a51;
     position: absolute;
     right: 0;
}

.call-to-action {

}
	.call-to-action h3 {
		font-size: 3em !important;
	}
	.call-to-action h2 {
		font-size: 2.441em !important;
	}
     .call-to-action .left-col {
          padding: 100px 100px 80px;
     }
          .call-to-action .left-col p {

          }


.service-types {
     padding: 100px 0 60px;
}
     .service-types .service-types-row {}
          .service-types .service-types-row .service-thumbnail a {
               display: block;
               width: 100%;
               height: 100%;
          }
          .service-types .service-types-row .service-types-row-content {
               margin: 100px 0 0 50px;
               border-bottom: 3px solid #b3b6bd;
               padding-bottom: 50px;
          }
               .service-types .service-types-row .service-types-row-content p {
                    max-width: 600px;
               }
               .service-types .service-types-row .service-types-row-content ul {
                    margin: 30px 0 0 20px;
                    padding: 0;
                    -moz-column-count: 2;
                    -moz-column-gap: 20px;
                    -webkit-column-count: 2;
                    -webkit-column-gap: 20px;
                    column-count: 2;
                    column-gap: 20px;
               }
          .service-types .service-types-row .service-types-row-link-box {
               padding: 200px 20px 0;
          }
#contact-form-area {
     padding: 60px 50px 60px 110px;
}
     .nf-form-content {
          max-width: 100% !important;
     }
     .nf-before-form-content .nf-form-fields-required {
          display: none;
     }
     #ninja_forms_required_items, .nf-field-container {
          margin-bottom: 50px !important;
     }
     #ninja_forms_required_items h3, .nf-field-container h3, #ninja_forms_required_items h2, .nf-field-container h2 {
          margin-top: 30px;
     }
     .nf-field-label {
          margin-bottom: 0 !important;
     }
     .nf-form-content label {
          font-weight: 300 !important;
          font-size: .9em !important;
          color: #383c47;
          text-transform: uppercase;
     }
     .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
          border: 0 !important;
          border-bottom: 2px solid #383c47 !important;
          background: transparent !important;
          padding: 5px 5px 0 !important;
     }
     .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]) {
          height: 30px !important;
     }
     .nf-form-content textarea {
          border: 2px solid #383c47 !important;
     }
     .nf-form-content textarea:focus {
          border: 2px solid #f57a51 !important;
     }
     .nf-form-content .list-select-wrap .nf-field-element>div:focus, .nf-form-content input:not([type=button]):focus, .nf-form-content textarea:focus {
          border-bottom: 2px solid #f57a51 !important;
     }
     .nf-form-content input[type=button] {
          background: transparent !important;
          display: inline-block;
          font-family: suprapower, sans-serif;
          border: 2px solid #000 !important;
          color: #383c47 !important;
          padding: 8px 20px;
          min-width: 300px;
          border-radius: 0 !important;
          text-transform: uppercase;
          transition: 2s !important;
          -webkit-transition: 2s !important;;
          -moz-transition: 2s !important;
          cursor: pointer;
     }
          .nf-form-content input[type=button]::after {
               font-family: dashicons;
               content: "\f344";
               border: 2px solid #000;
               top: 3px;
               position: relative;
               padding: 12px;
               transition: 1s;
               -webkit-transition: 1s;
               -moz-transition: 1s;
               left: -2px;
          }
     .nf-form-content input[type=button]:hover {
          border-color: #f57a51 !important;
          color: #f57a51 !important;
     }
		 .nf-pass.field-wrap .nf-field-element:after {
			 		color: #f57a51 !important;
					font-size: 20px !important;
					top: -10px !important;
		 }
		 .nf-error.field-wrap .nf-field-element:after {
			 		background: #f57a51 !important;
					width: 40px !important;
					height: 45px !important;
					top: -20px !important;
		 }
		 .textarea-container .nf-error.field-wrap .nf-field-element:after {
			 top: 1px !important;
		 }

     .sidebar-block {
          padding: 40px 30px;
     }
          .sidebar-block p a {

          }
     .sidebar-block#careers {
          padding-bottom: 100px;
     }
          .sidebar-block h5 {
               font-family: serif;
               letter-spacing: .1em;
               font-size: 1.3em;
          }

.fvm-desktop-image {
}
.fvm-mobile-image {
     display: none !important;
}
.about-mobile-image {
     display: none !important;
}

/*** Page Specific css ***/
#nf-field-13 {
	border: 1px solid #ffffff !important;
     border-left: 0 !important;
    padding: 17px 25px 13px !important;
    height: 100% !important;
    color: #f57a51;
    cursor: pointer;
}
#nf-field-13:hover {
     border-color:#f57a51 !important;
     color: #f57a51 !important;
}
#nf-field-4 {
	border: 2px solid #383c47 !important;
    padding: 10px 25px 7px !important;
    height: 100% !important;
    color: #383c47;
    cursor: pointer;
}
#nf-field-4:hover {
     border-color:#f57a51 !important;
     color: #ffffff !important;
}

.post-type-archive-work .intro-section::after,
.tax-work-catergories .intro-section::after,
.single-work .intro-section::after,
.blog .intro-section::after,
.single-post .intro-section::after,
.category .intro-section::after {
     display: none;
}

.single-work .intro-section,
.single .intro-section,
.blog .intro-section {
     margin-bottom: 0;
}

.blog .case-study-categories h4,
.recent-blogs h4 {
     font-family: serif;
     font-weight: 400;
     letter-spacing: .1em;
	font-size: 1.2em !important;
}

.blog .case-study-categories .inner-container {border: 0;}

.blog .case-study-categories .inner-container .right-col,
.category .case-study-categories .inner-container .right-col  {
	border-bottom: 4px solid #f57a51;
	margin-left: 20px;
}
.blog .case-study-listings .single-case-study h3::after {display: none;}


.error404 .page-content p {
	max-width: 1000px;
	font-size: 1.2em;
}
.error404 .page-content p a {
	color: #f57a51;
}
	.error404 .page-content p a:hover {
		text-decoration: underline;
	}

.interior-hero.hero-about .image-caption {
	padding-left: 100px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	position: relative;
	left: 10px;
	top:-25px;
	width: 99%;
}
.page-id-6 .intro-section::after {display: none;}
.animated-logo-carousel {
	padding: 50px 0 100px;
	background:linear-gradient(to right, #383c47 35%, white 0%);
}
	.animated-logo-carousel h2 {
		color: #ffffff;
	}
.animated-logo-carousel .inner-container {
	padding-bottom: 150px;
}
	.animated-logo-carousel .inner-container h3 {
		position: relative;
		top:190px;
		color: #fff;
	}
.logo-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 200px;

}
.logo-grid .column img {
  width: 100%;
}
.logo-grid .column .grid-logo-wrapper {
  position: relative;
}
.logo-grid .column .grid-logo-wrapper .grid-logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  transform: translateY(-30px);
  transition: all .4s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.logo-grid .column .grid-logo-wrapper .grid-logo:first-child {

}
.logo-grid .column .grid-logo-wrapper .grid-logo.active {
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}


.single-work h1, .single-post h1 {font-size: 3.052em !important;}
.single-work h2, .single-post h2 {font-size: 2.441em;}
.single-work h3, .single-post h3 {font-size: 1.6em;color: #f57a51;}
.single-work h4, .single-post h4, .single-post h4 {font-size: 1.15em;color: #6d758c;text-transform: uppercase;}
footer .single-work h4  {font-size: 1.6em;color: inherit;text-transform: inherit;}
.single-work h5, .single-post h5 {font-size: 1.152em;}
.single-work h6, .single-post h6 {font-size: .85em;text-transform: uppercase;}
.single-work h3 {color:#f57a51;}


/*** START COOKIE NOTIFICATION ***/
#notification{
	position: fixed;
	bottom: 0;
	width: 100%;
	opacity: 0;
	display: none;
	padding: 10px 0;
	height: 70px;
     font-family: 'Rubik', sans-serif;
     z-index: 9;
}

#notification p {
	margin: 5px 0;
	float: left;
}
#notification #main-notification p {
     margin: 16px 0;
     font-size: 14px;
}
#notification .notification-buttons {
     float: left;
     padding-left: 50px;
}

#close-notification {
     position: absolute;
     right: 0;
}
#close-notification a{
	color: #383c47;
	border: none;
	font-size: 2em;
	padding: 0;
	margin: 0;
	max-width: 30px;
	text-decoration: none;
}
#notification  .button-arrow a:hover {
	color: #fff;
}
#notification  .button-arrow:hover a {
	border: 2px solid #fff;
    color: #fff;
}
#notification  .button-arrow:hover::after {
	border: 2px solid #fff;
    color: #fff;
}
	#close-notification a .dashicons{
          position: relative;
          top: 10px;
		font-size: 1em;
          color: #383c47;
	}
	#close-notification a:hover {
		color: #fff;
		border: none;
	}
     #close-notification a:hover .dashicons{
		color: #fff;
	}





	#cookieNotice {
	    box-sizing: border-box;
	    position: fixed;
	    padding: 20px;
	    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
	    font-family: inherit;
	    z-index: 999997;
	    bottom:0;
	    width: 100%;
	    display: none;
	}
	#cookieNotice #close-cookie {
	    width: 25px;
	    height: 25px;
	    cursor: pointer;
	    color: #bfb9b9;
	    overflow: hidden;
	    z-index: 999999;
	    position: absolute;
	    top: 8px;
	    right: 10px;
	    content: "\f153";
	    font-family: dashicons;
	}
	#cookieNotice * {
	    margin: 0;
	    padding: 0;
	    text-decoration: none;
	    list-style: none;
	    box-sizing: border-box;
	}
	#cookieNotice .button-arrow a {
		padding: 8px 20px;
		cursor: pointer;
	}
	#cookieNotice .button-arrow::after {top:3px;}
	#cookieNotice  .button-arrow a:hover {
		color: #fff;
	}
	#cookieNotice  .button-arrow:hover a {
		border: 2px solid #fff;
	    color: #fff;
	}
	#cookieNotice  .button-arrow:hover::after {
		border: 2px solid #fff;
	    color: #fff;
	}


	#cookieNotice #close-cookie a {
		color: #383c47;
	}
	#cookieNotice #close-cookie a:hover {
		color: #ffffff;
	}
	#cookieNotice .dashicons {
		font-size: 25px;
	}
	#cookieNotice p#policy-text {
	    position: relative;
	    top:10px;
	}
/*** END COOKIE NOTIFICATION ***/


@media only screen and (max-width:2000px) {
     .our-work-hero .slide-bg-image {margin-left: 115px;}
	.special-text {max-height: 500px;}
}

@media only screen and (max-width:1800px) {
     .our-work-hero .slide-bg-image {margin-left: 90px;}
     .case-study-listings .single-case-study #case-study-services {height: 50px;}
	.results-block #case-studies-row .post-category-link a {display: inline-block;padding-right: 20px;}
}

@media only screen and (max-width:1600px) {
     .fvm-desktop-image {height: auto !important;background: none !important;}
     .fvm-mobile-image {display: block !important;}

     .intro-section.interior-hero h1 {max-width: 100%;}
     .service-carousel .slick-slide {height: auto !important;}

     .two-column-copy-block .inner-copy-block {padding: 0 80px;}
     .case-study-listings .single-case-study-image {height: 180px;}
     .case-study-categories.blog-categories ul li {margin-right: 50px;}
     .blog-content-area {padding: 60px 60px 60px 0;}

	 .service-carousel .image-column .single-carousel-post-link {top: 0; bottom: initial;padding: 10px;}
     .service-carousel .image-column .single-carousel-post-link p {margin: 0 0 5px 0;}

	 .call-to-action .left-col h3 {max-width: 750px;}
	 .results-block #case-studies-row .post-category-link a,.results-block #case-studies-row h5, .results-block #case-studies-row a {font-size: 14px;}
	 .animated-logo-carousel {background:linear-gradient(to right, #383c47 39%, white 0%);}
	 .animated-logo-carousel .inner-container h3 {top:170px;}
	 .special-text {max-height: 420px;}
}

@media only screen and (max-width:1400px) {
     .intro-section .container {padding-left: 35px;}
     .intro-section .button-arrow a {min-width: 210px;}
     .intro-section::after {width: 92.5%;}
     .team-section .fun-facts {padding: 10px 15px;}

     .case-study-categories {padding: 0 20px;}
     .case-study-listings .single-case-study-image {height: 150px;}
     .case-study-categories.blog-categories ul li {margin-right: 30px;}
     footer p {padding-right: 40px;}
	.button-arrow a, .arrow .btn-link {min-width: 250px;}
	.animated-logo-carousel {background:linear-gradient(to right, #383c47 40%, white 0%);padding-bottom: 0;}
	.special-text {max-height: 380px;}
	.animated-logo-carousel h2 {max-width: 90%;}
}

@media only screen and (max-width:1300px) {

     .team-section .fun-facts {padding: 0 10px 10px;width: 100%;}
		 .team-section .card__expander .card__expander_left .fun-facts p {font-size: 14px;}
     .two-column-copy-block .inner-copy-block {padding: 0 70px;}
     .case-study-categories.blog-categories ul li {margin-right: 20px;}
     .case-study-categories.blog-categories ul li a {font-size: 15px;}
     .case-study-listings .single-case-study-image {height: 130px;}
	.results-block #case-studies-row .post-category-link a {width: 50%;text-align: left;padding-left: 5%;}
	.animated-logo-carousel .inner-container h3 {top:160px;font-size: 2.6em;}
	
	.homepage-hero-carousel {padding-top: 25px;}
}
@media only screen and (max-width:1250px) {
	#header #site-navigation .menu-main-menu-container ul li {padding-left: 30px;}
	#header #site-navigation .menu-main-menu-container ul li a {font-size: 1em;}
}
@media only screen and (max-width:1200px) {
     .slick-prev:before, .slick-next:before {font-size: 40px !important;}
     .service-carousel .image-column {margin-top: -220px;}
     .link-box {margin-left: 20px;}
     .homepage-hero-carousel .slick-slider {padding-left: 0;}
	.interior-hero.hero-about .image-caption {padding-left: 0;}
     .our-work-hero .slide-bg-image {margin-left: 0;}
     .intro-section .container {padding-left: 15px;}
     .intro-section::after {width: 89.5%;}
     .team-section .fun-facts {display: none;}

     .case-study-listings .single-case-study #case-study-services {height: 80px;}
     .case-study-listings .single-case-study #case-study-industry {height: 100px;}
     .case-study-listings .single-case-study-image {height: 120px;}
     .case-study-categories ul li {margin-right: 90px;}

     .two-column-copy-block .inner-copy-block {padding: 0 20px 0 130px;}
     .two-column-copy-block .column:last-child .inner-copy-block {padding: 0 110px 0 50px;}
	.arrow .btn-link {min-width: 200px;}
	.animated-logo-carousel {background:linear-gradient(to right, #383c47 45%, white 0%);}
	.animated-logo-carousel .inner-container h3 {top:150px;}
	.logo-grid .column .grid-logo-wrapper {left: 60px;}
	.special-text {max-height: 330px;}
	#cookieNotice p#policy-text {margin-bottom: 20px;}
}

@media only screen and (max-width:1100px) {
     .two-column-copy-block .inner-copy-block {padding: 0 20px 0 75px;}
     .two-column-copy-block .column:last-child .inner-copy-block {padding: 0 75px 0 50px;}
     .intro-section::after {width: 100%;}
     #contact-form-area {padding: 60px 50px 60px 80px;}
	.results-block #case-studies-row .post-category-link a {width: 100%;text-align: left;padding-left: 15%;}
     
}

@media only screen and (max-width:991px) {
	.menu-toggle {position: relative;float: right;font-family: suprapower, sans-serif;font-size: 1.1em;top: 10px;}
     .menu-toggle .dashicons-menu {position: relative;font-size: 30px;top:-5px;left:-10px;}
     .link-box {margin-left: 0;border: 0;margin-top: 20px;height: auto;}
     .link-box a {position: relative;display: inline-block;}

     #header {padding: 10px 0 5px;position: relative;}
     #header.sticky {position: relative;}
     #header .logo, #header .main-nav {padding: 0;}
     #header .main-nav {position: absolute;width: 50%;top: 15px;right: 0;text-align: right;}
     #header #site-navigation .menu-main-menu-container ul {position: absolute;width: 100%;float: left;background: #fff;left: 0;top:75px;z-index: 9;padding-bottom: 10px;}
     .menu-toggle, .main-navigation.toggled ul {margin: 0 auto;background: none;border: none;font-size: 20px;outline: none;}
     #header #site-navigation .menu-main-menu-container ul li {width: 100%;float: left;margin: 10px 0;text-align: center;padding: 10px 0 15px;}
     #header #site-navigation .menu-main-menu-container ul { height: 0px;opacity: 0;visibility: hidden;transition: all .5s ease-in-out;}
     #header #site-navigation.toggled .menu-main-menu-container ul { height: auto;opacity: 1;visibility: visible;}
     #header #site-navigation .menu-main-menu-container ul {float: none;display: inline-table;}
     #header #site-navigation .menu-main-menu-container ul li {display: inline;}
     #header #site-navigation .menu-main-menu-container ul li a {font-size: .8em;padding: 10px 0 0;}
     #header #site-navigation .menu-main-menu-container ul li:first-child a {padding-left: 0;}
     #header #site-navigation .menu-main-menu-container ul li a:hover {border : 0;}
     #header #site-navigation .menu-main-menu-container ul li a,
     #header.sticky #site-navigation .menu-main-menu-container ul li a {padding-top: 10px;}
	 .main-navigation {width: 80%;float: right;}
	 
     .flex-box {display: block;overflow: auto;}
     .flex-box .column {flex: none;}
	
		
		
     h1 {/*font-size: 4em; */margin: 0 0 30px;}
     h3 {
          font-size: 2.5em;
     }
     .content-area {margin-top: 0;}
     .intro-section.interior-hero h1 {font-size: 3em;}
     .single .intro-section.interior-hero h1 {font-size: 2em;}
	.single .intro-section.interior-hero h2 {font-size: 1.8em;}
     .slick-prev {left: 0 !important;}
     .slick-next {right: 0 !important;}
     .slick-prev, .slick-next {height: 40px !important;width: 40px !important;}

     .sidebar-pattern {height: 150px !important;}

    

     .accordion__item h4 {padding-left: 10px;margin: 20px 0;font-size: 1.6em;line-height: 25px;}
     .accordion__item > div {padding-left: 10px;}

     .homepage-hero-carousel {padding-top: 20px;}
     .homepage-hero-carousel .slick-slider .slide-bg-image {height: 350px !important;}
     .our-work-hero .slide-bg-image {height: 350px !important;}
     .homepage-hero-carousel .slick-dots {bottom: 20% !important;}
		 .hero-linked-project {top:0; padding: 15px;}

     .intro-section::after {width: 100%;}
     .intro-section .button-arrow {margin-top: 20px;}

     .services-section {padding-top: 80px;}
     .services-section .services-content {padding: 30px 110px;}


     .service-carousel .image-column {margin-top:0px;float: none;}
     .service-carousel .image-column h5 {border: 0;padding-left: 110px;}
     .service-carousel .slick-slide {height: auto !important;}
     .service-carousel .image-column .single-carousel-post-link {top: 0px;bottom: initial;padding: 10px 15px;}

     .our-Work-section {padding: 40px 0;}
     .our-Work-section h5 {margin-top: 30px;}

     .call-to-action .left-col {width: 720px;margin: 0 auto;padding: 40px 0 30px;}
     .call-to-action .cta-bg-image {height: 60px !important;}



     .service-types .service-types-row {margin-top: 50px;overflow: hidden;}
     .service-types .service-thumbnail {height: 250px !important;background-size: contain !important;background-position: 50px 0px !important;}
     .service-types .service-types-row .service-types-row-content {width: 100%;float: left;margin: 40px 0 0 50px;border-bottom: 0;}
	 .link-box {height: auto;}
     .service-types .service-types-row .service-types-row-link-box {width: 100%;float: left;padding: 0 20px 0;margin-bottom: 50px;}
     .service-types .service-types-row .service-types-row-link-box a {margin-bottom: 10px;}
 
     #contact-form-area {max-width: 720px;margin: 0 auto;padding: 20px;}
     .contact-section #sidebar-contact,
     .contact-section #careers {max-width: 720px;margin: 0 auto;padding: 20px 0;}

     .about-desktop-image {height: auto !important;background: none !important;}
     .about-mobile-image {display: block !important;}

     footer {padding: 40px 0 15px;}
     footer p {width: 100%;float: left;padding-right: 0;margin: 0 0 20px;}

     .card:nth-of-type(4n+4) .card__expander {margin-left: inherit;}
     .card:nth-of-type(3n-1) .card__expander {margin-left: calc(-91% - 30px);}
     .card:nth-of-type(3n) .card__expander {margin-left: calc(-193% - 30px);}

     .our-work-tags::after {max-width: 725px;}
     .case-study-categories ul li {margin-right: 40px;}
     .case-study-listings .single-case-study {flex: 0 50%;margin-right: 0;padding-right: 5px;}


     .blog .intro-section {margin-bottom: 0;}

     .two-column-copy-block {padding: 30px 0;}
     .two-column-copy-block .inner-copy-block {max-width: 750px;margin: 0 auto;padding: 0 15px;}
     .two-column-copy-block .column:last-child .inner-copy-block {max-width: 750px;margin: 0 auto;padding: 0 15px;}

     .case-study-listings .single-case-study-image {height: 150px;}

     .team-section {padding: 50px 0 0;}

     .blog .case-study-categories .inner-container .right-col,
	.category .case-study-categories .inner-container .right-col {display: none;}

     .recent-blogs {padding: 60px 0 20px;}
     .recent-blogs .left-column,
     .recent-blogs .right-column {max-width: 750px;margin: 0 auto;width: 100%;padding: 0;}
     .recent-blogs .left-column {margin-bottom: 25px;}
     .recent-blogs h3 {max-width: 750px;margin: 0 auto 30px;}

     .single-blog-content .blog-sidebar {padding-top: 40px;}
     .blog-content-area {padding: 60px 0;}

     .accordion__item h4 .dashicons-close-box {height: 25px;}
     #fvm-post-navigation .inner-container {float: left;width: 100%;padding-right: 0;}
	 .call-to-action .left-col h3 {max-width: 650px;}
	 .error404 h1 {margin-top: 30px;}
	 #notification .container {width: 100%;}
	 #notification .button-arrow a {min-width: 180px;padding: 4px 20px;}
	 #notification .button-arrow::after {padding: 8px;}
	 footer h4 {padding-top: 30px;}
	 .social-media {padding-bottom: 40px;}
	 .results-block #content-row {max-width: 100%;}
	 .results-block #case-studies-row {text-align: left;}
	 .results-block #case-studies-row .post-category-link a {padding-right: initial;}
	 .results-block #case-studies-row h5 {margin: 15px 0;}
	 .results-block #case-studies-row .post-category-link a {padding-left: 0;}
	 footer #right-col {width: 100%;float: left;}

	 .animated-logo-carousel {padding: 10px 0;background: #fff;}
	 .animated-logo-carousel h2 {color: #383c47;position: relative;top:-25px;}
	 .animated-logo-carousel .inner-container h3 {color:#383c47;}
	 .logo-grid {grid-template-rows: 120px;}
	 .animated-logo-carousel .inner-container h3 {top: initial;margin-bottom: 35px;}
	 .logo-grid .column .grid-logo-wrapper {left: initial;}
	 .logo-grid .column img {max-width: 250px;}
	 .animated-logo-carousel .inner-container h3 {font-size: 2.5em;}
	 .special-text {max-height: 290px;}
	 .single-partner-tools img {max-width: 80%;}
	 /*.single-work h1, .single-post h1 {font-size: 4em !important;}*/
	 .animated-logo-carousel h2 {max-width: 100%;}
	 .single-work h6{margin-bottom: 0;}
}

@media only screen and (max-width:767px) {
	.copy-images-carousels.copy-with-image #left-col {padding: 20px 15px;}
     h2,.single-work h2, .single-post h2{font-size: 2em;}
     #header {padding: 0;}
	 .content-area {margin-top: 0;}
     .contact-section #sidebar-contact, .contact-section #careers {max-width: 100%;padding: 20px 15px;}

     .homepage-hero-carousel {padding-top: 0;}
     .slide-container {margin-top: 0;}
     .homepage-hero-carousel .slick-dots {bottom: 15% !important;}

     .services-section {padding-top: 20px;}
     .services-section .services-content {padding: 30px 15px;}
     .service-carousel .image-column h5 {padding-left: 15px;}

     .featured-case-study-section .single-col {flex: 0 100%;}
     .featured-case-study-section .single-col .work-thumbnail {height: 200px !important;background-position: 50% !important;}
     .featured-case-study-section .single-col .inner-box .inner-box-content {padding: 15px;}


     .call-to-action .left-col {width: 100%;padding: 40px 15px 30px;}
     #contact-form-area {padding: 20px 15px;}

     .service-types {padding: 0 0 40px;}
     .service-types .service-thumbnail {background-position: 15px 0px !important;}
     .service-types .service-types-row .service-types-row-content {margin: 0;padding:20px 15px 20px;}
     .service-types .service-types-row .service-types-row-link-box {padding: 0;}
     .service-types .service-types-row .service-types-row-link-box .link-box {margin-top: 0;}
	.single-partner-tools-wrapper {width: 100%;}
	.single-partner-tools-wrapper .single-partner-tools {width: 50%;float: left;}
	.single-partner-tools img {max-width: 75%;}
	.special-text.-expanded {max-height: 340vh;}

     .team-section .teams-container {padding-top: 30px;}
     .card__expander .card__expander_left {padding: 20px 15px 0;}
     .card__expander {
         display: block;
         width: calc(97% + 30px);
     }
     .card:nth-of-type(3n-1) .card__expander,
     .card:nth-of-type(3n) .card__expander {margin-left: inherit;}
     .team-fun-image img {float: none;}

     .case-study-categories {padding: 0;}
     .case-study-categories ul li {width: 100%;float: left;margin: 5px 0;}
     .case-study-listings {padding-top: 0;}
     .case-study-listings .single-case-study {flex: 0 100%;padding: 0;}
     .case-study-listings .single-case-study #case-study-services,
     .case-study-listings .single-case-study #case-study-industry {height: auto;}
     .case-study-listings .single-case-study-image {height: 200px;}
     .case-study-listings .single-case-study-content {width: 100%;margin-left: 0;padding: 40px 15px;}
     .case-study-listings .single-case-study h3, .case-study-listings .single-case-study-content .btn-parent {height: auto;margin-bottom: 25px;line-height: 1.4em;}

     .tax-work-catergories .intro-section,
     .post-type-archive-work .intro-section {margin-bottom: 30px;}

     .our-work-hero .slide-bg-image {height: 290px !important;}

	 .recent-blogs {padding: 35px 15px 20px;}
	 .recent-blogs .single-recent-blog {padding-right: 0;}
	 .button-arrow a, .arrow .btn-link {min-width: 260px;}
	 #notification {height: auto;}
	 #notification .notification-buttons {padding-left: 0;}

	 .results-block #content-row {padding-left: initial;}
	 .results-block #case-studies-row {padding-left: initial;padding-bottom: initial;}
	 .results-block.copy-with-image {padding: 20px;}
	 .results-block.two-column-text #left-column, .results-block.two-column-text #right-column {padding: 0;}
	 .parthers-tools {padding: 50px 0 20px;}
      .dashicons-arrow-up-alt2:before { display: none;}
}

@media only screen and (max-width:600px) {
     h1, .single-work h1, .single-post h1 {font-size: 3em !important;}
     h3 {font-size: 2.2em;}
     .intro-section.interior-hero h1 {font-size: 2.5em;}
     .single .intro-section.interior-hero h1 {font-size: 1.8em;}
	.single .intro-section.interior-hero h2 {font-size: 1.6em;}
     .service-types .service-types-row .service-types-row-content ul {padding: 0;-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
     .our-work-hero .slide-bg-image {height: 200px !important;}
     footer {padding: 60px 0;}
	.animated-logo-carousel .inner-container {padding-bottom: 120px;}
	.logo-grid .column img {max-width: 200px;}
}
@media only screen and (max-width:480px) {
     #header .main-nav {width: 70%;}
     .menu-toggle, .main-navigation.toggled ul {font-size: 18px;}
     .menu-toggle .dashicons-menu {top: -7px;}
     h1, .single-work h1, .single-post h1 {font-size: 2.5em !important;}
     h3 {font-size: 1.8em;}
     .intro-section.interior-hero h1 {font-size: 2.2em;}
     .single .intro-section.interior-hero h1 {font-size: 1.6em;}
	.single .intro-section.interior-hero h2 {font-size: 1.4em;}
     .accordion__item h4 {font-size: 1.2em;}
     .accordion__item > div {padding: 5px 0 20px;}
     .accordion__item h4 .close-msg {font-size: 10px;}
     .homepage-hero-carousel .slick-slider .slide-bg-image {height: 250px !important;}
     .our-work-hero .slide-bg-image {height: 150px !important;}

     .hero-linked-project {width: 100%;padding: 15px;background: rgba(255,255,255,.8);}
     .hero-linked-project h5 {font-size: .8em;}
     .hero-linked-project .button-arrow-sm a {font-size: .7em;}
     #fvm-post-navigation .page-numbers.current, #fvm-post-navigation a {margin-left: 25px;}

     .case-study-listings .single-case-study-image {height: 150px;}
	.interior-hero.hero-about .image-caption {top:-45px;}
}
@media only screen and (max-width:380px) {
     .button-arrow a {min-width: 230px;}
     .card__expander .dashicons {top: 15px;right:15px;}
     .card__expander .dashicons.dashicons-no-alt span {display: none;}
	.logo-grid .column img {max-width: 150px;}
}