/*
Theme Name:     ShellShock UK 2016
Author:         ShellShock uK
Author URI:     http://shellshockuk.com/
Description:    A custom theme, developed in 2016, for the ShellShock site.
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           white, orange, blue, gray, light, one-column, two-columns, three-columns, right-sidebar, responsive-layout
Text Domain:    shellshockuk_2016
*/

/**
 * !1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
 

/* !1.0 Reset */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { color: #2b2b2b; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; }

* { outline: none; }
a { color: blue; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a:active, a:hover { color: red; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0 0 20px; }

h1 a, h2 a, h3 a, h4 a, h5 a {color:#ff3d25;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#333;}

address { font-style: italic; margin-bottom: 24px; }
abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; }
b, strong { font-weight: 700; }
cite, dfn, em, i { font-style: italic; }
mark, ins { background: #fff9c0; text-decoration: none; }

p { margin-bottom: 24px; }

code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; }

pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; text-align: left; }

blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

blockquote cite, blockquote small { font-size: 0.875;  }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote strong, blockquote b { font-weight: 400; }

.blockhighlight {background:#E5E5E5; padding: 30px 20px; margin: 15px 0px;}




small { font-size: smaller; }
big { font-size: 125%; }

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }

dl { margin-bottom: 24px; }
dt { font-weight: bold; }
dd { margin-bottom: 24px; }

ul, ol { list-style: none; margin: 0 0 10px 10px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin: 0 0 0 20px; }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
figure { margin: 40px 0px 40px; }

fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; }
legend { white-space: normal; }

button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button, input { line-height: normal;}
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ }
textarea { overflow: auto; vertical-align: top; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; font-weight: bold; }
td { border-width: 0 1px 1px 0; }

del { color: #767676; text-decoration: line-through; }

hr { border: 1px solid #ff3d25; border-width: 0 0 1px 0; height: 1px; background: none; margin: 30px 0; }

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection { background: #111; color: #fff; text-shadow: none; }
::-moz-selection { background: #111; color: #fff; text-shadow: none;}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


/* !2.0 Clear Fix */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1; }


/* !3.0 Default Styles */
body { background: #000; color: #3A3A3C; font-family: 'Open Sans', arial, sans-serif; }
#page { background: #fff; }
.wrapper { padding: 0 20px; }

p strong { font-weight: bold; }
p.highlight,
p span.highlight { color: #D61A5E; font-size: 1.125em; }
.highlight { color: #D61A5E; }

body p a { color: #ff3d25; text-decoration: underline; }
body p a:hover { color: #333; }

h1 { font-size: 2.5em; }  /* 30 */
h2 { font-size: 1.5em; }    /* 28 */
h3 { font-size: 1.25em; }   /* 26 */
h4 { font-size: 1.125em; }  /* 19 */
h5 { font-size: 1.125em; }  /* 18 */
h6 { font-size: 1.0625em; } /* 17 */
h1, h2, h3, h4, h5, h6 { line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: normal; }



h1.page-title { font-size: 1.875em; color: #404041; margin-bottom: 35px; text-align: center; font-weight: 400; }

img { max-width: 100%; }
#wpadminbar img { max-width: none; }
.adminbar-input { max-width: 200px !important; min-width: 20px !important; }

.image-roll { position: relative; display: block; }
.image-roll .default,
.image-roll .roll { transition: opacity 0.2s; -moz-transition: opacity 0.2s; display: block; }
.image-roll .roll { position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; }
.image-roll:hover .roll { opacity: 1; }
.image-roll:hover .default { opacity: 0; }
.image-roll img { box-shadow: #000 0em 0em 0em; } /* Hack for firefox */


/* !3.1 Forms */
form input[type="text"],
form input[type="email"],
form input[type="tel"] { background: #fff; border: 0 none; padding: 6px 9px; color: #111; min-width: 255px; }
form textarea { background: #fff; border: 0 none; padding: 6px 9px; }

form input::-webkit-input-placeholder { color: #ccc; }
form input::-moz-placeholder { color: #ccc; }
form input:-ms-input-placeholder { color: #ccc; }
form input:focus::-webkit-input-placeholder { color: #eee; }
form input:focus::-moz-placeholder { color: #eee; }
form input:focus:-ms-input-placeholder { color: #eee; }
form textarea::-webkit-input-placeholder { color: #ccc; }
form textarea::-moz-placeholder { color: #ccc; }
form textarea:-ms-input-placeholder { color: #ccc; }
form textarea:focus::-webkit-input-placeholder { color: #eee; }
form textarea:focus::-moz-placeholder { color: #eee; }
form textarea:focus:-ms-input-placeholder { color: #eee; }
form .error-msg,
span.wpcf7-not-valid-tip { color: #F26635; font-weight: bold; font-style: italic; line-height: 120%; display: inline-block; }

p.submit { overflow: hidden; margin-bottom: 0; }
.wpcf7-submit,
input.submit { font-family: Montserrat, arial, sans-serif; font-weight: 400; font-size: 1.125em; text-transform: uppercase; padding: 10px 24px; background: #ff3d25; border: 2px solid #ff3d25; border-radius: 6px; color: #000; display: inline-block; min-width: 100px; transition: border 200ms, color 200ms; }

.wpcf7-submit:hover,
input.submit:hover { background: #000; border: 2px solid #000; color: #fff; }
.wpcf7 .submit .ajax-loader { vertical-align: middle; background: #fff; padding: 5px; border: 1px solid #ff3d25; border-radius: 100px; float: left; margin: 20px 20px 0 0; }

.btn,
a.btn { font-family: Montserrat, arial, sans-serif; font-weight: 400; font-size: 1.125em; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; padding: 18px 28px; background: #ff3d25; border: 0 none; box-shadow: 5px 5px rgba(34,31,31,0.2); border-radius: 10px; color: #000; display: inline-block; transition: color 200ms, background 200ms; -webkit-transition: color 200ms, background 200ms; }

.btn::after { content: '\f054'; font-family: FontAwesome; color: #fff; padding-left: 20px; font-weight: 200; }

.btn:hover,
a.btn:hover { background: #fff; color: #111; border-color: #fff;}
.btn:hover::after,
a.btn:hover::after { color: #111; }

.btn-black,
a.btn-black { border-color: #231F20; color: #231F20; }
.btn-black::after,
a.btn-black::after { color: #231F20; }
.btn-black:hover,
a.btn-black:hover { background: #231F20; color: #fff; }
.btn-black:hover::after,
a.btn-black:hover::after { color: #fff; }

div.wpcf7-mail-sent-ok { border: 2px solid #939597; color: #231F20; }


/* !4.0 Header */
#header { box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }
#header .wrapper { position: relative; min-height: 88px; }
#header #logo { margin: 30px 0 15px; width: 70%; max-width: 270px; }
#header .burger { display: block; width: 34px; height: 34px; position: absolute; right: 10px; top: 25px; cursor: pointer; }
#header .burger .item { width: 100%; height: 4px; display: block; position: absolute; left: 0px; top: 6px; background: #000; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, transform 300ms; -webkit-transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, -webkit-transform 300ms; -ms-transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, -ms-transform 300ms; }
#header .burger .mid { top: 15px; }
#header .burger .bun { top: 24px; }
#header .contact { display: none; }
.menu-open #header .burger .item { background: #F16534; }
.menu-open #header .burger .top { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 15px; left: 0px; }
.menu-open #header .burger .mid { opacity: 0; }
.menu-open #header .burger .bun { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 15px; left: 0px; }

/* !4.0.1 Menu */
#page { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 400ms; transition: transform 400ms;  }
.menu-open #page { -webkit-transform: translate3d(-200px,0,0); transform: translate3d(-200px,0,0); }
.menu-main-menu-container { width: 0px; height: 100%; position: fixed; top: -9px; right: -200px; overflow: hidden; -webkit-transition: width 300ms; transition: width 300ms; }
.menu-open .menu-main-menu-container { z-index: 500; background: #000; width: 200px; }
#menu-main-menu,
#menu-main-menu ul { list-style: none; margin: 0; }
#menu-main-menu { width: 200px; padding: 10px 0 0 0; }
#menu-main-menu li a { color: #fff; padding: 10px 15px 4px; display: block; }
#menu-main-menu li a:hover,
#menu-main-menu li.current-page-ancestor a,
#menu-main-menu li.current-menu-item a { color: #ff3d25; }
#menu-main-menu li .sub-menu { padding-left: 20px; font-size: 0.875em; }
#menu-main-menu li .sub-menu li a { padding: 6px 15px 4px; }


/* !4.1 Content */
#banner { display: block; width: calc(100% - 40px); height: 400px; position: relative; border: 20px solid #fff; background-size: cover; background-position: 50%; }
#banner .banner-text { width: 100%; margin: 0 auto; padding: 500px 20px 0; box-sizing: border-box; text-align: center; color: #fff; }
#banner .banner-text h1 { font-size: 2.5em; background-color:black;}
#banner .banner-text h2 { font-size: 1em; }
#banner .banner-text h3 { font-size: 0.8em; }
#banner .banner-text * { line-height: 130%; }

.main-wrapper { padding-top: 30px; }
.main-content .wrapper .body { display: block; margin: 0 auto; font-family: 'Open Sans', arial, sans-serif; font-weight: 300; }
.main-content .wrapper .body p { color: #404041; }
.main-content .wrapper .body ul { margin-left: 20px; list-style: none; margin: 0 0 10px 0; }
.main-content .wrapper .body ul li { padding-left: 15px; position: relative; }
.main-content .wrapper .body ul li::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 10px; background: #F16534; position: absolute; left: 0px; top: 9px; }

.main-content .wrapper .body ul li.list-cross { padding-left: 25px; }
.main-content .wrapper .body ul li.list-cross::before { content: "\f00d"; font-family: FontAwesome; font-size: 0.85em; width: auto; height: auto; background: none; color: #f16534; top: 2px; }

.main-content .wrapper .body ul li.list-check { padding-left: 25px; }
.main-content .wrapper .body ul li.list-check::before { content: "\f00c"; font-family: FontAwesome; font-size: 0.85em; width: auto; height: auto; background: none; color: #f16534; top: 2px; }

.main-wrapper .full-width-image { margin: 20px -20px; height: auto; max-width: calc(100% + 40px); padding: 20px 0; border: 1px solid #A7A9AB; border-width: 1px 0; }
.main-wrapper .full-width-image img { height: auto; }
.main-wrapper .full-width { margin: 0px -20px; height: auto; max-width: calc(100% + 40px); padding: 20px 0; }

.main-wrapper .four-col { padding: 30px 0; text-align: center; }
.main-wrapper .four-col.full-width { padding: 30px; }
.main-wrapper .four-col .col { max-width: 400px; margin: 0 auto; }

.main-wrapper iframe { max-width: 100%; display: block; margin: 0 auto; }

.content-heading { font-size: 1.5em; font-family: Montserrat; color: #BBBDC0; text-transform: uppercase; padding-bottom: 16px; border-bottom: 1px solid #BBBDC0; margin-bottom: 40px; }

.page-single .ssba-wrap { padding: 0; margin-top: 60px; position: relative; text-align: center; }
.page-single .ssba > div { display: inline-block; font-family: Montserrat, sans-serif; color: #A7A9AB; font-weight: normal; background: #fff; padding: 0 20px; position: relative; z-index: 2; }
.page-single .ssba-wrap::before { content: ""; display: block; position: absolute; left: 0px; top: 12px; z-index: 1; width: 100%; height: 1px; background: #A7A9AB; }
.page-single .ssba-wrap a { margin-top: 10px; display: inline-block; }

.bio { text-align: left; margin-bottom: 50px; }
.bio .image { text-align: center; margin-bottom: 20px; }
.bio .image img { max-width: 200px; border-radius: 200px; }
.bio .author { font-family: 'Open Sans', arial, sans-serif; text-transform: uppercase; }
.bio .author .author-display-name { font-family: Montserrat, sans-serif; }
.bio .description { font-size: .875em; font-weight: 300; text-align: left; }

.paging-navigation { text-align: center; font-family: Montserrat, arial, sans-serif; font-weight: bold; color: #BBBDC0; position: relative; }
.paging-navigation::before { content: ""; position: absolute; left: 0; top: 12px; width: 100%; height: 1px; background: #BBBDC0; }
.paging-navigation a { color: #BBBDC0; }
.paging-navigation .pagination { background: #fff; padding: 0 10px; position: relative; z-index: 2; display: inline-block; }
.paging-navigation .page-numbers { display: inline-block; background: #fff; padding: 0 7px 0 4px; border-right: 1px solid #BBBDC0; line-height: 110%; } 
.paging-navigation .page-numbers:last-child { border-right: 0 none; }
.paging-navigation .current { color: #231F20; }
.paging-navigation a:hover { color: #F16534; }

.cta-buttons { text-align: center; margin-top: 40px; }
.cta-buttons ul { padding: 0; list-style: none; margin: 0; font-size: 0; }
.cta-buttons ul li { display: inline-block; margin: 0 20px 10px; font-size: 16px; }
.cta-buttons ul li a { display: block; width: 170px; padding-right: 16px; height: 40px; line-height: 40px; border-radius: 5px; background: #434244; color: #fff; font-family: Montserrat-Light, sans-serif; font-size: 1.125em; position: relative; transition: background 200ms; }
/* .cta-buttons ul li a::after { content: "\2026"; } */
.cta-buttons ul li a::before { content: "\f054"; font-family: FontAwesome; position: absolute; right: 16px; top: 0px; }
.cta-buttons ul li a:hover { background: #F16534; }


/* !4.2 Footer */
#footer { background: #111; margin-top: 20px; color: #fff; }
#footer .wrapper { padding: 20px 20px; }
#footer p { color: #ddd; }
#footer .top-footer { background: #434244; }
#footer .newsletter { text-align: center; } 
#footer .newsletter .title { font-size: 1.375em; margin-bottom: 2px; text-transform: uppercase; }
#footer .newsletter .content-left p { font-family: Montserrat, arial, sans-serif; }
#footer .newsletter .field { overflow: hidden; }
#footer .newsletter .field-name { margin-bottom: 8px; }
#footer .newsletter .field .error-msg { float: left; margin-bottom: 10px; font-size: 0.75em; text-align: left; }
#footer .newsletter .form-text::-webkit-input-placeholder { color: #BBBDC0; }
#footer .newsletter .form-text::-moz-placeholder { color: #BBBDC0; }
#footer .newsletter .form-text:-moz-placeholder { color: #BBBDC0; }
#footer .newsletter .form-text:-ms-input-placeholder { color: #BBBDC0; }
#footer .newsletter .form-text { background: #fff; border: 0 none; font-size: .875em; padding: 6px 10px; width: 100%; min-width: 200px; box-sizing: border-box; }
#footer .newsletter #mc-embedded-subscribe { display: block; margin: 10px auto 0; clear: none; }

#footer .footer-content { background: #3B3B3C; }
#footer .footer-content .block { padding-bottom: 20px; border-bottom: 2px solid #434244; margin-bottom: 20px; }
#footer .footer-content .block:last-child { padding-bottom: 0; border-bottom: 0 none; margin-bottom: 0; }
#footer .footer-content .block h6 { font-size: 1em; color: #969696; color: rgba(255,255,255,0.6); }
#footer .footer-content .block p { color: #969696; color: rgba(255,255,255,0.6); }
#footer .footer-content .block ul { color: #969696; color: rgba(255,255,255,0.6); list-style: none; margin: 0; }
#footer .footer-content .block-footer-contact-details * { color: #6E6D6F; }
#footer .footer-content .block-footer-contact-details h2 { font-size: .875em; color: #6E6D6F; }
#footer .footer-content .block-footer-contact-details p { font-size: .875em; }
#footer .footer-content a { text-decoration: none; color: #969696; color: rgba(255,255,255,0.6); }

#footer .nav-menu { list-style: none; padding: 0; margin: 0; }
#footer .nav-menu li { list-style: none; padding: 0; margin: 0; line-height: 130%; font-size: .875em; }
#footer .nav-menu li a { font-family: Montserrat, arial, sans-serif; font-size: 1em; font-weight: normal; text-decoration: none; color: #969696; color: rgba(255,255,255,0.6); }
#footer .nav-menu li a:hover { color: #fff; }

#footer .bottom-footer { background: #2E2D2F; }
.social { text-align: center; }
.social .icon { width: 20px; height: 20px; padding: 10px; border-radius: 60px; margin: 0 4px; background: #fff; display: inline-block; transition: background 200ms; text-align: center; position: relative; }
.social .icon .fa { color: #2E2D2F; font-size: 1.4em; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.social .icon:hover { background: #ff3d25; } 

#footer .baseline-footer .wrapper { padding-top: 10px; }
#footer .baseline-footer .legal { margin: 0; text-align: right; font-size: .75em; color: #6E6D6F; }
#footer .baseline-footer .legal a { color: inherit; }
#footer .baseline-footer .legal a::after { content: '\f054'; font-family: FontAwesome; padding-left: 5px; }
#footer .baseline-footer .legal a:hover::after { text-decoration: none; }

#cookie-notice {
    position: fixed; left: 0; bottom: 0; width: 100%; background: #fdd600; color: #222; padding: 10px 65px 10px 15px; font-size: 0.75em; min-height: 52px; z-index: 999999; box-sizing: border-box;
}
#cookie-notice p { margin: 0; }
#cookie-notice.hide-cookie-notice {
    display: none;
}
#cookie-notice a {
    color: #222;
}
#cookie-notice .cookie-notice-close {
    position: absolute; right: 15px; top: 10px; width: 30px; height: 30px; background: none; border: 1px solid #333; border-radius: 100%; display: block; cursor: pointer;
}
#cookie-notice .cookie-notice-close .fa {
    position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
}

/* !5.0 Home Page */
.home #banner .banner-text { padding-top: 163px; }
.content-wrapper { position: relative; margin-bottom: 60px; }
.content-wrapper::before { content: ""; position: absolute; left: 0px; top: 30px; width: 100%; height: 1px; background: #BBBDC0; }
.content-wrapper .wrapper { padding-top: 0; }
.content-wrapper .content-title { text-align: left; font-size: 1em; text-transform: uppercase; color: #BBBDC0; margin-bottom: 50px; }

.blog-title-wrapper { margin-top: 40px; margin-bottom: 0; }
.blog-title-wrapper .content-title { text-align: left; }

.three-col {text-align: center; padding: 30px 0 !important; }
.three-col .col {margin-bottom: 10px; text-align: left;}
.three-col .col:first-child {margin-bottom: 24px;}
.three-col .col img {height: auto;}
.three-col .col p {margin: 0 20px 24px;}
.three-col .col p:last-of-type {margin-bottom: 0;}

.two-col {text-align: center; padding: 30px 0 !important; }
.two-col .col {margin-bottom: 10px; text-align: left;}
.two-col .col:first-child {margin-bottom: 24px;}
.two-col .col img {height: auto;}
.two-col .col p {margin: 0 20px 24px;}
.two-col .col p:last-of-type {margin-bottom: 0;}

.four-col { padding: 30px 0; }
.four-col .col {margin-bottom: 10px; text-align: left;}
.four-col .col:first-child {margin-bottom: 24px;}
.four-col .col img {height: auto;}
.four-col .col p {margin: 0 0 24px 0;}
.four-col .col p:last-of-type {margin-bottom: 0;}

.col .blockhighlight {background:#E5E5E5; padding: 30px 20px; }


/* !5.2 Case Studies */
.case-studies { text-align: center; }
.case-studies .case-study { display: inline-block; width: 266px; height: 310px; padding: 7px; border: 1px solid #BBBDC0; margin: 0 0 20px 0; box-shadow: 0px 0px 0px rgba(0,0,0,0); transition: box-shadow 200ms; text-align: left; vertical-align: top; }
.case-studies .case-study .thumbnail { width: 266px; height: 230px; display: block; position: relative; }
.case-studies .case-study .thumbnail .overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); overflow: hidden; opacity: 0; transition: opacity 200ms; }
.case-studies .case-study .thumbnail .overlay .fa { color: #F16534; font-size: 3em; text-align: center; position: absolute; top: -100px; left: 0px; width: 100%; transition: top 200ms; }
.case-studies .case-study .thumbnail .overlay .download { color: #434244; text-align: center; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 250px; font-family: Montserrat, arial, sans-serif; font-size: 1em; color: #fff; text-transform: uppercase; padding-top: 6px; border-top: 1px solid #F16534; transition: bottom 200ms; }
.case-studies .case-study:hover { box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2); }
.case-studies .case-study:hover .thumbnail .overlay { opacity: 1; }
.case-studies .case-study:hover .thumbnail .overlay .fa { top: 100px; }
.case-studies .case-study:hover .thumbnail .overlay .download { bottom: 80px; }
.case-studies .case-study .case-study-title { margin: 20px 0 5px; font-size: 1.25em; }
.case-studies .case-study .case-study-title a { color: #434244; }

.page-case-study .case-study-title { text-align: left; font-size: 2.5em; }

/* Above the fold optimisation */


/* !5.2.1 Case Studies Page */


/* !5.3 Blog Posts */
.page-blog .main-wrapper { margin-bottom: 60px; }

.blog-posts { text-align: center; }
.blog-posts article { display: inline-block; width: 100%; max-width: 495px; margin-right: 0px; margin-bottom: 50px; vertical-align: top; text-align: left; }
.blog-posts article .entry-header { text-transform: uppercase; }
.blog-posts article .entry-header .thumbnail { height: 115px; margin: 40px 0px 15px; overflow: hidden; }
.blog-posts article .entry-header .entry-title { font-size: 1.25em; color: #BBBDC0; padding-bottom: 14px; border-bottom: 1px solid #BBBDC0; margin-bottom: 14px; }
.blog-posts article .entry-header .entry-title a { color: #A7A9AB; }
.blog-posts article .entry-header .entry-title a:hover { color: #333; text-decoration: underline; }
.blog-posts article .entry-header .entry-meta { font-family: 'Open Sans', arial, sans-serif; font-size: 1em; font-weight: 300; text-transform: uppercase; }
.blog-posts article .entry-header .entry-meta span { display: block; }
.blog-posts article .entry-header .entry-meta .byline { color: #231F20; }
.blog-posts article .entry-header .entry-meta .date { color: #BBBDC0; }
.blog-posts article .entry-summary a.more-link { padding-left: 0px; color: #231F20; font-weight: bold; white-space: nowrap; }
.blog-posts article .entry-summary a.more-link .fa { padding-left: 2px; }
.blog-posts article .entry-summary a.more-link:hover { color: #F16534; }


/* !5.3.1 Blog Page */
.page-single-post .main-wrapper { margin-bottom: 30px; }
.page-single-post .entry-title { text-align: left; }
.page-single-post .entry-title .page-title { font-size: 2.5em; text-align: left; margin-bottom: 18px; }

.page-single-post .entry-meta { padding-bottom: 25px; border-bottom: 1px solid #ff3d25; margin-bottom: 30px; text-align: left; }
.page-single-post .entry-meta .meta-info { margin-bottom: 5px; font-family: Montserrat, sans-serif; text-transform: uppercase; }
.page-single-post .entry-meta .meta-info .prefix { font-size: .625em; color: #BBBDC0; margin-right: 5px; }
.page-single-post .entry-meta .meta-info .info { font-size: .875em; color: #231F20; }
.page-single-post .entry-meta .avatar { text-align: right; border-radius: 25px; margin-bottom: 10px; margin-right: -5px; }

.page-single-post .body > p:first-child { font-size: 1.25em; font-family: Montserrat, arial, sans-serif; font-weight: normal; line-height: 120%; }

.body blockquote { font-family: Montserrat, sans-serif; font-size: 1.25em; line-height: 120%; color: #404041; padding: 28px 20px 20px; border: 1px solid #A7A9AB; border-width: 1px 0; margin: 20px 0; }
.body blockquote p { margin-bottom: 10px; }

.comments-wrapper { padding: 35px 20px 0; border-top: 1px solid #BBBDC0; margin-top: 60px; position: relative; }
.comments-wrapper::before { content: "Comments"; font-family: Montserrat, sans-serif; font-size: 1em; color: #A7A9AB; padding: 0 20px; background: #fff; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); text-transform: uppercase; }
.comments-wrapper .comment-reply-title { display: none; }
.comments-wrapper input[type="text"],
.comments-wrapper input[type="email"],
.comments-wrapper textarea { background: #E6E7E8; box-sizing: border-box; width: 100%; }
.comments-wrapper label { display: block; font-family: Montserrat, arial, sans-serif; font-size: .875em; text-transform: uppercase; color: #404041; margin-bottom: 5px; }
.comments-wrapper .form-submit { text-align: center; }

#respond { margin-bottom: 80px; }

.comment-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #A7A9AB; }
.comment-list li { padding: 25px 0 25px 70px; border-bottom: 1px solid #A7A9AB; position: relative; }
.comment-list li .avatar { position: absolute; left: 0px; top: 25px; border-radius: 25px; }
.comment-list li .comment-author { line-height: 120%; font-family: Montserrat, arial, sans-serif; font-size: 1em; }
.comment-list li .comment-author cite { font-style: normal; }
.comment-list li .comment-author a { color: #231F20; margin: 0; }
.comment-list li .comment-author .says { display: none; }
.comment-list li .comment-meta { font-family: Montserrat, arial, sans-serif; font-size: .75em; margin-bottom: 10px; }
.comment-list li .comment-meta a { color: #BBBDC0; margin-top: 0; }
.comment-list li p { font-size: .875em; font-weight: 300; }
.comment-list li .reply { position: absolute; right: 0px; top: 25px; font-size: .75em; font-family: Montserrat, arial, sans-serif; }
.comment-list li .reply a { margin: 0; color: #231F20; text-transform: uppercase; }


/* !5.4 Contact Page */
.wpcf7-form { width: 90%; max-width: 400px; margin: 0 auto; }
.wpcf7-form label { font-family: Montserrat, arial, sans-serif; font-size: .875em; text-transform: uppercase; color: #404041; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea { background: #E6E7E8; width: 100%; box-sizing: border-box; padding: 6px 10px; max-height: 100px; }
span.wpcf7-not-valid-tip { font-size: .75em; }
.wpcf7-form .form-submit { margin-top: 40px; text-align: right; }
.wpcf7-form .form-submit .ajax-loader { float: left; margin-left:  }
.wpcf7-response-output { border: 1px solid #eee; color: #333; }


/* !5.5 Ebooks */
.ebooks { text-align: center; }
.ebooks .ebook { display: inline-block; width: 220px; height: 376px; padding: 7px; border: 1px solid #BBBDC0; margin: 0 0 20px 0; box-shadow: 0px 0px 0px rgba(0,0,0,0); transition: box-shadow 200ms; text-align: left; }
.ebooks .ebook .thumbnail { width: 220px; height: 295px; display: block; position: relative; }
.ebooks .ebook .thumbnail .overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); overflow: hidden; opacity: 0; transition: opacity 200ms; }
.ebooks .ebook .thumbnail .overlay .fa { color: #F16534; font-size: 3em; text-align: center; position: absolute; top: -100px; left: 0px; width: 100%; transition: top 200ms; }
.ebooks .ebook .thumbnail .overlay .download { color: #434244; text-align: center; position: absolute; bottom: -100px; left: 15%; width: 150px; font-family: Montserrat, arial, sans-serif; font-size: 1em; color: #fff; text-transform: uppercase; padding-top: 6px; border-top: 1px solid #F16534; transition: bottom 200ms; }
.ebooks .ebook:hover { box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2); }
.ebooks .ebook:hover .thumbnail .overlay { opacity: 1; }
.ebooks .ebook:hover .thumbnail .overlay .fa { top: 130px; }
.ebooks .ebook:hover .thumbnail .overlay .download { bottom: 80px; }
.ebooks .ebook .ebook-title { margin-top: 24px; font-size: 1em; }
.ebooks .ebook .ebook-title a { color: #434244; }


/* !5.5.1 Ebook Page */
.page-ebook .ebook-content .featured-image { text-align: center; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4); max-width: 500px; margin: 0 auto 20px; }
.page-ebook .ebook-content .ebook-summary { margin-bottom: 30px; }
.page-ebook .ebook-content .ebook-summary .ebook-title { font-size: 1.5em; margin-bottom: 38px; text-transform: uppercase; }
.page-ebook .ebook-content .ebook-summary .body { width: 100%; font-size: 1em; font-family: Montserrat, sans-serif; line-height: 130%; }

.page-ebook .ebook-content .ebook-summary .mailchimp-signup label { display: block; font-family: Montserrat, arial, sans-serif; font-size: .875em; text-transform: uppercase; }
.page-ebook .ebook-content .ebook-summary .mailchimp-signup input[type="text"],
.page-ebook .ebook-content .ebook-summary .mailchimp-signup input[type="email"] { width: 100%; background: #E6E7E8; }
.page-ebook .ebook-content .ebook-summary .mailchimp-signup .mc-field-group { margin-bottom: 15px; }

.page-ebook .bio { padding-top: 35px; border-top: 1px solid #BBBDC0; margin-top: 60px; margin-bottom: 0; position: relative; }
.page-ebook .bio::before { content: "Author"; font-family: Montserrat, sans-serif; font-size: 1em; color: #A7A9AB; padding: 0 20px; background: #fff; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); text-transform: uppercase; }

.ebook-highlight .ebook { background: #808284; padding: 30px; width: 100%; height: auto; box-sizing: border-box; position: relative; }
.ebook-highlight .ebook .thumbnail { margin: 0 auto; width: 220px; height: 295px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.2); }
.ebook-highlight .ebook .content { margin: 15px 0 0; }
.ebook-highlight .ebook .content .prefix { font-family: Montserrat, arial, sans-serif; font-size: 1.25em; color: #fff; }
.ebook-highlight .ebook .content .title { font-size: 1.5em; color: #fff; text-transform: uppercase; }
.ebook-highlight .ebook .content .title a { color: #fff; }
.ebook-highlight .ebook .content .summary { font-size: 1em; color: #231F20; }

/* !6.0 Landing Page */
.page-template-landing-page #header { box-shadow: none; }
.page-template-landing-page #header #logo { margin: 20px 0 10px; width: 70%; max-width: 180px; }
.page-template-landing-page #header .wrapper { min-height: 50px; }
.page-template-landing-page #header .burger { top: 10px; }
.page-template-landing-page .site-content { padding: 0 15px; }
#content .container { max-width: 1080px; margin: 0 auto; }
.page-template-landing-page .submit { padding-bottom: 10px; }

    
.two-panel-banner { height: auto; display: flex; flex-direction: column; }
.two-panel-banner .left-panel { position: relative; order: 2; }
.two-panel-banner .left-panel .panel-bg { background-size: cover; background-repeat: no-repeat; background-position: 50% 100%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
@media screen and (max-width: 768px) {
    .two-panel-banner .left-panel .panel-bg { transform: rotate(180deg); }
}
.two-panel-banner .left-panel .content { position: relative; z-index: 2; }
.two-panel-banner .left-panel .content .btn { background: #111; color: #fff; }
.two-panel-banner .left-panel .content .btn:hover { background: #fff; color: #111; }
.two-panel-banner .left-panel .content .btn:hover::after { color: #111; }

.two-panel-banner .content { padding: 30px 25px; }
.two-panel-banner .content .title { font-family: 'Montserrat', arial, sans-serif; font-size: 26px; font-weight: 400; line-height: 1.2; color: #fff; margin-bottom: 15px; }
.two-panel-banner .content .copy { font-family: 'Montserrat', arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; color: #363436; margin-bottom: 15px; }

.text-block { margin: 70px 0; }
.text-block .section-title { font-family: 'Montserrat', arial, sans-serif; font-size: 26px; font-weight: 400; color: #ff3d25; margin-bottom: 35px; }
.text-block .content { font-family: 'Montserrat', arial, sans-serif; font-size: 20px; color: #363436; padding: 40px 0; max-width: 670px; position: relative; }
.text-block .content::before { content: ""; width: 100px; height: 5px; background: #ff3d25; position: absolute; left: 0; top: 0; }
.text-block .content::after { content: ""; width: 100px; height: 5px; background: #ff3d25; position: absolute; left: 0; bottom: 0; }
.text-block .content p { line-height: 1.2; margin-bottom: 30px; }
.text-block .content p:last-child { margin-bottom: 0; }
.text-block .content ul { list-style: none; margin: 0; padding: 0; }
.text-block .content ul li { padding-left: 30px; position: relative; }
.text-block .content ul li::before { content: ""; width: 6px; height: 6px; border-radius: 6px; background: #333; position: absolute; left: 12px; top: 12px; }
.text-block.no-bottom { margin-bottom: 0; }
.text-block.no-bottom .content { padding-bottom: 20px; }
.text-block.no-bottom .content::after { content: none; }


.case-study-slider { margin: 50px 0; }
.case-study-slider .slides-container { max-width: 1080px; margin: 0 auto; position: relative; }
.case-study-slider .slide { background: #3b3b3c; }
.case-study-slider .slide .case-study-image {  }
.case-study-slider .slide .case-study-image img { width: auto; max-width: 100%; height: auto; max-height: 100%; }
.case-study-slider .slide .case-study-content { background: #2e2d2f; padding: 25px 25px 40px; min-height: 500px; }
.case-study-slider .slide .case-study-content .case-study-title { font-family: 'Montserrat', arial, sans-serif; font-size: 26px; font-weight: 500; color: #ff3d25; line-height: 1.2; margin-bottom: 18px; }
.case-study-slider .slide .case-study-content .case-study-type { font-family: 'Open Sans', arial, sans-serif; font-size: 21px; font-weight: 500; color: #ff3d25; line-height: 1.2; margin-bottom: 20px; }
.case-study-slider .slide .case-study-content .content { font-family: 'Open Sans', arial, sans-serif; font-weight: 300; font-size: 16px; color: #fff; line-height: 1.35; padding-top: 20px; border-top: 2px solid #fff; margin-top: 20px; }
.case-study-slider .slide .case-study-content .content p { margin-bottom: 10px; }
.case-study-slider .slide .case-study-content .content ul { list-style: none; margin: 0 0 10px; padding: 0; }
.case-study-slider .slide .case-study-content .content ul li { padding-left: 32px; margin-bottom: 4px; position: relative; }
.case-study-slider .slide .case-study-content .content ul li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; background: #fff; position: absolute; top: 10px; left: 20px; }

.case-study-slider .slides-container .pagination { position: absolute; right: 40px; bottom: 20px; }
.case-study-slider .slides-container .pagination ul { list-style: none; margin: 0; padding: 0; }
.case-study-slider .slides-container .pagination ul li { display: inline-block; line-height: 1; }
.case-study-slider .slides-container .pagination ul li button { background: #fff; border: 0 none; width: 12px; height: 12px; border-radius: 12px; transition: all 200ms; padding: 0; text-indent: -999px; overflow: hidden; margin: 0 10px; }
.case-study-slider .slides-container .pagination ul li.slick-active button { background: #ff3d25; }
.case-study-slider .slides-container .slick-nav-arrows { position: absolute; left: -2px; width: calc(100% + 4px); height: 0; top: 50%; }
.case-study-slider .slides-container .slick-nav-arrows .slick-arrow {
    position: absolute;
    padding: 0;
    border: 0 none;
    text-decoration: none;
    text-indent: -9999px;
    transition: 0.2s;
    background: rgba($white, 0.1);
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
}
.case-study-slider .slides-container .slick-nav-arrows .slick-arrow::after {
    content: '\f053';
    font-family: "FontAwesome";
    font-size: 30px;
    font-weight: normal;
    color: #ff3d25;
    text-indent: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 200ms;
}
.case-study-slider .slides-container .slick-nav-arrows .slick-next {
    left: auto;
    right: 0;
}
.case-study-slider .slides-container .slick-nav-arrows .slick-next::after {
    content: '\f054';
}

.page-case-study .case-study-content { padding-bottom: 25px; border-bottom: 1px solid #ff3d25; margin-bottom: 30px; }
.page-case-study .case-study-content .page-title { font-size: 2.5em; text-align: left; margin-bottom: 18px; }

.list-block { margin: 20px 0; }
.list-block .section-title { font-family: 'Montserrat', arial, sans-serif; font-size: 30px; font-weight: 500; color: #ff3d25; margin-bottom: 35px; }
.list-block .content { max-width: 670px; }
.list-block .list-items { font-family: 'Montserrat', arial, sans-serif; font-size: 22px; color: #363436; padding: 40px 0; position: relative; }
.list-block .list-items::before { content: ""; width: 100px; height: 5px; background: #ff3d25; position: absolute; left: 0; top: 0; }
.list-block .list-items::after { content: ""; width: 100px; height: 5px; background: #ff3d25; position: absolute; left: 0; bottom: 0; }
.list-block .list-items .list-item { margin-bottom: 20px; }
.list-block .list-items .list-item:last-child { margin-bottom: 0; }
.list-block .list-items .list-item p { line-height: 1.2; margin-bottom: 10px; }
.list-block.no-bottom { margin-bottom: 0; }
.list-block.no-bottom .list-items { padding-bottom: 20px; }
.list-block.no-bottom .list-items::after { content: none; }

.pods-block { margin: 40px auto; max-width: 1080px; }
.pods-block .title-container { background: #16a085; padding: 10px 15px; margin-bottom: 6px; }
.pods-block .section-title { font-family: 'Montserrat', arial, sans-serif; font-size: 22px; font-weight: 400; color: #fff; margin: 0; }
h2.section-title {font-size: 28px;}
.pods-block .pods { font-size: 0; }
.pods-block .pods .pod { font-size: 16px;background-color: #3b3b3c; box-sizing: border-box; padding: 20px 15px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; margin-bottom: 3px; }
.pods-block .pods .pod-has-image { padding-bottom: calc(100% - 30px); padding-top: 30px; height: 0; overflow: hidden; }
.pods-block .pods .pod .pod-title { font-family: 'Open Sans', arial, sans-serif; font-size: 20px; color: #ff3d25; line-height: 1.2; margin-bottom: 20px; }
.pods-block .pods .pod .content { font-family: 'Open Sans', arial, sans-serif; font-weight: 300; color: #fff; line-height: 1.375em; }

.logos-block { margin: 70px auto; max-width: 1080px; }
.logos-block .title-container { margin-bottom: 30px; padding: 0 30px; }
.logos-block .title-container .section-title { font-family: 'Montserrat', arial, sans-serif; font-size: 30px; font-weight: 400; color: #ff3d25; margin: 0; }
.logos-block .logos { font-size: 0; text-align: left; margin: 0 -15px; }
.logos-block .logos .logo { font-size: 16px; display: inline-block; vertical-align: middle; width: 150px; height: 150px; line-height: 150px; margin: 15px; text-align: center; }
.logos-block .logos .logo img { max-width: 100%; width: auto; max-height: 100%; height: auto; }

.contact-form-block .contact-form-container { font-size: 0; padding: 40px 15px; position: relative; }
.contact-form-block .contact-form-container .contact-form-content { font-size: 16px; padding-bottom: 100px; position: relative; }
.contact-form-block .contact-form-container .contact-form-content .intro-text { font-family: 'Montserrat', arial, sans-serif; font-weight: 300; font-size: 26px; line-height: 1.2; color: #fff; }
.contact-form-block .contact-form-container .contact-form-content .additional { font-family: 'Montserrat', arial, sans-serif; font-weight: 300; font-size: 20px; line-height: 1.2; color: #fff; }
.contact-form-block .contact-form-container .contact-form-content .additional ul { list-style: none; margin: 0; padding: 0; }
.contact-form-block .contact-form-container .contact-form-content .additional ul li { padding-left: 32px; margin-bottom: 10px; position: relative; }
.contact-form-block .contact-form-container .contact-form-content .additional ul li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; background: #fff; position: absolute; top: 10px; left: 20px; }
.contact-form-block .contact-form-container .contact-form-content .contact-block-image { width: auto; height: 60px; position: absolute; left: 0px; bottom: 20px; }
.contact-form-block .contact-form-container .contact-form-wrapper { font-size: 16px; color: #fff; margin-top: 25px; }
.contact-form-block .wpcf7-form { margin: 0; width: 100%; }
.contact-form-block .wpcf7-form input[type="text"], 
.contact-form-block .wpcf7-form input[type="email"], 
.contact-form-block .wpcf7-form textarea { background: #fff; }
.contact-form-block .form-submit { text-align: center; margin-bottom: 0; }
.contact-form-block .wpcf7-submit, 
.contact-form-block input.submit { font-family: 'Montserrat', arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 1.5px; color: #fff; text-decoration: none; background: #2e2d2f; border-radius: 10px; padding: 18px 28px; border: 0 none; box-shadow: 5px 5px rgba(34,31,31,0.2); transition: all 200ms;-webkit-transition: all 200ms; }
.contact-form-block .wpcf7-submit:hover,
.contact-form-block input.submit:hover { background: #ff3d25; }
.contact-form-block form .error-msg, 
.contact-form-block span.wpcf7-not-valid-tip { background: rgba(255,255,255,0.8); padding: 2px 6px; }

.testimonials-block { margin: 50px 0; }
.testimonials-block .testimonials .testimonial { background: #111111; margin-bottom: 20px; }
.testimonials-block .testimonials .testimonial .t-details { background: #2e2d2f; width: 100%; height: 200px; font-size: 0; }
.testimonials-block .testimonials .testimonial .t-details .image { font-size: 16px; display: inline-block; width: 200px; }
.testimonials-block .testimonials .testimonial .t-details .title-block { font-size: 16px; display: inline-block; vertical-align: bottom; width: calc(100% - 200px); padding: 10px; box-sizing: border-box; }
.testimonials-block .testimonials .testimonial .t-details .t-title { font-family: 'Montserrat', arial, sans-serif; font-size: 18px; line-height: 1.2em; color: #fff; margin-bottom: 10px; }
.testimonials-block .testimonials .testimonial .t-details .t-suffix { font-family: 'Montserrat', arial, sans-serif; font-size: 18px; line-height: 1.2em; color: #fff; margin: 0; }
.testimonials-block .testimonials .testimonial .t-content { padding: 40px 30px; }
.testimonials-block .testimonials .testimonial .t-content .copy { font-family: 'Open Sans', arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 1.375em; color: #fff; padding-bottom: 28px; position: relative; }
.testimonials-block .testimonials .testimonial .t-content .copy:after { content: ""; width: 100px; height: 3px; background: #ff3d25; position: absolute; bottom: 0; left: 0; }
.testimonials-block .testimonials .testimonial .t-content .copy p:last-child { margin-bottom: 0; }

.featured-posts-block { margin: 30px 0; }
.featured-posts-block .section-title { position: relative; padding-bottom: 30px; margin-bottom: 30px; }
.featured-posts-block .section-title::after { content: ""; width: 100px; height: 5px; background: #ff3d25; position: absolute; left: 0; bottom: 0; }
.featured-posts-block .blog-posts article { max-width: 300px; }
.featured-posts-block .blog-posts article .entry-header .thumbnail { margin-top: 0; }


.grecaptcha-badge { display: none; }
.page-template-contact-page .grecaptcha-badge { display: block; }


@media screen and (min-width: 375px) {
    #banner .banner-text { padding-top: 320px; }
    #banner .banner-text h1 { font-size: 1.5em; }
}
    
@media screen and (min-width: 480px) {
    /* !4.0 Header */
    #header .burger { top: 25px; right: 25px; }
    
    #banner .banner-text { padding-top: 320px; }
    #banner .banner-text h1 { font-size: 1.5em; }

    /* !5.2 Case Studies */
    .case-studies .case-study { margin: 0 10px 20px; }

    /* !5.3 Blog Posts */
    .blog-posts article .entry-header .thumbnail { height: 190px; }

    /* !5.5 Ebooks */
    .ebooks .ebook { margin: 0 10px 20px; }

    .page-template-landing-page .site-content { padding: 0 20px; }

    #footer .newsletter .field { display: inline-block; width: 210px; position: relative; vertical-align: middle; overflow: visible; }
    #footer .newsletter .field-name { margin-bottom: 0; }
}

@media screen and (min-width: 530px) {
    /* !4.1 Content */
    #banner .banner-text { padding-top: 320px; }
    #banner .banner-text h1 { font-size: 1.5em; }
    #banner .banner-text h2 { font-size: 1.2em; }
    #banner .banner-text h3 { font-size: 1em; }
    
    
    #cookie-notice { font-size: 0.875em; padding: 15px 65px 15px 20px; }
   
    
    /* !5.2 Case Studies */
    .case-studies .case-study { margin: 0 3px 20px; }


    /* !5.3 Blog Posts */
    .blog-posts article .entry-header .thumbnail { height: 160px; }

    /* !5.5 Ebooks */
    .ebooks .ebook { margin: 0 3px 20px; }

    .two-panel-banner .left-banner { min-height: 300px; }
    .two-panel-banner .content .title { font-size: 28px; }

}

@media screen and ( min-width: 690px ) {
    /* !4.1 Content */
    .bio .image { float: left; margin-right: 25px; margin-bottom: 0; }
    .bio .content { padding-left: 225px; }
    
    #banner .banner-text { padding-top: 320px; }
    #banner .banner-text h1 { font-size: 1.5em; }


    /* !5.3.1 Blog Post */
    .page-single-post .main-wrapper { position: relative; margin: 0 auto 60px; }
    .page-single-post .main-wrapper .body { margin: 0; }

    .comments-wrapper { max-width: 650px; margin: 0 auto 50px; padding: 35px 0 0; }
    .comments-wrapper .comment-form-author { float: left; width: 300px; }
    .comments-wrapper .comment-form-email { float: right; width: 300px; }


    /* !5.5.1 Ebook Page */
    .page-ebook .main-wrapper { width: 650px; margin: 0 auto 80px; }
    .page-ebook .ebook-content { margin-bottom: 30px; }
    .page-ebook .ebook-content .featured-image { float: left; width: 330px; height: 440px; margin: 0 0 0 -10px; }
    .page-ebook .ebook-content .ebook-summary { float: right; width: 310px; margin: 20px 0 10px 20px; }
    .page-ebook .ebook-content .ebook-summary .ebook-title { text-align: left; }
    .page-ebook .ebook-content .ebook-summary .body { width: 100%; font-size: 1em; font-family: Montserrat, sans-serif; line-height: 130%; margin-bottom: 30px; }

    .ebook-highlight .ebook .thumbnail { float: left; }
    .ebook-highlight .ebook .content { margin: 10px 0 0 290px; }
    
}