/* CSS Document */

@import url('fixes.css');
@import url('fonts.css');
@import url('feature-plus.css');

.ccm-page header,
.ccm-page nav { background: #f6f7f8; }

.ccm-page main,
.ccm-page aside {
  background: #ffffff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.ccm-page main.stripe,
.ccm-page main .callout {
  background-color: #e6e8e9;
}

.ccm-page aside {
  padding-top: 0;
  padding-bottom: 0;
}
.ccm-page aside.stripe {
  background-color: #e6e8e9;
  padding-top: 0;
  padding-bottom: 0;
}
.ccm-page main.stripe.light,
.ccm-page main .callout.light {
  background-color: #f6f8f9;
}
.ccm-page main.stripe.dark,
.ccm-page main.stripe.cta,
.ccm-page main .callout.dark,
.ccm-page main .callout.cta {
  background-color: #3b444f;
  color: #ffffff !important;
}
.ccm-page main.stripe.cta,
.ccm-page main .callout.cta,
.quote-form .callout.cta { background-color: #8eb927; color: #fff; }
.ccm-page main .callout.white,
.ccm-page main .callout.bordered { background-color: #ffffff; color: #555a61; }

.ccm-page main .callout.bordered {
  border-top: 0.7rem solid #3b444f;
  border-radius: 0;
  padding: 0.6rem 0.4rem 0.4rem 0.4rem;
  margin-bottom: 0.2rem;
}

.ccm-page main small {
  font-size: 90%;
  line-height: 80%;
}

/* livechat */

#livechat-compact-container {
display: none;
}

/* Grid links */

.ccm-page .row.collapse.grid > .column {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.ccm-page .page-partners .row.collapse.grid > .column {
  padding: 0.4rem 0.8rem;
}

.upTop {display: none;}

@media screen and (max-width: 46.1875em) {
  .ccm-page .row.grid.small-up-4.small-shift-1 > .column:nth-last-child(3) {
    margin-left: 12.5%; }
  .ccm-page .row.grid.small-up-4.small-shift-2 > .column:nth-last-child(2) {
    margin-left: 25%; }
  .ccm-page .row.grid.small-up-4.small-shift-3 > .column:last-child {
    margin-left: 37.5%; }
  .ccm-page .row.grid.small-up-3.small-shift-1 > .column:nth-last-child(2) {
    margin-left: 16.66666666666667%; }
  .ccm-page .row.grid.small-up-3.small-shift-2 > .column:last-child {
    margin-left: 33.33333333333334%; }
  .ccm-page .row.grid.small-up-2.small-shift-1 > .column:last-child {
    margin-left: 25%; }
.ccm-page .row.collapse.grid > .column {
  padding-bottom: 0.2rem;
}
.upTop.docked {
  display: block;
  position: fixed;
  bottom: 2rem;
  right: 0;
  z-index: 999;
}

.upTop.docked a {
  background-color: #3b444f;
  color: #ffffff !important;
  border-radius: 3px 0 0 3px;
  padding: 1rem 1rem 0.5rem 0.5rem;
  background-color: rgba(0,0,0,0.8);
}
.upTop.docked a:hover {
  background-color: #8eb927;
  color: #ffffff !important;
  cursor: pointer;
}
.upTop a i {
  font-size: 1.4rem;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg) !important;
}
}

@media screen and (min-width: 46.25em) and (max-width: 63.9375em) {
  .ccm-page .row.grid.medium-up-7.medium-shift-1 > .column:nth-last-child(6) {
    margin-left: 7.142857142857145%; }
  .ccm-page .row.grid.medium-up-7.medium-shift-2 > .column:nth-last-child(5) {
    margin-left: 14.28571428571429%; }
  .ccm-page .row.grid.medium-up-7.medium-shift-3 > .column:nth-last-child(4) {
    margin-left: 21.42857142857143%; }
  .ccm-page .row.grid.medium-up-7.medium-shift-4 > .column:nth-last-child(3) {
    margin-left: 28.57142857142858%; }
  .ccm-page .row.grid.medium-up-7.medium-shift-5 > .column:nth-last-child(2) {
    margin-left: 35.71428571428571%; }
  .ccm-page .row.grid.medium-up-7.medium-shift-6 > .column:last-child {
    margin-left: 42.85714285714287%; }
  .ccm-page .row.grid.medium-up-6.medium-shift-1 > .column:nth-last-child(5) {
    margin-left: 8.333333333333336%; }
  .ccm-page .row.grid.medium-up-6.medium-shift-2 > .column:nth-last-child(4) {
    margin-left: 16.66666666666667%; }
  .ccm-page .row.grid.medium-up-6.medium-shift-3 > .column:nth-last-child(3) {
    margin-left: 25%; }
  .ccm-page .row.grid.medium-up-6.medium-shift-4 > .column:nth-last-child(2) {
    margin-left: 33.33333333333334%; }
  .ccm-page .row.grid.medium-up-6.medium-shift-5 > .column:last-child {
    margin-left: 41.66666666666668%; }
  .ccm-page .row.grid.medium-up-5.medium-shift-1 > .column:nth-last-child(4) {
    margin-left: 10%; }
  .ccm-page .row.grid.medium-up-5.medium-shift-2 > .column:nth-last-child(3) {
    margin-left: 20%; }
  .ccm-page .row.grid.medium-up-5.medium-shift-3 > .column:nth-last-child(2) {
    margin-left: 30%; }
  .ccm-page .row.grid.medium-up-5.medium-shift-4 > .column:last-child {
    margin-left: 40%; }
  .ccm-page .row.grid.medium-up-4.medium-shift-1 > .column:nth-last-child(3) {
    margin-left: 12.5%; }
  .ccm-page .row.grid.medium-up-4.medium-shift-2 > .column:nth-last-child(2) {
    margin-left: 25%; }
  .ccm-page .row.grid.medium-up-4.medium-shift-3 > .column:last-child {
    margin-left: 37.5%; }
  .ccm-page .row.grid.medium-up-3.medium-shift-1 > .column:nth-last-child(2) {
    margin-left: 16.66666666666667%; }
  .ccm-page .row.grid.medium-up-3.medium-shift-2 > .column:last-child {
    margin-left: 33.33333333333334%; }
}

@media screen and (min-width: 64em) {
  .ccm-page .row.grid.large-up-10.large-shift-1 > .column:nth-last-child(9) {
    margin-left: 5%; }
  .ccm-page .row.grid.large-up-10.large-shift-2 > .column:nth-last-child(8) {
    margin-left: 10%; }
  .ccm-page .row.grid.large-up-10.large-shift-3 > .column:nth-last-child(7) {
    margin-left: 15%; }
  .ccm-page .row.grid.large-up-10.large-shift-4 > .column:nth-last-child(6) {
    margin-left: 20%; }
  .ccm-page .row.grid.large-up-10.large-shift-5 > .column:nth-last-child(5) {
    margin-left: 25%; }
  .ccm-page .row.grid.large-up-10.large-shift-6 > .column:nth-last-child(4) {
    margin-left: 30%; }
  .ccm-page .row.grid.large-up-10.large-shift-7 > .column:nth-last-child(3) {
    margin-left: 35%; }
  .ccm-page .row.grid.large-up-10.large-shift-8 > .column:nth-last-child(2) {
    margin-left: 40%; }
  .ccm-page .row.grid.large-up-10.large-shift-9 > .column:last-child {
    margin-left: 45%; }
  .ccm-page .row.grid.large-up-8.large-shift-1 > .column:nth-last-child(7) {
    margin-left: 6.25%; }
  .ccm-page .row.grid.large-up-8.large-shift-2 > .column:nth-last-child(6) {
    margin-left: 12.5%; }
  .ccm-page .row.grid.large-up-8.large-shift-3 > .column:nth-last-child(5) {
    margin-left: 18.75%; }
  .ccm-page .row.grid.large-up-8.large-shift-4 > .column:nth-last-child(4) {
    margin-left: 25%; }
  .ccm-page .row.grid.large-up-8.large-shift-5 > .column:nth-last-child(3) {
    margin-left: 31.25%; }
  .ccm-page .row.grid.large-up-8.large-shift-6 > .column:nth-last-child(2) {
    margin-left: 37.5%; }
  .ccm-page .row.grid.large-up-8.large-shift-7 > .column:last-child {
    margin-left: 43.75%; }
  .ccm-page .row.grid.large-up-7.large-shift-1 > .column:nth-last-child(6) {
    margin-left: 7.142857142857145%; }
  .ccm-page .row.grid.large-up-7.large-shift-2 > .column:nth-last-child(5) {
    margin-left: 14.28571428571429%; }
  .ccm-page .row.grid.large-up-7.large-shift-3 > .column:nth-last-child(4) {
    margin-left: 21.42857142857143%; }
  .ccm-page .row.grid.large-up-7.large-shift-4 > .column:nth-last-child(3) {
    margin-left: 28.57142857142858%; }
  .ccm-page .row.grid.large-up-7.large-shift-5 > .column:nth-last-child(2) {
    margin-left: 35.71428571428571%; }
  .ccm-page .row.grid.large-up-7.large-shift-6 > .column:last-child {
    margin-left: 42.85714285714287%; }
  .ccm-page .row.grid.large-up-6.large-shift-1 > .column:nth-last-child(5) {
    margin-left: 8.333333333333336%; }
  .ccm-page .row.grid.large-up-6.large-shift-2 > .column:nth-last-child(4) {
    margin-left: 16.66666666666667%; }
  .ccm-page .row.grid.large-up-6.large-shift-3 > .column:nth-last-child(3) {
    margin-left: 25%; }
  .ccm-page .row.grid.large-up-6.large-shift-4 > .column:nth-last-child(2) {
    margin-left: 33.33333333333334%; }
  .ccm-page .row.grid.large-up-6.large-shift-5 > .column:last-child {
    margin-left: 41.66666666666668%; }
  .ccm-page .row.grid.large-up-5.large-shift-1 > .column:nth-last-child(4) {
    margin-left: 10%; }
  .ccm-page .row.grid.large-up-5.large-shift-2 > .column:nth-last-child(3) {
    margin-left: 20%; }
  .ccm-page .row.grid.large-up-5.large-shift-3 > .column:nth-last-child(2) {
    margin-left: 30%; }
  .ccm-page .row.grid.large-up-5.large-shift-4 > .column:nth-last-child {
    margin-left: 40%; }
  .ccm-page .row.grid.large-up-4.large-shift-1 > .column:nth-last-child(3) {
    margin-left: 12.5%; }
  .ccm-page .row.grid.large-up-4.large-shift-2 > .column:nth-last-child(2) {
    margin-left: 25%; }
  .ccm-page .row.grid.large-up-4.large-shift-3 > .column:last-child {
    margin-left: 37.5%; }
}

.ccm-page main hr {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #555a61, rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #555a61, rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #555a61, rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), #555a61, rgba(0,0,0,0)); 
  background-image: linear-gradient(left, rgba(0,0,0,0), #555a61, rgba(0,0,0,0));
      }

.ccm-page main.title { padding-top: 1rem; padding-bottom: 1rem;}
.ccm-page main.title h1,
.ccm-page main.title h3,
.ccm-page main.title p { margin: 1rem 0 0.5rem 0; position: relative; min-height:1em;}
.ccm-page main.title span { position:absolute; bottom: 0;}
.ccm-page main.title img { position: absolute; bottom: 0; right: 0;}
.ccm-page.page-template-info main.coloured { padding-top: 1rem; padding-bottom: 0.6rem;}

.ccm-page main h2 { line-height: 1.1em; }
.ccm-page main h3,
.ccm-page main h4 { line-height: 1.2em; }
.ccm-page main h5,
.ccm-page main h6 { line-height: 1.5em; }
.ccm-page main h4 { font-weight: bold; margin-bottom: 0.2rem; }
.ccm-page main h4 strong { font-weight: normal; }

.ccm-page main p a:not(.button),
.ccm-page main ul:not(.accordion):not(.ccm-ui) li a,
.ccm-page main .content-block h1 a,
.ccm-page main .content-block h2 a:not(.forward-link),
.ccm-page main .content-block h3:not(.underlined) a:not(.forward-link),
.ccm-page main .content-block h4 a,
.ccm-page main .content-block h5 a,
.ccm-page main .content-block h6 a { border-bottom: 1px dashed #808388; }
.ccm-page main p a:not(.button):hover,
.ccm-page main ul:not(.accordion):not(.ccm-ui) li a:hover,
.ccm-page main .content-block h1 a:hover,
.ccm-page main .content-block h2 a:not(.forward-link):hover,
.ccm-page main .content-block h3:not(.underlined) a:not(.forward-link):hover,
.ccm-page main .content-block h4 a:hover,
.ccm-page main .content-block h5 a:hover,
.ccm-page main .content-block h6 a:hover { border-bottom: 1px solid #808388; }

.ccm-page .underlined { padding-bottom: 0.5rem; border-bottom: 1px solid #282B2F; }
.ccm-page .underlined a { color: inherit; }

.ccm-page aside button,
.ccm-page aside .button,
.ccm-page aside .transparent-button,
.ccm-page main button,
.ccm-page main .button,
.ccm-page main .transparent-button { text-decoration: none; border-radius: 3px; cursor: pointer !important; line-height: 1.3em;}
.ccm-page main.stripe.cta button,
.ccm-page main.stripe.cta .button,
.ccm-page main .callout.cta button,
.ccm-page main .callout.cta .button { border: 1px solid #ffffff; }


.transparent-button {
    color: #ffffff;
    display: inline-block;
    font-size: 1.1rem;
    margin: 0 0 0.2rem;
    padding: 0.5em 0.9em 0.5em 0.8em;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
}

.ccm-page main p .transparent-button a,
.ccm-page main p a.transparent-button {
  border-bottom: none;
  text-decoration: none;
}

.ccm-page main p .transparent-button a:hover,
.ccm-page main p a.transparent-button:hover {
  border-bottom: none;
  text-decoration: none;
}


  .ccm-page aside button .squared,
  .ccm-page aside .button.squared,
  .ccm-page main button .squared,
  .ccm-page main .button.squared { text-align: left !important; position:relative; margin-bottom: 1.5rem; min-height: 5rem;}
  
  .ccm-page aside button .squared span,
  .ccm-page aside .button.squared span,
  .ccm-page main button .squared span,
  .ccm-page main .button.squared span { 
      position: absolute;
      bottom: 0.4rem;
      left: 0.6rem;
      right: 0.6rem;
  }
  
  .ccm-page aside button .squared:after,
  .ccm-page aside .button.squared:after,
  .ccm-page main button .squared:after,
  .ccm-page main .button.squared:after {   
      font-family: 'BytesIcons';
      font-weight: 400;
      content: '\e90a';
      font-size: 2rem;
      position: absolute;
      top: 0.6rem;
      right: 0.4rem;
  }

.ccm-page main .form-block .form-actions,
.ccm-page main .form-block .fields {
  margin-bottom: 0.7rem;
}
.ccm-page main .form-block input[type="text"], 
.ccm-page main .form-block input[type="email"], 
.ccm-page main .form-block textarea, 
.ccm-page main .form-block select {
  border: none;
  margin-bottom: 0.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ccm-page main .form-block label { line-height: 1.4rem;}
.ccm-page main .form-block .has-error input {
  border: 1px solid #e8432d;
  background: #ffffff;
}
.ccm-page main .form-block .checkbox,
.ccm-page main .form-block .checkbox label,
.ccm-page main .form-block .radio,
.ccm-page main .form-block .radio label {
  display:inline;
}
.ccm-page main .form-block label > [type='checkbox'],
.ccm-page main .form-block label > [type='radio'] {
  margin-right: 0;
}
.ccm-page main [type='checkbox'], 
.ccm-page main [type='radio'] {
  margin: 0;
}

.ccm-page main .form-block select {
  padding-right: 2rem;
}
.ccm-page main .field-fileupload .button {
  font-weight: bold;
}
.ccm-page aside.stripe .testimonial-swiper {
   margin-top: 2rem; 
   margin-bottom: 2rem; 
}

@media screen and (min-width: 46.25em) {
.ccm-page main .form-block .form-actions {
  display: block;
  max-width: 120px;
}
.ccm-page main .form-block .button.submit {
   padding-top: 40%;
   padding-bottom: 40%;  
   border-radius: 100rem;
   font-size: 130%;
}
.ccm-page main .form-block label {
  margin: 0.3rem -1rem 0.3rem 0;
  display: inline-block;
}
}
.ccm-page main .form-block .checkbox label,
.ccm-page main .form-block .radio label {
  margin: 0.3rem 1rem 0.3rem 0;
  display: inline-block;
}


.ccm-page main ul li {
  position: relative;
}
.ccm-page main ul:not(.accordion):not(.ccm-ui) li:before {   
    font-family: 'BytesIcons';
    font-weight: 700;
    content: '\e909';
    position: absolute;
    top: 0;
    left: -1.25rem;
}

.ccm-page main .agenda ul li {
  position: relative;
  margin-left: 3rem;
}
.ccm-page main .agenda ul li strong {   
    position: absolute;
    top: 1px;
    left: -4.3rem;
    color: #75c7b9;
}
.ccm-page main .agenda ul li:before {   
    font-family: 'BytesIcons';
    font-weight: 700;
    content: '\e909';
    position: absolute;
    top: 0;
    left: -1.25rem;
}

.ccm-page main .agenda ol li {
  position: relative;
  list-style: none;
}
.ccm-page main .agenda ol li strong {   
display: block;
    color: #75c7b9;
}
.ccm-page main .agenda ol li:before {   
    font-family: 'BytesIcons';
    font-weight: 700;
    content: '\e909';
    position: absolute;
    top: 0;
    left: -1.25rem;
}

.ccm-page main a.back-link {
  position: relative;
  color: #808388 !important;
}
.ccm-page main a.back-link p {
  margin: 0;
}
.ccm-page main a.back-link span:before {   
    font-family: 'BytesIcons';
    font-weight: 100;
    content: '\e909';
    position: absolute;
    top: 0rem;
    left: -1.2rem;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.ccm-page main a.forward-link {
  position: relative;
  display: block;
  width: 100%;
}
.ccm-page main a.forward-link .float-right {
  font-size: 60%;
}
.ccm-page main a.forward-link .float-right:after {   
    font-family: 'BytesIcons';
    font-weight: 400;
    content: '\e909';
    font-size: 110%;
    position: relative;
    top: 3px;
}

.ccm-page blockquote {
  position: relative;
  padding: 0 0.5rem 0.5rem 2rem;
  font-size: 1.2rem;
}
.ccm-page blockquote:before {   
    font-family: 'FontAwesome';
    font-size:1.5rem;
    content: '\f10d';
    position: absolute;
    top: -2px;
    left: 0;
}
.ccm-page blockquote cite {
  padding-top: 0.25rem;
}
.ccm-page blockquote cite:before {
  content: '';
}
.ccm-page  main ol {
  margin-left: 1.5rem;
}
.ccm-page  main ol > li > ol {
  margin-top: 0.5rem;
  margin-bottom: 0.7rem;
  font-weight: normal;
}
.ccm-page aside.banner {
  height: 280px;  
  background-color: #f6f8f9;
  border-bottom: 1px solid #ffffff;
}
  .ccm-page aside.banner.thin { height: 80px; }
  .ccm-page aside.banner.shallow { height: 330px; }
  .ccm-page aside.banner.deep { height: 430px; }
  
  @media screen and (max-width: 46.1875em) { 
    .ccm-page aside.thin { height: 50px; }
    .ccm-page aside.banner { height: 170px; }
    .ccm-page aside.banner.shallow { height: 170px; }
    .ccm-page aside.banner.deep { height: 220px; }
  }

.ccm-page hr.fullwidth {
  width: 100%;
  max-height: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
}

.swiper-pagination-bullet-active {
  background: #3b444f;
}

.ccm-page main > .row > .column,
.ccm-page main > .row > .columns,
.ccm-page aside > .row > .column,
.ccm-page aside > .row > .columns,
.ccm-page nav.primary .column.logo,
.ccm-page nav.primary .columns.logo {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
@media screen and (max-width: 46.1875em) { 
  .ccm-page main > .row > .column,
  .ccm-page main > .row > .columns,
  .ccm-page aside > .row > .column,
  .ccm-page aside > .row > .columns,
  .ccm-page nav.primary .column.logo,
  .ccm-page nav.primary .columns.logo {
    padding-left: 1.565rem;
    padding-right: 1.565rem;
  }
}
.ccm-page aside > .row.expanded > .column,
.ccm-page aside > .row.expanded > .columns {
  padding-left: 0;
  padding-right: 0;
}

.ccm-page .row.expanded .row {
  max-width: 75rem;
}
.ccm-page .swiper-slide .columns {
  box-sizing: border-box;
}

.ccm-page .videoImage,
.ccm-page .linkImage {
  width: 100%; 
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  background: black;
  margin-bottom: 0.7rem; 
  border-radius: 3px;
  overflow:hidden;
}
.ccm-page .videoImage.ratio4by3,
.ccm-page .linkImage.ratio4by3 {
  width: 100%; 
  padding-bottom: 75%; /* 4:3 */
}
.ccm-page .videoImage a,
.ccm-page .linkImage a {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.ccm-page .enlargeImage a {
  position: relative;
}

.ccm-page .videoImage a i,
.ccm-page .linkImage a i,
.ccm-page .enlargeImage a i {
  border-radius: 100%;
  color: #ffffff;
  color: rgba(255,255,255,0.7);
  background: rgba(0,0,0,0.6);
  transition: all 300ms ease-out;
  font-weight: 100 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.6rem;
  margin-left: -2rem;
  font-size: 4rem;
 }
.ccm-page .linkImage a i {
  color: rgba(255,255,255,0.9);
}
.ccm-page .enlargeImage a i {
  font-size: 2.4rem;
  padding: 0.6rem 0.9rem 0.9rem 0.6rem;
}

.ccm-page .videoImage h5 {
  padding: 1rem 0.6rem 0.6rem 0.6rem;
  margin: 0;
  background: #000000;
  background: rgba(0,0,0,0.8); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8) 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8) 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8) 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8) 25%); /* Standard syntax */
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.ccm-page .videoImage.featuredVideo a span,
.ccm-page .linkImage a span {
  background: rgba(0,0,0,0.4);
  transition: background-color 300ms ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 30px #000000;
}
.ccm-page .linkImage a span {
  background: rgba(43, 49, 57,0.3);
}
.ccm-page .videoImage.featuredVideo a i,
.ccm-page .linkImage a i {
  background: none;
  margin-top: -3rem;
  margin-left: -3rem;
  font-size: 6rem;
  font-weight: 100;
  text-shadow: 0 0 20px #000000;
}
.ccm-page .linkImage a i {
  margin-top: -4rem;
}
.ccm-page .videoImage.featuredVideo h5 {
  background: none;
}
.ccm-page .videoImage.featuredVideo:hover a span,
.ccm-page .linkImage:hover a span {
  background: rgba(0,0,0,0.8);
  box-shadow: inset 0 0 40px #000000;
}
.ccm-page .videoImage.featuredVideo:hover a i,
.ccm-page .linkImage:hover a i {
  text-shadow: 0 0 20px #75c7b9;
}
.ccm-page .videoImage.featuredVideo:hover a i,
.ccm-page .videoImage.featuredVideo:hover h5,
.ccm-page .videoImage.featuredVideo:hover a span,
.ccm-page .linkImage:hover a i,
.ccm-page .linkImage:hover a span {
  color: #ffffff; 
}
.ccm-page .linkImage .button {
 position: absolute;
 width: auto;
  bottom: 0.3rem;
  left: 0.5rem;
  right: 0.5rem;
}
.ccm-page p.lighter {
  color: #808388;
}
.ccm-page.page-template-home .linkImage {
  padding-bottom: 200px;
}

.videoModal.reveal,
.imageModal.reveal {
  padding:0;
}
.videoModal .flex-video {
  margin:0;
}
.imageModal img {
  width:100%;
}
  
@media screen and (max-width: 46.1875em) { 
  .ccm-page .videoImage a i {
    font-size: 3rem;
  margin-top: -1.5rem;
  margin-left: -1.5rem;
  }
.ccm-page .videoImage.featuredVideo a i {
  margin-top: -2rem;
  margin-left: -2rem;
  font-size: 4rem;
}
} 

.ccm-page .testimonial-grid .column {
  margin-bottom: 2rem;
}
.ccm-page .partner-grid .column {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.ccm-page .testimonial-grid hr { 
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.ccm-page .equal-img {
  text-align: center;
  white-space: nowrap;
  padding: 0 0 0.2rem 0;
}
.ccm-page .equal-img:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.ccm-page .equal-img img {
  display: inline-block;
  vertical-align: middle;
}

.ccm-page .partners-grid .equal-img {
  padding: 1rem 0;
}
.ccm-page .testimonial-grid .equal-img img {
  vertical-align: bottom;
}
.ccm-page.page-template-home .partners-grid {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
.ccm-page.page-template-home .partners-grid .equal-img {
  padding: 0.7rem 0;
}

@media screen and (max-width: 46.1875em) { 
  .ccm-page.page-template-home .equal-img img { max-width:80px !important; height:auto; }
}

.ccm-page .testimonial-grid blockquote {
  padding: 2rem 0 0 0;
  margin-bottom: 0.5rem;
  font-size:1rem;
}
.ccm-page .testimonial-grid blockquote:before {
    top: 0.2rem;
    left: 45%;
}
.ccm-page .testimonial-grid blockquote.award {
  padding: 0;
}
.ccm-page .testimonial-grid blockquote.award:before {
  content: '';
  display: none;
}
.ccm-page .testimonial-grid .align-equal {
  position: relative;
  padding-bottom: 0.6rem;
}
.ccm-page .testimonial-grid .align-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.ccm-page .testimonial-grid .align-bottom .button {
  margin-bottom: 0;
}
.ccm-page aside.stripe .testimonial-row {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ccm-page .testimonial-row blockquote {
  margin-bottom: 0;
}
.ccm-page .testimonial-row img {
  margin-bottom: 0.7rem;
}
.ccm-page .testimonial-row p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin: 0;
}
.ccm-page .testimonial-row h5 {
  margin-top: 0.5rem;
}
.ccm-page .testimonial-row.testimonial-vertical img {
  margin-bottom: 1.2rem;
  margin-left: 2rem;
}

.ccm-page .casestudy-grid p,
.ccm-page .casestudy-grid a p,
.ccm-page .casestudy-block p,
.ccm-page .casestudy-block a p {
  line-height: 1.4em;
  padding: 0.5rem 0;
}
.ccm-page .casestudy-grid p.thumb-logo,
.ccm-page .casestudy-block p.thumb-logo {
  margin: 0;
  display: table-cell;
  vertical-align: bottom;
  width: 600px;
  position: relative;
}
.ccm-page .casestudy-grid p.thumb-logo img,
.ccm-page .casestudy-block p.thumb-logo img {
  vertical-align: bottom;
}
.ccm-page .casestudy-grid p.thumb-logo:after,
.ccm-page .casestudy-block p.thumb-logo:after {    
    font-family: 'BytesIcons';
    font-weight: 400;
    content: '\e90a';
    font-size: 1.5rem;
    position: absolute;
    bottom: 0.5rem;
    right: 0;
}

.ccm-page .events-grid {
  margin-bottom: 0.7rem; 
}
.ccm-page .events-grid p,
.ccm-page .events-grid a p {
  padding: 0;
  margin: 0;
}
.ccm-page .events-grid h3,
.ccm-page .news-grid h3 {
  font-size: 1.4rem;
}
.ccm-page .events-grid .videoImage {
   margin-bottom: 0.5rem;
}
.ccm-page .news-grid .thumb-image {
   margin-bottom: 0.7rem;
}
.ccm-page .news-grid .news-img {
  display: table-cell;
  vertical-align: bottom;
}

.ccm-page .events-grid .thumb-image,
.ccm-page .casestudy-grid .thumb-image,
.ccm-page .casestudy-block .thumb-image,
.ccm-page .news-grid .thumb-image {
  opacity: 1;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.ccm-page .events-grid .column:hover .thumb-image,
.ccm-page .casestudy-grid .column:hover .thumb-image,
.ccm-page .casestudy-block:hover .thumb-image,
.ccm-page .news-grid .column:hover .thumb-image {
  opacity: 0.8;
}


.ccm-page .news-item,
.ccm-page .event-item {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ccm-page .news-item:hover,
.ccm-page .event-item:hover {
   background: #f6f7f8;
}
.ccm-page .dark .news-item:hover,
.ccm-page .dark .event-item:hover {
   background: #2b3139;
}

.ccm-page .event-image {
    position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
  background-color: #555a61;
  min-height: 7rem;
}

.ccm-page .event-buttons {
    position: absolute;
    bottom: 0.3rem;
    right: 0.5rem;
    left: 0.5rem;
    text-align: right;
}

.ccm-page .event-date {
    display: block;
    background-color: #75c7b9;
    height: 6rem;
    width: 4.5rem;
    border-radius: 3px;
    overflow:hidden;
    padding-top: 3rem;
    padding-left: 0.7rem;
}
.ccm-page .event-dates {
   margin-bottom: 1.5rem;
}
.ccm-page .event-dates .event-date {
   float: left;
   margin-right: 0.5rem;
   margin-bottom: 0.2rem;
}
.ccm-page .event-dates .event-details {
   margin-top: 0.4rem;
   margin-left: 5rem;
}
.ccm-page .event-image .event-date,
.ccm-page .feature-content .event-date {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.ccm-page .event-date .day {
    color: #ffffff;
    font-size: 2.8rem;
    line-height: 0;
    font-weight: 100;
    text-align: left;
    margin: 0 0 0 -0.4rem;
    padding: 0;
    display: inline-block;
}
.ccm-page .event-date .month {
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 0;
    font-weight: 300;
    text-align: left;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.ccm-page ul.accordion {
  border-radius: 3px; 
}

.ccm-page ul.taglist a,
.ccm-page ul.accordion a {
  text-decoration: none;
}

.ccm-page ul.accordion li:before {
  content: '';
  display: none;
}

.ccm-page .listContainer {overflow:hidden;}

.ccm-page .simpleList {padding-bottom: 1em;}
.ccm-page .simpleList .columns {position: relative;}
.ccm-page .simpleList p {margin-bottom: 0; color:#3E4147;}
.ccm-page .simpleList a {position: absolute; display:block; width:100%; height:100%; z-index: 201;}
.ccm-page .simpleList .row {padding: 0.2em; border-bottom: 1px solid #D3D6D9; display: block}

.ccm-page .simpleList .listContent {line-height:1.2em; height:1.2em; overflow:hidden;}
.ccm-page .simpleList .listContent p {padding-right: 0; color: #888B93; margin-left: 2em; font-size: 0.9rem;}
.ccm-page .simpleList .listContent i {color:#B5B8BD; margin-left: -2em;}

.ccm-page .simpleList a:hover + .row {background: #F1F4F5;  transition: background-color 300ms ease-out;}
.ccm-page .simpleList a:hover + .row .listContent p {color: #6A6D77;}

.ccm-page .callout.case-study {
}

.ccm-page .customers-link {
  margin-top: -2.8rem;
}
.ccm-page .customers-link i.button {
  font-size: 3rem;
  padding: 0;
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 1000px;
  border: 0.5rem solid #fff;
}
.ccm-page .callout.square {
  position: relative;
  margin-left: 1rem
}
.ccm-page .callout.square span {
  position: absolute;
  bottom: 0.5rem;
  right: 0.7rem;
  font-size: 1.4rem;
  font-weight: 100;
  text-align: right;
}

  .ccm-page main .menu-search {
    margin: 0;
    padding-top: 0;
    position: relative;
  }
  .ccm-page main .menu-search input {
    background: none;
    border: 1px solid #282B2F;
    color: #282B2F;
    text-indent:30px;
  }
  .ccm-page main .menu-search .bi-search,
  .ccm-page main .menu-search .bi-chevron-alt {
    position: absolute;
    font-size: 19px;
    top: 10px;
    left: 10px;
    color: #8eb927;
    font-weight: 400;
  }
  .ccm-page main .menu-search .bi-chevron-alt {
    top: 5px;
    right: 5px;
    font-size: 29px;
    left: auto;
  }
  
  .issuuembed.issuu-isrendered,
  .ccm-page input.ccm-input-date {
width: 100%!important;
}
.quote-form {
  padding-top: 0.5rem;
}
select.form-control {
  border: 1px solid #ccc;
}
.quote-form input.form-control,
.quote-form textarea.form-control,
.quote-form select.form-control {
  padding: 0.2rem 0.6rem;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  margin-bottom: 0.2rem;
  border: 1px solid #ccc;
}
.quote-form select.form-control {
  padding-right: 2rem;
}
.quote-form input.form-control:focus,
.quote-form textarea.form-control:focus,
.quote-form select.form-control:focus {
  border: 1px solid #8eb927;
}
.quote-form .form-actions {
  padding-top: 1rem;
}
.ccm-page .checkboxList {
  display: inline-block;
}

.ccm-page .form-block.callout {
  padding: 1.5rem 0 1rem 0;
}

@media screen and (max-width: 46.1875em) {
  div.ccm-layout-column {width: 100% !important;}
}

.no-js #primary-nav {
  display: none;
}

/* Pagination styles */

.pager {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pager::before, .pager::after {
    content: ' ';
    display: table; }
  .pager::after {
    clear: both; }
  .pager li {
    font-size: 0.875rem;
    margin-right: 0.0625rem;
    border-radius: 3px;
    display: none; }
    .pager li:last-child, .pager li:first-child {
      display: inline-block; }
    @media screen and (min-width: 46.25em) {
      .pager li {
        display: inline-block; } }
  .pager a,
  .pager button {
    color: #2b3139;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 3px;
    border: none !important; }
    .pager li:before {
      display: none;
    }
    .pager a:hover,
    .pager button:hover {
      background: #cccdcf; }
  .pager .current {
    padding: 0.1875rem 0.625rem;
    background: #008c99;
    color: #ffffff;
    cursor: default; }
  .pager .disabled {
    padding: 0.1875rem 0.625rem;
    color: #555a61;
    cursor: not-allowed; }
    .pager .disabled:hover {
      background: transparent; }
  .pager .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #2b3139; }

.pager-previous a::before,
.pager-previous.disabled::before {
  content: '\00ab';
  display: inline-block;
  margin-right: 0.5rem; }

.pager-next a::after,
.pager-next.disabled::after {
  content: '\00bb';
  display: inline-block;
  margin-left: 0.5rem; }

/* Footer Styles */

.ccm-page .footer-logo {
  margin: 0.5rem 1rem;
  display: inline-block;
}
.ccm-page footer .links {
  padding-left: 2rem;
}
.ccm-page footer .newsletter {
  padding-right: 2rem;
}

.ccm-page footer {
  padding: 2rem 0;
}
.ccm-page footer li,
.ccm-page footer a {
  color: #abb1b7;
}
.ccm-page footer a:hover {
  color: #ffffff;
}
.ccm-page footer h4 {
  font-size: 0.8rem;
  font-weight: 800;
  margin-top: 1rem;
}
.ccm-page footer ul {
  list-style-type: none;
  margin: 0;
}
.ccm-page footer li {
  font-size: 0.8rem;
}
.ccm-page footer .legal {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #3b4550;
}
.ccm-page footer .legal li {
  display: inline;
  padding: 0 2rem 0 0;
}
.ccm-page footer .legal li,
.ccm-page footer .legal a {
  color: #58636f;
}
.ccm-page footer .social ul li {
  padding: 1.5rem 3rem 0 0;
}
.ccm-page footer .callout {
  background-color: #2b3139;
  color: #abb1b7 !important;
  font-size: 0.8rem;
  margin-bottom: 2rem !important;
}
.ccm-page footer [type='text'], 
.ccm-page footer [type='email'], 
.ccm-page footer textarea, 
.ccm-page footer select {
    height: 1.8375rem;
  padding: 0.2rem 0.5rem;
  border: none;
  margin: 0 0 0.3rem;
  font-family: inherit;
  font-size: 0.8rem;
  color: #2b3139;
  background-color: rgba(255, 255, 255, 0.8);
}
.ccm-page footer select {background-color: rgba(255, 255, 255, 0.5);}
.ccm-page footer [type='text']:focus, 
.ccm-page footer [type='email']:focus, 
.ccm-page footer textarea:focus, 
.ccm-page footer select:focus {
  background-color: rgba(255, 255, 255, 0.9);
}
.ccm-page footer input::placeholder,
.ccm-page footer textarea::placeholder {
  color: #3b444f; }

.ccm-page footer select {
  padding-right: 2rem;
}
.ccm-page footer .legal,
.ccm-page footer .social {
  text-align: center;
}
.ccm-page .stripe.cta p {
  margin-bottom: 0.2rem;
}
.ccm-page .stripe.cta p .lead,
.ccm-page .stripe.cta p.lead {
  margin-bottom: 1rem;
  display: block;
}

@media screen and (max-width: 46.1875em) { 
.ccm-page footer .legal ul li {
  padding: 0 2rem;
}
.ccm-page footer .social ul li {
  padding: 0.5rem;
}
}

/* colours 
black: #2b3139 rgba(43, 49, 57, 1)
dark: #3b444f
medium: #555a61
old-medium: #808388
light: #cccdcf
primary burgundy: #a30046 rgba(163, 0, 70, 1)
primary red: #ee3524 rgba(238, 53, 36, 1)
primary teal: #008c99 rgba(0, 140, 153, 1)
primary navy: #06357a rgba(6, 53, 122, 1)
secondary orange: #f15d2f rgba(241, 93, 47, 1)
secondary lime: #E3E65B rgba(227, 230, 91, 1)
secondary aqua: #75c7b9 rgba(117, 199, 185, 1)
secondary blue: #5091cd rgba(255, 203, 5, 1)
secondary yellow: #ffcb05 rgba(255, 203, 5, 1)
cta green: #8eb927 rgba(142, 185, 39, 1)
*/

.ccm-page .stripe.coloured,
.ccm-page .callout.coloured {
 background-color: #008c99;
 color: #ffffff !important;
}
.ccm-page .stripe.cta span.lime { color: #E3E65B; }

.ccm-page.page-type-pe-post.aqua .stripe { background-color: #d2eeea; color: #004237; }
.ccm-page.page-type-career-opportunity.yellow .stripe { background-color: #ffefc4; color:#685301; }

.ccm-page.burgundy .stripe.coloured,
.ccm-page.burgundy .callout.coloured,
.ccm-page .callout.coloured.burgundy,
.ccm-page.burgundy .pager .current { background-color: #a30046; }
.ccm-page.red .stripe.coloured,
.ccm-page.red .callout.coloured,
.ccm-page .callout.coloured.red,
.ccm-page .callout.alert,
.ccm-page.red .pager .current { background-color: #ee3524; }
.ccm-page.teal .stripe.coloured,
.ccm-page.teal .callout.coloured,
.ccm-page .callout.coloured.teal,
.ccm-page.teal .pager .current { background-color: #008c99; }
.ccm-page.navy .stripe.coloured,
.ccm-page.navy .callout.coloured,
.ccm-page .callout.coloured.navy,
.ccm-page.navy .pager .current { background-color: #06357a; }
.ccm-page.orange .stripe.coloured,
.ccm-page.orange .callout.coloured,
.ccm-page .callout.coloured.orange,
.ccm-page.orange .pager .current { background-color: #f15d2f; }
.ccm-page.lime .stripe.coloured,
.ccm-page.lime .callout.coloured,
.ccm-page .callout.coloured.lime,
.ccm-page.lime .pager .current { background-color: #E3E65B; color: #555a61 !important; }
.ccm-page.aqua .stripe.coloured,
.ccm-page.aqua .callout.coloured,
.ccm-page .callout.coloured.aqua,
.ccm-page.aqua .pager .current { background-color: #75c7b9; }
.ccm-page.blue .stripe.coloured,
.ccm-page.blue .callout.coloured,
.ccm-page .callout.coloured.blue,
.ccm-page.blue .pager .current { background-color: #5091cd; }
.ccm-page.yellow .stripe.coloured,
.ccm-page.yellow .callout.coloured,
.ccm-page .callout.coloured.yellow,
.ccm-page.yellow .pager .current { background-color: #ffcb05; color: #2b3139 !important; }

.ccm-page p.burgundy { color: #a30046; }
.ccm-page p.red { color: #ee3524; }
.ccm-page p.teal { color: #008c99; }
.ccm-page p.navy { color: #06357a; }
.ccm-page p.orange { color: #f15d2f; }
.ccm-page p.lime { color: #E3E65B; }
.ccm-page p.aqua { color: #75c7b9; }
.ccm-page p.blue { color: #5091cd; }
.ccm-page p.yellow { color: #ffcb05; }

.ccm-page .callout.bordered.burgundy { border-color: #a30046; }
.ccm-page .callout.bordered.red { border-color: #ee3524; }
.ccm-page .callout.bordered.teal { border-color: #008c99; }
.ccm-page .callout.bordered.navy { border-color: #06357a; }
.ccm-page .callout.bordered.orange { border-color: #f15d2f; }
.ccm-page .callout.bordered.lime { border-color: #E3E65B; }
.ccm-page .callout.bordered.aqua { border-color: #75c7b9; }
.ccm-page .callout.bordered.blue { border-color: #5091cd; }
.ccm-page .callout.bordered.yellow { border-color: #ffcb05; }

.ccm-page .coloured p a,
.ccm-page ul:not(.accordion):not(.ccm-ui) .coloured li a,
.ccm-page .coloured h1 a,
.ccm-page .coloured h2 a:not(.forward-link),
.ccm-page .coloured h3:not(.underlined) a:not(.forward-link),
.ccm-page .coloured h4 a,
.ccm-page .coloured h5 a,
.ccm-page .coloured h6 a { border-bottom: 1px dashed #ffffff; }
.ccm-page .coloured p a:hover,
.ccm-page ul:not(.accordion):not(.ccm-ui) .coloured li a:hover,
.ccm-page .coloured h1 a:hover,
.ccm-page .coloured h2 a:not(.forward-link):hover,
.ccm-page .coloured h3:not(.underlined) a:not(.forward-link):hover,
.ccm-page .coloured h4 a:hover,
.ccm-page .coloured h5 a:hover,
.ccm-page .coloured h6 a:hover { border-bottom: 1px solid #ffffff; }
.ccm-page.lime .coloured p a,
.ccm-page.lime ul:not(.accordion):not(.ccm-ui) .coloured li a,
.ccm-page.lime .coloured h1 a,
.ccm-page.lime .coloured h2 a:not(.forward-link),
.ccm-page.lime .coloured h3:not(.underlined) a:not(.forward-link),
.ccm-page.lime .coloured h4 a,
.ccm-page.lime .coloured h5 a,
.ccm-page.lime .coloured h6 a { border-bottom: 1px dashed #555a61; }
.ccm-page.lime .coloured p a:hover,
.ccm-page.lime ul:not(.accordion):not(.ccm-ui) .coloured li a:hover,
.ccm-page.lime .coloured h1 a:hover,
.ccm-page.lime .coloured h2 a:not(.forward-link):hover,
.ccm-page.lime .coloured h3:not(.underlined) a:not(.forward-link):hover,
.ccm-page.lime .coloured h4 a:hover,
.ccm-page.lime .coloured h5 a:hover,
.ccm-page.lime .coloured h6 a:hover { border-bottom: 1px solid #555a61; }
.ccm-page.yellow .coloured p a,
.ccm-page.yellow ul:not(.accordion):not(.ccm-ui) .coloured li a,
.ccm-page.yellow .coloured h1 a,
.ccm-page.yellow .coloured h2 a:not(.forward-link),
.ccm-page.yellow .coloured h3:not(.underlined) a:not(.forward-link),
.ccm-page.yellow .coloured h4 a,
.ccm-page.yellow .coloured h5 a,
.ccm-page.yellow .coloured h6 a { border-bottom: 1px dashed #2b3139; }
.ccm-page.yellow .coloured p a:hover,
.ccm-page.yellow ul:not(.accordion):not(.ccm-ui) .coloured li a:hover,
.ccm-page.yellow .coloured h1 a:hover,
.ccm-page.yellow .coloured h2 a:not(.forward-link):hover,
.ccm-page.yellow .coloured h3:not(.underlined) a:not(.forward-link):hover,
.ccm-page.yellow .coloured h4 a:hover,
.ccm-page.yellow .coloured h5 a:hover,
.ccm-page.yellow .coloured h6 a:hover { border-bottom: 1px solid #2b3139; }

.ccm-page .coloured .underlined { padding-bottom: 0.5rem; border-bottom: 1px solid #ffffff; }
.ccm-page .coloured .underlined a { color: inherit; }

.ccm-page .stripe.coloured button,
.ccm-page .stripe.coloured .button,
.ccm-page .stripe .transparent-button,
.ccm-page .callout.coloured button,
.ccm-page .callout.coloured .button { border: 1px solid #ffffff; background: inherit; }
.ccm-page .stripe.coloured button:hover,
.ccm-page .stripe.coloured .button:hover,
.ccm-page .callout.coloured button:hover,
.ccm-page .callout.coloured .button:hover,
.ccm-page .transparent-button:hover { background: rgba(0,0,0,0.14); }
.ccm-page.lime .stripe.coloured button,
.ccm-page.lime .stripe.coloured .button,
.ccm-page.lime .callout.coloured button,
.ccm-page.lime .callout.coloured .button { color: #555a61; border: 1px solid #555a61; background: inherit; }
.ccm-page.lime .stripe.coloured button:hover,
.ccm-page.lime .stripe.coloured .button:hover,
.ccm-page.lime .callout.coloured button:hover,
.ccm-page.lime .callout.coloured .button:hover { background: rgba(255,255,255,0.14); }
.ccm-page.yellow .stripe.coloured button,
.ccm-page.yellow .stripe.coloured .button,
.ccm-page.yellow .callout.coloured button,
.ccm-page.yellow .callout.coloured .button { color: #2b3139; border: 1px solid #2b3139; background: inherit; }
.ccm-page.yellow .stripe.coloured button:hover,
.ccm-page.yellow .stripe.coloured .button:hover,
.ccm-page.yellow .callout.coloured button:hover,
.ccm-page.yellow .callout.coloured .button:hover { background: rgba(255,255,255,0.8); }


.ccm-page .button.coloured.burgundy,
.ccm-page .callout.coloured.burgundy { background-color: #a30046; }
.ccm-page .button.coloured.red,
.ccm-page .callout.coloured.red,
.quote-form .callout.coloured.red { background-color: #ee3524; }
.ccm-page .button.coloured.teal,
.ccm-page .callout.coloured.teal { background-color: #008c99; }
.ccm-page .button.coloured.navy,
.ccm-page .callout.coloured.navy { background-color: #06357a; }
.ccm-page .button.coloured.orange,
.ccm-page .callout.coloured.orange { background-color: #f15d2f; }
.ccm-page .button.coloured.lime,
.ccm-page .callout.coloured.lime { background-color: #E3E65B; color: #555a61 !important; }
.ccm-page .button.coloured.aqua,
.ccm-page .callout.coloured.aqua,
.ccm-page .button.aqua { background-color: #75c7b9; }
.ccm-page .button.coloured.blue,
.ccm-page .callout.coloured.blue { background-color: #5091cd; }
.ccm-page .button.coloured.yellow,
.ccm-page .callout.coloured.yellow { background-color: #ffcb05; color: #2b3139 !important; }

.ccm-page .dark .button.hollow,
.ccm-page .dark .button.hollow:hover { border-color: #ffffff; color: #ffffff; }
.ccm-page .dark .button.hollow:hover,
.ccm-page .dark a:hover > .button.hollow,
.ccm-page .dark div:hover > a > .button.hollow { background-color: rgba(0,0,0,0.2) !important;}
.ccm-page.yellow .dark .button.hollow { border-color: #ffcb05; color: #ffcb05; }

/* Overides for 'managed services' section */
.ccm-page nav.primary .toplevel > li.managed-services.active > a {
    border-bottom: 5px solid #ffb800;
}

.ccm-page nav.primary li.managed-services:hover > a i,
.ccm-page nav.primary li.managed-services.current > a i,
.ccm-page nav.primary li.managed-services a:hover i,
.ccm-page nav.primary li.managed-services:hover > a:before,
.ccm-page nav.primary li.managed-services.active > a:before,
.ccm-page nav.primary li.managed-services.current > a:before,
.ccm-page nav li.managed-services .submenu > div > li > a:hover i,
.ccm-page nav li.managed-services .submenu > div > li:hover > a i,
.ccm-page nav li.managed-services .submenu > div > li.current > a i,
.ccm-page nav.primary li.managed-services li:hover > a:before,
.ccm-page nav.primary li.managed-services li.active > a:before,
.ccm-page nav.primary li.managed-services li.current > a:before {
  color: #ffb800;
}
.ccm-page nav li.managed-services .submenu > div > li > a:hover img,
.ccm-page nav li.managed-services .submenu > div > li:hover > a img {
  border-color: #ffb800;
}
.ccm-page nav.primary .toplevel > li.managed-services:hover > a,
.ccm-page nav.primary .toplevel > li.managed-services.active > a,
.ccm-page.blue nav.secondary .toplevel > li.active > a {
  border-bottom-color: #ffb800;
}
.ccm-page .topbar .toplevel > li.managed-services:hover > a {
  background: #ffb800;
}

@media screen and (min-width: 54em) and (max-width: 63.9375em) { 
  .ccm-page nav.primary,
  .ccm-page nav.primary .toplevel li a {
    font-size: 1rem!important;
  }
  .ccm-page nav.primary .menu.toplevel li a {
    padding-left: 0.4rem!important;
    padding-right: 0.4rem!important;
  }
}

@media screen and (min-width: 46.25em) and (max-width: 54em) {
  .ccm-page nav.primary,
  .ccm-page nav.primary .toplevel li a {
    font-size: 0.9rem!important;
  }
  .ccm-page nav.primary .menu.toplevel li a {
      padding-left: 0.4rem!important;
      padding-right: 0.4rem!important;
  }
}

@media screen and (max-width: 46.25em) {
  .ccm-page nav.primary .toplevel > li.managed-services.active > a {
    border: none;
  }
  .ccm-page nav.primary li.managed-services > a i,
  .ccm-page nav.primary li.managed-services > a:hover i {
    color: #ffb800!important;
  }
}

/* END of Overides for 'managed services' section */

/* Case studies */

.page-template-case-study .overlay-icon,
.page-template-news-article .overlay-icon,
#share-links a {
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
    transform: translateZ(0);
  text-decoration:none;
}

.page-template-case-study hr.fullwidth {
  display: none;
}

.ccm-page.page-template-case-study main {
  padding-top: 0;
}

.ccm-page.page-template-case-study main a.back-link span {
  bottom: 1em; 
}

.ccm-page.page-template-case-study .videoImage {
  padding-bottom: 0;
  margin-bottom: 2em;
  height: 280px;
}

.ccm-page.page-template-case-study .videoImage .overlay-icon {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
  top: 50%;
  width: 100px;
}

.ccm-page.page-template-case-study .linkImage {
  border-radius: 0;
  padding-bottom: 46%;
  margin-bottom: 2em;
}

.ccm-page.page-template-news-article .sidebar .overlay-icon {
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  position: absolute;
  top: 50%;
  width: 60px;
}

.ccm-page.page-template-case-study .sidebar .overlay-icon {
  height: 60px;
  left: 0.6em;
  margin: 0;
  position: absolute;
  top: 0.4em;
  width: 60px;
}

.ccm-page.page-template-case-study .sidebar .download-button {
  background: #5e9db1;
  display: block;
  margin: 0 0 1em;
  padding: 1.5em 1.5em 1.5em 100px;
  text-align: left;
}

.ccm-page.page-template-case-study .sidebar .download-button.no-video {
  margin-top:-3em; 
}

.ccm-page.page-template-case-study .sidebar .download-button:hover {
  background:#51889a;
}

.ccm-page.page-template-case-study .linkImage h5 {
  bottom: 0;
  color: #fff;
  font-weight: 600;
  font-size: 1em;
  position: absolute;
  text-align: center;
  width: 100%;
}

.ccm-page.page-template-case-study a .overlay-icon,
.ccm-page.page-template-news-article a .overlay-icon {
  opacity: 0.8;
}

.ccm-page.page-template-case-study a:hover .overlay-icon,
.ccm-page.page-template-news-article a:hover .overlay-icon  {
  opacity: 1;
}


.page-template-case-study h2 {
  font-size: 1.9rem;
}

.page-template-case-study h2,
.page-template-news-article h2,
.related-items h3 {
  border-bottom: 1px solid #555a61;
  margin-bottom: 0.4em;
  padding-bottom: 0.2em;
}

.page-template-case-study .case-study-copy {
  margin-bottom: 2em;
}

.page-template-case-study .testimonial {
  background: #5e9db1;
  padding: 1.5em 2.5em 1em;
  text-align: center; 
  margin-bottom: 2em;
}

.page-template-case-study .testimonial h3.quote {
  color: #fff;
  font-size: 1.6rem;
}

.page-template-case-study .testimonial p.author {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}

.page-template-case-study .page-logo {
  margin: -2em 0 1.6em;
}

.related-items .text-wrapper {
  text-align: center;
}

.page-template-news-article .text-wrapper,
.page-template-news-article .blog-thumbnail,
.related-items .image-wrapper {
  margin-bottom: 1em;
}

.related-item {
  display: block;
}

.page-template-news-article .related-item .text-wrapper p {
  display: none;
}

.page-template-news-article .blog-title {
  margin-bottom: 0;
}

.ccm-page.page-template-news-article main hr {
  background-image: none;
  background: #555a61;
}

.resource-btn {
  background: #dedede;
  color: #666; 
  font-size: 0.9rem;
  width:100%;
}

.resource-btn:hover {
  background: #666;
  color: #fff; 
}

.resource-btn i.fa {
  padding-right: 0.3em;
}

.download-icon {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  opacity: 0.8;
  position: relative;
  top: 50%;
  width: 100px;
}

.linkImage:hover .download-icon {
  opacity: 1;
}

.ccm-page main.stripe.cta.mid-blue { background: #5487b7;}
.ccm-page main.stripe.cta.slate-blue { background: #5e9db1;} 
.ccm-page main.stripe.cta.aqua { background: #74baa6 ;}
.ccm-page main.stripe.cta.navy { background: #06357a ;}
.ccm-page main.stripe.cta.teal { background: #008c99 ;}
.ccm-page main.stripe.cta.ink-blue { background: #0d1d33 ;}
.ccm-page main.stripe.cta.pale-green { background: #a8d093 ;}
.ccm-page main.stripe.cta.coolgrey100 { background: #3c4855 ;}
.ccm-page main.stripe.cta.coolgrey80 { background: #5b6978 ;}
.ccm-page main.stripe.cta.coolgrey60 { background:  #9fa9b2 ;}
.ccm-page main.stripe.cta.coolgrey40 { background:  #d4d8db ;}
.ccm-page main.stripe.cta.coolgrey20 { background:  #f4f4f5 ;}
.ccm-page main.stripe.cta.gold { background: #efae45;}
.ccm-page main.stripe.cta.hot-red { background: #d52046;}
.ccm-page main.stripe.cta.red { background: #ee3524;}
.ccm-page main.stripe.cta.burgundy { background: #a30046 ;}
.ccm-page main.stripe.cta.warmgrey100 { background: #454846 ;}
.ccm-page main.stripe.cta.warmgrey80 { background: #838784 ;}
.ccm-page main.stripe.cta.warmgrey60 { background:  #b9b9b5 ;}
.ccm-page main.stripe.cta.warmgrey40 { background:  #e0dfda ;}
.ccm-page main.stripe.cta.warmgrey20 { background:  #f1efec ;}

.ccm-page main.stripe.cta.warm .button,
.ccm-page main.stripe.cta.cool .button {
  background: rgba(255,255,255,0.2);
  border: none;
}

.ccm-page main.stripe.cta.warm .button:hover,
.ccm-page main.stripe.cta.warm .button:focus,
.ccm-page main.stripe.cta.warm .button:active,
.ccm-page main.stripe.cta.cool .button:hover,
.ccm-page main.stripe.cta.cool .button:focus,
.ccm-page main.stripe.cta.cool .button:active {
  background: rgba(255,255,255,0.4);
}

@media screen and (max-width: 46.25em) {
  .ccm-page.page-template-case-study .sidebar .download-button {
    padding: 1.5em;
    text-align: center;
  }
  .ccm-page.page-template-case-study .sidebar .download-button.no-video {
    margin-top:0; 
  }
  .ccm-page.page-template-case-study .videoImage {
    height: 170px;
  }
}
@media screen and (max-width: 30em) {
  .ccm-page.page-template-case-study .sidebar .download-button {
    text-align: right;
  }
}

/* Share links */

#share-links {
    font-size: 90%;
    margin: 0 0 30px;
    position: relative;
}

#share-links a {
    background: #3a6ca4;
    border-bottom: none;
    border-radius: 3px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 0 10px;
    padding: 5px 6px 5px 27px; 
    position: relative;
    white-space: nowrap;
}

#share-links a:hover {
    background: #2c5481;
}

#share-links span.fa {
    font-size: 130%;
    position: absolute;
    left: 5px;
    top: 4px;
}

#share-links span.text {
  font-size: 80%;
}