/*!
	Theme Name: S and Y Industries
	Original Theme URI: https://github.com/rjmccollam/Bare-WP
	Author: RJ McCollam
	Author URI: https://www.rjmccollam.com/
	Description: A custom WordPress theme designed and developed specifically for S and Y Industries.
	Version: 2.0
*/
/*! WARNING: This CSS file was generated from a Sass file. Do NOT edit it. If you edit this file your developer will overwrite the changes you have made next time they update your site. */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin        : 0;
	padding       : 0;
	border        : 0;
	font-size     : 100%;
	font          : inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

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

strong,
b {
	font-weight: 700
}

em,
i {
	font-style: italic
}

input {
	outline      : none;
	border       : none;
	border-radius: 0
}

html {
	overflow-x: hidden
}

body {
	background             : #f3f3f3;
	font-family            : filson-soft, sans-serif;
	font-size              : .9375rem;
	line-height            : 1.625rem;
	color                  : #212121;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x             : hidden
}

.container {
	width    : 90%;
	max-width: 1200px;
	margin   : 0 auto;
	position : relative
}

.right {
	float: right
}

.left {
	float: left
}

.clear {
	clear: both
}

.clearfix:after {
	content: "";
	display: block;
	clear  : both
}

.half {
	width: 48%
}

@media (max-width: 1100px) {
	.half {
		width: 100%;
		float: none
	}
}

.none {
	display: none
}

a {
	color             : #107741;
	text-decoration   : none;
	transition        : all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition   : all 0.3s ease-out;
	-ms-transition    : all 0.3s ease-out;
	-o-transition     : all 0.3s ease-out
}

a:hover {
	color             : #719d86;
	transition        : all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition   : all 0.3s ease-out;
	-ms-transition    : all 0.3s ease-out;
	-o-transition     : all 0.3s ease-out
}

a img {
	outline: none;
	border : none
}

iframe {
	max-width: 100%
}

h1 {
	font-family: rift, sans-serif;
	font-size  : 6.125vw;
	line-height: .9em;
	font-weight: 400
}

h2 {
	font-family: filson-soft, sans-serif;
	font-size  : 5vw;
	line-height: 1.1em;
	color      : #3f5b5b;
	font-weight: 400
}

h3 {
	font-family: rift, sans-serif;
	font-size  : 1.5rem;
	line-height: 1.1em;
	font-weight: 400
}

.img-left,
img.alignleft {
	float    : left;
	margin   : 5px 60px 5px 0;
	max-width: 50% !important
}

@media (max-width: 800px) {

	.img-left,
	img.alignleft {
		margin   : 5px;
		max-width: 100% !important
	}
}

.img-right,
img.alignright {
	float    : right;
	margin   : 5px 0 5px 60px;
	max-width: 50% !important
}

@media (max-width: 800px) {

	.img-right,
	img.alignright {
		margin   : 5px;
		max-width: 100% !important
	}
}

.header {
	background        : White;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow        : 0 0 30px rgba(0, 0, 0, 0.2);
	padding           : 0;
	position          : relative;
	z-index           : 1
}

.header .inner {
	display         : -webkit-box;
	display         : -moz-box;
	display         : -ms-flexbox;
	display         : flex;
	-webkit-box-pack: justify;
	-moz-box-pack   : justify;
	-ms-flex-pack   : justify;
	justify-content : space-between
}

@media screen and (max-width: 1100px) {
	.header .inner {
		display: block
	}
}

.header a.logo {
	background: transparent;
	display   : block
}

.header a.logo img {
	display  : block;
	max-width: 100%
}

@media screen and (max-width: 1300px) {
	.header a.logo {
		width: 320px
	}
}

@media (max-width: 540px) {
	.header a.logo {
		width: 200px
	}
}

#content {
	min-height: 400px
}

.menu-link {
	display    : none;
	font-family: rift, sans-serif;
	font-size  : 24px;
	font-weight: bold
}

.menu-link span {
	display       : inline-block;
	font-weight   : normal;
	margin-top    : 0;
	margin-right  : 5px;
	vertical-align: middle
}

@media screen and (max-width: 1100px) {
	.menu-link {
		display    : -webkit-box;
		display    : -moz-box;
		display    : -ms-flexbox;
		display    : flex;
		height     : 84px;
		line-height: 84px;
		padding    : 0 30px
	}
}

@media (max-width: 540px) {
	.menu-link {
		height     : 52px;
		line-height: 52px;
		font-size  : 18px
	}
}

header.header .nav {
	padding: 30px 100px 30px 0px
}

header.header .nav>ul>li:last-child {
	background        : #ab7438;
	border-radius     : 5px;
	margin-left       : 0px;
	margin-right      : 8px;
	-webkit-transform : skew(-12.25deg, 0deg);
	transform         : skew(-12.25deg, 0deg);
	-webkit-transition: .2s ease-in-out;
	transition        : .2s ease-in-out
}

@media screen and (max-width: 1100px) {
	header.header .nav>ul>li:last-child {
		border-radius    : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

@media screen and (max-width: 540px) {
	header.header .nav>ul>li:last-child {
		border-radius    : 0;
		margin           : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}

	header.header .nav>ul>li:last-child a {
		border-radius    : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

header.header .nav>ul>li:last-child a {
	color            : white;
	padding-left     : 2.75vw;
	padding-right    : 2.75vw;
	-webkit-transform: skew(12.25deg, 0deg);
	transform        : skew(12.25deg, 0deg)
}

@media screen and (max-width: 1600px) {
	header.header .nav>ul>li:last-child a {
		padding-left : 1.5vw;
		padding-right: 1.5vw
	}
}

@media screen and (max-width: 1100px) {
	header.header .nav>ul>li:last-child a {
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0);
		padding-left     : 40px
	}
}

@media screen and (max-width: 540px) {
	header.header .nav>ul>li:last-child a {
		padding-left: 24px
	}
}

header.header .nav>ul>li:last-child:hover {
	background: #c68e50;
	color     : white
}

header.header .nav>ul>li:last-child:hover a {
	color: white
}

header.header .nav>ul>li:hover>a {
	color: #739999
}

header.header .nav ul {
	list-style: none;
	position  : relative
}

@media screen and (max-width: 1100px) {
	header.header .nav ul {
		display: inline
	}
}

header.header .nav ul:after {
	content: "";
	clear  : both;
	display: block
}

header.header .nav ul li {
	display    : inline-block;
	height     : 60px;
	line-height: 60px;
	position   : relative
}

@media screen and (max-width: 1100px) {
	header.header .nav ul li {
		display: block
	}
}

@media screen and (max-width: 540px) {
	header.header .nav ul li {
		line-height: normal
	}
}

header.header .nav ul li a {
	color         : #1b2525;
	display       : block;
	font-size     : 15px;
	padding-left  : 1.75vw;
	padding-right : 1.75vw;
	letter-spacing: .125em;
	text-transform: uppercase
}

@media screen and (max-width: 1600px) {
	header.header .nav ul li a {
		padding-left : 1vw;
		padding-right: 1vw
	}
}

@media screen and (max-width: 1300px) {
	header.header .nav ul li a {
		font-size: 14px
	}
}

@media screen and (max-width: 1100px) {
	header.header .nav ul li a {
		display      : block;
		padding      : 10px 0 10px 40px;
		border-bottom: 1px solid #fff;
		position     : relative
	}
}

@media screen and (max-width: 540px) {
	header.header .nav ul li a {
		padding: 12px 0 12px 24px
	}
}

header.header .nav ul li .carrot {
	border-left: 1px solid #f3f3f3;
	display    : none;
	position   : absolute;
	top        : 0;
	right      : 0;
	font-size  : 1.5em;
	padding    : 10px 40px;
	color      : #107741
}

@media (max-width: 1100px) {
	header.header .nav ul li .carrot {
		display: block
	}
}

@media screen and (max-width: 540px) {
	header.header .nav ul li .carrot {
		padding: 6px 30px
	}
}

>header.header .nav ul li>ul.sub-menu {
	padding: 4px 0;
	width  : 100%
}

@media screen and (max-width: 1100px) {
	>header.header .nav ul li>ul.sub-menu {
		padding: 0px
	}
}

header.header .nav ul li:hover ul,
header.header .nav ul li.open ul {
	background    : white;
	border-bottom : 1px solid #1b2525;
	display       : block;
	left          : 12px;
	padding-bottom: 10px;
	padding-top   : 10px;
	width         : 240px
}

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

	header.header .nav ul li:hover ul,
	header.header .nav ul li.open ul {
		left: -1px
	}
}

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

	header.header .nav ul li:hover ul,
	header.header .nav ul li.open ul {
		left: -8px
	}
}

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

	header.header .nav ul li:hover ul,
	header.header .nav ul li.open ul {
		padding-top   : 0;
		padding-bottom: 0;
		width         : 100%;
		left          : auto
	}
}

@media screen and (max-width: 1100px) {
	header.header .nav ul li.open ul.sub-menu {
		display   : block;
		max-height: unset
	}
}

header.header .nav ul ul {
	display  : none;
	position : absolute;
	top      : 100%;
	min-width: 160px
}

@media screen and (max-width: 1100px) {
	header.header .nav ul ul {
		overflow          : hidden;
		max-height        : 0;
		display           : inherit;
		position          : relative;
		left              : auto;
		top               : auto;
		-webkit-box-shadow: none;
		box-shadow        : none;
		border            : none
	}

	header.header .nav ul ul.active {
		max-height: 100%
	}
}

header.header .nav ul ul>li {
	height     : auto;
	line-height: normal;
	position   : relative;
	display    : block
}

@media screen and (max-width: 1100px) {
	header.header .nav ul ul>li {
		line-height: normal
	}
}

header.header .nav ul ul>li a {
	padding       : 8px 20px;
	height        : auto;
	letter-spacing: normal;
	text-transform: none
}

@media screen and (max-width: 1100px) {
	header.header .nav ul ul>li a {
		background    : #f3f3f3;
		letter-spacing: normal;
		padding       : 8px 40px;
		text-transform: none
	}
}

@media screen and (max-width: 540px) {
	header.header .nav ul ul>li a {
		padding: 8px 24px
	}
}

header.header .nav ul ul ul {
	position: absolute;
	left    : 100%;
	top     : 0
}

@media screen and (max-width: 1100px) {
	header.header .nav ul ul ul {
		display : inherit;
		position: relative;
		left    : auto;
		top     : auto;
		border  : none
	}
}

@media screen and (max-width: 1600px) {
	header.header .nav {
		padding: 30px 50px 30px 0
	}
}

@media screen and (max-width: 1300px) {
	header.header .nav {
		padding-top   : 12px;
		padding-bottom: 12px
	}
}

@media screen and (max-width: 1100px) {
	header.header .nav {
		padding-right: 0;
		clear        : both;
		min-width    : inherit;
		float        : none;
		overflow     : hidden;
		max-height   : 0
	}

	header.header .nav.active {
		border-top: 1px solid #f3f3f3;
		max-height: 100%
	}

	header.header .nav.active ul li {
		border-bottom: 1px solid #f3f3f3;
		display      : block;
		height       : auto;
		line-height  : auto
	}

	header.header .nav.active ul li a {
		border     : 0;
		display    : block;
		height     : auto;
		line-height: auto
	}

	header.header .nav.active ul li a:hover {
		border: 0
	}

	header.header .nav.active ul li:hover {
		border-bottom: 1px solid #f3f3f3
	}

	header.header .nav.active ul li:hover a {
		border: 0
	}

	header.header .nav.active ul li:hover>ul {
		display: none
	}

	header.header .nav.active ul li.open>ul,
	header.header .nav.active ul li ul.active {
		display      : block;
		background   : white;
		border-bottom: 0px solid #1b2525
	}

	header.header .nav.active ul li.open>ul ul.sub-menu,
	header.header .nav.active ul li ul.active ul.sub-menu {
		margin-left: 40px
	}
}

@media screen and (max-width: 1100px) {
	header.header .nav {
		padding-top   : 0;
		padding-bottom: 0
	}
}

.skip,
.header .nav button {
	position  : absolute;
	top       : -1000px;
	left      : -1000px;
	height    : 1px;
	width     : 1px;
	text-align: left;
	overflow  : hidden;
	z-index   : 100;
	background: white;
	padding   : 5px
}

a.skip:active,
a.skip:focus,
a.skip:hover,
.header .nav button:active,
.header .nav button:focus,
.header .nav button:hover {
	left    : 10px;
	top     : 10px;
	width   : auto;
	height  : auto;
	overflow: visible
}

.page-template-default {
	background: #f3f3f3 url(/wp-content/themes/SandYIndustries/images/circuit.png) no-repeat top center
}

.home.page-template-default {
	background: #f3f3f3
}

a.button.primary {
	background       : #107741;
	color            : white;
	display          : inline-block;
	font-size        : 15px;
	letter-spacing   : .15em;
	margin-right     : 24px;
	margin-left      : 10px;
	padding-left     : 40px;
	padding-right    : 40px;
	padding-top      : 17px;
	padding-bottom   : 17px;
	text-transform   : uppercase;
	-webkit-transform: skew(-12.25deg, 0deg);
	transform        : skew(-12.25deg, 0deg);
	border-radius    : 3px
}

a.button.primary span {
	display          : block;
	-webkit-transform: skew(12.25deg, 0deg);
	transform        : skew(12.25deg, 0deg)
}

a.button.primary:hover {
	background: #719d86;
	color     : white
}

@media screen and (max-width: 1300px) {
	a.button.primary {
		font-size     : 14px;
		padding-left  : 30px;
		padding-right : 30px;
		padding-top   : 13px;
		padding-bottom: 13px
	}
}

@media (max-width: 540px) {
	a.button.primary {
		margin-left: 0
	}
}

a.button.secondary {
	color    : #107741;
	display  : inline-block;
	font-size: 15px
}

a.button.secondary img {
	margin-left       : 10px;
	-webkit-transition: .2s ease-in-out;
	transition        : .2s ease-in-out
}

@media screen and (max-width: 1300px) {
	a.button.secondary {
		font-size: 14px
	}
}

a.button.secondary:hover img {
	margin-left: 14px
}

.content {
	padding: 70px 0 70px
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin: 0 0 20px
}

.content p,
.content form,
.content iframe,
.content blockquote,
.content hr {
	margin: 0 0 40px
}

@media (max-width: 800px) {

	.content p,
	.content form,
	.content iframe,
	.content blockquote,
	.content hr {
		margin: 0 0 30px
	}
}

.content ul,
.content ol {
	margin: 0 0 40px 30px
}

@media (max-width: 800px) {

	.content ul,
	.content ol {
		margin: 0 0 30px 30px
	}
}

.content img {
	max-width    : 100%;
	height       : auto;
	border-radius: 20px
}

@media (max-width: 800px) {
	.content img {
		display: block;
		float  : none;
		margin : 0 auto 20px
	}
}

@media screen and (max-width: 540px) {
	.content {
		padding: 40px 0 40px
	}
}

.home .content {
	padding: 10vw 0 10vw
}

@media (max-width: 800px) {
	.home .content img {
		margin: 0 auto 0px
	}
}

.content {
	color    : #212121;
	font-size: 17px
}

@media (max-width: 800px) {
	.content {
		font-size: 15px
	}
}

.content h1 {
	font-size  : 70px;
	font-weight: bold;
	margin     : 0 0 40px
}

@media (max-width: 1100px) {
	.content h1 {
		font-size    : 54px;
		margin-bottom: 30px
	}
}

@media (max-width: 800px) {
	.content h1 {
		font-size    : 40px;
		margin-bottom: 20px
	}
}

@media (max-width: 540px) {
	.content h1 {
		font-size: 30px
	}
}

.content h2 {
	color    : #3f5b5b;
	font-size: 43px;
	margin   : 0 0 30px
}

@media (max-width: 1100px) {
	.content h2 {
		font-size    : 36px;
		margin-bottom: 30px
	}
}

@media (max-width: 800px) {
	.content h2 {
		font-size    : 30px;
		margin-bottom: 20px
	}
}

@media (max-width: 540px) {
	.content h2 {
		font-size: 24px
	}
}

.content h3 {
	font-size  : 35px;
	font-weight: bold;
	margin     : 0 0 40px
}

@media (max-width: 1100px) {
	.content h3 {
		font-size    : 30px;
		margin-bottom: 30px
	}
}

@media (max-width: 800px) {
	.content h3 {
		font-size    : 24px;
		margin-bottom: 20px
	}
}

@media (max-width: 540px) {
	.content h3 {
		font-size : 20px;
		margin-top: 20px
	}
}

.content p {
	line-height: 1.8em
}

.content blockquote {
	font-style: italic
}

.content ul {
	list-style: none;
	margin    : 0 0 40px;
	padding   : 0
}

.content ul li {
	padding-top   : 5px;
	padding-bottom: 5px;
	padding-left  : 32px;
	position      : relative;
	text-align    : left
}

.content ul li:before {
	background       : #3f5b5b;
	content          : "";
	height           : 7px;
	width            : 7px;
	-webkit-transform: rotate(45deg);
	transform        : rotate(45deg);
	position         : absolute;
	left             : 0;
	top              : 14px
}

.content a {
	color: #107741
}

.content a:hover {
	color: #719d86
}

@media screen and (max-width: 800px) {
	.content p {
		margin-bottom: 20px
	}

	.content ul {
		margin-bottom: 20px
	}
}

@media screen and (max-width: 540px) {
	.content p {
		margin-bottom: 10px
	}

	.content ul {
		margin-bottom: 10px
	}
}

.home h1,
.home h2,
.home .content h1,
.home .content h2 {
	font-family: rift, sans-serif;
	font-weight: 700;
	font-style : normal
}

.home h1,
.home .content h1 {
	font-size: 6.125vw
}

@media (max-width: 540px) {

	.home h1,
	.home .content h1 {
		font-size: 36px
	}
}

.home h2,
.home .content h2 {
	font-size  : 5vw;
	line-height: .9em
}

.home .image-callout {
	background: transparent;
	color     : #212121;
	margin-top: -3vw
}

@media (max-width: 1100px) {
	.home .image-callout {
		margin-top: 0
	}
}

@media (max-width: 800px) {
	.home .image-callout {
		padding-top: 65vw
	}
}

.home .image-callout.image-left {
	top   : 0;
	bottom: 0
}

.home .image-callout.image-left .image {
	border-radius    : 20px;
	left             : -6%;
	-webkit-transform: skew(7deg, 0);
	transform        : skew(7deg, 0);
	top              : 0;
	bottom           : 0;
	width            : 48%
}

.home .image-callout.image-left .image>div {
	right            : -11%;
	-webkit-transform: skew(-7deg, 0);
	transform        : skew(-7deg, 0);
	width            : 111%
}

@media (max-width: 1100px) {
	.home .image-callout.image-left .image {
		left: -25%
	}
}

@media (max-width: 800px) {
	.home .image-callout.image-left .image {
		left  : -5%;
		width : 80%;
		height: 60vw
	}
}

@media (max-width: 540px) {
	.home .image-callout.image-left .image {
		border-radius    : 0;
		width            : 100%;
		left             : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}

	.home .image-callout.image-left .image>div {
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

.home .image-callout.image-right {
	top   : 0;
	bottom: 0
}

.home .image-callout.image-right .image {
	border-radius    : 20px;
	right            : -6%;
	left             : auto;
	-webkit-transform: skew(7deg, 0);
	transform        : skew(7deg, 0);
	top              : 0;
	bottom           : 0;
	width            : 48%
}

.home .image-callout.image-right .image>div {
	left             : -11%;
	-webkit-transform: skew(-7deg, 0);
	transform        : skew(-7deg, 0);
	width            : 111%
}

@media (max-width: 1100px) {
	.home .image-callout.image-right .image {
		right: -25%
	}
}

@media (max-width: 800px) {
	.home .image-callout.image-right .image {
		right : -5%;
		width : 80%;
		height: 60vw
	}
}

@media (max-width: 540px) {
	.home .image-callout.image-right .image {
		border-radius    : 0;
		width            : 100%;
		right            : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}

	.home .image-callout.image-right .image>div {
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

.home .image-callout .sub-content {
	color  : #212121;
	padding: 0
}

.home .image-callout .sub-content h2 {
	color: #1b2525
}

.home .image-callout .sub-content p {
	line-height: 1.8em
}

@media (max-width: 1100px) {
	.home .image-callout .sub-content {
		max-width     : none;
		padding-top   : 0px;
		padding-bottom: 0px;
		width         : 65%
	}
}

@media (max-width: 800px) {
	.home .image-callout .sub-content {
		float: none;
		width: 100%
	}
}

@media (max-width: 540px) {
	.home .image-callout .sub-content {
		text-align: center
	}
}

.home .image-callout a.button.video-button {
	background        : white;
	border-radius     : 20px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	box-shadow        : 0 0 20px rgba(0, 0, 0, 0.3);
	display           : -webkit-box;
	display           : -moz-box;
	display           : -ms-flexbox;
	display           : flex;
	-ms-flex-line-pack: center;
	align-content     : center;
	-webkit-box-pack  : center;
	-moz-box-pack     : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	-webkit-box-align : center;
	-moz-box-align    : center;
	-ms-flex-align    : center;
	align-items       : center;
	justify-items     : center;
	-ms-flex-wrap     : wrap;
	flex-wrap         : wrap;
	line-height       : 1.3em;
	margin-left       : -190px;
	margin-top        : -100px;
	padding-left      : 30px;
	padding-right     : 30px;
	position          : absolute;
	top               : 50%;
	left              : 45%;
	z-index           : 2;
	width             : 220px;
	height            : 200px;
	text-align        : center;
	-webkit-transform : skew(7deg, 0deg);
	transform         : skew(7deg, 0deg)
}

.home .image-callout a.button.video-button span,
.home .image-callout a.button.video-button img {
	display          : block;
	-webkit-transform: skew(-7deg, 0deg);
	transform        : skew(-7deg, 0deg);
	margin-left      : auto;
	margin-right     : auto
}

.home .image-callout a.button.video-button span {
	color         : #1b2525;
	letter-spacing: .15em;
	margin-top    : 16px;
	text-transform: uppercase;
	width         : 100%
}

@media (max-width: 800px) {
	.home .image-callout a.button.video-button img {
		margin: 0 auto
	}
}

@media (max-width: 1100px) {
	.home .image-callout a.button.video-button {
		left: 25%
	}
}

@media (max-width: 800px) {
	.home .image-callout a.button.video-button {
		left: 80%;
		top : calc(-36vw)
	}
}

@media (max-width: 540px) {
	.home .image-callout a.button.video-button {
		width      : 150px;
		height     : 140px;
		left       : 50%;
		margin-left: -80px;
		top        : -26vw
	}

	.home .image-callout a.button.video-button img {
		max-width: 40px
	}

	.home .image-callout a.button.video-button span {
		font-size: 12px
	}
}

.home .image-callout a.button.video-button:hover {
	background: #f3f3f3
}

.home .image-callout a.button {
	color            : #107741;
	display          : none;
	font-size        : 15px;
	letter-spacing   : .15em;
	text-transform   : uppercase;
	background       : transparent;
	display          : block;
	margin           : 0;
	padding          : 0;
	-webkit-transform: none;
	transform        : none;
	border-radius    : 0
}

.home .image-callout a.button img {
	margin-left       : 10px;
	display           : inline-block;
	margin-top        : -4px;
	vertical-align    : middle;
	-webkit-transition: .2s ease-in-out;
	transition        : .2s ease-in-out
}

@media (max-width: 1100px) {
	.home .image-callout a.button {
		font-size: 14px
	}
}

.home .image-callout a.button span {
	display          : inline;
	-webkit-transform: none;
	transform        : none
}

.home .image-callout a.button:hover {
	background: transparent;
	color     : #719d86
}

.home .image-callout a.button:hover img {
	margin-left: 14px
}

.home .image-callout a.button.video-button:hover img {
	margin-left : auto;
	margin-right: auto
}

.image-callout {
	background: #1b2525;
	color     : white;
	position  : relative
}

@media (max-width: 1100px) {
	.image-callout {
		margin-top: 0
	}
}

@media (max-width: 800px) {
	.image-callout {
		padding-top: 65vw
	}
}

.image-callout.image-left .image {
	border-radius    : 20px;
	left             : -6%;
	right            : inherit;
	overflow         : hidden;
	top              : 50px;
	bottom           : 50px;
	-webkit-transform: skew(7deg, 0);
	transform        : skew(7deg, 0);
	width            : 48%
}

@media (max-width: 540px) {
	.image-callout.image-left .image {
		top   : 0;
		bottom: 0
	}
}

.image-callout.image-left .image>div {
	background-size  : cover;
	-webkit-transform: skew(-7deg, 0);
	transform        : skew(-7deg, 0);
	right            : -11%;
	transform        : skew(-7deg, 0);
	width            : 111%
}

@media (max-width: 1100px) {
	.image-callout.image-left .image {
		left: -25%
	}
}

@media (max-width: 800px) {
	.image-callout.image-left .image {
		left  : -5%;
		width : 80%;
		height: 60vw
	}
}

@media (max-width: 540px) {
	.image-callout.image-left .image {
		border-radius    : 0;
		width            : 100%;
		left             : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0);
		top              : 0
	}

	.image-callout.image-left .image>div {
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

.image-callout.image-left .sub-content {
	float: right
}

.image-callout.image-right .image {
	border-radius    : 20px;
	right            : -6%;
	left             : inherit;
	overflow         : hidden;
	top              : 50px;
	bottom           : 50px;
	-webkit-transform: skew(7deg, 0);
	transform        : skew(7deg, 0);
	width            : 48%
}

.image-callout.image-right .image>div {
	background-size  : cover;
	-webkit-transform: skew(-7deg, 0);
	transform        : skew(-7deg, 0);
	left             : -11%;
	transform        : skew(-7deg, 0);
	width            : 111%
}

@media (max-width: 1100px) {
	.image-callout.image-right .image {
		right: -25%
	}
}

@media (max-width: 800px) {
	.image-callout.image-right .image {
		right : -5%;
		width : 80%;
		height: 60vw
	}
}

@media (max-width: 540px) {
	.image-callout.image-right .image {
		border-radius    : 0;
		width            : 100%;
		left             : 0;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0);
		top              : 0
	}

	.image-callout.image-right .image>div {
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

.image-callout.image-right .sub-content {
	float: left
}

.image-callout.image-right a.button.video-button {
	right: 26%;
	left : auto
}

@media (max-width: 1100px) {
	.image-callout.image-right a.button.video-button {
		right: 5%
	}
}

@media (max-width: 800px) {
	.image-callout.image-right a.button.video-button {
		right: 55%
	}
}

@media (max-width: 540px) {
	.image-callout.image-right a.button.video-button {
		right       : 50%;
		margin-left : 0;
		margin-right: -80px
	}
}

.image-callout .image>div {
	position: absolute;
	top     : 0;
	left    : 0;
	right   : 0;
	bottom  : 0;
	height  : 100%;
	width   : 100%
}

.image-callout .image {
	background-size    : cover;
	background-position: center center;
	width              : 44%;
	height             : calc(100%-100px);
	position           : absolute;
	top                : 0;
	right              : 0
}

.image-callout .sub-content {
	width    : 50%;
	max-width: 560px;
	padding  : 140px 0 140px;
	font-size: 17px;
	color    : white
}

.image-callout .sub-content h1 {
	font-size: 70px
}

@media (max-width: 1100px) {
	.image-callout .sub-content h1 {
		font-size: 55px
	}
}

@media (max-width: 800px) {
	.image-callout .sub-content h1 {
		font-size    : 36px;
		margin-bottom: 30px
	}
}

@media (max-width: 540px) {
	.image-callout .sub-content h1 {
		font-size: 30px
	}
}

.image-callout .sub-content h2 {
	color         : white;
	font-family   : filson-soft, sans-serif;
	font-size     : 43px;
	font-weight   : normal;
	margin-bottom : 40px;
	text-transform: none
}

@media (max-width: 1100px) {
	.image-callout .sub-content h2 {
		font-size: 36px
	}
}

@media (max-width: 800px) {
	.image-callout .sub-content h2 {
		font-size    : 30px;
		margin-bottom: 30px
	}
}

@media (max-width: 540px) {
	.image-callout .sub-content h2 {
		font-size: 24px
	}
}

.image-callout .sub-content p,
.image-callout .sub-content ul {
	line-height: 1.8em
}

@media (max-width: 1100px) {

	.image-callout .sub-content p,
	.image-callout .sub-content ul {
		font-size: 16px
	}
}

@media (max-width: 800px) {

	.image-callout .sub-content p,
	.image-callout .sub-content ul {
		font-size: 15px
	}
}

@media (max-width: 540px) {

	.image-callout .sub-content p,
	.image-callout .sub-content ul {
		font-size: 14px
	}
}

@media (max-width: 1100px) {
	.image-callout .sub-content {
		max-width     : none;
		padding-top   : 60px;
		padding-bottom: 60px;
		width         : 65%
	}
}

@media (max-width: 800px) {
	.image-callout .sub-content {
		float: none;
		width: 100%
	}
}

@media (max-width: 540px) {
	.image-callout .sub-content {
		text-align : center;
		padding-top: 20px
	}
}

.image-callout a.button.video-button {
	background        : white;
	border-radius     : 20px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	box-shadow        : 0 0 20px rgba(0, 0, 0, 0.3);
	display           : -webkit-box;
	display           : -moz-box;
	display           : -ms-flexbox;
	display           : flex;
	-ms-flex-line-pack: center;
	align-content     : center;
	-webkit-box-pack  : center;
	-moz-box-pack     : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	-webkit-box-align : center;
	-moz-box-align    : center;
	-ms-flex-align    : center;
	align-items       : center;
	justify-items     : center;
	-ms-flex-wrap     : wrap;
	flex-wrap         : wrap;
	line-height       : 1.3em;
	margin-left       : -190px;
	margin-top        : -100px;
	padding-left      : 30px;
	padding-right     : 30px;
	position          : absolute;
	top               : 50%;
	left              : 45%;
	z-index           : 2;
	width             : 220px;
	height            : 200px;
	text-align        : center;
	-webkit-transform : skew(7deg, 0deg);
	transform         : skew(7deg, 0deg)
}

.image-callout a.button.video-button span,
.image-callout a.button.video-button img {
	display          : block;
	-webkit-transform: skew(-7deg, 0deg);
	transform        : skew(-7deg, 0deg)
}

.image-callout a.button.video-button span {
	color         : #1b2525;
	letter-spacing: .15em;
	margin-top    : 16px;
	text-transform: uppercase;
	width         : 100%
}

@media (max-width: 800px) {
	.image-callout a.button.video-button img {
		margin: 0 auto
	}
}

@media (max-width: 1100px) {
	.image-callout a.button.video-button {
		top   : 0;
		margin: 0
	}
}

@media (max-width: 1100px) {
	.image-callout a.button.video-button {
		left: 25%
	}
}

@media (max-width: 800px) {
	.image-callout a.button.video-button {
		left: 80%;
		top : calc(-28vw)
	}
}

@media (max-width: 540px) {
	.image-callout a.button.video-button {
		left: 65%
	}
}

.image-callout a.button {
	background       : #107741;
	color            : white;
	display          : inline-block;
	font-size        : 15px;
	letter-spacing   : .15em;
	margin-right     : 24px;
	margin-left      : 10px;
	padding-left     : 40px;
	padding-right    : 40px;
	padding-top      : 17px;
	padding-bottom   : 17px;
	text-transform   : uppercase;
	-webkit-transform: skew(-12.25deg, 0deg);
	transform        : skew(-12.25deg, 0deg);
	border-radius    : 3px
}

.image-callout a.button img {
	margin-left: 10px;
	display    : none
}

.image-callout a.button span {
	display          : block;
	-webkit-transform: skew(12.25deg, 0deg);
	transform        : skew(12.25deg, 0deg)
}

.image-callout a.button:hover {
	background: #719d86
}

.hero {
	padding-left : 6vw;
	padding-right: 6vw
}

@media (max-width: 540px) {
	.hero {
		padding-right: 0;
		padding-left : 0;
		position     : relative
	}
}

.hero .inner {
	background-size      : auto 100% !important;
	background-position-y: -105px !important;
	min-height           : 50vw;
	padding-top          : 7.5vw;
	padding-bottom       : 7.5vw
}

@media (max-width: 1100px) {
	.hero .inner {
		background-position-y: -45px !important
	}
}

@media (max-width: 540px) {
	.hero .inner {
		padding-left: 30px
	}

	.hero .inner * {
		position: relative;
		z-index : 1
	}

	.hero .inner:after {
		background: #f3f3f3;
		content   : "";
		display   : block;
		height    : 100%;
		position  : absolute;
		top       : 0;
		left      : 0;
		right     : 0;
		bottom    : 0;
		width     : 100%;
		z-index   : 0;
		opacity   : .75
	}
}

.hero span.sub-heading {
	color    : #ab7438;
	display  : block;
	font-size: 20px;
	position : relative;
	width    : 320px
}

@media (max-width: 540px) {
	.hero span.sub-heading {
		width: 240px
	}
}

.hero span.sub-heading span {
	background   : #f3f3f3;
	display      : inline-block;
	padding-right: 15px;
	position     : relative;
	z-index      : 1
}

@media (max-width: 540px) {
	.hero span.sub-heading {
		font-size: 16px
	}
}

.hero span.sub-heading:before {
	background   : #ab7438;
	border-radius: 100px;
	content      : "";
	display      : block;
	height       : 8px;
	position     : absolute;
	top          : 11px;
	right        : 0;
	width        : 8px;
	z-index      : 0
}

.hero span.sub-heading:after {
	background: #ab7438;
	content   : "";
	height    : 1px;
	width     : 100%;
	position  : absolute;
	top       : 14px;
	left      : 0;
	right     : 0;
	z-index   : 0
}

@media (max-width: 540px) {
	.hero span.sub-heading {
		width: 240px
	}
}

.hero h1 {
	display      : block;
	line-height  : .9em;
	margin-bottom: 40px;
	max-width    : 50%
}

@media (max-width: 540px) {
	.hero h1 {
		max-width: 160px
	}
}

@media (max-width: 540px) {
	.hero a.button.secondary {
		display   : block;
		margin-top: 20px
	}
}

.card-list .container,
.home .card-list .container {
	max-width: 1600px
}

.card-list h1,
.card-list h2,
.home .card-list h1,
.home .card-list h2 {
	font-weight: normal;
	text-align : center
}

.card-list h1,
.home .card-list h1 {
	font-size    : 5vw;
	margin-bottom: 0vw
}

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

	.card-list h1,
	.home .card-list h1 {
		font-size: 55px
	}
}

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

	.card-list h1,
	.home .card-list h1 {
		font-size: 36px
	}
}

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

	.card-list h1,
	.home .card-list h1 {
		font-size: 30px
	}
}

.card-list h2,
.home .card-list h2 {
	font-family: filson-soft, sans-serif;
	color      : #ab7438;
	font-size  : 1.75vw;
	margin     : 10px 0 6vw
}

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

	.card-list h2,
	.home .card-list h2 {
		font-size: 19px
	}
}

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

	.card-list h2,
	.home .card-list h2 {
		font-size: 16px
	}
}

.card-list h1+ul,
.home .card-list h1+ul {
	margin-top: 6vw
}

.card-list ul,
.home .card-list ul {
	display         : -webkit-box;
	display         : -moz-box;
	display         : -ms-flexbox;
	display         : flex;
	justify-items   : center;
	-webkit-box-pack: center;
	-moz-box-pack   : center;
	-ms-flex-pack   : center;
	justify-content : center;
	font-family     : rift, sans-serif;
	list-style      : none;
	margin          : 0;
	padding         : 0
}

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

	.card-list ul,
	.home .card-list ul {
		-ms-flex-wrap     : wrap;
		flex-wrap         : wrap;
		text-align        : center;
		-ms-flex-line-pack: center;
		align-content     : center;
		-webkit-box-pack  : center;
		-moz-box-pack     : center;
		-ms-flex-pack     : center;
		justify-content   : center;
		-webkit-box-align : center;
		-moz-box-align    : center;
		-ms-flex-align    : center;
		align-items       : center;
		justify-items     : center
	}
}

.card-list ul li,
.home .card-list ul li {
	background        : white;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
	box-shadow        : 0 0 30px rgba(0, 0, 0, 0.25);
	border-radius     : 25px;
	font-size         : 22px;
	margin            : 0 .75vw;
	max-width         : 280px;
	overflow          : hidden;
	padding           : 0;
	width             : calc(20% - 1.5vw);
	text-align        : center;
	text-transform    : uppercase;
	-webkit-transform : skew(7deg, 0deg);
	transform         : skew(7deg, 0deg)
}

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

	.card-list ul li,
	.home .card-list ul li {
		width        : calc(33.3333% - 1.5vw);
		margin-bottom: 1.5vw
	}
}

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

	.card-list ul li,
	.home .card-list ul li {
		max-width    : 280px;
		width        : calc(50% - 1.5vw);
		margin-bottom: 30px
	}
}

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

	.card-list ul li,
	.home .card-list ul li {
		margin       : 0;
		max-width    : 280px;
		width        : calc(100% - 1.5vw);
		margin-bottom: 30px
	}
}

.card-list ul li:before,
.home .card-list ul li:before {
	display: none
}

.card-list ul li h3,
.home .card-list ul li h3 {
	font-family   : rift, sans-serif;
	font-size     : 22px;
	font-weight   : normal;
	letter-spacing: .2em;
	max-width     : 200px;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom : 0
}

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

	.card-list ul li h3,
	.home .card-list ul li h3 {
		font-size: 18px
	}
}

.card-list ul li div,
.card-list ul li span,
.home .card-list ul li div,
.home .card-list ul li span {
	display          : block;
	font-style       : normal;
	-webkit-transform: skew(-7deg, 0deg);
	transform        : skew(-7deg, 0deg);
	padding          : 10px
}

.card-list ul li>div,
.home .card-list ul li>div {
	-ms-flex-line-pack: center;
	align-content     : center;
	-webkit-box-pack  : center;
	-moz-box-pack     : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	justify-items     : center;
	-webkit-box-align : center;
	-moz-box-align    : center;
	-ms-flex-align    : center;
	align-items       : center;
	display           : -webkit-box;
	display           : -moz-box;
	display           : -ms-flexbox;
	display           : flex;
	min-height        : 240px;
	padding           : 20px
}

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

	.card-list ul li>div,
	.home .card-list ul li>div {
		min-height: 180px
	}
}

.card-list ul li>div div,
.home .card-list ul li>div div {
	-webkit-transform: skew(0deg, 0deg);
	transform        : skew(0deg, 0deg);
	text-align       : center
}

.card-list ul li>div div img,
.home .card-list ul li>div div img {
	margin-bottom: 12px;
	border-radius: 0
}

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

	.card-list ul li>div div img,
	.home .card-list ul li>div div img {
		max-width: 48px
	}
}

.card-list ul li span,
.home .card-list ul li span {
	padding: 5px 10px
}

.card-list ul li a.more,
.home .card-list ul li a.more {
	background    : #107741;
	color         : white;
	display       : block;
	padding       : 15px 10px;
	text-align    : center;
	text-transform: uppercase
}

.card-list ul li a.more span,
.home .card-list ul li a.more span {
	font-family   : filson-soft, sans-serif;
	font-size     : 15px;
	letter-spacing: .125em;
	text-transform: uppercase
}

.card-list ul li a.more:hover,
.home .card-list ul li a.more:hover {
	background: #719d86
}

.centered-content {
	padding   : 140px 6px;
	text-align: center
}

@media screen and (max-width: 1100px) {
	.centered-content {
		padding: 100px 6px;
	}
}

@media screen and (max-width: 800px) {
	.centered-content {
		padding: 60px 6px;
	}
}

section.centered-content {
	max-width: none;
	width    : 100%
}

.home .centered-content,
.centered-content {
	background-color: #1b2525;
	color           : White;
	font-size       : 18px
}

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

	.home .centered-content,
	.centered-content {
		font-size: 16px
	}
}

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

	.home .centered-content,
	.centered-content {
		font-size: 14px
	}
}

.home .centered-content .background-image,
.centered-content .background-image {
	opacity : .5;
	position: absolute;
	top     : 0;
	left    : 0;
	right   : 0;
	bottom  : 0;
	width   : 100%;
	height  : 100%;
	z-index : 0
}

.home .centered-content .inner-content,
.centered-content .inner-content {
	position    : relative;
	z-index     : 1;
	max-width   : 1200px;
	margin-left : auto;
	margin-right: auto
}

.home .centered-content h1,
.home .centered-content h2,
.home .centered-content h3,
.home .centered-content h4,
.centered-content h1,
.centered-content h2,
.centered-content h3,
.centered-content h4 {
	color: white
}

.home .centered-content h1,
.centered-content h1 {
	font-size    : 6.125vw;
	margin-bottom: 0
}

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

	.home .centered-content h1,
	.centered-content h1 {
		font-size: 55px
	}
}

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

	.home .centered-content h1,
	.centered-content h1 {
		font-size: 42px
	}
}

.home .centered-content h2,
.centered-content h2 {
	font-size  : 28px;
	font-family: filson-soft, sans-serif;
	font-weight: normal;
	margin     : 10px 0 50px
}

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

	.home .centered-content h2,
	.centered-content h2 {
		font-size: 19px
	}
}

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

	.home .centered-content h2,
	.centered-content h2 {
		font-size: 17px
	}
}

.home .centered-content ul,
.centered-content ul {
	padding-left: 20px
}

.home .centered-content ul li,
.centered-content ul li {
	padding-left: 0;
	text-align  : center
}

.home .centered-content a,
.centered-content a {
	/* color          : white;
	text-decoration: underline */
}

.home .centered-content a.button,
.centered-content a.button {
	text-decoration: none
}

.home .centered-content a.button.primary,
.centered-content a.button.primary {
	background: #ab7438
}

.home .centered-content a.button.primary:hover,
.centered-content a.button.primary:hover {
	background: #c68e50
}

.page-header {
	padding   : 100px 0 0;
	text-align: center
}

@media (max-width: 800px) {
	.page-header {
		padding: 60px 0 0
	}
}

@media (max-width: 540px) {
	.page-header {
		padding: 50px 0 0
	}
}

.page-header span.page-subtitle {
	color    : #ab7438;
	display  : block;
	font-size: 20px
}

@media (max-width: 800px) {
	.page-header span.page-subtitle {
		font-size: 18px
	}
}

@media (max-width: 540px) {
	.page-header span.page-subtitle {
		font-size: 16px
	}
}

.page-header h1 {
	font-weight: bold
}

@media (max-width: 800px) {
	.page-header h1 {
		font-size: 40px
	}
}

@media (max-width: 540px) {
	.page-header h1 {
		font-size: 32px
	}
}

.content .gform_body {
	background: #1b2525;
	color     : white;
	padding   : 20px
}

.content .gform_body ul {
	margin-bottom: 0
}

.content .gform_body ul li {
	padding-left: 8px
}

@media (max-width: 540px) {
	.content .gform_body ul li {
		padding-left: 0
	}
}

.content .gform_wrapper .top_label .gfield_label,
.content .gform_wrapper legend.gfield_label {
	font-weight: normal
}

.content .gform_wrapper ul.gfield_checkbox li label,
.content .gform_wrapper ul.gfield_radio li label {
	font-size: 15px
}

.content .gform_wrapper .gfield.horizontal ul.gfield_checkbox li,
.content .gform_wrapper .gfield.horizontal ul.gfield_radio li {
	display     : inline-block;
	margin-right: 30px;
	width       : auto;
	white-space : nowrap
}

.content .gform_wrapper .gform_footer input.button,
.content .gform_wrapper .gform_footer input[type=submit],
.content .gform_wrapper .gform_page_footer input.button,
.content .gform_wrapper .gform_page_footer input[type=submit],
.content input[type=submit] {
	background        : #0f7741;
	color             : white;
	font-size         : 25px;
	letter-spacing    : .15em;
	margin            : 0;
	padding-bottom    : 25px;
	padding-top       : 25px;
	text-align        : center;
	text-transform    : uppercase;
	width             : 100%;
	-webkit-appearance: none;
	border-radius     : 0;
	-webkit-transition: .2s ease-in-out;
	transition        : .2s ease-in-out
}

.content .gform_wrapper .gform_footer input.button:hover,
.content .gform_wrapper .gform_footer input[type=submit]:hover,
.content .gform_wrapper .gform_page_footer input.button:hover,
.content .gform_wrapper .gform_page_footer input[type=submit]:hover,
.content input[type=submit]:hover {
	background: #719d86;
	cursor    : pointer
}

.content input[type=submit] {
	font-size         : 16px;
	padding-top       : 18px;
	padding-bottom    : 18px;
	-webkit-appearance: none;
	border-radius     : 0
}

.content .gform_wrapper.gf_browser_chrome select {
	padding      : 25px;
	border-radius: 0
}

.content .gform_wrapper .gform_footer {
	margin     : 0;
	padding-top: 0
}

.content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.25);
	box-shadow        : inset 2px 2px 0px rgba(0, 0, 0, 0.25);
	color             : #1b2525;
	font-size         : 17px;
	padding           : 24px;
	height            : 70px;
	width             : 100%
}

@media (max-width: 800px) {

	.content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
	.content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		height : 54px;
		padding: 14px
	}
}

.content .gform_wrapper textarea {
	-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.25);
	box-shadow        : inset 2px 2px 0px rgba(0, 0, 0, 0.25);
	color             : #1b2525;
	font-size         : 17px;
	padding           : 24px
}

@media (max-width: 800px) {
	.content .gform_wrapper textarea {
		padding: 14px
	}
}

.content .gform_wrapper ul li:after,
.content .gform_wrapper ul li:before {
	display: none
}

.content .ginput_container_select {
	position   : relative;
	font-family: filson-soft, sans-serif
}

.content .ginput_container_select select {
	display: none
}

.content .select-selected {
	background-color: white;
	color           : #0f7741
}

.content .select-selected:after {
	position    : absolute;
	content     : "";
	top         : 30px;
	right       : 24px;
	width       : 0;
	height      : 0;
	border      : 10px solid transparent;
	border-color: #0f7741 transparent transparent transparent
}

@media (max-width: 800px) {
	.content .select-selected:after {
		top: 23px
	}
}

.content .select-selected.select-arrow-active:after {
	border-color: transparent transparent #0f7741 transparent;
	top         : 15px
}

@media (max-width: 800px) {
	.content .select-selected.select-arrow-active:after {
		top: 13px
	}
}

.content .select-items div,
.content .select-selected {
	-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.25);
	box-shadow        : inset 2px 2px 0px rgba(0, 0, 0, 0.25);
	color             : #1b2525;
	height            : 70px;
	padding           : 20px 16px 20px;
	border            : 0px solid transparent;
	border-color      : transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor            : pointer
}

@media (max-width: 800px) {

	.content .select-items div,
	.content .select-selected {
		height : 54px;
		padding: 14px
	}
}

.content .select-items {
	position        : absolute;
	background-color: #f3f3f3;
	top             : 70px;
	left            : 0;
	right           : 0;
	z-index         : 99
}

@media (max-width: 800px) {
	.content .select-items {
		top: 54px
	}
}

.content .select-hide {
	display: none
}

.content .select-items div:hover,
.content .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1)
}

.content .gform_wrapper .gfield_error .gfield_label,
.content .gform_wrapper .gfield_required,
.content .gform_wrapper .validation_message {
	color: white
}

section.blog-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

section.blog-content .section-left {
	-webkit-box-flex: 1;
	-moz-box-flex   : 1;
	-ms-flex        : 1;
	flex            : 1;
	padding-right   : 60px
}

section.blog-content .section-left article {
	padding-bottom: 60px
}

section.blog-content .section-right {
	width: 282px
}

section.blog-content .section-right .sidebar h3 {
	margin-bottom: 10px
}

@media screen and (max-width: 1100px) {
	section.blog-content {
		display: block
	}

	section.blog-content .section-left {
		width        : 100%;
		margin-bottom: 40px;
		padding-right: 0
	}

	section.blog-content .section-right {
		width: 100%
	}
}

.footer {
	background: #0f7741;
	color     : #fff;
	padding   : 0px 100px 50px 0
}

@media screen and (max-width: 800px) {
	.footer {
		padding: 0 0 40px 0
	}
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
	color: #fff
}

.footer a {
	color: #61e7a0
}

.footer a:hover {
	color: #d0f8e3
}

.footer h2 {
	font-family  : rift, sans-serif;
	font-size    : 22px;
	margin-bottom: 15px;
	font-weight  : bold
}

.footer ul.social-media-links {
	list-style: none;
	margin    : 20px 0 0 0
}

.footer ul.social-media-links li {
	display     : inline-block;
	height      : 52px;
	margin-right: 5px;
	width       : 52px
}

@media screen and (max-width: 860px) {
	.footer ul.social-media-links li {
		height: 40px;
		width : 40px
	}
}

.footer ul.social-media-links li a {
	background        : #0f7741;
	display           : -webkit-box;
	display           : -moz-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-moz-box-align    : center;
	-ms-flex-align    : center;
	align-items       : center;
	justify-items     : center;
	-ms-flex-line-pack: center;
	align-content     : center;
	-webkit-box-pack  : center;
	-moz-box-pack     : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	height            : 52px;
	text-align        : center;
	width             : 52px
}

@media screen and (max-width: 860px) {
	.footer ul.social-media-links li a {
		height: 40px;
		width : 40px
	}
}

.footer ul.social-media-links li a img {
	display   : block;
	width     : 100%;
	height    : 100%;
	max-width : 100%;
	max-height: 100%;
	margin    : 0 auto
}

.footer ul.social-media-links li a:hover {
	background: #719d86
}

.footer .footer-top {
	display         : -webkit-box;
	display         : -moz-box;
	display         : -ms-flexbox;
	display         : flex;
	-webkit-box-pack: justify;
	-moz-box-pack   : justify;
	-ms-flex-pack   : justify;
	justify-content : space-between;
	text-align      : left
}

@media screen and (max-width: 800px) {
	.footer .footer-top {
		display: block
	}
}

.footer .footer-top .footer-left {
	background       : #1b2525;
	border-radius    : 0 0 20px 0;
	color            : white;
	position         : relative;
	-webkit-transform: skew(-10deg, 0deg);
	transform        : skew(-10deg, 0deg);
	width            : 720px
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left {
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0);
		border-radius    : 0
	}
}

.footer .footer-top .footer-left .inner-content {
	-webkit-transform: skew(10deg, 0deg);
	transform        : skew(10deg, 0deg);
	display          : -webkit-box;
	display          : -moz-box;
	display          : -ms-flexbox;
	display          : flex;
	padding-left     : 100px;
	padding-right    : 40px;
	padding-top      : 100px;
	padding-bottom   : 100px;
	position         : relative;
	z-index          : 1
}

@media screen and (max-width: 1300px) {
	.footer .footer-top .footer-left .inner-content {
		-ms-flex-wrap: wrap;
		flex-wrap    : wrap
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left .inner-content {
		display          : block;
		-webkit-transform: skew(0, 0);
		transform        : skew(0, 0)
	}
}

.footer .footer-top .footer-left .inner-content>div {
	padding-right: 45px
}

.footer .footer-top .footer-left .inner-content>div.footer-logo img {
	margin-top: 30px
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-left .inner-content>div.footer-logo img {
		margin-top   : 0;
		margin-bottom: 30px
	}
}

@media screen and (max-width: 1300px) {
	.footer .footer-top .footer-left .inner-content>div.footer-logo {
		position: absolute;
		top     : 76px;
		left    : 40px
	}
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-left .inner-content>div.footer-logo {
		top   : auto;
		bottom: 0
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left .inner-content>div.footer-logo {
		position     : static;
		left         : auto;
		padding-right: 0
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left .inner-content>div {
		position     : static;
		left         : auto;
		padding-right: 0
	}
}

.footer .footer-top .footer-left .inner-content>div:last-child {
	margin-top   : 70px;
	padding-right: 0;
	position     : relative;
	z-index      : 1
}

@media screen and (max-width: 1300px) {
	.footer .footer-top .footer-left .inner-content>div:last-child {
		display   : block;
		margin-top: 20px;
		width     : 100%
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left .inner-content>div:last-child {
		padding-right: 0px
	}
}

.footer .footer-top .footer-left .inner-content p>span {
	display: block
}

@media screen and (max-width: 1300px) {
	.footer .footer-top .footer-left .inner-content {
		padding-left: 160px
	}
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-left .inner-content {
		padding-bottom: 180px;
		padding-left  : 40px;
		padding-top   : 100px
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left .inner-content {
		padding-top   : 60px;
		padding-bottom: 60px;
		text-align    : center
	}
}

@media screen and (max-width: 1300px) {
	.footer .footer-top .footer-left {
		display: block;
		width  : 50%
	}
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-left {
		width: 40%
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-left {
		width: 100%
	}
}

.footer .footer-top .footer-left a {
	color: #ab7438
}

.footer .footer-top .footer-left a:hover {
	color: #d9b38a
}

.footer .footer-top .footer-left:after {
	-webkit-transform: skew(10deg, 0deg);
	transform        : skew(10deg, 0deg);
	background       : #1b2525;
	position         : absolute;
	display          : block;
	content          : "";
	width            : 50px;
	height           : 100%;
	top              : 0;
	bottom           : 0px;
	z-index          : 0
}

.footer .footer-top .footer-right {
	padding-left    : 8%;
	padding-top     : 100px;
	padding-bottom  : 30px;
	display         : -webkit-box;
	display         : -moz-box;
	display         : -ms-flexbox;
	display         : flex;
	-ms-flex-wrap   : wrap;
	flex-wrap       : wrap;
	-webkit-box-flex: 1;
	-moz-box-flex   : 1;
	-ms-flex        : 1;
	flex            : 1;
	width           : auto
}

@media screen and (max-width: 1500px) {
	.footer .footer-top .footer-right {
		padding-left: 9%
	}
}

@media screen and (max-width: 1300px) {
	.footer .footer-top .footer-right {
		padding-left: 12%
	}
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-right {
		padding-left: 15%
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-right {
		display       : block;
		padding-left  : 0;
		padding-top   : 60px;
		padding-bottom: 20px;
		text-align    : center
	}
}

.footer .footer-top .footer-right>div {
	width: 45%
}

@media screen and (max-width: 1500px) {
	.footer .footer-top .footer-right>div {
		padding-bottom: 40px;
		width         : 100%
	}
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-right>div {
		width: 100%
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-right>div {
		padding-bottom: 40px
	}
}

.footer .footer-top .footer-right>div:last-child {
	-webkit-box-flex: 1;
	-moz-box-flex   : 1;
	-ms-flex        : 1;
	flex            : 1;
	width           : auto
}

.footer .footer-top .footer-right>div:last-child>ul li {
	width      : 40%;
	white-space: nowrap
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-right>div:last-child>ul li {
		width: 50%
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-right>div:last-child>ul li {
		width: 100%
	}
}

.footer .footer-top .footer-right>div>ul {
	display      : -webkit-box;
	display      : -moz-box;
	display      : -ms-flexbox;
	display      : flex;
	-ms-flex-wrap: wrap;
	flex-wrap    : wrap;
	list-style   : none;
	margin       : 0;
	padding      : 0;
	width        : 100%
}

.footer .footer-top .footer-right>div>ul li {
	color         : rgba(97, 231, 160, 0.6);
	padding-bottom: 2px;
	width         : 50%
}

@media screen and (max-width: 1100px) {
	.footer .footer-top .footer-right>div>ul li {
		width: 50%
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-top .footer-right>div>ul li {
		width: 100%
	}
}

.footer .footer-top .footer-right>div>ul li a {
	color: rgba(97, 231, 160, 0.6)
}

.footer .footer-top .footer-right>div>ul li a:hover {
	color: white
}

.footer .footer-top .footer-right>div>ul li ul {
	display: none
}

.footer .footer-bottom {
	font-size     : 13px;
	letter-spacing: .1125em;
	color         : rgba(255, 255, 255, 0.6);
	padding-top   : 20px;
	text-align    : right;
	text-transform: uppercase
}

@media screen and (max-width: 800px) {
	.footer .footer-bottom {
		text-align: center
	}
}

.footer .footer-bottom ul {
	display   : inline;
	list-style: none;
	margin    : 0;
	padding   : 0
}

@media screen and (max-width: 800px) {
	.footer .footer-bottom ul {
		display: block
	}
}

.footer .footer-bottom ul li {
	border-right : 1px solid rgba(255, 255, 255, 0.6);
	display      : inline;
	padding-right: 10px;
	margin-right : 10px
}

@media screen and (max-width: 800px) {
	.footer .footer-bottom ul li {
		margin-right: 0;
		padding-left: 10px
	}
}

@media screen and (max-width: 800px) {
	.footer .footer-bottom ul li:last-child {
		border-right: 0
	}
}

.footer .footer-bottom a {
	color: rgba(255, 255, 255, 0.6)
}

.footer .footer-bottom a:hover {
	color: #fff
}

.gform_wrapper form li, .gform_wrapper li {
    min-width: 250px;
}