/*
Theme Name: J Fletcher
Author: K2L Marketing
Author URI: http://www.k2l.co.uk/

J Fletcher WordPress Theme
*/

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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
.clear {
	clear: both;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.grecaptcha-badge {
	visibility: hidden !important;
}

/* Temp - Address change  -- moved to footer */
.notice {
	background: #0AACCC;
	padding: 10px 0;
	width: 100%;
}
.notice p {
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-weight: 700;
	text-align: center;
}
.notice p a {
	text-decoration: none;
	color: inherit;

	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.notice p a:hover,
.notice p a:focus,
.notice p a:active {
	color: #000;
}
.notice p br {
	display: none;
}

/* Colours */
.bg-blue {
	background-color: #0AACCC;
}
.bg-grey {
	background-color: #f7f7f7;
}
.bg-white {
	background-color: #fff;
}
.bg-black {
	background-color: #1d1d1b;
}

.blue {
	color: #0AACCC;
}
.grey {
	color: #f7f7f7;
}
.white {
	color: #fff;
}
.black {
	color: #1d1d1b;
}

.bg-image {
	background-repeat: no-repeat;
}
.selectDisable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Selection */
.banner *::-moz-selection,
.bg-grey *::-moz-selection,
.bg-black *::-moz-selection,
.bg-image *::-moz-selection,
.bg-white *::-moz-selection {
	background-color: #0AACCC;
	color: #fff;
}
.bg-blue *::-moz-selection {
	background-color: #fff;
	color: #1d1d1b;
}
.banner *::selection,
.bg-grey *::selection,
.bg-black *::selection,
.bg-image *::selection,
.bg-white *::selection {
	background-color: #0AACCC;
	color: #fff;
}
.bg-blue *::selection {
	background-color: #fff;
	color: #1d1d1b;
}

/* Layout */
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkitflex;
	display: flex;
}
.flex.column {
	flex-direction: column;
}
.flex.row {
	flex-direction: row;
}
.flex.hcenter {
	justify-content: center;
}
.flex.vcenter {
	align-items: center;
}
.flex.wrap {
	flex-wrap: wrap;
}
.flex.fill {
	flex: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.spacer::after {
	content: "";
	clear: both;
	display: block;
}
.col1 {
	width: 100%;
}
.col2 {
	width: 50%;
}
.col4 {
	width: 25%;
}
.ta-c {
	text-align: center;
}
.lower {
	background-image: url("/wp-content/themes/jfletcher/images/para-lines-white.png");
	background-position: bottom right;
	background-size: cover;
}
.fourty-top:before {
	content: "";
	display: block;
	padding-top: 40px;
	/*background-color: #f7f7f7;
	background-image: url(images/bg1.png);
	background-repeat: repeat-y;
	background-position: top right;*/
}
.fourty-top-container:before {
	content: "";
	display: block;
	padding-top: 40px;
	background-color: #f7f7f7;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.fourty-bottom:after {
	content: "";
	display: block;
	margin-bottom: 40px;
	background-color: #f7f7f7;
}
.fourty-bottom-container:after {
	content: "";
	display: block;
	padding-bottom: 40px;
	background-color: #f7f7f7;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.standard-bg {
	background-image: url(images/bg1.png);
	background-repeat: repeat-y;
	background-position: top right;
}
body {
	font-family: "nimbus-sans", sans-serif;
	/*font-family: 'Montserrat', sans-serif;*/
	font-style: normal;
	font-weight: 400;
	background-color: #f7f7f7;
	/*background-image: url(images/bg1.png);
	background-repeat: repeat-y;
	background-position: top right;*/
}
.bg1 {
	background-image: url(images/bg1.png);
	background-repeat: repeat-y;
	background-position: top right;
}
body .montserrat {
	font-family: "Montserrat", sans-serif;
}
strong {
	font-weight: bold;
}
strong.heavy {
	font-weight: 900;
}
em {
	font-style: italic;
}
.upp {
	text-transform: uppercase;
}

/* Buttons */
.hidden .button,
a.button {
	border: 3px solid #0AACCC;
	color: #1d1d1b;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 15px;
}
.hidden .button span,
a.button span {
	display: inline-block;
	padding: 0 10px 0 0;
}
a.button.reverse span {
	padding: 0 0 0 10px;
}
.hidden .button img,
a.button img {
	display: inline-block;
	vertical-align: text-bottom;
	width: 11px;
	height: 17px;
}
.hidden .button.white,
a.button.white {
	border-color: #fff;
	color: #fff;
}

a.button:hover img,
a.button:active img {
	-ms-transform: translate(3px, 0);
	-webkit-transform: translate(3px, 0);
	transform: translate(4px, 0);
}

a.button.reverse img {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.margin-top {
	margin: 35px 0 0;
}

/* Transitions */
.trans,
.trans a,
.trans > a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-form .wpcf7-submit,
a.button img,
.trans.fast,
.trans.fast a,
.trans.fast > a {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/* Header */
.logo-cntr {
	background-image: url("/wp-content/themes/jfletcher/images/svg/fletchers-engineering.svg");
	background-repeat: no-repeat;
}
.logo-cntr a,
.logo-cntr a img {
	display: block;
}
.logo-cntr a img {
	width: 100%;
	max-width: 330px;
}

.call-cntr .textwidget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkitflex;
	display: flex;
}
.call-cntr .phone-icon,
.call-cntr a {
	display: inline-block;
}
.call-cntr a {
	letter-spacing: -0.25px;
}
.call-cntr .phone-icon {
	background-image: url("/wp-content/themes/jfletcher/images/svg/call-icon.svg");
	margin: 0 4px 0 15px;
}
.call-cntr a,
.call-cntr a:link,
.call-cntr a:visited {
	color: #1d1d1b;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-family: "nimbus-sans", sans-serif;
}
.call-cntr a:hover,
.call-cntr a:active {
	color: #0AACCC;
}
.call-cntr a img {
	display: block;
}

.social-cntr {
	margin-top: 10px;
	display: flex;
  	flex-direction: column;
}
.social-cntr .icon a,
.social-cntr .icon a img {
	display: block;
	width: 100%;
}
.social-cntr .icon a {
	text-decoration: none;
}
.social-cntr .icon a span,
.social-cntr .icon a:link span,
.social-cntr .icon a:visited span {
	color: #000;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	font-family: nimbus-sans, sans-serif;
	text-decoration: none;
	position: relative;
	top: -2.5px;
}
.social-cntr .icon a:focus span,
.social-cntr .icon a:hover span,
.social-cntr .icon a:active span {
	color: #0AACCC;
}
.social-cntr .icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: auto;
}
.social-cntr .icon:nth-last-child(1) {
	margin-right: 0;
}
.social-cntr .icon:nth-child(1) {
	margin-left: 0;
}
.social-cntr a svg #svg-hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-cntr a svg:focus #svg-hover,
.social-cntr a svg:hover #svg-hover,
.social-cntr a svg:active #svg-hover {
	fill: #111;
}

.header-cntr {
	padding: 20px;
	width: calc(100% - 40px);
	max-width: 1400px;
}
.header-upper {
	margin: 5px 0 20px;
}
.header-upper nav ul li {
	display: inline-block;
	margin: 0 8px 0 0;
}
.header-upper nav ul li:nth-last-child(1) {
	margin: 0;
}
.header-lower nav ul li {
	display: inline-block;
	margin: 0 18px 0 0;
}
.header-lower nav ul li:nth-last-child(1) {
	margin: 0;
}

.header-upper nav ul li a,
.header-upper nav ul li a:link {
	color: #1d1d1b;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-family: "nimbus-sans", sans-serif;
}
.header-lower nav ul li a,
.header-lower nav ul li a:link {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

.header-upper nav ul li a:active,
.header-upper nav ul li a:hover,
.header-lower nav ul li a:active,
.header-lower nav ul li a:hover {
	color: #0AACCC;
}

.logo-left {
	width: 30%;
}
.nav-right {
	width: 72%;
}

/* Footer */
.footer-cntr {
	padding: 28px 20px 34px;
	width: calc(100% - 40px);
}

.address-cntr {
	width: 25%;
}
.services-cntr {
	width: 16.66666666666667%;
}
.sectors-cntr {
	width: 16.66666666666667%;
}
.accreditations-cntr {
	width: 40%;
}

footer h3 {
	font-size: 13px;
	line-height: 15.6px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	padding: 0 0 10px;
}
footer .address-cntr p {
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
	font-family: "nimbus-sans", sans-serif;
}

.k2l-links,
.k2l-links a,
.k2l-links a:link,
.k2l-links a:visited,
footer .terms,
footer .terms a,
footer .terms a:link,
footer .terms a:visited {
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
	font-family: "nimbus-sans", sans-serif;
	text-decoration: none;
	color: #1d1d1b;
}
.footer-cntr nav ul li,
.footer-cntr nav ul li a,
.footer-cntr nav ul li a:link,
.footer-cntr nav ul li a:visited {
	font-size: 13px;
	line-height: 14px;
	font-weight: 300;
	font-family: "nimbus-sans", sans-serif;
	text-decoration: none;
	color: #1d1d1b;
	padding: 3px 0 3px;
}

.footer-lower {
	padding: 22px 20px;
	width: calc(100% - 40px);
}

footer .terms {
	margin: 4px 0 0;
}
footer .terms,
footer .terms a,
footer .terms a:link,
footer .terms a:visited {
	color: #fff;
}
.k2l-links,
.k2l-links a,
.k2l-links a:link,
.k2l-links a:visited {
	color: #fff;
	font-size: 14px;
	line-height: 16.8px;
	text-align: right;
}

.k2l-links a:hover,
.k2l-links a:active,
footer .terms a:hover,
footer .terms a:active,
.footer-cntr nav ul li a:hover,
.footer-cntr nav ul li a:active {
	color: #0AACCC;
}

.footer-lower h3 {
	font-size: 14px;
	line-height: 16.8px;
	font-weight: bold;
	font-family: "nimbus-sans", sans-serif;
	color: #fff;
	padding: 0;
}

/* Parallax Banner */
body .parallax-window .media-overlay > header {
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 150;
	background-image: url("/wp-content/themes/jfletcher/images/para-lines-white.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
}
.custom-bg .overlay {
	background-color: unset;
}

.wrapper {
	z-index: 100;
	position: relative;
}

.parallax {
	background-image: url("/wp-content/themes/jfletcher/images/para-bg.jpg");
	height: 325px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
}
.parallax.custom-bg {
	background-position: center top;
	background-size: auto 325px;
}
.banner {
	text-align: center;
	color: #fff;
}
.parallax .content {
	position: fixed;
	width: 100%;
	margin: 0 auto;
	max-width: 2000px;
	z-index: 50;
	top: 145px;
	left: 0;
	right: 0;
}
.banner .content h1,
.banner .content h2 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 54px;
	line-height: 65px;
	font-weight: bold;
	padding: 45px 0 30px;
	color: #fff;
}
.banner .content p {
	font-family: "nimbus-sans", sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	padding: 0 0 55px;
	max-width: 650px;
	margin: 0 auto;
	width: 100%;
	color: #fff;
}

.page-template-page-home .parallax {
	height: 450px;
	height: 100vh;
	position: relative;
}
.page-template-page-home .parallax .content {
	top: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkitflex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.page-template-page-home .overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
}
.video-cntr {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.video-cntr iframe,
.video-cntr video {
	position: absolute;
	height: 300%;
	width: 110%;
	top: -100%;
	left: -5%;
}

.background {
	background-repeat: no-repeat;
	/* custom background-position */
	background-position: 50% 50%;
	/* ie8- graceful degradation */
	background-position: 50% 50%9 !important;
}

/* Home feeds */
.case-feed,
.post-feed {
	width: 50%;
}
.feed-border {
	border-right: 1px solid #1d1d1b;
	margin: 45px 0;
}
.case-feed .case,
.post-feed .post {
	margin: 13.53637901861252%;
	margin-bottom: 30px;
}
.post-feed .post {
	margin-bottom: 0;
}
.post-feed .post:nth-child(3) {
	margin-bottom: 30px;
}
.single-case-study span.entry-date,
.single-post span.entry-date,
.case-feed .case p.case-num,
.post-feed .post p.date {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
}
.case-feed .case h3,
.post-feed .post h3 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #0AACCC;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 0 0 14px;
}
.case-feed .case li a,
.case-feed .case li,
.post-feed .post p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
}
.case-feed .case ul {
	margin: 0 0 25px;
}
.case-feed .case li a,
.case-feed .case li a:link,
.case-feed .case li a:visited,
.case-feed .case li {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	color: #1d1d1b;
	display: inline;
}
.case-feed .case li a:focus,
.case-feed .case li a:hover,
.case-feed .case li a:active {
	color: #0AACCC;
}
.case-feed .case li:after {
	content: ", ";
}
.case-feed .case li:nth-last-of-type(1):after {
	content: "";
}
.post-feed .post a,
.post-feed .post a:link,
.post-feed .post a:visited {
	text-decoration: none;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #1d1d1b;
	padding: 6px 0 0;
	display: table;
}
.post-feed .post a:focus,
.post-feed .post a:hover,
.post-feed .post a:active {
	color: #0AACCC;
}

/* Home - Main blocks */
.logo-small {
	background-image: url("/wp-content/themes/jfletcher/images/svg/fletchers-engineering-icon.svg");
	background-repeat: no-repeat;
}

.main-block .content h1 {
	font-size: 30px;
	line-height: 31px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #0AACCC;
	padding: 24px 0 18px;
}
.main-block .content h1 strong {
	color: #1d1d1b;
}
.single-case-study .main-block .content h1 strong,
.single-post .main-block .content h1 strong {
	color: #0AACCC;
}
.single-case-study .main-block .content h1 strong,
.main-block .content h1.pad-lower {
	padding: 0 0 18px;
}
.single-case-study .main-block .content h1 {
	padding-top: 5px;
}
.main-block .content h3 {
	color: #0AACCC;
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	font-family: "nimbus-sans", sans-serif;
	padding: 0 0 22px;
}
.main-block.secondary .content h3 {
	color: #1d1d1b;
	font-size: 18px;
	line-height: 21px;
}

.main-block .content {
	padding: 40px;
	width: calc(100% - 80px);
}
.main-block.border .content {
	border: 20px solid #0AACCC;
}

.main-block .content p {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	padding: 0 0 10px;
}
.single-post .main-block .content p {
	line-height: 18px;
}
.main-block.bg-blue .content h3,
.main-block.bg-blue .content p {
	color: #fff;
}
.main-block .content p a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-block .content p a,
.main-block .content p a:link,
.main-block .content p a:visited {
	color: #0AACCC;
	text-decoration: none;
}
.main-block .content p a:focus,
.main-block .content p a:hover,
.main-block .content p a:active {
	color: #1d1d1b;
}

.main-block .content p a.button,
.main-block .content p a.button:link,
.main-block .content p a.button:visited {
	color: #1d1d1b;
}
.main-block .content p a.button:focus,
.main-block .content p a.button:hover,
.main-block .content p a.button:active {
	color: #1d1d1b;
}

.main-block .content ul {
	margin: 0 0 0 15px;
	padding: 0 0 20px;
}
[class*="services-template-sub"] .main-block .content *:nth-last-child(1) {
	padding-bottom: 0;
}
.main-block .content ul li:before,
.main-block.bg-blue .content ul li:before {
	content: "\2022";
	color: #0AACCC;
	margin: 0 5px 0 -15px;
	vertical-align: middle;
}
.main-block.bg-blue .content ul li:before {
	color: #fff;
}
.main-block .content ul.service-links li:before {
	content: none;
	margin: 0;
}
.main-block .content ul li a,
.main-block .content ul.service-links li {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-block .content ul.service-links li.left,
.main-block .content ul.service-links li:focus,
.main-block .content ul.service-links li:hover,
.main-block .content ul.service-links li:active {
	padding-left: 10px;
}
.main-block .content ul.service-links li:focus a,
.main-block .content ul.service-links li:hover a,
.main-block .content ul.service-links li:active a {
	color: #1d1d1b;
}
.main-block .content ul.service-links a span {
	display: inline-block;
	padding: 0 10px 0 0;
}
.main-block .content ul.service-links a img {
	display: inline-block;
	vertical-align: text-bottom;
	width: 11px;
	height: 26px;
}
.main-block .content ul li,
.main-block.bg-blue .content ul li {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
}
.main-block.bg-blue .content ul li {
	color: #fff;
}

.main-block .content ul li a,
.main-block .content ul li a:link,
.main-block .content ul li a:visited {
	color: #0AACCC;
	text-decoration: none;
}
.main-block .content ul li a:focus,
.main-block .content ul li a:hover,
.main-block .content ul li a:active {
	color: #1d1d1b;
}
.main-block.bg-blue .content ul li a,
.main-block.bg-blue .content ul li a:link,
.main-block.bg-blue .content ul li a:visited {
	color: #1d1d1b;
	text-decoration: none;
}
.main-block.bg-blue .content ul li a:focus,
.main-block.bg-blue .content ul li a:hover,
.main-block.bg-blue .content ul li a:active {
	color: #fff;
}

.main-block .content ul.service-links {
	margin: 0 0 10px;
	padding: 0;
}
.main-block .content ul.service-links.bold li,
.service-links a,
.service-links a:link,
.service-links a:visited {
	font-size: 20px;
	line-height: 28px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #0AACCC;
	text-decoration: none;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main-block .content ul.service-links.bold li {
	line-height: 22px;
	padding-bottom: 8px;
}

.main-block .content ul.service-links li a:focus,
.main-block .content ul.service-links li a:hover,
.main-block .content ul.service-links li a:active,
.main-block .content ul.service-links li a.active,
.service-links a:focus,
.service-links a:hover,
.service-links a:active,
.service-links a.active {
	color: #1d1d1b;
}

.block-cntr .block {
	text-decoration: none;
	background-size: cover;
	background-position: center center;
}
.block-cntr .block:nth-child(1) {
	background-image: url("/wp-content/themes/jfletcher/images/main-1.jpg");
}
.block-cntr .block:nth-child(2) {
	background-image: url("/wp-content/themes/jfletcher/images/main-2.jpg");
}
.block-cntr .block:nth-child(3) {
	background-image: url("/wp-content/themes/jfletcher/images/main-3.jpg");
}
.block-cntr .block:nth-child(4) {
	background-image: url("/wp-content/themes/jfletcher/images/main-4.jpg");
}

.block .hidden {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.block .hidden:hover,
.block .hidden:active,
.block .hidden:active,
.block .hidden.active {
	opacity: 1;
}

.block .hidden h3 {
	font-size: 18px;
	line-height: 21.6px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.block .hidden span {
	font-size: 13px;
	line-height: 15.6px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.block .hidden .button {
	margin: 30px 0 0;
}

.featured {
	background-size: cover;
	background-position: center;
}
.featured img {
	display: block;
	width: 100%;
}
.featured.feat-with-text {
	position: relative;
}
.featured.feat-with-text .overlay-content {
	position: absolute;
	text-align: center;
}
.overlay-content h2 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 31px;
	font-weight: bold;
	padding: 0 0 30px;
	color: #fff;
}
.overlay-content p {
	font-family: "nimbus-sans", sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 21px;
	padding: 0 0 55px;
	max-width: 650px;
	margin: 0 auto;
	width: 100%;
	color: #fff;
}

/* About - Blue list block */
.content h2 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	/*font-size: 24px;
	line-height: 31px;*/
	font-size:16px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	/*padding: 0 0 20px;*/
	padding: 16px 0 16px;
}
.content.list ul {
	margin: 0;
	padding: 0;
}
.content.list ul li {
	font-size: 16px;
	line-height: 33px;
	font-weight: bold;
	color: #fff;
	margin-left: 15px;
}
.content.list ul li::before {
	content: "\2022";
	margin: 0 5px 0 -15px;
	vertical-align: middle;
	color: #fff;
}

/* Home - Form */
.main-form {
	height: calc(100% - 6.666666666666667% - 6.666666666666667%);
	background: #0AACCC url("/wp-content/themes/jfletcher/images/form-bg.jpg")
		no-repeat center;
	background-size: cover;
	width: 86.66666666666667%;
	padding: 6.666666666666667%;
}
.col1 .main-form {
	height: calc(100% - 3.333333% - 3.333333%);
	background: #000 url("/wp-content/themes/jfletcher/images/form-bg-wide.png")
		no-repeat center;
	width: 93.333334%;
	padding: 3.333333%;
}
.col1 .main-form form {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
.main-form .wpcf7 {
	width: 100%;
}
.main-form .form-cntr .col2.fl {
	width: 47.5%;
	margin-right: 2.5%;
}
.main-form .form-cntr .col2.fr {
	width: 47.5%;
	margin-left: 2.5%;
}

.main-form span input,
.main-form span textarea {
	background-color: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	text-indent: 12px;
	padding: 0 0 5px;
	margin: 0 0 30px;
	font-family: "nimbus-sans", sans-serif;
	width: 76.92307692307692%;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
}
.main-form .form-cntr span input,
.main-form .form-cntr span textarea {
	width: 100%;
}
.main-form label {
	color: #fff;
	font-size: 14px;
	line-height: 6px;
	text-indent: 12px;
	text-transform: uppercase;
	font-family: "nimbus-sans", sans-serif;
	background-color: rgba(0, 0, 0, 0);
	display: block;
}
.main-form span input:focus,
.main-form span textarea:focus {
	width: 85.92307692307692%;
}
.main-form .form-cntr span input:focus,
.main-form .form-cntr span textarea:focus {
	width: 100%;
}
.main-form span textarea {
	height: 80px;
	text-indent: 0;
	padding: 0 0 5px 12px;
	width: calc(76.92307692307692% - 12px);
}
.main-form h2 {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	padding: 0 0 20px;
}
.main-form .wpcf7-submit {
	border: 3px solid #fff;
	color: #fff;
	font-size: 13px;
	line-height: 15.6px;
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	padding: 10px 32px 10px 15px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("/wp-content/themes/jfletcher/images/svg/arrow-blue.svg");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 11px 17px;
}
.main-form .wpcf7-submit:hover,
.main-form .wpcf7-submit:focus,
.main-form .wpcf7-submit:active {
	background-position: right 8px center;
}

div.wpcf7-response-output {
	margin: 2em 0 0 !important;
	padding: 0 !important;
	border: none !important;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	font-family: "nimbus-sans", sans-serif;
}
.wpcf7-not-valid-tip {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 16px;
	font-family: "nimbus-sans", sans-serif;
}

.form-cntr .submit {
	position: relative;
}
.form-cntr .submit .ajax-loader {
	position: absolute;
	right: 0;
}

/* Used to style the Placeholder of form fields */
::-webkit-input-placeholder {
	opacity: 1;
	text-transform: uppercase;
	font-size: 14px;
}
::-moz-placeholder {
	opacity: 1;
	text-transform: uppercase;
	font-size: 14px;
}
:-ms-input-placeholder {
	opacity: 1;
	text-transform: uppercase;
	font-size: 14px;
}
:-moz-placeholder {
	opacity: 1;
	text-transform: uppercase;
	font-size: 14px;
}

/* Used to style the Placeholder of form fields */
.main-form span input::-webkit-input-placeholder {
	color: #fff;
}
.main-form span input::-moz-placeholder {
	color: #fff;
}
.main-form span input:-ms-input-placeholder {
	color: #fff;
}
.main-form span input:-moz-placeholder {
	color: #fff;
}
.main-form span textarea::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
.main-form span textarea::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
.main-form span textarea:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
.main-form span textarea:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.main-form input[type="file"] {
	display: inline-flex;
}

/* Home - logos row */
.logos-cntr {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 18px 0;
	justify-content: space-between;
	align-items: center;
}
.logo-cntr .logo img {
	width: 100%;
	display: block;
}
.slick-slide {
	outline: none;
}
.slick-slide img {
	margin: 0 auto;
}

/* Plain page template */
.page-template-page-plain .main-block h2 {
	color: #0aaabe;
	padding: 10px 0;
}
.page-template-page-plain .main-block h3,
h4,
h5,
h6 {
	color: #1d1d1b;
	padding: 6px 0;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}
.page-template-page-plain .main-block ul {
	margin: 0 0 0 15px;
	padding: 0 0 10px;
}
.page-template-page-plain .main-block ul li:before {
	content: "\2022";
	color: #0AACCC;
	margin: 0 5px 0 -15px;
	vertical-align: middle;
}
.page-template-page-plain .main-block ul ul li:before {
	content: "\2013";
	color: #1d1d1b;
}
.page-template-page-plain .main-block ul li {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
}
.page-template-page-plain .main-block p a,
.page-template-page-plain .main-block p a:link,
.page-template-page-plain .main-block p a:visited {
	color: #0AACCC;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	padding: 0 0 10px;
	text-decoration: none;
}
.page-template-page-plain .main-block p a:hover,
.page-template-page-plain .main-block p a:active {
	color: #1d1d1b;
	text-decoration: underline;
}

/* Four O Four & Thank you pages */
body.page-template-page-message-received,
body.error404 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkitflex;
	display: flex;
	flex-direction: column;
	height: 100vh;
}
body.page-template-page-message-received main,
body.error404 main {
	height: 100vh;
}

/* Careers */
.career-post.border {
	border: 20px solid #0aaabe;
}
.career-info h3,
.career-info p {
	font-size: 15px;
	line-height: 21px;
	color: #fff;
}
.career-info h3 {
	font-weight: bold;
	padding: 0 0 16px;
}
.career-info p {
	font-weight: 300;
	padding: 0 0 10px;
}
.career-post {
	margin-bottom: 30px;
}

.career-image {
	width: 21.92982456140351%;
	margin-right: 1.75438596491228%;
}
.career-image img {
	display: block;
	width: 100%;
}
.career-info {
	width: 76.31578947368421%;
}

/* News posts & Case Study posts*/
.case-cntr .case,
.posts-cntr .post {
	width: 48.75%;
	margin-bottom: 30px;
}
.case-cntr .case.bg-white:hover,
.posts-cntr .post.bg-white:hover {
	background-color: #ceeef2;
}
.case-cntr .case:nth-of-type(odd),
.posts-cntr .post:nth-of-type(odd) {
	margin-right: 2.5%;
}
.case .case-image,
.post .post-image {
	width: 35.8974358974359%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
}
.post .post-image {
	background-size: cover;
}
.case .case-image img,
.post .post-image img {
	display: block;
	width: 100%;
}
.case .case-image a,
.post .post-image a {
	display: block;
}
.case-excerpt,
.post-excerpt {
	width: calc(64.1025641025641% - 36px);
	padding: 18px;
}
.case-excerpt a,
.post-excerpt a {
	display: table;
	align-self: flex-end;
}
.case-excerpt .entry-date,
.post-excerpt .entry-date,
.case-excerpt p,
.post-excerpt p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
}
.case-excerpt .entry-date,
.post-excerpt .entry-date {
	text-transform: uppercase;
}
.case-excerpt h3,
.post-excerpt h3 {
	color: #0AACCC;
	padding: 6px 0;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}
.main-block .content.extra-content > * {
	color: #fff;
}
.main-block .content.extra-content h2 {
	font-size: 15px;
	line-height: 21px;
}
.main-block .content.extra-content p:nth-last-of-type(1) {
	padding: 0 0 10px;
}
.extra-image {
	padding-right: 40px;
	margin-bottom: 20px;
}
.extra-image img {
	display: block;
	width: 100%;
}

.content.nav-below {
	padding: 30px;
	width: calc(100% - 60px);
}
.nav-previous {
	text-align: left;
}
.nav-next {
	text-align: right;
}
#nav-below a,
#nav-below a:link,
#nav-below a:visited {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #1d1d1b;
}
#nav-below a:focus,
#nav-below a:hover,
#nav-below a:active {
	color: #0aaabe;
}

/* Contact page */
.address {
	margin-top: 16px;
}
#map_canvas {
	height: 600px;
	width: 100%;
}

.popup-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkitflex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup-btn .btn {
	position: absolute;
	display: block;
	background-color: #fff;
	border: 2px solid #0AACCC;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.8);
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #1d1d1b;
	padding: 8px 12px;
	box-sizing: border-box;
	width: 150px;
	height: 38px;
}
.popup-btn .btn span {
	display: inline-block;
	float: left;
}
.popup-btn .btn img {
	display: inline-block;
	float: right;
	width: 14px;
	height: 18px;
}
.popup-btn .btn img::after {
	content: "";
	clear: both;
	display: block;
}
.popup-btn.mobile .btn {
	display: none;
}

/* News single page */
.wrapper .notice {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.d-none {
	display: none !important;
}
.col-md-7 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
}

.col-md-5 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

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

.news-img img {
	width: 100%;
}

.news-single .content {
	padding: 0;
}

.news-intro {
	padding: 30px;
	background-color: #0AACCC;
	width: 100%;
	box-sizing: border-box;
}

.news-data {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

.news-single .col1 {
	border: 10px solid #0AACCC;
}

.news-title h1 {
	font-size: 49px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.news-title h1,
.news-title p {
	color: #ffffff;
}

.news-title p {
	font-size: 16px;
	line-height: 24px;
}

.news-title .entry-meta {
	margin-bottom: 16px;
}
.news-title h1 {
	margin-bottom: 20px;
}
.news-title p {
	margin-bottom: 10px;
}

.news-img {
	padding-left: 50px;
}

.news-data p {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	padding: 0 0 10px;
}

.news-data h3 {
	font-size: 16px;
	font-weight: bold;
	color: #22b2c5;
}

.news-data h3,
.news-data p {
	padding: 0 0 14px;
}

.col-md-7 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
}

.col-md-5 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

.row {
	display: flex;
	flex-wrap: wrap;
}
.news-intro .row {
	flex-direction: row-reverse;
}
.news-img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: center;
}
.news-single .content {
	padding: 0;
}

.news-intro,
.news-footer {
	background-color: #0AACCC;
	width: 100%;
	box-sizing: border-box;
}

.news-data {
	width: 100%;
	box-sizing: border-box;
}
.news-data,
.news-intro,
.news-footer {
	padding: 30px;
}
.news-single .col1 {
	border: 10px solid #0AACCC;
}

.news-title h1 {
	font-size: 49px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.news-title h1,
.news-title p,
.news-footer h3 {
	color: #ffffff;
}

.news-title p {
	font-size: 16px;
	line-height: 24px;
}
.news-data li {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
}

.news-data li:before {
	content: "\2022";
	color: #0AACCC;
	margin: 0 5px 0 -15px;
	vertical-align: middle;
}
.news-data a {
	color: #22b2c5;
	text-decoration: none;
	transition: 0.5s;
}
.news-data a:hover {
	color: #1d1d1b;
}

.news-data ul {
	padding-left: 16px;
	padding-bottom: 16px;
}
.news-data p {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	padding: 0 0 10px;
}

.news-data h3 {
	font-size: 16px;
	font-weight: bold;
	color: #22b2c5;
}

.news-data h3,
.news-data p {
	padding: 0 0 14px;
}

.news-footer a.button.white {
	display: inline-block;
	border-width: 2px;
	padding: 10px 24px;
}

.news-footer li {
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	padding-right: 20px;
}
.news-footer h3,
.news-footer p {
	text-transform: uppercase;
}
.news-footer h3 {
	font-size: 22px;
	font-weight: bold;
}

.news-footer li p {
	padding: 23px 0 16px;
}

.news-footer h3 {
	font-size: 21px;
}
.news-single * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* News single page */

@media screen and (max-width: 1299px) {
	.news-title h1 {
		font-size: 38px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 991px) {
	.news-img img {
		height: 350px;
	}
	.news-title .entry-meta {
		margin-bottom: 10px;
	}
	.news-title h1 {
		font-size: 28px;
		margin-bottom: 12px;
	}
	.news-img {
		padding-left: 30px;
	}
	.news-footer h3 {
		font-size: 18px;
	}
	.news-footer li p {
		padding: 18px 0 14px;
	}
	.news-footer a.button.white {
		padding: 8px 18px;
	}
}

@media screen and (max-width: 768px) {
	.popup-btn.desktop .btn {
		display: none;
	}
	.popup-btn.mobile .btn {
		display: block;
	}

	.popup-btn.mobile .btn {
		line-height: 20px;
		padding: 8px 10px;
		width: 150px;
		height: 38px;
		margin-top: 30px;
	}
	.popup-btn.mobile .btn img {
		width: 14px;
		height: 18px;
	}
}

@media screen and (max-width: 767px) {
	.news-data,
	.news-intro,
	.news-footer {
		padding: 10px;
	}

	.col-md-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-md-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.news-img {
		padding-left: 0;
	}
	.wrapper.news-single {
		z-index: 140;
	}
	.news-img {
		padding-left: 0;

		margin-bottom: 15px;
	}
}
@media screen and (max-width: 575px) {
	.news-img img {
		height: 250px;
	}
	.blog .parallax,
	.single-post .parallax {
		height: 300px;
	}
}

/* Services sub page */
/*background-image: url('/wp-content/themes/jfletcher/images/main-3.jpg*/
/*background-image: url('/wp-content/themes/jfletcher/images/main-4.jpg*/

.more-services h2 {
	font-size: 30px;
	line-height: 31px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #1d1d1b;
	padding: 30px 0;
	text-align: center;
}
.more-services .service-item {
	margin-bottom: 40px;
}
@media (max-width: 768px) {
	.more-services .service-item.col4 {
		width: 50%;
	}
}
@media (max-width: 480px) {
	.more-services .service-item.col4 {
		width: 100%;
	}
}

.more-services .service-item h3 {
	font-size: 20px;
	line-height: 28px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #0AACCC;
	text-decoration: none;
}
.more-services .service-links {
	padding: 16px 0 12px;
	text-align: center;
}
.more-services .service-item .image-cntr img {
	display: block;
	max-height: 300px;
	max-width: 300px;
	width: 100%;
	height: 100%;
}

.grecaptcha-badge{
	visibility: hidden !important;
}

.page-5050{
	display: flex;  
	gap: 2rem;
}
.page-5050-image, .page-5050-text {
	flex: 1;
}
.content h2 {
  color: #0AACCC;
}
@media (max-width: 768px) {
	
	.page-5050{
		display: block;  
		margin-bottom: 2rem;
	}
}