/*
Theme Name: scl
Theme URI: http://www.nuclear-ape.com
Author: Hanuman Hook, Dan Conway
Author URI: http://www.nuclear-ape.com
Description: The best theme the world has seen
Version: 1.0.0
License: Not for use by anyone except Nuclear Ape personell
Text Domain: the_na_theme
*/
/* line 44, sass/variable/_mixin.scss */
.main-navigation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch; }

/* line 76, sass/variable/_mixin.scss */
.site-footer .footera,
.site-footer .footerb,
.site-footer .footerc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

/* line 130, sass/variable/_mixin.scss */
.center {
  text-align: center;
  margin: 0 auto; }

/* line 214, sass/variable/_mixin.scss */
.page > .entry-header, .author .page-title, .category .page-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  background-color: #333;
  color: #fff;
  margin-bottom: 1em;
  overflow: hidden;
  min-height: 145px;
  text-align: center; }
  /* line 223, sass/variable/_mixin.scss */
  .page > .entry-header .entry-title, .author .page-title .entry-title, .category .page-title .entry-title {
    width: 100%;
    text-align: center; }
  /* line 228, sass/variable/_mixin.scss */
  .page > .entry-header h2, .author .page-title h2, .category .page-title h2 {
    width: 100%; }
  /* line 232, sass/variable/_mixin.scss */
  .page > .entry-header p, .author .page-title p, .category .page-title p {
    width: 100%;
    margin-bottom: 0; }

/* line 26, sass/variable/_typography.scss */
html {
  font: normal 112.5%/1.65 serif; }

/* line 34, sass/variable/_typography.scss */
body {
  color: #222; }

@font-face {
  font-family: 'mario';
  src: url("inc/mario.ttf");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mario-i';
  src: url("inc/mario-i.ttf");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mario-b';
  src: url("inc/mario-b.ttf");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mario-bi';
  src: url("inc/mario-bi.ttf");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://fonts.googleapis.com/css?family=Roboto");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("https://fonts.googleapis.com/css?family=Lato");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

/* line 91, sass/variable/_typography.scss */
h1,
h2,
h3,
h4,
h5 {
  font-family: "mario-bi", sans-serif; }

/* line 99, sass/variable/_typography.scss */
h1 {
  font-size: 34px;
  margin: 15px 0;
  line-height: 40px; }
  @media (min-width: 760px) {
    /* line 99, sass/variable/_typography.scss */
    h1 {
      font-size: 42px;
      line-height: inherit; } }

/* line 110, sass/variable/_typography.scss */
h2 {
  font-size: 30px;
  line-height: 34px;
  margin: 10px 0; }
  @media (min-width: 760px) {
    /* line 110, sass/variable/_typography.scss */
    h2 {
      font-size: 40px;
      line-height: inherit; } }

/* line 121, sass/variable/_typography.scss */
h3 {
  font-size: 28px;
  margin: 10px 0;
  color: #F06B2D; }
  @media (min-width: 760px) {
    /* line 121, sass/variable/_typography.scss */
    h3 {
      font-size: 36px; } }

/* line 131, sass/variable/_typography.scss */
h4 {
  font-size: 26px;
  margin: 10px 0; }
  @media (min-width: 760px) {
    /* line 131, sass/variable/_typography.scss */
    h4 {
      font-size: 28px; } }

/* line 1, sass/bass/__normalize.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* line 7, sass/bass/__normalize.scss */
body {
  margin: 0; }

/* line 11, sass/bass/__normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

/* line 26, sass/bass/__normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

/* line 34, sass/bass/__normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 39, sass/bass/__normalize.scss */
[hidden],
template {
  display: none; }

/* line 44, sass/bass/__normalize.scss */
a {
  background-color: transparent; }

/* line 48, sass/bass/__normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* line 53, sass/bass/__normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 57, sass/bass/__normalize.scss */
b,
strong {
  font-weight: bold; }

/* line 62, sass/bass/__normalize.scss */
dfn {
  font-style: italic; }

/* line 66, sass/bass/__normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/* line 71, sass/bass/__normalize.scss */
small {
  font-size: 80%; }

/* line 75, sass/bass/__normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 83, sass/bass/__normalize.scss */
sup {
  top: -0.5em; }

/* line 87, sass/bass/__normalize.scss */
sub {
  bottom: -0.25em; }

/* line 91, sass/bass/__normalize.scss */
img {
  border: 0; }

/* line 95, sass/bass/__normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 99, sass/bass/__normalize.scss */
figure {
  margin: 1em 40px; }

/* line 103, sass/bass/__normalize.scss */
hr {
  box-sizing: content-box;
  height: 0; }

/* line 108, sass/bass/__normalize.scss */
pre {
  overflow: auto; }

/* line 112, sass/bass/__normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* line 120, sass/bass/__normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

/* line 130, sass/bass/__normalize.scss */
button {
  overflow: visible; }

/* line 134, sass/bass/__normalize.scss */
button,
select {
  text-transform: none; }

/* line 139, sass/bass/__normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

/* line 147, sass/bass/__normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/* line 152, sass/bass/__normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* line 158, sass/bass/__normalize.scss */
input {
  line-height: normal; }

/* line 162, sass/bass/__normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/* line 168, sass/bass/__normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/* line 173, sass/bass/__normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

/* line 178, sass/bass/__normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* line 183, sass/bass/__normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/* line 189, sass/bass/__normalize.scss */
legend {
  border: 0;
  padding: 0; }

/* line 194, sass/bass/__normalize.scss */
textarea {
  overflow: auto; }

/* line 198, sass/bass/__normalize.scss */
optgroup {
  font-weight: bold; }

/* line 202, sass/bass/__normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 207, sass/bass/__normalize.scss */
td,
th {
  padding: 0; }

/* Text meant only for screen readers. */
/* line 2, sass/bass/_accessibility.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  /* line 9, sass/bass/_accessibility.scss */
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* line 1, sass/bass/_alignments.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1em; }

/* line 7, sass/bass/_alignments.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1em; }

/* line 13, sass/bass/_alignments.scss */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* line 1, sass/bass/_buttons.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
  /* line 16, sass/bass/_buttons.scss */
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
  /* line 21, sass/bass/_buttons.scss */
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

/* line 1, sass/bass/_captions.scss */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  /* line 5, sass/bass/_captions.scss */
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  /* line 9, sass/bass/_captions.scss */
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

/* line 14, sass/bass/_captions.scss */
.wp-caption-text {
  text-align: center; }

/* line 1, sass/bass/_clearings.scss */
.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 {
  content: "";
  display: table; }

/* line 16, sass/bass/_clearings.scss */
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/* line 25, sass/bass/_clearings.scss */
.clear {
  clear: both; }

/* line 1, sass/bass/_copy.scss */
p {
  margin-bottom: 1.5em; }

/* line 5, sass/bass/_copy.scss */
dfn, cite, em, i {
  font-style: italic; }

/* line 9, sass/bass/_copy.scss */
blockquote {
  margin: 0 1.5em; }

/* line 13, sass/bass/_copy.scss */
address {
  margin: 0 0 1.5em; }

/* line 17, sass/bass/_copy.scss */
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

/* line 28, sass/bass/_copy.scss */
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

/* line 33, sass/bass/_copy.scss */
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

/* line 38, sass/bass/_copy.scss */
mark, ins {
  background: #fff9c0;
  text-decoration: none; }

/* line 43, sass/bass/_copy.scss */
big {
  font-size: 125%; }

/* line 1, sass/bass/_elements.scss */
html {
  box-sizing: border-box;
  font-display: swap; }

/* line 6, sass/bass/_elements.scss */
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

/* line 12, sass/bass/_elements.scss */
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

/* line 16, sass/bass/_elements.scss */
blockquote, q {
  quotes: "" ""; }
  /* line 19, sass/bass/_elements.scss */
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

/* line 25, sass/bass/_elements.scss */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/* line 32, sass/bass/_elements.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

/* line 1, sass/bass/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }
  /* line 11, sass/bass/_fields.scss */
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #111; }

/* line 16, sass/bass/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

/* line 24, sass/bass/_fields.scss */
textarea {
  padding-left: 3px;
  width: 100%; }

/* line 1, sass/bass/_galleries.scss */
.gallery {
  margin-bottom: 1.5em; }

/* line 5, sass/bass/_galleries.scss */
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  /* line 11, sass/bass/_galleries.scss */
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  /* line 15, sass/bass/_galleries.scss */
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  /* line 19, sass/bass/_galleries.scss */
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  /* line 23, sass/bass/_galleries.scss */
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  /* line 27, sass/bass/_galleries.scss */
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  /* line 31, sass/bass/_galleries.scss */
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  /* line 35, sass/bass/_galleries.scss */
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  /* line 39, sass/bass/_galleries.scss */
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

/* line 44, sass/bass/_galleries.scss */
.gallery-caption {
  display: block; }

/* line 1, sass/bass/_headings.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* line 2, sass/bass/_infinite-scroll.scss */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
/* line 8, sass/bass/_infinite-scroll.scss */
.infinity-end.neverending .site-footer {
  display: block; }

/* line 1, sass/bass/_links.scss */
a {
  color: royalblue; }
  /* line 4, sass/bass/_links.scss */
  a:visited {
    color: purple; }
  /* line 7, sass/bass/_links.scss */
  a:hover, a:focus, a:active {
    color: midnightblue; }
  /* line 12, sass/bass/_links.scss */
  a:focus {
    outline: thin dotted; }
  /* line 15, sass/bass/_links.scss */
  a:hover, a:active {
    outline: 0; }

/* line 1, sass/bass/_lists.scss */
ul, ol {
  margin: 0 0 1.5em 3em; }

/* line 5, sass/bass/_lists.scss */
ul {
  list-style: disc; }

/* line 9, sass/bass/_lists.scss */
ol {
  list-style: decimal; }

/* line 13, sass/bass/_lists.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

/* line 19, sass/bass/_lists.scss */
dt {
  font-weight: bold; }

/* line 23, sass/bass/_lists.scss */
dd {
  margin: 0 1.5em 1.5em; }

/* line 1, sass/bass/_media.scss */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
/* line 11, sass/bass/_media.scss */
embed,
iframe,
object {
  max-width: 100%; }

/* line 1, sass/bass/_menus.scss */
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  /* line 7, sass/bass/_menus.scss */
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    /* line 12, sass/bass/_menus.scss */
    .main-navigation ul ul {
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      /* line 20, sass/bass/_menus.scss */
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      /* line 26, sass/bass/_menus.scss */
      .main-navigation ul ul li:hover > ul {
        left: 100%; }
      /* line 31, sass/bass/_menus.scss */
      .main-navigation ul ul a {
        width: 200px; }
    /* line 42, sass/bass/_menus.scss */
    .main-navigation ul li:hover > ul {
      left: auto; }
  /* line 46, sass/bass/_menus.scss */
  .main-navigation li {
    float: left;
    position: relative; }
  /* line 53, sass/bass/_menus.scss */
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
/* line 65, sass/bass/_menus.scss */
.menu-toggle {
  display: block;
  cursor: pointer; }

@media (max-width: 540px) {
  /* line 71, sass/bass/_menus.scss */
  .menu-toggle {
    display: block; }
  /* line 80, sass/bass/_menus.scss */
  .main-navigation ul {
    display: none; } }

/* line 89, sass/bass/_menus.scss */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

/* line 94, sass/bass/_menus.scss */
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

/* line 99, sass/bass/_menus.scss */
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/* line 1, sass/bass/_tables.scss */
table {
  margin: 0 0 1.5em;
  width: 100%; }

/* line 13, sass/things/_accordion.scss */
.accordion-section.active .accordion-section-arrow {
  transform: translateY(-50%) rotate(180deg); }

/* line 18, sass/things/_accordion.scss */
.accordion-section-title {
  cursor: pointer;
  position: relative; }

/* line 23, sass/things/_accordion.scss */
.accordion-section-content {
  display: none; }

/* line 27, sass/things/_accordion.scss */
.accordion-section-arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .4s; }
  /* line 36, sass/things/_accordion.scss */
  .accordion-section-arrow:before, .accordion-section-arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #222;
    width: 20px;
    height: 3.6px;
    border-radius: 3.6px;
    top: 50%; }
  /* line 48, sass/things/_accordion.scss */
  .accordion-section-arrow:before {
    transform: rotate(45deg);
    left: 4px; }
  /* line 53, sass/things/_accordion.scss */
  .accordion-section-arrow:after {
    transform: rotate(-45deg);
    right: 4px; }

/* line 1, sass/things/_bannernotice.scss */
.bannernotice {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #dc2a2a;
  background-color: #e35555;
  text-align: center;
  padding: 0 32px;
  z-index: 99999999999; }
  /* line 18, sass/things/_bannernotice.scss */
  .bannernotice-close {
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
  /* line 29, sass/things/_bannernotice.scss */
  .bannernotice-title {
    color: #222;
    font-size: 1.3em; }
    @media (min-width: 600px) {
      /* line 29, sass/things/_bannernotice.scss */
      .bannernotice-title {
        font-size: 1.5em; } }

/* line 1, sass/things/_calendar.scss */
.calendar-wrapper {
  position: absolute;
  top: 50%;
  left: 50%; }

/* line 7, sass/things/_calendar.scss */
.calendar-main {
  border: 1px solid #222; }

/* line 11, sass/things/_calendar.scss */
.day {
  border: 1px solid #222;
  height: 10px;
  width: 10px; }

/* line 2, sass/things/_chat.scss */
.multichat .tabs-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

/* line 6, sass/things/_chat.scss */
.multichat .tab1 {
  cursor: pointer;
  padding: 8px; }
  /* line 10, sass/things/_chat.scss */
  .multichat .tab1.active {
    background-color: #ccc; }

/* line 15, sass/things/_chat.scss */
.multichat .tab2 {
  cursor: pointer;
  padding: 8px; }
  /* line 19, sass/things/_chat.scss */
  .multichat .tab2.active {
    background-color: #ccc; }

/* line 1, sass/things/_cols.scss */
.na-cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }
  /* line 5, sass/things/_cols.scss */
  .na-cols[data-cols="2"] > * {
    flex: 1 0 100%; }
    @media (min-width: 600px) {
      /* line 5, sass/things/_cols.scss */
      .na-cols[data-cols="2"] > * {
        flex: 0 0 49.5%; } }
  /* line 15, sass/things/_cols.scss */
  .na-cols[data-cols="3"] > * {
    flex: 1 0 100%; }
    @media (min-width: 600px) {
      /* line 15, sass/things/_cols.scss */
      .na-cols[data-cols="3"] > * {
        flex: 0 0 32.5%; } }
  /* line 25, sass/things/_cols.scss */
  .na-cols[data-cols="4"] > * {
    flex: 1 0 100%; }
    @media (min-width: 600px) {
      /* line 25, sass/things/_cols.scss */
      .na-cols[data-cols="4"] > * {
        flex: 0 0 24.5%; } }
  /* line 35, sass/things/_cols.scss */
  .na-cols[data-cols="5"] > * {
    flex: 1 0 100%; }
    @media (min-width: 600px) {
      /* line 35, sass/things/_cols.scss */
      .na-cols[data-cols="5"] > * {
        flex: 0 0 19.5%; } }
  /* line 45, sass/things/_cols.scss */
  .na-cols[data-cols="6"] > * {
    flex: 1 0 100%; }
    @media (min-width: 600px) {
      /* line 45, sass/things/_cols.scss */
      .na-cols[data-cols="6"] > * {
        flex: 0 0 16%; } }

/* line 1, sass/things/_crayon.scss */
.conversate {
  margin: 0 !important;
  padding: 1em 1em 1.5em !important; }
  /* line 5, sass/things/_crayon.scss */
  .conversate.question {
    background-color: #cdcdcd !important;
    font-style: italic; }
    /* line 9, sass/things/_crayon.scss */
    .conversate.question + .conversate.question {
      padding-top: 0 !important; }
    /* line 13, sass/things/_crayon.scss */
    .conversate.question .crayon-main {
      background-color: #000 !important;
      border: 1px solid #000 !important;
      borer-bottom: 0 !important; }
    /* line 19, sass/things/_crayon.scss */
    .conversate.question .crayon-toolbar {
      border: 1px solid #000 !important;
      border-bottom: 0 !important; }
  /* line 25, sass/things/_crayon.scss */
  .conversate.answer {
    background-color: #eaeaea !important;
    color: #494949 !important; }
    /* line 29, sass/things/_crayon.scss */
    .conversate.answer + .conversate.answer {
      padding-top: 0 !important; }
    /* line 33, sass/things/_crayon.scss */
    .conversate.answer .crayon-main {
      background-color: #000 !important;
      border: 1px solid #000 !important;
      borer-bottom: 0 !important; }
    /* line 39, sass/things/_crayon.scss */
    .conversate.answer .crayon-toolbar {
      border: 1px solid #000 !important;
      border-bottom: 0 !important; }
  /* line 45, sass/things/_crayon.scss */
  .conversate .crayon-syntax {
    margin: 0 !important;
    border: 0 !important; }

/* line 1, sass/things/_hero.scss */
.sclhero {
  max-width: 99vw;
  margin-left: -32px;
  margin-right: -32px; }
  @media (min-width: 600px) {
    /* line 1, sass/things/_hero.scss */
    .sclhero {
      margin-left: calc(((100vw - 800px) / 2) * -1);
      margin-right: calc(((100vw - 800px) / 2) * -1); } }
  /* line 13, sass/things/_hero.scss */
  .sclhero-image {
    position: relative;
    max-height: 80vh;
    overflow-y: hidden; }
  /* line 19, sass/things/_hero.scss */
  .sclhero-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 8px; }

/* line 1, sass/things/_wales-county-map.scss */
.map-canvas-wrap {
  width: 285px;
  height: 300px;
  background-repeat: no-repeat;
  background-image: url("/wp-content/uploads/2018/11/wales-map-no-selection.png"); }
  /* line 7, sass/things/_wales-county-map.scss */
  .map-canvas-wrap.ceredigion {
    background-image: url("/wp-content/uploads/2018/11/wales-map-ceredigion.png"); }
  /* line 11, sass/things/_wales-county-map.scss */
  .map-canvas-wrap.pembrokeshire {
    background-image: url("/wp-content/uploads/2018/11/wales-map-pembrokeshire.png"); }
  /* line 15, sass/things/_wales-county-map.scss */
  .map-canvas-wrap.carmarthenshire {
    background-image: url("/wp-content/uploads/2018/11/wales-map-carmarthenshire.png"); }
  /* line 19, sass/things/_wales-county-map.scss */
  .map-canvas-wrap.powys {
    background-image: url("/wp-content/uploads/2018/11/wales-map-powys.png"); }

/* line 2, sass/things/_whmpress.scss */
.whmpress.whmpress_price_matrix td[data-content="Price"],
.whmpress.whmpress_price_matrix td[data-content="Years"] {
  text-align: center; }

/* line 3, sass/realm/_content-boxes.scss */
.page-content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }
  /* line 7, sass/realm/_content-boxes.scss */
  .page-content-container:last-child .content-block:last-child {
    margin-bottom: 1em; }

/* line 13, sass/realm/_content-boxes.scss */
.content-box {
  position: relative;
  border-bottom: 4px double #333; }
  /* line 17, sass/realm/_content-boxes.scss */
  .content-box:focus {
    outline: 0; }
  /* line 29, sass/realm/_content-boxes.scss */
  .content-box:last-child {
    border-bottom: 0; }
  /* line 33, sass/realm/_content-boxes.scss */
  .content-box.content-tile {
    border: 4px double #5bbb47; }
  /* line 37, sass/realm/_content-boxes.scss */
  .content-box-lightbox {
    display: none;
    position: relative;
    z-index: 999999999; }
    /* line 42, sass/realm/_content-boxes.scss */
    .content-box-lightbox-overlay {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 999999990;
      background-color: rgba(0, 0, 0, 0.7); }
    /* line 55, sass/realm/_content-boxes.scss */
    .content-box-lightbox-controls-close {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 1em;
      right: 1em;
      cursor: pointer; }
      /* line 63, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-close:before, .content-box-lightbox-controls-close:after {
        content: '';
        display: block;
        width: 100%;
        height: 7px;
        position: absolute;
        border-radius: 7px;
        top: 17px;
        background-color: #e8e8e8; }
      /* line 75, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 18px; }
      /* line 81, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    /* line 87, sass/realm/_content-boxes.scss */
    .content-box-lightbox-controls-arrow {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 999999999;
      cursor: pointer;
      display: none; }
      /* line 103, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow:before, .content-box-lightbox-controls-arrow:after,
      .content-box-lightbox-controls-arrow .center {
        content: '';
        display: block;
        width: 40px;
        height: 7px;
        background-color: #e8e8e8;
        position: absolute;
        border-radius: 7px;
        transition: all .4s; }
      /* line 116, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow:before, .content-box-lightbox-controls-arrow:after {
        width: 20px;
        bottom: 9px; }
      /* line 122, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow:before {
        transform: rotate(45deg) translate(-50%, 150%);
        left: 50%; }
      /* line 127, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow .center {
        width: 7px;
        height: 40px;
        top: 5px;
        left: 21.5px; }
      /* line 134, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow:after {
        transform: rotate(-45deg) translate(50%, 150%);
        right: 50%; }
      /* line 139, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow.left {
        left: 1em;
        transform: translateY(-50%) rotate(90deg); }
      /* line 144, sass/realm/_content-boxes.scss */
      .content-box-lightbox-controls-arrow.right {
        right: 1em;
        transform: translateY(-50%) rotate(-90deg); }
    /* line 151, sass/realm/_content-boxes.scss */
    .content-box-lightbox-image {
      max-width: 100vw;
      width: 90%;
      position: fixed;
      z-index: 999999991;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 1em;
      background-color: #fff; }
      /* line 164, sass/realm/_content-boxes.scss */
      .content-box-lightbox-image:hover .content-box-lightbox-controls-arrow {
        opacity: 1;
        pointer-events: auto; }
      /* line 170, sass/realm/_content-boxes.scss */
      .content-box-lightbox-image-image {
        text-align: center; }
      /* line 174, sass/realm/_content-boxes.scss */
      .content-box-lightbox-image-meta {
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        display: none; }
      /* line 183, sass/realm/_content-boxes.scss */
      .content-box-lightbox-image .lightboxnoimage {
        width: 100%;
        background-color: #f8c2c2;
        border-top: 1px solid #f22;
        border-bottom: 1px solid #f22;
        text-align: center;
        padding: 5px; }
  /* line 194, sass/realm/_content-boxes.scss */
  .content-box .readmore-toggle {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: .5em;
    background-color: #fff;
    color: #333;
    border: 2px solid #333;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s; }
    /* line 210, sass/realm/_content-boxes.scss */
    .content-box .readmore-toggle:before {
      content: 'Read More'; }
    /* line 215, sass/realm/_content-boxes.scss */
    .content-box .readmore-toggle.toggled:before {
      content: 'Read Less'; }
    /* line 220, sass/realm/_content-boxes.scss */
    .content-box .readmore-toggle:hover {
      background-color: #e6e6e6;
      color: #333; }

/* line 227, sass/realm/_content-boxes.scss */
.content-block {
  width: 100%;
  height: auto;
  clear: both;
  overflow: hidden; }
  /* line 233, sass/realm/_content-boxes.scss */
  .content-block-inner {
    overflow: hidden; }
    /* line 241, sass/realm/_content-boxes.scss */
    .content-block-inner .content-block-content-head {
      margin: 0; }
    /* line 245, sass/realm/_content-boxes.scss */
    .content-block-inner .content-block-content-subhead {
      margin-top: 0; }
    /* line 249, sass/realm/_content-boxes.scss */
    .content-block-inner .content-block-image-caption {
      width: 100%;
      height: auto;
      text-align: center; }
      /* line 254, sass/realm/_content-boxes.scss */
      .content-block-inner .content-block-image-caption * {
        font-size: .7em; }
  /* line 262, sass/realm/_content-boxes.scss */
  .content-block.lightboxable .content-block-image img {
    cursor: pointer; }
  /* line 268, sass/realm/_content-boxes.scss */
  .content-block.readmore {
    height: 400px; }
  /* line 2, sass/realm/import/_content-box-left-layout.scss */
  .content-block.content-block-left .content-block-left-inner .content-block-image {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 2, sass/realm/import/_content-box-left-layout.scss */
      .content-block.content-block-left .content-block-left-inner .content-block-image {
        width: 32%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: both; } }
  /* line 9, sass/realm/import/_content-box-left-layout.scss */
  .content-block.content-block-left .content-block-left-inner .content-block-content-headings {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 9, sass/realm/import/_content-box-left-layout.scss */
      .content-block.content-block-left .content-block-left-inner .content-block-content-headings {
        width: 66%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none; } }
  /* line 16, sass/realm/import/_content-box-left-layout.scss */
  .content-block.content-block-left .content-block-left-inner .content-block-content {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 16, sass/realm/import/_content-box-left-layout.scss */
      .content-block.content-block-left .content-block-left-inner .content-block-content {
        width: 66%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none; } }
  /* line 278, sass/realm/_content-boxes.scss */
  .content-block.content-block-left .content-block-image {
    text-align: center; }
  /* line 2, sass/realm/import/_content-box-right-layout.scss */
  .content-block.content-block-right .content-block-right-inner .content-block-image {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 2, sass/realm/import/_content-box-right-layout.scss */
      .content-block.content-block-right .content-block-right-inner .content-block-image {
        width: 32%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: both; } }
  /* line 9, sass/realm/import/_content-box-right-layout.scss */
  .content-block.content-block-right .content-block-right-inner .content-block-content-head {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 9, sass/realm/import/_content-box-right-layout.scss */
      .content-block.content-block-right .content-block-right-inner .content-block-content-head {
        width: 66%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: both; } }
  /* line 16, sass/realm/import/_content-box-right-layout.scss */
  .content-block.content-block-right .content-block-right-inner .content-block-content {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 16, sass/realm/import/_content-box-right-layout.scss */
      .content-block.content-block-right .content-block-right-inner .content-block-content {
        width: 66%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: left; } }
  /* line 23, sass/realm/import/_content-box-right-layout.scss */
  .content-block.content-block-right .content-block-right-inner .readmore-toggle {
    right: auto;
    left: 5px; }
  /* line 289, sass/realm/_content-boxes.scss */
  .content-block.content-block-right .content-block-image {
    text-align: center; }
  /* line 295, sass/realm/_content-boxes.scss */
  .content-block.content-block-fullwidth .content-block-fullwidth-inner {
    padding: 0; }
    /* line 298, sass/realm/_content-boxes.scss */
    .content-block.content-block-fullwidth .content-block-fullwidth-inner h3,
    .content-block.content-block-fullwidth .content-block-fullwidth-inner h4 {
      margin: 0; }
  /* line 304, sass/realm/_content-boxes.scss */
  .content-block.content-block-fullwidth .fullwidth-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 400px;
    background-size: cover;
    text-align: center; }
  /* line 311, sass/realm/_content-boxes.scss */
  .content-block.content-block-fullwidth .fullwidth-image-headings {
    text-shadow: 0 0 15px #000; }
  /* line 317, sass/realm/_content-boxes.scss */
  .content-block.content-block-nocontent .content-block-content-headings {
    text-align: center; }
  /* line 321, sass/realm/_content-boxes.scss */
  .content-block.content-block-nocontent .content-block-image {
    text-align: center; }
  /* line 326, sass/realm/_content-boxes.scss */
  .content-block.content-block-blockquote {
    position: relative;
    font-style: italic;
    color: #777; }
    /* line 331, sass/realm/_content-boxes.scss */
    .content-block.content-block-blockquote blockquote {
      quotes: "\201C" "\201D";
      margin: 0 3em; }
      @media (min-width: 600px) {
        /* line 331, sass/realm/_content-boxes.scss */
        .content-block.content-block-blockquote blockquote {
          margin: 0 7em; } }
      /* line 339, sass/realm/_content-boxes.scss */
      .content-block.content-block-blockquote blockquote:before, .content-block.content-block-blockquote blockquote:after {
        display: block;
        position: absolute;
        color: #999;
        font-size: 10em;
        line-height: 23px;
        font-style: normal; }
      /* line 349, sass/realm/_content-boxes.scss */
      .content-block.content-block-blockquote blockquote:before {
        top: 80px;
        left: 15px;
        content: open-quote;
        transform: rotate(-11deg); }
        @media (min-width: 600px) {
          /* line 349, sass/realm/_content-boxes.scss */
          .content-block.content-block-blockquote blockquote:before {
            left: 50px; } }
      /* line 360, sass/realm/_content-boxes.scss */
      .content-block.content-block-blockquote blockquote:after {
        bottom: 0;
        right: 15px;
        content: close-quote;
        transform: rotate(6deg); }
        @media (min-width: 600px) {
          /* line 360, sass/realm/_content-boxes.scss */
          .content-block.content-block-blockquote blockquote:after {
            right: 50px; } }
      /* line 371, sass/realm/_content-boxes.scss */
      .content-block.content-block-blockquote blockquote * {
        position: relative;
        z-index: 50; }
  /* line 378, sass/realm/_content-boxes.scss */
  .content-block.content-block-triple {
    width: 100%; }
    /* line 381, sass/realm/_content-boxes.scss */
    .content-block.content-block-triple .content-block-triple-inner {
      width: 100%; }
      /* line 2, sass/realm/import/_content-box-triple-layout.scss */
      .content-block.content-block-triple .content-block-triple-inner .content-block-triple-left {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: both; }
        @media (min-width: 600px) {
          /* line 2, sass/realm/import/_content-box-triple-layout.scss */
          .content-block.content-block-triple .content-block-triple-inner .content-block-triple-left {
            width: 49.753695%;
            float: left;
            margin-right: -100%;
            margin-left: 0;
            clear: both; } }
        @media (min-width: 900px) {
          /* line 2, sass/realm/import/_content-box-triple-layout.scss */
          .content-block.content-block-triple .content-block-triple-inner .content-block-triple-left {
            width: 33.004926%;
            float: left;
            margin-right: -100%;
            margin-left: 0;
            clear: both; } }
      /* line 14, sass/realm/import/_content-box-triple-layout.scss */
      .content-block.content-block-triple .content-block-triple-inner .content-block-triple-middle {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: both; }
        @media (min-width: 600px) {
          /* line 14, sass/realm/import/_content-box-triple-layout.scss */
          .content-block.content-block-triple .content-block-triple-inner .content-block-triple-middle {
            width: 49.753695%;
            float: right;
            margin-left: 0;
            margin-right: 0;
            clear: none; } }
        @media (min-width: 900px) {
          /* line 14, sass/realm/import/_content-box-triple-layout.scss */
          .content-block.content-block-triple .content-block-triple-inner .content-block-triple-middle {
            width: 33.004926%;
            float: left;
            margin-right: -100%;
            margin-left: 33.497537%;
            clear: none; } }
      /* line 26, sass/realm/import/_content-box-triple-layout.scss */
      .content-block.content-block-triple .content-block-triple-inner .content-block-triple-right {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: both; }
        @media (min-width: 600px) {
          /* line 26, sass/realm/import/_content-box-triple-layout.scss */
          .content-block.content-block-triple .content-block-triple-inner .content-block-triple-right {
            width: 49.753695%;
            float: left;
            margin-right: -100%;
            margin-left: 25.123153%;
            clear: both; } }
        @media (min-width: 900px) {
          /* line 26, sass/realm/import/_content-box-triple-layout.scss */
          .content-block.content-block-triple .content-block-triple-inner .content-block-triple-right {
            width: 33.004926%;
            float: right;
            margin-left: 0;
            margin-right: 0;
            clear: none; } }
    /* line 387, sass/realm/_content-boxes.scss */
    .content-block.content-block-triple .content-block-triple-column-inner {
      padding: 1em; }
      /* line 390, sass/realm/_content-boxes.scss */
      .content-block.content-block-triple .content-block-triple-column-inner h3 {
        border-bottom: 1px solid #333; }
  /* line 398, sass/realm/_content-boxes.scss */
  .content-block.content-block-gallery .content-block-gallery-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
    overflow: hidden; }
  /* line 403, sass/realm/_content-boxes.scss */
  .content-block.content-block-gallery .gallery-image {
    width: 40%;
    height: 250px;
    border-radius: 3px;
    border: 1px solid #cecece;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin: 20px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    @media (min-width: 600px) {
      /* line 403, sass/realm/_content-boxes.scss */
      .content-block.content-block-gallery .gallery-image {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
    @media (min-width: 1000px) {
      /* line 403, sass/realm/_content-boxes.scss */
      .content-block.content-block-gallery .gallery-image {
        width: 20%; } }
    /* line 430, sass/realm/_content-boxes.scss */
    .content-block.content-block-gallery .gallery-image-title {
      width: 100%;
      text-align: center;
      font-size: 1.2em;
      margin: 0;
      background-color: rgba(255, 255, 255, 0.3);
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 20; }
    /* line 443, sass/realm/_content-boxes.scss */
    .content-block.content-block-gallery .gallery-image-image {
      max-width: initial;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 50%;
      z-index: 15;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    /* line 456, sass/realm/_content-boxes.scss */
    .content-block.content-block-gallery .gallery-image-caption {
      display: none; }
  /* line 463, sass/realm/_content-boxes.scss */
  .content-block.content-block-2xx .content-block-2xx-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    height: auto; }
  /* line 469, sass/realm/_content-boxes.scss */
  .content-block.content-block-2xx .acf-2xx-block {
    width: 100%;
    height: auto;
    padding: 15px;
    margin-bottom: 25px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
    @media (min-width: 600px) {
      /* line 469, sass/realm/_content-boxes.scss */
      .content-block.content-block-2xx .acf-2xx-block {
        width: 75%; } }
    @media (min-width: 1000px) {
      /* line 469, sass/realm/_content-boxes.scss */
      .content-block.content-block-2xx .acf-2xx-block {
        width: 50%;
        height: auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    /* line 489, sass/realm/_content-boxes.scss */
    .content-block.content-block-2xx .acf-2xx-block-icon {
      width: 65%;
      height: auto;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      float: left;
      margin-left: 17.5%; }
      @media (min-width: 1000px) {
        /* line 489, sass/realm/_content-boxes.scss */
        .content-block.content-block-2xx .acf-2xx-block-icon {
          width: 25%;
          height: 100%;
          margin: 0; } }
      /* line 507, sass/realm/_content-boxes.scss */
      .content-block.content-block-2xx .acf-2xx-block-icon img {
        width: 100%;
        height: auto;
        max-width: 280px;
        margin: 0 auto;
        -webkit-transition: all .3s;
        transition: all .3s; }
    /* line 517, sass/realm/_content-boxes.scss */
    .content-block.content-block-2xx .acf-2xx-block-content {
      width: 100%;
      height: auto;
      float: right;
      text-align: center;
      -ms-flex-item-align: start;
      -webkit-align-self: flex-start;
      align-self: flex-start; }
      @media (min-width: 1000px) {
        /* line 517, sass/realm/_content-boxes.scss */
        .content-block.content-block-2xx .acf-2xx-block-content {
          text-align: left;
          width: 75%;
          padding-left: 10px; } }
    /* line 533, sass/realm/_content-boxes.scss */
    .content-block.content-block-2xx .acf-2xx-block-head {
      width: 100%;
      height: auto;
      float: right; }
      /* line 538, sass/realm/_content-boxes.scss */
      .content-block.content-block-2xx .acf-2xx-block-head h3 {
        margin: 0; }
    /* line 543, sass/realm/_content-boxes.scss */
    .content-block.content-block-2xx .acf-2xx-block-text {
      float: right; }
      /* line 546, sass/realm/_content-boxes.scss */
      .content-block.content-block-2xx .acf-2xx-block-text hr {
        background-color: #333;
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 1000px) {
          /* line 546, sass/realm/_content-boxes.scss */
          .content-block.content-block-2xx .acf-2xx-block-text hr {
            margin: 0; } }
      /* line 556, sass/realm/_content-boxes.scss */
      .content-block.content-block-2xx .acf-2xx-block-text p {
        font-size: 1em;
        margin: 0; }
    /* line 563, sass/realm/_content-boxes.scss */
    .content-block.content-block-2xx .acf-2xx-block.text .acf-2xx-block-icon {
      display: none; }
    /* line 567, sass/realm/_content-boxes.scss */
    .content-block.content-block-2xx .acf-2xx-block.text .acf-2xx-block-content {
      width: 100%; }
  /* line 574, sass/realm/_content-boxes.scss */
  .content-block.content-block-slider {
    width: 100%;
    height: auto;
    min-height: 186px;
    padding: 1em 0;
    background-color: transparent;
    position: relative;
    overflow: hidden; }
    /* line 590, sass/realm/_content-boxes.scss */
    .content-block.content-block-slider:hover .slider-controls-arrow {
      opacity: 1;
      pointer-events: auto; }
    /* line 598, sass/realm/_content-boxes.scss */
    .content-block.content-block-slider .slider-controls-arrow {
      width: 30px;
      height: 100%;
      position: absolute;
      top: 0;
      background-color: rgba(255, 255, 255, 0.4);
      z-index: 100;
      cursor: pointer;
      opacity: 0;
      -webkit-transition: opacity .3s;
      transition: opacity .3s;
      pointer-events: none; }
      /* line 611, sass/realm/_content-boxes.scss */
      .content-block.content-block-slider .slider-controls-arrow:before, .content-block.content-block-slider .slider-controls-arrow:after {
        content: '';
        display: block;
        background-color: #323232;
        width: 20px;
        height: 5px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%; }
      /* line 624, sass/realm/_content-boxes.scss */
      .content-block.content-block-slider .slider-controls-arrow.left {
        left: 0; }
        /* line 627, sass/realm/_content-boxes.scss */
        .content-block.content-block-slider .slider-controls-arrow.left:before {
          -webkit-transform: rotate(-45deg) translate(-12.5%, -285%);
          transform: rotate(-45deg) translate(-12.5%, -285%); }
        /* line 632, sass/realm/_content-boxes.scss */
        .content-block.content-block-slider .slider-controls-arrow.left:after {
          -webkit-transform: rotate(45deg) translate(-30%, 217.5%);
          transform: rotate(45deg) translate(-30%, 217.5%); }
      /* line 638, sass/realm/_content-boxes.scss */
      .content-block.content-block-slider .slider-controls-arrow.right {
        right: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
        /* line 643, sass/realm/_content-boxes.scss */
        .content-block.content-block-slider .slider-controls-arrow.right:before {
          -webkit-transform: rotate(45deg) translate(-12.5%, 285%);
          transform: rotate(45deg) translate(-12.5%, 285%); }
        /* line 648, sass/realm/_content-boxes.scss */
        .content-block.content-block-slider .slider-controls-arrow.right:after {
          -webkit-transform: rotate(-45deg) translate(-30%, -217.5%);
          transform: rotate(-45deg) translate(-30%, -217.5%); }
    /* line 656, sass/realm/_content-boxes.scss */
    .content-block.content-block-slider .slider-items {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      min-width: 100%;
      min-width: calc(100% + 100px);
      position: absolute;
      left: 0; }
      /* line 663, sass/realm/_content-boxes.scss */
      .content-block.content-block-slider .slider-items.left-shake {
        -webkit-animation: left-shake .2s linear;
        animation: left-shake .2s linear; }
      /* line 668, sass/realm/_content-boxes.scss */
      .content-block.content-block-slider .slider-items.right-shake {
        -webkit-animation: right-shake .2s linear;
        animation: right-shake .2s linear; }
      /* line 673, sass/realm/_content-boxes.scss */
      .content-block.content-block-slider .slider-items-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        width: 100px;
        height: 100px;
        margin: 0 10px; }
        /* line 679, sass/realm/_content-boxes.scss */
        .content-block.content-block-slider .slider-items-item-image {
          max-width: 100%;
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
          -webkit-transition: filter .3s;
          transition: filter .3s; }
          /* line 686, sass/realm/_content-boxes.scss */
          .content-block.content-block-slider .slider-items-item-image:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }

@-webkit-keyframes left-shake {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes left-shake {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes right-shake {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes right-shake {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
  /* line 757, sass/realm/_content-boxes.scss */
  .content-block.content-block-code .content-block-code-inner > div {
    margin: 0 !important; }
  /* line 764, sass/realm/_content-boxes.scss */
  .content-block.content-block-comparison .content-block-comparison-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  /* line 768, sass/realm/_content-boxes.scss */
  .content-block.content-block-comparison .comparison-section {
    width: 47.5%; }

/* line 778, sass/realm/_content-boxes.scss */
.content-tile {
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media (min-width: 500px) {
    /* line 778, sass/realm/_content-boxes.scss */
    .content-tile {
      width: 47%;
      margin: 10px auto;
      min-width: 450px; } }
  @media (min-width: 970px) {
    /* line 778, sass/realm/_content-boxes.scss */
    .content-tile {
      width: 47%; } }
  /* line 798, sass/realm/_content-boxes.scss */
  .content-tile.square:after {
    content: '';
    display: block;
    padding-bottom: 100%; }
  /* line 807, sass/realm/_content-boxes.scss */
  .content-tile.content-tile-image .imagetile-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  /* line 818, sass/realm/_content-boxes.scss */
  .content-tile.content-tile-image .imagetile-headings {
    position: absolute;
    z-index: 25;
    top: 50%;
    width: 80%;
    left: 10%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 831, sass/realm/_content-boxes.scss */
  .content-tile.content-tile-text .content-tile-text-inner {
    width: 100%;
    padding: 1em; }
  /* line 837, sass/realm/_content-boxes.scss */
  .content-tile.content-tile-text.square .content-tile-text-inner {
    position: absolute;
    width: 100%;
    padding: 1em;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

/* line 851, sass/realm/_content-boxes.scss */
.readmore-toggle .circle {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 16, 0.4);
  border-radius: 100%; }

/* line 864, sass/realm/_content-boxes.scss */
.acf-2xx {
  width: 100%;
  height: auto; }
  /* line 868, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-inner {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  /* line 874, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-title {
    width: 100%;
    height: auto;
    text-align: center; }
  /* line 880, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-block {
    width: 100%;
    height: auto;
    padding: 15px;
    margin-bottom: 25px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
    @media (min-width: 600px) {
      /* line 880, sass/realm/_content-boxes.scss */
      .acf-2xx .acf-2xx-block {
        width: 75%; } }
    @media (min-width: 1000px) {
      /* line 880, sass/realm/_content-boxes.scss */
      .acf-2xx .acf-2xx-block {
        width: 50%;
        height: 250px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  /* line 912, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-block-icon {
    width: 65%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    margin-left: 17.5%; }
    @media (min-width: 1000px) {
      /* line 912, sass/realm/_content-boxes.scss */
      .acf-2xx .acf-2xx-block-icon {
        width: 25%;
        margin: 0; } }
    /* line 930, sass/realm/_content-boxes.scss */
    .acf-2xx .acf-2xx-block-icon img {
      width: 100%;
      height: auto;
      max-width: 215px;
      margin: 0 auto;
      -webkit-transition: all .3s;
      transition: all .3s; }
  /* line 940, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-block-content {
    width: 100%;
    height: auto;
    float: right;
    text-align: center; }
    @media (min-width: 1000px) {
      /* line 940, sass/realm/_content-boxes.scss */
      .acf-2xx .acf-2xx-block-content {
        text-align: left;
        width: 75%;
        padding-left: 10px; } }
  /* line 953, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-block-head {
    width: 100%;
    height: auto;
    float: right; }
    /* line 959, sass/realm/_content-boxes.scss */
    .acf-2xx .acf-2xx-block-head h3 {
      margin: 0; }
  /* line 964, sass/realm/_content-boxes.scss */
  .acf-2xx .acf-2xx-block-text {
    float: right; }
    /* line 967, sass/realm/_content-boxes.scss */
    .acf-2xx .acf-2xx-block-text hr {
      background-color: #333;
      width: 100%;
      margin: 0 auto; }
      @media (min-width: 1000px) {
        /* line 967, sass/realm/_content-boxes.scss */
        .acf-2xx .acf-2xx-block-text hr {
          margin: 0; } }
    /* line 977, sass/realm/_content-boxes.scss */
    .acf-2xx .acf-2xx-block-text p {
      font-size: 1em;
      margin: 0; }

/* line 986, sass/realm/_content-boxes.scss */
.varyheight {
  width: 100%;
  height: auto;
  clear: both; }
  /* line 991, sass/realm/_content-boxes.scss */
  .varyheight .varyheight-inner {
    width: 100%;
    height: auto; }
  /* line 997, sass/realm/_content-boxes.scss */
  .varyheight .varyheight-title {
    width: 100%;
    float: left;
    clear: both;
    text-align: center; }
  /* line 1004, sass/realm/_content-boxes.scss */
  .varyheight .varyheight-tiles {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-around;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  /* line 1041, sass/realm/_content-boxes.scss */
  .varyheight .tiles-column {
    width: 100%; }
    @media (min-width: 600px) {
      /* line 1041, sass/realm/_content-boxes.scss */
      .varyheight .tiles-column {
        width: 75%; } }
    @media (min-width: 1000px) {
      /* line 1041, sass/realm/_content-boxes.scss */
      .varyheight .tiles-column {
        width: 30%; } }
  /* line 1053, sass/realm/_content-boxes.scss */
  .varyheight .varyheight-tile {
    width: 100%;
    margin-bottom: 1em;
    padding: 15px;
    background-color: transparent;
    color: #222;
    transition-duration: .4s;
    padding-bottom: 0; }
    @media (min-width: 600px) {
      /* line 1053, sass/realm/_content-boxes.scss */
      .varyheight .varyheight-tile {
        padding: 2em; } }
    /* line 1069, sass/realm/_content-boxes.scss */
    .varyheight .varyheight-tile-title {
      border-bottom: 1px solid #333; }
  /* line 1075, sass/realm/_content-boxes.scss */
  .varyheight .varyheight-tile-title h3 {
    margin: 0;
    line-height: 32px;
    margin-bottom: 10px; }
  /* line 1083, sass/realm/_content-boxes.scss */
  .varyheight .varyheight-tile-content p:last-child {
    margin-bottom: 0; }

/* line 6, sass/realm/_content-layout-new.scss */
.layout-new .entry-header, .layout-new .entry-content > *, .layout-new .alignregular {
  margin-left: calc(1 * (100vw / 12));
  margin-right: calc(1 * (100vw / 12));
  max-width: calc(10 * (100vw / 12)); }
  @media (min-width: 600px) {
    /* line 6, sass/realm/_content-layout-new.scss */
    .layout-new .entry-header, .layout-new .entry-content > *, .layout-new .alignregular {
      margin-left: calc(3 * (100vw / 12));
      margin-right: calc(3 * (100vw / 12));
      max-width: calc(6 * (100vw / 12)); } }

/* line 18, sass/realm/_content-layout-new.scss */
.layout-new .alignwide {
  margin-left: calc(1 * (100vw / 12));
  margin-right: calc(0 * (100vw / 12));
  max-width: calc(11 * (100vw / 12)); }
  @media (min-width: 600px) {
    /* line 18, sass/realm/_content-layout-new.scss */
    .layout-new .alignwide {
      margin-left: calc(2 * (100vw / 12));
      margin-right: calc(2 * (100vw / 12));
      max-width: calc(8 * (100vw / 12)); } }

/* line 30, sass/realm/_content-layout-new.scss */
.layout-new .entry-header.hero, .layout-new .alignfull {
  margin-top: 1rem;
  margin-right: 0;
  margin-bottom: 3rem;
  margin-left: 0;
  max-width: 100%; }

/* line 49, sass/realm/_content-layout-new.scss */
.layout-new .entry-header {
  margin-top: 3rem;
  margin-bottom: 1rem; }
  /* line 54, sass/realm/_content-layout-new.scss */
  .layout-new .entry-header.hero {
    margin-top: 0;
    position: relative;
    background-size: cover;
    padding: 32px 0; }
    /* line 61, sass/realm/_content-layout-new.scss */
    .layout-new .entry-header.hero .entry-header-content {
      width: 100%; }
    /* line 66, sass/realm/_content-layout-new.scss */
    .layout-new .entry-header.hero .whmpress.whmpress_domain_search_ajax .search_btn {
      width: auto; }
  /* line 73, sass/realm/_content-layout-new.scss */
  .layout-new .entry-header.title-light .entry-title {
    color: #fff; }
  /* line 79, sass/realm/_content-layout-new.scss */
  .layout-new .entry-header.title-dark .entry-title {
    color: #222; }

/* line 85, sass/realm/_content-layout-new.scss */
.layout-new .entry-content {
  padding: 0 !important; }
  /* line 88, sass/realm/_content-layout-new.scss */
  .layout-new .entry-content > * {
    margin-top: 32px;
    margin-bottom: 32px; }

/* line 108, sass/realm/_content-layout-new.scss */
.layout-new.page-template-page-domains .entry-header.hero {
  margin-bottom: 0; }

/* line 114, sass/realm/_content-layout-new.scss */
.layout-new.page-template-page-buy-domains .whmp_domain_search_ajax_results {
  padding-top: 0; }

/* line 118, sass/realm/_content-layout-new.scss */
.layout-new.page-template-page-buy-domains .whmp_search_ajax_buttons a {
  text-decoration: none;
  user-select: none;
  cursor: pointer; }

/* line 124, sass/realm/_content-layout-new.scss */
.layout-new.page-template-page-buy-domains .whmp_loading_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  /* line 127, sass/realm/_content-layout-new.scss */
  .layout-new.page-template-page-buy-domains .whmp_loading_div .fa-spinner {
    margin-right: 8px; }

/* line 135, sass/realm/_content-layout-new.scss */
.layout-new .whmpress.whmpress_domain_search_ajax button,
.layout-new .whmpress.whmpress_domain_search_ajax input[type="button"],
.layout-new .whmpress.whmpress_domain_search_ajax input[type="reset"],
.layout-new .whmpress.whmpress_domain_search_ajax input[type="submit"],
.layout-new #whmpress-search-results button,
.layout-new #whmpress-search-results input[type="button"],
.layout-new #whmpress-search-results input[type="reset"],
.layout-new #whmpress-search-results input[type="submit"] {
  box-shadow: initial;
  text-shadow: initial;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

/* line 146, sass/realm/_content-layout-new.scss */
.highlight-tlds {
  margin-top: 0 !important;
  padding: 16px 0;
  background-color: #e8e8e8; }
  /* line 151, sass/realm/_content-layout-new.scss */
  .highlight-tlds-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  /* line 156, sass/realm/_content-layout-new.scss */
  .highlight-tlds .highlight-tld {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    padding: 8px;
    background-color: transparent; }
    @media (min-width: 600px) {
      /* line 156, sass/realm/_content-layout-new.scss */
      .highlight-tlds .highlight-tld {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%; } }
    /* line 167, sass/realm/_content-layout-new.scss */
    .highlight-tlds .highlight-tld:hover {
      background-color: #bababa; }
    /* line 171, sass/realm/_content-layout-new.scss */
    .highlight-tlds .highlight-tld-link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: 100%;
      text-decoration: none; }
      /* line 176, sass/realm/_content-layout-new.scss */
      .highlight-tlds .highlight-tld-link-padder {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    /* line 185, sass/realm/_content-layout-new.scss */
    .highlight-tlds .highlight-tld-price {
      text-align: center;
      margin-top: auto; }

/* line 1, sass/realm/_content.scss */
.layout-new .site-main, .page-template-page-contact .site-main, .page-template-page-home .site-main, .page-template-portfolio-single .site-main {
  max-width: 100%;
  padding: 0 !important; }

/* line 6, sass/realm/_content.scss */
body {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

/* line 10, sass/realm/_content.scss */
::selection {
  background-color: #32afe4;
  color: #fff; }

/* line 15, sass/realm/_content.scss */
.site-content {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  min-height: 80vh;
  margin-top: 114px; }
  @media (min-width: 540px) {
    /* line 15, sass/realm/_content.scss */
    .site-content {
      margin-top: 114px; } }
  @media (min-width: 600px) {
    /* line 15, sass/realm/_content.scss */
    .site-content {
      padding: 0; } }

/* line 36, sass/realm/_content.scss */
.page-template-page-blog .entry-header {
  background-color: #fff;
  overflow: inherit;
  min-height: inherit; }

/* line 43, sass/realm/_content.scss */
.site-main {
  padding: 32px; }
  @media (min-width: 832px) {
    /* line 43, sass/realm/_content.scss */
    .site-main {
      max-width: 800px;
      margin: 0 auto;
      padding: 0; } }
  /* line 59, sass/realm/_content.scss */
  .site-main .entry-content {
    padding: 1em; }
    @media (min-width: 600px) {
      /* line 59, sass/realm/_content.scss */
      .site-main .entry-content {
        padding: 0; } }

/* line 68, sass/realm/_content.scss */
p {
  font-size: 16px;
  font-family: "Lato", sans-serif; }
  @media (min-width: 760px) {
    /* line 68, sass/realm/_content.scss */
    p {
      font-size: 18px; } }

/* line 78, sass/realm/_content.scss */
a, a:visited, a.visited {
  color: #222;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

/* line 86, sass/realm/_content.scss */
a:hover, a:active, a.hover, a.active {
  color: #4e4e4e;
  outline: 0; }

/* line 94, sass/realm/_content.scss */
a:focus, a.focus {
  color: #4e4e4e;
  outline: thin dotted; }

/* line 101, sass/realm/_content.scss */
ul, ol {
  margin-left: 0; }

/* line 107, sass/realm/_content.scss */
.svg-logo .swirl {
  -webkit-transform-origin: 225px 250px;
  transform-origin: 225px 250px; }

/* line 113, sass/realm/_content.scss */
.svg-logo:hover .swirl {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg); }

/* line 124, sass/realm/_content.scss */
.stripeButton,
.stopButton {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5em;
  margin: 10px;
  background-color: #fff;
  float: left;
  color: #333;
  border-radius: 6px;
  transition: background-color 0.3s; }
  /* line 137, sass/realm/_content.scss */
  .stripeButton:hover,
  .stopButton:hover {
    background-color: #e6e6e6; }
  /* line 141, sass/realm/_content.scss */
  .stripeButton p,
  .stripeButton a,
  .stopButton p,
  .stopButton a {
    z-index: 10;
    position: relative;
    text-decoration: none; }
  /* line 148, sass/realm/_content.scss */
  .stripeButton .stripe,
  .stopButton .stripe {
    width: 40px;
    height: 170px;
    background-color: #d2d2d2;
    position: absolute;
    left: -100px;
    top: -50px;
    transform: rotate(35deg);
    z-index: 8; }

/* line 160, sass/realm/_content.scss */
.stripeButton {
  border: 2px solid #333; }

/* line 164, sass/realm/_content.scss */
.hide {
  display: none; }

/* line 169, sass/realm/_content.scss */
.side-social {
  position: fixed;
  padding: 35px 35px 35px 0;
  overflow: hidden;
  left: -35px;
  bottom: 33.333333vh;
  transition: left 0.3s;
  z-index: 999999999;
  transform: translateY(50%); }
  @media (min-width: 600px) {
    /* line 169, sass/realm/_content.scss */
    .side-social {
      padding: 0; } }
  /* line 183, sass/realm/_content.scss */
  .side-social.active {
    left: 0; }
  /* line 187, sass/realm/_content.scss */
  .side-social-icon {
    max-width: 50px;
    float: left;
    clear: both;
    margin-bottom: 5px; }
    /* line 193, sass/realm/_content.scss */
    .side-social-icon:last-child {
      margin-bottom: 0; }

/* line 199, sass/realm/_content.scss */
.readmore-toggle {
  width: auto;
  height: auto;
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 0.5em;
  background-color: #fff;
  color: #333;
  border: 2px solid #333;
  cursor: pointer;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  /* line 215, sass/realm/_content.scss */
  .readmore-toggle:hover {
    background-color: #e6e6e6;
    color: #333; }

/* line 225, sass/realm/_content.scss */
.button-circleClick {
  padding: 1em !important;
  border: 2px solid #fff !important;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  overflow: hidden !important;
  background-color: #f27840 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  box-shadow: none !important;
  text-shadow: none !important; }
  /* line 242, sass/realm/_content.scss */
  .button-circleClick:hover {
    background-color: #f38653 !important; }
  /* line 246, sass/realm/_content.scss */
  .button-circleClick:focus {
    outline: 0; }
  /* line 250, sass/realm/_content.scss */
  .button-circleClick.active {
    background-color: rgba(255, 255, 255, 0.2); }
  /* line 254, sass/realm/_content.scss */
  .button-circleClick .circle {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 100%; }

/* line 265, sass/realm/_content.scss */
.wp-caption {
  margin-bottom: 0; }

/* line 269, sass/realm/_content.scss */
.wp-caption-text {
  font-size: 0.7em; }

/* line 273, sass/realm/_content.scss */
figure {
  margin: 0; }

/* line 1, sass/realm/_footer.scss */
.site-footer {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  height: 100px;
  position: relative;
  z-index: 9951;
  padding-top: 10px;
  margin-top: 1em;
  font-size: .8em;
  text-align: center;
  background-image: url("img/footer-border.png");
  background-size: 130% 20px;
  background-position: 15% 0;
  background-repeat: repeat-x;
  -webkit-transition: 1s;
  transition: 1s; }
  /* line 18, sass/realm/_footer.scss */
  .site-footer .footera {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    text-align: center; }
    @media (min-width: 600px) {
      /* line 18, sass/realm/_footer.scss */
      .site-footer .footera {
        width: 33.333333%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: both; } }
  /* line 27, sass/realm/_footer.scss */
  .site-footer .footerb {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    text-align: center; }
    @media (min-width: 600px) {
      /* line 27, sass/realm/_footer.scss */
      .site-footer .footerb {
        width: 33.333333%;
        float: left;
        margin-right: -100%;
        margin-left: 33.333333%;
        clear: none; } }
  /* line 36, sass/realm/_footer.scss */
  .site-footer .footerc {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    text-align: center;
    line-height: 19px; }
    @media (min-width: 600px) {
      /* line 36, sass/realm/_footer.scss */
      .site-footer .footerc {
        width: 33.333333%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-top: 6px; } }
  /* line 48, sass/realm/_footer.scss */
  .site-footer .site-logo {
    position: relative;
    top: 0; }
    /* line 52, sass/realm/_footer.scss */
    .site-footer .site-logo .svg-logo {
      width: 146px;
      height: auto; }
  /* line 58, sass/realm/_footer.scss */
  .site-footer .footera,
  .site-footer .footerb,
  .site-footer .footerc {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    /* line 68, sass/realm/_footer.scss */
    .site-footer .footera ul,
    .site-footer .footerb ul,
    .site-footer .footerc ul {
      margin: 0; }
  /* line 73, sass/realm/_footer.scss */
  .site-footer .footerc {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center; }
    /* line 81, sass/realm/_footer.scss */
    .site-footer .footerc p {
      width: 100%;
      margin: 0;
      font-size: 1em; }
      /* line 86, sass/realm/_footer.scss */
      .site-footer .footerc p:nth-child(2) {
        margin-bottom: 3px; }
  /* line 92, sass/realm/_footer.scss */
  .site-footer .footer-menu {
    width: 100%; }

/* line 1, sass/realm/_header-domains.scss */
.domains-header {
  background-color: #5bbb47; }
  /* line 5, sass/realm/_header-domains.scss */
  .domains-header .menu-domains-container a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding: 8px 16px;
    text-decoration: none;
    color: #fff; }
    /* line 13, sass/realm/_header-domains.scss */
    .domains-header .menu-domains-container a:hover {
      color: #fff; }
  /* line 18, sass/realm/_header-domains.scss */
  .domains-header .menu-domains-container .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0; }
    /* line 24, sass/realm/_header-domains.scss */
    .domains-header .menu-domains-container .menu-item {
      -webkit-transition: background-color .2s;
      -moz-transition: background-color .2s;
      -ms-transition: background-color .2s;
      -o-transition: background-color .2s;
      transition: background-color .2s;
      background-color: transparent; }
      /* line 28, sass/realm/_header-domains.scss */
      .domains-header .menu-domains-container .menu-item:hover {
        background-color: #4d9f3c; }
      /* line 32, sass/realm/_header-domains.scss */
      .domains-header .menu-domains-container .menu-item:first-child {
        position: relative;
        margin-left: 0;
        margin-right: 32px;
        background-color: #4d9f3c; }
        /* line 38, sass/realm/_header-domains.scss */
        .domains-header .menu-domains-container .menu-item:first-child:hover {
          background-color: #418733; }
          /* line 41, sass/realm/_header-domains.scss */
          .domains-header .menu-domains-container .menu-item:first-child:hover:before {
            background-color: #418733; }
        /* line 46, sass/realm/_header-domains.scss */
        .domains-header .menu-domains-container .menu-item:first-child:before {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          right: 0;
          z-index: 1;
          width: 32px;
          height: 32px;
          -webkit-transform: rotate(45deg) translateY(-75%);
          -moz-transform: rotate(45deg) translateY(-75%);
          -ms-transform: rotate(45deg) translateY(-75%);
          -o-transform: rotate(45deg) translateY(-75%);
          transform: rotate(45deg) translateY(-75%);
          -webkit-transition: background-color .2s;
          -moz-transition: background-color .2s;
          -ms-transition: background-color .2s;
          -o-transition: background-color .2s;
          transition: background-color .2s;
          background-color: #4d9f3c; }
        /* line 60, sass/realm/_header-domains.scss */
        .domains-header .menu-domains-container .menu-item:first-child > a {
          padding-left: 16px;
          position: relative;
          z-index: 2; }

/* line 4, sass/realm/_header.scss */
.site-header {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  height: 80px;
  position: fixed;
  z-index: 99999;
  padding: 8px;
  background-color: #fff;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  @media (min-width: 540px) {
    /* line 4, sass/realm/_header.scss */
    .site-header {
      text-align: inherit; } }

/* line 20, sass/realm/_header.scss */
.head-shrink {
  height: 72px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  @media (min-width: 540px) {
    /* line 20, sass/realm/_header.scss */
    .head-shrink {
      margin-top: 0; } }

/* line 31, sass/realm/_header.scss */
.site-title,
.site-description {
  position: absolute;
  top: -600%; }

/* line 37, sass/realm/_header.scss */
.site-logo {
  position: absolute;
  z-index: 999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  top: 3px; }
  /* line 48, sass/realm/_header.scss */
  .site-logo:focus {
    outline: 0; }
  /* line 52, sass/realm/_header.scss */
  .site-logo a {
    display: block;
    height: 73px; }
  /* line 57, sass/realm/_header.scss */
  .site-logo .scl-logo {
    max-height: 73px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  /* line 63, sass/realm/_header.scss */
  .site-logo .logo-spin {
    width: 50px;
    position: absolute;
    top: 15px;
    left: 6px;
    -webkit-transition: transform 0.6s, width 0.5s;
    transition: transform 0.6s, width 0.5s; }
  /* line 72, sass/realm/_header.scss */
  .site-logo .svg-logo {
    width: 146px;
    height: auto;
    -webkit-transition: width 0.5s;
    transition: width 0.5s; }

/* line 80, sass/realm/_header.scss */
.logo-shrink {
  top: 2px; }
  /* line 83, sass/realm/_header.scss */
  .logo-shrink a {
    height: 65px; }
  /* line 87, sass/realm/_header.scss */
  .logo-shrink .scl-logo {
    max-height: 65px; }
  /* line 92, sass/realm/_header.scss */
  .logo-shrink .logo-spin {
    width: 44px; }
  /* line 96, sass/realm/_header.scss */
  .logo-shrink .svg-logo {
    width: 130px; }

/* line 101, sass/realm/_header.scss */
.login {
  color: #333; }
  @media (min-width: 540px) {
    /* line 101, sass/realm/_header.scss */
    .login {
      float: right; } }
  /* line 108, sass/realm/_header.scss */
  .login label {
    color: #333; }
  /* line 112, sass/realm/_header.scss */
  .login .login-username,
  .login .login-password {
    font-size: 10px;
    display: none; }
    @media (min-width: 540px) {
      /* line 112, sass/realm/_header.scss */
      .login .login-username,
      .login .login-password {
        float: left;
        clear: none;
        margin: 0 10px;
        display: block; } }
  /* line 125, sass/realm/_header.scss */
  .login .login-submit {
    display: none; }

/* line 130, sass/realm/_header.scss */
.spr-social-icon-facebook-small,
.spr-social-icon-twitter-small {
  max-width: 100%;
  background-size: 100%;
  background-image: url("img/social-sprite.png"); }

/* line 137, sass/realm/_header.scss */
.spr-social-icon-facebook-small {
  background-position: 0 0%;
  background-size: 100%; }

/* line 142, sass/realm/_header.scss */
.spr-social-icon-twitter-small {
  background-position: 0 100%;
  background-size: 100%; }

/* line 10, sass/navigation/_blognav.scss */
.page-template-page-blog .blognav,
body.single .blognav,
body.category .blognav,
body.author .blognav {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 20; }
  /* line 16, sass/navigation/_blognav.scss */
  .page-template-page-blog .blognav-trigger,
  body.single .blognav-trigger,
  body.category .blognav-trigger,
  body.author .blognav-trigger {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 100%;
    left: 5px;
    z-index: 99999999;
    cursor: pointer;
    display: none; }
    @media (min-width: 600px) {
      /* line 16, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-trigger,
      body.single .blognav-trigger,
      body.category .blognav-trigger,
      body.author .blognav-trigger {
        display: block; } }
    /* line 31, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger-shape:before, .page-template-page-blog .blognav-trigger-shape:after,
    .page-template-page-blog .blognav-trigger-shape .middle,
    body.single .blognav-trigger-shape:before,
    body.single .blognav-trigger-shape:after,
    body.single .blognav-trigger-shape .middle,
    body.category .blognav-trigger-shape:before,
    body.category .blognav-trigger-shape:after,
    body.category .blognav-trigger-shape .middle,
    body.author .blognav-trigger-shape:before,
    body.author .blognav-trigger-shape:after,
    body.author .blognav-trigger-shape .middle {
      content: '';
      display: block;
      width: 40px;
      height: 7px;
      background-color: #333;
      position: absolute;
      border-radius: 7px;
      -webkit-transition: all .4s;
      transition: all .4s; }
    /* line 45, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger-shape:before, .page-template-page-blog .blognav-trigger-shape:after,
    body.single .blognav-trigger-shape:before,
    body.single .blognav-trigger-shape:after,
    body.category .blognav-trigger-shape:before,
    body.category .blognav-trigger-shape:after,
    body.author .blognav-trigger-shape:before,
    body.author .blognav-trigger-shape:after {
      width: 20px;
      bottom: 9px; }
    /* line 51, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger-shape:before,
    body.single .blognav-trigger-shape:before,
    body.category .blognav-trigger-shape:before,
    body.author .blognav-trigger-shape:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 10px; }
    /* line 57, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger-shape .middle,
    body.single .blognav-trigger-shape .middle,
    body.category .blognav-trigger-shape .middle,
    body.author .blognav-trigger-shape .middle {
      width: 7px;
      height: 40px;
      top: 5px;
      left: 21.5px; }
    /* line 64, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger-shape:after,
    body.single .blognav-trigger-shape:after,
    body.category .blognav-trigger-shape:after,
    body.author .blognav-trigger-shape:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      right: 9px; }
    /* line 73, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger.cross .blognav-trigger-shape:before, .page-template-page-blog .blognav-trigger.cross .blognav-trigger-shape:after,
    body.single .blognav-trigger.cross .blognav-trigger-shape:before,
    body.single .blognav-trigger.cross .blognav-trigger-shape:after,
    body.category .blognav-trigger.cross .blognav-trigger-shape:before,
    body.category .blognav-trigger.cross .blognav-trigger-shape:after,
    body.author .blognav-trigger.cross .blognav-trigger-shape:before,
    body.author .blognav-trigger.cross .blognav-trigger-shape:after {
      width: 40px;
      top: auto;
      right: auto;
      bottom: 50%;
      left: auto; }
    /* line 82, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger.cross .blognav-trigger-shape:before,
    body.single .blognav-trigger.cross .blognav-trigger-shape:before,
    body.category .blognav-trigger.cross .blognav-trigger-shape:before,
    body.author .blognav-trigger.cross .blognav-trigger-shape:before {
      left: 50%;
      -webkit-transform: translate(-50%, 50%) rotate(45deg);
      transform: translate(-50%, 50%) rotate(45deg); }
    /* line 88, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger.cross .blognav-trigger-shape:after,
    body.single .blognav-trigger.cross .blognav-trigger-shape:after,
    body.category .blognav-trigger.cross .blognav-trigger-shape:after,
    body.author .blognav-trigger.cross .blognav-trigger-shape:after {
      right: 50%;
      -webkit-transform: translate(50%, 50%) rotate(-45deg);
      transform: translate(50%, 50%) rotate(-45deg); }
    /* line 94, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-trigger.cross .blognav-trigger-shape .middle,
    body.single .blognav-trigger.cross .blognav-trigger-shape .middle,
    body.category .blognav-trigger.cross .blognav-trigger-shape .middle,
    body.author .blognav-trigger.cross .blognav-trigger-shape .middle {
      height: 0;
      top: 50%; }
  /* line 102, sass/navigation/_blognav.scss */
  .page-template-page-blog .blognav-items,
  body.single .blognav-items,
  body.category .blognav-items,
  body.author .blognav-items {
    display: block;
    background-color: #cecece; }
    @media (min-width: 600px) {
      /* line 102, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-items,
      body.single .blognav-items,
      body.category .blognav-items,
      body.author .blognav-items {
        display: none; } }
    /* line 110, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-items-inner,
    body.single .blognav-items-inner,
    body.category .blognav-items-inner,
    body.author .blognav-items-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
  /* line 130, sass/navigation/_blognav.scss */
  .page-template-page-blog .blognav-item,
  body.single .blognav-item,
  body.category .blognav-item,
  body.author .blognav-item {
    width: auto;
    height: auto;
    margin: 10px;
    position: relative; }
    @media (min-width: 600px) {
      /* line 137, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-item:hover .blognav-item-description,
      body.single .blognav-item:hover .blognav-item-description,
      body.category .blognav-item:hover .blognav-item-description,
      body.author .blognav-item:hover .blognav-item-description {
        opacity: 1;
        pointer-events: auto; } }
    /* line 145, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item:hover .blognav-item-name:before,
    body.single .blognav-item:hover .blognav-item-name:before,
    body.category .blognav-item:hover .blognav-item-name:before,
    body.author .blognav-item:hover .blognav-item-name:before {
      background-color: #858585; }
    /* line 150, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item a,
    body.single .blognav-item a,
    body.category .blognav-item a,
    body.author .blognav-item a {
      text-decoration: none; }
    /* line 154, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-description,
    body.single .blognav-item-description,
    body.category .blognav-item-description,
    body.author .blognav-item-description {
      position: absolute;
      width: 300%;
      max-width: 100vw;
      left: -100%;
      bottom: -100%;
      text-align: center;
      background-color: #474747;
      border: 2px solid #333;
      border-radius: 5px;
      opacity: 0;
      transition: opacity .3s;
      transition-delay: 1s;
      color: #fff;
      pointer-events: none;
      display: none; }
      @media (min-width: 600px) {
        /* line 154, sass/navigation/_blognav.scss */
        .page-template-page-blog .blognav-item-description,
        body.single .blognav-item-description,
        body.category .blognav-item-description,
        body.author .blognav-item-description {
          display: block; } }
      /* line 175, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-item-description:before, .page-template-page-blog .blognav-item-description:after,
      body.single .blognav-item-description:before,
      body.single .blognav-item-description:after,
      body.category .blognav-item-description:before,
      body.category .blognav-item-description:after,
      body.author .blognav-item-description:before,
      body.author .blognav-item-description:after {
        content: '';
        display: block;
        position: absolute;
        top: -70%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 13px solid #333; }
      /* line 190, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-item-description:after,
      body.single .blognav-item-description:after,
      body.category .blognav-item-description:after,
      body.author .blognav-item-description:after {
        border-bottom-color: #474747;
        border-left-width: 10px;
        border-right-width: 10px;
        border-bottom-width: 11px;
        top: -50%; }
      /* line 198, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-item-description p,
      body.single .blognav-item-description p,
      body.category .blognav-item-description p,
      body.author .blognav-item-description p {
        margin: 0;
        font-size: .7em; }
    /* line 204, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-name,
    body.single .blognav-item-name,
    body.category .blognav-item-name,
    body.author .blognav-item-name {
      line-height: 40px;
      float: left;
      position: relative;
      padding-left: 40px; }
      /* line 210, sass/navigation/_blognav.scss */
      .page-template-page-blog .blognav-item-name:before,
      body.single .blognav-item-name:before,
      body.category .blognav-item-name:before,
      body.author .blognav-item-name:before {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 5px;
        left: 0;
        border-radius: 100%;
        background-color: #333;
        transition: background-color .4s; }
    /* line 225, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-style .blognav-item-name:before,
    body.single .blognav-item-style .blognav-item-name:before,
    body.category .blognav-item-style .blognav-item-name:before,
    body.author .blognav-item-style .blognav-item-name:before {
      background-color: #f27840; }
    /* line 230, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-style:hover .blognav-item-name:before,
    body.single .blognav-item-style:hover .blognav-item-name:before,
    body.category .blognav-item-style:hover .blognav-item-name:before,
    body.author .blognav-item-style:hover .blognav-item-name:before {
      background-color: #f7ae8c; }
    /* line 237, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-code .blognav-item-name:before,
    body.single .blognav-item-code .blognav-item-name:before,
    body.category .blognav-item-code .blognav-item-name:before,
    body.author .blognav-item-code .blognav-item-name:before {
      background-color: #5bbb47; }
    /* line 242, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-code:hover .blognav-item-name:before,
    body.single .blognav-item-code:hover .blognav-item-name:before,
    body.category .blognav-item-code:hover .blognav-item-name:before,
    body.author .blognav-item-code:hover .blognav-item-name:before {
      background-color: #9dd691; }
    /* line 249, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-logistics .blognav-item-name:before,
    body.single .blognav-item-logistics .blognav-item-name:before,
    body.category .blognav-item-logistics .blognav-item-name:before,
    body.author .blognav-item-logistics .blognav-item-name:before {
      background-color: #32afe4; }
    /* line 254, sass/navigation/_blognav.scss */
    .page-template-page-blog .blognav-item-logistics:hover .blognav-item-name:before,
    body.single .blognav-item-logistics:hover .blognav-item-name:before,
    body.category .blognav-item-logistics:hover .blognav-item-name:before,
    body.author .blognav-item-logistics:hover .blognav-item-name:before {
      background-color: #84cfef; }

/* line 1, sass/navigation/_footer-menu.scss */
.footer-menu {
  list-style: none;
  margin-left: 0;
  font-size: 0.8rem;
  padding-left: 0; }

/* line 7, sass/navigation/_footer-menu.scss */
.footer-menu-item {
  line-height: 1.2rem; }
  /* line 10, sass/navigation/_footer-menu.scss */
  .footer-menu-item a {
    text-decoration: none; }

/* line 1, sass/navigation/_main-nav.scss */
.main-navigation {
  position: absolute;
  left: 0;
  text-align: center;
  margin-top: 72px;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  @media (min-width: 540px) {
    /* line 1, sass/navigation/_main-nav.scss */
    .main-navigation {
      bottom: 8px;
      right: 0;
      left: auto;
      margin: 0; } }

/* line 18, sass/navigation/_main-nav.scss */
.primary-menu-stuff {
  width: 100%;
  margin: 0 auto !important;
  transition: background-color 0.4s;
  padding-right: 8px;
  background-color: #fff; }
  @media (min-width: 540px) {
    /* line 18, sass/navigation/_main-nav.scss */
    .primary-menu-stuff {
      float: right;
      background-color: transparent;
      width: auto;
      margin: 0; } }
  /* line 32, sass/navigation/_main-nav.scss */
  .primary-menu-stuff li {
    float: none;
    width: 100%;
    clear: both;
    padding: 0 2em; }
    @media (min-width: 540px) {
      /* line 32, sass/navigation/_main-nav.scss */
      .primary-menu-stuff li {
        border-right: 2px solid #333;
        padding: 0 6px;
        float: left;
        clear: none;
        width: auto; } }
    /* line 46, sass/navigation/_main-nav.scss */
    .primary-menu-stuff li:last-child {
      border-right: 0; }
      /* line 49, sass/navigation/_main-nav.scss */
      .primary-menu-stuff li:last-child a {
        border-bottom: 0; }
    /* line 54, sass/navigation/_main-nav.scss */
    .primary-menu-stuff li a {
      color: #333;
      font-size: 0.8em;
      transition: color 0.4s, background-color 0.4s;
      line-height: 1em;
      padding: 1em 0;
      border-bottom: 1px solid rgba(51, 51, 51, 0.7); }
      @media (min-width: 540px) {
        /* line 54, sass/navigation/_main-nav.scss */
        .primary-menu-stuff li a {
          font-size: 1em;
          padding: 0;
          border-bottom: 0; } }
      /* line 68, sass/navigation/_main-nav.scss */
      .primary-menu-stuff li a:hover {
        color: #858585;
        background-color: #fff; }
        @media (min-width: 600px) {
          /* line 68, sass/navigation/_main-nav.scss */
          .primary-menu-stuff li a:hover {
            background-color: transparent; } }

/* line 80, sass/navigation/_main-nav.scss */
.nav-shrink {
  margin-top: 64px; }
  @media (min-width: 540px) {
    /* line 80, sass/navigation/_main-nav.scss */
    .nav-shrink {
      margin-top: 8px; } }
  /* line 87, sass/navigation/_main-nav.scss */
  .nav-shrink .menu-toggle {
    top: -56px; }

/* line 92, sass/navigation/_main-nav.scss */
.menu-toggle {
  position: absolute;
  top: -56px;
  right: 32px;
  -webkit-transition: top 0.3s;
  transition: top 0.3s; }
  @media (min-width: 540px) {
    /* line 92, sass/navigation/_main-nav.scss */
    .menu-toggle {
      display: none; } }

/* line 104, sass/navigation/_main-nav.scss */
.mobutton {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.9s;
  transition: -webkit-transform 0.9s;
  transition: transform 0.9s; }
  /* line 114, sass/navigation/_main-nav.scss */
  .mobutton .stripe {
    width: 40px;
    height: 5px;
    background-color: #333;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  /* line 123, sass/navigation/_main-nav.scss */
  .mobutton .stripe1 {
    top: 0; }
  /* line 127, sass/navigation/_main-nav.scss */
  .mobutton .stripe2 {
    top: 15px; }
  /* line 131, sass/navigation/_main-nav.scss */
  .mobutton .stripe3 {
    top: 30px; }
  /* line 135, sass/navigation/_main-nav.scss */
  .mobutton .anim1 {
    top: 15px; }
  /* line 139, sass/navigation/_main-nav.scss */
  .mobutton .anim1-1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  /* line 144, sass/navigation/_main-nav.scss */
  .mobutton .anim2 {
    display: none; }
  /* line 148, sass/navigation/_main-nav.scss */
  .mobutton .anim3 {
    top: 15px; }
  /* line 152, sass/navigation/_main-nav.scss */
  .mobutton .anim3-1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  /* line 157, sass/navigation/_main-nav.scss */
  .mobutton.anim-button {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

/* line 2, sass/template/_single-site.scss */
.single.single-site .site {
  margin-bottom: 16px; }

/* line 6, sass/template/_single-site.scss */
.single.single-site .entry-header {
  width: 100%; }

/* line 10, sass/template/_single-site.scss */
.single.single-site .entry-title {
  width: 100%;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 0 16px; }

/* line 19, sass/template/_single-site.scss */
.single.single-site .entry-thumbnail img {
  width: 100%;
  display: block; }

/* line 26, sass/template/_single-site.scss */
.single.single-site .entry-responsive iframe {
  width: 100%;
  height: 400px; }

/* line 31, sass/template/_single-site.scss */
.single.single-site .entry-responsive img {
  width: 100%; }

/* line 36, sass/template/_single-site.scss */
.single.single-site .entry-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

/* line 40, sass/template/_single-site.scss */
.single.single-site .entry-description,
.single.single-site .entry-features {
  padding: 0 16px;
  width: 100%; }
  @media (min-width: 750px) {
    /* line 40, sass/template/_single-site.scss */
    .single.single-site .entry-description,
    .single.single-site .entry-features {
      width: 50%; } }

/* line 51, sass/template/_single-site.scss */
.single.single-site .entry-features ul {
  margin-top: 1em; }

/* line 56, sass/template/_single-site.scss */
.single.single-site .testimonial {
  width: 100%;
  height: auto;
  background-color: #d5d5d5;
  color: #333;
  padding: 16px 32px; }
  /* line 63, sass/template/_single-site.scss */
  .single.single-site .testimonial-content {
    quotes: "\201C" "\201D";
    position: relative;
    width: 100%;
    max-width: 750px;
    text-align: center;
    margin: 0 auto; }
    /* line 71, sass/template/_single-site.scss */
    .single.single-site .testimonial-content:before {
      content: open-quote;
      top: -20px;
      left: -25px; }
      @media (min-width: 750px) {
        /* line 71, sass/template/_single-site.scss */
        .single.single-site .testimonial-content:before {
          left: -4%; } }
    /* line 81, sass/template/_single-site.scss */
    .single.single-site .testimonial-content:after {
      content: close-quote;
      bottom: 0;
      right: -4%;
      line-height: 0.5em; }
    /* line 88, sass/template/_single-site.scss */
    .single.single-site .testimonial-content:before, .single.single-site .testimonial-content:after {
      position: absolute;
      font-size: 4em;
      line-height: 1em;
      color: #333; }
  /* line 97, sass/template/_single-site.scss */
  .single.single-site .testimonial-foot {
    font-size: 0.9em;
    font-style: italic;
    color: #999;
    text-align: right; }
    /* line 103, sass/template/_single-site.scss */
    .single.single-site .testimonial-foot p {
      margin-bottom: 0; }

/* line 109, sass/template/_single-site.scss */
.single.single-site .posts-navigation {
  width: 100%; }
  /* line 112, sass/template/_single-site.scss */
  .single.single-site .posts-navigation .post-navigation {
    text-align: center;
    width: 50%;
    border-radius: 0; }
    /* line 117, sass/template/_single-site.scss */
    .single.single-site .posts-navigation .post-navigation:only-of-type {
      width: 100%; }

/* line 5, sass/template/_slider.scss */
.content-box-slider {
  width: 100%;
  height: 100px;
  padding: 1em 0;
  background-color: transparent;
  position: relative;
  overflow: hidden; }
  /* line 15, sass/template/_slider.scss */
  .content-box-slider:hover .slider-controls-arrow {
    opacity: 1;
    pointer-events: auto; }
  /* line 23, sass/template/_slider.scss */
  .content-box-slider .slider-controls-arrow {
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255, 255, 255, 0.4);
    /* background-color: orange; */
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none; }
    /* line 36, sass/template/_slider.scss */
    .content-box-slider .slider-controls-arrow:before, .content-box-slider .slider-controls-arrow:after {
      content: '';
      display: block;
      background-color: #323232;
      width: 20px;
      height: 5px;
      border-radius: 5px;
      position: absolute;
      top: 50%;
      left: 50%; }
    /* line 49, sass/template/_slider.scss */
    .content-box-slider .slider-controls-arrow.left {
      left: 0; }
      /* line 52, sass/template/_slider.scss */
      .content-box-slider .slider-controls-arrow.left:before {
        transform: rotate(-45deg) translate(-12.5%, -285%); }
      /* line 56, sass/template/_slider.scss */
      .content-box-slider .slider-controls-arrow.left:after {
        transform: rotate(45deg) translate(-30%, 217.5%); }
    /* line 61, sass/template/_slider.scss */
    .content-box-slider .slider-controls-arrow.right {
      right: 0;
      transform: rotate(180deg); }
      /* line 65, sass/template/_slider.scss */
      .content-box-slider .slider-controls-arrow.right:before {
        transform: rotate(45deg) translate(-12.5%, 285%); }
      /* line 69, sass/template/_slider.scss */
      .content-box-slider .slider-controls-arrow.right:after {
        transform: rotate(-45deg) translate(-30%, -217.5%); }
  /* line 76, sass/template/_slider.scss */
  .content-box-slider .slider-items {
    min-width: calc(100% + 300px);
    display: flex;
    justify-content: flex-start;
    position: absolute;
    /* left: -$slider-items-offset; */
    left: 0; }
    /* line 84, sass/template/_slider.scss */
    .content-box-slider .slider-items.left-shake {
      animation: left-shake .2s linear; }
    /* line 88, sass/template/_slider.scss */
    .content-box-slider .slider-items.right-shake {
      animation: right-shake .2s linear; }
    /* line 92, sass/template/_slider.scss */
    .content-box-slider .slider-items-item {
      width: 100px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 99, sass/template/_slider.scss */
      .content-box-slider .slider-items-item-image {
        max-width: 100%;
        filter: grayscale(100%);
        transition: filter .3s; }
        /* line 104, sass/template/_slider.scss */
        .content-box-slider .slider-items-item-image:hover {
          filter: grayscale(0%); }

@keyframes left-shake {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@keyframes right-shake {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

/* line 2, sass/page/_author.scss */
.author .page-title {
  margin-top: 15px; }

/* line 7, sass/page/_author.scss */
.author .author-bio-section {
  margin-top: 0; }

/* line 12, sass/page/_author.scss */
.author article.post:first-child {
  margin-top: 1em; }

/* line 6, sass/page/_blog.scss */
.page-template-page-blog .site-content,
body.category .site-content,
body.author .site-content {
  overflow-x: hidden; }

/* line 10, sass/page/_blog.scss */
.page-template-page-blog article.post,
body.category article.post,
body.author article.post {
  margin: 2em 0;
  border: 3px solid #333;
  position: relative;
  z-index: 10;
  border-color: #f3f3f5;
  border-left-width: 8px; }
  /* line 20, sass/page/_blog.scss */
  .page-template-page-blog article.post:hover:before,
  body.category article.post:hover:before,
  body.author article.post:hover:before {
    left: calc(100% - 15px);
    opacity: 1; }
  /* line 26, sass/page/_blog.scss */
  .page-template-page-blog article.post:last-child,
  body.category article.post:last-child,
  body.author article.post:last-child {
    margin-bottom: 0; }
  /* line 30, sass/page/_blog.scss */
  .page-template-page-blog article.post:before,
  body.category article.post:before,
  body.author article.post:before {
    content: 'other';
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 1.3em;
    opacity: .6;
    color: #333;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: none;
    transition: left .4s;
    z-index: 8; }
    @media (min-width: 600px) {
      /* line 30, sass/page/_blog.scss */
      .page-template-page-blog article.post:before,
      body.category article.post:before,
      body.author article.post:before {
        display: block; } }
  /* line 51, sass/page/_blog.scss */
  .page-template-page-blog article.post:after,
  body.category article.post:after,
  body.author article.post:after {
    content: '';
    z-index: 9;
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none; }
    @media (min-width: 600px) {
      /* line 51, sass/page/_blog.scss */
      .page-template-page-blog article.post:after,
      body.category article.post:after,
      body.author article.post:after {
        display: block; } }
  /* line 67, sass/page/_blog.scss */
  .page-template-page-blog article.post *,
  body.category article.post *,
  body.author article.post * {
    position: relative;
    z-index: 10; }
  /* line 72, sass/page/_blog.scss */
  .page-template-page-blog article.post .entry-header,
  body.category article.post .entry-header,
  body.author article.post .entry-header {
    width: 100%;
    width: calc(100% + 3px);
    margin: 0 -3px 0 0;
    top: -3px;
    color: #fff;
    background-color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    min-height: 95px; }
    /* line 106, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-header .entry-title,
    body.category article.post .entry-header .entry-title,
    body.author article.post .entry-header .entry-title {
      position: relative;
      overflow: hidden;
      padding: 0 5px 5px;
      margin-bottom: 5px;
      text-align: center;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1; }
      @media (min-width: 760px) {
        /* line 106, sass/page/_blog.scss */
        .page-template-page-blog article.post .entry-header .entry-title,
        body.category article.post .entry-header .entry-title,
        body.author article.post .entry-header .entry-title {
          width: auto;
          padding: 0 16px 5px;
          text-align: left; } }
      /* line 137, sass/page/_blog.scss */
      .page-template-page-blog article.post .entry-header .entry-title > a,
      body.category article.post .entry-header .entry-title > a,
      body.author article.post .entry-header .entry-title > a {
        text-decoration: none;
        color: #f3f3f5 !important; }
    /* line 146, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-header .updated,
    body.category article.post .entry-header .updated,
    body.author article.post .entry-header .updated {
      display: none; }
      /* line 149, sass/page/_blog.scss */
      .page-template-page-blog article.post .entry-header .updated.published,
      body.category article.post .entry-header .updated.published,
      body.author article.post .entry-header .updated.published {
        display: inline; }
    /* line 155, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-header .entry-meta,
    body.category article.post .entry-header .entry-meta,
    body.author article.post .entry-header .entry-meta {
      font-size: .67em;
      float: left;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      position: relative;
      width: 70px;
      margin: 0 10px;
      display: none;
      -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
      flex-basis: auto;
      min-width: 70px; }
      @media (min-width: 760px) {
        /* line 155, sass/page/_blog.scss */
        .page-template-page-blog article.post .entry-header .entry-meta,
        body.category article.post .entry-header .entry-meta,
        body.author article.post .entry-header .entry-meta {
          display: block; } }
      /* line 181, sass/page/_blog.scss */
      .page-template-page-blog article.post .entry-header .entry-meta,
      .page-template-page-blog article.post .entry-header .entry-meta *,
      body.category article.post .entry-header .entry-meta,
      body.category article.post .entry-header .entry-meta *,
      body.author article.post .entry-header .entry-meta,
      body.author article.post .entry-header .entry-meta * {
        color: #222; }
      /* line 186, sass/page/_blog.scss */
      .page-template-page-blog article.post .entry-header .entry-meta p,
      body.category article.post .entry-header .entry-meta p,
      body.author article.post .entry-header .entry-meta p {
        margin: 0 0 5px; }
      /* line 190, sass/page/_blog.scss */
      .page-template-page-blog article.post .entry-header .entry-meta .meta-contents,
      body.category article.post .entry-header .entry-meta .meta-contents,
      body.author article.post .entry-header .entry-meta .meta-contents {
        display: inline-block;
        white-space: nowrap;
        position: relative;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    /* line 201, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-header .the-time,
    body.category article.post .entry-header .the-time,
    body.author article.post .entry-header .the-time {
      display: none;
      width: 70px;
      height: 70px;
      float: left;
      border-radius: 100%;
      font-size: 12px;
      text-align: center;
      color: #333;
      background-color: #fff;
      white-space: nowrap;
      line-height: 70px;
      font-family: mario; }
      @media (min-width: 760px) {
        /* line 201, sass/page/_blog.scss */
        .page-template-page-blog article.post .entry-header .the-time,
        body.category article.post .entry-header .the-time,
        body.author article.post .entry-header .the-time {
          display: block; } }
    /* line 225, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-header h1,
    body.category article.post .entry-header h1,
    body.author article.post .entry-header h1 {
      margin-top: 0; }
    /* line 229, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-header a,
    body.category article.post .entry-header a,
    body.author article.post .entry-header a {
      color: #fff; }
  /* line 234, sass/page/_blog.scss */
  .page-template-page-blog article.post .the-excerpt,
  body.category article.post .the-excerpt,
  body.author article.post .the-excerpt {
    padding: 0 1em; }
  /* line 242, sass/page/_blog.scss */
  .page-template-page-blog article.post .entry-thumbnail,
  body.category article.post .entry-thumbnail,
  body.author article.post .entry-thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 150px;
    height: 150px;
    float: left;
    margin: 0 1em; }
    /* line 249, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-thumbnail img,
    body.category article.post .entry-thumbnail img,
    body.author article.post .entry-thumbnail img {
      width: 100%; }
  /* line 254, sass/page/_blog.scss */
  .page-template-page-blog article.post .entry-footer,
  body.category article.post .entry-footer,
  body.author article.post .entry-footer {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 15px;
    margin-right: 105px; }
    /* line 261, sass/page/_blog.scss */
    .page-template-page-blog article.post .entry-footer span,
    body.category article.post .entry-footer span,
    body.author article.post .entry-footer span {
      float: left;
      clear: both;
      margin: 0 10px;
      white-space: nowrap; }
      @media (min-width: 780px) {
        /* line 261, sass/page/_blog.scss */
        .page-template-page-blog article.post .entry-footer span,
        body.category article.post .entry-footer span,
        body.author article.post .entry-footer span {
          clear: none; } }
      @media (min-width: 780px) {
        /* line 271, sass/page/_blog.scss */
        .page-template-page-blog article.post .entry-footer span:first-child,
        body.category article.post .entry-footer span:first-child,
        body.author article.post .entry-footer span:first-child {
          margin-left: 0; } }
      /* line 278, sass/page/_blog.scss */
      .page-template-page-blog article.post .entry-footer span.posted-on,
      body.category article.post .entry-footer span.posted-on,
      body.author article.post .entry-footer span.posted-on {
        display: inline;
        margin-left: 5px !important; }
        @media (min-width: 760px) {
          /* line 278, sass/page/_blog.scss */
          .page-template-page-blog article.post .entry-footer span.posted-on,
          body.category article.post .entry-footer span.posted-on,
          body.author article.post .entry-footer span.posted-on {
            display: none; } }
      /* line 288, sass/page/_blog.scss */
      span.cat-links + span.posted-by,
      span.cat-links ~ span.posted-on {
        margin: 0 !important;
        clear: none !important; }
      /* line 294, sass/page/_blog.scss */
      span.cat-links + span.tags-links {
        margin-left: 10px !important; }
  /* line 301, sass/page/_blog.scss */
  .page-template-page-blog article.post .read-more,
  body.category article.post .read-more,
  body.author article.post .read-more {
    display: block;
    position: relative;
    top: -46px;
    right: 5px;
    float: right;
    padding: .25em;
    border: 2px solid #333;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s; }
    /* line 315, sass/page/_blog.scss */
    .page-template-page-blog article.post .read-more:hover,
    body.category article.post .read-more:hover,
    body.author article.post .read-more:hover {
      background-color: #e6e6e6;
      color: #333; }

/* line 328, sass/page/_blog.scss */
.page-template-page-blog .post.category-style,
body.category .post.category-style,
body.author .post.category-style {
  border-left-color: #f27840;
  border-top-color: #f27840; }
  /* line 334, sass/page/_blog.scss */
  .page-template-page-blog .post.category-style:hover:before,
  body.category .post.category-style:hover:before,
  body.author .post.category-style:hover:before {
    left: calc(100% - 12px); }
  /* line 349, sass/page/_blog.scss */
  .page-template-page-blog .post.category-style:before,
  body.category .post.category-style:before,
  body.author .post.category-style:before {
    content: "style" !important;
    color: #f27840 !important; }
  /* line 354, sass/page/_blog.scss */
  .page-template-page-blog .post.category-style .entry-header,
  body.category .post.category-style .entry-header,
  body.author .post.category-style .entry-header {
    background-color: #333 !important;
    border-bottom-color: #f27840; }
  /* line 359, sass/page/_blog.scss */
  .page-template-page-blog .post.category-style .entry-title,
  body.category .post.category-style .entry-title,
  body.author .post.category-style .entry-title {
    border-bottom-color: #f27840 !important; }
    /* line 364, sass/page/_blog.scss */
    .page-template-page-blog .post.category-style .entry-title > a,
    body.category .post.category-style .entry-title > a,
    body.author .post.category-style .entry-title > a {
      color: #f27840 !important; }
  /* line 369, sass/page/_blog.scss */
  .page-template-page-blog .post.category-style .the-time,
  body.category .post.category-style .the-time,
  body.author .post.category-style .the-time {
    background-color: #f27840 !important;
    color: #fff !important; }
  /* line 374, sass/page/_blog.scss */
  .page-template-page-blog .post.category-style .read-more,
  body.category .post.category-style .read-more,
  body.author .post.category-style .read-more {
    border-color: #f27840 !important; }

/* line 328, sass/page/_blog.scss */
.page-template-page-blog .post.category-code,
body.category .post.category-code,
body.author .post.category-code {
  border-left-color: #5bbb47;
  border-top-color: #5bbb47; }
  /* line 334, sass/page/_blog.scss */
  .page-template-page-blog .post.category-code:hover:before,
  body.category .post.category-code:hover:before,
  body.author .post.category-code:hover:before {
    left: calc(100% - 13px); }
  /* line 349, sass/page/_blog.scss */
  .page-template-page-blog .post.category-code:before,
  body.category .post.category-code:before,
  body.author .post.category-code:before {
    content: "code" !important;
    color: #5bbb47 !important; }
  /* line 354, sass/page/_blog.scss */
  .page-template-page-blog .post.category-code .entry-header,
  body.category .post.category-code .entry-header,
  body.author .post.category-code .entry-header {
    background-color: #333 !important;
    border-bottom-color: #5bbb47; }
  /* line 359, sass/page/_blog.scss */
  .page-template-page-blog .post.category-code .entry-title,
  body.category .post.category-code .entry-title,
  body.author .post.category-code .entry-title {
    border-bottom-color: #5bbb47 !important; }
    /* line 364, sass/page/_blog.scss */
    .page-template-page-blog .post.category-code .entry-title > a,
    body.category .post.category-code .entry-title > a,
    body.author .post.category-code .entry-title > a {
      color: #5bbb47 !important; }
  /* line 369, sass/page/_blog.scss */
  .page-template-page-blog .post.category-code .the-time,
  body.category .post.category-code .the-time,
  body.author .post.category-code .the-time {
    background-color: #5bbb47 !important;
    color: #fff !important; }
  /* line 374, sass/page/_blog.scss */
  .page-template-page-blog .post.category-code .read-more,
  body.category .post.category-code .read-more,
  body.author .post.category-code .read-more {
    border-color: #5bbb47 !important; }

/* line 328, sass/page/_blog.scss */
.page-template-page-blog .post.category-logistics,
body.category .post.category-logistics,
body.author .post.category-logistics {
  border-left-color: #32afe4;
  border-top-color: #32afe4; }
  /* line 334, sass/page/_blog.scss */
  .page-template-page-blog .post.category-logistics:hover:before,
  body.category .post.category-logistics:hover:before,
  body.author .post.category-logistics:hover:before {
    left: calc(100% - 30px); }
  /* line 349, sass/page/_blog.scss */
  .page-template-page-blog .post.category-logistics:before,
  body.category .post.category-logistics:before,
  body.author .post.category-logistics:before {
    content: "logistics" !important;
    color: #32afe4 !important; }
  /* line 354, sass/page/_blog.scss */
  .page-template-page-blog .post.category-logistics .entry-header,
  body.category .post.category-logistics .entry-header,
  body.author .post.category-logistics .entry-header {
    background-color: #333 !important;
    border-bottom-color: #32afe4; }
  /* line 359, sass/page/_blog.scss */
  .page-template-page-blog .post.category-logistics .entry-title,
  body.category .post.category-logistics .entry-title,
  body.author .post.category-logistics .entry-title {
    border-bottom-color: #32afe4 !important; }
    /* line 364, sass/page/_blog.scss */
    .page-template-page-blog .post.category-logistics .entry-title > a,
    body.category .post.category-logistics .entry-title > a,
    body.author .post.category-logistics .entry-title > a {
      color: #32afe4 !important; }
  /* line 369, sass/page/_blog.scss */
  .page-template-page-blog .post.category-logistics .the-time,
  body.category .post.category-logistics .the-time,
  body.author .post.category-logistics .the-time {
    background-color: #32afe4 !important;
    color: #fff !important; }
  /* line 374, sass/page/_blog.scss */
  .page-template-page-blog .post.category-logistics .read-more,
  body.category .post.category-logistics .read-more,
  body.author .post.category-logistics .read-more {
    border-color: #32afe4 !important; }

/* line 2, sass/page/_category.scss */
.category .page-title {
  margin-top: 15px; }

@media (min-width: 600px) {
  /* line 2, sass/page/_contact.scss */
  .page-template-page-contact .entry-header {
    width: 85.714286%;
    float: left;
    margin-right: -100%;
    margin-left: 7.142857%;
    clear: both; } }

/* line 12, sass/page/_contact.scss */
.page-template-page-contact .contact-content {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }
  @media (min-width: 600px) {
    /* line 12, sass/page/_contact.scss */
    .page-template-page-contact .contact-content {
      width: 85.714286%;
      float: left;
      margin-right: -100%;
      margin-left: 7.142857%;
      clear: both;
      padding-top: 1em; } }
  /* line 22, sass/page/_contact.scss */
  .page-template-page-contact .contact-content .left {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 900px) {
      /* line 22, sass/page/_contact.scss */
      .page-template-page-contact .contact-content .left {
        width: 44.444444%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: both; } }
  /* line 29, sass/page/_contact.scss */
  .page-template-page-contact .contact-content .right {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    position: relative;
    margin-top: 2em; }
    @media (min-width: 900px) {
      /* line 29, sass/page/_contact.scss */
      .page-template-page-contact .contact-content .right {
        width: 44.444444%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        margin-top: 0;
        padding: 0; } }
    /* line 40, sass/page/_contact.scss */
    .page-template-page-contact .contact-content .right p:first-of-type {
      margin: 0.5em 0;
      float: left;
      clear: both;
      width: 100%; }
  /* line 48, sass/page/_contact.scss */
  .page-template-page-contact .contact-content .bottom {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

/* line 55, sass/page/_contact.scss */
.page-template-page-contact .map {
  position: relative; }
  /* line 58, sass/page/_contact.scss */
  .page-template-page-contact .map .map-overlay {
    background-color: transparent;
    position: absolute;
    height: 400px;
    width: 100%;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    /* line 69, sass/page/_contact.scss */
    .page-template-page-contact .map .map-overlay.hide-map {
      left: -600%; }

/* line 75, sass/page/_contact.scss */
.page-template-page-contact input[type="submit"] {
  width: 100px;
  padding: 10px !important;
  background-color: #23c508;
  box-shadow: none;
  color: #222;
  border-bottom: 1px solid #404040; }
  /* line 83, sass/page/_contact.scss */
  .page-template-page-contact input[type="submit"]:hover {
    background-color: #4fd139;
    box-shadow: none; }

/* line 89, sass/page/_contact.scss */
.page-template-page-contact .wp-image-65 {
  margin-top: 1rem; }

/* line 94, sass/page/_contact.scss */
.contact-form_wrapper {
  background-color: transparent;
  padding: 0;
  margin: 0; }
  /* line 99, sass/page/_contact.scss */
  .contact-form_wrapper .gfield {
    position: relative !important;
    padding: 0 !important;
    width: 100%; }
  /* line 105, sass/page/_contact.scss */
  .contact-form_wrapper input:not([type="submit"]),
  .contact-form_wrapper textarea {
    line-height: 40px !important;
    font-size: 40px !important;
    width: 100% !important;
    margin-bottom: 2px;
    transition: padding 0.3s, height 0.3s, color 0.3s;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #222;
    padding-left: 0 !important;
    color: #222; }
    /* line 118, sass/page/_contact.scss */
    .contact-form_wrapper input:not([type="submit"]):focus,
    .contact-form_wrapper textarea:focus {
      outline: none;
      color: #222 !important; }
  /* line 124, sass/page/_contact.scss */
  .contact-form_wrapper textarea {
    width: 100%;
    resize: none;
    height: 120px; }
    @media (min-width: 600px) {
      /* line 124, sass/page/_contact.scss */
      .contact-form_wrapper textarea {
        height: 160px; } }
  /* line 134, sass/page/_contact.scss */
  .contact-form_wrapper label {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: -5px;
    font-size: 40px !important;
    font-weight: 400 !important;
    color: #333;
    pointer-events: none;
    transition: font-size 0.3s, top 0.3s; }
    /* line 145, sass/page/_contact.scss */
    .contact-form_wrapper label.smaller {
      font-size: 20px !important;
      top: 5px; }
  /* line 151, sass/page/_contact.scss */
  .contact-form_wrapper input[type="submit"] {
    background-color: #5bbb47;
    color: #fff;
    position: relative;
    border: 0;
    transition: background-color 0.3s, border 0.2s, padding 0.2s;
    font-size: 20px !important;
    line-height: 20px !important;
    text-shadow: none;
    width: auto !important;
    margin-left: 10%;
    box-shadow: none;
    text-shadow: none; }
    @media (min-width: 600px) {
      /* line 151, sass/page/_contact.scss */
      .contact-form_wrapper input[type="submit"] {
        width: auto;
        margin: 0 16px 0 0; } }
    /* line 170, sass/page/_contact.scss */
    .contact-form_wrapper input[type="submit"]:hover, .contact-form_wrapper input[type="submit"]:focus {
      background-color: #7cc96c; }
    /* line 175, sass/page/_contact.scss */
    .contact-form_wrapper input[type="submit"] a {
      color: #fff; }
  /* line 180, sass/page/_contact.scss */
  .contact-form_wrapper .gforms_confirmation_message {
    background-color: #404040;
    padding: 1em; }
  /* line 185, sass/page/_contact.scss */
  .contact-form_wrapper .gform_footer {
    padding-top: 0 !important; }
  /* line 190, sass/page/_contact.scss */
  .contact-form_wrapper.gform_validation_error label {
    font-size: 20px !important;
    line-height: 20px !important;
    top: -10px; }
  /* line 197, sass/page/_contact.scss */
  .contact-form_wrapper .custom-label {
    color: #f27840;
    font-size: 40px;
    font-weight: 400; }

/* line 8, sass/page/_cpt-portfolio.scss */
.page-template-page-portfolio .entry-content {
  border: 1px solid #fff; }

/* line 12, sass/page/_cpt-portfolio.scss */
.page-template-page-portfolio .portfolio-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background-color: #e8e8e8;
  border-bottom: 1px solid #fff; }
  /* line 17, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item:last-child {
    border-bottom: 0; }
  /* line 21, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item .portfolio-item-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    border-right: 1px solid #fff;
    background-color: #e8e8e8; }
    /* line 28, sass/page/_cpt-portfolio.scss */
    .page-template-page-portfolio .portfolio-item .portfolio-item-image img {
      width: 100%; }
  /* line 33, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item .portfolio-item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 60%;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 16px; }
    /* line 54, sass/page/_cpt-portfolio.scss */
    .page-template-page-portfolio .portfolio-item .portfolio-item-content .portfolio-item-excerpt {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 60%;
      -ms-flex: 1 0 60%;
      flex: 1 0 60%;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3; }
      /* line 58, sass/page/_cpt-portfolio.scss */
      .page-template-page-portfolio .portfolio-item .portfolio-item-content .portfolio-item-excerpt p {
        margin: 0; }
    /* line 63, sass/page/_cpt-portfolio.scss */
    .page-template-page-portfolio .portfolio-item .portfolio-item-content .portfolio-item-logo {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2; }
  /* line 71, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item:nth-child(even) .portfolio-item-image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    border-right: 0;
    border-left: 1px solid #fff; }
  /* line 77, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item:nth-child(even) .portfolio-item-content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
    /* line 80, sass/page/_cpt-portfolio.scss */
    .page-template-page-portfolio .portfolio-item:nth-child(even) .portfolio-item-content .portfolio-item-excerpt {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3; }
    /* line 84, sass/page/_cpt-portfolio.scss */
    .page-template-page-portfolio .portfolio-item:nth-child(even) .portfolio-item-content .portfolio-item-logo {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      padding-left: unset; }
  /* line 94, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item:nth-child(3n + 1) {
    background-color: #e8e8e8; }
  /* line 94, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item:nth-child(3n + 2) {
    background-color: gainsboro; }
  /* line 94, sass/page/_cpt-portfolio.scss */
  .page-template-page-portfolio .portfolio-item:nth-child(3n + 3) {
    background-color: #d1d1d1; }


    @media min-width(900px) {
      .page-template-page-portfolio .portfolio-item .portfolio-item-content .portfolio-item-logo {
        -webkit-flex: 1 0 40%;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%;
        width: 40%;
      }
    }
/* line 3, sass/page/_domains.scss */
.page-template-page-domains .search-for-domain {
  text-align: center;
  margin: .5em 0; }

/* line 8, sass/page/_domains.scss */
.page-template-page-domains .searchform {
  text-align: center; }

/* line 12, sass/page/_domains.scss */
.page-template-page-domains .search-box {
  vertical-align: bottom;
  line-height: 1.5em;
  font-size: 2em;
  max-width: 280px; }

/* line 19, sass/page/_domains.scss */
.page-template-page-domains .search-submit {
  background-color: #dc2a2a;
  box-shadow: none;
  height: 60px;
  width: 60px;
  background-image: url("img/search-icon.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
  margin-left: -5px;
  border-radius: 5px; }
  /* line 30, sass/page/_domains.scss */
  .page-template-page-domains .search-submit:hover {
    box-shadow: none;
    background-color: #e35555; }

/* line 2, sass/page/_home.scss */
.page-template-page-home .site-content {
  margin-top: 0; }

/* line 12, sass/page/_home.scss */
.page-template-page-home .banner-wrap {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  background-attachment: fixed;
  padding-top: 100px;
  height: 600px;
  overflow: hidden;
  background-size: cover;
  background-position: 0 60%; }

/* line 22, sass/page/_home.scss */
.page-template-page-home .banner-text-wrap {
  position: relative;
  float: left;
  max-width: 210px;
  left: 10%;
  top: 2rem;
  display: none; }

/* line 32, sass/page/_home.scss */
.page-template-page-home .banner-text-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  width: 100%;
  height: 100%; }
  /* line 37, sass/page/_home.scss */
  .page-template-page-home .banner-text-center-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    width: 70%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px; }
  /* line 44, sass/page/_home.scss */
  .page-template-page-home .banner-text-center-header {
    position: relative;
    height: auto;
    width: 100%;
    font-style: normal;
    font-family: mario-b;
    max-width: 100%;
    margin-top: 0;
    background-image: url("img/head-background-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden; }
    /* line 60, sass/page/_home.scss */
    .page-template-page-home .banner-text-center-header-stripe {
      width: 33%;
      height: 5px;
      position: absolute;
      bottom: 0; }
      /* line 66, sass/page/_home.scss */
      .page-template-page-home .banner-text-center-header-stripe.style {
        background-color: #f27840;
        left: 0;
        z-index: 10; }
      /* line 72, sass/page/_home.scss */
      .page-template-page-home .banner-text-center-header-stripe.code {
        background-color: #5bbb47;
        left: 33%;
        width: 50%;
        z-index: 5; }
      /* line 79, sass/page/_home.scss */
      .page-template-page-home .banner-text-center-header-stripe.logistics {
        background-color: #32afe4;
        right: 0;
        z-index: 10; }
    /* line 86, sass/page/_home.scss */
    .page-template-page-home .banner-text-center-header a {
      color: #fff;
      text-decoration: underline !important; }
  /* line 92, sass/page/_home.scss */
  .page-template-page-home .banner-text-center h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px; }
    @media (min-width: 800px) {
      /* line 92, sass/page/_home.scss */
      .page-template-page-home .banner-text-center h3 {
        font-size: 26px; } }
  /* line 103, sass/page/_home.scss */
  .page-template-page-home .banner-text-center h4 {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    color: #222; }
    @media (min-width: 960px) {
      /* line 103, sass/page/_home.scss */
      .page-template-page-home .banner-text-center h4 {
        width: 50%; } }
    /* line 115, sass/page/_home.scss */
    .page-template-page-home .banner-text-center h4:first-of-type {
      border-bottom: 1px solid #333;
      width: 80%; }
      @media (min-width: 960px) {
        /* line 115, sass/page/_home.scss */
        .page-template-page-home .banner-text-center h4:first-of-type {
          width: 50%;
          border-right: 1px solid #333;
          border-bottom: 0; } }
  /* line 127, sass/page/_home.scss */
  .page-template-page-home .banner-text-center a {
    text-decoration: none; }
  /* line 131, sass/page/_home.scss */
  .page-template-page-home .banner-text-center span {
    white-space: nowrap; }

/* line 136, sass/page/_home.scss */
.page-template-page-home .ready {
  opacity: 1; }

/* line 140, sass/page/_home.scss */
.page-template-page-home .banner-text-2 {
  transition-delay: 2s;
  position: relative;
  left: 3rem; }

/* line 151, sass/page/_home.scss */
.page-template-page-home .entry-content {
  padding: 0; }
  /* line 1, sass/page/import/_home-services-flex.scss */
  .page-template-page-home .entry-content .services {
    background-size: cover;
    background-position: -585px 0;
    padding: 1em;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    @media (min-width: 960px) {
      /* line 1, sass/page/import/_home-services-flex.scss */
      .page-template-page-home .entry-content .services {
        padding: 2em;
        background-position: 0 30%;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
  /* line 36, sass/page/import/_home-services-flex.scss */
  .page-template-page-home .entry-content .service {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    transition: 1s;
    margin: 2em 0;
    border: 1px solid #333;
    border-left: 0;
    border-top: 0;
    border-top-right-radius: 13px;
    padding-bottom: 20px;
    text-align: center;
    width: 90%; }
    @media (min-width: 960px) {
      /* line 36, sass/page/import/_home-services-flex.scss */
      .page-template-page-home .entry-content .service {
        text-align: inherit;
        width: 30%; } }
    /* line 54, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service h2 {
      font-size: 1.5em; }
    /* line 60, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service .service-header {
      height: 41px;
      background-color: #333;
      text-align: left;
      line-height: 41px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-image: url("img/head-background-2.jpg");
      background-size: cover;
      background-repeat-x: no-repeat; }
    /* line 72, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service .service-sub-head {
      text-align: center; }
      /* line 75, sass/page/import/_home-services-flex.scss */
      .page-template-page-home .entry-content .service .service-sub-head h3 {
        color: #222;
        margin: 0; }
    /* line 81, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service .service-text {
      padding: 0 1em; }
      @media (min-width: 1250px) {
        /* line 81, sass/page/import/_home-services-flex.scss */
        .page-template-page-home .entry-content .service .service-text {
          padding: 0 2em; } }
    /* line 89, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service .service-image {
      max-height: 168px; }
    /* line 93, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service .head-divider {
      width: 70%;
      clear: both;
      margin: 0 15%; }
    /* line 99, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service .color-block {
      background-color: #333;
      width: 41px;
      height: 41px;
      float: left;
      margin: 0 .5em 0 0;
      border-top-left-radius: 10px; }
    /* line 109, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service.design .service-header {
      color: #f27840; }
    /* line 113, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service.design .color-block {
      background-color: #f27840; }
    /* line 119, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service.development .service-header {
      color: #5bbb47; }
    /* line 123, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service.development .color-block {
      background-color: #5bbb47; }
    /* line 129, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service.hosting .service-header {
      color: #32afe4; }
    /* line 133, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .service.hosting .color-block {
      background-color: #32afe4; }
  /* line 139, sass/page/import/_home-services-flex.scss */
  .page-template-page-home .entry-content .lower-content {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    /* line 142, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .lower-content .lower-bar {
      padding: 2em;
      margin: 1em 0;
      transition: .5s; }
      @media (min-width: 1250px) {
        /* line 142, sass/page/import/_home-services-flex.scss */
        .page-template-page-home .entry-content .lower-content .lower-bar {
          padding: 2em 14em; } }
      /* line 151, sass/page/import/_home-services-flex.scss */
      .page-template-page-home .entry-content .lower-content .lower-bar:nth-child(3n+1) {
        background-color: #f9a239;
        background-image: url("img/orange-bar.jpg"); }
      /* line 156, sass/page/import/_home-services-flex.scss */
      .page-template-page-home .entry-content .lower-content .lower-bar:nth-child(3n+2) {
        background-color: #58c1a9;
        background-image: url("img/blue-bar.jpg"); }
      /* line 161, sass/page/import/_home-services-flex.scss */
      .page-template-page-home .entry-content .lower-content .lower-bar:nth-child(3n+3) {
        background-color: #3944AC;
        background-image: url("img/deep-blue-bar.jpg"); }
    /* line 167, sass/page/import/_home-services-flex.scss */
    .page-template-page-home .entry-content .lower-content .lower-bar-show {
      opacity: 1; }

/* line 156, sass/page/_home.scss */
.page-template-page-home .content-block {
  border-bottom: 0; }

/* line 160, sass/page/_home.scss */
.page-template-page-home .technologies {
  width: 100%;
  height: auto;
  clear: both; }
  /* line 165, sass/page/_home.scss */
  .page-template-page-home .technologies-title {
    width: 100%;
    height: auto;
    clear: both;
    text-align: center; }
  /* line 172, sass/page/_home.scss */
  .page-template-page-home .technologies .technology-tiles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    @media (min-width: 900px) {
      /* line 172, sass/page/_home.scss */
      .page-template-page-home .technologies .technology-tiles {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
  /* line 182, sass/page/_home.scss */
  .page-template-page-home .technologies .technology {
    margin: 5px;
    width: 45%; }
    @media (min-width: 900px) {
      /* line 182, sass/page/_home.scss */
      .page-template-page-home .technologies .technology {
        width: auto; } }
    /* line 190, sass/page/_home.scss */
    .page-template-page-home .technologies .technology .tech-image {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      height: 80px;
      -webkit-transition: all .4s;
      transition: all .4s; }
      @media (min-width: 900px) {
        /* line 190, sass/page/_home.scss */
        .page-template-page-home .technologies .technology .tech-image {
          -webkit-filter: grayscale(1);
          filter: grayscale(1); } }
      /* line 201, sass/page/_home.scss */
      .page-template-page-home .technologies .technology .tech-image:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0); }
      /* line 206, sass/page/_home.scss */
      .page-template-page-home .technologies .technology .tech-image img {
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto; }
        @media (min-width: 900px) {
          /* line 206, sass/page/_home.scss */
          .page-template-page-home .technologies .technology .tech-image img {
            width: 100%;
            max-width: 80px;
            margin: 0; } }
    /* line 221, sass/page/_home.scss */
    .page-template-page-home .technologies .technology .tech-name {
      text-align: center;
      display: none; }
      /* line 225, sass/page/_home.scss */
      .page-template-page-home .technologies .technology .tech-name p {
        margin-bottom: 0; }
    /* line 230, sass/page/_home.scss */
    .page-template-page-home .technologies .technology a {
      text-decoration: none; }

/* line 2, sass/page/_page-test.scss */
.page-template-page-page-test .side-social {
  position: fixed;
  padding: 100px;
  overflow: hidden;
  left: -135px;
  transition: left .3s; }
  @media (min-width: 600px) {
    /* line 2, sass/page/_page-test.scss */
    .page-template-page-page-test .side-social {
      left: -135px; } }
  /* line 15, sass/page/_page-test.scss */
  .page-template-page-page-test .side-social:hover {
    left: -100px; }
  /* line 19, sass/page/_page-test.scss */
  .page-template-page-page-test .side-social-icon {
    max-width: 50px;
    float: left;
    clear: both;
    margin-bottom: 5px; }
    /* line 25, sass/page/_page-test.scss */
    .page-template-page-page-test .side-social-icon:last-child {
      margin-bottom: 0; }

/* line 35, sass/page/_page-test.scss */
.page-template-page-page-test .wpcf7 div,
.page-template-page-page-test .custom-contact div {
  position: relative; }

/* line 46, sass/page/_page-test.scss */
.page-template-page-page-test .wpcf7 input,
.page-template-page-page-test .wpcf7 textarea,
.page-template-page-page-test .custom-contact input,
.page-template-page-page-test .custom-contact textarea {
  line-height: 40px;
  font-size: 40px;
  width: 50%;
  margin-bottom: 2px;
  transition: padding .3s;
  background-color: transparent;
  border: 2px solid #fff; }

/* line 57, sass/page/_page-test.scss */
.page-template-page-page-test .wpcf7 textarea,
.page-template-page-page-test .custom-contact textarea {
  width: 100%; }

/* line 88, sass/page/_page-test.scss */
.page-template-page-page-test .wpcf7 .label,
.page-template-page-page-test .custom-contact .label {
  position: absolute;
  z-index: 9999;
  left: 10px;
  top: -5px;
  font-size: 40px;
  color: #999;
  pointer-events: none;
  transition: font-size .3s; }

/* line 99, sass/page/_page-test.scss */
.page-template-page-page-test .wpcf7 hr,
.page-template-page-page-test .custom-contact hr {
  margin: 0 0 10px;
  width: 5%;
  transition: width .3s; }

/* line 108, sass/page/_page-test.scss */
.page-template-page-page-test .thumbslider {
  width: 100%;
  background-color: antiquewhite; }
  /* line 112, sass/page/_page-test.scss */
  .page-template-page-page-test .thumbslider-title {
    width: 100%;
    text-align: center;
    background-color: red; }
    /* line 117, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-title * {
      margin: 0; }
  /* line 123, sass/page/_page-test.scss */
  .page-template-page-page-test .thumbslider-controls-arrow {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
    background-color: #333;
    border-radius: 100%;
    opacity: 0;
    transition: opacity .4s;
    cursor: pointer; }
    /* line 138, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-controls-arrow:before, .page-template-page-page-test .thumbslider-controls-arrow:after {
      content: '';
      width: 8px;
      height: 3px;
      background-color: #fff;
      position: absolute;
      left: 3px; }
    /* line 148, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-controls-arrow:before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 4px; }
    /* line 154, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-controls-arrow:after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      bottom: 4px; }
    /* line 160, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-controls-arrow-right {
      transform: rotate(180deg) translate(0, 50%);
      left: auto;
      right: 5px; }
  /* line 168, sass/page/_page-test.scss */
  .page-template-page-page-test .thumbslider-body {
    position: relative;
    background-color: green;
    padding: 6px; }
    /* line 174, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-body:hover .thumbslider-controls-arrow {
      opacity: 1; }
    /* line 180, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-body-images {
      width: auto;
      height: 109px;
      overflow: hidden; }
    /* line 186, sass/page/_page-test.scss */
    .page-template-page-page-test .thumbslider-body-image {
      width: 10%;
      height: 100px;
      margin: 5px;
      float: left; }
      /* line 193, sass/page/_page-test.scss */
      .page-template-page-page-test .thumbslider-body-image img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer; }

/* line 9, sass/page/_portfolio.scss */
.page-template-portfolio-single .entry-header {
  text-align: center;
  background-color: transparent; }

/* line 14, sass/page/_portfolio.scss */
.page-template-portfolio-single .portfolio-logo {
  max-height: 140px; }

/* line 18, sass/page/_portfolio.scss */
.page-template-portfolio-single .nav-portfolio {
  width: 100%;
  padding: 0 1em; }
  /* line 23, sass/page/_portfolio.scss */
  .page-template-portfolio-single .nav-portfolio .stripeButton a {
    text-decoration: none;
    position: relative;
    z-index: 15; }

/* line 31, sass/page/_portfolio.scss */
.page-template-portfolio-single .prev {
  float: left; }

/* line 35, sass/page/_portfolio.scss */
.page-template-portfolio-single .next {
  float: right; }

/* line 39, sass/page/_portfolio.scss */
.page-template-portfolio-single .img-and-screens {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  position: relative;
  height: 235px;
  margin: 1em 0;
  max-width: 100%; }
  @media (min-width: 397px) {
    /* line 39, sass/page/_portfolio.scss */
    .page-template-portfolio-single .img-and-screens {
      height: 270px; } }
  @media (min-width: 577px) {
    /* line 39, sass/page/_portfolio.scss */
    .page-template-portfolio-single .img-and-screens {
      height: 400px; } }
  @media (min-width: 687px) {
    /* line 39, sass/page/_portfolio.scss */
    .page-template-portfolio-single .img-and-screens {
      height: 450px; } }
  @media (min-width: 785px) {
    /* line 39, sass/page/_portfolio.scss */
    .page-template-portfolio-single .img-and-screens {
      height: 500px; } }
  @media (min-width: 1017px) {
    /* line 39, sass/page/_portfolio.scss */
    .page-template-portfolio-single .img-and-screens {
      height: 550px; } }
  @media (min-width: 1177px) {
    /* line 39, sass/page/_portfolio.scss */
    .page-template-portfolio-single .img-and-screens {
      height: 600px; } }

/* line 71, sass/page/_portfolio.scss */
.page-template-portfolio-single .try-them {
  position: absolute;
  top: 10%;
  left: 0.1em;
  width: 20%;
  max-width: 200px; }
  @media (min-width: 600px) {
    /* line 71, sass/page/_portfolio.scss */
    .page-template-portfolio-single .try-them {
      left: 1em; } }

/* line 83, sass/page/_portfolio.scss */
.page-template-portfolio-single .rescreen {
  height: 100%;
  width: 100%; }

/* line 88, sass/page/_portfolio.scss */
.page-template-portfolio-single .entry-content {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  font: normal 112.5%/1.45 "Lato", sans-serif;
  padding: 20px 40px;
  background-color: transparent;
  color: #222;
  list-style-image: none; }
  @media (min-width: 600px) {
    /* line 88, sass/page/_portfolio.scss */
    .page-template-portfolio-single .entry-content {
      width: 81.081081%;
      float: left;
      margin-right: -100%;
      margin-left: 9.459459%;
      clear: both;
      padding: 6px; } }

@media (min-width: 800px) {
  /* line 103, sass/page/_portfolio.scss */
  .page-template-portfolio-single .about-site {
    padding: 1em 0;
    overflow: hidden; } }

/* line 109, sass/page/_portfolio.scss */
.page-template-portfolio-single .about-site h3 {
  text-align: center; }

/* line 114, sass/page/_portfolio.scss */
.page-template-portfolio-single .about-site .features {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  border-right: 0; }
  @media (min-width: 800px) {
    /* line 114, sass/page/_portfolio.scss */
    .page-template-portfolio-single .about-site .features {
      width: 50%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both;
      padding-right: 1em;
      border-right: 2px solid #5bbb47; } }
  /* line 124, sass/page/_portfolio.scss */
  .page-template-portfolio-single .about-site .features ul {
    text-align: center;
    padding-left: 0;
    margin-left: 0;
    list-style: none; }
    @media (min-width: 800px) {
      /* line 124, sass/page/_portfolio.scss */
      .page-template-portfolio-single .about-site .features ul {
        text-align: inherit;
        padding-left: inherit;
        margin-left: 60px;
        list-style-image: url(img/green-dot.png); } }

/* line 139, sass/page/_portfolio.scss */
.page-template-portfolio-single .about-site .about {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  text-align: center; }
  @media (min-width: 800px) {
    /* line 139, sass/page/_portfolio.scss */
    .page-template-portfolio-single .about-site .about {
      width: 50%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      padding-left: 1em;
      text-align: left; } }

/* line 150, sass/page/_portfolio.scss */
.page-template-portfolio-single .about-site .site-quote {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  text-align: center;
  padding: 0 2em; }
  /* line 155, sass/page/_portfolio.scss */
  .page-template-portfolio-single .about-site .site-quote span {
    font-size: 8em; }

/* line 162, sass/page/_portfolio.scss */
.page-template-portfolio-single .visit-site {
  text-align: center;
  clear: both; }

/* line 3, sass/page/_project-checklist.scss */
.page-template-page-checklist .projlist table {
  margin-bottom: 0; }

/* line 8, sass/page/_project-checklist.scss */
.page-template-page-checklist .projlist-table-row {
  transition: all .3s; }
  /* line 11, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row .projlist-table-column {
    text-align: center;
    width: 10%;
    border-right: 1px solid #777; }
    /* line 16, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row .projlist-table-column:first-child {
      text-align: left;
      width: 70%;
      padding-left: 3%; }
    /* line 22, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row .projlist-table-column:last-child {
      border-right: 0; }
  /* line 27, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row:nth-child(even) {
    background-color: #cecece; }
  /* line 31, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row.heading, .page-template-page-checklist .projlist-table-row-headings {
    font-size: 1.3em;
    color: #f27840;
    background-color: #777; }
  /* line 38, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row-headings {
    border-bottom: 1px solid #333; }
    /* line 41, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row-headings th {
      border: 0 !important; }
  /* line 46, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row.invalid {
    background-color: #ee9595 !important;
    outline: 1px solid #dc2a2a; }
  /* line 51, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row.submit {
    background-color: #fff !important; }
    /* line 54, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row.submit td {
      padding-top: 5px; }
  /* line 59, sass/page/_project-checklist.scss */
  .page-template-page-checklist .projlist-table-row button {
    position: relative;
    box-shadow: none;
    border: 0;
    background-color: #999;
    padding: .6em 1em;
    transition: background-color .3s;
    text-shadow: none; }
    /* line 68, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row button:before, .page-template-page-checklist .projlist-table-row button:after {
      content: '';
      display: block;
      position: absolute;
      height: 3px;
      width: 0;
      background-color: #777;
      transition: all .3s; }
    /* line 79, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row button:before {
      top: 0;
      left: 0; }
    /* line 84, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row button:after {
      bottom: 0;
      right: 0; }
    /* line 89, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row button:hover {
      border: 0;
      background-color: transparent; }
      /* line 93, sass/page/_project-checklist.scss */
      .page-template-page-checklist .projlist-table-row button:hover:before, .page-template-page-checklist .projlist-table-row button:hover:after {
        width: 100%; }
    /* line 100, sass/page/_project-checklist.scss */
    .page-template-page-checklist .projlist-table-row button:focus {
      outline: 0; }

/* line 106, sass/page/_project-checklist.scss */
.page-template-page-checklist .myccordian {
  width: 100%;
  height: auto; }
  /* line 110, sass/page/_project-checklist.scss */
  .page-template-page-checklist .myccordian-title {
    margin: 0;
    width: 100%;
    height: 50px;
    color: #333;
    padding-left: 1em;
    border-bottom: 1px solid #f27840;
    line-height: 45px; }
  /* line 120, sass/page/_project-checklist.scss */
  .page-template-page-checklist .myccordian-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 5px;
    background-color: rgba(51, 51, 51, 0.5);
    border-radius: 100%;
    -webkit-transition: transform .4s;
    transition: transform .4s; }
    /* line 131, sass/page/_project-checklist.scss */
    .page-template-page-checklist .myccordian-arrow:before, .page-template-page-checklist .myccordian-arrow:after {
      content: '';
      display: block;
      width: 15px;
      height: 5px;
      position: absolute;
      background-color: #fff;
      border-radius: 5px;
      left: 9px; }
    /* line 143, sass/page/_project-checklist.scss */
    .page-template-page-checklist .myccordian-arrow:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 9px; }
    /* line 149, sass/page/_project-checklist.scss */
    .page-template-page-checklist .myccordian-arrow:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 9px; }
  /* line 156, sass/page/_project-checklist.scss */
  .page-template-page-checklist .myccordian-row {
    width: 100%;
    height: auto;
    cursor: pointer;
    position: relative; }
    /* line 163, sass/page/_project-checklist.scss */
    .page-template-page-checklist .myccordian-row.active .myccordian-arrow {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  /* line 170, sass/page/_project-checklist.scss */
  .page-template-page-checklist .myccordian-info {
    width: 100%;
    height: auto;
    clear: both;
    cursor: auto;
    display: none;
    padding-bottom: 1em;
    border-bottom: 1px solid #f27840; }

/* line 1, sass/page/_single.scss */
.single.single-post {
  overflow-x: hidden; }
  /* line 5, sass/page/_single.scss */
  .single.single-post .entry-header {
    position: relative;
    width: auto;
    margin-bottom: 2em;
    background-color: #333;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    @media (min-width: 600px) {
      /* line 5, sass/page/_single.scss */
      .single.single-post .entry-header {
        width: 95%;
        margin-left: 0; } }
    /* line 20, sass/page/_single.scss */
    .single.single-post .entry-header:before {
      position: absolute;
      color: #404040;
      right: -98px;
      top: 18px;
      font-style: normal;
      font-size: 3em;
      opacity: 0.6;
      content: "other";
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      display: none; }
      @media (min-width: 600px) {
        /* line 20, sass/page/_single.scss */
        .single.single-post .entry-header:before {
          display: block; } }
    /* line 38, sass/page/_single.scss */
    .single.single-post .entry-header .entry-title {
      width: auto;
      padding: 0 16px 5px;
      text-align: center;
      order: 1;
      color: #f3f3f5; }
    /* line 46, sass/page/_single.scss */
    .single.single-post .entry-header a {
      color: #fff; }
    /* line 50, sass/page/_single.scss */
    .single.single-post .entry-header .time-container {
      position: relative;
      width: 70px;
      height: 100%;
      order: 2;
      -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
      flex-basis: auto;
      min-width: 70px;
      margin: 0 10px; }
    /* line 62, sass/page/_single.scss */
    .single.single-post .entry-header .the-time {
      display: none;
      position: absolute;
      width: 70px;
      height: 70px;
      border-radius: 100%;
      background-color: #fff;
      color: #333;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      order: 2; }
      @media (min-width: 760px) {
        /* line 62, sass/page/_single.scss */
        .single.single-post .entry-header .the-time {
          display: block; } }
      /* line 80, sass/page/_single.scss */
      .single.single-post .entry-header .the-time p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: mario;
        font-size: 12px;
        margin: 0;
        white-space: nowrap; }
  /* line 94, sass/page/_single.scss */
  .single.single-post .entry-meta {
    display: block; }
    /* line 97, sass/page/_single.scss */
    .single.single-post .entry-meta .published.updated {
      display: inline; }
    /* line 101, sass/page/_single.scss */
    .single.single-post .entry-meta .updated {
      display: none; }
    /* line 105, sass/page/_single.scss */
    .single.single-post .entry-meta .posted-on {
      display: inline; }
      @media (min-width: 760px) {
        /* line 105, sass/page/_single.scss */
        .single.single-post .entry-meta .posted-on {
          display: none; } }
  /* line 114, sass/page/_single.scss */
  .single.single-post .post-image {
    text-align: center; }
  /* line 118, sass/page/_single.scss */
  .single.single-post .entry-footer {
    width: 100%;
    float: left;
    clear: both;
    text-align: center; }
    /* line 124, sass/page/_single.scss */
    .single.single-post .entry-footer span {
      margin: 0 10px; }
  /* line 135, sass/page/_single.scss */
  .single.single-post article.category-style .entry-header {
    border-left: 8px solid #f27840; }
    /* line 139, sass/page/_single.scss */
    .single.single-post article.category-style .entry-header:before {
      content: "style";
      color: #f27840;
      right: -91px;
      top: 10px; }
    /* line 162, sass/page/_single.scss */
    .single.single-post article.category-style .entry-header .the-time {
      background-color: #f27840;
      color: #fff; }
  /* line 168, sass/page/_single.scss */
  .single.single-post article.category-style .author-bio-section {
    border-color: #f27840 !important; }
  /* line 135, sass/page/_single.scss */
  .single.single-post article.category-code .entry-header {
    border-left: 8px solid #5bbb47; }
    /* line 139, sass/page/_single.scss */
    .single.single-post article.category-code .entry-header:before {
      content: "code";
      color: #5bbb47;
      right: -94px;
      top: 15px; }
    /* line 162, sass/page/_single.scss */
    .single.single-post article.category-code .entry-header .the-time {
      background-color: #5bbb47;
      color: #fff; }
  /* line 168, sass/page/_single.scss */
  .single.single-post article.category-code .author-bio-section {
    border-color: #5bbb47 !important; }
  /* line 135, sass/page/_single.scss */
  .single.single-post article.category-logistics .entry-header {
    border-left: 8px solid #32afe4; }
    /* line 139, sass/page/_single.scss */
    .single.single-post article.category-logistics .entry-header:before {
      content: "logistics";
      color: #32afe4;
      top: 50px;
      right: -131px; }
    /* line 162, sass/page/_single.scss */
    .single.single-post article.category-logistics .entry-header .the-time {
      background-color: #32afe4;
      color: #fff; }
  /* line 168, sass/page/_single.scss */
  .single.single-post article.category-logistics .author-bio-section {
    border-color: #32afe4 !important; }
  /* line 174, sass/page/_single.scss */
  .single.single-post .comments-area {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
    @media (min-width: 600px) {
      /* line 174, sass/page/_single.scss */
      .single.single-post .comments-area {
        width: 81.081081%;
        float: left;
        margin-right: -100%;
        margin-left: 9.459459%;
        clear: both; } }
    /* line 183, sass/page/_single.scss */
    .single.single-post .comments-area .comment-list {
      margin-left: 0;
      padding-left: 0;
      list-style: none; }
      /* line 188, sass/page/_single.scss */
      .single.single-post .comments-area .comment-list .comment {
        padding: 1em;
        background-color: #f7f7f7; }
        /* line 192, sass/page/_single.scss */
        .single.single-post .comments-area .comment-list .comment:nth-child(even) {
          background-color: #ebebeb; }
  /* line 199, sass/page/_single.scss */
  .single.single-post .previous-post,
  .single.single-post .next-post {
    background-color: #333;
    border: 3px solid #222;
    color: #fff;
    padding: 1em; }
    /* line 206, sass/page/_single.scss */
    .single.single-post .previous-post p,
    .single.single-post .next-post p {
      position: relative;
      z-index: 15;
      font-family: mario;
      margin: 0; }
    /* line 213, sass/page/_single.scss */
    .single.single-post .previous-post a,
    .single.single-post .next-post a {
      color: #fff;
      text-decoration: none;
      position: relative;
      z-index: 15; }
  /* line 221, sass/page/_single.scss */
  .single.single-post .previous-post {
    float: left;
    margin-left: 1em; }
    @media (min-width: 600px) {
      /* line 221, sass/page/_single.scss */
      .single.single-post .previous-post {
        margin-left: 4em; } }
  /* line 230, sass/page/_single.scss */
  .single.single-post .submit {
    box-shadow: none;
    background-color: #5bbb47;
    border-radius: 0;
    border: 0;
    font-size: 1rem;
    color: #fff;
    padding: 0.6em 1em;
    text-shadow: none; }
    /* line 240, sass/page/_single.scss */
    .single.single-post .submit:hover {
      box-shadow: none;
      background-color: #7cc96c; }
  /* line 246, sass/page/_single.scss */
  .single.single-post .next-post {
    float: right;
    margin-right: 1em; }
    @media (min-width: 600px) {
      /* line 246, sass/page/_single.scss */
      .single.single-post .next-post {
        margin-right: 4em; } }
  /* line 255, sass/page/_single.scss */
  .single.single-post .content-box:last-child {
    border-bottom: 4px double #333; }
  /* line 260, sass/page/_single.scss */
  .single.single-post .content-block-inner .submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 300px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto 1.5em; }
    /* line 267, sass/page/_single.scss */
    .single.single-post .content-block-inner .submit a {
      color: #fff;
      text-decoration: none;
      width: 100%;
      text-align: center;
      padding: 1em; }

/* line 278, sass/page/_single.scss */
.author-bio-section {
  width: 100%;
  border: 1px solid #777;
  padding: 1em;
  margin-top: 1em;
  border-left: 0;
  border-right: 0;
  background-color: #f3f3f3;
  min-height: 220px; }
  /* line 288, sass/page/_single.scss */
  .author-bio-section .author_name {
    margin-bottom: 1em; }
  /* line 292, sass/page/_single.scss */
  .author-bio-section .author_details {
    margin-top: 0; }
    /* line 295, sass/page/_single.scss */
    .author-bio-section .author_details,
    .author-bio-section .author_details * {
      display: block; }
    /* line 300, sass/page/_single.scss */
    .author-bio-section .author_details img {
      float: left;
      margin: 0 15px 0 0; }
  /* line 306, sass/page/_single.scss */
  .author-bio-section .author_links {
    margin-top: 2em; }

/* line 1, sass/page/_style-guide.scss */
.sg {
  width: 100%;
  height: auto;
  clear: both; }
  /* line 6, sass/page/_style-guide.scss */
  .sg h2,
  .sg h3,
  .sg h4 {
    width: 100%; }
    /* line 11, sass/page/_style-guide.scss */
    .sg h2:focus,
    .sg h3:focus,
    .sg h4:focus {
      outline: 0; }
  /* line 17, sass/page/_style-guide.scss */
  .sg div:focus {
    outline: 0; }
  /* line 22, sass/page/_style-guide.scss */
  .sg-section {
    border-bottom: 4px double #333;
    padding: 1em 0; }
    /* line 26, sass/page/_style-guide.scss */
    .sg-section:last-child {
      border-bottom: 0; }
  /* line 31, sass/page/_style-guide.scss */
  .sg-title {
    width: 100%;
    height: auto;
    text-align: center;
    width: 100%;
    height: auto;
    float: left;
    clear: both; }
  /* line 41, sass/page/_style-guide.scss */
  .sg-contents {
    height: 50vh;
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    background-color: #cecece;
    z-index: 9999999;
    -webkit-transition: transform .5s;
    transition: transform .5s; }
    /* line 53, sass/page/_style-guide.scss */
    .sg-contents-switch {
      width: 2em;
      position: absolute;
      top: 0;
      left: -2em;
      bottom: 0;
      background-color: #cecece;
      cursor: pointer;
      -webkit-transition: background-color .3s;
      transition: background-color .3s; }
      /* line 64, sass/page/_style-guide.scss */
      .sg-contents-switch:hover {
        background-color: #999; }
      /* line 68, sass/page/_style-guide.scss */
      .sg-contents-switch-arrow {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: transform .5s;
        transition: transform .5s; }
        /* line 79, sass/page/_style-guide.scss */
        .sg-contents-switch-arrow:before, .sg-contents-switch-arrow:after {
          content: '';
          display: block;
          width: 5px;
          height: 20px;
          background-color: #fff;
          position: absolute;
          left: 40%; }
        /* line 90, sass/page/_style-guide.scss */
        .sg-contents-switch-arrow:before {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 0; }
        /* line 96, sass/page/_style-guide.scss */
        .sg-contents-switch-arrow:after {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          bottom: 0; }
    /* line 104, sass/page/_style-guide.scss */
    .sg-contents-content {
      height: 100%;
      padding: 0 1.5em;
      overflow-x: hidden;
      overflow-y: scroll; }
      /* line 110, sass/page/_style-guide.scss */
      .sg-contents-content li a {
        text-decoration: none; }
    /* line 115, sass/page/_style-guide.scss */
    .sg-contents ul {
      padding-left: 1em; }
    /* line 119, sass/page/_style-guide.scss */
    .sg-contents h3 {
      margin-top: 0; }
    /* line 123, sass/page/_style-guide.scss */
    .sg-contents li > ul {
      margin-bottom: 10px;
      margin-left: 0; }
    /* line 128, sass/page/_style-guide.scss */
    .sg-contents.shown {
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      /* line 132, sass/page/_style-guide.scss */
      .sg-contents.shown .sg-contents-switch {
        background-color: #999; }
        /* line 135, sass/page/_style-guide.scss */
        .sg-contents.shown .sg-contents-switch-arrow {
          -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg); }
  /* line 143, sass/page/_style-guide.scss */
  .sg-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    float: left;
    clear: both; }
    /* line 150, sass/page/_style-guide.scss */
    .sg-logos-logo {
      width: 100%;
      text-align: center; }
      @media (min-width: 600px) {
        /* line 150, sass/page/_style-guide.scss */
        .sg-logos-logo {
          width: 30%; } }
      /* line 158, sass/page/_style-guide.scss */
      .sg-logos-logo img {
        max-height: 180px; }
      /* line 162, sass/page/_style-guide.scss */
      .sg-logos-logo.primary {
        width: 100%;
        max-width: 100%; }
        /* line 166, sass/page/_style-guide.scss */
        .sg-logos-logo.primary img {
          max-height: initial;
          max-height: auto; }
  /* line 174, sass/page/_style-guide.scss */
  .sg-colours {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    float: left;
    clear: both; }
    /* line 181, sass/page/_style-guide.scss */
    .sg-colours-colour {
      width: 100%; }
      @media (min-width: 600px) {
        /* line 181, sass/page/_style-guide.scss */
        .sg-colours-colour {
          width: 30%; } }
      /* line 188, sass/page/_style-guide.scss */
      .sg-colours-colour-title {
        width: 100%;
        margin: 0; }
      /* line 194, sass/page/_style-guide.scss */
      .sg-colours-colour-block {
        width: 100%;
        height: 50px; }
      /* line 199, sass/page/_style-guide.scss */
      .sg-colours-colour-purpose {
        margin-bottom: 0; }
      /* line 203, sass/page/_style-guide.scss */
      .sg-colours-colour-value {
        margin-top: 5px; }
  /* line 209, sass/page/_style-guide.scss */
  .sg-fonts {
    width: 100%;
    height: auto;
    float: left;
    clear: both; }
    /* line 215, sass/page/_style-guide.scss */
    .sg-fonts-font {
      width: 100%;
      height: auto;
      clear: both;
      border-bottom: 1px solid #333; }
      /* line 221, sass/page/_style-guide.scss */
      .sg-fonts-font div {
        width: 30%;
        float: left; }
      /* line 226, sass/page/_style-guide.scss */
      .sg-fonts-font p {
        margin-top: 16px;
        margin-bottom: 16px; }
      /* line 231, sass/page/_style-guide.scss */
      .sg-fonts-font-name {
        width: 40%; }
      /* line 236, sass/page/_style-guide.scss */
      .sg-fonts-font-example p {
        font-size: 1.3em; }
  /* line 243, sass/page/_style-guide.scss */
  .sg-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    float: left;
    clear: both; }
    /* line 250, sass/page/_style-guide.scss */
    .sg-buttons h4 {
      margin-top: 0; }
    /* line 254, sass/page/_style-guide.scss */
    .sg-buttons-button {
      width: 100%;
      position: relative; }
      @media (min-width: 600px) {
        /* line 254, sass/page/_style-guide.scss */
        .sg-buttons-button {
          width: 30%; } }
      /* line 262, sass/page/_style-guide.scss */
      .sg-buttons-button-name {
        text-align: center; }
      /* line 266, sass/page/_style-guide.scss */
      .sg-buttons-button-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        min-height: 100px;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 274, sass/page/_style-guide.scss */
        .sg-buttons-button-button .readmore-toggle {
          position: static; }
      /* line 279, sass/page/_style-guide.scss */
      .sg-buttons-button-info {
        display: none;
        text-align: center; }
      /* line 284, sass/page/_style-guide.scss */
      .sg-buttons-button-info-trigger {
        width: 33px;
        height: 33px;
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #fff;
        border: 2px solid #333;
        border-radius: 100%;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        text-align: center;
        -webkit-transition: background-color .3s;
        transition: background-color .3s; }
        /* line 302, sass/page/_style-guide.scss */
        .sg-buttons-button-info-trigger:hover {
          background-color: #e6e6e6; }
  /* line 317, sass/page/_style-guide.scss */
  .sg-headings-heading-head {
    text-align: center; }
  /* line 324, sass/page/_style-guide.scss */
  .sg-inputs .contact-form {
    width: 50%; }
  /* line 329, sass/page/_style-guide.scss */
  .sg-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start; }
  /* line 334, sass/page/_style-guide.scss */
  .sg-grid-layouts .grid {
    background-color: #333;
    overflow: hidden;
    padding: 1em;
    margin-bottom: 1em; }
    /* line 340, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid .grid-title {
      color: #fff;
      text-align: center;
      margin-bottom: 1em; }
    /* line 346, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid .grid-child {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: 5px; }
      /* line 352, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid .grid-child:hover .grid-child-tip {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.6); }
      /* line 358, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid .grid-child:nth-child(odd) {
        background-color: #5bbb47; }
      /* line 362, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid .grid-child:nth-child(even) {
        background-color: #32afe4; }
      /* line 366, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid .grid-child .grid-child-tip {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        color: #222;
        background-color: #fff;
        -webkit-transition: opacity .3s, background-color .3s;
        transition: opacity .3s, background-color .3s;
        text-align: center;
        font-size: .7em;
        line-height: 15px;
        padding: 5px; }
  /* line 387, sass/page/_style-guide.scss */
  .sg-grid-layouts .grid-12 {
    background-color: #333;
    overflow: hidden;
    padding: 1em; }
    /* line 393, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-title {
      width: 100%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: both; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-1 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both;
      background-color: #32afe4; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-1:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-2 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 8.374384%;
      clear: none;
      background-color: #5bbb47; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-2:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-3 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 16.748768%;
      clear: none;
      background-color: #32afe4; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-3:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-4 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 25.123153%;
      clear: none;
      background-color: #5bbb47; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-4:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-5 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 33.497537%;
      clear: none;
      background-color: #32afe4; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-5:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-6 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 41.871921%;
      clear: none;
      background-color: #5bbb47; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-6:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-7 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 50.246305%;
      clear: none;
      background-color: #32afe4; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-7:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-8 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 58.62069%;
      clear: none;
      background-color: #5bbb47; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-8:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-9 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 66.995074%;
      clear: none;
      background-color: #32afe4; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-9:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-10 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 75.369458%;
      clear: none;
      background-color: #5bbb47; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-10:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-11 {
      width: 7.881773%;
      float: left;
      margin-right: -100%;
      margin-left: 83.743842%;
      clear: none;
      background-color: #32afe4; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-11:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 398, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-12 {
      width: 7.881773%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      background-color: #5bbb47; }
      /* line 413, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-1.grid-child-12:after {
        content: '';
        display: block;
        padding-bottom: 100%; }
    /* line 422, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-1 {
      width: 16.256158%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both;
      background-color: #32afe4; }
      /* line 438, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-1:after {
        content: '';
        display: block;
        padding-bottom: 50%; }
    /* line 422, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-2 {
      width: 16.256158%;
      float: left;
      margin-right: -100%;
      margin-left: 16.748768%;
      clear: none;
      background-color: #5bbb47; }
      /* line 438, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-2:after {
        content: '';
        display: block;
        padding-bottom: 50%; }
    /* line 422, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-3 {
      width: 16.256158%;
      float: left;
      margin-right: -100%;
      margin-left: 33.497537%;
      clear: none;
      background-color: #32afe4; }
      /* line 438, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-3:after {
        content: '';
        display: block;
        padding-bottom: 50%; }
    /* line 422, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-4 {
      width: 16.256158%;
      float: left;
      margin-right: -100%;
      margin-left: 50.246305%;
      clear: none;
      background-color: #5bbb47; }
      /* line 438, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-4:after {
        content: '';
        display: block;
        padding-bottom: 50%; }
    /* line 422, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-5 {
      width: 16.256158%;
      float: left;
      margin-right: -100%;
      margin-left: 66.995074%;
      clear: none;
      background-color: #32afe4; }
      /* line 438, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-5:after {
        content: '';
        display: block;
        padding-bottom: 50%; }
    /* line 422, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-6 {
      width: 16.256158%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      background-color: #5bbb47; }
      /* line 438, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-2.grid-child-6:after {
        content: '';
        display: block;
        padding-bottom: 50%; }
    /* line 447, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-1 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both;
      background-color: #32afe4; }
      /* line 463, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-1:after {
        content: '';
        display: block;
        padding-bottom: 33.333%; }
    /* line 447, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-2 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 25.123153%;
      clear: none;
      background-color: #5bbb47; }
      /* line 463, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-2:after {
        content: '';
        display: block;
        padding-bottom: 33.333%; }
    /* line 447, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-3 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 50.246305%;
      clear: none;
      background-color: #32afe4; }
      /* line 463, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-3:after {
        content: '';
        display: block;
        padding-bottom: 33.333%; }
    /* line 447, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-4 {
      width: 24.630542%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      background-color: #5bbb47; }
      /* line 463, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-3.grid-child-4:after {
        content: '';
        display: block;
        padding-bottom: 33.333%; }
    /* line 472, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-4.grid-child-1 {
      width: 33.004926%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both;
      background-color: #32afe4; }
      /* line 488, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-4.grid-child-1:after {
        content: '';
        display: block;
        padding-bottom: 25%; }
    /* line 472, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-4.grid-child-2 {
      width: 33.004926%;
      float: left;
      margin-right: -100%;
      margin-left: 33.497537%;
      clear: none;
      background-color: #5bbb47; }
      /* line 488, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-4.grid-child-2:after {
        content: '';
        display: block;
        padding-bottom: 25%; }
    /* line 472, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-4.grid-child-3 {
      width: 33.004926%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      background-color: #32afe4; }
      /* line 488, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-4.grid-child-3:after {
        content: '';
        display: block;
        padding-bottom: 25%; }
    /* line 497, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-5.grid-child-1 {
      width: 49.753695%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both;
      background-color: #32afe4; }
      /* line 513, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-5.grid-child-1:after {
        content: '';
        display: block;
        padding-bottom: 17.5%; }
    /* line 497, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-5.grid-child-2 {
      width: 49.753695%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      background-color: #5bbb47; }
      /* line 513, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-5.grid-child-2:after {
        content: '';
        display: block;
        padding-bottom: 17.5%; }
    /* line 521, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-12 .grid-12-child-level-6.grid-child-1 {
      width: 100%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: both;
      background-color: #32afe4; }
      /* line 525, sass/page/_style-guide.scss */
      .sg-grid-layouts .grid-12 .grid-12-child-level-6.grid-child-1:after {
        content: '';
        display: block;
        padding-bottom: 10%; }
  /* line 534, sass/page/_style-guide.scss */
  .sg-grid-layouts .grid-diff {
    background-color: #333;
    overflow: hidden;
    padding: 1em; }
    /* line 540, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-title {
      width: 100%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: both; }
    /* line 546, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child:after {
      content: '';
      display: block;
      padding-bottom: 100px; }
    /* line 554, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-3:after {
      content: '';
      display: block;
      padding-bottom: 100px; }
    /* line 563, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-1.grid-child-1 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both; }
    /* line 563, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-1.grid-child-2 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 25.123153%;
      clear: none; }
    /* line 563, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-1.grid-child-3 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 50.246305%;
      clear: none; }
    /* line 563, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-1.grid-child-4 {
      width: 24.630542%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; }
    /* line 573, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-2.grid-child-1 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both; }
    /* line 577, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-2.grid-child-2 {
      width: 74.876847%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; }
    /* line 582, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-3.grid-child-1 {
      width: 24.630542%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both; }
    /* line 586, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-3.grid-child-2 {
      width: 49.753695%;
      float: left;
      margin-right: -100%;
      margin-left: 25.123153%;
      clear: none; }
    /* line 590, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-3.grid-child-3 {
      width: 24.630542%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; }
    /* line 595, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-4.grid-child-1 {
      width: 41.37931%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: both; }
    /* line 599, sass/page/_style-guide.scss */
    .sg-grid-layouts .grid-diff .grid-diff-child-level-4.grid-child-2 {
      width: 58.128079%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; }

      #cheesey-content {
        /*width:46%;*/
        /*float:right;*/
        margin:-100px 0 0 0;
        text-align:center;
      }
      #cheesey-wedges {
        width:330px;
        height:320px;
        position:relative;
        margin:0 auto;
      }
      .cheese {
        position:absolute;
        opacity:0.5;
      }
      .selected {
        opacity:1;
      }
      .hovered {
        opacity:0.75;
      }
      #shop-text {
        color:#444;
        font-size:16px;
      }
      #cheese-half {
        background-image:url(library/images/half_cheese.png);
        width:128px;
        height:158px;
        z-index:150;
        top:28px;
        left:177px;
      }
      #cheese-1 {
        background-image:url(library/images/1_cheese.png);
        width:149px;
        height:166px;
        z-index:300;
        top:136px;
        left:171px;
      }
      #cheese-2 {
        background-image:url(library/images/2_cheese.png);
        width:151px;
        height:136px;
        z-index:200;
        top:68px;
        left:179px;
      }
      #cheese-5 {
        background-image:url(library/images/5_cheese.png);
        width:207px;
        height:184px;
        z-index:400;
        top:133px;
        left:29px;
      }
      #cheese-10 {
        background-image:url(library/images/10_cheese.png);
        width:222px;
        height:218px;
        z-index:100;
        top:0;
        left:0;
      }
      #cheese-trigger {
        width:330px;
        height:320px;
        z-index:1000;
        position:absolute;
        top:0;
        left:0;
      }
      #proceed-checkout {
        padding:10px 0;
        background: #ffffff;
        background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
        color:#000;
        border-radius:10px;
        border:3px solid #000;
        width: 270px;
        margin: 0 auto;
        font-size: 20px;
        font-weight: bold;
      }
      .discount-red {
        color:#ffb284;
        font-size:16px;
      }
      .select-a-wedge {
        color:#ffb284;
        font-size:16px;
        top: -15px;
        position: relative;
      }


// haaaaax
#cn-accept-cookie {
	color: #fff !important;
}

#cn-notice-buttons {
	background-color: #fff;
    padding: 6px 12px 6px 1px;
    font-weight: bold;
    margin-left: 8px;
}

.hero {
  display: none;
}

.home .hero {
  display: block;
}

.ms-layer span {
  font-family: 'Lato', sans-serif !important;
  font-size: 14px;
  line-height: 1.7em;
  /*font-size: ;*/
}

.ms-layer h2 span {
  font-family:  "mario-bi", sans-serif !important;
  font-size: 32px;
}

.ms-btn-container {
  width: 119px !important;
}

.ms-btn {
  background-color: transparent !important;
  color: #5bbb47 !important;
  color: #fff !important;
  border: 3px solid #fff !important;
  padding: .6em !important;
  font-size: 14px !important;
  width: 127px !important;
  text-align: center !important;
}

@media (min-width: 1060px) {
  .msp-preset-btn-128 {
    padding: 1em !important;
    font-size: 16px !important;

  }  
}

.uwaw-footer__i {
	display: none !important;
}

.uwaw-footer {
	display: none !important;
}