/*
Theme Name: Boshanka
Theme URI: http://www.boshanka.co.uk/
Author: Ben Shaw
Author URI: http://www.boshanka.co.uk
Description: Custom theme by Boshanka for See It Say It
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boshanka
Tags:

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

Era Of Data is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------- 
# Normalize
# Typography
# Elements
# Forms 
# Navigation
	## Links
	## Menus 
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Footer
# Global
# Infinite scroll
# Media
	## Captions
	## Galleries 
# GRID
  

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* Scss Document */
@font-face {
  font-family: 'Mosk Extra-Light 200';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Extra-Light 200"), url("fonts/Mosk Extra-Light 200.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Thin 100';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Thin 100"), url("fonts/Mosk Thin 100.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Light 300';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Light 300"), url("fonts/Mosk Light 300.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Medium 500';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Medium 500"), url("fonts/Mosk Medium 500.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Semi-Bold 600';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Semi-Bold 600"), url("fonts/Mosk Semi-Bold 600.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Bold 700';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Bold 700"), url("fonts/Mosk Bold 700.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Extra-Bold 800';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Extra-Bold 800"), url("fonts/Mosk Extra-Bold 800.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Ultra-Bold 900';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Ultra-Bold 900"), url("fonts/Mosk Ultra-Bold 900.woff") format("woff"); }
@font-face {
  font-family: 'Mosk Normal 400 Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Mosk Normal 400 Regular"), url("fonts/Mosk Normal 400.woff") format("woff"); }
/**
Shadow use example
 * .card {
 *     -webkit-transition: all 250ms;
 *     -moz-transition: all 250ms;
 *     transition: all 250ms;
 *     @include box_shadow(1);
 *     &:hover {
 *         @include box_shadow(3);
 *         -webkit-transform: translateY(-5px);
 *         -moz-transform: translateY(-5px);
 *         transform: translateY(-5px);
 *     }
 * }
 *
 */
/* Scss Document */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  overflow-x: hidden;
  margin: 0; }

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2.2em;
  margin: 0.67em 0; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td, th {
  padding: 0; }

a, input, a img, a span, svg, .btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a:hover, input:hover, a:hover img, a:hover span, svg:hover, .btn:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

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

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

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

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

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Typography
------------------- -------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  clear: both;
  font-family: "Mosk Extra-Bold 800";
  line-height: 1.3em;
  margin-top: 0rem;
  margin-bottom: 0.5rem;
  color: #000;
  font-weight: normal !important; }

h1, .h1 {
  font-size: 2em !important; }

h2, .h2 {
  font-size: 1.6em; }

h3, .h3 {
  font-size: 1.5em; }

h4, .h4 {
  font-size: 1.4em; }

h5, .h5 {
  font-size: 1.2em; }

h6, .h6 {
  font-size: 0.9em; }

p, ul li, ol li {
  margin-bottom: 1.5em;
  font-size: 0.9em;
  line-height: 1.6em;
  font-family: "Mosk Medium 500"; }

ul li, ol li {
  margin-bottom: 0.8em;
  margin-top: 0; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*: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; }

body {
  background: #fff; }

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

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

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #073e5d;
  text-decoration: none; }

a:hover,
a:focus,
a:active {
  color: #39afe6; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Main menu positionning */
.main-nav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #073e5d;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all .375s;
  height: 100vh; }

.main-nav.is-open {
  opacity: 1;
  /* z-index: 100; */
  visibility: visible; }

/* Yellow band effect 
.main-nav::before {
	 content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    background: $blue;
    transform-origin: 0 0;
    transform: skew(-14deg) translateX(-120%);
    transition: all .275s .1s;
}
*/
.main-nav.is-open::before {
  transform: skew(-14deg) translateX(0); }

/* Skewing effect on menu links */
.main-nav ul {
  margin: 0px;
  display: inline-flex;
  flex-direction: column;
  height: 93%;
  /* Should be 100%, but we have a notice message :D */
  align-items: center;
  justify-content: center; }

.main-nav li {
  display: block;
  margin: .5rem 0;
  text-align: right; }

/* Apparition effect on links */
.main-nav a {
  opacity: 0;
  transform: translateY(-10px); }

.main-nav.is-open a {
  opacity: 1;
  transform: translateY(0); }

.main-nav li:nth-child(1) a {
  transition: all 275ms 175ms; }

.main-nav li:nth-child(2) a {
  transition: all 275ms 225ms; }

.main-nav li:nth-child(3) a {
  transition: all 275ms 275ms; }

.main-nav li:nth-child(4) a {
  transition: all 275ms 325ms; }

.main-nav li:nth-child(5) a {
  transition: all 275ms 375ms; }

/* Decoration */
.main-nav ul,
.main-nav li {
  list-style: none;
  padding: 0; }

.main-nav a {
  display: block;
  padding: 0 0;
  color: #fff;
  font-size: 1.6em;
  text-decoration: none;
  font-family: "Mosk Extra-Bold 800"; }

/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
.open-main-nav {
  position: absolute;
  top: 15px;
  padding-top: 20px;
  right: 20px;
  z-index: 1000;
  background: none;
  border: 0;
  cursor: pointer; }

.open-main-nav:focus {
  outline: none; }

.menu-main-container {
  HEIGHT: 100VH; }

.burger {
  position: relative;
  display: block;
  width: 28px;
  height: 4px;
  margin: 0 auto;
  background: #00bcaa;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all .275s; }

.burger:after,
.burger:before {
  content: '';
  display: block;
  height: 100%;
  background: #00bcaa;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all .275s; }

.burger:after {
  transform: translateY(-12px) translateX(0px); }

.burger:before {
  transform: translateY(-16px); }

/* Toggle State part */
.is-open .burger {
  transform: translateY(-8px) rotate(-45deg);
  background: #fff; }

.is-open .burger:before {
  transform: translateY(0px) skew(-10deg) rotate(75deg);
  background: #fff; }

.is-open .burger:after {
  transform: translateY(-12px) translateX(10px) skew(-20deg);
  opacity: 0;
  background: #fff; }

/* MENU Text part */
.burger-text {
  display: block;
  font-size: .675rem;
  letter-spacing: .05em;
  margin-top: .5em;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  color: #00bcaa; }

.is-open .burger-text {
  color: #fff; }

/* Slow motion button */
[id="slowmo"] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 10px;
  border: 0;
  font-size: 1rem;
  background: #FEDC2A;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  transition: all .275s; }

[id="slowmo"] span {
  display: block;
  font-weight: normal; }

[id="slowmo"]:hover,
[id="slowmo"]:focus {
  background: #000;
  color: #FEDC2A; }

[id="slowmo"].is-slowmo span:after {
  content: 'Activated';
  display: block;
  font-weight: bold; }

/* When slowmotion is activated */
.is-slowmo + .device .open-main-nav .burger,
.is-slowmo + .device .open-main-nav .burger:before,
.is-slowmo + .device .open-main-nav .burger:after,
.is-slowmo + .device .main-nav,
.is-slowmo + .device .main-nav::before,
.is-slowmo + .device .main-nav a {
  transition-duration: 3s; }

.is-slowmo + .device .main-nav li:nth-child(1) a {
  transition-delay: 1750ms; }

.is-slowmo + .device .main-nav li:nth-child(2) a {
  transition-delay: 2250ms; }

.is-slowmo + .device .main-nav li:nth-child(3) a {
  transition-delay: 2750ms; }

.is-slowmo + .device .main-nav li:nth-child(4) a {
  transition-delay: 3250ms; }

.is-slowmo + .device .main-nav li:nth-child(5) a {
  transition-delay: 3750ms; }

.sub-menu {
  display: none !important; }

#masthead {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  width: 100%;
  z-index: 4;
  top: 0px;
  height: 80px;
  background: #fff; }
  #masthead .site-branding {
    padding: 0 30px; }
    #masthead .site-branding .site-title {
      display: block;
      width: 50px;
      float: left;
      height: auto;
      overflow: hidden;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      z-index: 101;
      position: relative;
      margin: 10px 0; }
      #masthead .site-branding .site-title img {
        opacity: 1;
        display: block;
        float: left;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 100%; }

#masthead.shrink {
  top: 0px;
  /*background:#18aad9;*/
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding-bottom: 1.6em;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.09); }
  #masthead.shrink .site-branding {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #masthead.shrink .site-branding .site-title {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #masthead.shrink .site-branding .site-title img {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }

#lightcase-overlay {
  background: #011721 !important;
  opacity: 1 !important; }

.overlay .inside.team {
  padding: 1.6em; }
  .overlay .inside.team h4 {
    text-transform: uppercase !important;
    color: #fff !important;
    letter-spacing: 0.05em !important;
    font-weight: 100 !important; }
  .overlay .inside.team p {
    color: #fff !important; }

#content section.no-padding-top .inside, #content section.no-padding-top {
  padding-top: 0px !important; }
#content section.no-padding-bottom .inside, #content section.no-padding-bottom {
  padding-bottom: 0px !important; }
#content section {
  float: left;
  width: 100%; }
  #content section .inside {
    padding: 15px 30px;
    float: left;
    width: 100%; }
    #content section .inside ul {
      margin: 0px;
      padding: 0 15px; }
      #content section .inside ul li {
        list-style: none; }
        #content section .inside ul li:before {
          font-family: 'FontAwesome';
          content: '\f138';
          font-size: 0.8em;
          margin: 0 5px 0 -15px;
          color: #073e5d; }
#content .hero {
  background-color: #073e5d;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, top, bottom, from(#00bcaa), to(#073e5d));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #00bcaa, #073e5d);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #00bcaa, #073e5d);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #00bcaa, #073e5d);
  /* IE10 */
  background-image: -o-linear-gradient(top, #00bcaa, #073e5d);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #00bcaa, #073e5d);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00bcaa', EndColorStr='#073e5d');
  position: relative;
  height: calc(100vh - 80px);
  overflow: hidden;
  margin-top: 80px; }
  #content .hero .border {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    z-index: 1; }
  #content .hero .fade {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 250px;
    background: url("img/fade.png") 0 0 repeat-x;
    background-size: auto 250px;
    opacity: 0.4;
    z-index: 1; }
  #content .hero .inside {
    height: 100%; }
    #content .hero .inside .container {
      height: 100%; }
      #content .hero .inside .container .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        opacity: 0.3;
        width: 607px;
        height: 500px; }
    #content .hero .inside .content-wrap {
      display: table;
      height: 100%;
      width: 100%;
      z-index: 1;
      position: relative; }
    #content .hero .inside .content {
      display: table-cell;
      height: auto;
      vertical-align: middle;
      width: 100%; }
      #content .hero .inside .content p, #content .hero .inside .content h1 {
        color: #fff;
        text-align: center;
        margin: 0px;
        font-family: "Mosk Extra-Bold 800"; }
      #content .hero .inside .content h1 {
        font-size: 2.2em !important;
        font-weight: 700;
        margin-bottom: 20px; }
      #content .hero .inside .content p {
        font-family: "Mosk Medium 500";
        font-size: 1em;
        margin-bottom: 20px; }
      #content .hero .inside .content a {
        font-size: 1.4em;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #e6a122;
        color: #fff;
        font-family: "Mosk Extra-Bold 800";
        text-align: center;
        padding: 15px 20px;
        display: block;
        margin: 1em auto 0 auto;
        width: auto;
        display: table; }
#content .hero.sub {
  height: 260px; }
#content .simple-text .inside {
  margin: 0 auto;
  float: none;
  display: table; }
#content .two-columns .inside .container .col-grid {
  display: grid;
  grid-template-columns: 1fr;
  /*repeat(auto-fit, minmax(140px,1fr));*/
  grid-gap: 0px; }
  #content .two-columns .inside .container .col-grid .testimonials {
    min-width: 100%;
    margin-top: 10px;
    margin-bottom: 15px; }
    #content .two-columns .inside .container .col-grid .testimonials .testimonial {
      font-family: "Mosk Extra-Bold 800";
      padding: 20px;
      background: #efe9dc; }
      #content .two-columns .inside .container .col-grid .testimonials .testimonial blockquote {
        font-style: italic;
        margin: 0px;
        line-height: 1.4em;
        margin-bottom: 1em; }
      #content .two-columns .inside .container .col-grid .testimonials .testimonial cite {
        font-style: normal; }
    #content .two-columns .inside .container .col-grid .testimonials .owl-controls .owl-dots {
      float: left;
      width: auto; }
      #content .two-columns .inside .container .col-grid .testimonials .owl-controls .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin-right: 5px;
        background: #efe9dc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        float: left; }
      #content .two-columns .inside .container .col-grid .testimonials .owl-controls .owl-dots .owl-dot.active {
        background: #b7a888; }
  #content .two-columns .inside .container .col-grid .col-image {
    margin-bottom: 15px; }
    #content .two-columns .inside .container .col-grid .col-image img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  #content .two-columns .inside .container .col-grid .col-text {
    padding-top: 15px; }
    #content .two-columns .inside .container .col-grid .col-text ul {
      width: 50%;
      float: left; }
      #content .two-columns .inside .container .col-grid .col-text ul li:last-child {
        margin-bottom: 0px; }
#content .content-grid .inside {
  padding: 0px; }
  #content .content-grid .inside .container .c-grid {
    display: grid;
    grid-template-columns: 1fr;
    /*repeat(auto-fit, minmax(140px,1fr));*/
    grid-gap: 0px; }
    #content .content-grid .inside .container .c-grid .block {
      background: #f2f0f0;
      padding: 30px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      overflow: hidden;
      position: relative; }
      #content .content-grid .inside .container .c-grid .block .h2 {
        color: #fff;
        font-size: 2.4em;
        display: block;
        width: 100%;
        float: left;
        margin: 0px;
        max-width: 230px; }
      #content .content-grid .inside .container .c-grid .block .divider {
        width: 60px;
        height: 8px;
        background: #fff;
        float: left;
        clear: both;
        display: block;
        margin: 15px 0 20px 0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      #content .content-grid .inside .container .c-grid .block .description {
        font-family: "Mosk Medium 500";
        font-size: 1.2em;
        color: #fff;
        display: block;
        width: 100%;
        float: left; }
      #content .content-grid .inside .container .c-grid .block .icon {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        width: 200px;
        height: 163px; }
      #content .content-grid .inside .container .c-grid .block:hover .divider {
        width: 100px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    #content .content-grid .inside .container .c-grid .block.theme-yellow {
      background: #e6a122; }
      #content .content-grid .inside .container .c-grid .block.theme-yellow:hover .icon {
        opacity: 0.3; }
    #content .content-grid .inside .container .c-grid .block.theme-white {
      background: #e7f3f3; }
      #content .content-grid .inside .container .c-grid .block.theme-white .h2, #content .content-grid .inside .container .c-grid .block.theme-white .description {
        color: #073e5d; }
      #content .content-grid .inside .container .c-grid .block.theme-white .divider {
        background: #073e5d; }
      #content .content-grid .inside .container .c-grid .block.theme-white:hover .icon {
        opacity: 0.3; }
    #content .content-grid .inside .container .c-grid .block.theme-green {
      background: #00b976; }
      #content .content-grid .inside .container .c-grid .block.theme-green:hover .icon {
        opacity: 0.3; }
    #content .content-grid .inside .container .c-grid .block.theme-blue {
      background: #073e5d; }
      #content .content-grid .inside .container .c-grid .block.theme-blue:hover .icon {
        opacity: 0.3; }
    #content .content-grid .inside .container .c-grid .block.theme-turquoise {
      background: #00bcaa; }
      #content .content-grid .inside .container .c-grid .block.theme-turquoise:hover .icon {
        opacity: 0.3; }
    #content .content-grid .inside .container .c-grid .block.theme-mustard {
      background: #fad45b; }
      #content .content-grid .inside .container .c-grid .block.theme-mustard .h2, #content .content-grid .inside .container .c-grid .block.theme-mustard .description {
        color: #073e5d; }
      #content .content-grid .inside .container .c-grid .block.theme-mustard .divider {
        background: #073e5d; }
      #content .content-grid .inside .container .c-grid .block.theme-mustard:hover .icon {
        opacity: 0.3; }
#content .blog-row .inside {
  padding: 30px; }
  #content .blog-row .inside .container .featured-post .post-grid {
    display: grid;
    grid-template-columns: 1fr;
    /*repeat(auto-fit, minmax(140px,1fr));*/
    grid-gap: 30px; }
    #content .blog-row .inside .container .featured-post .post-grid article {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
      #content .blog-row .inside .container .featured-post .post-grid article .cover {
        width: 100%;
        float: left; }
        #content .blog-row .inside .container .featured-post .post-grid article .cover img {
          width: 100%;
          float: left; }
      #content .blog-row .inside .container .featured-post .post-grid article .post-title {
        width: 100%;
        text-align: center;
        display: block; }
      #content .blog-row .inside .container .featured-post .post-grid article .button {
        width: 100%;
        display: block;
        margin: 10px 0; }
        #content .blog-row .inside .container .featured-post .post-grid article .button button {
          background: transparent;
          border: none;
          font-size: 3em;
          color: #b6c0c0; }
          #content .blog-row .inside .container .featured-post .post-grid article .button button:hover {
            color: #00bcaa; }

.archive #content .hero {
  height: 260px; }
  .archive #content .hero .bread {
    background: rgba(7, 62, 93, 0.7);
    width: 100%;
    float: left;
    display: block;
    position: absolute;
    z-index: 1; }
    .archive #content .hero .bread .inside {
      padding-top: 0px;
      padding-bottom: 0px; }
      .archive #content .hero .bread .inside .fbc-items {
        padding: 0px;
        background: transparent; }
        .archive #content .hero .bread .inside .fbc-items li {
          padding-left: 0px !important;
          font-size: 0.9em;
          padding: 10px 10px; }
          .archive #content .hero .bread .inside .fbc-items li a {
            color: #00bcaa; }
            .archive #content .hero .bread .inside .fbc-items li a i {
              margin-right: 1px;
              margin-top: -1px; }
            .archive #content .hero .bread .inside .fbc-items li a:hover {
              text-decoration: underline; }
        .archive #content .hero .bread .inside .fbc-items li.active a, .archive #content .hero .bread .inside .fbc-items li.active span {
          color: #fff; }
  .archive #content .hero .inside .content-wrap {
    padding-top: 50px; }

@media screen and (min-width: 500px) {
  #content .two-columns .inside .container .col-grid .column .cols {
    width: 50%;
    float: left;
    padding-left: 15px; } }
@media screen and (min-width: 600px) {
  #content .content-grid .inside .container .c-grid {
    grid-template-columns: 1fr 1fr; }
  #content .blog-row .inside .container .featured-post .post-grid {
    grid-template-columns: 1fr 1fr; } }
@media screen and (min-width: 641px) {
  .overlay .inside.team h4 {
    color: #073e5d !important; }
  .overlay .inside.team p {
    color: #073e5d !important; } }
@media screen and (min-width: 768px) {
  p {
    font-size: 1em; }

  #content section {
    padding: 30px 0; }
  #content .hero {
    padding: 0;
    height: 520px; }
    #content .hero .inside {
      padding: 30px; }
      #content .hero .inside .container .icon {
        transform: translate(0%, -50%);
        left: auto;
        right: -20px; }
      #content .hero .inside .container .content-wrap {
        width: 70%; }
        #content .hero .inside .container .content-wrap .content h1 {
          text-align: left;
          font-size: 3em !important;
          margin-top: -10px; }
        #content .hero .inside .container .content-wrap .content .sub p {
          text-align: left;
          font-size: 1.2em; }
        #content .hero .inside .container .content-wrap .content a.btn {
          float: left;
          display: block; }
  #content .content-grid .inside .container .c-grid .block {
    padding: 40px 30px; }
  #content .two-columns .inside .container .col-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px; }
    #content .two-columns .inside .container .col-grid .col-text {
      padding-top: 0px; }
      #content .two-columns .inside .container .col-grid .col-text ul li:last-child, #content .two-columns .inside .container .col-grid .col-text ol li:last-child {
        line-height: 1; }
      #content .two-columns .inside .container .col-grid .col-text p:last-child {
        margin-bottom: 0px; }
    #content .two-columns .inside .container .col-grid .col-image {
      margin-bottom: 0px;
      max-height: 285px; }
    #content .two-columns .inside .container .col-grid .testimonials {
      margin-bottom: 0px; }
  #content .blog-row .inside .container .featured-post .post-grid {
    grid-template-columns: 1fr 1fr 1fr; } }
footer#colophon section.site-info {
  padding-bottom: 0px;
  font-size: 80%;
  padding: 0px !important; }
  footer#colophon section.site-info .copyright {
    padding: 0px !important;
    text-align: center;
    font-family: "Mosk Medium 500";
    margin: 0 0 10px 0; }

@media screen and (min-width: 992px) {
  #masthead {
    padding: 0;
    height: 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.09);
    height: 100px; }
    #masthead .site-branding {
      padding: 0 60px; }
      #masthead .site-branding .site-title {
        margin-top: 9px;
        width: 68px; }
      #masthead .site-branding .device #burger {
        display: none; }
      #masthead .site-branding .device .main-nav {
        position: relative;
        float: right;
        display: block;
        text-align: right;
        background: transparent;
        opacity: 1;
        z-index: 1;
        visibility: visible;
        height: auto;
        margin-top: 0px; }
        #masthead .site-branding .device .main-nav:before {
          display: none; }
        #masthead .site-branding .device .main-nav .menu-main-container {
          height: auto;
          float: right; }
          #masthead .site-branding .device .main-nav .menu-main-container ul {
            transform: none;
            justify-content: none;
            align-items: none;
            height: auto;
            display: block;
            margin: 0px;
            padding: 0px;
            padding: 0px 0; }
            #masthead .site-branding .device .main-nav .menu-main-container ul li {
              transform: none;
              margin: 0px;
              float: left;
              position: relative; }
              #masthead .site-branding .device .main-nav .menu-main-container ul li a {
                height: 100px;
                transform: none;
                color: #000;
                font-family: "Mosk Extra-Bold 800";
                font-weight: 500;
                opacity: 1;
                font-size: 1.2em;
                padding: 38.5px 20px 38.5px 20px;
                -webkit-transition: all 0.1s ease-in-out;
                -moz-transition: all 0.1s ease-in-out;
                -ms-transition: all 0.1s ease-in-out;
                -o-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out; }
                #masthead .site-branding .device .main-nav .menu-main-container ul li a:hover {
                  background: #e7f3f3; }
              #masthead .site-branding .device .main-nav .menu-main-container ul li .sub-menu {
                height: 0px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                opacity: 1;
                display: block !important;
                width: 230px;
                position: absolute;
                top: 55px;
                left: -72px;
                background: #000;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                -ms-border-radius: 15px;
                -o-border-radius: 15px;
                border-radius: 15px;
                padding: 0px;
                overflow: hidden; }
                #masthead .site-branding .device .main-nav .menu-main-container ul li .sub-menu li {
                  width: 100%; }
                  #masthead .site-branding .device .main-nav .menu-main-container ul li .sub-menu li a {
                    width: 100%;
                    text-align: center;
                    padding: 5px;
                    color: #fff;
                    font-size: 1em;
                    border-bottom: 1px solid #2e486d; }
                    #masthead .site-branding .device .main-nav .menu-main-container ul li .sub-menu li a:last-child a {
                      border-bottom: none; }
            #masthead .site-branding .device .main-nav .menu-main-container ul .current_page_item a {
              background: #e7f3f3;
              color: #00bcaa; }
    #masthead .open-main-nav {
      top: 35px;
      right: 40px; }

  #masthead.shrink {
    height: 70px; }
    #masthead.shrink .site-branding .site-title {
      width: 44px; }
    #masthead.shrink .site-branding .device .main-nav .menu-main-container ul li a {
      height: 70px;
      padding: 23.5px 20px; }
    #masthead.shrink .open-main-nav {
      top: 15px;
      right: 40px; }

  #content section .inside {
    padding: 15px 60px; }
  #content .hero {
    margin-top: 100px; }
    #content .hero .inside {
      padding: 30px 60px; }
  #content .content-grid .inside .container .c-grid {
    grid-template-columns: 1fr 1fr 1fr; }
    #content .content-grid .inside .container .c-grid .block {
      padding: 60px 60px; }
  #content .two-columns .inside .container .col-grid .column .cols {
    width: auto;
    float: left;
    padding-left: 15px;
    padding-right: 40px; }
  #content .blog-row .inside .container .featured-post .post-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr; }

  footer#colophon section.site-info .left {
    float: left !important;
    width: 60% !important; }
  footer#colophon section.site-info .right {
    float: left !important;
    width: 40% !important; }
    footer#colophon section.site-info .right .copyright {
      text-align: right !important; } }
@media screen and (min-width: 1200px) {
  p, ul li, ol li {
    font-size: 1.1em; }

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

  h2, .h2 {
    font-size: 1.8em; }

  h3, .h3 {
    font-size: 1.7em; }

  h4, .h4 {
    font-size: 1.6em; }

  h5, .h5 {
    font-size: 1.2em; }

  h6, .h6 {
    font-size: 0.9em; }

  #content .two-columns .inside .container .col-grid .col-image {
    max-height: 334px; }
  #content .blog-row .inside .container .featured-post .post-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
@media screen and (min-width: 1400px) {
  .typee {
    min-height: 160px; }

  #masthead .open-main-nav {
    right: 100px; }

  #masthead.shrink .open-main-nav {
    right: 100px; } }
@media screen and (min-width: 1420px) {
  #masthead .site-branding {
    padding: 0px; }
  #masthead .open-main-nav {
    right: 0px; }

  #masthead.shrink .open-main-nav {
    right: 0px; } }
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.09);
  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. */ }
  .screen-reader-text:focus:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px); }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.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;
  table-layout: fixed; }

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  padding: 1.6em 1.6em 1.6em 1.6em;
  float: left;
  width: 100%;
  background: #073e5d !important; }
  footer#colophon section.site-info {
    text-align: center;
    color: #fff; }
    footer#colophon section.site-info .left, footer#colophon section.site-info .right {
      width: 100%;
      float: left; }
      footer#colophon section.site-info .left .copyright, footer#colophon section.site-info .right .copyright {
        float: left;
        width: auto;
        font-size: 1em;
        padding: 5px;
        padding-left: 0.5em;
        text-align: center;
        width: 100%;
        color: #fff; }
        footer#colophon section.site-info .left .copyright a, footer#colophon section.site-info .right .copyright a {
          color: #fff;
          text-decoration: underline; }
    footer#colophon section.site-info .right {
      float: right;
      width: 100%;
      float: left; }
      footer#colophon section.site-info .right p {
        text-transform: uppercase;
        font-size: 0.6em;
        text-align: center;
        letter-spacing: 0.08em; }
    footer#colophon section.site-info .social {
      float: left;
      display: block;
      width: 100%;
      float: left;
      padding: 10px; }
      footer#colophon section.site-info .social a {
        color: #fff;
        font-size: 2em;
        font-weight: 100; }
    footer#colophon section.site-info p {
      margin: 0px;
      font-size: 0.8em;
      text-align: center; }
      footer#colophon section.site-info p a {
        color: #fff;
        text-decoration: underline; }

/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

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

.page-content,
.entry-content,
.entry-summary {
  margin: 0 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

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

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

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.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. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.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. */
embed,
iframe,
object {
  max-width: 100%; }

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# GRID
--------------------------------------------------------------*/
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10;
  padding-right: 10; }

.row {
  margin-left: -10;
  margin-right: -10; }

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  position: relative; }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

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

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

.island {
  background: url("img/island.png") 0 0 no-repeat;
  width: 67px;
  height: 50px;
  margin: 0 auto 25px auto;
  display: block;
  background-size: 67px 50px; }

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  height: 50px;
  width: 100%;
  background: #e7f3f3 !important;
  border: none;
  padding: 20px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  [type=color]:hover, [type=date]:hover, [type=datetime-local]:hover, [type=datetime]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, select:hover, textarea:hover {
    border-color: #a3d1d1; }
  [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {
    border-color: #e7f3f3;
    color: #000;
    outline: none; }

textarea {
  width: 100%;
  height: 200px;
  background: #e7f3f3;
  border: none;
  padding: 20px; }

.gfield_required {
  color: #e63946;
  padding-left: 5px; }

.gform_wrapper .gfield_label {
  display: none !important; }
.gform_wrapper .ginput_container_email, .gform_wrapper .ginput_container_text {
  width: 100%; }
.gform_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
  	/* #field_1_1:before, #field_1_2:before,
  		#field_1_3:before {
  			position: absolute;
  			display: block;
  			top: 2rem;
  			font-size: 10rem;
  			font-family: $headers;
  			color: $black;
  			opacity: .02;
  		}
  		
  		#field_1_1:before {
  			content: "01";
  		}
  
  		#field_1_2:before {
  			content: "02";
  		}
  
  		#field_1_3:before { 
  			content: "03";
  		}*/ }
  .gform_wrapper ul li {
    position: relative;
    width: 100%;
    margin-bottom: 1.2em;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .gform_wrapper ul li label {
      font-family: "Mosk Extra-Bold 800";
      width: 100%;
      font-size: 1.2em;
      margin-bottom: 0.6em;
      color: #000; }
    .gform_wrapper ul li div ul.gfield_radio, .gform_wrapper ul li div ul.gfield_checkbox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .gform_wrapper ul li div ul.gfield_radio li, .gform_wrapper ul li div ul.gfield_checkbox li {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        background: #e7f3f3;
        display: table;
        height: 140px;
        cursor: pointer; }
        .gform_wrapper ul li div ul.gfield_radio li:hover, .gform_wrapper ul li div ul.gfield_checkbox li:hover {
          background: #c5e2e2;
          cursor: pointer !important; }
        .gform_wrapper ul li div ul.gfield_radio li input, .gform_wrapper ul li div ul.gfield_checkbox li input {
          display: none; }
          .gform_wrapper ul li div ul.gfield_radio li input:checked ~ label, .gform_wrapper ul li div ul.gfield_checkbox li input:checked ~ label {
            background: #000;
            color: #fff;
            font-family: "Mosk Extra-Bold 800"; }
        .gform_wrapper ul li div ul.gfield_radio li label, .gform_wrapper ul li div ul.gfield_checkbox li label {
          width: 100%;
          padding: 0 2.5rem;
          height: 130px;
          font-size: 0.9em;
          text-align: center;
          color: #000;
          font-family: "Mosk Extra-Bold 800";
          display: table-cell;
          vertical-align: middle;
          cursor: pointer; }
    .gform_wrapper ul li:before {
      display: none; }

.full-width {
  display: inline-block;
  width: 100%; }

.gform_body {
  margin-top: 0; }

.validation_message {
  background: #e63946;
  padding: 3px 5px;
  color: #fff;
  font-size: 1em;
  height: 30px; }

.validation_error {
  color: #e63946; }

button[type="submit"] {
  background: #00b976;
  font-size: 1.6em;
  color: #fff;
  font-family: "Mosk Extra-Bold 800";
  font-weight: 500;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 50px;
  width: 230px;
  text-align: center;
  display: block;
  padding: 0px;
  border: none; }
  button[type="submit"]:hover {
    background: #000; }

.gform_wrapper .gfield_error [aria-invalid=true] {
  border: 1px solid #ff554e !important; }

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
  padding: 6px 0px !important; }

.gform_wrapper .gform_validation_errors, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  background: #ff554e !important;
  border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-family: arial !important;
  font-weight: bold !important; }

.gform_wrapper .gform_validation_errors h2 {
  font-family: arial !important;
  font-weight: bold !important; }

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  padding: 7px !important;
  font-size: 14px !important; }

@media screen and (min-width: 768px) {
  .gform_wrapper ul li div ul.gfield_radio, .ginput_container_radio {
    width: 100%; }

  .gform_wrapper ul li div ul.gfield_radio li {
    width: 50%; }

  .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_0, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_2, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_0, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_2, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_4, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_9_0, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_9_2, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_10_0, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_10_2, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_10_4 {
    border-right: 10px solid #fff !important; }
  .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_1, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_3, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_1, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_3, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_5, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_9_1, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_9_3, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_10_1, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_10_3, .gform_wrapper ul li div ul.gfield_checkbox li.gchoice_1_10_5 {
    border-left: 10px solid #fff !important; } }
@media screen and (min-width: 992px) {
  footer#colophon {
    padding: 1.6em 3.2em 1.6em 3.2em; } }
@media screen and (min-width: 1400px) {
  footer#colophon {
    padding: 1.6em 0em 1.6em 0em; }

  .gform_wrapper ul li div ul.gfield_radio li {
    width: 100%; }

  .gform_wrapper ul li div ul.gfield_checkbox#input_1_12 li, .gform_wrapper ul li div ul.gfield_radio#input_1_9 li {
    width: 100%;
    margin-bottom: 0px !important; }

  .gform_wrapper ul li div ul.gfield_checkbox#input_1_12, .gform_wrapper ul li div ul.gfield_radio#input_1_9 {
    display: grid; }

  .gform_wrapper ul li div ul.gfield_radio#input_1_9 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /*repeat(auto-fit, minmax(140px,1fr));*/
    grid-gap: 30px; }

  .gform_wrapper ul li div ul.gfield_checkbox#input_1_12 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /*repeat(auto-fit, minmax(140px,1fr));*/
    grid-gap: 30px; }

  .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_0, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_2, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_0, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_2, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_4 {
    border: 0 !important; }
  .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_1, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_9_3, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_1, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_3, .gform_wrapper ul li div ul.gfield_radio li.gchoice_1_10_5 {
    border: 0 !important; } }
/* Rating Section */
@font-face {
  font-family: 'square721_cn_btroman';
  src: url("css/fonts/sqr721c-webfont.eot");
  src: url("css/fonts/sqr721c-webfont.eot?#iefix") format("embedded-opentype"), url("css/fonts/sqr721c-webfont.woff2") format("woff2"), url("css/fonts/sqr721c-webfont.woff") format("woff"), url("css/fonts/sqr721c-webfont.ttf") format("truetype"), url("css/fonts/sqr721c-webfont.svg#svgFontName") format("svg"); }
#wpd-post-rating {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px; }

#wpd-post-rating .wpd-rating-wrap {
  width: 30%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-left {
  flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-right: -10px; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-right {
  flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-left: -10px; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-data {
  width: 125px;
  white-space: nowrap;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
  width: 125px;
  white-space: break-spaces;
  word-break: break-all;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #888;
  line-height: 16px;
  display: block;
  margin-top: 7px;
  margin-bottom: -3px; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
  transition: 0.2s;
  background-color: #ffffff;
  border: 1px dashed #777777;
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 50%;
  font-family: square721_cn_btroman, "Open Sans", san-serif; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value span {
  color: #666666;
  display: block !important;
  cursor: default; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv {
  font-size: 24px !important;
  line-height: 60px !important;
  padding-top: 0px !important; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
  font-size: 18px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 17px !important; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrt {
  font-size: 10px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 0px !important;
  font-style: normal;
  font-family: Arial, sans-serif; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv {
  display: none !important; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt {
  display: block !important;
  color: #ffffff;
  transition: 0.8s; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover {
  background-color: #555555;
  transition: 0.5s; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars {
  margin-top: 7px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center; }

#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg {
  width: 26px;
  height: 26px;
  display: block;
  margin-right: -3px; }

#wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rating-stars {
  display: none; }

#wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rate-starts {
  display: flex; }

#wpd-post-rating .wpd-rating-wrap .wpd-rate-starts {
  display: none;
  margin-top: 7px;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center; }

#wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg {
  width: 26px;
  height: 26px;
  display: block;
  margin-right: -3px; }

.wpd-rating {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px; }

.wpd-rating .wpd-rating-wrap {
  width: 30%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center; }

.wpd-rating .wpd-rating-wrap .wpd-rating-left {
  flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-right: -10px; }

.wpd-rating .wpd-rating-wrap .wpd-rating-right {
  flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-left: -10px; }

.wpd-rating .wpd-rating-wrap .wpd-rating-data {
  width: 125px;
  white-space: nowrap;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center; }

.wpd-rating .wpd-rating-wrap .wpd-rating-title {
  width: 125px;
  white-space: break-spaces;
  word-break: break-all;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #888;
  line-height: 16px;
  display: block;
  margin-top: 7px;
  margin-bottom: -3px; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value {
  transition: 0.2s;
  background-color: #ffffff;
  border: 1px dashed #777777;
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 50%;
  font-family: square721_cn_btroman, "Open Sans", san-serif; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value span {
  color: #666666;
  display: block !important;
  cursor: default; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrv {
  font-size: 24px !important;
  line-height: 60px !important;
  padding-top: 0px !important; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
  font-size: 18px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 17px !important; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrt {
  font-size: 10px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 0px !important;
  font-style: normal;
  font-family: Arial, sans-serif; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv {
  display: none !important; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt {
  display: block !important;
  color: #ffffff !important;
  transition: 0.8s; }

.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover {
  background-color: #555555;
  transition: 0.5s; }

.wpd-rating .wpd-rating-wrap .wpd-rating-stars {
  margin-top: 7px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center; }

.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg {
  width: 26px;
  height: 26px;
  display: block;
  margin-right: -3px; }

.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star {
  fill: #cccccc; }

.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active {
  fill: #ffc600; }

.wpd-rating .wpd-rating-wrap .wpd-rating-name {
  font-size: 12px;
  padding-top: 5px;
  color: #999999;
  display: none; }

#lightcase-content h3 {
  font-family: "Mosk Medium 500";
  font-size: 2em;
  margin-top: 0px; }

#lightcase-content p {
  font-size: 1.2em;
  font-family: "Mosk Medium 500"; }

#lightcase-info #lightcase-sequenceInfo {
  text-align: center !important;
  padding: 1.6em 0; }

.preloader {
  align-items: center;
  background: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 9999;
  pointer-events: none; }

#gform_confirmation_message_1 {
  font-weight: bold;
  background: #f2f0f0;
  color: #000;
  padding: 40px;
  display: block;
  margin: 3.2em 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: Auto;
  float: left; }

#gform_confirmation_message_1 h2, #gform_confirmation_message_1 h3, #gform_confirmation_message_1 i {
  color: #000; }
#gform_confirmation_message_1 p {
  margin-bottom: 0px;
  margin-top: 0.4em; }

.gform_submission_error.hide_summary {
  font-size: 1.1em;
  color: #e63946;
  margin-top: 1.6em; }

#field_1_12 {
  display: none !important; }