/*
Theme Name:   3C 2016
Theme URI:    http://jerram.co.uk/wordpress/b2b/
Description:  B2B Child Theme
Author:       Keiron Roberts
Author URI:   http://jerram.co.uk
Template:     b2b
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain:  b2b-child
*/
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");

@font-face {
  /* Cookie control safety net */
  font-family: cc7;
  src: url("https://apikeys.civiccomputing.com/p/cc/7.0/font/cc7.eot?91613695");
  src: url("https://apikeys.civiccomputing.com/p/cc/7.0/font/cc7.eot?91613695#iefix")
  format("embedded-opentype"),
  url("https://apikeys.civiccomputing.com/p/cc/7.0/font/cc7.woff?91613695")
  format("woff"),
  url("https://apikeys.civiccomputing.com/p/cc/7.0/font/cc7.ttf?91613695")
  format("truetype"),
  url("https://apikeys.civiccomputing.com/p/cc/7.0/font/cc7.svg?91613695#cc7")
  format("svg");
  font-weight: 400;
  font-style: normal;
}
/* JPANEL OVER_RIDE */
/* Need this for the fixed header bar */

.jPanelMenu-panel {
  position: inherit !important;
  transform: none !important;
  /* 	margin-left: -20px !important; */
}

.jPanelMenu-important {
  position: static !important;
  transform: translate3d(-250px, 0px, 0px) !important;
  z-index: 1 !important;
}

/* END OF JPANEL OVER_RIDE */

body {
  font-size: 20px !important;
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.4 !important;
  color: #6d6d6d;
}

a {
  text-decoration: none !important;
}

/*
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol{
	max-width: 90ch !important;
}
*/

h1,
h2,
h4,
h5 {
  font-family: museo-slab, serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1 !important;
  margin-bottom: 0.7em;
}

h1 {
  font-size: 2.4em !important;
}

h3 {
  font-size: 1.3em !important;
  font-weight: 700;
  line-height: 1.2;
}

p,
ul,
ol {
  margin-bottom: 1em;
}

li {
  margin-bottom: 0.2em;
}

blockquote {
  font-size: 1.4em !important;
  padding-top: 1.5em !important;
  padding-bottom: 0.5em !important;
}

blockquote p {
  padding: 0 1em !important;
  margin-top: -40px;
}

blockquote + p em {
  font-size: 1em !important;
}

/*
blockquote::before {
    color: #fff;
    opacity: 0.2;
    content: "";
    position: relative;
    top: 0;
    z-index: 1000;
    font-size: 8em;
    line-height: 0;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
*/

.content-area {
  -webkit-animation-delay: 10s; /* Safari 4.0 - 8.0 */
  -moz-animation-delay: 10s;
  -ms-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;

  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.cta-block {
  -webkit-transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  -webkit-transform: scale(0.95);
  transform: scale(0.9);
  position: relative;
  outline: 1px solid transparent;
  /*    cursor:pointer;*/
}

.cta-block:hover {
  -webkit-transform: rotate(-3deg) scale(0.99);
  transform: rotate(-3deg) scale(0.99);
}

.cta-block .vc_column-inner {
  border-radius: 1em;
  background-color: #fff;
  margin: 0;
  padding: 1em 1.5em !important;
  -webkit-box-shadow: -5px 10px 0px 0px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: -5px 10px 0px 0px rgba(255, 255, 255, 0.3);
  box-shadow: -5px 10px 0px 0px rgba(255, 255, 255, 0.3);
  border: 1px solid #fff !important; /* Stops jaggedness */
}

.cta-block .wpb_content_element {
  margin-bottom: 0.5em !important;
}

.cta-block h3 {
  text-shadow: none !important;
}

.pin .vc_column-inner {
  padding-top: 3em !important;
}

.pin .vc_column-inner::before {
  /* All pins coule be orange */
  background-image: url("images/orange-pin.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 107px;
  margin: 0 auto;
  margin-top: -4em;
  position: absolute;
  background-position: 45% top;
}

.wpb_text_column ul,
.wpb_text_column ol {
  padding-left: 1em;
}

.flickity-prev-next-button .arrow {
  fill: #fff !important;
}

.flickity-prev-next-button {
  z-index: 1;
  top: 50% !important;
  background: none !important;
}

.flickity-prev-next-button:hover {
  background: none !important;
}

.flickity-prev-next-button {
  background-color: rgba(0, 0, 0, 0.3) !important;
  width: 50px !important;
  height: 50px !important;
}

.flickity-prev-next-button:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.flickity-prev-next-button svg {
  width: 60% !important;
  height: 60% !important;
}

.quotes-slider {
  padding-bottom: 35px !important;
}

.quote {
  width: 100% !important;
}

.flickity-page-dots {
  bottom: 0 !important;
}

.flickity-page-dots .dot {
  background: #fff !important;
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map {
  pointer-events: none;
}

.acf-map img {
  max-width: inherit !important;
}

.vc_btn3-container.vc_btn3-inline {
  margin-bottom: -2em !important;
}

.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
  background-color: #f29100 !important;
  font-size: 1.25em;
  font-family: museo-slab, serif;
  font-style: normal;
  font-weight: 700;
  padding: 0.3em 1em;
  border: none;
  float: right;
  border-radius: 3px;
  max-width: 450px;
  -webkit-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
}
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern:hover {
  border: none !important;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.event-info {
  margin-bottom: 15px;
}

.event-info tr:last-child {
  border-bottom: none;
}

/* ------ HEADER ------ */

#header {
  position: absolute !important;
  z-index: 10000;
  padding-top: 30px;
  /*     padding-bottom: 10px; */
  width: 100%;
  background-color: transparent;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

#header .wpb_content_element {
  margin-bottom: 0 !important;
}

#header.locked,
.jPanelMenu-important #header {
  position: fixed !important;
  padding-top: 10px;
}

#header.scrolled {
  background-color: #333;
}

#header.scrolled #small-logo {
  display: block;
}

.tel-no,
.fa-search,
.fa-bars {
  color: #fff;
  font-size: 1.25em !important;
}

.fa-search,
.fa-bars {
  margin-left: 1em;
  cursor: pointer;
}

#header a {
  color: #fff !important; /* for phones */
}

/* ------ NAVBAR ------ */
#small-logo {
  position: absolute;
  display: none;
}

#logo {
  position: absolute;
  z-index: 1000;
  top: 30px;
}

#menu-burger-menu {
  display: none;
}

#jPanelMenu-menu {
  padding-top: 1.5em;
  background-color: #3d3e3d;
  overflow-y: auto;
}

#jPanelMenu-menu a {
  color: #fff !important;
}

#jPanelMenu-menu a:hover,
#jPanelMenu-menu .current-menu-item a {
  color: #f29100 !important;
}

#jPanelMenu-menu .current-menu-item.menu-item-custom a {
  color: #fff !important;
}

#jPanelMenu-menu .current-page-ancestor > a {
  color: #ccc !important;
}

#jPanelMenu-menu .menu-item {
  padding-left: 1em;
  padding-bottom: 0.3em;
  list-style-type: none;
}

/* ------ REQUEST FORM ------ */

.vc_col-sm-6 .field-wrap.text-wrap:nth-child(2) {
  width: 48%;
  float: left;
  margin-right: 2%;
}

.vc_col-sm-6 .field-wrap.text-wrap:nth-child(3) {
  width: 48%;
  float: left;
  margin-left: 2%;
  margin-right: 0;
  clear: none;
}

.vc_col-sm-6 .field-wrap.text-wrap:nth-child(4),
.vc_col-sm-6 .field-wrap.text-wrap:nth-child(5) {
  width: 100%;
}

.vc_col-sm-6 .checkbox-wrap {
  clear: both;
}

.vc_col-sm-6 .ninja-forms-form .field-wrap.checkbox-wrap.label-right {
  margin-left: 0;
  width: 100%;
}

.submit-wrap input,
.submit-wrap input:nth-child(2) {
  font-size: 1.25em;
  font-family: museo-slab, serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  padding: 0.3em 1em;
  border: none;
  float: right;
  border-radius: 3px;
  max-width: 280px;
  -webkit-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
}

.submit-wrap input {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  position: relative;
}

.submit-wrap input:hover {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

/* ------ FORMS COLOUR PALETTE ------ */

.submit-wrap input,
.submit-wrap input:nth-child(2) {
  background-color: #db851c; /* Fallback */
}

/* BLUE */
.blue-row input[type="text"] {
  background-color: #fff;
  color: #97bacf;
}

.blue-row .submit-wrap input,
.blue-row .submit-wrap input:nth-child(2) {
  background-color: #db851c;
}

/* PINK */
.pink-row input[type="text"] {
  background-color: #fff;
  color: #af006b;
}

.pink-row .submit-wrap input,
.pink-row .submit-wrap input:nth-child(2) {
  background-color: #db851c;
}

/* GREEN */
.green-row input[type="text"] {
  background-color: #f1f2f2;
  color: #86922b;
}

.green-row .submit-wrap input,
.green-row .submit-wrap input:nth-child(2) {
  background-color: #6b9000;
}

/* ------ CONTACT FORM ------ */

.ninja-forms-required-items {
  display: none;
}

.ninja-forms-form .text-wrap.label-inside input,
.ninja-forms-form .textarea-wrap.label-inside textarea {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
  padding: 10px;
  width: 100%;
  border: none;
  border-radius: 3px;
}

.ninja-forms-form .field-wrap.text-wrap {
  width: 46%;
  float: left;
  clear: left;
  margin-right: 4%;
}

.ninja-forms-form .field-wrap.textarea-wrap,
.ninja-forms-form .field-wrap.checkbox-wrap.label-right {
  width: 46%;
  display: inline-block;
  margin-left: 4%;
}

.ninja-forms-form .field-wrap.textarea-wrap::before {
  content: "";
  background-image: url(images/form-graphic.svg);
  width: 100px;
  height: 246.06px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  z-index: 1;
  right: 1em;
  margin-top: -235.06px;
}

.ninja-forms-form .field-wrap.textarea-wrap textarea {
  resize: vertical;
}

#nf_submit_1 input,
#nf_processing_1 input {
  font-size: 1.25em;
  font-family: museo-slab, serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  background-color: #c4007a;
  padding: 0.3em 1em;
  border: none;
  float: right;
  border-radius: 3px;
  max-width: 450px;
  -webkit-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
}

#nf_submit_1 input {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  position: relative;
}

#nf_submit_1 input:hover {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.ninja-forms-field-error {
  color: #333 !important;
}

.profile-pic img {
  border: 4px solid #fff;
  border-radius: 75px;
}

/* ################################################################ */
/* ######################## CUSTOM COLOURS ######################## */
/* ################################################################ */

/* ------ BLUE ------ */

.blue-row {
  background-color: #97bacf;
  background-image: url("images/textures/blue.png");
  color: #fff;
  overflow: visible !important;
  -webkit-box-shadow: inset 0px 2px 10px 0px #97bacf;
  -moz-box-shadow: inset 0px 2px 10px 0px #97bacf;
  box-shadow: inset 0px 2px 10px 0px #97bacf;
}

.blue-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2397bacf%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.blue-row h1 {
  text-shadow: 0px 2px 3px #7a91a9;
}

.blue-row .cta-block .vc_column-inner {
  color: #6d6d6d;
}

.blue-row .cta-block h3 {
  color: #d14514;
}

.blue-row .cta-block a {
  color: #d14514;
  text-decoration: none;
}

.polaroid .blue {
  fill: #97bacf;
}

.blue-row a {
  color: #fff;
  text-decoration: underline;
}

/* ------ GREY ------ */

.grey-row .contact-expert {
  color: #fff;
  background-color: #c4007a;
  padding: 1em;
  border: none;
  border-radius: 8px;
  display: inline-block;
  margin-top: 2em;
  -webkit-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
  box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1);
}

.grey-row {
  background-color: #ccc;
  background-image: url("images/textures/grey.png");
  overflow: visible !important;
  -webkit-box-shadow: inset 0px 2px 10px 0px #ccc;
  -moz-box-shadow: inset 0px 2px 10px 0px #ccc;
  box-shadow: inset 0px 2px 10px 0px #ccc;
}

.grey-row h1 {
  color: #d14514;
}

.grey-row h2 {
  font-size: 1.2em;
}

.grey-row .cta-block a,
.grey-row h3 {
  color: #d14514;
}

.grey-row h4 {
  font-size: 1.25em;
}

/*
.grey-row .wpb_content_element{
    margin-bottom: -20px;
}
*/

.grey-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23ccc%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.grey-row h1 {
  text-shadow: 0px 2px 3px #ccc;
}

.polaroid .grey {
  fill: #ccc;
}

/*
.grey-row .clients-say .wpb_content_element {
    margin-bottom: 35px;
}
*/

.grey-row .clients-say .flickity-page-dots .dot {
  background: #d14514 !important;
}

.grey-row .profile-pic img {
  border: 4px solid #d14514;
  border-radius: 75px;
}

/* ------ WHITE ------ */

.white-row {
  background-color: #fff;
  overflow: visible !important;
  margin-bottom: -3em !important;
}

.white-row h1 {
  color: #d14514;
}

.white-row .wpb_text_column.wpb_content_element.para {
  margin-bottom: 0;
}

.white-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer%5f1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23ffffff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.polaroid .white {
  fill: #fff;
}

.white-row-bottom .wpb_single_image.vc_align_center {
  margin-bottom: 0;
}

/* ------ PINK ------ */

.pink-row {
  background-color: #af006b;
  background-image: url("images/textures/pink.png");
  color: #fff;
  overflow: visible !important;
  -webkit-box-shadow: inset 0px 2px 10px 0px #af006b;
  -moz-box-shadow: inset 0px 2px 10px 0px #af006b;
  box-shadow: inset 0px 2px 10px 0px #af006b;
}

.pink-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23AF206E%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.pink-row .cta-block .vc_column-inner,
.pink-row .cta-block .vc_column-inner a {
  color: #af006b;
}

.case-studies {
  overflow: visible !important;
}

.case-studies .cta-block:first-child img {
  margin: 0 !important;
}

.pink-row h1 {
  text-shadow: 0px 2px 3px #af006b;
}

.pink-row h4 {
  font-size: 1.25em;
}

.polaroid .pink {
  fill: #af006b;
}

/* ------ GREEN ------ */

.green-row {
  background-color: #86922b;
  background-image: url("images/textures/green.png");
  color: #fff;
  overflow: visible !important;
  -webkit-box-shadow: inset 0px 2px 10px 0px #86922b;
  -moz-box-shadow: inset 0px 2px 10px 0px #86922b;
  box-shadow: inset 0px 2px 10px 0px #86922b;
}

.green-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2386922b%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.green-row .cta-block .vc_column-inner,
.green-row .cta-block .vc_column-inner a {
  color: #86922b;
}

.green-row h1 {
  text-shadow: 0px 2px 3px #86922b;
}

.polaroid .green {
  fill: #86922b;
}

/* ------ ORANGE ------ */

.orange-row {
  background-color: #db851c;
  background-image: url("images/textures/orange.png");
  color: #fff;
  overflow: visible !important;
  -webkit-box-shadow: inset 0px 2px 10px 0px #db851c;
  -moz-box-shadow: inset 0px 2px 10px 0px #db851c;
  box-shadow: inset 0px 2px 10px 0px #db851c;
}

.orange-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer%5f1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23db851c%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.orange-row h1 {
  text-shadow: 0px 2px 3px #db851c;
}

.orange-row a {
  color: #fff !important;
}

.orange-row .ninja-forms-form .text-wrap.label-inside input,
.orange-row .ninja-forms-form .textarea-wrap.label-inside textarea {
  color: #db851c;
}

.polaroid .orange {
  fill: #db851c;
}

/* ------ PURPLE ------ */

.polaroid .purple {
  fill: #785ca3;
}

/* ------ BURGUNDY ------ */

/* ------ TEAL ------ */

/* ------ CHARCOAL ------ */

.charcoal-row {
  background-color: #373736;
  background-image: url("images/textures/charcoal.png");
  color: #fff;
  overflow: visible !important;
  -webkit-box-shadow: inset 0px 2px 10px 0px #373837;
  -moz-box-shadow: inset 0px 2px 10px 0px #373837;
  box-shadow: inset 0px 2px 10px 0px #373837;
}

.charcoal-row:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer%5f1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4%206.7%22%20style%3D%22enable-background%3Anew%200%200%2013.4%206.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23373736%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C6.7L6.7%2C0l6.7%2C6.7L0%2C6.7z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.polaroid .charcoal {
  fill: #db851c;
}

/* ################################################################ */
/* ###################### / CUSTOM COLOURS ######################## */
/* ################################################################ */

.threecee-row {
  padding-top: 2em !important;
  padding-bottom: 3em !important;
}

.threecee-row::before {
  content: "";
  width: 100% !important;
  width: 100vw !important;
  height: 0.3em;
  position: absolute;
  margin-top: -2.25em;
  left: 0;
}

.hero + div + .threecee-row {
  padding-bottom: 20px !important;
}

.hero
+ div
+ .threecee-row
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
  margin-bottom: 40px;
}

.clients-say .wpb_content_element {
  margin-bottom: 0;
}

.white-row-bottom {
  padding-top: 0 !important;
}

.polaroid {
  margin-left: 10%;
  margin-right: 10%;
  display: block;
  max-width: 290px;
}

.polaroid span {
  position: absolute;
  bottom: 14%;
  left: 18%;
  right: 13%;
  text-align: center;
  color: #fff !important;
  font-family: "museo slab";
  font-size: 0.85em;
  line-height: 1.3;
}

.polaroid.label_white span {
  color: #db851c !important;
}

.polaroid .polaroid_image {
  width: 50%;
  padding-bottom: 50%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  top: 10%;
  margin-left: 15%;
  margin-right: 15%;
}

.hero {
  overflow: hidden !important;
  padding-top: 8em !important;
  padding-bottom: 4em !important;
  margin-bottom: -8em;
}

.hero a {
  text-decoration: underline !important;
}

.home .hero {
  padding-bottom: 8.5em !important;
  margin-bottom: -17em;
}

.single .hero {
  margin-bottom: -8em;
  min-height: 600px;
}

.hero::before {
  display: none !important;
}

.hero::after {
  content: "";
  background-image: url("images/clouds-flat.svg");
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 377px 131px;
  height: 120px;
  position: absolute;
  width: 100% !important;
  width: 100vw !important;
  bottom: 5em;
  left: 0;
  pointer-events: none;
}

.home .hero::after {
  background-image: url("images/clouds-deep.svg");
  background-size: 1921px 320px;
  height: 270px;
  bottom: 15em;
}

.hero h1 {
  margin-bottom: 0.5em;
  line-height: 0.95 !important;
}

.hero h2 {
  font-size: 2.4em !important;
  font-weight: 500 !important;
}

.hero + .threecee-row::before,
.hero + .vc_clearfix + .threecee-row::before {
  background-image: none;
  height: 150px;
  width: 100% !important;
  width: 100vw !important;
  background: -moz-linear-gradient(
          top,
          rgba(255, 255, 255, 1) 37%,
          rgba(255, 255, 255, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
          top,
          rgba(255, 255, 255, 1) 37%,
          rgba(255, 255, 255, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
          to bottom,
          rgba(255, 255, 255, 1) 37%,
          rgba(255, 255, 255, 0) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.hero .wpb_single_image {
  margin-top: -4em !important;
}

.home .hero .wpb_single_image {
  margin-top: auto !important;
}

.footer-form {
  margin-bottom: -20px;
}

#footer ul {
  list-style-type: none;
}

#footer ul a {
  color: #fff;
}

#footer ul a:hover {
  color: #db851c;
}

#footer .twitter-container {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 1.5em;
  border-radius: 1em;
  -webkit-box-shadow: inset -7px 4px 24px 0px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: inset -7px 4px 24px 0px rgba(0, 0, 0, 0.41);
  box-shadow: inset -7px 4px 24px 0px rgba(0, 0, 0, 0.41);
  margin-bottom: 1em;
}

#footer .twitter-container .tweet a {
  color: #f29100 !important;
}

/* EASTER EGGS */

.contact-icon a:hover,
.contact-icon,
.shake:hover,
.ninja-forms-error-msg + form {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* HERO SLIDER */

.slide {
  width: 100% !important;
  overflow: hidden;
}

.hero .flickity-viewport {
  background-image: url("images/city_28.png");
  background-position: 50% 60%;
  background-repeat: no-repeat;
}

.hero .flickity-page-dots {
  bottom: 25% !important;
  z-index: 1 !important;
}

.hero .flickity-page-dots .dot {
  background-color: #97bacf !important;
  width: 14px !important;
  height: 14px !important;
}

/*
.slide .vc_single_image-img{
	-webkit-transform: rotate(7deg) 0.1s;
	transform: rotate(7deg) 0.1s;
    transition: transform 0.1s;
}

.slide.is-selected .vc_single_image-img{
	-webkit-transform: rotate(0deg) 0.1s;
	transform: rotate(0deg) 0.1s;
}
*/

.slide .vc_single_image-img {
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
}

.slide.is-selected .vc_single_image-img {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

#footer .wpb_column {
  font-size: 16px !important;
  font-family: "Source Sans Pro", sans-serif !important;
}

#footer a {
  color: #fff !important;
}

.icon {
  display: inline-block;
  margin: 0.3em;
  float: right;
}

#sthoverbuttons {
  top: 65% !important;
}

#sthoverbuttons .sthoverbuttons-label {
  margin: 4px !important;
}

#sthoverbuttons #sthoverbuttons-shade {
  width: 75% !important;
}

#sthoverbuttons-top,
#sthoverbuttons-bottom {
  display: none !important;
}

#sthoverbuttons-shade {
  background-image: none !important;
  background-color: #f29100 !important;
  color: #fff !important;
}

#sthoverbuttons .sthoverbuttons-label {
  color: #fff !important;
}

#sthoverbuttons #sthoverbuttons-background {
  right: -12px !important;
}

@media (max-width: 1200px) {
  #small-logo {
    margin-left: 15px;
  }

  #logo {
    left: 15px;
  }

  #stuff {
    margin-right: 15px;
  }
}

@media (max-width: 1080px) {
  .home .hero {
    padding-bottom: 13em !important;
  }

  .flickity-prev-next-button {
    top: 60% !important;
  }

  .vc_column--fifth1_5.cta-block {
    width: 33.333% !important;
  }

  .hero .flickity-page-dots {
    bottom: 11% !important;
  }
}

@media (max-width: 1000px) {
  .hero {
    margin-bottom: -7em;
  }

  .hero::after {
    bottom: 3em;
  }
}

@media (max-width: 950px) {
  .hero {
    margin-bottom: -3em;
    min-height: 500px;
  }

  .home .hero {
    min-height: 780px !important;
  }

  .hero .flickity-viewport {
    height: 300px !important;
  }

  .hero::after {
    bottom: 0;
  }

  .hero .wpb_column {
    width: 100%;
  }

  .hero .vc_col-sm-7,
  .hero .vc_col-sm-6:first-child {
    /*		width: 80%*/
    width: 100%;
  }

  .hero .wpb_single_image {
    position: absolute;
    right: -80px;
    top: -150px;
    width: 40%;
  }

  .hero h1 {
    margin-bottom: 0.5em;
  }

  .hero img {
    display: none; /* what else can we do? */
  }

  .hero .flickity-viewport {
    background-position: center bottom;
  }

  .hero-slider a {
    position: relative;
  }

  .flickity-prev-next-button {
    top: 80% !important;
  }

  .hero .flickity-page-dots {
    bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .hero .vc_col-sm-7,
  .hero .vc_col-sm-6:first-child {
    width: 100%;
  }

  .ninja-forms-form .field-wrap.text-wrap,
  .ninja-forms-form .field-wrap.textarea-wrap,
  .ninja-forms-form .text-wrap.label-inside input,
  .ninja-forms-form .textarea-wrap.label-inside textarea,
  .ninja-forms-form .field-wrap.checkbox-wrap.label-right {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .ninja-forms-form .field-wrap.textarea-wrap::before {
    display: none;
  }

  .white-row .vc_col-sm-3 {
    width: 25%;
  }

  .vc_btn3-container.vc_btn3-inline {
    margin-bottom: 0.5em !important;
  }
}

@media (max-width: 767px) {
  .clients-say .vc_col-sm-2 {
    display: none;
  }

  .vc_column--fifth1_5.cta-block {
    width: 100% !important;
  }
}

@media (max-width: 550px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 1.7em !important;
  }

  #logo {
    max-width: 100px;
    overflow: hidden;
  }

  .custom-logo {
    max-width: none;
  }

  .white-row .vc_col-sm-3 {
    width: 50%;
  }

  /* ------ REQUEST FORM ------ */
  #ninja_forms_form_5_wrap .field-wrap.text-wrap:nth-child(2) {
    width: 100%;
    margin-right: 0;
  }

  #ninja_forms_form_5_wrap .field-wrap.text-wrap:nth-child(3) {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .flickity-prev-next-button {
    display: none;
  }
}

@media (max-width: 380px) {
  .tel-no {
    font-size: 1em !important;
  }

  .home .hero {
    min-height: 820px !important;
  }
  .hero .flickity-page-dots {
    bottom: -15% !important;
  }
}

@media (max-width: 330px) {
  .tel-no {
    display: none;
  }
}



.blog_article {
  background: #fff;
  padding: 20px;
  margin: 20px;
  border: 6px solid #cb006c;
  border-radius: 20px;
  display: block;
  color: #999;
}

.blog_article:hover{
  background: #cb006c;
  color: #fff;
}

.blog_article strong{
  color: #cb006c;
  font-weight: bold;
  display: block;
}

.blog_article:hover strong{
  color: #ffff;
}


.blog-hero > .wpb_column{
  min-height: 350px;
}