/*
Theme Name: Engagement Group
Author: Fourteen Media
Author URI: https://fourteenmedia.com.au
Version: 6.0;
*/

@font-face {
  font-family: 'RadnikaNext-Medium';
  src: url('assets/fonts/radnikanext-bold.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/radnikanext-bold.woff2') format('woff2'), /* Modern Browsers */
       url('assets/fonts/radnikanext-bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/radnikanext-bold.svg#radnikanext-bold') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Karla-Regular';
  src: url('assets/fonts/Karla-Regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/Karla-Regular.woff2') format('woff2'), /* Modern Browsers */
       url('assets/fonts/Karla-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/Karla-Regular.svg#Karla-Regular') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Karla-Bold';
  src: url('assets/fonts/Karla-Bold.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/Karla-Bold.woff2') format('woff2'), /* Modern Browsers */
       url('assets/fonts/Karla-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/Karla-Bold.svg#Karla-Bold') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
}

/*----- TYPOGRAPHY -----*/

body, html,
#fullpage, .section {
  height: 100%;
}

body {
  font-family: 'Karla-Regular';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  letter-spacing: 0;
  font-size: 16px;
}

.wf-loading,.wf-loading h1,.wf-loading h2,.wf-loading p {
    visibility: hidden
}

.button,
.page-template-template-contact,
.page-template-template-contact h3,
.entry-header .post-meta,
.post-loop,
blockquote cite {
  font-family: 'Karla-Regular', sans-serif;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.post-loop h3,
.contact-details,
.author-meta strong,
.entry-header .post-meta strong,
.post-loop .post-bottom .min-read,
#my-nav li,
strong,
blockquote {
  font-family: 'Karla-Bold', sans-serif;
  font-weight: normal;
}

h1,
.h1,
.entry-header h1 {
  font-family: 'RadnikaNext-Medium', sans-serif;
  color: #000;
  font-weight: normal;
  font-size: 40px;
  margin-top: 0;
}

.entry-content h2 {
    text-transform: none;
    color: #5f5f5f;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    margin-left: -2.5px;
    line-height: 1.15;
    letter-spacing: -.04em;
}

.entry-content h3 {
    font-size: 27px;
    color: #5f5f5f;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 8px;
    line-height: 1.15;
    letter-spacing: -.04em;
}

.entry-content h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    margin-left: -1.5px;
    margin-bottom: 8px;
    line-height: 1.22;
    letter-spacing: -.035em;
    color: #5f5f5f;
}

.entry-content h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    margin-left: -1.5px;
    margin-bottom: 8px;
    line-height: 1.22;
    letter-spacing: -.035em;
    color: #5f5f5f;
}

.entry-content p,
.entry-content ul li {
  color: #636363;
  font-size: 20px;
  line-height: 1.58;
  letter-spacing: -.003em;
}

.large-p {
  font-size: 20px;
  line-height: 1.1;
}

/*----- GENERAL ------*/

body {
  background: rgb(255, 255, 248);
}

.container {
  position: relative;
}

.entry-content img {
  height: auto;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 2em;
}

.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}

.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

.intro-title {
  	font-size: 40px;
  	color: #000;
  	line-height: 1.2;
  	margin-top: 10px;
}

.button {
  outline: none;
  border: 1px solid transparent;
  padding: 7px 100px 7px 10px;
  min-width: 250px;
  margin-top: 40px;
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
  background-image: url(assets/images/arrow-icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 60px 26px;
  text-align: left;
}

.button.previous {
  text-align: right;
}

.button:hover {
  text-decoration: none;
}

.button.white {
	background-color: #fff;
	color: #000;
}

.button.red {
	background-color: #dd5a4d;
	color: #fff;
}

.button.blue {
  color: #fff;
  background-color: #334d5b;
}

.button.previous {
  text-align: right;
  padding: 7px 10px 7px 130px;
  background-color: transparent;
  background-image: url(assets/images/arrow-icon-back.png); 
  background-position: left center;
  border: 1px solid #fff;
}

#my-nav {
    /*position: fixed;
    right: 150px;
    top: 50%;
    margin-top: -106px;
    z-index: 999; */
}

#my-nav li {
    list-style-type: none;
    font-size: 20px;
    margin: 20px 0;
    cursor:pointer;
    opacity: 1;
    transition: 0.8s all ease;
}

#my-nav li a {
  color: #000;
  text-align: right;
  display: block;
  transition: 0.8s all ease;
}

#my-nav li a:hover,
#my-nav li a:active {
  text-decoration: none;
  color: #000;
}

.barcode {
  display: block;
  background-image: url(assets/images/barcode_black.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 165px;
  background-size: 100%;
  float: right;
  margin-top: 22.5px;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text p {
  color: #fff;
}

.off-white-text,
.off-white-text h1,
.off-white-text h2,
.off-white-text h3,
.off-white-text p {
  color: #f7f8ea;
}

blockquote {
  border-left: 0;
}

blockquote cite {
  display: block;
  text-align: left;
  margin-left: 80px;
  font-style: normal;
}

@media screen and (max-width: 991px) {
  .intro-title,
  h1, .h1, .entry-header h1 {
    font-size: 26px;
  }
  .intro-title br,
  h1 br, .h1 br, .entry-header h1 br {
    display: none;
  }
  .h3, h3 {
    font-size: 18px;
  }
  .button {
    margin-top: 15px;
  }
  /* .fp-viewing-intro .navbar {
    display: block;
  }
  .navbar {
    display: none;
    position: relative;
  } */
}

/*----- NAVBAV ------*/

.navbar-default {
  background-color: transparent;
  border: 0;
  padding-top: 25px;
}

/* .navbar-default .navbar-brand {
  font-family: 'RadnikaNext-Medium', sans-serif;
  font-weight: normal;
  color: #000;
  line-height: 0.9;
  font-size: 28px;
  transition: 0.8s all ease;
}

.navbar-default .navbar-brand span {
  color: #888787;
  transition: 0.8s all ease;
} */

.navbar-brand {
  background: url(assets/images/logos/eg_logo_cleanwhite_BG.png) no-repeat;
  background-size: 100%;
  width: 240px;
  height: 60px;
  margin-left: 0 !important;
}

.fp-viewing-activation .navbar-brand,
.fp-viewing-product-placement .navbar-brand,
.fp-viewing-product-placement-joins .navbar-brand,
.Activation .navbar-brand,
.fp-viewing-positions-activation .navbar-brand {
  background-image: url(assets/images/logos/eg_logo_green_BG.png);
}

.fp-viewing-merchandising .navbar-brand,
.fp-viewing-where-it-began .navbar-brand,
.fp-viewing-mst-expanded .navbar-brand,
.fp-viewing-engagement-group .navbar-brand,
.Merchandising .navbar-brand,
.fp-viewing-positions-merchandising .navbar-brand {
  background-image: url(assets/images/logos/eg_logo_yellow_BG.png);
}

.fp-viewing-digital .navbar-brand,
.Digital .navbar-brand,
.fp-viewing-positions-digital .navbar-brand {
  background-image: url(assets/images/logos/eg_logo_orange_BG.png);
}

.fp-viewing-about-intro .navbar-brand,
.fp-viewing-our-clients .navbar-brand,
.fp-viewing-leadership-team .navbar-brand,
.fp-viewing-matt-blackmore .navbar-brand,
.fp-viewing-the-best .navbar-brand,
.page-template-template-careers .navbar-brand {
  background-image: url(assets/images/logos/eg_logo_red_BG.png);
}

.fp-viewing-brokerage .navbar-brand,
.fp-viewing-topline .navbar-brand,
.fp-viewing-topline-joins .navbar-brand,
.Brokerage .navbar-brand,
.fp-viewing-positions-brokerage .navbar-brand {
  background-image: url(assets/images/logos/eg_logo_blue_BG.png);
}

.navbar-default .navbar-toggle {
  border: 0;
  border-radius: 0;
  padding-right: 0;
  margin-right: 0;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background: transparent;
}

.navbar-default .navbar-nav>li>a {
  color: #000;
  transition: 0.5s all ease;
  border-bottom: 2px solid transparent;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 45px;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #dd5a4d;
  border-bottom: 2px solid #dd5a4d;
}

.fp-viewing-our-clients .navbar-nav>li>a,
.fp-viewing-activation .navbar-nav>li>a,
.fp-viewing-merchandising .navbar-nav>li>a,
.fp-viewing-brokerage .navbar-nav>li>a,
.fp-viewing-digital .navbar-nav>li>a,
.fp-viewing-activation .navbar-default .navbar-brand,
.fp-viewing-merchandising .navbar-default .navbar-brand,
.fp-viewing-brokerage .navbar-default .navbar-brand,
.fp-viewing-digital .navbar-default .navbar-brand,
.fp-viewing-1 .navbar-nav>li>a,
.fp-viewing-2 .navbar-nav>li>a,
.fp-viewing-3 .navbar-nav>li>a,
.fp-viewing-4 .navbar-nav>li>a,
.fp-viewing-1 .navbar-default .navbar-brand,
.fp-viewing-2 .navbar-default .navbar-brand,
.fp-viewing-3 .navbar-default .navbar-brand,
.fp-viewing-4 .navbar-default .navbar-brand,
.Activation .navbar-nav>li>a,
.Merchandising .navbar-nav>li>a,
.Brokerage .navbar-nav>li>a,
.Digital .navbar-nav>li>a,
.page-template-template-careers .navbar-nav>li>a,
.fp-viewing-positions-merchandising .navbar-nav>li>a,
.fp-viewing-positions-activation .navbar-nav>li>a,
.fp-viewing-positions-brokerage .navbar-nav>li>a,
.fp-viewing-positions-digital .navbar-nav>li>a {
  color: #fff;
}

.fp-viewing-our-clients .navbar-toggle .icon-bar,
.fp-viewing-activation .navbar-toggle .icon-bar,
.fp-viewing-merchandising .navbar-toggle .icon-bar,
.fp-viewing-brokerage .navbar-toggle .icon-bar,
.fp-viewing-digital .navbar-toggle .icon-bar,
.fp-viewing-about-intro .navbar-toggle .icon-bar,
.Activation .navbar-toggle .icon-bar,
.Merchandising .navbar-toggle .icon-bar,
.Brokerage .navbar-toggle .icon-bar,
.Digital .navbar-toggle .icon-bar,
.page-template-template-careers .navbar-toggle .icon-bar,
.fp-viewing-positions-merchandising .navbar-toggle .icon-bar,
.fp-viewing-positions-activation .navbar-toggle .icon-bar,
.fp-viewing-positions-brokerage .navbar-toggle .icon-bar,
.fp-viewing-positions-digital .navbar-toggle .icon-bar {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .navbar-right {
    padding-right: 15px;
  }
}

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

.header-social {
  padding: 0;
  margin: 0;
  float: right;
}

.header-social li {
  display: block;
  list-style-type: none;
  margin-bottom: 7px;
}

.header-social li a {
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  opacity: 1;
  transition: 0.3s ease all;
}

.header-social li a:hover {
  opacity: 0.6;
}

.header-social li a {
  background: #000;
  color: #fffff8;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
}

.header-social li a.facebook {
  line-height: 29px;
}

.fp-viewing-positions-merchandising .header-social li a,
.fp-viewing-merchandising .header-social li a,
.page-template-template-service.Merchandising .header-social li a,
.fp-viewing-where-it-began .header-social li a,
.fp-viewing-mst-expanded .header-social li a,
.fp-viewing-engagement-group .header-social li a {
  color: #eec857;
  background: #fff;
}

.fp-viewing-positions-activation .header-social li a,
.fp-viewing-activation .header-social li a,
.page-template-template-service.Activation .header-social li a,
.fp-viewing-product-placement .header-social li a,
.fp-viewing-product-placement-joins .header-social li a {
  color: #47b09b;
  background: #fff;
}

.fp-viewing-positions-brokerage .header-social li a,
.fp-viewing-brokerage .header-social li a,
.page-template-template-service.Brokerage .header-social li a,
.fp-viewing-topline .header-social li a,
.fp-viewing-topline-joins .header-social li a {
  color: #334d5b;
  background: #fff;
}

.fp-viewing-positions-digital .header-social li a,
.fp-viewing-digital .header-social li a,
.page-template-template-service.Digital .header-social li a {
  color: #df7946;
  background: #fff;
}

.page-template-template-careers .header-social li a,
.fp-viewing-our-clients .header-social li a,
.fp-viewing-about-intro .header-social li a,
.fp-viewing-matt-blackmore .header-social li a,
.fp-viewing-the-best .header-social li a {
  color: #dd5a4d;
  background: #fff;
}

/*----- FULLPAGE.JS ------*/

.fp-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*----- INTRO ------*/

#section1 {
  background-image: url(assets/images/header-1.jpg);
}

#section1 .overlay {
  background-color: rgba(255, 255, 248, 0.9);
}

/*----- OUR CLIENTS ------*/

#section2 {
  background: #dd5a4d;
}

#section2 h1 {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  #section2 h1 {
    margin-bottom: 20px;
  }
  #section2 .col-xs-3 img {
    max-width: 75px;
  }
}

/*----- ACTIVATION ------*/

#section3 {
  background-image: url(assets/images/header-2.jpg);
}

#section3 .overlay {
  background-color: rgba(77,165,148,0.9);
}

.fp-viewing-activation .navbar-default .navbar-brand span,
.fp-viewing-activation #my-nav .activation a,
.fp-viewing-1 .navbar-default .navbar-brand span,
.fp-viewing-1 #my-nav .activation a {
  color: #9fded3;
}

#section3 .button.white {
  color: #48b19d;
  background-image: url(assets/images/arrow-icon-green.png);
}

.fp-viewing-our-clients #my-nav li a,
.fp-viewing-activation #my-nav li a,
.fp-viewing-1 #my-nav #my-nav li a,
.fp-viewing-merchandising #my-nav li a,
.fp-viewing-2 #my-nav li a,
.fp-viewing-brokerage #my-nav li a,
.fp-viewing-3 #my-nav li a,
.fp-viewing-digital #my-nav li a,
.fp-viewing-4 #my-nav li a,
.Activation #my-nav li a,
.Merchandising #my-nav li a,
.Brokerage #my-nav li a,
.Digital #my-nav li a {
  color: #fff;
}

.fp-viewing-our-clients .barcode,
.fp-viewing-activation .barcode,
.fp-viewing-1 .barcode,
.fp-viewing-merchandising .barcode,
.fp-viewing-2 .barcode,
.fp-viewing-brokerage .barcode,
.fp-viewing-3 .barcode,
.fp-viewing-digital .barcode,
.fp-viewing-4 .barcode,
.Activation .barcode,
.Merchandising .barcode,
.Brokerage .barcode,
.Digital .barcode {
  background-image: url(assets/images/barcode_white.png);
}

/*----- MERCHANDISING ------*/

#section4 {
  background-image: url(assets/images/header-4.jpg);
}

#section4 .overlay {
  background-color: rgba(238,200,87,0.9);
}

.fp-viewing-merchandising .navbar-default .navbar-brand span,
.fp-viewing-merchandising #my-nav .merchandising a,
.fp-viewing-2 .navbar-default .navbar-brand span,
.fp-viewing-2 #my-nav .merchandising a {
  color: #f3de9f;
}

#section4 .button.white {
  color: #000;
  background-image: url(assets/images/arrow-icon-black.png);
}

/*----- BROKERAGE ------*/

#section5 {
  background-image: url(assets/images/header-3.jpg);
}

#section5 .overlay {
  background-color: rgba(61,92,83,0.9);
}

.fp-viewing-brokerage .navbar-default .navbar-brand span,
.fp-viewing-brokerage #my-nav .brokerage a,
.fp-viewing-3 .navbar-default .navbar-brand span,
.fp-viewing-3 #my-nav .brokerage a {
  color: #728995;
}

#section5 .button.white {
  color: #334d5b;
  background-image: url(assets/images/arrow-icon-blue.png);
}

/*----- DIGITAL ------*/

#section6 {
  background-image: url(assets/images/header-3.jpg);
}

#section6 .overlay {
  background-color: rgba(222,108,57,0.9);
}

.fp-viewing-digital .navbar-default .navbar-brand span,
.fp-viewing-digital #my-nav .digital a,
.fp-viewing-4 .navbar-default .navbar-brand span,
.fp-viewing-4 #my-nav .digital a {
  color: #f2976b;
}

#section6 .button.white {
  color: #334d5b;
  background-image: url(assets/images/arrow-icon-blue.png);
}

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

.fp-viewing-contact #my-nav li,
.fp-viewing-5 #my-nav li {
  opacity: 0;
}

.contact-details {
  margin: 15px 0 60px;
}

.contact-details p {
  display: inline-block;
  font-size: 18px;
}

.contact-details a {
  border-bottom: 2px solid #dd5a4d;
  color: #000;
}

.contact-details a:hover {
  text-decoration: none;
}

.page-template-template-contact .button {
  margin-top: 10px;
}

#map {
  height: 270px;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .fp-viewing-contact .navbar-default {
    display: none;
  }
  .contact-details {
    margin-bottom: 30px;
  }
  #map {
    display: none;
  }
  .map-text {
    margin-top: 40px;
  }
}

/*----- SERVICE PAGE ------*/

.page-template-template-service .contact-details {
  margin: 15px 0 0px;
}

#service-slides.fp-section,
#careers-slides.fp-section {
  position: relative !important;
}

#my-nav-outer.col-md-3,
#barcode-outer.col-md-1 {
  top: 50%;
  right: 0;
  margin-top: -106px;
  position: absolute;
  display: block;
}

#my-nav-outer.col-md-3 {
  right: 100px;
}

.service-container {
  padding-top: 15%;
}

.service-content {
  position: relative;
}

.service-content .number {
  font-size: 120px;
  float: left;
  line-height: 1;
  margin-right: 55px;
}

.service-content strong {
  display: block;
  margin: 0 0 15px;
}

.service-text.contact-details h4 {
  margin-bottom: 25px;
}

.service-text.contact-details a {
  color: #fff;
}

.slide-nav ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 40px;
}

.slide-nav ul li {
  display: inline-block;
  margin-right: 60px;
  font-size: 20px;
  border-bottom: 1px solid transparent;
}

.slide-buttons {
  float: left;
  width: 100%;
}

.fp-viewing-slides-slide1 .slide-nav ul li.clients,
.fp-viewing-slides-slide2 .slide-nav ul li.people-saying,
.fp-viewing-slides-slide3 .slide-nav ul li.get-in-touch {
  color: #fff;
  border-bottom: 1px solid #eee;
}

/* SERVICE - ACTIVATION */

.Activation {
  background-image: url(assets/images/header-2.jpg);
  background-size: cover;
  background-position: center;
}

.Activation .overlay {
  background-color: rgba(77,165,148,0.9);
}

.Activation h1,
.Activation .number,
.Activation .slide-nav ul li,
.Activation .button.previous {
  color: #fff
}

.Activation #my-nav li.activation a {
  color: #9fded3;
}

.Activation .slide-nav ul li {
  color: #9fded3;
}

.Activation .button.green {
  background-color: #fff;
  color: #48b09c;
  background-image: url(assets/images/arrow-icon-green.png);
}

/* SERVICE - MERCHANDISING */

.Merchandising {
  background-image: url(assets/images/header-4.jpg);
  background-size: cover;
  background-position: center;
}

.Merchandising .overlay {
  background-color: rgba(238,200,87,0.9);
}

.Merchandising h1,
.Merchandising .number,
.Merchandising .slide-nav ul li,
.Merchandising .button.previous {
  color: #fff;
}

.Merchandising #my-nav li.merchandising a,
.Merchandising .slide-nav ul li {
  color: #f3de9f;
}

.Merchandising .button.green {
  background-color: #fff;
  color: rgba(238,200,87,1);
  background-image: url(assets/images/arrow-icon-yellow.png);
}

/* SERVICE - BROKERAGE */

.Brokerage {
  background-image: url(assets/images/header-3.jpg);
  background-size: cover;
  background-position: center;
}

.Brokerage .overlay {
  background-color: rgba(61,92,83,0.9);
}

.Brokerage h1,
.Brokerage .number,
.Brokerage .slide-nav ul li,
.Brokerage .button.previous {
  color: #fff;
}

.Brokerage #my-nav li.brokerage a,
.Brokerage .slide-nav ul li {
  color: #728995;
}

.Brokerage .button.green {
  background-color: #fff;
  color: rgba(61,92,83,0.9);
  background-image: url(assets/images/arrow-icon-dark.png);
}

/* SERVICE - DIGITAL */

.Digital {
  background-image: url(assets/images/header-3.jpg);
  background-size: cover;
  background-position: center;
}

.Digital .overlay {
  background-color: rgba(222,108,57,0.9);
}

.Digital h1,
.Digital .number,
.Digital .slide-nav ul li,
.Digital .button.previous {
  color: #fff;
}

.Digital #my-nav li.digital a,
.Digital .slide-nav ul li {
  color: #f2976b;
}

.Digital .button.green {
  background-color: #fff;
  color: rgba(222,108,57,0.9);
  background-image: url(assets/images/arrow-icon-orange.png);
}

.Digital .button.red {
  color: #fff;
  background-color: #334d5b;
}

@media screen and (max-width: 991px) {
  .slide-nav ul {
    margin-bottom: 10px;
  }
  .slide-nav ul li {
    font-size: 14px;
    margin-right: 12px;
  }
  .slide-nav ul li:last-child {
    margin-right: 0;
  }
  .service-content .number {
    font-size: 60px;
    position: absolute;
    left: 0;
    margin-right: 0;
  }
  .slide-buttons .button {
    min-width: 0;
    width: 48%;
    margin-right: 0;
    padding: 7px 10px 7px 20px;
    font-size: 16px;
    background-size: 40px 18px;
  }
  blockquote {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
  }
}

/*----- BLOG & NEWS ------*/

.post-container {
  padding-top: 15%;
}

.single-post {
	background: #f7f8ea;
}

.single-post .post {
	margin-bottom: 10em;
}

.post-loop {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 20px;
}

.post-loop .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9999;
  background: rgba(247, 248, 234, 0.85);
  transition: 0.5s all ease;
}

.post-loop:hover .overlay {
  opacity: 1;
}

.overlay,
.overlay h3 {
  color: #5e5e5e;
}

.post-loop h3 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 25px;
}

.post-loop img {
  float: left;
}

.post-loop strong {
  display: block;
}

.inner {
  display: table;
  height: 100%;
  padding: 20px;
}

.inner-table {
  display: table-cell;
  vertical-align: bottom;
}

.post-loop .author-meta {
  line-height: 1.2;
}

.post-loop .post-bottom {
  margin-top: 30px;
}

.post-loop .post-bottom .min-read {
  float: left;
  margin-top: 5px;
}

.post-loop .post-bottom .arrow {
  float: right;
}

@media screen and (max-width: 991px) {
    .single-post .post .stat {
        width: 100%;
        float: none;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*----- SINGLE POST ------*/

.entry-header .post-meta {
  color: #6d6d6c;
  letter-spacing: 0.05px;
  margin-bottom: 30px;
  margin-top: 40px;
}

.author-thumb {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-right: 10px;
  display: inline-block;
}

.entry-header .post-meta .author-thumb {
  margin-right: 30px;
}

/*----- ABOUT PAGE ------*/

/* .fp-viewing-leadership-team .navbar-default,
.fp-viewing-engagement-group .navbar-default,
.fp-viewing-the-best .navbar-default,
.fp-viewing-how-it-began .navbar-default,
.fp-viewing-mst-expanded .navbar-default,
.fp-viewing-product-placement .navbar-default,
.fp-viewing-topline .navbar-default {
  display: none;
} */

.fp-viewing-leadership-team .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-engagement-group .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-the-best .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-where-it-began .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-mst-expanded .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-product-placement .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-topline .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-topline-joins .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-matt-blackmore .navbar-default .navbar-toggle .icon-bar,
.fp-viewing-product-placement-joins .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.fp-viewing-about-intro .navbar-default .navbar-nav>li>a,
.fp-viewing-leadership-team .navbar-default .navbar-nav>li>a,
.fp-viewing-engagement-group .navbar-default .navbar-nav>li>a,
.fp-viewing-the-best .navbar-default .navbar-nav>li>a,
.fp-viewing-where-it-began .navbar-default .navbar-nav>li>a,
.fp-viewing-mst-expanded .navbar-default .navbar-nav>li>a,
.fp-viewing-product-placement .navbar-default .navbar-nav>li>a,
.fp-viewing-topline .navbar-default .navbar-nav>li>a,
.fp-viewing-topline-joins .navbar-default .navbar-nav>li>a,
.fp-viewing-matt-blackmore .navbar-default .navbar-nav>li>a,
.fp-viewing-product-placement-joins .navbar-default .navbar-nav>li>a {
  color: #fff;  
}

.red-bg {
  background: #dd5a4d;
}

.yellow-bg {
  background: #eec857;
}

.green-bg {
  background: #47b09b;
}

.blue-bg {
  background: #334d5b;
}

.orange-bg {
  background: #df7946;
}

.arrow-down {
  background: url(assets/images/arrow-down.png) center no-repeat;
  background-size: 100%;
  display: block;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 22.5%;
  margin-left: -37.5px;
  bottom: 20px;
}

.arrow-down.up-black {
  background-image: url(assets/images/arrow-up-black.png);
}

.arrow-down.black {
  background-image: url(assets/images/arrow-down-black.png);
}

.arrow-down.center {
  left: 50%;
}

.home-exit {
  background: url(assets/images/close.png) center no-repeat;
  background-size: 100%;
  display: none;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 50%;
  margin-left: -37.5px;
  bottom: 10px;  
}

.home-exit.black {
  background-image: url(assets/images/close-black.png); 
}

#about1 .large-p {
  margin-top: 120px;
}

#about3 p,
#about3 .col-md-push-2 {
  margin-top: 60px;
}

#about5 p {
  margin-top: 40px;
}

#about5 img {
  margin-top: 100px;
}

#about6 p {
  margin-top: 100px;
}

#about6 img {
  margin-top: 180px;
}

#about7 p {
  margin-top: 280px;
}

#about7 img {
  margin-top: 200px;
}

#about8 .large-p {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .off-white-text h1,
  .white-text h1 {
    margin-bottom: 20px;
  }
  #about1 .large-p {
    margin-top: 60px;
  }
  #about3 p,
  #about4 p,
  #about5 p,
  #about6 p,
  #about7 p,
  #about8 p {
    margin-top: 0;
  }
  #about5 img,
  #about6 img {
    margin-top: 20px;
  }
  #about7 img  {
    margin-top: 10px;
  }
  .home-exit {
    display: block;
  }
  .fp-viewing-leadership-team .navbar-default .navbar-brand,
  .fp-viewing-engagement-group .navbar-default .navbar-brand,
  .fp-viewing-the-best .navbar-default .navbar-brand,
  .fp-viewing-where-it-began .navbar-default .navbar-brand,
  .fp-viewing-mst-expanded .navbar-default .navbar-brand,
  .fp-viewing-product-placement .navbar-default .navbar-brand,
  .fp-viewing-topline .navbar-default .navbar-brand,
  .fp-viewing-topline-joins .navbar-default .navbar-brand,
  .fp-viewing-matt-blackmore .navbar-default .navbar-brand,
  .fp-viewing-product-placement-joins .navbar-default .navbar-brand,
  .post-type-archive-job_positions .navbar-default .navbar-brand {
    display: none;
  }
}

/* TEAM ---*/

.team-member {
  text-align: center;
}

.team-member img {
  display: inline-block;
}

.team-member span {
  display: block;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .team-member {
    margin-bottom: 20px;
  }
  .team-member img {
    width: 100px;
  }
  .team-member span {
    font-size: 14px;
  }
  .arrow-down {
    width: 75px;
    height: 75px;
    left: auto;
    right: 15px;
    margin-left: -20px;
  }
}

/* TIMELINE ---*/

.timeline {
  position: absolute;
  background: #dd5a4d;
  width: 4px;
  left: 50%;
  height: 100%;
  bottom: 0;
  margin-left: -2px;
}

.timeline-marker {
  background: #dd5a4d;
  height: 4px;
  width: 75px;
  position: absolute;
  left: 50%;
  margin-left: -37.5px;
  display: block;
}

.timeline-marker-text {
  position: absolute;
  /*left: -50px;
  top: -10px;*/
  color: #fff;
}

.timeline-marker-text {
  left: 30px;
  right: auto;
  transform: rotate(90deg);
  transform-origin: 0 0;
  top: 20px;
  white-space: nowrap;
}

.timeline.year-2003 {
  height: 50%;
}

/*.timeline.year-2003 .timeline-marker-text {
  left: auto;
  right: -50px;
}*/

.timeline.year-2006 .timeline-marker {
  top: 80px;
}

.timeline.year-2008 .timeline-marker {
  top: 100px;
}

.timeline.year-2010 .timeline-marker {
  top: 120px;
}

.timeline.year-2015 .timeline-marker {
  top: 180px;
}

.timeline.year-2017.july .timeline-marker {
  top: 200px;
}

.timeline.year-2017.august .timeline-marker {
  top: 220px;
}

.timeline.year-2017.sept .timeline-marker {
  top: 240px;
}

.timeline.white,
.timeline.white .timeline-marker {
  background: #fff;
}

@media screen and (max-width: 991px) {
  .timeline {
    left: 25px;
    right: auto;
  }
  .timeline-marker {
    left: auto;
    margin-left: 0;
    width: 25px;
  }
  .timeline-marker-text,
  .timeline.year-2003 .timeline-marker-text {
    left: 30px;
    right: auto;
    transform: rotate(90deg);
    transform-origin: 0 0;
    top: 20px;
    white-space: nowrap;
  }
}

/*----- MENU MODAL ------*/

.fullscreen .modal-dialog {
  margin: 0 0 0 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  color: #fff;
}

.fullscreen .modal-header {
  padding-bottom: 0;
}

.fullscreen .modal-body {
  padding-top: 0;
}

.fullscreen .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.97);
  overflow:auto;
}

.fullscreen .modal-body ul {
  padding: 0 0 0 0;
  overflow: auto;
}

.fullscreen .modal-body li {
  padding: 10px 0 10px 0 ;
}

.fullscreen .modal-body a {
  color: #fff;
  font-size: 125%;
}

.fullscreen .close {
  opacity: 0.8;
}

/* ===========================================
   SmoothState styling
   =========================================== */
.m-scene .scene-main {
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  -webkit-animation-duration: .25s;
          animation-duration: .25s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.m-scene .scene-main--fadein {
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.m-scene.is-exiting .scene-main {
  -moz-animation-direction: alternate-reverse;
  -o-animation-direction: alternate-reverse;
  -webkit-animation-direction: alternate-reverse;
          animation-direction: alternate-reverse;
}
.m-scene .scene-nav {
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  -webkit-animation-duration: .25s;
          animation-duration: .25s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -moz-animation-name: width;
  -o-animation-name: width;
  -webkit-animation-name: width;
          animation-name: width;
}
.m-scene.is-exiting .scene-nav {
  -moz-animation-direction: alternate-reverse;
  -o-animation-direction: alternate-reverse;
  -webkit-animation-direction: alternate-reverse;
          animation-direction: alternate-reverse;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes width {
  0% {
    width: 300px;
  }
  100% {
    width: 50vw;
  }
}
@-moz-keyframes width {
  0% {
    width: 300px;
  }
  100% {
    width: 50vw;
  }
}
@-o-keyframes width {
  0% {
    width: 300px;
  }
  100% {
    width: 50vw;
  }
}
@keyframes width {
  0% {
    width: 300px;
  }
  100% {
    width: 50vw;
  }
}

/* Fullpage JS flash fix */

.m-scene,
.m-scene.is-exiting {
  opacity: 0;
}

.fullpage-wrapper {
  width: 100%!important;
  transform: none!important;
}

.fp-section {
  width: 100%!important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all .7s ease-in-out;
}

.fp-section.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

/* Media Queries */

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

.navbar-brand {
  width: 180px;
  height: 43px;
}

.intro-title, h1, .h1, .entry-header h1 {
  font-size: 20px;
}

.off-white-text h1, .white-text h1 {
  margin-bottom: 15px;
}

.h3, h3 {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 15px;
}

.button,
.large-p,
.white-text p,
body p {
  font-size: 14px;
}

.arrow-down,
.team-member img {
  width: 50px;
  height: 50px;
}

.team-member span {
  font-size: 12px;
}

#about3 p, #about3 .col-md-push-2 {
  margin-top: 10px;
}

.page-template-template-about #about3 img,
.page-template-template-about #about4 img,
.page-template-template-about #about5 img,
.page-template-template-about #about6 img,
.page-template-template-about #about8 img,
.page-template-template-about #about9 img {
  width: 150px;
}

}

/* Careers */

.job-container {
	padding-top: 75px;
}

.page-template-template-careers .overlay {
  background: #dd5a4d;
}

#share.button {
  background: transparent;
  border: 1px solid #fff;
  min-width: auto;
  padding: 7px 10px;
  color: #fff;
  position: relative;
  transition: all 0.3s ease;
}

#share.button:hover {
  background: #fff;
  color: #dd5a4d;
}

.yellow-bg #share.button:hover,
.yellow-bg .job-buttons #learn-more:hover {
  color: #eec857;
}

.yellow-bg .job-buttons #learn-more:hover {
  background-image: url(assets/images/arrow-icon-yellow.png);
}

.green-bg #share.button:hover,
.green-bg .job-buttons #learn-more:hover {
  color: #47b09b;
}

.green-bg .job-buttons #learn-more:hover {
  background-image: url(assets/images/arrow-icon-green.png);
}

.blue-bg #share.button:hover,
.blue-bg .job-buttons #learn-more:hover {
  color: #334d5b;
}

.blue-bg .job-buttons #learn-more:hover {
  background-image: url(assets/images/arrow-icon-blue.png);
}

.orange-bg #share.button:hover,
.orange-bg .job-buttons #learn-more:hover {
  color: #df7946;
}

.orange-bg .job-buttons #learn-more:hover {
  background-image: url(assets/images/arrow-icon-orange.png);
}

#explore-positions.button {
  color: #dd5a4d;
  background-image: url(assets/images/arrow-icon-red.png);
  transition: all 0.3s ease;
  border: 1px solid #fff;
}

#explore-positions.button:hover {
  background-color: transparent;
  color: #fff;
  background-image: url(assets/images/arrow-icon.png);
}

.page-template-template-careers .slide-nav li {
  color: #eba098;
}

.slide-nav ul li.active {
  color: #fff;
}

.job-buttons #learn-more {
  color: #fff;
  border: 1px solid #fff;
  background-image: url(assets/images/arrow-icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 60px 26px;
  background-color: transparent;
  min-width: 200px;
  font-size: 16px;
  margin-top: 10px;
  transition: all 0.3s ease;
}

.job-buttons #learn-more:hover {
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  #careers-slides .slide-buttons .button {
    padding: 7px 100px 7px 10px;
    width: auto;
  }
  #careers-slides .slide-buttons #share.button {
    padding: 7px 10px;
  }
}

@media screen and (max-width: 600px) {
  #careers-slides .slide-buttons .button {
    display: block;
    width: 100%;
    max-width: 250px;
  }
}

/* Positions -----*/

#positions-merchandising .slide-nav .active,
#positions-activation .slide-nav .active,
#positions-brokerage .slide-nav .active,
#positions-digital .slide-nav .active {
  color: #fff;
}

.post-type-archive-job_positions .slide-nav li a:hover {
  text-decoration: none;
}

.post-type-archive-job_positions .job,
.post-type-archive-job_positions .no-jobs {
  font-size: 16px;
}

#positions-merchandising .slide-nav li a {
  color: #f5df9d;
}

#positions-activation .slide-nav li a {
  color: #95d3c7;
}

#positions-brokerage .slide-nav li a {
  color: #8b99a3;
}

#positions-digital .slide-nav li a {
  color: #edb496;
}

.post-type-archive-job_positions a.send-email {
  transition: all 0.3s ease;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.post-type-archive-job_positions a.send-email:hover {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 991px) {
  .post-type-archive-job_positions .job {
    margin-top: 1.5em;
  }
}

/* Single Position -----*/

.single-job_positions .job_positions {
  padding-top: 8em;
  padding-bottom: 10em;
}

.single-job_positions .header-social {
  display: none;
}

.single-job_positions .entry-title {
  text-align: center;
  margin: 60px 0 50px;
}

.single-job_positions .back-to-jobs,
.single-case_study .back-to-jobs {
  color: #636363;
  font-size: 18px;
  display: block;
}

.single-job_positions .back-to-jobs span,
.single-case_study .back-to-jobs span{
  display: inline-block;
  border-bottom: 1px solid #636363;
  transition: all 0.3s ease;
}

.single-job_positions .back-to-jobs span:hover,
.single-case_study .back-to-jobs span:hover {
  border-bottom: 1px solid transparent;
}

.single-job_positions .back-to-jobs .fa,
.single-case_study .back-to-jobs .fa{
  margin-right: 7px;
  position: relative;
  top: 1px;
  display: inline-block;
}

.single-job_positions .job-location {
  font-family: 'Karla-Bold';
  font-size: 20px;
  margin-bottom: 50px;
}

.single-job_positions .position-buttons {
  text-align: center;
  margin-bottom: 80px;
  margin-top: 30px;
}

.single-job_positions .position-buttons .button {
  display: inline-block;
  width: auto;
  min-width: 200px;
  padding: 7px 20px;
  text-align: center;
  transition: all 0.3s ease;
}

.single-job_positions .position-buttons #job-share {
  background: transparent;
  border: 1px solid #dd5a4d;
  color: #dd5a4d;
  position: relative;
}

.single-job_positions .position-buttons #job-share:hover {
  background: #dd5a4d;
  color: #fff;
  cursor: pointer;
}

.single-job_positions .position-buttons #learn-more {
  background: #dd5a4d;
  color: #fff;
}

.single-job_positions .position-buttons #learn-more:hover {
  background: transparent;
  border: 1px solid #dd5a4d;
  color: #dd5a4d;
}

/* Share buttons ------*/

.share-buttons {
  position: absolute;
  top: 0;
  width: 280px;
  opacity: 0;
  left: 20px;
  top: -60px;
  text-align: center;
  font-size: 18px;
}

.button.share.active .share-buttons {
  opacity: 1;
}

.share-buttons ul {
  margin: 0;
  padding: 0;
}

.share-buttons ul li {
  list-style-type: none;
  display: block;
  float: left;
}

.share-buttons ul li a {
  color: #fff;
  line-height: 46px;
  background: #000;
  height: 46px;
  width: 60px;
  display: inline-block;
}

.share-buttons ul li.twitter a {
  background: #6cdfea;
}

.share-buttons ul li.facebook a {
  background: #3b5998;
}

.share-buttons ul li.googlePlus a {
  background: #e34429;
}

.share-buttons ul li.email a {
  background: #42c5b0;
}

/* CASE STUDY ARCHIVE -----*/

.case-study-container {
  padding-top: 190px;
}

.case-study {
  margin-bottom: 30px;
}

.case-study-outer {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s ease all;
}

.case-study .case-study-inner {
  border-left: 4px solid transparent;
  position: relative;
  min-height: 180px;
  display: block;
  padding: 20px 40px 10px 20px;
  z-index: 2;
}

.case-study .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 248,0.7);
  z-index: 1;
  transition: 0.4s ease all;
}

.case-study.type-Activation .case-study-inner {
  border-color: #60ae9c;
}

.case-study.type-Digital .case-study-inner {
  border-color: #e3743b;
}

.case-study.type-Brokerage .case-study-inner {
  border-color: #374b5a;
}

.case-study.type-Merchandising .case-study-inner {
  border-color: #e9ca62;
}

.case-study-outer:hover .overlay {
  background: rgba(255, 255, 248,0.1);
}

.case-study-outer:hover .case-study-inner,
.case-study-outer:hover .case-study-inner h3 {
  text-decoration: none;
}

.case-study-content {
  /*position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;*/
}

.case-study-content h3 {
  margin: 0;
  color: #374b5a;
  font-size: 24px !important;
}

.case-study-meta {
  position: absolute;
  bottom: 10px;
  color: #374b5a;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .case-study-container {
    padding-top: 180px;
  }   
}

/* SINGLE CASE STUDY ------*/

.single-case_study .case_study .back-to-jobs.last {
  margin-top: 40px;
  margin-bottom: 80px;
  float: left;
}

.single-case_study .entry-title {
  margin: 60px 0 50px;
}

.single-case_study .case_study .stat {
    text-align: center;
    font-size: 56px;
    color: #5f5f5f;
    width: 33.333%;
    margin: 30px 0 40px;
    line-height: 1.2;
    float: left;
}

.single-case_study .case_study .stat .stat-sub {
    font-size: 20px;
    padding: 0 20px;
}

@media screen and (max-width: 600px) {
  .single-case_study .case_study .stat  {
    width: 100%;
  }
  .single-case_study .case_study .stat { 
    margin: 0 0 40px;
  }
  .single-case_study .entry-header .post-meta .author-thumb {
    margin-right: 10px;
    float: left;
  }
}