/* @override
	https://www.crimtan.com/wp-content/themes/crimtan/style.css?*
	http://www.crimtan.com/wp-content/themes/crimtan/style.css?* */

/*

Theme Name: Crimtan
Theme URI: https://www.crimtan.co.uk
Description: A Theme Framework
Author: Dare to Think
Author URI: https://www.daretothink.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-X.X.html
Version: 1.2
Tags: one-column, two-columns, grid-layout, featured-images
Text Domain: crimtan

*/

/* Table of Contents
 *
 * 1.0 - Reset
 * X.X - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 4.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 4.0 - Footer
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 1X.X - Print
 * -----------------------------------------------------------------------------
 */

/* ------------ X.X CSS Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

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

.cf:after {
	clear: both;
}

* {
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: border-box;
}

/* ------------ X.X Basic Structure
 * -----------------------------------------------------------------------------
 */

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body #container {
	padding-top: 80px;
}

body,
input,
textarea {
	font: 62.5% "Muli", sans-serif;
	color: #312f2d;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

#container {
	flex: 1;
	position: relative;
}

.hidden {
	display: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

.grecaptcha-badge {
    display: none !important;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

.table {
	display: table;
}

.cell {
	display: table-cell;
}

.default-transition,
.btn,
nav.main .cta span,
header,
.wp-block-button__link,
.post-list.v2 a h2,
#sidemenu nav li,
.numbers.st1 .number {
	transition: all 0.25s ease-in-out;
}

/* ------------ X.X Grid
 * -----------------------------------------------------------------------------
 */

.c_12 {
	max-width: 1400px;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

.g_1,
.g_2,
.g_3,
.g_4,
.g_5,
.g_6,
.g_7,
.g_8,
.g_9,
.g_10,
.g_11,
.g_12 {
	display: inline;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

.negative {
	margin-left: -20px;
	margin-right: -20px;
}

.c_12 .g_1 {width: 8.33333333%;}
.c_12 .g_2 {width: 16.6666667%;}
.c_12 .g_3 {width: 25%;}
.c_12 .g_4 {width: 33.3333333%;}
.c_12 .g_5 {width: 41.6666667%;}
.c_12 .g_6 {width: 50%;}
.c_12 .g_7 {width: 58.3333333%;}
.c_12 .g_8 {width: 66.6666666%;}
.c_12 .g_9 {width: 75%;}
.c_12 .g_10 {width: 83.3333333%;}
.c_12 .g_11 {width: 91.6666666%;}
.c_12 .g_12 {width: 100%;}

/* ------------ X.X Icon font
 * -----------------------------------------------------------------------------
 */

@font-face {
  font-family: 'crimtan';
  src:  url('fonts/crimtan.eot?bg29fz');
  src:  url('fonts/crimtan.eot?bg29fz#iefix') format('embedded-opentype'),
    url('fonts/crimtan.woff2?bg29fz') format('woff2'),
    url('fonts/crimtan.ttf?bg29fz') format('truetype'),
    url('fonts/crimtan.woff?bg29fz') format('woff'),
    url('fonts/crimtan.svg?bg29fz#crimtan') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ic-"], [class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'crimtan' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ic-instagram:before {
  content: "\e90e";
}
.ic-crimtan-arrow:before {
  content: "\e90d";
}
.ic-arrow-right:before {
  content: "\e90b";
}
.ic-arrow-left:before {
  content: "\e90c";
}
.ic-email:before {
  content: "\e909";
}
.ic-facebook:before {
  content: "\e90a";
}
.ic-quote:before {
  content: "\e904";
}
.ic-icon:before {
  content: "\e905";
  color: #f22b1c;
}
.ic-money:before {
  content: "\e906";
  color: #f22b1c;
}
.ic-chart:before {
  content: "\e907";
  color: #f22b1c;
}
.ic-users:before {
  content: "\e908";
  color: #f22b1c;
}
.ic-quote-closed:before {
  content: "\e902";
}
.ic-quote-open:before {
  content: "\e903";
}
.ic-linkedin:before {
  content: "\e900";
}
.ic-twitter:before {
  content: "\e901";
}

/* ------------ X.X Fonts
 * -----------------------------------------------------------------------------
 */

p {
	font-size: 1rem;
	line-height: 1.5;
}

p:last-child {
	margin-bottom: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

.entry-content .button-margin,
.button-margin {
	margin: 25px 0;
}

li {font-size: 1rem}

li p {
	font-size: 1rem
}

li li {font-size: 1rem}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

.title.st1 {
	font-weight: 600;
}

.title.st2 {
	font-weight: 900;
}

.title.st3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 100px;
}

.title.st4 {
	font-weight: 900;
}

.title.cl2 {
	color: #f22b1c;
}

.title.sz1 {
	font-size: 1.125rem;
}

.title.sz2 {
	font-size: 2rem;
}

.title.sz3 {
	font-size: 2.25rem;
	line-height: 1.2;
}

.title.sz4 {
	font-size: 2.625rem;
}

.title.sz5 {
	font-size: 1.625rem;
}

.title.sz6 {
	font-size: 1.5rem;
}

/* ------------ X.X Content Styles
 * -----------------------------------------------------------------------------
 */

/* ----- X.X Styled Select
 */

select {
	border: none !important;
}

.styled-select {
	overflow: hidden;
	background: url(images/arrow-down.svg) 98% center no-repeat !important;
	background-size: 12px !important;
	text-align: left;
	display: inline-block;
	position: relative;
	border-radius: 3px;
}

.comment-form-rating .styled-select {
	overflow: hidden;
	background: transparent;
}

.styled-select select {
	border: 0;
	-webkit-appearance: none;
	line-height: 1;
	width: 100%;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.styled-select select::-ms-expand {
	display:none;
}

.styled-select.st1 {
	border: none;
	background: transparent;
	width: 100%;
}

.styled-select.sz1 {
	height: 32px;
}

.styled-select.st1:hover {
	border-color: #b9bcc2;
	cursor: pointer;
}

.styled-select.st1 select {
	color: inherit;
	background: transparent;
	padding-left: 0;
	font-size: 1rem;
	height: 32px;
	line-height: 32px;
	padding-right: 28px;
	font-family: inherit;
}

/*
 * Default jvFloat theme.
 * modify it as you wish!
 */

.jvFloat {
	position: relative;
	display: inline-block;
	width: 100%;
}

.jvFloat .placeHolder.required {
	color: red;
}

/* Start CSS3 Animations on supported browser */
.jvFloat .placeHolder {
	position: absolute;
	top: 2px;
	left: 0;
	width: auto;
	color: #999;
	font-size: 0.75rem;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
}

/*Allows textarea floating placeholder to be positioned distinctly from the normal .placeHolder class
 * This is required when working with Multiline text areas
 */
.jvFloat .placeHolder.textarea {
	/*top: 0px;*/
}

.jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	-webkit-transform: translate(0, -1em);
	-moz-transform: translate(0, -1em);
	-o-transform: translate(0, -1em);
	-ms-transform: translate(0, -1em);
	transform: translate(0, -1em);
	-webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
	transition: transform 100ms, opacity 120ms, visibility 120ms;
	opacity: 1;
}
/* End CSS3 */

/* Legacy browser */
/*.jvFloat .placeHolder {
	position: absolute;
	top: -1em;
	left: 0;
	color: #0c61fc;
	font-size: .85em;
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
}
.jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	opacity: 1;
}*/
/* End Legacy */

.btn {
	-webkit-appearance: none !important;
}

.btn.st1 {
	font-weight: 600;
	display: inline-block;
	font-family: "Muli", sans-serif;
}

.btn.sz1 {
	font-size: 1rem;
	padding: 6px 30px;
	border-radius: 100px;
	border-width: 2px;
	border-style: solid;
	min-width: 190px;
	text-align: center;
}

.btn.cl1 {
	background-color: #fff;
	border-color: #00ccc9;
}

.btn.cl1:hover {
	background-color: #00ccc9;
	color: #fff;
	cursor: pointer;
}

.is-style-crimtan .wp-block-button__link {
    background-color: #fff;
    border: 2px solid #00ccc9;
    border-radius: 28px;
    box-shadow: none;
    color: #312f2d !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
	font-weight: 600;
    margin: 0;
    padding: 6px 30px;
    text-decoration: none;
    overflow-wrap: break-word;
	min-width: 190px;
	text-align: center;
}

.is-style-crimtan .wp-block-button__link:hover {
	background-color: #00ccc9;
	color: #fff !important;
}

/* ------------ X.X Images
 * -----------------------------------------------------------------------------
 */


.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption {
    text-align: center !important;
}

/* ------------ X.X Header
 * -----------------------------------------------------------------------------
 */

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff;
}

body.smaller header {
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

.notice {
	color: #000;
	background: #00ccc9;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	font-weight: 600;
}

.notice a {
	display: block;
		padding: 10px;
}

a.branding {
	float: left;
	background-image: url('images/crimtan-logo.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 50px;
	width: 170px;
	display: block;
	transition: all 100ms ease-in;
	margin: 15px 0;
}

a.branding:hover {
	transform: scale(1.1);
}

footer a.branding {
	margin: 0;
}

.wpml-ls {
	display: inline-block;
	width: 160px !important;
	margin-top: 24px;
	font-size: 1rem;
	font-weight: 600;
	margin-left: 20px;
}

.wpml-ls img {
	display: none !important;
	margin-top: 3px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	font-size: 12px;
	transform: rotate(90deg);
	font-family: 'crimtan' !important;
	content: "\e90b" !important;
	vertical-align: middle;
    display: inline-block;
    border: none !important;
    position: absolute;
    right: 10px;
    top: calc(50% - 2px) !important;
}

.wpml-ls ul {
}

.wpml-ls a,
.wpml-ls ul {
	border: none !important;
	padding-bottom: 0 !important;
}

.wpml-ls li {
	display: inline-block;
}

.wpml-ls-legacy-dropdown-click a:hover,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
    color: #000;
    background: #eee
}

nav.main {
	float: right;
}

nav.main li {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 80px;
}

body.jp nav.main li {
	font-size: .75rem;
}

nav.main li:last-child a {
	padding-right: 0;
}

nav.main a {
	padding: 0 15px;
	display: block;
}

body.jp nav.main a {
	padding: 0 10px;
	display: block;
}

nav.main ul > li a span,
nav.footer ul > li a span {
	position: relative;
}

nav.main a:hover span:after {
	opacity: 1;
}

nav.main ul > li.link a span:before,
nav.footer ul > li a span:before,
nav.side ul > li a span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -8px;
  left: 0;
  background-color: #f22b1c;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

nav.main ul > li.link a span:hover:before,
nav.footer ul > li a span:hover:before,
nav.side ul > li a span:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

nav.main .cta span {
	font-size: 1rem;
	padding: 6px 15px;
	border-radius: 100px;
	background-color: #fff;
	border: 2px solid #00ccc9;
}

body.jp nav.main .cta span {
	font-size: .75rem;
}

nav.side .cta span {
	color: #f22b1c;
}

nav.main .cta a:hover span {
	background-color: #00ccc9;
	color: #fff;
}

.toggle-nav {
	position: fixed;
	top: 0;
	right: 40px;
	display: none;
	z-index: 1002;
	width: 28px;
	height: 80px;
}

#nav-icon {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#nav-icon span {
	background: #f22b1c;
}

#nav-icon span:nth-child(1) {
  top: 5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 23px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

body.nav-open #nav-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 3px;
  left: 5px;
}

body.nav-open #nav-icon span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

body.nav-open #nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 23px;
  left: 5px;
}

#sidemenu {
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	max-width: 460px;
	z-index: 1001;
	overflow-y: scroll;
	padding: 40px;
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	transition: all .5s ease-in-out;
}

#sidemenu nav {
	position: absolute;
	width: calc(100% - 80px);
	top: 50%;
	transform: translateY(-50%);
}

#sidemenu nav li {
	font-size: 2rem;
	font-weight: 900;
	padding: 20px 0;
	line-height: 1;
}

#sidemenu nav span {
	position: relative;
}

.statement {
	background-color: #f2f2f2;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: 140px;
}

.statement .copy-ctn {
	position: absolute;
	height: 140px;
	width: calc(100% - 40px);
	z-index: 1;
}

.statement .copy {
	display: table-cell;
	height: 140px;
	width: 100%;
	vertical-align: middle;
}

.statement .copy-ctn:after {
	font-family: 'crimtan';
	content: "\e905";
	position: absolute;
	z-index: -1;
	right: 0;
	top: 10px;
	font-size: 270px;
	color: #f22b1c;
}

span#typed {
	color: #f22b1c;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;
    animation: blink 1s infinite;
	vertical-align: 1px;
	color: #f22b1c;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* ------------ X.X Footer
 * -----------------------------------------------------------------------------
 */

.work-with-us {
	background-color: #f2f2f2;
	text-align: center;
	position: relative;
	overflow: hidden;
}
/*
.work-with-us:before {
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'crimtan';
	content: "\e905";
	font-size: 300px;
	color: yellow;
	width: 100%;
	height: 100%;
}
*/
.work-with-us .copy-ctn {
	position: relative;
	z-index: 1;
}

.work-with-us .copy {
	padding: 50px 20px;
}
.work-with-us .copy-ctn:after {
	font-family: 'crimtan';
	content: "\e905";
	position: absolute;
	z-index: -1;
	right: 0;
	top: 20px;
	font-size: 270px;
	color: #f22b1c;
}

.work-with-us p {
	width: 100%;
	max-width: 768px;
	margin: 10px auto 20px;
}

footer#site {

}

nav.footer {
	float: right;
}

nav.footer ul {
	float: left;
}

nav.footer li {
	display: inline-block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 50px;
	margin-right: 30px;
}

nav.footer li:last-child {
	margin-right: 0;
}

footer#site .level-1 {
	padding: 25px 0;
	position: relative;
}

footer#site .level-2 {
	padding: 0 0 25px;
}

footer#site .site-name {
	font-size: .875rem;
	float: left;
	line-height: 24px;
}

footer#site .social-links {
	float: right;
	margin-left: 20px;
}

footer#site .social-links li {
	display: inline-block;
	font-size: 24px;
	margin-left: 8px;
	margin-right: 0;
}

footer#site .social-links li:first-child {
	margin: 0;
}

footer#site .social-links li a.tw {
	color: #1da1f2;
}

footer#site .social-links li a.li {
	color: #0077b5;
}

footer#site #footer_language_list {
	float: right;
	line-height: 24px;
}

footer#site #footer_language_list li {
	display: inline-block;
	font-size: .875rem;
}

footer#site #footer_language_list li:first-child {
	margin-right: 10px;
}

footer#site #footer_language_list li a {
	color: #bc3e20;
}

/* ------------ X.X Pages
 * -----------------------------------------------------------------------------
 */

/* ------------ X.X Home
 * -----------------------------------------------------------------------------
 */

.bd1 {
	margin-top: 40px;
}

.bd1:before {
	content: "";
	height: 40px;
	width: 100%;
	background: url('images/bg-1.svg') repeat left top;
	position: absolute;
	top: -40px;
}

.pad1 {
	padding: 100px 0;
}

.pad1a {
	padding: 100px 0;
}

.pad2 {
	padding: 0 0 100px;
}

section {
	position: relative;
}

section.centre-ct {
	text-align: center;
}

section.centre-ct p {
	margin-bottom: 20px;
}

section.centre-ct p:last-child {
	margin-bottom: 0;
}

section.ads img {
	display: inline-block;
	margin: auto;
}

section.ads img.ad {
	display: block;
	border: 1px solid #333;
	width: 100%;
	margin-top: 25px;
}

section.usa-intro img.desktop {
	display: block;
}

section.usa-intro img.mobile {
	display: none;
}

.usa_ads img.icon {
	width: 72px;
	display: block;
	height: auto;
	margin-bottom: 10px;
}

.usa-intro img.diagram {
	display: block;
	width: 100%;
	max-width: 1024px;
	height: auto;
	margin: 50px auto auto;
}

.usa_ads .title {
	margin-bottom: 5px;
}

section.usa_how h2 {
	font-size: 1.125rem;
	margin-bottom: 20px;
}

section.usa_footer p {
	font-weight: 900;
	font-size: 1.25rem;
	text-align: center;
	margin-bottom: 25px;
}

section .usa_ads {
	margin-top: 50px;
}

.title-st1 h1 {
	font-weight: 900;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 25px;
}

section.page-intro {
	text-align: center;
}

.title-style  h2 {
	font-weight: 900;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 25px;
}

.features.st1 .block {
	padding: 0 50px;
}

section.campaigns .table {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

section.campaigns .cell {
	vertical-align: middle;
}

section.campaigns .cell.stats {
	width: 400px;
}

section.campaigns .cell.copy {
	padding-right: 50px;
}

section.campaigns .cell.copy .title {
	margin-bottom: 20px;
}

section.campaigns .cell.copy .btn {
	margin-top: 20px;
}

section.campaigns .image img {
	width: 360px;
	display: block;
	height: auto;
}

section.page-intro .copy {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}

section.page-intro .intro {
	text-align: justify;
	margin-top: 25px;
}

section.page-intro .intro table {
	border-bottom: 1px solid #ededed;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
section.page-intro .intro caption {
	font-size: 1.125rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
section.page-intro .intro td {
	border-top: 1px solid #ededed;
	padding: 10px 10px 10px 0;
	font-size: 1rem;
}

section.page-intro .intro th,
section.page-intro .intro td {
	font-weight: normal;
	text-align: left;
}

section.page-intro .intro p {
	margin-bottom: 15px;
}

section.page-intro .intro p:last-child {
	margin-bottom: 0;
}

section.page-intro .is-style-crimtan {
	margin-top: 25px;
	margin-bottom: 0;
}

.features.st1 img.icon {
	width: 72px;
	display: block;
	height: auto;
	margin-bottom: 10px;
}

.features.st1 .btn {
	margin-top: 20px;
}

.features.st1 .title {
	margin-bottom: 5px;
}

.logos {
	font-size: 0;
	text-align: center;
}

.logos img {
	display: block;
	margin: auto;
	width: 100%;
	height: auto;
}

.logos li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 25px;
}

.post-list.v2 {
	font-size: 0;
	margin-top: -55px;
}

.post-list.v2a {
	margin: 0;
}

.post-list.v2 .category-title {
	font-size: .75rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #f22b1c;
	display: inline-block;
	margin-bottom: 5px;
}

.post-list.v2 .title {
	margin-bottom: 20px;
}

.team-list.v2 .title {
	margin-bottom: 0;
}

.post-list.v2 .post {
	display: inline-block;
	vertical-align: top;
	float: none;
	padding: 0 20px;
	margin: 0;
}

.post-list.v2 .post .block:before {
	content: "";
	height: 5px;
	background-color: #ccc;
	width: 100%;
	display: inline-block;
	margin: 50px 0;
}

.post-list.v2 a:hover h2 {
	color: #00ccc9;
}

.post-list.v2a .post .block:before {
	display: none;
}

.post-list.v2 .post:last-child {
	margin-bottom: 0;
}

.cs.title-ctn h2 {
	font-size: 1.625rem ;
	font-weight: 900;
	margin-bottom: 20px;
}

.cs.title-ctn strong {
	font-weight: 900;
	color: #f22b1c;
	font-size: 1.875rem;
}

.post-list.v3 .post {
	margin-bottom: 50px;
}

.post-list.v3 .post:last-child {
	margin-bottom: 0;
}

.post-list.v3 .logo {
	width: 30%;
}

.post-list.v3 img {
	display: block;
	width: 100%;
}

.post-list.v3 .cell {
	vertical-align: middle;
}

.post-list.v3 .table {
	width: 100%;
}

.post-list.v3 .copy {
	padding: 50px 0 50px 50px;
	border-left: 5px solid #f2f2f2;
}

.single-case-study .title-ctn {
	text-align: center;
	margin-top: 20px;
}

.single-case-study .title-ctn h2 {
	margin-bottom: 0;
	font-size: 1.25rem;
}

.single-case-study .title-ctn h2 strong {
	font-size: 1.5rem;
}

.post-list.v4 .post {
	padding: 0 20px;
}

.post-list.v4 .post img {
	width: 100%;
	max-width: 260px;
	margin: auto auto 0;
}

.post-list.v4 .post .btn {
	margin: 20px auto 0;
	display: block;
	max-width: 200px;
}

.post-list.v4 .post .title-ctn {
	margin-top: 0;
}

.more-posts .section-title {
	margin-bottom: 50px;
	text-align: center;
}

/* ------------ X.X General Post styling
 * -----------------------------------------------------------------------------
 */

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	text-transform: none;
	margin-bottom: 20px;
	font-weight: 900;
}

.entry-content h1 {
	font-size: 1.25rem;
}

.entry-content h2 {
	font-size: 1.5rem;
	color: #f22b1c;
}

.entry-content h3 {
	font-size: 1.25rem;
	color: #f22b1c;
}

.entry-content h4 {
	font-size: 1.125rem;
}

.entry-content h5 {
	font-size: 1rem;
}

.entry-content h6 {
	font-size: 1rem;
}

.entry-content a {
	color: #f22b1c;
	font-weight: 600;
}

.entry-content p {
	margin-bottom: 20px;
}

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

.entry-content p.highlight {
	font-weight: 700;
	font-size: 1.125rem;
}

.entry-content p,
.entry-content li,
.entry-content table {
	font-size: 1rem;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	line-height: 1;
	margin-bottom: 20px;
}

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

.entry-content hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 1.5;
}

.entry-content ol li {
	list-style-type: decimal;
	margin-left: 30px;
	margin-bottom: 20px;
}

.entry-content ul li {
	list-style-type: circle;
	margin-left: 20px;
}

.entry-content ul li ul,
.entry-content ol li ol {
	margin-top: 5px;
	margin-bottom: 0;
}

.entry-content img {
	max-width: 100%;
	height: auto;
	display: block;
}

.entry-content blockquote {
	margin: 50px auto;
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
	width: 100%;
	max-width: 600px;
}

.entry-content blockquote:before,
.entry-content blockquote:after {
	color: #f22b1c;
	font-family: 'crimtan';
	position: absolute;
	font-size: 32px;
}

.entry-content blockquote:before {
	content: "\e904";
	left: 0;
	top: 0;
}

.entry-content blockquote:after {
	content: "\e904";
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}

.entry-content blockquote p {
  display: inline;
  font-weight: 600;
}

.entry-content blockquote cite {
	display: block;
	margin-top: 5px;
	font-size: 0.875rem;
	color: #aa9b62;
}

.entry-content blockquote cite:before {
	content: "- ";
}

.entry-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table {
	border-bottom: 1px solid #ededed;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption {
	font-size: 1.125rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td {
	border-top: 1px solid #ededed;
	padding: 10px 10px 10px 0;
}

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

.wp-block-embed.is-type-video {
	margin-left: 0;
	margin-right: 0;
}

#content-wrapper,
.content-wrapper.st2 {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}

.form-style.st1 {
	background-color: #f1f2f1;
	padding: 25px 50px;
}

.form-style .btn {
	margin-top: 15px;
}

.form-style .btn:hover {
	cursor: pointer;
}

.form-style .row.half {
	float: left;
	padding: 15px 0 0;
	border-bottom: 2px solid #ccc;
}

.form-style.st1 .row.half {
	width: calc(40% - 20px);
	margin-right: 20px;
}

.form-style.st2 .row.half {
	width: calc(50% - 20px);
	margin-right: 20px;
}

.form-style .row.full {
	float: left;
	width: 100%;
	padding: 5px 0 8px;
}

.form-style .row.message {
	float: left;
	width: calc(100% - 20px);
	margin-right: 0;
	padding: 15px 0 0;
	border-bottom: 2px solid #ccc;
}

.form-style input[type="text"],
.form-style input[type="email"],
.form-style textarea {
    border: none;
	background: transparent;
	font-size: 1rem;
	width: 100%;
	padding: 0;
	line-height: 32px;
	margin: 0;
}

.form-style ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #312f2d;
}
.form-style ::-moz-placeholder { /* Firefox 19+ */
  color: #312f2d;
}
.form-style :-ms-input-placeholder { /* IE 10+ */
  color: #312f2d;
}
.form-style :-moz-placeholder { /* Firefox 18- */
  color: #312f2d;
}

.form-style .wpcf7-not-valid-tip {
	display: none;
}

div.wpcf7-response-output {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1rem;
	border: none !important;
	margin-top: 15px !important;
	color: #f22b1c;
	font-weight: 600;
}

.date-share-ctn {
	border-top: 2px solid #ccc;
	padding-top: 20px;
	margin-top: 20px;
}

.post-date-ctn {
	float: left;
}

.post-date-ctn .post-date {
	float: left;
	font-size: .875rem;
	line-height: 24px;
}

.post-date-ctn .modified-date:before {
	content: "/";
	margin-left: 10px;
	margin-right: 5px;
}

.share-article {
	float: right;
	font-size: .875rem;
	display: inline-block;
}

.share-article .title {
	float: left;
	margin-right: 5px;
	line-height: 24px;
}

.share-article ul {
	float: right;
	margin: 0;
}

.share-article ul li {
	float: left;
	margin-left: 5px;
	list-style: none;
}

.share-article ul li:last-child {
	margin-right: 0;
}

.share-article span {
	float: left;
}

.share-article .facebook {
	color: #3b5998;
}

.share-article .twitter {
	color: #1da1f2;
}

.share-article .linkedin {
	color: #0077b5;
}

.share-article .instagram {
	color: #000;
}

.share-article .email {
	color: #ea4335;
}

.share-article a {
	font-size: 24px;
	margin: 0 !important;
	height: 24px;
	display: block;
	padding: 0 4px;
}

.share-article a:first-child {
	padding-left: 0;
}

.share-article a:last-child {
	padding-right: 0;
}

/* ------------ X.X Quote Style
 * -----------------------------------------------------------------------------
 */

.client-quote .quote-ctn {
	background-color: #f7f7f7;
	display: block;
	padding: 25px 25px 0;
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: auto;
	text-align: center;
}

.client-quote .quote-ctn .title {
	line-height: 1;
}

.client-quote .quote-ctn:before,
.client-quote .quote-ctn:after {
	content: "";
	position: absolute;
	background-color: #00ccc9;
	z-index: -1;
}

.client-quote .quote-ctn:before {
	bottom: -15px;
	left: -15px;
	width: 20%;
	height: 80%;
}

.client-quote .quote-ctn:after {
	top: -15px;
	right: -15px;
	width: 20%;
	height: 80%;
}

.client-quote .quotes:before,
.client-quote .quotes:after {
	font-family: 'crimtan';
	content: "\e904";
	font-size: 50px;
	color: #f22b1c;
	position: absolute;
}

.client-quote .quotes:before {
	left: -60px;
	top: 0;
}

.client-quote .quotes:after {
	right: -60px;
	bottom: 0;
	transform: rotate(180deg);
}

/* ------------ X.X Timeline
 * -----------------------------------------------------------------------------
 */

#timeline {
	position: relative;
	background: transparent;
}

#timeline .date {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 5px;
	background: #f22b1c;
	display: inline-block;
	margin-bottom: 40px;
	border-radius: 4px;
	padding: 5px 10px;
	color: #fff;
}

#timeline .period {
	text-align: center;
	margin: 40px 0;
}

#timeline .period:first-of-type {
	margin-top: 0;
}

#timeline .period:last-of-type {
	margin-bottom: 0;
}

#timeline .details {
	background: #fff;
	padding: 20px 0;
}

#timeline:after {
	content: "";
	width: 4px;
	background: #f22b1c;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	height: 100%;
	display: inline-block;
	z-index: -1;
}

/* ------------ X.X Team
 * -----------------------------------------------------------------------------
 */

.post-list.team-list .image-ctn {
	margin-bottom: 10px;
	overflow: hidden;
}

.post-list.v2 .image {
	padding-top: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	transition: all .5s ease-in-out;
}

.post-list.v2 a:hover .image {
	transform: scale(1.1);
}

.team-list {
	margin-bottom: -75px;
	text-align: center;
	margin-top: 0 !important;
}

.team-list .person {
	margin-bottom: 75px;
	display: inline-block;
	vertical-align: top;
	float: none;
}

.team-list .block {
	padding: 0 20px;
}

.team-list .details {
	text-align: center;
}

.team-list .position {
	font-size: .875rem;
	color: #00ccc9;
}

.profile-popup {
	position: relative;
	background: #fff;
	width: auto;
	max-width: 768px;
	margin: 20px auto;
	box-shadow: 0 0 5px rgba(0,0,0,.25);
}

.profile-popup .position {
	font-size: .875rem;
	color: #00ccc9;
	margin-bottom: 10px;
	display: block;
}

.profile-popup .mfp-close {
	color: #dcc1b9 !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
}

.profile-popup .image-ctn {
	width: 45%;
	padding-top: 60%;
	position: relative;
	display: table-cell;
}

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

.profile-popup .details {
	display: table-cell;
	padding: 25px;
	vertical-align: top;
}

.profile-popup .details p {
	font-size: 1rem;
}

.profile-popup h2 {
	font-size: 2rem;
}

/* ------------ X.X Case studies
 * -----------------------------------------------------------------------------
 */

.numbers.st1 .number {
	position: relative;
	width: auto;
	margin: 15px;
	width: 210px;
	float: left;
	margin-bottom: 40px;
}

.numbers.st1 .number:hover {
	transform: scale(1.1);
}

.numbers.st1 .number:nth-child(even) {
	float: right;
}

.numbers.st1 .number:last-child {
	margin-bottom: 15px;
}

.numbers.st1 .number .content {
	background-color: #fff;
	text-align: center;
	position: relative;
	padding: 10px;
}

.numbers.st1 .number .content:before {
	content: "";
	background-color: #00ccc9;
	position: absolute;
	left: -20px;
}

.numbers.st1 .number:before,
.numbers.st1 .number:after {
	content: "";
	position: absolute;
	background-color: #00ccc9;
	z-index: -1;
}

.numbers.st1 .number:before {
	bottom: -15px;
	left: -15px;
	width: 40px;
	height: calc(100% + 30px);
}

.numbers.st1 .number:after {
	bottom: -15px;
	right: -15px;
	width: 40px;
	height: calc(100% + 30px);
}

.numbers.st1 .title1 {
	font-size: 4.5rem;
	line-height: 1;
	font-weight: 900;
	color: #f22b1c;
}

.numbers.st1 .title2 {
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 900;
}

.numbers.st2 {
	display: table;
	width: 100%;
	display: table;
	margin: auto;
	text-align: center;
}

.numbers.st2 .number:first-child {
	margin-left: 0;
}

.numbers.st2 .number {
	display: inline-block;
	position: relative;
	width: auto;
	margin-left: -25px;
	display: inline-block;
	width: 25%;
}

.numbers.st2 .number .content-wrapper {
	padding-top: 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 4px;
	border-style: solid;
	border-radius: 100%;
}

.numbers.st2 .number:nth-child(1) .content-wrapper {
	border-color: red;
}

.numbers.st2 .number:nth-child(2) .content-wrapper {
	border-color: red;
}

.numbers.st2 .number .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.numbers.st2 .number .content .title1 {
	font-size: 2rem;
}

.numbers.st2 .number .content .title2 {
	font-size: .75rem;
	text-transform: uppercase;
	color: #f22b1c;
}

.numbers.st3 {
	font-size: 0;
	text-align: center;
	margin: 25px 0;
}

.numbers.st3 .number {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 25px 0;
}

.numbers.st3 .number .title1 {
	font-size: 2.5rem;
	font-weight: 900;
}

.numbers.st3 .number .title2 {
	font-size: .75rem;
	text-transform: uppercase;
	color: #f22b1c;
	font-weight: 900;
}

.featured-image {
	position: relative;
	margin: 25px auto 120px;
	max-width: 580px;
	padding: 25px;
}

.featured-image:before,
.featured-image:after {
	content: "";
	position: absolute;
	background-color: #00ccc9;
	z-index: -1;
}

.featured-image:before {
	bottom: 0;
	left: 0;
	width: 20%;
	height: 80%;
	background-color: #312f2d;
}

.featured-image:after {
	top: 0;
	right: 0;
	width: 20%;
	height: 80%;
}

/* ------------ X.X What we do
 * -----------------------------------------------------------------------------
 */

.features.st2 .feature {
	margin-bottom: 50px;
}

.features.st2 .feature:last-child {
	margin-bottom: 0;
}

.features.st2 .cell {
	vertical-align: middle;
	width: 50%;
}

.features.st2.v2 .cell.image {
	width: 25%;
}

.features.st2 .image {
	border-right: 10px solid #f2f2f2;
}

.features.st2 .image img {
	width: 100%;
	max-width: 240px;
	height: auto;
	display: block;
	padding: 0 25px;
	margin: auto;
}

.features.st2 .copy {
	padding: 50px;
}

.features.st2 .copy p {
	margin-bottom: 15px;
}

.features.st2 .copy p:last-child {
	margin-bottom: 0;
}

.features.st2 .copy li {
	padding-left: 25px;
	margin-bottom: 15px;
	position: relative;
}

.features.st2 .copy li:before {
	font-family: 'crimtan';
	content: "\e90d";
	font-size: 12px;
	color: #f22b1c;
	position: absolute;
	left: 0;
	top: 5px;
}

.features.st2 .copy li:last-child {
	margin-bottom: 0;
}

.features.st2 h2 {
	font-size: 1.625rem;
	font-weight: 900;
	margin-bottom: 25px;
}

section.worth h2 {
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 25px;
	text-align: center;
}

section.worth .intro {
	margin-top: 0;
}

/* ------------ X.X Careers
 * -----------------------------------------------------------------------------
 */

.jobs .job .title {
	margin-bottom: 0;
	color: inherit;
}

.jobs .job .location {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: .75rem;
	font-weight: 600;
	margin-top: 10px;
	color: #f22b1c;
}

.jobs .job {
	margin-bottom: 25px;
}

.jobs .job:last-child {
	margin-bottom: 0;
}

.jobs .job .btn {
	margin-top: 20px;
}

.jobs .job .details-1 {
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
}

/* ------------ X.X Offices
 * -----------------------------------------------------------------------------
 */

.offices {
	font-size: 0;
	margin-top: 75px;
}

.offices .office {
	display: inline-block;
	width: 33.3333%;
	padding: 0 5px;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 25px;
}

.offices .office h3 {
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 900;
	color: #f22b1c;
}

/* ------------ X.X OWL Carousel
 * -----------------------------------------------------------------------------
 */

.owl-theme .owl-dots {
	margin-top: 50px !important;
}

.owl-theme .owl-dots .owl-dot span {
	background: #f0dcd7 !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #a29c97 !important;
}

/* ------------ X.X Thanks
 * -----------------------------------------------------------------------------
 */

.thanks-page .btn {
	margin-top: 25px;
}

/* ------------ X.X consenTag
 * -----------------------------------------------------------------------------
 */

.ct-bullets ul {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;

}

.ct-bullets ul li {
	width: 50%;
	padding: 0 25px;
	margin-bottom: 15px;
	position: relative;
}

.ct-bullets ul li:before {
	font-family: 'crimtan';
	content: "\e90d";
	font-size: 12px;
	color: #f22b1c;
	position: absolute;
	left: 0;
	top: 5px;
}

.ct-bullets ul li:last-child {
	margin-bottom: 0;
}

.ct-bullets a {
	border-bottom: 2px solid #f22b1c;
}

#cta-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: rgba(255,255,255,.8);
}

#cta-popup .title {
	margin-bottom: 25px;
}

#cta-popup .content {
	background-color: #f2f2f2;
	box-shadow: 0 0 3px 0px rgba(0,0,0,.8);
	padding: 40px;
	width: 100%;
	max-width: 500px;
	min-height: 360px;
	display: flex;
	overflow: hidden; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	border: 10px solid #21cac8;	
}

#cta-popup .cookies {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: left;
}

#cta-popup .cookies p {
	margin-bottom: 15px;
}

#cta-popup .buttons {
	margin-top: 25px;
}

#cta-popup .btn {
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	width: 100%;
	min-width: 0;
}

#cta-popup .btn-ctn {
	width: 50%;
	float: left;
	padding: 5px 5px 0;
}

/* ------------ X.X Media Queries
 * -----------------------------------------------------------------------------
 */


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

}

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

nav.main a {
	padding: 0 7px;
}

}

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

nav.main {
	display: none;
}

.toggle-nav {
	display: block;
}

body.nav-open #sidemenu {
	right: 0;
	-webkit-overflow-scrolling: touch;
}

body.nav-open #container:after {
    content: "";
    background: rgba(0, 0, 0, .4);
    opacity: 1;
}

#container:before {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    z-index: 100;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 300ms ease, height 1ms 300ms ease
}

.nav-open #container:before {
    transition: opacity 300ms ease;
    height: 100%;
    opacity: 1
}

.statement .copy-ctn:after,
.work-with-us .copy-ctn:after {
	opacity: .2;
}

.features.st1 .block {
	padding: 0 20px;
}

}

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

.team-list .block {
	padding: 0;
}

.pad1 {
	padding: 50px 0;
}

.title.st3 {
	margin-bottom: 50px;
}

.pad1a {
	padding: 50px 0;
}

.pad2 {
	padding: 0 0 50px;
}

}

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

.post-list.v1 .post {
	width: 50%;
}

.post-list.v1 .post:nth-child(-n+3) .block:before {
	display: inline-block;
}

.post-list.v1 .post:nth-child(-n+2) .block:before {
	display: none;
}

.team-list .person {
	width: 33.3333%;
}

.features.st2 .image {
	width: 20%;
}

.features.st2 .image img {
	padding: 0 25px;
}

.post-list.v2.owl-carousel .post {
	width: 100%;
}

.post-list.v2 .post {
	width: 50%;
}

.logos li {
	width: 33.3333%;
	padding: 15px;
}

nav.footer li {
	margin-right: 15px;
}

.features.st1 .block {
	padding: 0;
}

}

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

footer#site #footer_language_list,
footer#site .social-links {
	display: table;
	width: 100%;
	text-align: center;
	float: none;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
}

footer#site .social-links {
	float: left;
	margin-top: 20px;
}

footer#site .social-links li {
	line-height: 1;
}

footer#site .site-name {
	float: none;
	text-align: center;
}

nav.footer {
	float: none;
	width: 100%;
	display: block;
	margin-top: 20px;
}

nav.footer ul {
	font-size: 0;
	margin: 0 -5px;
}

nav.footer .footer-nav li {
	width: calc(33.3333% - 10px);
	margin: 0 5px;
	border-bottom: 1px solid #ccc;
	line-height: 1.2;
	padding: 10px 5px;
}

nav.footer ul > li a span:before {
	display: none;
}

footer a.branding {
	float: none;
}

footer#site .level-1 {
	width: 100%;
}

section.usa-intro img.desktop {
	display: none;
}

section.usa-intro img.mobile {
	display: block;
}

}

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

.numbers.st3 .number {
	width: 50%;
}

.features.st2 .cell,
.features.st2.v2 .cell.image {
	display: block;
	width: 100%;
}

.features.st2 .image {
	border: none;
}

.features.st2 .image img {
	margin: 0 auto;
	width: 100%;
	max-width: 100px;
	padding: 0;
}

.features.st2 .copy li {
	padding-left: 0;
}

.features.st2 .copy li:before {
	content: "";
	display: none;
}

.features.st2 .copy {
	padding: 10px;
	text-align: center;
}

.client-quote .quote-ctn {
	max-width: 420px;
}

.post-date-ctn {
	width: 100%;
}

.share-article {
	float: left;
	display: block;
	margin-top: 10px;
}

section.campaigns .cell {
	display: block;
}

section.campaigns .cell.stats {
	width: 100%;
}

section.campaigns .cell.copy {
	margin-bottom: 25px;
	padding: 0;
	text-align: center;
}

section.campaigns .numbers.st1 .number .content:before,
section.campaigns .numbers.st1 .number:before,
section.campaigns .numbers.st1 .number:after {
	display: none;
}

section.campaigns .numbers {
	font-size: 0;
}

section.campaigns .numbers .number,
.numbers.st1 .number:nth-child(even) {
	float: none;
	display: inline-block;
	width: 33.3333%;
	margin: 0;
}

.numbers.st1 .title1 {
	font-size: 3rem;
}

.form-style.st1 {
	background-color: #f1f2f1;
	padding: 15px 25px;
}

.form-style.st1 .row.half {
	width: calc(50% - 20px);
	margin-right: 20px;
}

.post-list.v3 .logo {
	width: 40%;
}

.offices .office {
	width: 50%;
}

.ct-bullets ul li {
	width: 100%;
	padding: 0 0 0 25px;
}

}

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

.features .feature {
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
}

.features.st1 img.icon {
	width: 72px;
	display: block;
	height: auto;
	margin: auto auto 20px;
}

.features.st1 .feature:last-child {
	margin-bottom: 0;
}

}

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

.post-list.v1 .post {
	width: 100%;
}

.post-list.v1 .post:nth-child(-n+2) .block:before {
	display: inline-block;
}

.post-list.v1 .post:nth-child(-n+1) .block:before {
	display: none;
}

.team-list .person {
	width: 50%;
}

.profile-popup {
	max-width: 368px;
}

.profile-popup .image-ctn {
	width: 100%;
	padding-top: 100%;
	display: block;
}

.profile-popup .mfp-close {
	color: #dcc1b9 !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	background: rgba(0,0,0,.7);
}

.profile-popup .details {
	display: block;
}

.profile-popup .image {
	background-position: top center;
}

.statement .title {
	font-size: 1.75rem;
}

.client-quote .quote-ctn {
	padding: 15px 15px 0;
	max-width: 320px;
}

.client-quote .quote-ctn .title {
	line-height: 1.2;
	font-size: 2rem;
}

.logos li {
	width: 50%;
	padding: 10px;
}

.form-style.st1 {
	background-color: #f1f2f1;
	padding: 15px;
}

.form-style.st1 .row.half {
	width: calc(100% - 0px);
	margin-right: 0;
}

.post-date-ctn .post-date {
	float: none;
}

.post-date-ctn .modified-date:before {
	display: none;
}

.c_12 {
	padding-left: 0;
	padding-right: 0;
}

.toggle-nav {
	right: 20px;
}

.post-list.v3 .cell {
	display: block;
	width: 100%;
}

.post-list.v3 img {
	width: 100%;
	max-width: 260px;
	margin: auto;
}

.post-list.v3 .copy {
	padding: 0;
	border: none;
	text-align: center;
}

#sidemenu nav li {
	font-size: 1.75rem;
}

section.campaigns {
	text-align: center;
}

section.campaigns .numbers .number,
.numbers.st1 .number:nth-child(even) {
	width: 100%;
}

.processing-buttons-wrapper .wp-block-button {
	float: none;
	text-align: center !important;
	margin: 10px 0;
}

.wpml-ls img {
	display: block !important;
}

.wpml-ls span {
	display: none;
}


.wpml-ls {
	width: auto !important;
	margin-top: 26px;
	margin-left: 10px;
}

.wpml-ls li {
	display: block;
}

}

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

.numbers.st3 .number {
	width: 100%;
}

.statement .title {
	font-size: 1.5rem;
}

.client-quote .quote-ctn {
	padding: 10px 10px 0;
	max-width: 220px;
}

.client-quote .quote-ctn .title {
	font-size: 1.5rem;
}

.client-quote .quote-ctn img {
	width: 100%;
}

.client-quote .quote-ctn:before {
	bottom: -10px;
	left: -10px;
}

.client-quote .quote-ctn:after {
	top: -10px;
	right: -10px;
}

.client-quote .quotes:before,
.client-quote .quotes:after {
	font-size: 25px;
}

.client-quote .quotes:before {
	left: -35px;
}

.client-quote .quotes:after {
	right: -35px;
}

.logos li {
	width: 50%;
	padding: 0;
}

.post-list.v2 .post {
	width: 100%;
}

.form-style.st2 .row.half {
	width: calc(100% - 0px);
	margin-right: 0;
}

.form-style .row.message {
	width: calc(100% - 0px);
}

}

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

nav.footer .footer-nav li {
	width: calc(100% - 10px);
}

.offices .office {
	width: 100%;
	border-bottom: 3px solid #f7f7f7;
	padding-bottom: 25px;
}

.offices .office:last-child {
	border: none;
	padding-bottom: 0;
}

.team-list .person {
	width: 100%;
}

#cta-popup .content {
	padding: 20px;
}

}

@media only screen and (max-height: 580px) {

#sidemenu nav li {
	font-size: 1.5rem;
	padding: 15px 0;
}

}

/* ------------ X.X Print
 * -----------------------------------------------------------------------------
 */


@media print {

}