@charset "UTF-8";
/* responsive.css */
/* style.css */
/* layout */
/* style */
/* fonts */
@font-face {
  font-family: "Bebas";
  src: url("/_fnt/bebas.eot");
  src: url("/_fnt/bebas.eot?#iefix") format("embedded-opentype"), url("/_fnt/bebas.woff") format("woff"), url("/_fnt/bebas.ttf") format("truetype"), url("/_fnt/bebas.svg#bebas") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("/_fnt/bebasneue.eot");
  src: url("/_fnt/bebasneue.eot?#iefix") format("embedded-opentype"), url("/_fnt/bebasneue.woff") format("woff"), url("/_fnt/bebasneue.ttf") format("truetype"), url("/_fnt/bebasneue.svg#bebasneue") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uplyftcreative";
  src: url("/_fnt/uplyftcreative.eot");
  src: url("/_fnt/uplyftcreative.eot?#iefix") format("embedded-opentype"), url("/_fnt/uplyftcreative.woff") format("woff"), url("/_fnt/uplyftcreative.ttf") format("truetype"), url("/_fnt/uplyftcreative.svg#uplyftcreative") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*[data-icon]:before {
	font-family: "uplyftcreative" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}*/
.uc:before {
  font-family: "uplyftcreative" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.uc.uc-icon-comments:before {
  content: "\f00d";
}

.uc.uc-icon-plus:before {
  content: "\f013";
}

.uc.uc-icon-rocket:before {
  content: "\f012";
}

.uc.uc-icon-telescope:before {
  content: "\f00e";
}

.uc.uc-icon-origami:before {
  content: "\f00f";
}

.uc.uc-icon-screens:before {
  content: "\f010";
}

.uc.uc-icon-thumbprint:before {
  content: "\f011";
}

.uc.uc-icon-square:before {
  content: "^";
}

.uc.uc-icon-u:before {
  content: "U";
}

.uc.uc-icon-p:before {
  content: "P";
}

.uc.uc-icon-l:before {
  content: "L";
}

.uc.uc-icon-y:before {
  content: "Y";
}

.uc.uc-icon-f:before {
  content: "F";
}

.uc.uc-icon-t:before {
  content: "T";
}

.uc.uc-icon-c:before {
  content: "C";
}

.uc.uc-icon-r:before {
  content: "R";
}

.uc.uc-icon-e:before {
  content: "E";
}

.uc.uc-icon-a:before {
  content: "A";
}

.uc.uc-icon-i:before {
  content: "I";
}

.uc.uc-icon-v:before {
  content: "V";
}

/* Copyright 2010 Uplyft Creative. All rights reserved. */
/* http://uplyftcreative.com - zack@uplyftcreative.com */
/* uplyft.css */
/* wrap */
body {
  text-align: center;
}
body .wrap {
  margin: 0 auto;
  text-align: left;
}
@media only screen and (min-width: 1141px) {
  body .wrap {
    width: 1092px;
    width: 72.8rem;
  }
}

/* clear */
.clear {
  float: none;
  clear: both;
}

/* preload 
.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}*/
/* browser */
.browser {
  text-align: center;
  margin: 0;
  padding-top: 24px;
  padding-top: 1.6rem;
  padding-right: 24px;
  padding-right: 1.6rem;
  padding-bottom: 24px;
  padding-bottom: 1.6rem;
  padding-left: 24px;
  padding-left: 1.6rem;
  background-color: #444;
  color: #f7f7f7;
}
.browser a {
  color: #d1d1d1;
  text-decoration: underline;
}
.browser a:hover {
  color: #f7f7f7;
  text-decoration: none;
}

/* clearfix */
.clearfix, main .post blockquote, .card > .block-inner {
  zoom: 1;
}
.clearfix:before, main .post blockquote:before, .card > .block-inner:before, .clearfix:after, main .post blockquote:after, .card > .block-inner:after {
  content: "";
  display: table;
}
.clearfix:after, main .post blockquote:after, .card > .block-inner:after {
  clear: both;
}

/* selection */
/* font smoothing */
/* hyphens */
/*main {
	h1, h2, h3, h4, h5, h6 {
		@include media-down($medium) {
			 -ms-word-break: break-all;
			     word-break: break-all;
			     word-break: break-word;
			-webkit-hyphens: auto;
			   -moz-hyphens: auto;
			    -ms-hyphens: auto;
			        hyphens: auto;
		}
	}
}*/
/* box-sizing */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* transition */
/* rotation */
/* image-replacement */
/* sticky-footer */
/* only sticky-footer */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 1200px;
}

footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1200px;
}

/* type */
body, html {
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 30px;
  font-weight: normal;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #f7f7f7;
  color: #444;
}

h1, h2, h3, h4, h5, h6, main .post blockquote,
p,
main .post aside, blockquote, ul, ol, fieldset {
  margin-top: 24px;
  margin-top: 1.6rem;
  margin-bottom: 24px;
  margin-bottom: 1.6rem;
}

h1, h2, h3, h4, h5, h6, main .post blockquote {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
}
h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt, main .post blockquote.alt {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
}

h6, main .post blockquote {
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  color: #000;
  font-weight: normal;
  text-transform: none;
}

h1 {
  font-size: 45px;
  font-size: 3rem;
  line-height: 79.965px;
  line-height: 5.331rem;
  letter-spacing: 4.5px;
  letter-spacing: 0.3rem;
}

h2 {
  font-size: 35px;
  font-size: 2.3333333333rem;
  line-height: 62.195px;
  line-height: 4.1463333333rem;
  letter-spacing: 3.5px;
  letter-spacing: 0.2333333333rem;
}

h3 {
  font-size: 25px;
  font-size: 1.6666666667rem;
  line-height: 44.425px;
  line-height: 2.9616666667rem;
  letter-spacing: 2.5px;
  letter-spacing: 0.1666666667rem;
}

h4 {
  font-size: 17px;
  font-size: 1.1333333333rem;
  line-height: 30.209px;
  line-height: 2.0139333333rem;
  letter-spacing: 1.7px;
  letter-spacing: 0.1133333333rem;
}

h5 {
  font-size: 15px;
  font-size: 1rem;
  line-height: 26.655px;
  line-height: 1.777rem;
  letter-spacing: 1.5px;
  letter-spacing: 0.1rem;
}

h6, main .post blockquote {
  font-size: 25px;
  font-size: 1.6666666667rem;
  line-height: 44.425px;
  line-height: 2.9616666667rem;
  letter-spacing: 2.5px;
  letter-spacing: 0.1666666667rem;
}

@media only screen and (max-width: 641px) {
  h1 {
    font-size: 40.9090909091px;
    font-size: 2.7272727273rem;
    line-height: 72.6954545455px;
    line-height: 4.8463636364rem;
    letter-spacing: 4.0909090909px;
    letter-spacing: 0.2727272727rem;
  }
  h2 {
    font-size: 31.8181818182px;
    font-size: 2.1212121212rem;
    line-height: 56.5409090909px;
    line-height: 3.7693939394rem;
    letter-spacing: 3.1818181818px;
    letter-spacing: 0.2121212121rem;
  }
  h3 {
    font-size: 22.7272727273px;
    font-size: 1.5151515152rem;
    line-height: 40.3863636364px;
    line-height: 2.6924242424rem;
    letter-spacing: 2.2727272727px;
    letter-spacing: 0.1515151515rem;
  }
  h4 {
    font-size: 13.6363636364px;
    font-size: 0.9090909091rem;
    line-height: 24.2318181818px;
    line-height: 1.6154545455rem;
    letter-spacing: 1.3636363636px;
    letter-spacing: 0.0909090909rem;
  }
  h5 {
    font-size: 13.6363636364px;
    font-size: 0.9090909091rem;
    line-height: 24.2318181818px;
    line-height: 1.6154545455rem;
    letter-spacing: 1.3636363636px;
    letter-spacing: 0.0909090909rem;
  }
  h6, main .post blockquote {
    font-size: 22.7272727273px;
    font-size: 1.5151515152rem;
    line-height: 40.3863636364px;
    line-height: 2.6924242424rem;
    letter-spacing: 2.2727272727px;
    letter-spacing: 0.1515151515rem;
  }
}
@media only screen and (min-width: 1368px) {
  h1 {
    font-size: 50px;
    font-size: 3.3333333333rem;
    line-height: 88.85px;
    line-height: 5.9233333333rem;
    letter-spacing: 5px;
    letter-spacing: 0.3333333333rem;
  }
  h2 {
    font-size: 38.8888888889px;
    font-size: 2.5925925926rem;
    line-height: 69.1055555556px;
    line-height: 4.607037037rem;
    letter-spacing: 3.8888888889px;
    letter-spacing: 0.2592592593rem;
  }
  h3 {
    font-size: 27.7777777778px;
    font-size: 1.8518518519rem;
    line-height: 49.3611111111px;
    line-height: 3.2907407407rem;
    letter-spacing: 2.7777777778px;
    letter-spacing: 0.1851851852rem;
  }
  h4 {
    font-size: 18.8888888889px;
    font-size: 1.2592592593rem;
    line-height: 33.5655555556px;
    line-height: 2.2377037037rem;
    letter-spacing: 1.8888888889px;
    letter-spacing: 0.1259259259rem;
  }
  h5 {
    font-size: 16.6666666667px;
    font-size: 1.1111111111rem;
    line-height: 29.6166666667px;
    line-height: 1.9744444444rem;
    letter-spacing: 1.6666666667px;
    letter-spacing: 0.1111111111rem;
  }
  h6, main .post blockquote {
    font-size: 27.7777777778px;
    font-size: 1.8518518519rem;
    line-height: 49.3611111111px;
    line-height: 3.2907407407rem;
    letter-spacing: 2.7777777778px;
    letter-spacing: 0.1851851852rem;
  }
}
a {
  -webkit-transition: color 0.333s ease;
  transition: color 0.333s ease;
  color: #09f;
  text-decoration: underline;
}
a:hover {
  color: #09f;
  text-decoration: none;
}
a:not([href]), a:not([href]):hover {
  -webkit-transition: inherit;
  transition: inherit;
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
}

.leftify {
  text-align: left;
}

.rightify {
  text-align: right;
}

.centrify {
  text-align: center;
}

.justify {
  text-align: justify;
}

.left {
  float: left;
}

.right {
  float: right;
}

.big {
  font-size: 1.11em;
}

.small, main .post blockquote a {
  font-size: 0.888em;
}

.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.bold {
  font-weight: 700;
}

.anchor {
  color: #09f;
}

.alert {
  color: #f25;
}

.notice,
.neutral {
  color: #777;
}

.success {
  color: #1d8;
}

.caps {
  text-transform: uppercase;
}

.small-caps {
  font-variant: small-caps;
}

hr {
  height: 0;
  border: 0 none;
  border-bottom: 2px solid #eee;
  color: transparent;
  background-color: transparent;
}

blockquote {
  /*font-style: italic;
  color: #aaa;
  border-left: 4px solid #e7e7e7;
  @include rem-rule('padding-left', 16px);*/
  border-top: 3px solid #e7e7e7;
  border-bottom: 3px solid #e7e7e7;
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 27.993px;
  line-height: 1.8662rem;
  padding-top: 21px;
  padding-top: 1.4rem;
  padding-bottom: 21px;
  padding-bottom: 1.4rem;
  text-align: center;
  /*&:before,
  &:after {
  	//@include rem-rule('font-size', 36px);
  	//@include rem-rule('line-height', 0px);
  	//position: relative;
  	//@include rem-rule('top', 8px);
  }
  &:before {
  	//content: "\201c";
  }
  &:after {
  	//content: "\201d";
  }*/
}

fieldset {
  border: 0 none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

ul {
  margin-left: 0;
}
ul li {
  list-style-type: none;
  text-indent: -12px;
  text-indent: -0.8rem;
}
ul li:before {
  content: "-";
  display: inline-block;
  padding-right: 12px;
  padding-right: 0.8rem;
  width: 12px;
  width: 0.8rem;
  font-weight: normal;
  text-align: right;
}
ul li[data-icon]:before {
  content: attr(data-icon);
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 14px;
  font-size: 0.9333333333rem;
  text-align: right;
}
ul li ul li:before {
  content: "–";
}
ul li ul li ul li:before {
  content: "—";
}
ul.check-list li:before,
ul.check-list li.selected:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-size: 0.9333333333rem;
  text-align: right;
}
ul.check-list li.unselected:before {
  content: "\f068";
}
ul.check-list li.canceled:before {
  content: "\f00d";
}
ul.check-list li.rejected:before {
  content: "\f05e";
}
ul.check-list li.checked:before {
  content: "\f046";
}
ul.check-list li.unchecked:before {
  content: "\f096";
}
ul.contact-list li:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-size: 0.9333333333rem;
  text-align: center;
}
ul.contact-list li.phone:before {
  content: "\f095";
}
ul.contact-list li.mobile:before {
  content: "\f10b";
}
ul.contact-list li.email:before {
  content: "\f1d9";
}
ul.contact-list li.map:before {
  content: "\f041";
}
ul.contact-list li.mail:before {
  content: "\f003";
}
ul.contact-list li.fax:before {
  content: "\f1ac";
}
ul.contact-list li.hours:before {
  content: "\f017";
}
ul.contact-list li.calendar:before {
  content: "\f073";
}
ul.contact-list li.facebook:before {
  content: "\f09a";
  color: #3b5999;
}
ul.contact-list li.twitter:before {
  content: "\f099";
  color: #55acee;
}
ul.contact-list li.instagram:before {
  content: "\f16d";
  color: #e1306c;
}

ol {
  margin-left: 0;
}
ol li:before {
  color: #777;
}

.hide {
  display: none;
}

.hide-text {
  text-indent: 333%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}

iframe {
  border: 0 none !important;
}

::-moz-selection {
  background: rgba(0, 153, 255, 0.2);
  color: #000;
}

::selection {
  background: rgba(0, 153, 255, 0.2);
  color: #000;
}

::-moz-selection {
  background: rgba(0, 153, 255, 0.2);
  color: #000;
}

/* header & footer */
header,
footer {
  padding: 24px;
  padding: 1.6rem;
}
header .wrap,
footer .wrap {
  text-align: center;
}
header .wrap > *,
footer .wrap > * {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
header .wrap > *.go-left,
footer .wrap > *.go-left {
  float: left;
}
header .wrap > *.go-left, header .wrap > *.go-left *,
footer .wrap > *.go-left,
footer .wrap > *.go-left * {
  text-align: left;
}
header .wrap > *.go-right,
footer .wrap > *.go-right {
  float: right;
}
header .wrap > *.go-right, header .wrap > *.go-right *,
footer .wrap > *.go-right,
footer .wrap > *.go-right * {
  text-align: right;
}

/* header */
header {
  background-color: #eee;
}
header .title {
  text-decoration: none;
}
header .title h1 {
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
}

/* footer */
footer {
  background-color: #eee;
  text-transform: uppercase;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
}
@media only screen and (max-width: 641px) {
  footer .wrap .go-left,
  footer .wrap .go-right {
    float: none;
  }
  footer .wrap .go-left, footer .wrap .go-left *,
  footer .wrap .go-right,
  footer .wrap .go-right * {
    text-align: center;
  }
}
footer p, footer main .post aside, main .post footer aside {
  margin: 0;
  font-size: 9px;
  font-size: 0.6rem;
  line-height: 18px;
  line-height: 1.2rem;
  padding-top: 7px;
  padding-top: 0.4666666667rem;
  padding-bottom: 7px;
  padding-bottom: 0.4666666667rem;
}
footer a {
  color: #777;
}
footer a:hover {
  color: #515151;
}

/* navigation */
.navigation {
  font-size: 0.1px;
  line-height: 0.1px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-align: center;
  background-color: #e7e7e7;
  width: 100%;
  /*@include media-down($nav-break) {
  	width: 100%;
  	position: absolute;
  	//top: 0;
  }*/
}
@media only screen and (min-width: 1px) {
  .navigation {
    padding-left: 0;
    padding-right: 0;
  }
}
.navigation a.nav-toggle,
.navigation span.nav-toggle {
  display: none;
}
.navigation a.nav-toggle.selected,
.navigation span.nav-toggle.selected {
  color: #09f;
}
.navigation a.nav-toggle i.menu-icon,
.navigation span.nav-toggle i.menu-icon {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 18px;
  padding: 0;
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
}
.navigation a.nav-toggle i.menu-icon:before, .navigation a.nav-toggle i.menu-icon:after,
.navigation span.nav-toggle i.menu-icon:before,
.navigation span.nav-toggle i.menu-icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
}
.navigation a.nav-toggle i.menu-icon:before,
.navigation span.nav-toggle i.menu-icon:before {
  top: 25%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.navigation a.nav-toggle i.menu-icon:after,
.navigation span.nav-toggle i.menu-icon:after {
  top: 75%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.navigation a.nav-toggle i.menu-icon.tri,
.navigation span.nav-toggle i.menu-icon.tri {
  border-bottom: 2px solid #fff;
}
.navigation a.nav-toggle i.menu-icon.tri:before,
.navigation span.nav-toggle i.menu-icon.tri:before {
  top: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.navigation a.nav-toggle i.menu-icon.tri:after,
.navigation span.nav-toggle i.menu-icon.tri:after {
  top: 50%;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.navigation a.nav-toggle i.menu-icon.still, .navigation a.nav-toggle i.menu-icon.still:before, .navigation a.nav-toggle i.menu-icon.still:after,
.navigation span.nav-toggle i.menu-icon.still,
.navigation span.nav-toggle i.menu-icon.still:before,
.navigation span.nav-toggle i.menu-icon.still:after {
  -webkit-transition: unset;
  transition: unset;
}
.navigation a.nav-toggle:hover i.menu-icon:before, .navigation a.nav-toggle:hover i.menu-icon:after,
.navigation span.nav-toggle:hover i.menu-icon:before,
.navigation span.nav-toggle:hover i.menu-icon:after {
  background-color: #fff;
}
.navigation a.nav-toggle:hover i.menu-icon.tri,
.navigation span.nav-toggle:hover i.menu-icon.tri {
  border-bottom-color: #fff;
}
.navigation a.nav-toggle.active i.menu-icon:before, .navigation a.nav-toggle.active i.menu-icon:after, .navigation a.nav-toggle.active:hover i.menu-icon:before, .navigation a.nav-toggle.active:hover i.menu-icon:after,
.navigation span.nav-toggle.active i.menu-icon:before,
.navigation span.nav-toggle.active i.menu-icon:after,
.navigation span.nav-toggle.active:hover i.menu-icon:before,
.navigation span.nav-toggle.active:hover i.menu-icon:after {
  background-color: #fff;
  top: 50%;
}
.navigation a.nav-toggle.active i.menu-icon:before, .navigation a.nav-toggle.active:hover i.menu-icon:before,
.navigation span.nav-toggle.active i.menu-icon:before,
.navigation span.nav-toggle.active:hover i.menu-icon:before {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}
.navigation a.nav-toggle.active i.menu-icon:after, .navigation a.nav-toggle.active:hover i.menu-icon:after,
.navigation span.nav-toggle.active i.menu-icon:after,
.navigation span.nav-toggle.active:hover i.menu-icon:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.navigation a.nav-toggle.active i.menu-icon.tri, .navigation a.nav-toggle.active:hover i.menu-icon.tri,
.navigation span.nav-toggle.active i.menu-icon.tri,
.navigation span.nav-toggle.active:hover i.menu-icon.tri {
  border-bottom-color: transparent;
}
@media only screen and (max-width: 970px) {
  .navigation a.nav-toggle i.fa, .navigation a.nav-toggle i.fal, .navigation a.nav-toggle i.far, .navigation a.nav-toggle i.fas, .navigation a.nav-toggle i.fab,
  .navigation span.nav-toggle i.fa,
  .navigation span.nav-toggle i.fal,
  .navigation span.nav-toggle i.far,
  .navigation span.nav-toggle i.fas,
  .navigation span.nav-toggle i.fab {
    font-size: 16.5px;
    font-size: 1.1rem;
    height: 33px;
    height: 2.2rem;
    line-height: 11px;
    line-height: 0.7333333333rem;
  }
}
.navigation a, .navigation span {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  letter-spacing: 0.0733333333rem;
  text-decoration: none;
  font-size: 11px;
  font-size: 0.7333333333rem;
  height: 33px;
  height: 2.2rem;
  line-height: 11px;
  line-height: 0.7333333333rem;
  padding-top: 11px;
  padding-top: 0.7333333333rem;
  padding-bottom: 11px;
  padding-bottom: 0.7333333333rem;
  padding-left: 11px;
  padding-left: 0.7333333333rem;
  padding-right: 11px;
  padding-right: 0.7333333333rem;
}
@media only screen and (max-width: 970px) {
  .navigation a, .navigation span {
    padding-left: 24px;
    padding-left: 1.6rem;
    padding-right: 24px;
    padding-right: 1.6rem;
  }
}
.navigation a:hover,
.navigation a.selected {
  text-decoration: none;
}
.navigation ul li {
  text-indent: 0;
}
.navigation ul li:before {
  content: "";
  display: none;
}
.navigation li li a,
.navigation li li span {
  font-size: 8.8px;
  font-size: 0.5866666667rem;
  height: 26.4px;
  height: 1.76rem;
  line-height: 8.8px;
  line-height: 0.5866666667rem;
  padding-top: 8.8px;
  padding-top: 0.5866666667rem;
  padding-bottom: 8.8px;
  padding-bottom: 0.5866666667rem;
}
.navigation nav ul {
  margin: 0;
  padding: 0;
}
.navigation nav a,
.navigation nav span {
  *zoom: 1;
  text-align: left;
}
.navigation nav > ul {
  list-style: none;
  *zoom: 1;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.navigation nav > ul:before, .navigation nav > ul:after {
  content: " ";
}
.navigation nav > ul:after {
  clear: both;
}
@media only screen and (max-width: 970px) {
  .navigation nav > ul {
    display: none;
    clear: both;
  }
}
.navigation nav > ul ul {
  list-style: none;
  background-color: #ddd;
  width: 210px;
  width: 14rem;
  padding-top: 2.2px;
  padding-top: 0.1466666667rem;
  padding-bottom: 2.2px;
  padding-bottom: 0.1466666667rem;
}
.navigation nav > ul > li {
  display: inline-block;
  z-index: 300;
}
.navigation nav > ul > li > a,
.navigation nav > ul > li > span {
  display: block;
}
.navigation nav > ul li ul {
  position: absolute;
  left: -7777777px;
  z-index: 300;
}
.navigation nav > ul li li a,
.navigation nav > ul li li span {
  display: block;
  position: relative;
  z-index: 300;
}
@media only screen and (max-width: 970px) {
  .navigation nav > ul li li a,
  .navigation nav > ul li li span {
    padding-left: 22px;
    padding-left: 1.4666666667rem;
    padding-right: 22px;
    padding-right: 1.4666666667rem;
  }
}
.navigation nav > ul li {
  position: relative;
}
.navigation nav > ul > li.hover > ul {
  left: 0;
}
.navigation nav > ul li li.hover ul {
  left: 100%;
  top: 0;
}
@media only screen and (max-width: 970px) {
  .navigation nav > ul a,
  .navigation nav > ul span,
  .navigation nav > ul ul,
  .navigation nav > ul li {
    display: block;
    width: auto;
  }
}
@media only screen and (max-width: 970px) {
  .navigation nav > ul > li.hover > ul {
    position: static;
  }
}

/* main */
/* paging */
.paging span {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16px;
  margin-left: 1.0666666667rem;
  margin-right: 16px;
  margin-right: 1.0666666667rem;
}

/* images */
.circle {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.circle .px-10 {
  width: 10px;
  height: 10px;
}
.circle .px-20 {
  width: 20px;
  height: 20px;
}
.circle .px-30 {
  width: 30px;
  height: 30px;
}
.circle .px-40 {
  width: 40px;
  height: 40px;
}
.circle .px-50 {
  width: 50px;
  height: 50px;
}
.circle .px-60 {
  width: 60px;
  height: 60px;
}
.circle .px-70 {
  width: 70px;
  height: 70px;
}
.circle .px-80 {
  width: 80px;
  height: 80px;
}
.circle .px-90 {
  width: 90px;
  height: 90px;
}
.circle .px-100 {
  width: 100px;
  height: 100px;
}
.circle .px-110 {
  width: 110px;
  height: 110px;
}
.circle .px-120 {
  width: 120px;
  height: 120px;
}
.circle .px-130 {
  width: 130px;
  height: 130px;
}
.circle .px-140 {
  width: 140px;
  height: 140px;
}
.circle .px-150 {
  width: 150px;
  height: 150px;
}
.circle .px-160 {
  width: 160px;
  height: 160px;
}
.circle .px-170 {
  width: 170px;
  height: 170px;
}
.circle .px-180 {
  width: 180px;
  height: 180px;
}
.circle .px-190 {
  width: 190px;
  height: 190px;
}
.circle .px-200 {
  width: 200px;
  height: 200px;
}
.circle .px-210 {
  width: 210px;
  height: 210px;
}
.circle .px-220 {
  width: 220px;
  height: 220px;
}
.circle .px-230 {
  width: 230px;
  height: 230px;
}
.circle .px-240 {
  width: 240px;
  height: 240px;
}
.circle .px-250 {
  width: 250px;
  height: 250px;
}
.circle .px-260 {
  width: 260px;
  height: 260px;
}
.circle .px-270 {
  width: 270px;
  height: 270px;
}
.circle .px-280 {
  width: 280px;
  height: 280px;
}
.circle .px-290 {
  width: 290px;
  height: 290px;
}
.circle .px-300 {
  width: 300px;
  height: 300px;
}
.circle .px-310 {
  width: 310px;
  height: 310px;
}
.circle .px-320 {
  width: 320px;
  height: 320px;
}
.circle .px-330 {
  width: 330px;
  height: 330px;
}
.circle .px-340 {
  width: 340px;
  height: 340px;
}
.circle .px-350 {
  width: 350px;
  height: 350px;
}
.circle .px-360 {
  width: 360px;
  height: 360px;
}
.circle .px-370 {
  width: 370px;
  height: 370px;
}
.circle .px-380 {
  width: 380px;
  height: 380px;
}
.circle .px-390 {
  width: 390px;
  height: 390px;
}
.circle .px-400 {
  width: 400px;
  height: 400px;
}
.circle .px-410 {
  width: 410px;
  height: 410px;
}
.circle .px-420 {
  width: 420px;
  height: 420px;
}
.circle .px-430 {
  width: 430px;
  height: 430px;
}
.circle .px-440 {
  width: 440px;
  height: 440px;
}
.circle .px-450 {
  width: 450px;
  height: 450px;
}
.circle .px-460 {
  width: 460px;
  height: 460px;
}
.circle .px-470 {
  width: 470px;
  height: 470px;
}
.circle .px-480 {
  width: 480px;
  height: 480px;
}
.circle .px-490 {
  width: 490px;
  height: 490px;
}
.circle .px-500 {
  width: 500px;
  height: 500px;
}
.circle .px-510 {
  width: 510px;
  height: 510px;
}
.circle .px-520 {
  width: 520px;
  height: 520px;
}
.circle .px-530 {
  width: 530px;
  height: 530px;
}
.circle .px-540 {
  width: 540px;
  height: 540px;
}
.circle .px-550 {
  width: 550px;
  height: 550px;
}
.circle .px-560 {
  width: 560px;
  height: 560px;
}
.circle .px-570 {
  width: 570px;
  height: 570px;
}
.circle .px-580 {
  width: 580px;
  height: 580px;
}
.circle .px-590 {
  width: 590px;
  height: 590px;
}
.circle .px-600 {
  width: 600px;
  height: 600px;
}
.circle .px-610 {
  width: 610px;
  height: 610px;
}
.circle .px-620 {
  width: 620px;
  height: 620px;
}
.circle .px-630 {
  width: 630px;
  height: 630px;
}
.circle .px-640 {
  width: 640px;
  height: 640px;
}

/* cards */
.card {
  vertical-align: top !important;
  padding: 24px !important;
  padding: 1.6rem !important;
  /*h1, h2, h3, h4, h5, h6 {
  	text-align: center;
  }*/
}
@media only screen and (max-width: 641px) {
  .card {
    /*max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;*/
    max-width: 77%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }
}
.card > .block-inner {
  border-radius: 3px;
  border: 1px solid rgba(119, 119, 119, 0.25);
}
.card i.fa, .card i.fal, .card i.far, .card i.fas, .card i.fab {
  font-size: 50px;
}

/* ads */
.ad a {
  display: none;
  cursor: pointer;
}
.ad a:first-child {
  display: block;
}

/* grid */
.grid {
  text-align: center;
  line-height: 0;
  direction: ltr;
  /*&:after {
  	content: "";
  	display: inline-block;
  	width: 100%;
  	height: 0;
  	margin: 0;
  	padding: 0;
  	visibility: hidden;

  	@if $grid-debug {
  		visibility: visible;
  		margin-bottom: 12px;
  		border-bottom: 12px solid #333;
  	}
  }
  .space {
  	// media queries copied from above
  	width: 100%;
  	height: 0;
  	margin: 0;
  	padding: 0;
  	visibility: hidden;

  	@include media-up($medium) {
  		&.span-12 { width: 100.00000% }
  		&.span-9  { width:  75.00000% }
  		&.span-8  { width:  66.66667% }
  		&.span-6  { width:  50.00000% }
  		&.span-4  { width:  33.33333% }
  		&.span-3  { width:  50.00000% }
  	}

  	@if $grid-debug {
  		visibility: visible;
  		margin-bottom: 12px;
  		border-bottom: 12px solid #777;
  	}
  }*/
}
.grid .columns {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  padding-top: 24px;
  padding-top: 1.6rem;
  padding-bottom: 24px;
  padding-bottom: 1.6rem;
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  text-align: justify-all;
}
@media only screen and (min-width: 1px) {
  .grid .columns {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media only screen and (min-width: 642px) {
  .grid .columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 1026px) {
  .grid .columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media only screen and (min-width: 1368px) {
  .grid .columns {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}
.grid .columns.count-3 {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}
@media only screen and (min-width: 1px) {
  .grid .columns.count-3 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media only screen and (min-width: 642px) {
  .grid .columns.count-3 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 1026px) {
  .grid .columns.count-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media only screen and (min-width: 1368px) {
  .grid .columns.count-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.grid .columns.count-2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
@media only screen and (min-width: 1px) {
  .grid .columns.count-2 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media only screen and (min-width: 642px) {
  .grid .columns.count-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 1026px) {
  .grid .columns.count-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 1368px) {
  .grid .columns.count-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.grid .columns .block {
  display: block;
  display: inline-block;
  margin: 24px;
  margin: 1.6rem;
}
.grid .row {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  padding-top: 24px;
  padding-top: 1.6rem;
  padding-bottom: 24px;
  padding-bottom: 1.6rem;
}
.grid .row:first-of-type {
  padding-top: 0;
}
@media only screen and (min-width: 642px) {
  .grid .row {
    display: table;
    table-layout: fixed;
  }
}
.grid .row .block {
  font-size: 15px;
  font-size: 1rem;
  line-height: 30px;
  line-height: 2rem;
  overflow-x: hidden;
  width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.6rem;
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 642px) {
  .grid .row .block.span-12 {
    width: 100%;
  }
  .grid .row .block.span-11 {
    width: 91.66667%;
  }
  .grid .row .block.span-10 {
    width: 83.33333%;
  }
  .grid .row .block.span-9 {
    width: 75%;
  }
  .grid .row .block.span-8 {
    width: 66.66667%;
  }
  .grid .row .block.span-7 {
    width: 58.33333%;
  }
  .grid .row .block.span-6 {
    width: 50%;
  }
  .grid .row .block.span-5 {
    width: 41.66667%;
  }
  .grid .row .block.span-4 {
    width: 33.33333%;
  }
  .grid .row .block.span-3 {
    width: 25%;
  }
  .grid .row .block.span-2 {
    width: 16.66667%;
  }
  .grid .row .block.span-1 {
    width: 8.333333%;
  }
}
@media only screen and (min-width: 642px) {
  .grid .row .block {
    display: table-cell;
    vertical-align: top;
  }
}
.grid .row .block .block-inner {
  text-align: left;
  padding-left: 24px;
  padding-left: 1.6rem;
  padding-right: 24px;
  padding-right: 1.6rem;
}
.grid .row .block:first-of-type .block-inner {
  padding-left: 24px;
  padding-left: 1.6rem;
  padding-right: 24px;
  padding-right: 1.6rem;
}
.grid .row .block:last-of-type .block-inner {
  padding-left: 24px;
  padding-left: 1.6rem;
  padding-right: 24px;
  padding-right: 1.6rem;
}
.grid .row .block:first-of-type:last-of-type .block-inner {
  padding-left: 24px;
  padding-left: 1.6rem;
  padding-right: 24px;
  padding-right: 1.6rem;
}
.grid .row .block:not(:first-of-type):not(:last-of-type) .block-inner {
  padding-left: 24px;
  padding-left: 1.6rem;
  padding-right: 24px;
  padding-right: 1.6rem;
}
.grid .row.expand {
  width: 100%;
  max-width: none;
  margin: 0;
  text-align: center;
  padding: 0;
  display: block;
}
@media only screen and (min-width: 642px) {
  .grid .row.expand {
    display: table;
    table-layout: fixed;
  }
}
.grid .row.expand .block {
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (min-width: 642px) {
  .grid .row.expand .block:not(.banner) {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 642px) {
  .grid .row.expand .block.span-12 {
    width: 100%;
  }
  .grid .row.expand .block.span-11 {
    width: 91.66667%;
  }
  .grid .row.expand .block.span-10 {
    width: 83.33333%;
  }
  .grid .row.expand .block.span-9 {
    width: 75%;
  }
  .grid .row.expand .block.span-8 {
    width: 66.66667%;
  }
  .grid .row.expand .block.span-7 {
    width: 58.33333%;
  }
  .grid .row.expand .block.span-6 {
    width: 50%;
  }
  .grid .row.expand .block.span-5 {
    width: 41.66667%;
  }
  .grid .row.expand .block.span-4 {
    width: 33.33333%;
  }
  .grid .row.expand .block.span-3 {
    width: 25%;
  }
  .grid .row.expand .block.span-2 {
    width: 16.66667%;
  }
  .grid .row.expand .block.span-1 {
    width: 8.333333%;
  }
}
.grid .row.expand .block .block-inner {
  margin: 0 auto;
  padding-top: 24px;
  padding-top: 1.6rem;
  padding-bottom: 24px;
  padding-bottom: 1.6rem;
  padding-top: 1px;
  padding-bottom: 1px;
}
@media only screen and (min-width: 642px) {
  .grid .row.expand .block:first-of-type {
    text-align: right;
  }
  .grid .row.expand .block:first-of-type .block-inner {
    margin-right: 0;
  }
  .grid .row.expand .block:last-of-type {
    text-align: left;
  }
  .grid .row.expand .block:last-of-type .block-inner {
    margin-left: 0;
  }
  .grid .row.expand .block:first-of-type:last-of-type {
    text-align: center;
  }
  .grid .row.expand .block:first-of-type:last-of-type .block-inner {
    margin-left: auto;
    margin-right: auto;
  }
  .grid .row.expand .block:not(:first-of-type):not(:last-of-type) {
    text-align: center;
  }
  .grid .row.expand .block:not(:first-of-type):not(:last-of-type) .block-inner {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 642px) {
  .grid .row.expand .block.span-12 .block-inner {
    max-width: 1140px;
  }
  .grid .row.expand .block.span-11 .block-inner {
    max-width: 1045.000038px;
  }
  .grid .row.expand .block.span-10 .block-inner {
    max-width: 949.999962px;
  }
  .grid .row.expand .block.span-9 .block-inner {
    max-width: 855px;
  }
  .grid .row.expand .block.span-8 .block-inner {
    max-width: 760.000038px;
  }
  .grid .row.expand .block.span-7 .block-inner {
    max-width: 664.999962px;
  }
  .grid .row.expand .block.span-6 .block-inner {
    max-width: 570px;
  }
  .grid .row.expand .block.span-5 .block-inner {
    max-width: 475.000038px;
  }
  .grid .row.expand .block.span-4 .block-inner {
    max-width: 379.999962px;
  }
  .grid .row.expand .block.span-3 .block-inner {
    max-width: 285px;
  }
  .grid .row.expand .block.span-2 .block-inner {
    max-width: 190.000038px;
  }
  .grid .row.expand .block.span-1 .block-inner {
    max-width: 94.999962px;
  }
}
@media only screen and (min-width: 1141px) {
  .grid .row.expand .block {
    /*
    &.span-12 .block-inner { min-width:             $site-width }
    &.span-9  .block-inner { min-width: 0.7500000 * $site-width }
    &.span-8  .block-inner { min-width: 0.6666667 * $site-width }
    &.span-6  .block-inner { min-width: 0.5000000 * $site-width }
    &.span-4  .block-inner { min-width: 0.3333333 * $site-width }
    &.span-3  .block-inner { min-width: 0.2500000 * $site-width }
    */
  }
  .grid .row.expand .block.span-4:first-of-type, .grid .row.expand .block.span-4:last-of-type, .grid .row.expand .block.span-3:first-of-type, .grid .row.expand .block.span-3:last-of-type {
    width: auto;
  }
  .grid .row.expand .block.span-6:not(:first-of-type):not(:last-of-type) {
    width: 570px;
  }
  .grid .row.expand .block.span-4:not(:first-of-type):not(:last-of-type) {
    width: 379.999962px;
  }
  .grid .row.expand .block.span-3:not(:first-of-type):not(:last-of-type) {
    width: 285px;
  }
}
.grid .grid {
  margin-bottom: 0;
}
.grid .grid .row {
  padding-left: 0;
  padding-right: 0;
}
.grid .grid .block {
  text-align: left;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.grid img,
.grid picture {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.grid table,
.grid object,
.grid embed,
.grid video {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}
.grid iframe {
  border: 0 none !important;
  max-width: 100%;
  width: 100% !important;
}
.grid table {
  border: 0 none;
  table-layout: fixed;
}
.grid table td, .grid table th {
  border: 0 none;
  padding: 4px;
  padding: 0.2666666667rem;
  vertical-align: top;
}
.grid table th,
.grid table thead td {
  border-bottom: 1px solid #f7f7f7;
  font-weight: normal;
  font-style: italic;
}

/* sub-layout */
.size {
  width: auto !important;
  width: initial !important;
  max-width: none !important;
}

.width-10,
.width-20,
.width-30,
.width-25,
.width-33,
.width-40,
.width-50,
.width-60,
.width-66,
.width-70,
.width-75,
.width-80,
.width-90,
.width-100 {
  padding-left: 3% !important;
  padding-right: 3% !important;
  padding-bottom: 2% !important;
  display: table-cell !important;
}
.width-10:nth-of-type(1),
.width-20:nth-of-type(1),
.width-30:nth-of-type(1),
.width-25:nth-of-type(1),
.width-33:nth-of-type(1),
.width-40:nth-of-type(1),
.width-50:nth-of-type(1),
.width-60:nth-of-type(1),
.width-66:nth-of-type(1),
.width-70:nth-of-type(1),
.width-75:nth-of-type(1),
.width-80:nth-of-type(1),
.width-90:nth-of-type(1),
.width-100:nth-of-type(1) {
  padding-left: 0 !important;
}

.width-10 {
  width: 10% !important;
}

.width-20 {
  width: 20% !important;
}
.width-20:nth-of-type(5) {
  padding-right: 0 !important;
}

.width-25 {
  width: 25% !important;
}
.width-25:nth-of-type(4) {
  padding-right: 0 !important;
}

.width-30 {
  width: 30% !important;
}

.width-33 {
  width: 33.33% !important;
}
.width-33:nth-of-type(3) {
  padding-right: 0 !important;
}

.width-40 {
  width: 40% !important;
}

.width-50 {
  width: 50% !important;
}
.width-50:nth-of-type(2) {
  padding-right: 0 !important;
}

.width-60 {
  width: 60% !important;
}

.width-66 {
  width: 66.67% !important;
}

.width-70 {
  width: 70% !important;
}

.width-75 {
  width: 75% !important;
}

.width-80 {
  width: 80% !important;
}

.width-90 {
  width: 90% !important;
}

.width-100 {
  width: 100% !important;
  padding: 0 !important;
}

.left,
.left:nth-of-type(1) {
  float: left;
  padding-left: 0 !important;
  padding-right: 3% !important;
}

.right,
.right:nth-of-type(1) {
  float: right;
  padding-left: 3% !important;
  padding-right: 0 !important;
}

.center,
.center:nth-of-type(1) {
  float: none;
  display: block !important;
  margin: 0 auto !important;
}

/* button */
button,
.button,
main .post blockquote a {
  display: inline-block;
  height: auto;
  width: 100%;
  overflow: hidden;
  border: 0 none;
  background-color: #09f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-radius: 3px;
  border-radius: 0.2rem;
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
  /*i.fa {
  	position: relative;
  	@include rem-rule('top', -1px);
  	@include rem-rule('margin-bottom', -1px);
  }*/
}
button:hover, button.hover,
.button:hover,
main .post blockquote a:hover,
.button.hover,
main .post blockquote a.hover {
  color: #fff;
  background-color: #09f;
}
button, button.medium,
.button,
main .post blockquote a,
.button.medium,
main .post blockquote a.medium {
  font-size: 15px;
  font-size: 1rem;
  line-height: 15px;
  line-height: 1rem;
  letter-spacing: 1.5px;
  letter-spacing: 0.1rem;
  padding-top: 15px;
  padding-top: 1rem;
  padding-bottom: 15px;
  padding-bottom: 1rem;
  padding-left: 22.5px;
  padding-left: 1.5rem;
  padding-right: 22.5px;
  padding-right: 1.5rem;
}
button.inline, button.medium.inline,
.button.inline,
main .post blockquote a.button,
main .post blockquote a.inline,
main .post blockquote a,
.button.medium.inline {
  padding-left: 22.5px;
  padding-left: 1.5rem;
  padding-right: 22.5px;
  padding-right: 1.5rem;
}
button.small,
.button.small,
main .post blockquote a.button,
main .post blockquote a.small,
main .post blockquote a {
  font-size: 10.5px;
  font-size: 0.7rem;
  line-height: 10.5px;
  line-height: 0.7rem;
  letter-spacing: 1.05px;
  letter-spacing: 0.07rem;
  padding-top: 10.5px;
  padding-top: 0.7rem;
  padding-bottom: 10.5px;
  padding-bottom: 0.7rem;
  padding-left: 15.75px;
  padding-left: 1.05rem;
  padding-right: 15.75px;
  padding-right: 1.05rem;
}
button.small.inline,
.button.small.inline,
main .post blockquote a.button.small,
main .post blockquote a.inline,
main .post blockquote a {
  padding-left: 15.75px;
  padding-left: 1.05rem;
  padding-right: 15.75px;
  padding-right: 1.05rem;
}
button.large,
.button.large,
main .post blockquote a.large {
  font-size: 33px;
  font-size: 2.2rem;
  line-height: 33px;
  line-height: 2.2rem;
  letter-spacing: 3.3px;
  letter-spacing: 0.22rem;
  padding-top: 33px;
  padding-top: 2.2rem;
  padding-bottom: 33px;
  padding-bottom: 2.2rem;
  padding-left: 49.5px;
  padding-left: 3.3rem;
  padding-right: 49.5px;
  padding-right: 3.3rem;
}
button.large.inline,
.button.large.inline,
main .post blockquote a.large {
  padding-left: 49.5px;
  padding-left: 3.3rem;
  padding-right: 49.5px;
  padding-right: 3.3rem;
}
button.corners,
.button.corners,
main .post blockquote a.corners {
  border-radius: 0px;
  border-radius: 0rem;
}
button.corners-right,
.button.corners-right,
main .post blockquote a.corners-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
button.corners-left,
.button.corners-left,
main .post blockquote a.corners-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
button.inline,
.button.inline,
main .post blockquote a.button,
main .post blockquote a.inline,
main .post blockquote a {
  width: auto;
  margin: 0;
}
button.white,
.button.white,
main .post blockquote a.white {
  color: #09f;
  background-color: #fff !important;
}
button.white *,
.button.white *,
main .post blockquote a.white * {
  color: #09f !important;
}
button.white:hover, button.white.hover,
.button.white:hover,
main .post blockquote a.white:hover,
.button.white.hover,
main .post blockquote a.white.hover {
  color: #fff;
  background-color: #09f !important;
}
button.white:hover *, button.white.hover *,
.button.white:hover *,
main .post blockquote a.white:hover *,
.button.white.hover *,
main .post blockquote a.white.hover * {
  color: #fff !important;
}
button.transparent,
.button.transparent,
main .post blockquote a.transparent {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.123) !important;
  border: 1px solid #fff !important;
}
button.transparent *,
.button.transparent *,
main .post blockquote a.transparent * {
  color: #fff !important;
}
button.transparent:hover, button.transparent.hover,
.button.transparent:hover,
main .post blockquote a.transparent:hover,
.button.transparent.hover,
main .post blockquote a.transparent.hover {
  color: #09f;
  background-color: #fff !important;
}
button.transparent:hover *, button.transparent.hover *,
.button.transparent:hover *,
main .post blockquote a.transparent:hover *,
.button.transparent.hover *,
main .post blockquote a.transparent.hover * {
  color: #09f !important;
}
button.anchor,
.button.anchor,
main .post blockquote a.anchor {
  background-color: #09f !important;
  color: #fff !important;
}
button.anchor:hover, button.anchor.hover,
.button.anchor:hover,
main .post blockquote a.anchor:hover,
.button.anchor.hover,
main .post blockquote a.anchor.hover {
  background-color: #09f !important;
  color: #fff !important;
}
button.neutral,
.button.neutral,
main .post blockquote a.neutral {
  background-color: #777 !important;
  color: #fff !important;
}
button.neutral:hover, button.neutral.hover,
.button.neutral:hover,
main .post blockquote a.neutral:hover,
.button.neutral.hover,
main .post blockquote a.neutral.hover {
  background-color: #515151 !important;
  color: #fff !important;
}
button.alert,
.button.alert,
main .post blockquote a.alert {
  background-color: #f25 !important;
  color: #fff !important;
}
button.alert:hover, button.alert.hover,
.button.alert:hover,
main .post blockquote a.alert:hover,
.button.alert.hover,
main .post blockquote a.alert.hover {
  background-color: #d50031 !important;
  color: #fff !important;
}
button.success,
.button.success,
main .post blockquote a.success {
  background-color: #1d8 !important;
  color: #fff !important;
}
button.success:hover, button.success.hover,
.button.success:hover,
main .post blockquote a.success:hover,
.button.success.hover,
main .post blockquote a.success.hover {
  background-color: #0c965c !important;
  color: #fff !important;
}
button[data-icon]:before, button.pay:before, button.download:before, button.comments:before, button.comment:before, button.calendar:before, button.phone:before, button.heart:before, button.like:before, button.reply:before, button.share:before, button.print:before, button.email:before, button.map:before, button.exit:before, button.link:before, button.sign-in:before, button.search:before, button.mailing-list:before, button.itunes:before, button.podcast:before, button.amedium:before, button.vine:before, button.lastfm:before, button.spotify:before, button.yelp:before, button.vimeo:before, button.flickr:before, button.tumblr:before, button.dropbox:before, button.dribbble:before, button.pinterest:before, button.houzz:before, button.googleplus:before, button.soundcloud:before, button.youtube:before, button.instagram:before, button.twitter:before, button.facebook:before,
.button[data-icon]:before,
main .post blockquote a[data-icon]:before,
.button.pay:before,
main .post blockquote a.pay:before,
.button.download:before,
main .post blockquote a.download:before,
.button.comments:before,
main .post blockquote a.comments:before,
.button.comment:before,
main .post blockquote a.comment:before,
.button.calendar:before,
main .post blockquote a.calendar:before,
.button.phone:before,
main .post blockquote a.phone:before,
.button.heart:before,
main .post blockquote a.heart:before,
.button.like:before,
main .post blockquote a.like:before,
.button.reply:before,
main .post blockquote a.reply:before,
.button.share:before,
main .post blockquote a.share:before,
.button.print:before,
main .post blockquote a.print:before,
.button.email:before,
main .post blockquote a.email:before,
.button.map:before,
main .post blockquote a.map:before,
.button.exit:before,
main .post blockquote a.exit:before,
.button.link:before,
main .post blockquote a.link:before,
.button.sign-in:before,
main .post blockquote a.sign-in:before,
.button.search:before,
main .post blockquote a.search:before,
.button.mailing-list:before,
main .post blockquote a.mailing-list:before,
.button.itunes:before,
main .post blockquote a.itunes:before,
.button.podcast:before,
main .post blockquote a.podcast:before,
.button.amedium:before,
main .post blockquote a.amedium:before,
.button.vine:before,
main .post blockquote a.vine:before,
.button.lastfm:before,
main .post blockquote a.lastfm:before,
.button.spotify:before,
main .post blockquote a.spotify:before,
.button.yelp:before,
main .post blockquote a.yelp:before,
.button.vimeo:before,
main .post blockquote a.vimeo:before,
.button.flickr:before,
main .post blockquote a.flickr:before,
.button.tumblr:before,
main .post blockquote a.tumblr:before,
.button.dropbox:before,
main .post blockquote a.dropbox:before,
.button.dribbble:before,
main .post blockquote a.dribbble:before,
.button.pinterest:before,
main .post blockquote a.pinterest:before,
.button.houzz:before,
main .post blockquote a.houzz:before,
.button.googleplus:before,
main .post blockquote a.googleplus:before,
.button.soundcloud:before,
main .post blockquote a.soundcloud:before,
.button.youtube:before,
main .post blockquote a.youtube:before,
.button.instagram:before,
main .post blockquote a.instagram:before,
.button.twitter:before,
main .post blockquote a.button:before,
main .post blockquote a.twitter:before,
main .post blockquote a:before,
.button.facebook:before,
main .post blockquote a.facebook:before {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: normal;
  margin-right: 6px;
  margin-right: 0.4rem;
  display: inline !important;
}
button.small[data-icon]:before, button.small.pay:before, button.small.download:before, button.small.comments:before, button.small.comment:before, button.small.calendar:before, button.small.phone:before, button.small.heart:before, button.small.like:before, button.small.reply:before, button.small.share:before, button.small.print:before, button.small.email:before, button.small.map:before, button.small.exit:before, button.small.link:before, button.small.sign-in:before, button.small.search:before, button.small.mailing-list:before, button.small.itunes:before, button.small.podcast:before, button.small.amedium:before, button.small.vine:before, button.small.lastfm:before, button.small.spotify:before, button.small.yelp:before, button.small.vimeo:before, button.small.flickr:before, button.small.tumblr:before, button.small.dropbox:before, button.small.dribbble:before, button.small.pinterest:before, button.small.houzz:before, button.small.googleplus:before, button.small.soundcloud:before, button.small.youtube:before, button.small.instagram:before, button.small.twitter:before, button.small.facebook:before,
.button.small[data-icon]:before,
main .post blockquote a.button[data-icon]:before,
main .post blockquote a.small[data-icon]:before,
main .post blockquote a[data-icon]:before,
.button.small.pay:before,
main .post blockquote a.button.pay:before,
main .post blockquote a.small.pay:before,
main .post blockquote a.pay:before,
.button.small.download:before,
main .post blockquote a.button.download:before,
main .post blockquote a.small.download:before,
main .post blockquote a.download:before,
.button.small.comments:before,
main .post blockquote a.button.comments:before,
main .post blockquote a.small.comments:before,
main .post blockquote a.comments:before,
.button.small.comment:before,
main .post blockquote a.button.comment:before,
main .post blockquote a.small.comment:before,
main .post blockquote a.comment:before,
.button.small.calendar:before,
main .post blockquote a.button.calendar:before,
main .post blockquote a.small.calendar:before,
main .post blockquote a.calendar:before,
.button.small.phone:before,
main .post blockquote a.button.phone:before,
main .post blockquote a.small.phone:before,
main .post blockquote a.phone:before,
.button.small.heart:before,
main .post blockquote a.button.heart:before,
main .post blockquote a.small.heart:before,
main .post blockquote a.heart:before,
.button.small.like:before,
main .post blockquote a.button.like:before,
main .post blockquote a.small.like:before,
main .post blockquote a.like:before,
.button.small.reply:before,
main .post blockquote a.button.reply:before,
main .post blockquote a.small.reply:before,
main .post blockquote a.reply:before,
.button.small.share:before,
main .post blockquote a.button.share:before,
main .post blockquote a.small.share:before,
main .post blockquote a.share:before,
.button.small.print:before,
main .post blockquote a.button.print:before,
main .post blockquote a.small.print:before,
main .post blockquote a.print:before,
.button.small.email:before,
main .post blockquote a.button.email:before,
main .post blockquote a.small.email:before,
main .post blockquote a.email:before,
.button.small.map:before,
main .post blockquote a.button.map:before,
main .post blockquote a.small.map:before,
main .post blockquote a.map:before,
.button.small.exit:before,
main .post blockquote a.button.exit:before,
main .post blockquote a.small.exit:before,
main .post blockquote a.exit:before,
.button.small.link:before,
main .post blockquote a.button.link:before,
main .post blockquote a.small.link:before,
main .post blockquote a.link:before,
.button.small.sign-in:before,
main .post blockquote a.button.sign-in:before,
main .post blockquote a.small.sign-in:before,
main .post blockquote a.sign-in:before,
.button.small.search:before,
main .post blockquote a.button.search:before,
main .post blockquote a.small.search:before,
main .post blockquote a.search:before,
.button.small.mailing-list:before,
main .post blockquote a.button.mailing-list:before,
main .post blockquote a.small.mailing-list:before,
main .post blockquote a.mailing-list:before,
.button.small.itunes:before,
main .post blockquote a.button.itunes:before,
main .post blockquote a.small.itunes:before,
main .post blockquote a.itunes:before,
.button.small.podcast:before,
main .post blockquote a.button.podcast:before,
main .post blockquote a.small.podcast:before,
main .post blockquote a.podcast:before,
.button.small.amedium:before,
main .post blockquote a.button.amedium:before,
main .post blockquote a.small.amedium:before,
main .post blockquote a.amedium:before,
.button.small.vine:before,
main .post blockquote a.button.vine:before,
main .post blockquote a.small.vine:before,
main .post blockquote a.vine:before,
.button.small.lastfm:before,
main .post blockquote a.button.lastfm:before,
main .post blockquote a.small.lastfm:before,
main .post blockquote a.lastfm:before,
.button.small.spotify:before,
main .post blockquote a.button.spotify:before,
main .post blockquote a.small.spotify:before,
main .post blockquote a.spotify:before,
.button.small.yelp:before,
main .post blockquote a.button.yelp:before,
main .post blockquote a.small.yelp:before,
main .post blockquote a.yelp:before,
.button.small.vimeo:before,
main .post blockquote a.button.vimeo:before,
main .post blockquote a.small.vimeo:before,
main .post blockquote a.vimeo:before,
.button.small.flickr:before,
main .post blockquote a.button.flickr:before,
main .post blockquote a.small.flickr:before,
main .post blockquote a.flickr:before,
.button.small.tumblr:before,
main .post blockquote a.button.tumblr:before,
main .post blockquote a.small.tumblr:before,
main .post blockquote a.tumblr:before,
.button.small.dropbox:before,
main .post blockquote a.button.dropbox:before,
main .post blockquote a.small.dropbox:before,
main .post blockquote a.dropbox:before,
.button.small.dribbble:before,
main .post blockquote a.button.dribbble:before,
main .post blockquote a.small.dribbble:before,
main .post blockquote a.dribbble:before,
.button.small.pinterest:before,
main .post blockquote a.button.pinterest:before,
main .post blockquote a.small.pinterest:before,
main .post blockquote a.pinterest:before,
.button.small.houzz:before,
main .post blockquote a.button.houzz:before,
main .post blockquote a.small.houzz:before,
main .post blockquote a.houzz:before,
.button.small.googleplus:before,
main .post blockquote a.button.googleplus:before,
main .post blockquote a.small.googleplus:before,
main .post blockquote a.googleplus:before,
.button.small.soundcloud:before,
main .post blockquote a.button.soundcloud:before,
main .post blockquote a.small.soundcloud:before,
main .post blockquote a.soundcloud:before,
.button.small.youtube:before,
main .post blockquote a.button.youtube:before,
main .post blockquote a.small.youtube:before,
main .post blockquote a.youtube:before,
.button.small.instagram:before,
main .post blockquote a.button.instagram:before,
main .post blockquote a.small.instagram:before,
main .post blockquote a.instagram:before,
.button.small.twitter:before,
main .post blockquote a.button.small:before,
main .post blockquote a.button.twitter:before,
main .post blockquote a.button:before,
main .post blockquote a.small.twitter:before,
main .post blockquote a.small:before,
main .post blockquote a.twitter:before,
main .post blockquote a:before,
.button.small.facebook:before,
main .post blockquote a.button.facebook:before,
main .post blockquote a.small.facebook:before,
main .post blockquote a.facebook:before {
  margin-right: 4px;
  margin-right: 0.2666666667rem;
}
button.large[data-icon]:before, button.large.pay:before, button.large.download:before, button.large.comments:before, button.large.comment:before, button.large.calendar:before, button.large.phone:before, button.large.heart:before, button.large.like:before, button.large.reply:before, button.large.share:before, button.large.print:before, button.large.email:before, button.large.map:before, button.large.exit:before, button.large.link:before, button.large.sign-in:before, button.large.search:before, button.large.mailing-list:before, button.large.itunes:before, button.large.podcast:before, button.large.amedium:before, button.large.vine:before, button.large.lastfm:before, button.large.spotify:before, button.large.yelp:before, button.large.vimeo:before, button.large.flickr:before, button.large.tumblr:before, button.large.dropbox:before, button.large.dribbble:before, button.large.pinterest:before, button.large.houzz:before, button.large.googleplus:before, button.large.soundcloud:before, button.large.youtube:before, button.large.instagram:before, button.large.twitter:before, button.large.facebook:before,
.button.large[data-icon]:before,
main .post blockquote a.large[data-icon]:before,
.button.large.pay:before,
main .post blockquote a.large.pay:before,
.button.large.download:before,
main .post blockquote a.large.download:before,
.button.large.comments:before,
main .post blockquote a.large.comments:before,
.button.large.comment:before,
main .post blockquote a.large.comment:before,
.button.large.calendar:before,
main .post blockquote a.large.calendar:before,
.button.large.phone:before,
main .post blockquote a.large.phone:before,
.button.large.heart:before,
main .post blockquote a.large.heart:before,
.button.large.like:before,
main .post blockquote a.large.like:before,
.button.large.reply:before,
main .post blockquote a.large.reply:before,
.button.large.share:before,
main .post blockquote a.large.share:before,
.button.large.print:before,
main .post blockquote a.large.print:before,
.button.large.email:before,
main .post blockquote a.large.email:before,
.button.large.map:before,
main .post blockquote a.large.map:before,
.button.large.exit:before,
main .post blockquote a.large.exit:before,
.button.large.link:before,
main .post blockquote a.large.link:before,
.button.large.sign-in:before,
main .post blockquote a.large.sign-in:before,
.button.large.search:before,
main .post blockquote a.large.search:before,
.button.large.mailing-list:before,
main .post blockquote a.large.mailing-list:before,
.button.large.itunes:before,
main .post blockquote a.large.itunes:before,
.button.large.podcast:before,
main .post blockquote a.large.podcast:before,
.button.large.amedium:before,
main .post blockquote a.large.amedium:before,
.button.large.vine:before,
main .post blockquote a.large.vine:before,
.button.large.lastfm:before,
main .post blockquote a.large.lastfm:before,
.button.large.spotify:before,
main .post blockquote a.large.spotify:before,
.button.large.yelp:before,
main .post blockquote a.large.yelp:before,
.button.large.vimeo:before,
main .post blockquote a.large.vimeo:before,
.button.large.flickr:before,
main .post blockquote a.large.flickr:before,
.button.large.tumblr:before,
main .post blockquote a.large.tumblr:before,
.button.large.dropbox:before,
main .post blockquote a.large.dropbox:before,
.button.large.dribbble:before,
main .post blockquote a.large.dribbble:before,
.button.large.pinterest:before,
main .post blockquote a.large.pinterest:before,
.button.large.houzz:before,
main .post blockquote a.large.houzz:before,
.button.large.googleplus:before,
main .post blockquote a.large.googleplus:before,
.button.large.soundcloud:before,
main .post blockquote a.large.soundcloud:before,
.button.large.youtube:before,
main .post blockquote a.large.youtube:before,
.button.large.instagram:before,
main .post blockquote a.large.instagram:before,
.button.large.twitter:before,
main .post blockquote a.button.large:before,
main .post blockquote a.large.twitter:before,
main .post blockquote a.large:before,
.button.large.facebook:before,
main .post blockquote a.large.facebook:before {
  margin-right: 16px;
  margin-right: 1.0666666667rem;
}
button.facebook,
.button.facebook,
main .post blockquote a.facebook {
  background-color: #3b5999 !important;
}
button.facebook:hover, button.facebook.hover,
.button.facebook:hover,
main .post blockquote a.facebook:hover,
.button.facebook.hover,
main .post blockquote a.facebook.hover {
  background-color: #263962 !important;
}
button.facebook:before,
.button.facebook:before,
main .post blockquote a.facebook:before {
  content: "\f09a";
}
button.twitter,
.button.twitter,
main .post blockquote a.button,
main .post blockquote a.twitter,
main .post blockquote a {
  background-color: #55acee !important;
}
button.twitter:hover, button.twitter.hover,
.button.twitter:hover,
main .post blockquote a:hover,
.button.twitter.hover,
main .post blockquote a.hover {
  background-color: #1689e0 !important;
}
button.twitter:before,
.button.twitter:before,
main .post blockquote a.button:before,
main .post blockquote a.twitter:before,
main .post blockquote a:before {
  content: "\f099";
}
button.instagram,
.button.instagram,
main .post blockquote a.instagram {
  background-color: #e1306c !important;
}
button.instagram:hover, button.instagram.hover,
.button.instagram:hover,
main .post blockquote a.instagram:hover,
.button.instagram.hover,
main .post blockquote a.instagram.hover {
  background-color: #ac194b !important;
}
button.instagram:before,
.button.instagram:before,
main .post blockquote a.instagram:before {
  content: "\f16d";
}
button.youtube,
.button.youtube,
main .post blockquote a.youtube {
  background-color: #cd201f !important;
}
button.youtube:hover, button.youtube.hover,
.button.youtube:hover,
main .post blockquote a.youtube:hover,
.button.youtube.hover,
main .post blockquote a.youtube.hover {
  background-color: #8b1615 !important;
}
button.youtube:before,
.button.youtube:before,
main .post blockquote a.youtube:before {
  content: "\f16a";
}
button.soundcloud,
.button.soundcloud,
main .post blockquote a.soundcloud {
  background-color: #ff3300 !important;
}
button.soundcloud:hover, button.soundcloud.hover,
.button.soundcloud:hover,
main .post blockquote a.soundcloud:hover,
.button.soundcloud.hover,
main .post blockquote a.soundcloud.hover {
  background-color: #b32400 !important;
}
button.soundcloud:before,
.button.soundcloud:before,
main .post blockquote a.soundcloud:before {
  content: "\f1be";
}
button.googleplus,
.button.googleplus,
main .post blockquote a.googleplus {
  background-color: #dc4e41 !important;
}
button.googleplus:hover, button.googleplus.hover,
.button.googleplus:hover,
main .post blockquote a.googleplus:hover,
.button.googleplus.hover,
main .post blockquote a.googleplus.hover {
  background-color: #b02c20 !important;
}
button.googleplus:before,
.button.googleplus:before,
main .post blockquote a.googleplus:before {
  content: "\f0d5";
}
button.houzz,
.button.houzz,
main .post blockquote a.houzz {
  background-color: #7ac142 !important;
}
button.houzz:hover, button.houzz.hover,
.button.houzz:hover,
main .post blockquote a.houzz:hover,
.button.houzz.hover,
main .post blockquote a.houzz.hover {
  background-color: #56892d !important;
}
button.houzz:before,
.button.houzz:before,
main .post blockquote a.houzz:before {
  content: "\f27c";
}
button.pinterest,
.button.pinterest,
main .post blockquote a.pinterest {
  background-color: #bd081c !important;
}
button.pinterest:hover, button.pinterest.hover,
.button.pinterest:hover,
main .post blockquote a.pinterest:hover,
.button.pinterest.hover,
main .post blockquote a.pinterest.hover {
  background-color: #740511 !important;
}
button.pinterest:before,
.button.pinterest:before,
main .post blockquote a.pinterest:before {
  content: "\f0d2";
}
button.dribbble,
.button.dribbble,
main .post blockquote a.dribbble {
  background-color: #ea4c89 !important;
}
button.dribbble:hover, button.dribbble.hover,
.button.dribbble:hover,
main .post blockquote a.dribbble:hover,
.button.dribbble.hover,
main .post blockquote a.dribbble.hover {
  background-color: #d11960 !important;
}
button.dribbble:before,
.button.dribbble:before,
main .post blockquote a.dribbble:before {
  content: "\f17d";
}
button.dropbox,
.button.dropbox,
main .post blockquote a.dropbox {
  background-color: #007ee5 !important;
}
button.dropbox:hover, button.dropbox.hover,
.button.dropbox:hover,
main .post blockquote a.dropbox:hover,
.button.dropbox.hover,
main .post blockquote a.dropbox.hover {
  background-color: #005499 !important;
}
button.dropbox:before,
.button.dropbox:before,
main .post blockquote a.dropbox:before {
  content: "\f16b";
}
button.tumblr,
.button.tumblr,
main .post blockquote a.tumblr {
  background-color: #35465c !important;
}
button.tumblr:hover, button.tumblr.hover,
.button.tumblr:hover,
main .post blockquote a.tumblr:hover,
.button.tumblr.hover,
main .post blockquote a.tumblr.hover {
  background-color: #19212b !important;
}
button.tumblr:before,
.button.tumblr:before,
main .post blockquote a.tumblr:before {
  content: "\f173";
}
button.flickr,
.button.flickr,
main .post blockquote a.flickr {
  background-color: #ff0084 !important;
}
button.flickr:hover, button.flickr.hover,
.button.flickr:hover,
main .post blockquote a.flickr:hover,
.button.flickr.hover,
main .post blockquote a.flickr.hover {
  background-color: #b3005c !important;
}
button.flickr:before,
.button.flickr:before,
main .post blockquote a.flickr:before {
  content: "\f16e";
}
button.vimeo,
.button.vimeo,
main .post blockquote a.vimeo {
  background-color: #1ab7ea !important;
}
button.vimeo:hover, button.vimeo.hover,
.button.vimeo:hover,
main .post blockquote a.vimeo:hover,
.button.vimeo.hover,
main .post blockquote a.vimeo.hover {
  background-color: #0f83a8 !important;
}
button.vimeo:before,
.button.vimeo:before,
main .post blockquote a.vimeo:before {
  content: "\f27d";
}
button.yelp,
.button.yelp,
main .post blockquote a.yelp {
  background-color: #af0606 !important;
}
button.yelp:hover, button.yelp.hover,
.button.yelp:hover,
main .post blockquote a.yelp:hover,
.button.yelp.hover,
main .post blockquote a.yelp.hover {
  background-color: #650303 !important;
}
button.yelp:before,
.button.yelp:before,
main .post blockquote a.yelp:before {
  content: "\f1e9";
}
button.spotify,
.button.spotify,
main .post blockquote a.spotify {
  background-color: #2ebd59 !important;
}
button.spotify:hover, button.spotify.hover,
.button.spotify:hover,
main .post blockquote a.spotify:hover,
.button.spotify.hover,
main .post blockquote a.spotify.hover {
  background-color: #1f7f3c !important;
}
button.spotify:before,
.button.spotify:before,
main .post blockquote a.spotify:before {
  content: "\f1bc";
}
button.lastfm,
.button.lastfm,
main .post blockquote a.lastfm {
  background-color: #d51007 !important;
}
button.lastfm:hover, button.lastfm.hover,
.button.lastfm:hover,
main .post blockquote a.lastfm:hover,
.button.lastfm.hover,
main .post blockquote a.lastfm.hover {
  background-color: #8b0a05 !important;
}
button.lastfm:before,
.button.lastfm:before,
main .post blockquote a.lastfm:before {
  content: "\f202";
}
button.vine,
.button.vine,
main .post blockquote a.vine {
  background-color: #00b488 !important;
}
button.vine:hover, button.vine.hover,
.button.vine:hover,
main .post blockquote a.vine:hover,
.button.vine.hover,
main .post blockquote a.vine.hover {
  background-color: #00684e !important;
}
button.vine:before,
.button.vine:before,
main .post blockquote a.vine:before {
  content: "\f1ca";
}
button.amedium,
.button.amedium,
main .post blockquote a.amedium {
  background-color: #3FA477 !important;
}
button.amedium:hover, button.amedium.hover,
.button.amedium:hover,
main .post blockquote a.amedium:hover,
.button.amedium.hover,
main .post blockquote a.amedium.hover {
  background-color: #2a6d4f !important;
}
button.amedium:before,
.button.amedium:before,
main .post blockquote a.amedium:before {
  content: "\f23a";
}
button.podcast,
.button.podcast,
main .post blockquote a.podcast {
  background-color: #6923C4 !important;
}
button.podcast:hover, button.podcast.hover,
.button.podcast:hover,
main .post blockquote a.podcast:hover,
.button.podcast.hover,
main .post blockquote a.podcast.hover {
  background-color: #8846de !important;
}
button.podcast:before,
.button.podcast:before,
main .post blockquote a.podcast:before {
  content: "\f179";
}
button.itunes,
.button.itunes,
main .post blockquote a.itunes {
  background-color: #EC6481 !important;
}
button.itunes:hover, button.itunes.hover,
.button.itunes:hover,
main .post blockquote a.itunes:hover,
.button.itunes.hover,
main .post blockquote a.itunes.hover {
  background-color: #f39bad !important;
}
button.itunes:before,
.button.itunes:before,
main .post blockquote a.itunes:before {
  content: "\f001";
}
button.mailing-list:before,
.button.mailing-list:before,
main .post blockquote a.mailing-list:before {
  content: "\f1d8";
}
button.search:before,
.button.search:before,
main .post blockquote a.search:before {
  content: "\f002";
}
button.sign-in:before,
.button.sign-in:before,
main .post blockquote a.sign-in:before {
  content: "\f13e";
}
button.link:before,
.button.link:before,
main .post blockquote a.link:before {
  content: "\f0c1";
}
button.exit:before,
.button.exit:before,
main .post blockquote a.exit:before {
  content: "\f00d";
}
button.map:before,
.button.map:before,
main .post blockquote a.map:before {
  content: "\f041";
}
button.email:before,
.button.email:before,
main .post blockquote a.email:before {
  content: "\f0e0";
}
button.print:before,
.button.print:before,
main .post blockquote a.print:before {
  content: "\f02f";
}
button.share:before,
.button.share:before,
main .post blockquote a.share:before {
  content: "\f079";
}
button.reply:before,
.button.reply:before,
main .post blockquote a.reply:before {
  content: "\f112";
}
button.like:before,
.button.like:before,
main .post blockquote a.like:before {
  content: "\f164";
}
button.heart:before,
.button.heart:before,
main .post blockquote a.heart:before {
  content: "\f004";
}
button.phone:before,
.button.phone:before,
main .post blockquote a.phone:before {
  content: "\f095";
}
button.calendar:before,
.button.calendar:before,
main .post blockquote a.calendar:before {
  content: "\f073";
}
button.comment:before,
.button.comment:before,
main .post blockquote a.comment:before {
  content: "\f075";
}
button.comments:before,
.button.comments:before,
main .post blockquote a.comments:before {
  content: "\f086";
}
button.download:before,
.button.download:before,
main .post blockquote a.download:before {
  content: "\f0ed";
}
button.pay:before,
.button.pay:before,
main .post blockquote a.pay:before {
  content: "\f023";
}
button[data-icon]:before,
.button[data-icon]:before,
main .post blockquote a[data-icon]:before {
  content: attr(data-icon);
}

.button:not(a), main .post blockquote a:not(a) {
  pointer-events: none;
}

.button-group {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.1px;
  line-height: 1;
}
.button-group button,
.button-group .button,
.button-group main .post blockquote a,
main .post blockquote .button-group a {
  display: inline-block;
  width: auto;
  border-radius: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  vertical-align: top;
  /*.block:not(.span-12) & {*/
  /*@include media-up($large) {
  	display: inline-block;
  	width: auto;
  	border-radius: 0;
  	border-top: 0 none;
  	border-left: 1px solid rgba(#000, .25);

  	&:first-child {
  		border-top-left-radius: $border-radius;
  		border-top-right-radius: 0;
  		border-bottom-left-radius: $border-radius;
  		border-left: 0 none;
  	}
  	&:last-child {
  		border-top-right-radius: $border-radius;
  		border-bottom-left-radius: 0;
  		border-bottom-right-radius: $border-radius;
  	}
  }*/
  /*}*/
}
.button-group button:first-child,
.button-group .button:first-child,
.button-group main .post blockquote a:first-child,
main .post blockquote .button-group a:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 0 none;
}
.button-group button:last-child,
.button-group .button:last-child,
.button-group main .post blockquote a:last-child,
main .post blockquote .button-group a:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media only screen and (max-width: 641px) {
  .button-group button,
  .button-group .button,
  .button-group main .post blockquote a,
  main .post blockquote .button-group a {
    display: block;
    width: 100%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .button-group button:first-child,
  .button-group .button:first-child,
  .button-group main .post blockquote a:first-child,
  main .post blockquote .button-group a:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 0 none;
  }
  .button-group button:last-child,
  .button-group .button:last-child,
  .button-group main .post blockquote a:last-child,
  main .post blockquote .button-group a:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

@media only screen and (max-width: 641px) {
  .lightbox .button-group button,
  .lightbox .button-group .button,
  .lightbox .button-group main .post blockquote a,
  main .post blockquote .lightbox .button-group a {
    display: inline-block;
    width: auto;
    border-top: 0 none;
    border-bottom: 0 none;
    border-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
  }
  .lightbox .button-group button:first-child,
  .lightbox .button-group .button:first-child,
  .lightbox .button-group main .post blockquote a:first-child,
  main .post blockquote .lightbox .button-group a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 0 none;
  }
  .lightbox .button-group button:last-child,
  .lightbox .button-group .button:last-child,
  .lightbox .button-group main .post blockquote a:last-child,
  main .post blockquote .lightbox .button-group a:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

.button-row {
  display: block;
  font-size: 0.1px;
  line-height: 1;
}
.button-row button,
.button-row .button,
.button-row main .post blockquote a,
main .post blockquote .button-row a {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 12px;
  margin-bottom: 0.8rem;
  margin-left: 0;
  margin-right: 12px;
  margin-right: 0.8rem;
  vertical-align: top;
  /*.block:not(.span-12) & {*/
  /*@include media-up($large) {
  	display: inline-block;
  	width: auto;
  }*/
  /*}*/
}
.button-row button:first-child,
.button-row .button:first-child,
.button-row main .post blockquote a:first-child,
main .post blockquote .button-row a:first-child {
  margin-left: 0;
}
.button-row button:last-child,
.button-row .button:last-child,
.button-row main .post blockquote a:last-child,
main .post blockquote .button-row a:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 641px) {
  .button-row button,
  .button-row .button,
  .button-row main .post blockquote a,
  main .post blockquote .button-row a {
    margin-top: 0;
    margin-bottom: 6px;
    margin-bottom: 0.4rem;
    display: block;
    width: 100%;
  }
  .button-row button:first-child,
  .button-row .button:first-child,
  .button-row main .post blockquote a:first-child,
  main .post blockquote .button-row a:first-child {
    margin-top: 0;
  }
  .button-row button:last-child,
  .button-row .button:last-child,
  .button-row main .post blockquote a:last-child,
  main .post blockquote .button-row a:last-child {
    margin-bottom: 0;
  }
}
.button-row.leftify button,
.button-row.leftify .button,
.button-row.leftify main .post blockquote a,
main .post blockquote .button-row.leftify a {
  margin-left: 0;
  margin-right: 12px;
  margin-right: 0.8rem;
}
.button-row.centrify button,
.button-row.centrify .button,
.button-row.centrify main .post blockquote a,
main .post blockquote .button-row.centrify a {
  margin-left: 6px;
  margin-left: 0.4rem;
  margin-right: 6px;
  margin-right: 0.4rem;
}
.button-row.centrify button:first-child, .button-row.centrify button:last-child,
.button-row.centrify .button:first-child,
.button-row.centrify main .post blockquote a:first-child,
main .post blockquote .button-row.centrify a:first-child,
.button-row.centrify .button:last-child,
.button-row.centrify main .post blockquote a:last-child,
main .post blockquote .button-row.centrify a:last-child {
  margin-left: 6px;
  margin-left: 0.4rem;
  margin-right: 6px;
  margin-right: 0.4rem;
}
.button-row.rightify button,
.button-row.rightify .button,
.button-row.rightify main .post blockquote a,
main .post blockquote .button-row.rightify a {
  margin-right: 0;
  margin-left: 12px;
  margin-left: 0.8rem;
}

.lightbox .button-row button,
.lightbox .button-row .button,
.lightbox .button-row main .post blockquote a,
main .post blockquote .lightbox .button-row a {
  display: inline-block;
  width: auto;
  margin-left: 0;
  margin-right: 12px;
  margin-right: 0.8rem;
}
.lightbox .button-row button:first-child,
.lightbox .button-row .button:first-child,
.lightbox .button-row main .post blockquote a:first-child,
main .post blockquote .lightbox .button-row a:first-child {
  margin-left: 0;
}
.lightbox .button-row button:last-child,
.lightbox .button-row .button:last-child,
.lightbox .button-row main .post blockquote a:last-child,
main .post blockquote .lightbox .button-row a:last-child {
  margin-right: 0;
}
.lightbox .button-row.leftify button,
.lightbox .button-row.leftify .button,
.lightbox .button-row.leftify main .post blockquote a,
main .post blockquote .lightbox .button-row.leftify a {
  margin-left: 0;
  margin-right: 12px;
  margin-right: 0.8rem;
}
.lightbox .button-row.centrify button,
.lightbox .button-row.centrify .button,
.lightbox .button-row.centrify main .post blockquote a,
main .post blockquote .lightbox .button-row.centrify a {
  margin-left: 6px;
  margin-left: 0.4rem;
  margin-right: 6px;
  margin-right: 0.4rem;
}
.lightbox .button-row.rightify button,
.lightbox .button-row.rightify .button,
.lightbox .button-row.rightify main .post blockquote a,
main .post blockquote .lightbox .button-row.rightify a {
  margin-left: 12px;
  margin-left: 0.8rem;
  margin-right: 0;
}

/* icons */
i.fa.outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #444;
}
i.fa.outline.fa-2x, i.fa.outline.fa-3x, i.fa.outline.fa-4x, i.fa.outline.fa-5x {
  -webkit-text-stroke-width: 0.0333em;
}
i.fa.outline.anchor {
  -webkit-text-stroke-color: #09f;
}
i.fa.outline.neutral {
  -webkit-text-stroke-color: #777;
}
i.fa.outline.success {
  -webkit-text-stroke-color: #1d8;
}
i.fa.outline.alert {
  -webkit-text-stroke-color: #f25;
}

/* special links */
/*.tools {
	list-style-type: none;
	@include rem-rule('line-height', 20px);
	padding-left: 0;

	li {
		display: inline;
		@include rem-rule('margin-right', 16px);
		position: relative;

		iframe {
			vertical-align: middle;
		}
		a {
			position: relative;
			@include rem-rule('top', 3px);
		}
	}
	li:before {
		color: #ccc;
		@include rem-rule('font-size', 12px);
		content: "/";
		@include rem-rule('margin-right', 16px);
		position: relative;
		@include rem-rule('top', 3px);
	}
	li:first-child:before {
		content: "";
		margin-right: 0;
	}
}
.print,
.share {
	@include rem-rule('font-size', 12px);
	@include rem-rule('letter-spacing', 1px);
	font-weight: bold;
}
.print:before,
.share:before {
	font-family: "Font Awesome 5 Pro";
	@include rem-rule('font-size', 16px);
	font-weight: normal;
	@include rem-rule('padding-right', 4px);
}
.print:before {
	content: "\f02f";
}
.share.via-email:before {
	content: "\f0e0";
	//content: "\f003";
}
.share.via-twitter:before {
	content: "\f099";
}
.share.via-facebook:before {
	content: "\f082";
}
.share.via-google:before {
	content: "\f0d5";
}*/
.more {
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
  padding-left: 0;
}

.more:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  padding-right: 4px;
  padding-right: 0.2666666667rem;
}

.more:hover {
  padding-left: 8px;
  padding-left: 0.5333333333rem;
}

/* panes */
.pane {
  width: 100%;
  height: 0;
  display: block;
  position: relative;
}
.pane.portrait {
  padding-bottom: 166.6666666667%;
}
.pane.square {
  padding-bottom: 100%;
}
.pane.landscape {
  padding-bottom: 60%;
}
.pane.widescreen {
  padding-bottom: 56.25%;
}
.pane.anamorphic {
  padding-bottom: 41.8410041841%;
}
.pane > * {
  display: none;
}
.pane > *:first-child {
  display: block;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: none !important;
  max-width: none !important;
  min-height: none !important;
  max-height: none !important;
}

/* spinner */
.spinner, form button[type=submit][data-spinner]:active:before, form button[type=submit][data-spinner].active:before, .slideshow:after {
  font-size: 11px;
  font-size: 0.7333333333rem;
  width: 44px;
  width: 2.9333333333rem;
  height: 44px;
  height: 2.9333333333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-top: -1.4666666667rem;
  margin-left: -22px;
  margin-left: -1.4666666667rem;
  display: block;
  text-indent: -9999em;
  border-top: 0.7em solid rgba(255, 255, 255, 0.7);
  border-right: 0.7em solid rgba(255, 255, 255, 0.7);
  border-bottom: 0.7em solid rgba(255, 255, 255, 0.7);
  border-left: 0.7em solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spinner 0.7s infinite linear;
  animation: spinner 0.7s infinite linear;
}

/* slideshow */
.slideshow {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  /*&:after {
  	//padding-bottom: 66.374269005848%;
  	//padding-bottom: 56.25%; // widescreen
  	padding-bottom: 100%; // square
  	display: block;
  	content: '';
  }*/
}
.slideshow .downer {
  opacity: 0;
}
.slideshow:after {
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.333s ease;
  transition: opacity 0.333s ease;
}
.slideshow.loaded:after {
  opacity: 0;
  pointer-events: none;
}
.slideshow.loaded .downer {
  opacity: 1;
}
.slideshow img {
  display: block;
  opacity: 0;
  height: 0;
  width: 100%;
  overflow: visible;
}
.slideshow img:first-of-type {
  height: initial;
}
.no-js .slideshow img:first-of-type {
  opacity: 0;
  -webkit-animation: no-js-slideshow-img 0s 2s 1 forwards;
  animation: no-js-slideshow-img 0s 2s 1 forwards;
}
.slideshow a.next,
.slideshow a.prev {
  display: block;
  height: 192px;
  height: 12.8rem;
  line-height: 192px;
  line-height: 12.8rem;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 48px;
  font-size: 3.2rem;
  padding-left: 48px;
  padding-left: 3.2rem;
  padding-right: 48px;
  padding-right: 3.2rem;
  text-shadow: 0px 0px 24px #555;
  text-shadow: 0px 0px 1.6rem rgba(85, 85, 85, 0.5);
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  z-index: 123;
}
@media only screen and (min-width: 1px) {
  .slideshow a.next,
  .slideshow a.prev {
    opacity: 1;
  }
}
@media only screen and (min-width: 642px) {
  .slideshow a.next,
  .slideshow a.prev {
    opacity: 0;
  }
}
@media only screen and (max-width: 641px) {
  .slideshow a.next,
  .slideshow a.prev {
    display: none;
  }
}
.slideshow a.next:before,
.slideshow a.prev:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
}
@media only screen and (min-width: 1px) {
  .slideshow:hover a.next, .slideshow:hover a.prev {
    opacity: 1;
  }
}
@media only screen and (min-width: 642px) {
  .slideshow:hover a.next, .slideshow:hover a.prev {
    opacity: 0;
  }
}
@media only screen and (max-width: 641px) {
  .slideshow:hover a.next, .slideshow:hover a.prev {
    display: none;
  }
}
.slideshow a.next {
  right: 0;
  padding-right: 28px;
  padding-right: 1.8666666667rem;
}
.slideshow a.next:before {
  content: "\f105";
}
.slideshow a.prev {
  left: 0;
  padding-left: 28px;
  padding-left: 1.8666666667rem;
}
.slideshow a.prev:before {
  content: "\f104";
}
.slideshow a.next:hover,
.slideshow a.prev:hover {
  color: #fff;
  text-decoration: none;
}
.slideshow .dots {
  position: absolute;
  width: 50%;
  height: 56px;
  height: 3.7333333333rem;
  bottom: -56px;
  bottom: -3.7333333333rem;
  left: 25%;
  font-size: 10px;
  font-size: 0.6666666667rem;
  text-align: center;
  overflow: hidden;
}
.slideshow .dots a {
  display: inline-block;
  height: 56px;
  height: 3.7333333333rem;
  line-height: 56px;
  line-height: 3.7333333333rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 6px;
  padding-right: 0.4rem;
  padding-left: 6px;
  padding-left: 0.4rem;
  color: #ccc;
  text-decoration: none;
}
.slideshow .dots a:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
}
.slideshow .dots a:hover {
  color: #888;
}
.slideshow .dots a.selected {
  color: #444;
}

main img.left,
main p.slideshow.left,
main .post aside.slideshow.left {
  margin-right: 0 !important;
  margin-right: 3% !important;
  float: left !important;
}
main img.right,
main p.slideshow.right,
main .post aside.slideshow.right {
  margin-left: 0 !important;
  margin-left: 3% !important;
  float: right !important;
}

/* banner */
div.banner {
  position: relative;
  overflow: hidden;
  background-color: #333;
  text-align: center;
}
div.banner img,
div.banner picture {
  position: relative;
  display: block;
  z-index: 0;
}
div.banner .block-inner {
  position: absolute;
  height: auto;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  border: 1px solid transparent;
}
div.banner .block-inner [data-slide] {
  display: none;
}
div.banner .block-inner [data-slide]:first-of-type {
  display: block;
}
div.banner .block-inner h1, div.banner .block-inner h2, div.banner .block-inner h3, div.banner .block-inner h4, div.banner .block-inner h5, div.banner .block-inner h6, div.banner .block-inner main .post blockquote, main .post div.banner .block-inner blockquote {
  font-weight: bold;
}
div.banner * {
  color: #fff;
  text-shadow: 0px 0px 7px #000;
  text-shadow: 0px 0px 0.4666666667rem black;
}
div.banner .button, div.banner main .post blockquote a, main .post blockquote div.banner a {
  -webkit-box-shadow: 0px 0px 7px 0px #000;
  box-shadow: 0px 0px 7px 0px #000;
  -webkit-box-shadow: 0px 0px 0.4666666667rem 0rem rgba(0, 0, 0, 0.333);
          box-shadow: 0px 0px 0.4666666667rem 0rem rgba(0, 0, 0, 0.333);
}
div.banner .button, div.banner main .post blockquote a, main .post blockquote div.banner a, div.banner .button *, div.banner main .post blockquote a *, main .post blockquote div.banner a * {
  text-shadow: none;
}
div.banner .button.white, div.banner main .post blockquote a.white, main .post blockquote div.banner a.white, div.banner .button.white *, div.banner main .post blockquote a.white *, main .post blockquote div.banner a.white * {
  color: #09f !important;
}
div.banner .button.white:hover, div.banner main .post blockquote a.white:hover, main .post blockquote div.banner a.white:hover, div.banner .button.white:hover *, div.banner main .post blockquote a.white:hover *, main .post blockquote div.banner a.white:hover *, div.banner .button.white.hover, div.banner main .post blockquote a.white.hover, main .post blockquote div.banner a.white.hover, div.banner .button.white.hover *, div.banner main .post blockquote a.white.hover *, main .post blockquote div.banner a.white.hover * {
  color: #fff !important;
}
div.banner .button.transparent, div.banner main .post blockquote a.transparent, main .post blockquote div.banner a.transparent, div.banner .button.transparent *, div.banner main .post blockquote a.transparent *, main .post blockquote div.banner a.transparent * {
  color: #09f !important;
}
div.banner .button.transparent:hover, div.banner main .post blockquote a.transparent:hover, main .post blockquote div.banner a.transparent:hover, div.banner .button.transparent:hover *, div.banner main .post blockquote a.transparent:hover *, main .post blockquote div.banner a.transparent:hover *, div.banner .button.transparent.hover, div.banner main .post blockquote a.transparent.hover, main .post blockquote div.banner a.transparent.hover, div.banner .button.transparent.hover *, div.banner main .post blockquote a.transparent.hover *, main .post blockquote div.banner a.transparent.hover * {
  color: #09f !important;
}
div.banner.invert * {
  color: #000;
  text-shadow: 0px 0px 7px #fff;
  text-shadow: 0px 0px 0.4666666667rem white;
}
div.banner.invert .button, div.banner.invert main .post blockquote a, main .post blockquote div.banner.invert a {
  -webkit-box-shadow: 0px 0px 7px 0px #fff;
  box-shadow: 0px 0px 7px 0px #fff;
  -webkit-box-shadow: 0px 0px 0.4666666667rem 0rem rgba(255, 255, 255, 0.333);
          box-shadow: 0px 0px 0.4666666667rem 0rem rgba(255, 255, 255, 0.333);
}

div.banner.slideshow {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1px) {
  div.banner.slideshow a.next {
    padding-right: 16px;
    padding-right: 1.0666666667rem;
  }
}
@media only screen and (min-width: 642px) {
  div.banner.slideshow a.next {
    padding-right: 24px;
    padding-right: 1.6rem;
  }
}
@media only screen and (min-width: 971px) {
  div.banner.slideshow a.next {
    padding-right: 32px;
    padding-right: 2.1333333333rem;
  }
}
@media only screen and (min-width: 1px) {
  div.banner.slideshow a.prev {
    padding-left: 16px;
    padding-left: 1.0666666667rem;
  }
}
@media only screen and (min-width: 642px) {
  div.banner.slideshow a.prev {
    padding-left: 24px;
    padding-left: 1.6rem;
  }
}
@media only screen and (min-width: 971px) {
  div.banner.slideshow a.prev {
    padding-left: 32px;
    padding-left: 2.1333333333rem;
  }
}

div.banner.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* downer */
a.downer {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  color: #777 !important;
}
a.downer:hover {
  color: #fff !important;
}
a.downer:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
}
@media only screen and (min-width: 1px) {
  a.downer {
    height: 99px;
    height: 6.6rem;
    padding-top: 33px;
    padding-top: 2.2rem;
    padding-bottom: 33px;
    padding-bottom: 2.2rem;
    line-height: 33px;
    line-height: 2.2rem;
    font-size: 33px;
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 642px) {
  a.downer {
    height: 150px;
    height: 10rem;
    padding-top: 50px;
    padding-top: 3.3333333333rem;
    padding-bottom: 50px;
    padding-bottom: 3.3333333333rem;
    line-height: 50px;
    line-height: 3.3333333333rem;
    font-size: 50px;
    font-size: 3.3333333333rem;
  }
}

/* background blocks */
.grid .row[style*=background-image],
.grid .block[style*=background-image] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.grid .row[style*=background-image] *,
.grid .block[style*=background-image] * {
  color: #fff;
}
.grid .row[style*=background-image] .button, .grid .row[style*=background-image] main .post blockquote a, main .post blockquote .grid .row[style*=background-image] a,
.grid .block[style*=background-image] .button,
.grid .block[style*=background-image] main .post blockquote a,
main .post blockquote .grid .block[style*=background-image] a {
  -webkit-box-shadow: 0px 0px 7px 0px #000;
  box-shadow: 0px 0px 7px 0px #000;
  -webkit-box-shadow: 0px 0px 0.4666666667rem 0rem rgba(0, 0, 0, 0.333);
          box-shadow: 0px 0px 0.4666666667rem 0rem rgba(0, 0, 0, 0.333);
}
.grid .row[style*=background-image] .button, .grid .row[style*=background-image] main .post blockquote a, main .post blockquote .grid .row[style*=background-image] a, .grid .row[style*=background-image] .button *, .grid .row[style*=background-image] main .post blockquote a *, main .post blockquote .grid .row[style*=background-image] a *,
.grid .block[style*=background-image] .button,
.grid .block[style*=background-image] main .post blockquote a,
main .post blockquote .grid .block[style*=background-image] a,
.grid .block[style*=background-image] .button *,
.grid .block[style*=background-image] main .post blockquote a *,
main .post blockquote .grid .block[style*=background-image] a * {
  text-shadow: none;
}
.grid .row[style*=background-image] .button.white, .grid .row[style*=background-image] main .post blockquote a.white, main .post blockquote .grid .row[style*=background-image] a.white, .grid .row[style*=background-image] .button.white *, .grid .row[style*=background-image] main .post blockquote a.white *, main .post blockquote .grid .row[style*=background-image] a.white *,
.grid .block[style*=background-image] .button.white,
.grid .block[style*=background-image] main .post blockquote a.white,
main .post blockquote .grid .block[style*=background-image] a.white,
.grid .block[style*=background-image] .button.white *,
.grid .block[style*=background-image] main .post blockquote a.white *,
main .post blockquote .grid .block[style*=background-image] a.white * {
  color: #09f !important;
}
.grid .row[style*=background-image] .button.white:hover, .grid .row[style*=background-image] main .post blockquote a.white:hover, main .post blockquote .grid .row[style*=background-image] a.white:hover, .grid .row[style*=background-image] .button.white:hover *, .grid .row[style*=background-image] main .post blockquote a.white:hover *, main .post blockquote .grid .row[style*=background-image] a.white:hover *, .grid .row[style*=background-image] .button.white.hover, .grid .row[style*=background-image] main .post blockquote a.white.hover, main .post blockquote .grid .row[style*=background-image] a.white.hover, .grid .row[style*=background-image] .button.white.hover *, .grid .row[style*=background-image] main .post blockquote a.white.hover *, main .post blockquote .grid .row[style*=background-image] a.white.hover *,
.grid .block[style*=background-image] .button.white:hover,
.grid .block[style*=background-image] main .post blockquote a.white:hover,
main .post blockquote .grid .block[style*=background-image] a.white:hover,
.grid .block[style*=background-image] .button.white:hover *,
.grid .block[style*=background-image] main .post blockquote a.white:hover *,
main .post blockquote .grid .block[style*=background-image] a.white:hover *,
.grid .block[style*=background-image] .button.white.hover,
.grid .block[style*=background-image] main .post blockquote a.white.hover,
main .post blockquote .grid .block[style*=background-image] a.white.hover,
.grid .block[style*=background-image] .button.white.hover *,
.grid .block[style*=background-image] main .post blockquote a.white.hover *,
main .post blockquote .grid .block[style*=background-image] a.white.hover * {
  color: #fff !important;
}
.grid .row[style*=background-image] .button.transparent, .grid .row[style*=background-image] main .post blockquote a.transparent, main .post blockquote .grid .row[style*=background-image] a.transparent, .grid .row[style*=background-image] .button.transparent *, .grid .row[style*=background-image] main .post blockquote a.transparent *, main .post blockquote .grid .row[style*=background-image] a.transparent *,
.grid .block[style*=background-image] .button.transparent,
.grid .block[style*=background-image] main .post blockquote a.transparent,
main .post blockquote .grid .block[style*=background-image] a.transparent,
.grid .block[style*=background-image] .button.transparent *,
.grid .block[style*=background-image] main .post blockquote a.transparent *,
main .post blockquote .grid .block[style*=background-image] a.transparent * {
  color: #09f !important;
}
.grid .row[style*=background-image] .button.transparent:hover, .grid .row[style*=background-image] main .post blockquote a.transparent:hover, main .post blockquote .grid .row[style*=background-image] a.transparent:hover, .grid .row[style*=background-image] .button.transparent:hover *, .grid .row[style*=background-image] main .post blockquote a.transparent:hover *, main .post blockquote .grid .row[style*=background-image] a.transparent:hover *, .grid .row[style*=background-image] .button.transparent.hover, .grid .row[style*=background-image] main .post blockquote a.transparent.hover, main .post blockquote .grid .row[style*=background-image] a.transparent.hover, .grid .row[style*=background-image] .button.transparent.hover *, .grid .row[style*=background-image] main .post blockquote a.transparent.hover *, main .post blockquote .grid .row[style*=background-image] a.transparent.hover *,
.grid .block[style*=background-image] .button.transparent:hover,
.grid .block[style*=background-image] main .post blockquote a.transparent:hover,
main .post blockquote .grid .block[style*=background-image] a.transparent:hover,
.grid .block[style*=background-image] .button.transparent:hover *,
.grid .block[style*=background-image] main .post blockquote a.transparent:hover *,
main .post blockquote .grid .block[style*=background-image] a.transparent:hover *,
.grid .block[style*=background-image] .button.transparent.hover,
.grid .block[style*=background-image] main .post blockquote a.transparent.hover,
main .post blockquote .grid .block[style*=background-image] a.transparent.hover,
.grid .block[style*=background-image] .button.transparent.hover *,
.grid .block[style*=background-image] main .post blockquote a.transparent.hover *,
main .post blockquote .grid .block[style*=background-image] a.transparent.hover * {
  color: #09f !important;
}
.grid .row[style*=background-image].invert *,
.grid .block[style*=background-image].invert * {
  color: #000 !important;
}

/* lightbox */
.lightbox {
  position: relative;
  background-color: #fff;
  width: auto;
  max-width: 1026px;
  z-index: 700;
  padding-top: 16px;
  padding-top: 1.0666666667rem;
  padding-bottom: 16px;
  padding-bottom: 1.0666666667rem;
  padding-left: 32px;
  padding-left: 2.1333333333rem;
  padding-right: 32px;
  padding-right: 2.1333333333rem;
  margin: 0 auto;
  margin-top: 32px;
  margin-top: 2.1333333333rem;
  margin-bottom: 32px;
  margin-bottom: 2.1333333333rem;
}
.lightbox.dialog {
  width: 480px;
  width: 32rem;
  max-width: 90%;
}

/* form */
form p, form main .post aside, main .post form aside {
  margin-top: 12px;
  margin-top: 0.8rem;
  margin-bottom: 12px;
  margin-bottom: 0.8rem;
  line-height: 15px;
  line-height: 1rem;
}
form button[type=submit] {
  margin-top: 12px;
  margin-top: 0.8rem;
}
form button[type=submit][data-spinner]:active i.fa:before, form button[type=submit][data-spinner].active i.fa:before {
  display: none;
}
form button[type=submit][data-spinner]:active:before, form button[type=submit][data-spinner].active:before {
  content: "";
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-left: -1em;
}

p.recaptcha, main .post aside.recaptcha {
  margin-bottom: 0;
  padding-bottom: 0;
}

.grecaptcha-badge {
  display: none;
}

p.stripe-error, main .post aside.stripe-error,
p.square-error p.recaptcha-error,
main .post aside.square-error p.recaptcha-error,
p.square-error main .post aside.recaptcha-error,
main .post p.square-error aside.recaptcha-error,
main .post aside.square-error aside.recaptcha-error {
  margin-left: 35px;
  margin-left: 2.3333333333rem;
  margin-top: 0;
  padding-top: 0;
  font-style: italic;
}

input,
textarea,
select,
button {
  width: 100%;
  margin: 0;
  outline: none;
}
input .invalid,
textarea .invalid,
select .invalid,
button .invalid {
  border-color: #f25;
}

select,
input[type=radio],
input[type=checkbox] {
  width: 99.7%;
  margin-left: 1px;
  margin-right: 1px;
}

input[type=radio],
input[type=checkbox] {
  width: auto;
  cursor: pointer;
}

input,
textarea {
  padding: 7px;
  padding: 0.4666666667rem;
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 13px;
  line-height: 0.8666666667rem;
  font-family: Monaco, "Courier New", Courier, monospace;
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}
input:focus,
textarea:focus {
  background-color: #fff;
}

textarea {
  height: 96px;
  height: 6.4rem;
}

input[type=password] {
  letter-spacing: 5px;
  letter-spacing: 0.3333333333rem;
}

label {
  display: inline-block;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-size: 0.6rem;
  letter-spacing: 0.9px;
  letter-spacing: 0.06rem;
  font-style: normal;
  text-transform: uppercase;
  color: #777;
  margin-left: 5px;
  margin-left: 0.3333333333rem;
  margin-bottom: 5px;
  margin-bottom: 0.3333333333rem;
  white-space: nowrap;
}
label .alert {
  font-size: 16px;
  font-size: 1.0666666667rem;
  position: relative;
  top: 5px;
  top: 0.3333333333rem;
  margin-bottom: -5px;
  margin-bottom: -0.3333333333rem;
}

label.radio,
label.checkbox {
  cursor: pointer;
  font-style: normal;
  color: inherit;
  white-space: normal;
}

.toggle {
  display: inline-block;
  border: 1px solid #ddd;
}

.toggle a {
  display: inline-block;
  padding-top: 8px;
  padding-top: 0.5333333333rem;
  padding-bottom: 8px;
  padding-bottom: 0.5333333333rem;
  padding-left: 16px;
  padding-left: 1.0666666667rem;
  padding-right: 16px;
  padding-right: 1.0666666667rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background-color: #fff;
}
.toggle a.affirmative {
  background-color: #fff;
}
.toggle a.negatory {
  background-color: #ddd;
}

.toggle a.selected {
  text-decoration: underline;
}

textarea.agreement {
  height: 288px;
  height: 19.2rem;
  color: #555;
}

input.placeholder {
  color: #777;
}

.i-s-p-a-m {
  display: none !important;
}

form.oneline {
  position: relative;
  white-space: nowrap;
  width: 100%;
  height: 40px;
  height: 2.6666666667rem;
}
form.oneline:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
form.oneline input,
form.oneline button {
  position: absolute;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  height: 40px;
  height: 2.6666666667rem;
  font-size: 16px;
  font-size: 1.0666666667rem;
  line-height: 16px;
  line-height: 1.0666666667rem;
  padding: 12px;
  padding: 0.8rem;
  margin: 0;
}
form.oneline input {
  left: 0;
  width: 99%;
  margin-right: 46px;
  margin-right: 3.0666666667rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
form.oneline button,
form.oneline input[type=submit] {
  right: 0;
  width: 64px;
  width: 4.2666666667rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
}
form.oneline button i.fa,
form.oneline input[type=submit] i.fa {
  color: #fff;
}

/* calendar */
.calendar {
  /*.fc-day {
  	//border-left: 1px solid #eee;
  	//border-top: 1px solid #eee;

  	.fc-event-container {
  		//border-top: 1px solid #eee;
  		//@include rem-rule('padding-top', 4px);
  	}
  }*/
  /*.fc-today {
  	//background-color: #ddd;
  	//border-top: 1px solid #ccc;

  	.fc-event-container {
  		//border-top: 1px solid #ddd;
  	}
  }*/
}
.calendar table {
  border-collapse: separate;
}
.calendar .fc-view-container {
  border: 1px solid #eee;
}
.calendar .fc-button {
  color: #777;
  background-color: #eee;
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none;
  cursor: pointer;
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
}
.calendar .fc-button:hover {
  background-color: #ddd;
  color: #333;
}
.calendar .fc-button.fc-today-button, .calendar .fc-button.fc-button-group {
  display: inline !important;
  width: auto !important;
}
.calendar .fc-button.fc-today-button {
  font-weight: bold !important;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.calendar .fc-button.fc-prev-button, .calendar .fc-button.fc-next-button {
  font-weight: normal !important;
  display: inline !important;
  width: 48px;
  width: 3.2rem;
}
.calendar .fc-button.fc-prev-button {
  border-right: 1px solid #ddd;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar .fc-button.fc-prev-button:hover {
  border-right: 1px solid #ccc;
}
.calendar .fc-button.fc-next-button {
  border-left: 1px solid #ddd;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.calendar .fc-button.fc-next-button:hover {
  border-left: 1px solid #ccc;
}
.calendar .fc-button .fc-icon {
  position: relative;
  top: -1px;
  left: 2px;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-size: 1.6rem;
}
.calendar .fc-button .fc-icon-left-single-arrow:after {
  content: "\f104";
}
.calendar .fc-button .fc-icon-right-single-arrow:after {
  content: "\f105";
}
.calendar .fc-widget-header {
  padding-bottom: 0;
}
.calendar .fc-day-header {
  font-weight: normal;
  font-style: italic;
  border: 0 none;
  background-color: #eee;
  padding-top: 4px;
  padding-top: 0.2666666667rem;
  padding-bottom: 4px;
  padding-bottom: 0.2666666667rem;
}
.calendar .fc-day-number {
  border-top: 1px solid #eee;
  text-align: left;
  padding-left: 6px;
  padding-left: 0.4rem;
  padding-right: 6px;
  padding-right: 0.4rem;
  /*&.fc-sat {
  	//border-left: 0 none;
  }*/
}
.calendar .fc-day-number.fc-today {
  border-top: 1px solid #ccc;
  background-color: #ddd;
}
.calendar .fc-event-container {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.calendar .fc-event {
  border-radius: 0;
  padding-left: 6px;
  padding-left: 0.4rem;
  padding-right: 6px;
  padding-right: 0.4rem;
}
.calendar .fc-event .fc-time {
  margin-right: 4px;
  margin-right: 0.2666666667rem;
  font-style: italic;
}

.calendar-lightbox {
  max-width: 760.38px;
}

.calendar.event-list {
  margin: 1em 0 1em 0.7em;
  /*.fc-event-inner {
  	color: #a54433 !important;
  	text-decoration: none !important;

  	&:hover {
  		color: #803427 !important;
  		text-decoration: underline !important;
  	}
  }*/
}
.calendar.event-list * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  position: static !important;
  white-space: normal !important;
}
.calendar.event-list .fc-event {
  display: list-item !important;
  line-height: 1.777em !important;
  font-size: 15px;
  list-style-type: none;
  text-indent: -8px;
  text-indent: -0.5333333333rem;
}
.calendar.event-list .fc-event:before {
  content: "-";
  display: inline-block;
  padding-right: 8px;
  padding-right: 0.5333333333rem;
  width: 8px;
  width: 0.5333333333rem;
  font-weight: normal;
  text-align: right;
}
.calendar.event-list .fc-event:hover {
  color: #555 !important;
  text-decoration: none !important;
}
.calendar.event-list .fc-title {
  color: #a54433 !important;
  text-decoration: none !important;
}
.calendar.event-list .fc-title:hover {
  color: #803427 !important;
  text-decoration: underline !important;
}
.calendar.event-list .fc-time {
  margin: 0 !important;
  font-size: 0.777em !important;
  color: #777 !important;
  font-style: normal !important;
  cursor: text !important;
  /*&:before {
  	content: "\00a0\2013\00a0" !important;
  }*/
}
.calendar.event-list .fc-toolbar,
.calendar.event-list .fc-button,
.calendar.event-list .fc-day-header,
.calendar.event-list .fc-border-separate {
  display: none !important;
}

/* data tables */
table.dataTable {
  border-collapse: collapse;
}

/* magnific popup */
.mfp-bg {
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
  opacity: 0;
}
.mfp-bg.mfp-ready {
  opacity: 0.85;
}
.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-wrap .mfp-content {
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
  opacity: 0;
}
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

button.mfp-close {
  font-family: Arial, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #777 !important;
}
button.mfp-close:hover {
  background-color: transparent !important;
  color: #444 !important;
}

button.mfp-arrow {
  font-family: Arial, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  text-align: left;
}
button.mfp-arrow:hover {
  background-color: transparent !important;
}

/* tooltips */
.ui-tooltip {
  position: absolute;
  max-width: 480px;
  max-width: 32rem;
  background-color: #555;
  border: 0 none;
  color: #eee;
  text-align: left;
  font-size: 10px;
  font-size: 0.6666666667rem;
  padding-left: 7px;
  padding-left: 0.4666666667rem;
  padding-right: 7px;
  padding-right: 0.4666666667rem;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 700;
}

.ui-helper-hidden-accessible {
  display: none;
}

/* size-hiding */
@media only screen and (min-width: 1px) {
  .hide-small-up {
    display: none !important;
  }
}
@media only screen and (max-width: 641px) {
  .hide-medium-down {
    display: none !important;
  }
}
@media only screen and (min-width: 642px) {
  .hide-medium-up {
    display: none !important;
  }
}
@media only screen and (max-width: 970px) {
  .hide-nav-break-down {
    display: none !important;
  }
}
@media only screen and (min-width: 971px) {
  .hide-nav-break-up {
    display: none !important;
  }
}
@media only screen and (max-width: 1025px) {
  .hide-large-down {
    display: none !important;
  }
}
@media only screen and (min-width: 1026px) {
  .hide-large-up {
    display: none !important;
  }
}
@media only screen and (max-width: 1367px) {
  .hide-xlarge-down {
    display: none !important;
  }
}
@media only screen and (min-width: 1368px) {
  .hide-xlarge-up {
    display: none !important;
  }
}
@media only screen and (max-width: 1921px) {
  .hide-xxlarge-down {
    display: none !important;
  }
}
/* output for js */
body:before {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  content: '{"banner-size-factor":"1.4","map-pin-color":"#80ccff","slide-opacity":"1"}';
}

body:after {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  content: '{"nav-break":"970px","small":"0px","medium":"641px","large":"1025px","xlarge":"1367px","xxlarge":"1921px"}';
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* print */
/* only print */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /*a[href]:after {
  	content: " (" attr(href) ")";
  }
  abbr[title]:after {
  	content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
  	content: "";
  }*/
  pre, blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img, picture {
    page-break-inside: avoid;
  }
  img, picture {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5in;
  }
  p, main .post aside, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/* custom functions */
/* type */
body {
  color: #000;
  color: rgba(0, 0, 0, 0.9);
}

h1, h2, h3, h4, h5, h6, main .post blockquote {
  font-weight: normal;
  color: #000;
  color: rgba(0, 0, 0, 0.9);
}

h1.alt, h2.alt, h3.alt, h4.alt, h5.alt {
  font-weight: 500;
  text-transform: uppercase;
}
h1.bold,
h1 b, h1 strong, h2.bold,
h2 b, h2 strong, h3.bold,
h3 b, h3 strong, h4.bold,
h4 b, h4 strong, h5.bold,
h5 b, h5 strong {
  font-weight: 500;
}

h1 {
  line-height: 1.333;
}

h2 {
  line-height: 1.5;
}

h6, main .post blockquote {
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
}

@media only screen and (max-width: 641px) {
  main p.negative-margin-top-medium-down, main .post aside.negative-margin-top-medium-down {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1px) {
  main p, main .post aside {
    font-size: 14px;
    font-size: 0.9333333333rem;
    line-height: 24.878px;
    line-height: 1.6585333333rem;
  }
}
@media only screen and (min-width: 642px) {
  main p, main .post aside {
    font-size: 15px;
    font-size: 1rem;
    line-height: 26.655px;
    line-height: 1.777rem;
  }
}
@media only screen and (min-width: 1026px) {
  main p, main .post aside {
    font-size: 16px;
    font-size: 1.0666666667rem;
    line-height: 28.432px;
    line-height: 1.8954666667rem;
  }
}
main a {
  text-decoration: none;
  border-bottom: 1px solid #777;
  border-bottom: 1px solid rgba(119, 119, 119, 0.25);
}
main a:hover {
  text-decoration: none;
  border-bottom: 1px solid #777;
  border-bottom: 1px solid rgba(119, 119, 119, 0);
}
main u {
  text-decoration: none;
  border-bottom: 1px solid #777;
  border-bottom: 1px solid rgba(119, 119, 119, 0.25);
}

hr {
  border-bottom: 2px solid #777;
  border-bottom: 2px solid rgba(119, 119, 119, 0.25);
}
hr.light {
  border-bottom: 2px solid #777;
  border-bottom: 2px solid rgba(119, 119, 119, 0.5);
}

.dim {
  color: #7f7f7f !important;
}

.fine-print {
  color: #777 !important;
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  font-size: 9px;
  font-size: 0.6rem;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
}

/* browser */
.browser {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #cc0033;
  color: #fff;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  letter-spacing: 0.1333333333rem;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
}
.browser a {
  color: #fff;
  border-bottom: 0 none;
  text-decoration: underline;
}
.browser a:hover {
  color: #fff;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 150;
  background-color: #111;
  background-color: rgba(17, 17, 17, 0.8);
  -webkit-transition: all 0.333s ease;
  transition: all 0.333s ease;
}
header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
@media only screen and (min-width: 971px) {
  header {
    padding-top: 12px;
    padding-top: 0.8rem;
    padding-bottom: 13px;
    padding-bottom: 0.8666666667rem;
  }
}
@media only screen and (max-width: 970px) {
  header.scroll-hide {
    opacity: 0;
    top: -124px;
    top: -8.2666666667rem;
  }
}
@media only screen and (min-width: 971px) {
  header.scroll-hide {
    padding-top: 0;
    padding-bottom: 1px;
    padding-bottom: 0.0666666667rem;
  }
}
header h1 {
  display: inline;
  margin: 0;
  padding: 0;
}
header a.title {
  font-family: uplyftcreative !important;
  font-weight: 300 !important;
  -webkit-font-smoothin: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  white-space: nowrap;
  float: left;
  padding: 0;
  border-bottom: 0 none;
  text-shadow: 0px 1px 2px #000;
  text-shadow: 0px 1px 0.1333333333rem rgba(0, 0, 0, 0.5);
}
header a.title:hover {
  border-bottom: 0 none;
}
@media only screen and (min-width: 1px) {
  header a.title {
    letter-spacing: -7px;
    letter-spacing: -0.4666666667rem;
    font-size: 20px;
    font-size: 1.3333333333rem;
    line-height: 40.48px;
    line-height: 2.6986666667rem;
    height: 44px;
    height: 2.9333333333rem;
  }
}
@media only screen and (min-width: 971px) {
  header a.title {
    letter-spacing: -8.4px;
    letter-spacing: -0.56rem;
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 64.4px;
    line-height: 4.2933333333rem;
    height: 70px;
    height: 4.6666666667rem;
  }
}
header a.title span {
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header a.title span.title-square {
  display: none;
}
header a.title span.title-uplyft {
  color: #fff;
  color: rgba(255, 255, 255, 0.777);
}
header a.title:hover span.title-uplyft {
  color: #fff;
}
header a.title span.title-creative {
  color: #fff;
  color: rgba(255, 255, 255, 0.333);
}
header a.title:hover span.title-creative {
  color: #fff;
  color: rgba(255, 255, 255, 0.555);
}
header a.title i {
  font-style: normal;
  margin-left: 0;
  margin-right: 0;
}
header a.title i.title-l {
  margin-left: -1px;
  margin-left: -0.0666666667rem;
}
header a.title i.title-y {
  margin-left: -4px;
  margin-left: -0.2666666667rem;
}
header a.title i.title-f {
  margin-right: -1px;
  margin-right: -0.0666666667rem;
}
header a.title i.title-c {
  margin-left: -1px;
  margin-left: -0.0666666667rem;
}
header a.title i.title-e {
  margin-left: -1px;
  margin-left: -0.0666666667rem;
}
header a.title i.title-a {
  margin-left: -1px;
  margin-left: -0.0666666667rem;
  margin-right: -3px;
  margin-right: -0.2rem;
}
header a.title i.title-i {
  margin-left: -4px;
  margin-left: -0.2666666667rem;
}
header a.title i.title-v {
  margin-left: -3px;
  margin-left: -0.2rem;
}
/* nav */
.navigation {
  background-color: transparent;
  /*@include media-down($nav-break) {
  	z-index: 151;
  	width: 100%;
  	//@include rem-rule('top', -1 * (($nav-font-size * 1.5) + ($nav-padding * 3)));
  	//@include rem-rule('top', $nav-padding * -3);
  }

  @include media-up($nav-break) {
  	//@include rem-rule('margin-top', 10px);
  	@include rem-rule('padding-left', 8px);
  	@include rem-rule('padding-right', 8px);
  }*/
}
.navigation nav {
  position: relative;
  z-index: 152;
}
.navigation a.nav-toggle,
.navigation span.nav-toggle {
  position: relative;
  top: 3px;
  opacity: 0.5;
  -webkit-transition: opacity 0.333s ease;
  transition: opacity 0.333s ease;
}
.navigation a.nav-toggle:hover, .navigation a.nav-toggle.active,
.navigation span.nav-toggle:hover,
.navigation span.nav-toggle.active {
  opacity: 1;
}
.navigation a,
.navigation span {
  letter-spacing: 3px;
  letter-spacing: 0.2rem;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 0 none;
}
.navigation a:hover, .navigation a.selected,
.navigation span:hover,
.navigation span.selected {
  text-decoration: none;
  border-bottom: 0 none;
}
.navigation li li a {
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0666666667rem;
  font-size: 12px;
  font-size: 0.8rem;
}
.navigation ul {
  text-align: right;
}
@media only screen and (min-width: 1px) {
  .navigation ul {
    padding-top: 0;
    padding-bottom: 8px;
    padding-bottom: 0.5333333333rem;
  }
}
@media only screen and (min-width: 971px) {
  .navigation ul {
    padding-top: 0;
    padding-bottom: 0;
    height: 70px;
    height: 4.6666666667rem;
    line-height: 70px;
    line-height: 4.6666666667rem;
  }
}
.navigation a {
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: 0px 1px 2px #000;
  text-shadow: 0px 1px 0.1333333333rem rgba(0, 0, 0, 0.5);
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 1px) {
  .navigation a {
    padding-top: 16.7512690355px;
    padding-top: 1.116751269rem;
    padding-bottom: 16.7512690355px;
    padding-bottom: 1.116751269rem;
    height: 44px;
    height: 2.9333333333rem;
  }
}
@media only screen and (min-width: 971px) {
  .navigation a {
    padding-top: 29.9492385787px;
    padding-top: 1.9966159052rem;
    padding-bottom: 29.9492385787px;
    padding-bottom: 1.9966159052rem;
    margin-left: 24px;
    margin-left: 1.6rem;
    height: 70px;
    height: 4.6666666667rem;
  }
}
.navigation a:hover, .navigation a.selected {
  color: #fff;
}
.navigation a.brand {
  color: #80ccff;
}
.navigation a.brand:hover, .navigation a.brand.selected {
  color: #fff;
}
.navigation a.nav-toggle {
  font-weight: normal;
  float: right;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-size: 1.3333333333rem;
}
@media only screen and (min-width: 1px) {
  .navigation a.nav-toggle {
    line-height: 44px;
    line-height: 2.9333333333rem;
    height: 44px;
    height: 2.9333333333rem;
  }
}
@media only screen and (min-width: 971px) {
  .navigation a.nav-toggle {
    line-height: 70px;
    line-height: 4.6666666667rem;
    height: 70px;
    height: 4.6666666667rem;
  }
}
.navigation li li a {
  height: auto;
  line-height: 16.5px;
  line-height: 1.1rem;
}
@media only screen and (min-width: 1px) {
  .navigation li li a {
    padding-top: 12.5634517766px;
    padding-top: 0.8375634518rem;
    padding-bottom: 12.5634517766px;
    padding-bottom: 0.8375634518rem;
  }
}
@media only screen and (min-width: 971px) {
  .navigation li li a {
    padding-top: 22.461928934px;
    padding-top: 1.4974619289rem;
    padding-bottom: 22.461928934px;
    padding-bottom: 1.4974619289rem;
  }
}
@media only screen and (min-width: 971px) {
  .navigation li li a:hover {
    background-color: #222;
  }
}
.navigation ul ul {
  height: auto;
  line-height: auto;
  background-color: #000;
  padding-top: 8px;
  padding-top: 0.5333333333rem;
  padding-bottom: 8px;
  padding-bottom: 0.5333333333rem;
}
/* expanse */
.expanse {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*&#home {
  	padding-bottom: 0 !important;

  	&:after {
  		display: none;
  	}
  }*/
  /*img.bg {
  	display: block;
  	position: fixed;
  	left: -596px;
  	top: -436px;
  	//object-fit: cover;
  	width: 2384px;
  	height: 1744px;
  	max-width: none;
  }*/
}
@media only screen and (min-width: 1px) {
  .expanse {
    background-attachment: scroll;
    padding-top: 41px !important;
    padding-top: 2.7333333333rem !important;
    padding-bottom: 123px !important;
    padding-bottom: 8.2rem !important;
  }
}
@media only screen and (min-width: 642px) {
  .expanse {
    background-attachment: fixed;
    padding-top: 123px !important;
    padding-top: 8.2rem !important;
    padding-bottom: 369px !important;
    padding-bottom: 24.6rem !important;
  }
}
html.touch .expanse, html.touchevents .expanse {
  background-attachment: scroll;
}
.expanse p, .expanse main .post aside, main .post .expanse aside, .expanse h5, .expanse h6, .expanse main .post blockquote, main .post .expanse blockquote, .expanse li, .expanse label, .expanse u {
  color: #444;
  color: #000;
  color: rgba(0, 0, 0, 0.9);
}
.expanse h1, .expanse h2, .expanse h3, .expanse h4 {
  color: #444;
  color: #000;
  color: rgba(0, 0, 0, 0.9);
}
.expanse .alert {
  color: #f25 !important;
}
.expanse .brand {
  color: #80ccff !important;
}
.expanse .accent {
  color: #FBA84E !important;
}
.expanse.dark p, .expanse.dark main .post aside, main .post .expanse.dark aside, .expanse.dark h5, .expanse.dark h6, .expanse.dark main .post blockquote, main .post .expanse.dark blockquote, .expanse.dark li, .expanse.dark label, .expanse.dark u {
  color: #f7f7f7;
  color: #fff;
  color: white;
}
.expanse.dark h1, .expanse.dark h2, .expanse.dark h3, .expanse.dark h4 {
  color: #f7f7f7;
  color: #fff;
  color: white;
}
.expanse.dark input {
  color: #333;
  text-shadow: none;
}
.expanse.dark a:not(.button) {
  color: #80ccff;
}
.expanse.dark a:not(.button):hover {
  color: #fff;
}
.expanse.dark .fine-print {
  color: #fff;
  color: white;
  opacity: 0.7;
}

/* main */
main {
  background-color: #111;
  /*img.rotate,
  img.zoom {
  	display: block;
  	position: fixed;
  	z-index: -1;
  	//object-fit: cover;
  	width: 100%;
  	height: auto;
  	min-width: 100%;
  	min-height: 100%;

  	@include media-up($small) {
  		width: 1125px;
  		height: 750px;
  		margin-left: -562px;
  		margin-top: -375px;
  		left: 50%;
  		top: 50%;
  	}
  	@include media-up($medium) {
  		width: 2250px;
  		height: 1500px;
  		margin-left: -1125px;
  		margin-top: -750px;
  		left: 50%;
  		top: 50%;
  	}
  	@include media-up($large) {
  		width: 3375px;
  		height: 2250px;
  		margin-left: -1688px;
  		margin-top: -1125px;
  		left: 50%;
  		top: 50%;
  	}
  	@include media-up($xlarge) {
  		width: 4500px;
  		height: 3000px;
  		margin-left: -2250px;
  		margin-top: -1500px;
  		left: 50%;
  		top: 50%;
  	}
  }*/
  /* wrap */
  /*.wrap {
  	&:before,
  	&:after {
  		content: "";
  		display: block;
  	}
  	&:before {
  		@include rem-rule('height', 96px);
  	}
  	&:after {
  		@include rem-rule('height', 32px);
  	}
  }*/
}
main .brand {
  color: #80ccff !important;
}
main .accent {
  color: #80ccff !important;
}
main .lax {
  -webkit-transition: background-position 0.333s ease 0.333s ease;
  transition: background-position 0.333s ease 0.333s ease;
}
main section {
  background-color: #f7f7f7;
  padding-top: 41px;
  padding-top: 2.7333333333rem;
  padding-bottom: 123px;
  padding-bottom: 8.2rem;
}
main section:before, main section:after {
  content: "";
  display: block;
}
@media only screen and (min-width: 1px) {
  main section:before {
    height: 64px;
    height: 4.2666666667rem;
  }
}
@media only screen and (min-width: 642px) {
  main section:before {
    height: 124px;
    height: 8.2666666667rem;
  }
}
@media only screen and (min-width: 1026px) {
  main section:before {
    height: 150px;
    height: 10rem;
  }
}
@media only screen and (min-width: 1px) {
  main section:after {
    height: 32px;
    height: 2.1333333333rem;
  }
}
@media only screen and (min-width: 642px) {
  main section:after {
    height: 32px;
    height: 2.1333333333rem;
  }
}
@media only screen and (min-width: 1026px) {
  main section:after {
    height: 32px;
    height: 2.1333333333rem;
  }
}
main h1 em, main h2 em, main h3 em, main h4 em, main h5 em {
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  text-transform: none;
  color: #777;
  letter-spacing: 0;
}
main h1 .smaller, main h2 .smaller, main h3 .smaller, main h4 .smaller, main h5 .smaller {
  line-height: inherit !important;
  vertical-align: middle !important;
  color: #777;
}
main h1 .smaller {
  font-size: 24px;
  font-size: 1.6rem;
}
main h2 .smaller {
  font-size: 18px;
  font-size: 1.2rem;
}
main h3 .smaller {
  font-size: 14px;
  font-size: 0.9333333333rem;
}
main h4 .smaller {
  font-size: 12px;
  font-size: 0.8rem;
}
main h5 .smaller {
  font-size: 10px;
  font-size: 0.6666666667rem;
}
main address {
  font-style: normal;
}
main .shadow-light, main .expanse p, main .expanse .post aside, main .post .expanse aside, .expanse main p, .expanse main .post aside, main .expanse h5, .expanse main h5, main .expanse h6, main .expanse .post blockquote, main .post .expanse blockquote, .expanse main h6, .expanse main .post blockquote, main .expanse li, .expanse main li, main .expanse label, .expanse main label, main .expanse u, .expanse main u, main .expanse h1, .expanse main h1, main .expanse h2, .expanse main h2, main .expanse h3, .expanse main h3, main .expanse h4, .expanse main h4 {
  text-shadow: 0px 1px 1px #fff;
  text-shadow: 0px 1px 0.0666666667rem rgba(255, 255, 255, 0.555);
}
main .shadow-dark, main .expanse.dark p, main .expanse.dark .post aside, main .post .expanse.dark aside, .expanse.dark main p, .expanse.dark main .post aside, main .expanse.dark h5, .expanse.dark main h5, main .expanse.dark h6, main .expanse.dark .post blockquote, main .post .expanse.dark blockquote, .expanse.dark main h6, .expanse.dark main .post blockquote, main .expanse.dark li, .expanse.dark main li, main .expanse.dark label, .expanse.dark main label, main .expanse.dark u, .expanse.dark main u, main .expanse.dark h1, .expanse.dark main h1, main .expanse.dark h2, .expanse.dark main h2, main .expanse.dark h3, .expanse.dark main h3, main .expanse.dark h4, .expanse.dark main h4 {
  text-shadow: 0px -1px 1px #000;
  text-shadow: 0px -1px 0.0666666667rem rgba(0, 0, 0, 0.555);
}
main .box, main .post blockquote {
  background-color: #eee;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  border-radius: 0.2rem;
  padding-left: 32px;
  padding-left: 2.1333333333rem;
  padding-right: 32px;
  padding-right: 2.1333333333rem;
  padding-top: 8px;
  padding-top: 0.5333333333rem;
  padding-bottom: 8px;
  padding-bottom: 0.5333333333rem;
  -webkit-box-shadow: 0px 1px 0px 0px #000;
  box-shadow: 0px 1px 0px 0px #000;
  -webkit-box-shadow: 0px 1px 0rem 0rem rgba(0, 0, 0, 0.24);
          box-shadow: 0px 1px 0rem 0rem rgba(0, 0, 0, 0.24);
  text-shadow: 0px 1px 0px #fff;
  text-shadow: 0px 1px 0rem rgba(255, 255, 255, 0.5);
}
main .slideshow a.prev,
main .slideshow a.next {
  color: #777 !important;
  border-bottom: 0 none;
}
main .slideshow a.prev:hover,
main .slideshow a.next:hover {
  border-bottom: 0 none;
}
main .slideshow a.prev i,
main .slideshow a.next i {
  color: #777;
  color: rgba(119, 119, 119, 0.5);
}
main .byline, main .next-post .next-post-byline, main .post .post-byline, main .post-excerpt .post-excerpt-byline, main .project .project-byline, main .quote .quote-byline, main .staff .staff-byline, main .service .service-byline {
  color: #333;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 700;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  letter-spacing: 0.0666666667rem;
}
main .byline em, main .next-post .next-post-byline em, main .post .post-byline em, main .post-excerpt .post-excerpt-byline em, main .project .project-byline em, main .quote .quote-byline em, main .staff .staff-byline em, main .service .service-byline em {
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  color: #777;
  font-weight: normal;
}
main .byline a, main .next-post .next-post-byline a, main .post .post-byline a, main .post-excerpt .post-excerpt-byline a, main .project .project-byline a, main .quote .quote-byline a, main .staff .staff-byline a, main .service .service-byline a {
  color: #333;
}
main .service {
  text-align: center;
  width: 75%;
  min-width: 180px;
  min-width: 12rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-top: 0.5333333333rem;
  margin-bottom: 8px;
  margin-bottom: 0.5333333333rem;
  padding-top: 24px;
  padding-top: 1.6rem;
  padding-bottom: 24px;
  padding-bottom: 1.6rem;
  text-align: center;
  -webkit-box-shadow: 0px 1px 1px 0px #000;
  box-shadow: 0px 1px 1px 0px #000;
  -webkit-box-shadow: 0px 1px 0.0666666667rem 0rem rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 0.0666666667rem 0rem rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  top: 0;
}
main .service:hover {
  -webkit-box-shadow: 0px 9px 9px 0px #000;
  box-shadow: 0px 9px 9px 0px #000;
  -webkit-box-shadow: 0px 9px 0.6rem 0rem rgba(0, 0, 0, 0.25);
          box-shadow: 0px 9px 0.6rem 0rem rgba(0, 0, 0, 0.25);
  top: -8px;
  top: -0.5333333333rem;
}
main .service p, main .service .post aside, main .post .service aside {
  margin-top: 5px;
  margin-top: 0.3333333333rem;
  margin-bottom: 5px;
  margin-bottom: 0.3333333333rem;
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 20px;
  line-height: 1.3333333333rem;
}
main .service .service-byline {
  font-size: 14px;
  font-size: 0.9333333333rem;
  margin-bottom: 16px;
  margin-bottom: 1.0666666667rem;
}
main .service i {
  font-size: 64px;
  font-size: 4.2666666667rem;
  /*&.uc-icon-thumbprint {
  	color: $success-color;
  }*/
}
main .service i.uc-icon-thumbprint {
  color: #09f;
}
main .service i.uc-icon-origami {
  color: #f25;
}
main .service i.uc-icon-screens {
  color: #FBA84E;
}
main .staff h4 {
  margin-bottom: 6px;
  margin-bottom: 0.4rem;
}
main .staff .staff-byline {
  margin-top: 0;
}
main .staff img {
  background-color: #fff;
  padding-left: 6px !important;
  padding-left: 0.4rem !important;
  padding-right: 6px !important;
  padding-right: 0.4rem !important;
  padding-top: 6px !important;
  padding-top: 0.4rem !important;
  padding-bottom: 6px !important;
  padding-bottom: 0.4rem !important;
  margin-bottom: 16px;
  margin-bottom: 1.0666666667rem;
  -webkit-box-shadow: 0px 1px 1px 0px #000;
  box-shadow: 0px 1px 1px 0px #000;
  -webkit-box-shadow: 0px 1px 0.0666666667rem 0rem rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 0.0666666667rem 0rem rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  top: 0;
}
main .staff img.left, main .staff img.right {
  padding-left: 6px !important;
  padding-left: 0.4rem !important;
  padding-right: 6px !important;
  padding-right: 0.4rem !important;
  padding-top: 6px !important;
  padding-top: 0.4rem !important;
  padding-bottom: 6px !important;
  padding-bottom: 0.4rem !important;
  margin-bottom: 16px;
  margin-bottom: 1.0666666667rem;
}
main .staff img.left {
  margin-right: 16px;
  margin-right: 1.0666666667rem;
}
main .staff img.right {
  margin-left: 16px;
  margin-left: 1.0666666667rem;
}
main .staff:hover img {
  -webkit-box-shadow: 0px 9px 9px 0px #000;
  box-shadow: 0px 9px 9px 0px #000;
  -webkit-box-shadow: 0px 9px 0.6rem 0rem rgba(0, 0, 0, 0.25);
          box-shadow: 0px 9px 0.6rem 0rem rgba(0, 0, 0, 0.25);
  top: -8px;
  top: -0.5333333333rem;
}
main .quote {
  text-align: left;
  -webkit-box-shadow: 0px 1px 1px 0px #000;
  box-shadow: 0px 1px 1px 0px #000;
  -webkit-box-shadow: 0px 1px 0.0666666667rem 0rem rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 0.0666666667rem 0rem rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  top: 0;
  border: 1px solid #09f;
  border: 1px solid rgba(0, 153, 255, 0.5);
}
main .quote.alt {
  background-color: #fff;
}
main .quote .quote-photo {
  margin-top: 0;
}
main .quote .quote-byline {
  margin-top: 12px;
  margin-top: 0.8rem;
}
main .quote .quote-byline a {
  color: #09f;
  color: inherit;
}
main .quote .quote-byline a:hover {
  color: #09f;
}
main .quote:hover {
  -webkit-box-shadow: 0px 9px 9px 0px #000;
  box-shadow: 0px 9px 9px 0px #000;
  -webkit-box-shadow: 0px 9px 0.6rem 0rem rgba(0, 0, 0, 0.25);
          box-shadow: 0px 9px 0.6rem 0rem rgba(0, 0, 0, 0.25);
  top: -8px;
  top: -0.5333333333rem;
}
main #home {
  min-height: 100vh;
  overflow: hidden;
  background-color: #011;
  opacity: 0;
  /*&:after {
  	@extend .spinner;
  	@include transition(opacity);
  }
  .no-js &:after {
  	display: none;
  }
  &.loaded:after {
  	opacity: 0;
  }*/
}
.no-js main #home {
  opacity: 1;
}
main #home hr {
  margin-left: 25%;
  margin-right: 25%;
}
main #home #home-mountain {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}
main #home .row {
  z-index: 1;
}
main #call .block-inner {
  text-align: center;
}
main #call .block-inner p, main #call .block-inner .post aside, main .post #call .block-inner aside {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
main .project {
  /*@include media-up($small) {
  	@include rem-rule('margin-top', 40px);
  	@include rem-rule('margin-bottom', 40px);
  }
  @include media-up($medium) {
  	@include rem-rule('margin-top', 56px);
  	@include rem-rule('margin-bottom', 56px);
  }
  @include media-up($large) {
  	@include rem-rule('margin-top', 72px);
  	@include rem-rule('margin-bottom', 72px);
  }*/
  position: relative;
}
@media only screen and (min-width: 1px) {
  main .project .project-link {
    position: relative;
  }
}
@media only screen and (min-width: 642px) {
  main .project .project-link {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    margin-top: 0.5333333333rem;
  }
}
main .project .project-images {
  margin-bottom: 24px;
  margin-bottom: 1.6rem;
  border: 1px dashed #e5e5e5;
}
main .post-excerpt {
  margin-top: 48px;
  margin-top: 3.2rem;
}
main .post-excerpt p, main .post-excerpt .post aside, main .post .post-excerpt aside {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 24.878px;
  line-height: 1.6585333333rem;
}
main .post-excerpt .post-excerpt-title {
  margin-bottom: 12px;
  margin-bottom: 0.8rem;
}
main .post-excerpt .post-excerpt-byline {
  margin-top: 0;
}
main .post-excerpt a.more {
  padding-right: 0;
  white-space: nowrap;
  font-style: italic;
}
main .post-excerpt a.more:hover {
  padding-left: 8px;
  padding-left: 0.5333333333rem;
}
@media only screen and (min-width: 1px) {
  main .post {
    margin-top: 40px;
    margin-top: 2.6666666667rem;
    margin-bottom: 40px;
    margin-bottom: 2.6666666667rem;
  }
}
@media only screen and (min-width: 642px) {
  main .post {
    margin-top: 56px;
    margin-top: 3.7333333333rem;
    margin-bottom: 56px;
    margin-bottom: 3.7333333333rem;
  }
}
@media only screen and (min-width: 1026px) {
  main .post {
    margin-top: 72px;
    margin-top: 4.8rem;
    margin-bottom: 72px;
    margin-bottom: 4.8rem;
  }
}
main .post ul li {
  list-style-type: none;
  text-indent: -10px;
  text-indent: -0.6666666667rem;
  margin-top: 8px;
  margin-top: 0.5333333333rem;
  margin-bottom: 8px;
  margin-bottom: 0.5333333333rem;
}
main .post ul li:before {
  content: "–";
  position: relative;
  left: -10px;
  left: -0.6666666667rem;
  color: #888;
}
main .post .post-title {
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.8rem;
}
main .post .post-byline {
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
  margin-bottom: 2.1333333333rem;
}
main .post blockquote {
  color: #09f;
  padding-top: 24px;
  padding-top: 1.6rem;
  padding-bottom: 56px;
  padding-bottom: 3.7333333333rem;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
@media only screen and (min-width: 1px) {
  main .post blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1026px) {
  main .post blockquote {
    margin-left: 40px;
    margin-left: 2.6666666667rem;
    margin-right: 40px;
    margin-right: 2.6666666667rem;
  }
}
main .post blockquote a {
  position: absolute;
  bottom: 24px;
  bottom: 1.6rem;
  right: 26px;
  right: 1.7333333333rem;
}
main .post blockquote p, main .post blockquote aside {
  font-size: inherit;
  margin: 0;
  display: inline;
}
main .post aside {
  color: #888;
  font-style: italic;
}
@media only screen and (min-width: 1px) {
  main .post aside {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1026px) {
  main .post aside {
    margin-left: 40px;
    margin-left: 2.6666666667rem;
    margin-right: 40px;
    margin-right: 2.6666666667rem;
  }
}
main .next-post .next-post-byline {
  text-align: center;
  color: #777;
  margin-top: 32px;
  margin-top: 2.1333333333rem;
  margin-bottom: 0;
}
main .next-post .next-post-title {
  text-align: center;
  margin-top: 12px;
  margin-top: 0.8rem;
}
main ul.tools {
  text-align: center;
  padding: 0;
  margin-top: 32px;
  margin-top: 2.1333333333rem;
  margin-bottom: 32px;
  margin-bottom: 2.1333333333rem;
}
main ul.tools li {
  text-align: center;
  list-style-type: none;
  display: inline;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1px) {
  main ul.tools li {
    display: block;
  }
}
@media only screen and (min-width: 642px) {
  main ul.tools li {
    display: inline;
  }
}
main ul.tools li:before {
  display: none;
}
@media only screen and (min-width: 1px) {
  main ul.tools li .button, main ul.tools li .post blockquote a, main .post blockquote ul.tools li a {
    min-width: 37%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-top: 0.3333333333rem;
    margin-bottom: 5px;
    margin-bottom: 0.3333333333rem;
  }
}
@media only screen and (min-width: 642px) {
  main ul.tools li .button, main ul.tools li .post blockquote a, main .post blockquote ul.tools li a {
    min-width: 0;
    margin-left: 5px;
    margin-left: 0.3333333333rem;
    margin-right: 5px;
    margin-right: 0.3333333333rem;
    margin-top: 0;
    margin-left: 0;
  }
}

/* pages */
.page-home .lightbox #course {
  background-image: none;
  /*&.expand {
  	height: auto;
  	padding-bottom: 0;
  }*/
}

/* footer */
footer {
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  /*.page-home &,
  .page-journal &,
  .page-not-found &,
  .page-privacy-policy & {
  	background-image: url(/_img/footer-clouds.jpg);
  }*/
  color: #777;
  color: rgba(119, 119, 119, 0.777);
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  letter-spacing: 0.1333333333rem;
  text-transform: uppercase;
  font-weight: 500;
}
footer a {
  text-decoration: none;
  color: #333;
  color: rgba(51, 51, 51, 0.777);
}
footer a:hover {
  text-decoration: none;
  color: #777;
  color: rgba(119, 119, 119, 0.777);
}
footer p, footer main .post aside, main .post footer aside {
  font-size: 9px;
  font-size: 0.6rem;
  margin-top: 32px;
  margin-top: 2.1333333333rem;
  margin-bottom: 32px;
  margin-bottom: 2.1333333333rem;
}

/* buttons */
button,
.button,
main .post blockquote a {
  white-space: nowrap;
  font-weight: normal;
  text-shadow: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-bottom: 0 none;
  padding-top: 14px;
  padding-top: 0.9333333333rem;
  padding-bottom: 11px;
  padding-bottom: 0.7333333333rem;
}
button.pay,
.button.pay,
main .post blockquote a.pay {
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}
button i,
.button i,
main .post blockquote a i {
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  opacity: 0.777;
}
button i.fa,
.button i.fa,
main .post blockquote a i.fa {
  vertical-align: baseline !important;
}
button i.small,
.button i.small,
main .post blockquote a i.small {
  font-size: 16px;
  font-size: 1.0666666667rem;
}
button i.medium,
.button i.medium,
main .post blockquote a i.medium {
  font-size: 24px;
  font-size: 1.6rem;
}
button i.large,
.button i.large,
main .post blockquote a i.large {
  font-size: 32px;
  font-size: 2.1333333333rem;
}
button:before,
.button:before,
main .post blockquote a:before {
  font-weight: bold !important;
  margin-right: 12px !important;
  margin-right: 0.8rem !important;
}
button.active,
.button.active,
main .post blockquote a.active {
  opacity: 0.5;
}
button.active i,
.button.active i,
main .post blockquote a.active i {
  color: transparent;
}
button.active, button.inactive,
.button.active,
main .post blockquote a.active,
.button.inactive,
main .post blockquote a.inactive {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
button:hover i,
.button:hover i,
main .post blockquote a:hover i {
  opacity: 1;
}
button:hover, button.hover,
.button:hover,
main .post blockquote a:hover,
.button.hover,
main .post blockquote a.hover {
  border-bottom: 0 none;
}
button.small,
.button.small,
main .post blockquote a.small,
main .post blockquote a.button,
main .post blockquote a {
  font-weight: normal;
}
button.color,
.button.color,
main .post blockquote a.color {
  background-color: #09f;
  background-color: rgba(0, 153, 255, 0.555);
}
button.color:hover, button.color.hover,
.button.color:hover,
main .post blockquote a.color:hover,
.button.color.hover,
main .post blockquote a.color.hover {
  background-color: #09f;
  background-color: rgba(0, 153, 255, 0.777);
}
button.white,
.button.white,
main .post blockquote a.white {
  background-color: #eee;
  background-color: rgba(238, 238, 238, 0.555);
  color: #09f;
}
button.white:hover, button.white.hover,
.button.white:hover,
main .post blockquote a.white:hover,
.button.white.hover,
main .post blockquote a.white.hover {
  background-color: #ddd;
  background-color: rgba(221, 221, 221, 0.777);
  text-shadow: none;
  color: #fff;
}
button.white.link-color,
.button.white.link-color,
main .post blockquote a.white.link-color {
  color: #09f;
}
button.white.link-color:hover, button.white.link-color.hover,
.button.white.link-color:hover,
main .post blockquote a.white.link-color:hover,
.button.white.link-color.hover,
main .post blockquote a.white.link-color.hover {
  color: #09f;
}
button.white.link-hover-color:hover, button.white.link-hover-color.hover,
.button.white.link-hover-color:hover,
main .post blockquote a.white.link-hover-color:hover,
.button.white.link-hover-color.hover,
main .post blockquote a.white.link-hover-color.hover {
  color: #09f;
}
button.trans,
.button.trans,
main .post blockquote a.trans {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.555);
  color: #fff;
}
button.trans:hover, button.trans.hover,
.button.trans:hover,
main .post blockquote a.trans:hover,
.button.trans.hover,
main .post blockquote a.trans.hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.777);
}
/* forms */
form input[type=text],
form textarea {
  font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
  color: #555;
  text-shadow: none;
  border: 0 none;
  padding-top: 8px;
  padding-top: 0.5333333333rem;
  padding-bottom: 8px;
  padding-bottom: 0.5333333333rem;
  letter-spacing: 1px;
  letter-spacing: 0.0666666667rem;
}
form label {
  color: #000;
  color: rgba(0, 0, 0, 0.9);
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  letter-spacing: 0.0666666667rem;
}
.lightbox form input {
  background-color: #eee;
}

/* print */
/* only print */