/*!
Theme Name: Creare Boilerplate
Theme URI: [COMPANY URL]
Author: Creare
Author URI: http://www.creare.co.uk
Tags: light, responsive-layout
Description: A bespoke theme designed and developed for [COMPANY NAME], based on the Creare Boilerplate.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creare-boilerplate
Domain Path: /languages/

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Creare Boilerplate is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

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

Do not remove the below styles. Needed to pass the 'theme check'.*/
.sticky, .gallery-caption, .bypostauthor {
  text-align: left; }

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS
----------------------------------------------------------------
1.0 - Global
2.0 - Modules
3.0 - Theme
4.0 - Packages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Global
--------------------------------------------------------------*/
/* Mixins */
/**
 *
 * A SASS grid system based on the work by http://gridpak.com 
 *
 * Created by @erskinedesign, Kim Ruddock
 */
/* Reusable column setup */
.row {
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .row {
      display: flex; } }

.col {
  border: 0px solid transparent;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important; }

.col {
  padding: 0 0%;
  list-style: none; }
  .col:first-child, .col:first-of-type, .col.first {
    margin-left: 0 !important; }

.example_span {
  width: 4.375%;
  border-left-width: 0;
  padding: 0;
  margin-left: 2%; }

/* Global Styles */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  overflow-y: scroll;
  box-sizing: border-box;
  height: 100%;
  font-size: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

*,
*:before,
*:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0; }

body {
  height: 100%;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.875rem;
  line-height: 1.75rem;
  color: #333333;
  font-weight: 400;
  background: #fff; }

img {
  display: block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic; }

article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

/* Clearings */
.wrap:before, .wrap:after, .wrapper:before, .wrapper:after, .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.wrap:before, .wrap:after, .wrapper:before, .wrapper:after, .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .clearfix:before, .clearfix:after {
  clear: both; }

/* Content */
.byline, .updated {
  display: none; }

.single .byline, .group-blog .byline {
  display: inline; }

/* Asides */
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
  display: none; }

/* Comments */
.comment-content a {
  word-wrap: break-word; }

/* Media */
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object {
  max-width: 100%; }

/* Alignment */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

blockquote {
  margin-left: 0;
  padding: 28px;
  border-left: 2px solid #C20E0F;
  font-size: 18px; }

cite {
  color: #999999;
  font-size: 12px; }

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
  margin: 7px 24px 7px 0; }

.wp-caption.alignleft {
  margin: 7px 14px 7px 0; }

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
  margin: 7px 0 7px 24px; }

.wp-caption.alignright {
  margin: 7px 0 7px 14px; }

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px; }

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 17px;
  width: 50%; }

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
  margin-bottom: 17px; }

.wp-caption {
  margin-bottom: 24px; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0; }

.wp-caption {
  color: #767676; }

.wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0; }

div.wp-caption .wp-caption-text {
  padding-right: 10px; }

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
  padding-left: 10px;
  padding-right: 0; }

.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/*  Captions */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto; }

.wp-caption-text {
  text-align: center; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

/* Forms */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  /*-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;*/ }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 2px solid #ccc;
  border-radius: 0px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  overflow: auto;
  padding-left: 3px;
  vertical-align: top;
  width: 100%; }

/* Widget */
.widget {
  margin: 0 0 1.5em; }

.widget select {
  max-width: 100%; }

.widget_search .search-submit {
  display: none; }

/* Navigation */
.main-navigation {
  clear: both;
  display: block;
  width: 100%;
  -webkit-transition: padding 0.2s ease-in-out;
  -moz-transition: padding 0.2s ease-in-out;
  -ms-transition: padding 0.2s ease-in-out;
  -o-transition: padding 0.2s ease-in-out;
  transition: padding 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0;
  position: relative; }

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0; }

#menu-main-navigation > li {
  float: none;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0; }
  @media only screen and (min-width: 960px) {
    #menu-main-navigation > li {
      position: relative;
      border-bottom: 0;
      float: left;
      width: auto;
      padding: 0 0 0 28px;
      margin-bottom: 0; }
      #menu-main-navigation > li > a {
        border-bottom: 3px solid #fff;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -transition-delay: 0; }
      #menu-main-navigation > li:hover > a {
        text-decoration: none;
        border-color: #333333; } }

.main-navigation a {
  display: block;
  text-decoration: none;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  padding: 7px;
  color: #333333; }
  .main-navigation a:active, .main-navigation a:focus {
    text-decoration: none; }
  @media only screen and (min-width: 960px) {
    .main-navigation a {
      padding: 0;
      font-size: 14px; } }

@media only screen and (min-width: 960px) {
  .main-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 28px;
    z-index: 1;
    background: #f1f1f1;
    padding: 14px;
    text-align: left; } }

.main-navigation .sub-menu a {
  color: #4a4a4a;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0; }
  .main-navigation .sub-menu a:hover {
    color: #f1f1f1;
    background: #333333;
    text-decoration: none; }

@media only screen and (min-width: 960px) {
  #menu-main-navigation .menu-item-has-children:hover > .sub-menu {
    display: block;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRightSmall;
    -moz-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; } }

.main-navigation ul ul ul {
  left: -999em;
  top: 0; }

@media only screen and (min-width: 960px) {
  .main-navigation ul ul a {
    width: 210px;
    padding: 7px 14px; } }

.main-navigation ul ul li:hover > ul {
  left: 100%; }

button, input, select, textarea {
  color: #404040;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 1.5; }

a {
  color: #C20E0F;
  text-decoration: none;
  background: transparent;
  cursor: pointer; }
  a:hover, a:focus, a:active {
    outline: 0;
    text-decoration: underline; }

p {
  margin-bottom: 1.75rem; }

h1,
.h1 {
  font-family: "Sura", Times, serif;
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  line-height: 2.625rem;
  text-transform: uppercase; }

h2,
.h2 {
  font-family: "Sura", Times, serif;
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  text-transform: uppercase; }

h3,
.h3 {
  font-family: "Sura", Times, serif;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  text-transform: uppercase; }

h4,
.h4 {
  font-family: "Sura", Times, serif;
  font-size: 0.875rem;
  font-weight: 300;
  margin-bottom: 1.75rem;
  text-transform: uppercase; }

h5,
.h5 {
  font-family: "Sura", Times, serif;
  font-size: 0.75rem;
  font-weight: normal;
  margin-bottom: 1.75rem;
  text-transform: uppercase; }

h6,
.h6 {
  font-size: 0.6875rem;
  font-weight: normal;
  margin-bottom: 1.75rem; }

ul,
ol {
  margin-bottom: 1.75rem;
  margin-left: 28px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin: 0 1.75rem; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

sup, sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

.title--underline {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #999999; }

.heading--pink {
  color: #dc7e82; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInUpVSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpVSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpSmall {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); } }
@keyframes fadeOutUpSmall {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); } }
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

/*--------------------------------------------------------------
2.0 Theme
--------------------------------------------------------------*/
.wrap {
  max-width: 1228px;
  margin: 0 auto;
  padding: 0 14px;
  width: 100%; }
  .wrap:before, .wrap:after {
    content: '';
    display: table; }
  .wrap:after {
    clear: both; }

.site-main {
  width: 100%; }
  @media only screen and (min-width: 960px) {
    .site-main {
      width: 65.6666666667%;
      border-left-width: 0;
      padding: 0;
      margin-left: 3%; } }

@media only screen and (min-width: 768px) {
  .sidebar {
    border-left: 1px solid #999999 !important;
    padding-left: 28px !important; } }
.sidebar .googlemap {
  height: 350px;
  width: 100%;
  padding: 7px;
  border: 1px solid #ccc; }

/* Helper styles */
.align-left {
  text-align: left; }

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

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

.align-justify {
  text-align: justify; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.bg--grey {
  background: #f1f1f1; }

.l-one-third {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .l-one-third {
      width: 30.6666666667%;
      border-left-width: 0;
      padding: 0;
      margin-left: 4%; }
      .l-one-third.m-none {
        width: 33.3333333333%;
        border-left-width: 0;
        padding: 0;
        margin-left: 0; } }

.l-two-thirds {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .l-two-thirds {
      width: 65.3333333333%;
      border-left-width: 0;
      padding: 0;
      margin-left: 4%; }
      .l-two-thirds.m-none {
        width: 66.6666666667%;
        border-left-width: 0;
        padding: 0;
        margin-left: 0; } }

.l-half {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  margin-bottom: 28px; }
  .l-half:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .l-half {
      width: 48%;
      border-left-width: 0;
      padding: 0;
      margin-left: 4%; }
      .l-half.m-none {
        width: 50%;
        border-left-width: 0;
        padding: 0;
        margin-left: 0; } }

.m-none {
  margin: 0; }

.mt-half {
  margin-top: 14px; }

.mt {
  margin-top: 28px; }

.mt-2x {
  margin-top: 56px; }

.mt-3x {
  margin-top: 84px; }

.mb-half {
  margin-bottom: 14px; }

.mb {
  margin-bottom: 28px; }

.mb-2x {
  margin-bottom: 56px; }

.mb-3x {
  margin-bottom: 84px; }

.ml-none {
  margin-left: 0; }

.p-all-half {
  padding: 14px; }

.p-all {
  padding: 28px; }

.p-all-2x {
  padding: 56px; }

.p-all-3x {
  padding: 84px; }

.pb-half {
  padding-bottom: 14px; }

.pb {
  padding-bottom: 28px; }

.pb-2x {
  padding-bottom: 56px; }

.pb-3x {
  padding-bottom: 84px; }

.pb-none {
  padding-bottom: 0; }

.pt-half {
  padding-top: 14px; }

.pt {
  padding-top: 28px; }

.pt-2x {
  padding-top: 56px; }

.pt-3x {
  padding-top: 84px; }

.pt-none {
  padding-top: 0; }

.mesh:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQIW2NkwAT/GdHE/jMwMDAiC4IFQIpggnABmCCKAEgQAABOBQW5VNBHAAAAAElFTkSuQmCC) repeat;
  opacity: 0.5;
  content: ''; }

.c-bg-lgrey {
  background-color: #f1f1f1; }

.c-bg-secondary {
  background-color: #C20E0F; }

.c-primary {
  color: #C20E0F; }

.c-white {
  color: #fff; }

.c-grey {
  color: #999999; }

/*--------------------------------------------------------------
3.0 Modules
--------------------------------------------------------------*/
.topheader {
  background: #000;
  width: 100%;
  height: auto; }

.header {
  padding-top: 28px;
  margin-bottom: 28px; }

.header-container {
  position: relative; }

.header__right {
  width: 100%;
  clear: both; }
  @media only screen and (min-width: 599px) {
    .header__right {
      padding-top: 0;
      float: right;
      clear: none;
      width: auto; } }

.header__tel {
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px; }
  .header__tel p {
    margin-bottom: 0; }
  .header__tel svg {
    width: 18px;
    height: 18px; }
  @media only screen and (min-width: 599px) {
    .header__tel {
      text-align: left; } }
  @media only screen and (min-width: 768px) {
    .header__tel {
      float: left;
      text-align: right;
      margin-right: 28px; } }

.header__tel__link {
  color: #333333;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 3px; }
  .header__tel__link:hover {
    text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .header__tel__link {
      padding-top: 3px;
      padding-bottom: 0; } }

.header__social .social__link {
  padding: 10px; }
@media only screen and (min-width: 599px) {
  .header__social .social {
    text-align: right; } }
@media only screen and (min-width: 768px) {
  .header__social {
    float: left;
    text-align: center; } }

.logo {
  text-align: center;
  margin-bottom: 14px;
  width: 100%; }
  @media only screen and (min-width: 599px) {
    .logo {
      float: left;
      width: auto; } }

.logo__image {
  display: inline-block;
  width: 450px;
  height: 100px; }

.heading {
  background: #f1f1f1; }

.footer {
  background: url("./img/stripe-black.jpg") #fff repeat-x top;
  padding: 28px 0;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .footer {
      padding: 56px 0; } }

.menu ul li {
  display: inline;
  padding: 0 15px; }

.footer__logo {
  padding: 14px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .footer__logo {
      margin-top: 56px; } }

.footer__image {
  display: inline-block; }

.footer__office {
  text-align: center;
  color: #fff;
  font-size: 11px;
  line-height: 22.4px; }

.footer__heading {
  color: #fff; }
  @media only screen and (min-width: 768px) {
    .footer__heading {
      margin-bottom: 14px; }
      .footer__heading--nav {
        display: none; } }

.footer__tel {
  margin-bottom: 0;
  margin-top: 28px; }

.footer__link {
  color: #fff; }

.footer__maillink:hover {
  text-decoration: underline; }

.footer__copyright {
  color: #979797;
  float: left;
  font-size: 11px;
  margin-top: 14px; }

.footer__nav {
  margin-top: 14px;
  clear: both; }
  .footer__nav .footer__heading {
    clear: both; }
  @media only screen and (min-width: 768px) {
    .footer__nav {
      float: right;
      margin-top: 0; } }

.footer__nav ul {
  margin: 0;
  font-size: 0; }

.footer__nav li {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .footer__nav li {
      border-right: #979797 1px solid;
      display: inline-block; } }

.footer__nav a {
  color: #fff;
  display: block;
  padding: 0 9.3333333333px;
  font-size: 11px; }

.footer__map {
  display: none;
  text-align: center; }
  .footer__map img {
    max-width: 200px;
    display: inline-block; }
  @media only screen and (min-width: 960px) {
    .footer__map {
      display: block; } }

.topnav {
  background: #fff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 99; }
  @media only screen and (min-width: 960px) {
    .topnav {
      position: absolute;
      bottom: 0;
      right: 14px;
      box-shadow: none; } }
  @media only screen and (min-width: 1228px) {
    .topnav {
      right: calc((100% - 1200px) / 2); } }

@-webkit-keyframes subMenuOne {
  0% {
    -webkit-transform: perspective(500px) rotate3d(-1, 0, 0, 90deg);
    transform: perspective(500px) rotate3d(-1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(500px);
    transform: perspective(500px); } }
@keyframes subMenuOne {
  0% {
    -webkit-transform: perspective(500px) rotate3d(-1, 0, 0, 90deg);
    transform: perspective(500px) rotate3d(-1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(500px);
    transform: perspective(500px); } }
.toggle-nav {
  display: none; }

@media only screen and (max-width: 959px) {
  .toggle-nav {
    display: block;
    cursor: pointer;
    background: #000;
    width: 100%;
    font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: 0; }
    .toggle-nav .svgicon {
      margin-top: 5px;
      margin-left: 3px;
      width: 13px;
      height: 13px;
      fill: #fff; }
    .toggle-nav:hover {
      background: #000; }
    .show-nav .toggle-nav .main-navigation li {
      transform-origin: 50% 0%; }
      .show-nav .toggle-nav .main-navigation li:nth-child(1) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 0.2s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(2) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 0.4s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(3) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 0.6s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(4) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 0.8s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(5) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 1s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(6) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 1.2s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(7) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 1.4s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(8) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 1.6s; }
      .show-nav .toggle-nav .main-navigation li:nth-child(9) {
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: subMenuOne;
        -moz-animation-name: subMenuOne;
        animation-name: subMenuOne;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-delay: 1.8s; }

  .main-navigation {
    background: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -transition-delay: 0;
    max-height: 38px;
    overflow: hidden;
    padding: 0; }
    .show-nav .main-navigation {
      max-height: 599px !important;
      position: absolute; }

  #site-navigation.main-navigation li {
    float: none;
    background: #fff;
    width: 100%;
    background: #eee; }

  .main-navigation a {
    color: #333333;
    border-bottom: #ccc 2px solid; } }
.hero {
  position: relative; }
  .hero:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #c20e0f;
    opacity: 0.7;
    content: ''; }

.hero__content {
  padding: 84px 0;
  position: relative;
  font-size: 26px; }

.hero__text {
  color: #fff;
  font-weight: bold;
  font-family: "Sura", Times, serif; }

.hero--front {
  overflow: hidden; }
  .hero--front:before {
    background: none; }
  .hero--front .hero__content {
    width: 100%;
    border-left-width: 0;
    padding: 0;
    margin-left: 0;
    padding: 28px;
    background: #c20e0f; }
    @media only screen and (min-width: 768px) {
      .hero--front .hero__content {
        width: 33.3333333333%;
        border-left-width: 0;
        padding: 0;
        margin-left: 0;
        padding: 56px; } }
  .hero--front .hero__text {
    font-size: 22px;
    color: #fff;
    line-height: 42px; }
  .hero--front .hero__content__link {
    display: inline-block;
    padding: 7px 14px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    line-height: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -transition-delay: 0; }
    @media only screen and (min-width: 960px) {
      .hero--front .hero__content__link {
        padding: 14px 28px; } }
    .hero--front .hero__content__link:hover {
      background: #fff;
      color: #C20E0F; }
  .hero--front .hero__image {
    width: 100%;
    border-left-width: 0;
    padding: 0;
    margin-left: 0;
    height: 250px;
    background-position: bottom; }
    @media only screen and (min-width: 768px) {
      .hero--front .hero__image {
        width: 66.6666666667%;
        border-left-width: 0;
        padding: 0;
        margin-left: 0;
        height: auto; } }

.lightbox__image {
  width: 100%;
  height: auto; }

.litebox {
  position: relative;
  display: block; }

.litebox .inner {
  display: block;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-image: url("./img/magnify.svg");
  background-color: rgba(255, 255, 255, 0.8);
  background-position: 50% 50%;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0; }
  .litebox .inner:hover {
    opacity: 1; }

.litebox__caption {
  position: absolute;
  color: #fff;
  top: 0;
  left: 50%;
  width: 80%;
  margin: 0 auto;
  line-height: normal;
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 10px;
  margin-left: -40%; }

.banner {
  text-align: center;
  background: #C20E0F;
  color: #fff;
  font-weight: bold; }
  .banner .telephone {
    color: #fff; }

#breadcrumb {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 9.3333333333px;
  background: #fff;
  font-size: 12px;
  color: #333333; }

.button {
  -webkit-appearance: none;
  display: inline-block;
  text-align: center;
  padding: 9.3333333333px 14px;
  text-decoration: none;
  background: #C20E0F;
  border: 2px solid #C20E0F;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0;
  font-weight: bold;
  position: relative;
  max-width: 100%;
  cursor: pointer; }
  .button .button__icon {
    fill: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -transition-delay: 0;
    margin-right: 14px;
    float: left;
    margin-top: 4px; }
  .button:hover {
    background: #7b0909;
    border-color: #7b0909;
    text-decoration: none; }

.button--alt {
  -webkit-appearance: none;
  display: inline-block;
  text-align: center;
  padding: 9.3333333333px 14px;
  text-decoration: none;
  background: #fff;
  border: 2px solid #C20E0F;
  color: #C20E0F;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0;
  font-weight: bold;
  position: relative;
  max-width: 100%;
  cursor: pointer; }
  .button--alt .button__icon {
    fill: #C20E0F;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -transition-delay: 0;
    margin-right: 14px;
    float: left;
    margin-top: 4px; }
  .button--alt:hover {
    background: #d9d9d9;
    border-color: #d9d9d9;
    text-decoration: none; }
  .button--alt:hover {
    background: #C20E0F;
    color: #fff;
    border-color: #C20E0F; }
    .button--alt:hover .button__icon {
      fill: #fff; }

.button--ghost {
  -webkit-appearance: none;
  display: inline-block;
  text-align: center;
  padding: 9.3333333333px 14px;
  text-decoration: none;
  background: #C20E0F;
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0;
  font-weight: bold;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  width: 100%;
  text-transform: uppercase; }
  .button--ghost .button__icon {
    fill: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -transition-delay: 0;
    margin-right: 14px;
    float: left;
    margin-top: 4px; }
  .button--ghost:hover {
    background: #7b0909;
    border-color: #7b0909;
    text-decoration: none; }
  .button--ghost:hover {
    background: #fff;
    color: #C20E0F;
    border-color: #fff; }

.button--linkedIn {
  -webkit-appearance: none;
  display: inline-block;
  text-align: center;
  padding: 9.3333333333px 14px;
  text-decoration: none;
  background: #fff;
  border: 2px solid #0075b8;
  color: #0075b8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0;
  font-weight: bold;
  position: relative;
  max-width: 100%;
  cursor: pointer; }
  .button--linkedIn .button__icon {
    fill: #0075b8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -transition-delay: 0;
    margin-right: 14px;
    float: left;
    margin-top: 4px; }
  .button--linkedIn:hover {
    background: #d9d9d9;
    border-color: #d9d9d9;
    text-decoration: none; }
  .button--linkedIn:hover {
    background: #0075b8;
    color: #fff;
    border-color: #0075b8; }
    .button--linkedIn:hover .button__icon {
      fill: #fff; }

.button__icon {
  width: 18px;
  height: 18px;
  display: inline-block; }

#gform_wrapper_2 ul li.gfield {
  clear: none; }
#gform_wrapper_2 ul.gform_fields li.gfield {
  padding-right: 28px; }
#gform_wrapper_2 .gform_body .gfield_description {
  display: none; }
#gform_wrapper_2 .gform_body .ginput_container input {
  width: 100%; }
#gform_wrapper_2 select {
  background: none;
  border-radius: 0;
  -webkit-appearance: none;
  border: 2px solid #ccc;
  padding: 5px 4px;
  width: 100%;
  background-image: url("./img/svg/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: 95% 44%;
  background-size: 12px 12px; }
@media only screen and (min-width: 768px) {
  #gform_wrapper_2 textarea.medium {
    width: calc(100% - 28px); } }

/*jQuery FlexSlider v2.2.0*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

#prod-carousel.flexslider .slides > li {
  margin-right: 15px; }

.crosssell-carousel.flexslider .slides > li {
  margin-right: 20px; }

.flexslider .slides img {
  width: 100%; }

.flex-pauseplay span {
  text-transform: capitalize; }

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  margin: 0 0 10px;
  zoom: 1;
  position: relative; }

.flex-viewport {
  max-height: 2000px; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  display: block;
  width: 56px;
  height: 56px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(50, 50, 50, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  line-height: normal; }

.lt-ie8 .flex-direction-nav a {
  background: url(../images/ie-prod-carou.png) no-repeat; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.lt-ie8 .flex-direction-nav .flex-next {
  background-position: right;
  text-indent: -9999px; }

.flexslider:hover .flex-prev {
  opacity: 1; }

.flexslider:hover .flex-next {
  opacity: 1; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav a:before {
  width: 56px;
  height: 56px;
  background: url("./img/prev.svg") no-repeat #fff;
  background-size: 100%;
  display: inline-block;
  content: '';
  background-size: 60%;
  background-position: center; }

.flex-direction-nav a.flex-next:before {
  background: url("./img/next.svg") no-repeat #fff;
  background-size: 60%;
  background-position: center; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 16px;
  height: 16px;
  display: block;
  background: #ccc;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #aaa; }

.flex-control-paging li a.flex-active {
  background: #C20E0F;
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

.flex-direction-nav .flex-prev {
  opacity: 1;
  left: 0; }

.flex-direction-nav .flex-next {
  opacity: 1;
  right: 0; }

.footcol {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  color: #333333;
  padding: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0;
  border-bottom: 1px solid #222;
  font-family: "Sura", Times, serif;
  font-size: 12px; }
  @media only screen and (min-width: 768px) {
    .footcol {
      width: 23.5%;
      border-left-width: 0;
      padding: 0;
      margin-left: 2%;
      border-bottom: 0; } }
  @media only screen and (min-width: 960px) {
    .footcol {
      width: 21.25%;
      border-left-width: 0;
      padding: 0;
      margin-left: 5%; } }
  .footcol ul {
    margin: 0; }
    .footcol ul ul {
      margin: 0; }
    .footcol ul li {
      margin-bottom: 0;
      font-size: 12px;
      list-style: none; }
    .footcol ul a {
      color: #333333;
      text-decoration: none;
      font-size: 12px; }
    .footcol ul p {
      font-size: 12px; }

.footcol__heading {
  position: relative;
  color: #C20E0F;
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .footcol__heading {
      margin-bottom: 0px;
      cursor: pointer; }
      .footcol__heading:after {
        position: absolute;
        font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 22px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -transition-delay: 0;
        content: '+';
        right: 0;
        top: 0; }
        .open .footcol__heading:after {
          transform: rotate(45deg); } }

@media only screen and (max-width: 767px) {
  .footcol__content {
    display: none;
    padding-top: 14px; }
    .open .footcol__content {
      display: block;
      margin-bottom: 28px; } }

/* Cookies Table */
#cookies-table {
  border-collapse: collapse;
  border: 1px solid #e7e7e7;
  border-top: 0;
  border-left: 0;
  text-align: left;
  margin-bottom: 28px;
  font-size: 11px; }
  @media only screen and (min-width: 599px) {
    #cookies-table {
      font-size: 14px; } }

#cookies-table td, #cookies-table th {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  padding: 5px; }
  @media only screen and (min-width: 599px) {
    #cookies-table td, #cookies-table th {
      padding: 15px; } }

#cookies-table thead th {
  vertical-align: middle; }

#cookies-table tbody td {
  vertical-align: top; }

#cookies-table tbody td span {
  display: block; }
  @media only screen and (min-width: 480px) {
    #cookies-table tbody td span {
      display: inline; } }

.table {
  width: 100%; }

thead {
  color: #fff;
  background: #C20E0F; }
  thead th {
    padding: 7px; }

tbody tr:nth-child(odd) td {
  background: #f1f1f1; }

td {
  padding: 0 7px; }

.entry-title {
  font-weight: bold;
  margin-bottom: 0; }

.entry-meta {
  margin-bottom: 14px; }

.widget-title {
  margin-bottom: 14px;
  font-weight: bold; }

article.post {
  border-bottom: 1px solid #f1f1f1; }

.reviews blockquote q {
  display: block; }

.team-member {
  background: #fff;
  padding: 28px;
  text-align: center; }

.team .col:nth-child(1) {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRightSmall;
  -moz-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.2s; }
.team .col:nth-child(2) {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRightSmall;
  -moz-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.4s; }
.team .col:nth-child(3) {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRightSmall;
  -moz-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.6s; }

.team-member__image {
  display: inline-block;
  border-radius: 500px;
  max-width: 150px;
  border: 6px solid #f1f1f1; }

.team-member__job-title {
  text-transform: uppercase;
  color: #ccc;
  font-size: 14px; }

.sitemap-menu a {
  background: url("./img/svg/arrow-right.svg") no-repeat;
  background-size: 9.3333333333px 9.3333333333px;
  background-position: left center;
  padding-left: 28px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0; }
  .sitemap-menu a:hover {
    background-position: 5px center; }

.social {
  text-align: center; }
  .sidebar .social {
    padding-top: 14px;
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .footer .social {
      text-align: left;
      padding-top: 14px; } }

.social__link {
  display: inline-block;
  padding: 9.3333333333px;
  line-height: 14px;
  border-style: solid;
  border-width: 1px;
  margin: 0 5.6px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0; }
  .social__link:first-child {
    margin-left: 0; }
  .social__link:hover {
    background: #fff; }
  .social__link--facebook {
    background: #3b5a99;
    border-color: #3b5a99; }
    .social__link--facebook:hover .social__icon {
      fill: #3b5a99; }
  .social__link--gplus {
    background: #ce3633;
    border-color: #ce3633; }
    .social__link--gplus:hover .social__icon {
      fill: #ce3633; }
  .social__link--linkedin {
    background: #127bb7;
    border-color: #127bb7; }
    .social__link--linkedin:hover .social__icon {
      fill: #127bb7; }

.social__icon {
  width: 16px;
  height: 16px;
  fill: #fff; }

.usp {
  width: 50%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 28px;
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    .usp {
      width: 14.4%;
      border-left-width: 0;
      padding: 0;
      margin-left: 7%; } }

.usp__icon {
  width: 100%;
  height: auto; }

.usp__iconcontainer {
  width: 112px;
  height: 112px;
  padding: 28px;
  background-color: #333333;
  border-radius: 112px;
  display: inline-block; }

.usp__link.button {
  padding: 7px;
  width: 100%;
  background: none;
  border: 2px solid #999999;
  text-transform: uppercase;
  color: #999999;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -transition-delay: 0; }
  .usp__link.button:hover {
    background: #999999;
    color: #fff; }

.content {
  overflow: hidden; }
  .home .content {
    background: url("./img/stripe-grey.jpg") repeat top;
    padding-top: 28px; }
  .content .row {
    display: block; }
    @media only screen and (min-width: 960px) {
      .content .row {
        display: flex; } }

.content__container {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  margin-bottom: 0; }
  @media only screen and (min-width: 960px) {
    .content__container {
      width: 75%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0; } }

.content__text {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  background: #f1f1f1;
  padding: 28px; }
  .content__text h1 {
    color: #999999; }
  @media only screen and (min-width: 960px) {
    .content__text {
      width: 66.6666666667%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      padding: 56px; } }

.content__image {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  object-fit: cover; }
  @media only screen and (min-width: 960px) {
    .content__image {
      width: 33.3333333333%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0; } }

.accred {
  padding: 56px;
  overflow: hidden;
  background: #fff;
  position: relative; }
  .accred.bottom-grad:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 28px;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    bottom: 0;
    left: 0; }

.accred__list {
  margin: 0; }

.accred__item {
  padding: 0 10px; }

.aside {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  background: #C20E0F;
  padding: 28px;
  color: #fff;
  text-align: center; }
  .aside--reviews {
    text-align: left;
    padding-top: 56px;
    position: relative; }
    .aside--reviews .review__title {
      text-transform: uppercase;
      font-size: 22px;
      font-family: "Sura", Times, serif; }
    .aside--reviews:after {
      position: absolute;
      background: url("./img/svg/circle-quote.svg") no-repeat;
      background-size: 100%;
      width: 80px;
      height: 80px;
      top: 0;
      right: 0;
      opacity: 0.2;
      content: ''; }
  @media only screen and (min-width: 960px) {
    .aside {
      width: 25%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      padding: 28px; }
      .aside--reviews {
        padding-top: 56px; } }

.aside__list {
  margin: 0; }

.aside__item {
  padding: 12px 0;
  text-align: center;
  margin-bottom: 14px;
  text-transform: uppercase;
  border: 2px solid #fff;
  font-weight: bold; }
  .aside__item p {
    margin-bottom: 0;
    font-size: 18px; }

.case-studies {
  overflow: hidden; }

.case-studies__text {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  background: #333333;
  color: #fff;
  padding: 28px;
  position: relative; }
  .case-studies__text:after {
    position: absolute;
    background: url("./img/svg/circle-info.svg") no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    opacity: 0.2;
    content: ''; }
  @media only screen and (min-width: 768px) {
    .case-studies__text {
      width: 50%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      padding: 56px; } }

.case-study__image {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0; }
  @media only screen and (min-width: 768px) {
    .case-study__image {
      width: 50%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      object-fit: cover;
      margin-bottom: 0; } }

.case-study {
  text-align: left;
  overflow: hidden;
  border-bottom: 2px solid #000;
  padding-bottom: 14px;
  margin-bottom: 14px; }
  .case-study:last-child {
    border-bottom: 0; }

.single-case_studies .entry-thumbnail {
  position: relative; }
.single-case_studies .project-details {
  background: #fff;
  padding-top: 28px; }
  @media only screen and (min-width: 768px) {
    .single-case_studies .project-details {
      position: absolute;
      top: 20%;
      left: 0;
      padding: 28px 56px 28px 28px; } }
.single-case_studies .project-details__list {
  margin: 0; }
.single-case_studies .project-details__heading {
  color: #999999;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 14px; }
  @media only screen and (min-width: 768px) {
    .single-case_studies .project-details__heading {
      line-height: 28px; } }
.single-case_studies .project-details__text {
  font-weight: bold;
  font-family: "Sura", Times, serif;
  margin-bottom: 14px; }
  @media only screen and (min-width: 768px) {
    .single-case_studies .project-details__text {
      margin-bottom: 1.75rem; } }

.aside-reviews-team {
  background: url("./img/stripe-red.jpg") repeat-x top;
  padding-top: 28px;
  overflow: hidden; }
  .aside-reviews-team .row {
    display: block; }
    @media only screen and (min-width: 960px) {
      .aside-reviews-team .row {
        display: flex; } }

.team-usps {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  background: #fff; }
  .single-services .team-usps {
    background-image: url("./img/stripe-red.jpg");
    background-color: #f1f1f1;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 28px;
    position: relative; }
  @media only screen and (min-width: 960px) {
    .home .team-usps {
      width: 75%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0; } }

.single-services .team-usps:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 28px;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  bottom: 0;
  left: 0; }

.team-usps__content {
  padding: 28px;
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    .team-usps__content {
      padding: 56px; } }

.team-usps__image {
  object-fit: cover; }
  @media only screen and (min-width: 960px) {
    .team-usps__image {
      height: 100%; } }

.list__heading {
  text-align: center; }

.list__item {
  text-align: center;
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 7px; }
  .list__item svg {
    fill: #333333;
    width: 14px;
    height: 14px;
    margin-right: 7px; }
  @media only screen and (min-width: 768px) {
    .list__item {
      width: 30%;
      border-left-width: 0;
      padding: 0;
      margin-left: 5%; }
      .single-services .list__item {
        width: 31.3333333333%;
        border-left-width: 0;
        padding: 0;
        margin-left: 3%;
        min-height: 56px;
        line-height: 14px; } }

.list__list {
  margin: 0; }

.customer {
  width: 14.1666666667%;
  border-left-width: 0;
  padding: 0;
  margin-left: 3%; }

.customers__content {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  padding: 28px; }
  @media only screen and (min-width: 768px) {
    .customers__content {
      padding: 56px; } }
  @media only screen and (min-width: 960px) {
    .customers__content {
      width: 75%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      padding: 56px; } }

.customers__image {
  object-fit: cover;
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  display: none; }
  @media only screen and (min-width: 768px) {
    .customers__image {
      width: 25%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0; } }
  @media only screen and (min-width: 960px) {
    .customers__image {
      display: block; } }

.customers.mesh {
  position: relative;
  overflow: hidden; }
  .customers.mesh:before {
    display: none; }
  @media only screen and (min-width: 960px) {
    .customers.mesh:before {
      display: block;
      width: 25%;
      right: 0;
      left: auto; } }

.lowercontent.mesh {
  position: relative;
  overflow: hidden; }
  .lowercontent.mesh:before {
    display: none; }
  @media only screen and (min-width: 960px) {
    .lowercontent.mesh:before {
      display: block;
      width: 25%; } }

.lowercontent__image {
  object-fit: cover;
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0; }
  @media only screen and (min-width: 768px) {
    .lowercontent__image {
      width: 25%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      display: none; } }
  @media only screen and (min-width: 960px) {
    .lowercontent__image {
      display: block; } }

.lowercontent__text {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0; }
  @media only screen and (min-width: 768px) {
    .lowercontent__text {
      width: 48.5%;
      border-left-width: 0;
      padding: 0;
      margin-left: 3%; } }

.lowercontent__content {
  width: 100%;
  border-left-width: 0;
  padding: 0;
  margin-left: 0;
  padding: 28px;
  background: #333333;
  color: #fff; }
  @media only screen and (min-width: 768px) {
    .lowercontent__content {
      padding: 56px; } }
  @media only screen and (min-width: 960px) {
    .lowercontent__content {
      width: 75%;
      border-left-width: 0;
      padding: 0;
      margin-left: 0;
      padding: 56px; } }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

.additional-content {
  padding: 56px;
  overflow: hidden;
  background: #fff; }

.features__list {
  margin: 0; }

.features .svgicon {
  width: 28px;
  height: 28px;
  margin-right: 7px;
  float: left; }

.feedback {
  position: relative;
  padding: 56px;
  color: #fff;
  text-align: center;
  overflow: hidden; }
  .feedback h2 {
    position: relative;
    color: #fff; }

.feedback__bg {
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }
  .feedback__bg:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(20, 20, 20, 0.8); }

.feedback__avatar {
  display: inline-block;
  position: relative; }
  .feedback__avatar img {
    border-radius: 500px;
    max-width: 100px;
    border: 4px solid #f1f1f1; }

.feedback__feedback {
  position: relative;
  font-size: 18px; }
  .feedback__feedback .rating {
    display: inline-block;
    margin-bottom: 0; }

.getintouch {
  background-image: url(./img/stripe-red.jpg);
  background-color: #f1f1f1;
  background-repeat: repeat-x;
  background-position: 0 -10px;
  padding-top: 28px;
  padding-bottom: 56px;
  text-align: center; }
  .getintouch p {
    max-width: 600px;
    display: inline-block; }
  .getintouch .button {
    clear: both; }
  .getintouch .wrap {
    padding-top: 56px; }

/*--------------------------------------------------------------
4.0 Packages
--------------------------------------------------------------*/