/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/*-------------------------------------------------- */
/* HTML5 DISPLAY DEFINITIONS */
/*-------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup,
main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

[hidden] {
  display: none; }

/*-------------------------------------------------- */
/* BASE */
/*-------------------------------------------------- */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

/*-------------------------------------------------- */
/* LINKS */
/*-------------------------------------------------- */
a:focus {
  outline: thin dotted; }

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

/*-------------------------------------------------- */
/* TYPOGRAPHY */
/*-------------------------------------------------- */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

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

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

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

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

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*-------------------------------------------------- */
/* LISTS */
/*-------------------------------------------------- */
dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

/*-------------------------------------------------- */
/* EMBEDDED CONTENT */
/*-------------------------------------------------- */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/*-------------------------------------------------- */
/* FIGURES */
/*-------------------------------------------------- */
figure {
  margin: 0; }

/*-------------------------------------------------- */
/* FORMS */
/*-------------------------------------------------- */
form {
  margin: 0; }

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

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

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

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"],
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

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

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

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

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* end normalize.css */
/*-------------------------------------------------- */
/* STANDARD RESET VALUES */
/*-------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strong, sub, sup,
b, i, center, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

td {
  vertical-align: top;
  text-align: left; }

a, area, select {
  outline: 0 none; }

@font-face {
  font-family: 'ArrrowsRegular';
  src: url("../../fonts/arrrows-regular-webfont.eot");
  src: url("../../fonts/arrrows-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/arrrows-regular-webfont.woff") format("woff"), url("../../fonts/arrrows-regular-webfont.ttf") format("truetype"), url("../../fonts/arrrows-regular-webfont.svg#ArrrowsRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
FOR SCREEN SIZE MEDIA QUERIES:
	@include responsive(xlarge-screens) {  }
	@include responsive(large-screens) {  }
	@include responsive(medium-screens) {  }
	@include responsive(small-screens) {  }
	@include responsive(xsmall-screens) {  }
	@include responsive(mobile-screens) {  }	
*/
/*-------------------------------------------------- */
/* BEGIN CUSTOMIZED STYLES */
/*-------------------------------------------------- */
html, body {
  height: 100%; }

body {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-size: 14px;
  min-height: 100vh;
  background-color: #e6e6e9; }

/*-------------------------------------------------- */
/* SHOW/HIDE BASED ON SCREEN SIZE */
/*-------------------------------------------------- */
.showxl {
  display: block; }
  @media only screen and (min-width: 1920px) {
    .showxl {
      display: block; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    .showxl {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    .showxl {
      display: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .showxl {
      display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .showxl {
      display: none; } }
  @media only screen and (max-width: 480px) {
    .showxl {
      display: none; } }

.hidexl {
  display: none; }
  @media only screen and (min-width: 1920px) {
    .hidexl {
      display: none; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    .hidexl {
      display: block; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    .hidexl {
      display: block; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .hidexl {
      display: block; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .hidexl {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .hidexl {
      display: block; } }

.showsm {
  display: none; }
  @media only screen and (min-width: 1920px) {
    .showsm {
      display: none; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    .showsm {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    .showsm {
      display: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .showsm {
      display: block; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .showsm {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .showsm {
      display: block; } }

.hidesm {
  display: block; }
  @media only screen and (min-width: 1920px) {
    .hidesm {
      display: block; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    .hidesm {
      display: block; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    .hidesm {
      display: block; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .hidesm {
      display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .hidesm {
      display: none; } }
  @media only screen and (max-width: 480px) {
    .hidesm {
      display: none; } }

.showxsm {
  display: none; }
  @media only screen and (min-width: 1920px) {
    .showxsm {
      display: none; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    .showxsm {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    .showxsm {
      display: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .showxsm {
      display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .showxsm {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .showxsm {
      display: block; } }

/*-------------------------------------------------- */
/* PRIMARY POSITIONING */
/*-------------------------------------------------- */
#consent {
  z-index: 500;
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  padding: 12px 0 10px 0;
  height: auto;
  width: 100%;
  background-color: #345066;
  /*@include responsive(xlarge-screens) { width: $width-xlarge; }
  @include responsive(large-screens) { width: $width-large; }
  @include responsive(medium-screens) { width: $width-medium; }
  @include responsive(small-screens) { width: $width-small; }
  @include responsive(xsmall-screens) { width: calc(100% - 20px); }
  @include responsive(mobile-screens) { width: calc(100% - 20px); min-width: 300px; }*/ }
  #consent dl, #consent dt, #consent dd {
    margin: 0;
    padding: 0; }
  #consent label {
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    padding-right: 10px; }
  #consent .smbutton {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    padding: 2px 8px 2px 8px;
    background-color: #a1b7c1; }
  #consent .content {
    margin: 0 auto;
    padding: 10px 0 10px 0;
    max-width: 1920px; }
    @media only screen and (min-width: 1920px) {
      #consent .content {
        max-width: 1920px; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #consent .content {
        max-width: 1400px; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #consent .content {
        max-width: 992px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #consent .content {
        max-width: 768px; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #consent .content {
        max-width: calc(100% - 20px); } }
    @media only screen and (max-width: 480px) {
      #consent .content {
        max-width: calc(100% - 20px);
        min-width: 300px; } }
  #consent h2 {
    margin: 0;
    padding: 10px 50px 2px 50px;
    color: #fff;
    font-size: 1.4em;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 700; }
  #consent p {
    margin: 0;
    padding: 0 50px 12px 50px;
    color: #fff;
    font-size: 1.0em;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 500;
    line-height: 1.3em; }
  #consent a, #consent a:visited {
    color: #a1b7c1; }
  #consent a:hover, #consent a:active {
    color: #fff; }

#homesite {
  display: grid;
  grid-template-columns: [col1-start] 520px [col1-end col2-start] auto [col2-end col3-start] 320px [col3-end];
  grid-template-rows: [nav-start] 30px [nav-end homebody-start] auto [homebody-end footer-start] 160px [footer-end];
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: "topstripe topstripe utilnav" "primarynav homebody homebody" "footer footer cta";
  position: relative;
  margin: 0 auto;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  max-width: 2100px; }
  @media only screen and (min-width: 1920px) {
    #homesite {
      grid-template-columns: [col1-start] 520px [col1-end col2-start] auto [col2-end col3-start] 320px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end homebody-start] auto [homebody-end footer-start] 160px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav homebody homebody" "footer footer cta"; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #homesite {
      grid-template-columns: [col1-start] 430px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end homebody-start] auto [homebody-end footer-start] 170px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav homebody homebody" "footer footer cta"; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #homesite {
      grid-template-columns: [col1-start] 320px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end homebody-start] auto [homebody-end footer-start] 200px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav homebody homebody" "footer footer cta"; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #homesite {
      grid-template-columns: [col1-start] 240px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end homebody-start] auto [homebody-end footer-start] 220px [footer-end cta-start] 80px [cta-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav homebody homebody" "footer footer footer" "cta cta cta"; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #homesite {
      grid-template-columns: [col1-start] 180px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end homebody-start] auto [homebody-end footer-start] 280px [footer-end cta-start] 80px [cta-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav homebody homebody" "footer footer footer" "cta cta cta"; } }
  @media only screen and (max-width: 480px) {
    #homesite {
      grid-template-columns: [col-start] auto [col-end menulink-start] 80px [menulink-end nav-start] 0 [nav-end];
      grid-template-rows: [stripe-start] 40px [stripe-end header-start] 160px [header-end photo-start] 150px [photo-end tag-start] 40px [tag-end homebody-start] auto [homebody-end footer-start] 80px [footer-end];
      grid-template-areas: "topstripe menulink primarynav" "header header primarynav" "photo photo primarynav" "tag tag primarynav" "homebody homebody primarynav" "cta cta primarynav"; } }
  #homesite.navopen {
    grid-template-columns: [col-start] 0 [col-end menulink-start] 0 [menulink-end nav-start] 1fr [nav-end]; }
    #homesite.navopen .sidebar img {
      display: none; }
    #homesite.navopen .sidebar .close {
      display: block; }
    #homesite.navopen #footer {
      display: none; }
    #homesite.navopen #primarynav.home {
      align-items: start; }
      #homesite.navopen #primarynav.home ul li {
        font-size: 1.0em; }
        #homesite.navopen #primarynav.home ul li a, #homesite.navopen #primarynav.home ul li a:visited {
          padding: 14px 0 14px 0; }
        #homesite.navopen #primarynav.home ul li.close {
          font-size: 0.8em; }
        #homesite.navopen #primarynav.home ul li.mobileonly {
          display: block; }

#site {
  display: grid;
  grid-template-columns: [col1-start] 320px [col1-end col2-start] auto [col2-end col3-start] 320px [col3-end];
  grid-template-rows: [nav-start] 30px [nav-end pagetitle-start] 75px [pagetitle-end pagebanner-start] 218px [page-banner-end pagecontent-start] auto [pagecontent-end footer-start] 30px [footer-end];
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: "topstripe topstripe utilnav" "primarynav pagetitle pagetitle" "primarynav pagebanner pagebanner" "primarynav pagecontent pagecontent" "primarynav footer footer";
  position: relative;
  margin: 0 auto;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  max-width: 2100px; }
  @media only screen and (min-width: 1920px) {
    #site {
      grid-template-columns: [col1-start] 320px [col1-end col2-start] auto [col2-end col3-start] 320px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end pagetitle-start] 75px [pagetitle-end pagebanner-start] 218px [page-banner-end pagecontent-start] auto [pagecontent-end footer-start] 30px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav pagetitle pagetitle" "primarynav pagebanner pagebanner" "primarynav pagecontent pagecontent" "primarynav footer footer"; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #site {
      grid-template-columns: [col1-start] 320 [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end pagetitle-start] 75px [pagetitle-end pagebanner-start] 218px [page-banner-end pagecontent-start] auto [pagecontent-end footer-start] 30px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav pagetitle pagetitle" "primarynav pagebanner pagebanner" "primarynav pagecontent pagecontent" "primarynav footer footer"; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #site {
      grid-template-columns: [col1-start] 320px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end pagetitle-start] 75px [pagetitle-end pagebanner-start] 218px [page-banner-end pagecontent-start] auto [pagecontent-end footer-start] 30px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav pagetitle pagetitle" "primarynav pagebanner pagebanner" "primarynav pagecontent pagecontent" "primarynav footer footer"; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #site {
      grid-template-columns: [col1-start] 240px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end pagetitle-start] 75px [pagetitle-end pagebanner-start] 218px [page-banner-end pagecontent-start] auto [pagecontent-end footer-start] 30px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav pagetitle pagetitle" "primarynav pagebanner pagebanner" "primarynav pagecontent pagecontent" "primarynav footer footer"; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #site {
      grid-template-columns: [col1-start] 180px [col1-end col2-start] auto [col2-end col3-start] 300px [col3-end];
      grid-template-rows: [nav-start] 30px [nav-end pagetitle-start] 75px [pagetitle-end pagebanner-start] 218px [page-banner-end pagecontent-start] auto [pagecontent-end footer-start] 30px [footer-end];
      grid-template-areas: "topstripe topstripe utilnav" "primarynav pagetitle pagetitle" "primarynav pagebanner pagebanner" "primarynav pagecontent pagecontent" "primarynav footer footer"; } }
  @media only screen and (max-width: 480px) {
    #site {
      grid-template-columns: [col-start] auto [col-end menulink-start] 80px [menulink-end nav-start] 0 [nav-end];
      grid-template-rows: [stripe-start] 40px [stripe-end header-start] 160px [header-end pagetitle-start] 50px [pagetitle-end pagebanner-start] 120px [pagebanner-end pagecontent-start] auto [pagecontent-end footer-start] 40px [footer-end];
      grid-template-areas: "topstripe menulink primarynav" "header header primarynav" "pagetitle pagetitle primarynav" "pagebanner pagebanner primarynav" "pagecontent pagecontent primarynav" "footer footer primarynav"; } }
  #site.navopen {
    grid-template-columns: [col-start] 0 [col-end menulink-start] 0 [menulink-end nav-start] 1fr [nav-end]; }
    #site.navopen .sidebar img {
      display: none; }
    #site.navopen .sidebar .close {
      display: block; }

/*#footer {
	position: relative;
	clear: both;
	margin: 20px auto 0 auto;
	width: $width-xlarge;
	background-color: $gray4;
	@include responsive(xlarge-screens) { width: $width-xlarge; }
	@include responsive(large-screens) { width: $width-large; }
	@include responsive(medium-screens) { width: $width-medium; }
	@include responsive(small-screens) { width: $width-small; }
	@include responsive(xsmall-screens) { width: calc(100% - 20px); }
	@include responsive(mobile-screens) { width: calc(100% - 20px); min-width: 300px; }
	p {
		color: $gray1;
		font-size: 0.9em;
		line-height: 1.2em;
		margin: 0;
		padding: 18px 40px 22px 40px;
		text-align: left;
		@include responsive(xlarge-screens) { padding: 18px 40px 22px 40px; line-height: 1.2em; text-align: left; }
		@include responsive(large-screens) { padding: 18px 40px 22px 40px; line-height: 1.2em; text-align: left; }
		@include responsive(medium-screens) { padding: 18px 30px 22px 30px; line-height: 1.2em; text-align: left; }
		@include responsive(small-screens) { padding: 12px 30px 14px 30px; line-height: 1.2em; text-align: center; }
		@include responsive(xsmall-screens) { padding: 12px 20px 14px 20px; line-height: 1.3em; text-align: center; }
		@include responsive(mobile-screens) { padding: 12px 20px 14px 20px; line-height: 1.3em; text-align: center; }
		a, a:visited {
			display: inline-block;
			margin-left: 12px;
			padding: 4px 0 4px 14px;
			color: $blue1;
			@include gth5;
			border-left: 1px solid $gray3;
			}	
		a.first, a.first:visited {
			border: none;
			@include responsive(xlarge-screens) { padding-left: 14px; margin-left: 12px; border-left: 1px solid $gray3; }
			@include responsive(large-screens) { padding-left: 14px; margin-left: 12px; border-left: 1px solid $gray3; }
			@include responsive(medium-screens) { padding-left: 14px; margin-left: 12px; border-left: 1px solid $gray3; }
			@include responsive(small-screens) { padding-left: 14px; margin-left: 12px; border-left: 1px solid $gray3; }
			@include responsive(xsmall-screens) { padding-left: 0; margin-left: 0; border: none; }
			@include responsive(mobile-screens) { padding-left: 0; margin-left: 0; border: none; }
			}
		a.intxt, a.intxt:visited {
			border: none;
			margin-left: 0;
			padding-left: 0;
			}
		a:hover, a:active { color: $hover; }
		.manage {
			float: right; 
			display: inline;
			margin-left: 12px;
			@include responsive(xlarge-screens) { float: right; display: inline; margin-left: 12px; }
			@include responsive(large-screens) { float: right; display: inline; margin-left: 12px; }
			@include responsive(medium-screens) { float: right; display: inline; margin-left: 12px; }
			@include responsive(small-screens) { float: none; display: block; margin-left: 0; }
			@include responsive(xsmall-screens) { float: none; display: block; margin-left: 0; }
			@include responsive(mobile-screens) { float: none; display: block; margin-left: 0; }	
			}
		}
	}*/
/*-------------------------------------------------- */
/* SEMANTIC STYLES */
/*-------------------------------------------------- */
a, a:visited {
  color: #2f743b;
  text-decoration: none; }

a:hover, a:active {
  color: #1e294b;
  text-decoration: none; }

p, ul {
  margin: 0;
  padding: 0 0 20px 0;
  color: #222;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.4em; }
  @media only screen and (min-width: 1920px) {
    p, ul {
      font-size: 1.3em; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    p, ul {
      font-size: 1.3em; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    p, ul {
      font-size: 1.2em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    p, ul {
      font-size: 1.2em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    p, ul {
      font-size: 1.1em; } }
  @media only screen and (max-width: 480px) {
    p, ul {
      font-size: 1.1em; } }

p.intro {
  color: #345066;
  font-size: 1.6em;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 500; }
  @media only screen and (min-width: 1920px) {
    p.intro {
      font-size: 1.6em; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    p.intro {
      font-size: 1.6em; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    p.intro {
      font-size: 1.5em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    p.intro {
      font-size: 1.5em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    p.intro {
      font-size: 1.4em; } }
  @media only screen and (max-width: 480px) {
    p.intro {
      font-size: 1.4em; } }

h1, h2, h3 {
  margin: 0;
  padding: 20px 0 8px 0;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-weight: 700;
  color: #2f743b; }
  h1.top, h2.top, h3.top {
    padding-top: 0; }

h1 {
  font-size: 2.8em; }

h2 {
  font-size: 1.3em; }

h2.bar {
  margin: 40px 0 15px 0;
  padding: 10px 8px 10px 15px;
  max-width: 1300px;
  background-color: #cfddc1; }
  h2.bar.top {
    margin-top: 0; }

.clear {
  clear: both; }

/*a.button, a.button:visited, .button, .slides .button, input.button {
	display: inline-block;
	margin: 8px 0 20px 0;
	padding: 10px 14px 10px 20px;
	color: $wht;
	@include rcon700;
	font-size: 20px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background-color: $yellow0;
	cursor: pointer;
	outline: none;
	border: none;
	@include responsive(xlarge-screens) { padding: 10px 14px 10px 20px; font-size: 20px; }
	@include responsive(large-screens) { padding: 10px 14px 10px 20px; font-size: 20px; }
	@include responsive(medium-screens) { padding: 4px 10px 4px 16px; font-size: 16px; }
	@include responsive(small-screens) { padding: 10px 14px 10px 20px; font-size: 20px; }
	@include responsive(xsmall-screens) { padding: 10px 14px 10px 20px; font-size: 20px; }
	@include responsive(mobile-screens) { padding: 10px 14px 10px 20px; font-size: 18px; }
	.arrow { opacity: 0.5; }
	}
a.button:hover, a.button:active, .button:hover { background-color: $hover; }
a.smbutton, a.smbutton:visited, .smbutton, .slides .smbutton, input.smbutton {
	margin: 10px 0 10px 0; 
	padding: 4px 10px 4px 16px;
	font-size: 16px;
	@include responsive(xlarge-screens) { font-size: 16px; }
	@include responsive(large-screens) { font-size: 16px; }
	@include responsive(medium-screens) { font-size: 16px; }
	@include responsive(small-screens) { font-size: 15px; }
	@include responsive(xsmall-screens) { font-size: 15px; }
	@include responsive(mobile-screens) { font-size: 15px; }
	}
input.button {
	padding: 10px 20px 10px 20px;
	@include responsive(xlarge-screens) { padding: 10px 20px 10px 20px; }
	@include responsive(large-screens) { padding: 10px 20px 10px 20px; }
	@include responsive(medium-screens) { padding: 4px 16px 4px 16px; }
	@include responsive(small-screens) { padding: 10px 20px 10px 20px; }
	@include responsive(xsmall-screens) { padding: 10px 20px 10px 20px; }
	@include responsive(mobile-screens) { padding: 10px 20px 10px 20px; }
	}
input.smbutton {
	padding: 4px 16px 4px 16px;
	@include responsive(xlarge-screens) { padding: 4px 16px 4px 16px; }
	}
p, ul {
	margin: 0;
	padding: 0 0 20px 0;
	color: $txt;
	@include gth4;
	font-size: 1.4em;
	line-height: 1.5em;
	@include responsive(xlarge-screens) { font-size: 1.4em; }
	@include responsive(large-screens) { font-size: 1.4em; }
	@include responsive(medium-screens) { font-size: 1.3em; }
	@include responsive(small-screens) { font-size: 1.2em; }
	@include responsive(xsmall-screens) { font-size: 1.2em; }
	@include responsive(mobile-screens) { font-size: 1.2em; }
	}*/
/*ul { list-style-type: square; }*/
/*p em, p i { @include gth4i; }
p strong, p b { @include gth5; }
.bold { @include gth5; }
.unbold { @include gth4; }
.nowrap { white-space: nowrap; }
.hideme { display: none; }
.showme { display: block; }
.arrow { text-transform: lowercase; @include arrows; }
.arrow.reverse { text-transform: uppercase; }
.filetype {
	font-size: 90%;
	text-transform: uppercase;
	}
.label {
	font-size: 0.8em;
	@include gth5;
	text-transform: uppercase;
	}
.error { color: $error; }
.medblue { background-color: $blue3; }
.red { background-color: $red0; }
.dkblue { background-color: $blue1; }
.dkgray { background-color: $gray0; }
.gray { background-color: $gray1; }
.medgray { background-color: $gray3; }
.ltgray { background-color: $gray4; }
.endlink {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.1em;
	@include gth5;
	a, a:visited { color: $blue1c; }
	a:hover, a:active { color: $hover; }
	a .arrow { color: $red0; }
	}
.clear { clear: both; }
.clearspace { clear: both; height: 20px; }
.clearbigspace { clear: both; height: 50px; }
h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 8px 0;
	@include rcon400;
	color: $titles;
	line-height: 1.2em;
	}
h1 {
	font-size: 3.0em;
	@include responsive(xlarge-screens) { font-size: 3.0em; }
	@include responsive(large-screens) { font-size: 2.6em; }
	@include responsive(medium-screens) { font-size: 2.3em; }
	@include responsive(small-screens) { font-size: 2.2em; }
	@include responsive(xsmall-screens) { font-size: 2.2em; }
	@include responsive(mobile-screens) { font-size: 2.2em; }
	}
h2 {
	@include rcon300;
	font-size: 2.5em;
	@include responsive(xlarge-screens) { font-size: 2.5em; }
	@include responsive(large-screens) { font-size: 2.3em; }
	@include responsive(medium-screens) { font-size: 2.2em; }
	@include responsive(small-screens) { font-size: 2.0em; }
	@include responsive(xsmall-screens) { font-size: 2.0em; }
	@include responsive(mobile-screens) { font-size: 1.8em; }
	}
h3 {
	padding-top: 20px;
	font-size: 1.6em;
	@include rcon400;
	@include responsive(xlarge-screens) { font-size: 1.6em; }
	@include responsive(large-screens) { font-size: 1.4em; }
	@include responsive(medium-screens) { font-size: 1.4em; }
	@include responsive(small-screens) { font-size: 1.4em; }
	@include responsive(xsmall-screens) { font-size: 1.3em; }
	@include responsive(mobile-screens) { font-size: 1.3em; }
	&.top { padding-top: 0; }
	&.resource {
		@include rcon400;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 1.9em;
		border-top: solid 1px $gray3;
		@include responsive(xlarge-screens) { font-size: 1.9em; }
		@include responsive(large-screens) { font-size: 1.8em; }
		@include responsive(medium-screens) { font-size: 1.7em; }
		@include responsive(small-screens) { font-size: 1.6em; }
		@include responsive(xsmall-screens) { font-size: 1.5em; }
		@include responsive(mobile-screens) { font-size: 1.4em; }
		a, a:visited { color: $blue1; }
		a:hover, a:active { color: $hover; }
		.filetype {
			font-size: 90%;
			text-transform: uppercase;
			}
		a .arrow {
			color: $red0;
			}
		}
	}
h4 {
	padding: 20px 0 8px 1px;
	color: $blue1;
	font-size: 0.9em;
	@include rcon700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	@include responsive(xlarge-screens) { font-size: 0.9em; }
	@include responsive(large-screens) { font-size: 0.9em; }
	@include responsive(medium-screens) { font-size: 0.8em; }
	@include responsive(small-screens) { font-size: 0.8em; }
	@include responsive(xsmall-screens) { font-size: 0.8em; }
	@include responsive(mobile-screens) { font-size: 0.8em; }
	&.top { padding-top: 0; }
	}
x, h2, h3, h4 {
	&.top { margin-top: 0; }
	}*/
/*-------------------------------------------------- */
/* HEADER STYLES */
/*-------------------------------------------------- */
#header {
  position: relative;
  grid-area: header;
  background-color: #fff; }
  #header img {
    display: block;
    width: 150px;
    margin: 10px auto 20px auto; }
  @media only screen and (min-width: 1920px) {
    #header {
      display: none; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #header {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #header {
      display: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #header {
      display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #header {
      display: none; } }
  @media only screen and (max-width: 480px) {
    #header {
      grid-area: header; } }

/*-------------------------------------------------- */
/* CONTENT STYLES */
/*-------------------------------------------------- */
#navbar {
  /*display: grid;*/
  grid-area: topstripe;
  background-color: #345066; }

#menulink {
  grid-area: menulink;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 40' style='enable-background:new 0 0 120 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4.5,14.2c0-0.9,0.7-1.5,1.5-1.5h0.3c0.7,0,1.1,0.3,1.4,0.8l3.7,6.1l3.7-6.1c0.3-0.5,0.8-0.8,1.4-0.8H17 c0.9,0,1.5,0.7,1.5,1.5v11.1c0,0.9-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-7l-2.7,4.2c-0.3,0.5-0.7,0.8-1.3,0.8 c-0.6,0-1-0.3-1.3-0.8l-2.7-4.1v7c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5V14.2z'/%3E%3Cpath class='st0' d='M23.9,25.2V14.3c0-0.9,0.7-1.5,1.5-1.5h7.8c0.8,0,1.4,0.6,1.4,1.4c0,0.8-0.6,1.4-1.4,1.4h-6.2v2.8h5.3 c0.8,0,1.4,0.6,1.4,1.4c0,0.8-0.6,1.4-1.4,1.4h-5.3V24h6.3c0.8,0,1.4,0.6,1.4,1.4s-0.6,1.4-1.4,1.4h-7.9 C24.6,26.7,23.9,26.1,23.9,25.2z'/%3E%3Cpath class='st0' d='M39.3,14.2c0-0.9,0.7-1.5,1.5-1.5h0.3c0.7,0,1.2,0.4,1.6,0.9l5.9,7.8v-7.2c0-0.8,0.7-1.5,1.5-1.5 c0.8,0,1.5,0.7,1.5,1.5v11.1c0,0.9-0.7,1.5-1.5,1.5h-0.1c-0.7,0-1.2-0.4-1.6-0.9l-6.2-8.1v7.5c0,0.8-0.7,1.5-1.5,1.5 s-1.5-0.7-1.5-1.5V14.2z'/%3E%3Cpath class='st0' d='M56.8,20.7v-6.6c0-0.9,0.7-1.5,1.5-1.5c0.9,0,1.5,0.7,1.5,1.5v6.5c0,2.3,1.1,3.5,3,3.5s3-1.1,3-3.4v-6.6 c0-0.9,0.7-1.5,1.5-1.5c0.9,0,1.5,0.7,1.5,1.5v6.5c0,4.2-2.4,6.3-6.1,6.3S56.8,24.9,56.8,20.7z'/%3E%3C/g%3E%3Crect x='86' y='6' class='st0' width='30' height='4'/%3E%3Crect x='86' y='18' class='st0' width='30' height='4'/%3E%3Crect x='86' y='30' class='st0' width='30' height='4'/%3E%3C/svg%3E%0A");
  background-color: #345066;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px 23px;
  cursor: pointer; }
  @media only screen and (min-width: 1920px) {
    #menulink {
      display: none; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #menulink {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #menulink {
      display: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #menulink {
      display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #menulink {
      display: none; } }
  @media only screen and (max-width: 480px) {
    #menulink {
      display: block; } }

#utilnav {
  display: grid;
  grid-area: utilnav;
  grid-template-columns: [link1-start] auto [link1-end link2-start] auto [link2-end];
  grid-template-rows: 100%;
  grid-column-gap: 2px;
  grid-row-gap: 0;
  background-color: #345066; }
  @media only screen and (min-width: 1920px) {
    #utilnav {
      grid-area: utilnav; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #utilnav {
      grid-area: utilnav; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #utilnav {
      grid-area: utilnav; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #utilnav {
      grid-area: utilnav; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #utilnav {
      grid-area: utilnav; } }
  @media only screen and (max-width: 480px) {
    #utilnav {
      grid-area: auto;
      display: none; } }
  #utilnav .link1, #utilnav .link2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1b7c1;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 700;
    font-size: 0.9em;
    line-height: 1.0em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    background-color: #172937;
    cursor: pointer; }
    #utilnav .link1:hover, #utilnav .link2:hover {
      color: #fff;
      background-color: #357ab0; }
    @media only screen and (min-width: 1920px) {
      #utilnav .link1, #utilnav .link2 {
        font-size: 0.9em; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #utilnav .link1, #utilnav .link2 {
        font-size: 0.8em; } }
  #utilnav .link1 {
    grid-column-start: link1-start;
    grid-column-end: link1-end; }
  #utilnav .link2 {
    grid-column-start: link2-start;
    grid-column-end: link2-end; }

#primarynav {
  /*display: grid;*/
  position: relative;
  grid-area: primarynav;
  display: flex;
  min-height: 700px;
  align-items: start;
  justify-content: center;
  background-color: #fff;
  overflow: hidden; }
  #primarynav img {
    padding-top: 110px;
    padding-bottom: 50px;
    width: 65%;
    max-width: 250px; }
  #primarynav .sidebar {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    text-align: center; }
  #primarynav ul {
    clear: both;
    display: block;
    margin: 20px 0 20px 0; }
    #primarynav ul li {
      display: block;
      list-style: none;
      margin: 0;
      color: #222222;
      font-size: 1.2em;
      line-height: 1.0em;
      font-family: "Gotham A", "Gotham B", sans-serif;
      font-weight: 400;
      text-align: center; }
      #primarynav ul li a, #primarynav ul li a:visited {
        display: inline-block;
        padding: 14px 0 14px 0;
        color: #222222;
        border-bottom: solid 1px #dedde1; }
      #primarynav ul li a:hover, #primarynav ul li a:active {
        color: #357ab0; }
      #primarynav ul li.mobileonly {
        display: none; }
      #primarynav ul li.close {
        padding: 14px 0 14px 0;
        color: #a1b7c1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-weight: 700;
        font-size: 0.8em;
        cursor: pointer; }
      #primarynav ul li.on {
        position: relative;
        margin-top: -1px;
        color: #fff;
        font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
        font-weight: 500;
        background-color: #97c27f; }
        #primarynav ul li.on a, #primarynav ul li.on a:visited {
          color: #fff;
          border-bottom: solid 1px #97c27f; }
        #primarynav ul li.on a.main {
          cursor: default; }
        #primarynav ul li.on a:hover, #primarynav ul li.on a:active {
          color: #fff; }
  #primarynav.home {
    align-items: center; }
    #primarynav.home img {
      padding-top: 0;
      padding-bottom: 20px;
      width: 80%;
      max-width: 285px; }
    #primarynav.home ul li {
      font-size: 1.25em; }
      #primarynav.home ul li a, #primarynav.home ul li a:visited {
        padding: 18px 0 18px 0; }

#homebody {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  grid-area: homebody;
  min-height: 500px;
  background-image: url("/images/interface/photos/ecocasa_home.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #345066; }
  @media only screen and (min-width: 1920px) {
    #homebody {
      grid-area: homebody;
      min-height: 500px; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #homebody {
      grid-area: homebody;
      min-height: 500px; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #homebody {
      grid-area: homebody;
      min-height: 500px; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #homebody {
      grid-area: homebody;
      min-height: 500px; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #homebody {
      grid-area: homebody;
      min-height: 500px; } }
  @media only screen and (max-width: 480px) {
    #homebody {
      grid-area: photo;
      background-position: center;
      min-height: 0px; } }
  #homebody h1 {
    color: #fff;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 500;
    font-size: 3.0em;
    line-height: 1.2em;
    padding: 0 35px 30px 30px; }
    @media only screen and (min-width: 1920px) {
      #homebody h1 {
        display: block;
        font-size: 3.0em; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #homebody h1 {
        display: block;
        font-size: 2.5em; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #homebody h1 {
        display: block;
        font-size: 2.2em; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #homebody h1 {
        display: block;
        font-size: 2.2em; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #homebody h1 {
        display: block;
        font-size: 2.0em; } }
    @media only screen and (max-width: 480px) {
      #homebody h1 {
        display: none;
        font-size: 2.0em; } }

#pagetitle {
  grid-area: pagetitle;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  background-color: #97c27f; }
  #pagetitle h1 {
    padding: 0 0 12px 40px;
    color: #fff;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 500;
    font-size: 1.8em; }
    @media only screen and (min-width: 1920px) {
      #pagetitle h1 {
        padding-left: 40px;
        font-size: 1.8em; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #pagetitle h1 {
        padding-left: 40px;
        font-size: 1.8em; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #pagetitle h1 {
        padding-left: 40px;
        font-size: 1.7em; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #pagetitle h1 {
        padding-left: 30px;
        font-size: 1.6em; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #pagetitle h1 {
        padding-left: 30px;
        font-size: 1.5em; } }
    @media only screen and (max-width: 480px) {
      #pagetitle h1 {
        padding-left: 30px;
        font-size: 1.4em; } }

#pagebanner {
  grid-area: pagebanner;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #172937; }

#pagecontent {
  grid-area: pagecontent;
  display: grid;
  grid-template-columns: [subnav-start] 200px [subnav-end pagebody-start] auto [pagebody-end];
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: "subnav pagebody";
  background-color: #eeeef0; }
  @media only screen and (min-width: 1920px) {
    #pagecontent {
      grid-template-columns: [subnav-start] 200px [subnav-end pagebody-start] auto [pagebody-end];
      grid-template-rows: auto;
      grid-template-areas: "subnav pagebody"; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #pagecontent {
      grid-template-columns: [subnav-start] 200px [subnav-end pagebody-start] auto [pagebody-end];
      grid-template-rows: auto;
      grid-template-areas: "subnav pagebody"; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #pagecontent {
      grid-template-columns: [subnav-start] 200px [subnav-end pagebody-start] auto [pagebody-end];
      grid-template-rows: auto;
      grid-template-areas: "subnav pagebody"; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #pagecontent {
      grid-template-columns: auto;
      grid-template-rows: minmax(40px, 80px) auto;
      grid-template-areas: "subnav" "pagebody"; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #pagecontent {
      grid-template-columns: auto;
      grid-template-rows: minmax(40px, 80px) auto;
      grid-template-areas: "subnav" "pagebody"; } }
  @media only screen and (max-width: 480px) {
    #pagecontent {
      grid-template-columns: auto;
      grid-template-rows: minmax(40px, 80px) auto;
      grid-template-areas: "subnav" "pagebody"; } }
  #pagecontent.mapframe {
    display: block;
    grid-row-start: 3;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 3; }
    @media only screen and (min-width: 1920px) {
      #pagecontent.mapframe {
        grid-row-start: 3;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 3; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #pagecontent.mapframe {
        grid-row-start: 3;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 3; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #pagecontent.mapframe {
        grid-row-start: 3;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 3; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #pagecontent.mapframe {
        grid-row-start: 3;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 3; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #pagecontent.mapframe {
        grid-row-start: 3;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 3; } }
    @media only screen and (max-width: 480px) {
      #pagecontent.mapframe {
        grid-row-start: 3;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 3; } }
  #pagecontent #subnav {
    grid-area: subnav;
    margin-left: 0;
    padding: 40px 20px 20px 40px; }
    @media only screen and (min-width: 1920px) {
      #pagecontent #subnav {
        margin-left: 0;
        padding: 40px 20px 20px 40px; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #pagecontent #subnav {
        margin-left: 0;
        padding: 40px 20px 20px 40px; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #pagecontent #subnav {
        margin-left: 0;
        padding: 40px 20px 20px 40px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #pagecontent #subnav {
        margin-left: -12px;
        padding: 20px 30px 20px 30px; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #pagecontent #subnav {
        margin-left: -12px;
        padding: 20px 30px 20px 30px; } }
    @media only screen and (max-width: 480px) {
      #pagecontent #subnav {
        margin-left: -10px;
        padding: 20px 25px 20px 30px; } }
    #pagecontent #subnav ul li {
      display: block;
      padding: 0 0 4px 0;
      font-size: 0.9em;
      font-family: "Gotham A", "Gotham B", sans-serif;
      font-weight: 500;
      color: #2f743b; }
      #pagecontent #subnav ul li a, #pagecontent #subnav ul li a:visited {
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-weight: 400;
        color: #928e9d; }
      @media only screen and (min-width: 1920px) {
        #pagecontent #subnav ul li {
          display: block;
          padding: 0 0 4px 0; } }
      @media (min-width: 1400px) and (max-width: 1920px) {
        #pagecontent #subnav ul li {
          display: block;
          padding: 0 0 4px 0; } }
      @media (min-width: 992px) and (max-width: 1400px) {
        #pagecontent #subnav ul li {
          display: block;
          padding: 0 0 4px 0; } }
      @media (min-width: 768px) and (max-width: 992px) {
        #pagecontent #subnav ul li {
          float: left;
          display: inline;
          padding: 0 0 4px 12px;
          border-left: solid 1px #ccc;
          margin-left: 12px; } }
      @media (min-width: 480px) and (max-width: 768px) {
        #pagecontent #subnav ul li {
          float: left;
          display: inline;
          padding: 0 0 4px 12px;
          border-left: solid 1px #ccc;
          margin-left: 12px; } }
      @media only screen and (max-width: 480px) {
        #pagecontent #subnav ul li {
          float: left;
          display: inline;
          padding: 0 0 4px 10px;
          border-left: solid 1px #ccc;
          margin-left: 10px; } }
  #pagecontent #pagebody {
    grid-area: pagebody;
    padding: 60px 100px 80px 20px; }
    @media only screen and (min-width: 1920px) {
      #pagecontent #pagebody {
        padding: 60px 100px 80px 20px; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #pagecontent #pagebody {
        padding: 60px 80px 80px 20px; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #pagecontent #pagebody {
        padding: 60px 40px 80px 20px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #pagecontent #pagebody {
        padding: 2px 30px 20px 30px; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #pagecontent #pagebody {
        padding: 0 30px 20px 30px; } }
    @media only screen and (max-width: 480px) {
      #pagecontent #pagebody {
        padding: 0 25px 20px 30px; } }
    #pagecontent #pagebody p {
      max-width: 1100px; }
      #pagecontent #pagebody p.activitytxt {
        /*padding-left: 150px;
        @include responsive(xlarge-screens) { padding-left: 150px; }
        @include responsive(large-screens) { padding-left: 150px; }
        @include responsive(medium-screens) { padding-left: 0; }
        @include responsive(small-screens) { padding-left: 0; }
        @include responsive(xsmall-screens) { padding-left: 0; }
        @include responsive(mobile-screens) { padding-left: 0; }*/ }
        #pagecontent #pagebody p.activitytxt b {
          font-family: "Gotham A", "Gotham B", sans-serif;
          font-weight: 500;
          color: #345066; }
    #pagecontent #pagebody img {
      border: 5px solid #fff; }
      #pagecontent #pagebody img.activity {
        float: left;
        width: 120px;
        height: 120px;
        margin: 0 20px 20px 0; }
    #pagecontent #pagebody .planframe {
      position: relative; }
      #pagecontent #pagebody .planframe .plan {
        width: 100%;
        background-color: #fff; }
      #pagecontent #pagebody .planframe .camera img {
        border: none;
        width: 40px;
        height: 40px; }
        @media only screen and (min-width: 1920px) {
          #pagecontent #pagebody .planframe .camera img {
            width: 40px;
            height: 40px; } }
        @media (min-width: 1400px) and (max-width: 1920px) {
          #pagecontent #pagebody .planframe .camera img {
            width: 32px;
            height: 32px; } }
        @media (min-width: 992px) and (max-width: 1400px) {
          #pagecontent #pagebody .planframe .camera img {
            width: 28px;
            height: 28px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          #pagecontent #pagebody .planframe .camera img {
            width: 24px;
            height: 24px; } }
        @media (min-width: 480px) and (max-width: 768px) {
          #pagecontent #pagebody .planframe .camera img {
            width: 22px;
            height: 22px; } }
        @media only screen and (max-width: 480px) {
          #pagecontent #pagebody .planframe .camera img {
            width: 20px;
            height: 20px; } }

#mapnav {
  display: block;
  background-color: #eeeef0;
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 3;
  grid-column-end: 4; }
  @media only screen and (min-width: 1920px) {
    #mapnav {
      grid-row-start: 3;
      grid-row-end: 5;
      grid-column-start: 3;
      grid-column-end: 4; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #mapnav {
      grid-row-start: 3;
      grid-row-end: 5;
      grid-column-start: 3;
      grid-column-end: 4; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #mapnav {
      grid-row-start: 3;
      grid-row-end: 5;
      grid-column-start: 3;
      grid-column-end: 4; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #mapnav {
      grid-row-start: 3;
      grid-row-end: 5;
      grid-column-start: 3;
      grid-column-end: 4; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #mapnav {
      grid-row-start: 3;
      grid-row-end: 5;
      grid-column-start: 3;
      grid-column-end: 4; } }
  @media only screen and (max-width: 480px) {
    #mapnav {
      grid-row-start: 3;
      grid-row-end: 6;
      grid-column-start: 3;
      grid-column-end: 4; } }

#tag {
  grid-area: tag;
  background-color: #345066; }
  @media only screen and (min-width: 1920px) {
    #tag {
      display: none; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #tag {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #tag {
      display: none; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #tag {
      display: none; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #tag {
      display: none; } }
  @media only screen and (max-width: 480px) {
    #tag {
      display: flex;
      align-items: center;
      justify-content: center; } }
  #tag h1 {
    color: #fff;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 500;
    font-size: 3.0em;
    padding: 0 35px 30px 30px; }
    @media only screen and (min-width: 1920px) {
      #tag h1 {
        display: block;
        font-size: 3.0em; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #tag h1 {
        display: block;
        font-size: 2.5em; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #tag h1 {
        display: block;
        font-size: 2.2em; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #tag h1 {
        display: block; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #tag h1 {
        display: block; } }
    @media only screen and (max-width: 480px) {
      #tag h1 {
        display: none; } }

#footer {
  position: relative;
  grid-area: footer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #dedde1; }
  @media only screen and (min-width: 1920px) {
    #footer {
      display: flex;
      justify-content: flex-end;
      grid-area: footer; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #footer {
      display: flex;
      justify-content: flex-end;
      grid-area: footer; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #footer {
      display: flex;
      justify-content: flex-end;
      grid-area: footer; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #footer {
      display: flex;
      justify-content: flex-end;
      grid-area: footer; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #footer {
      display: flex;
      justify-content: flex-end;
      grid-area: footer; } }
  @media only screen and (max-width: 480px) {
    #footer {
      display: flex;
      justify-content: center;
      grid-area: footer; } }
  #footer p {
    padding: 0 30px 0 0;
    color: gray2;
    font-size: 0.85em;
    line-height: 1.0em; }
    @media only screen and (min-width: 1920px) {
      #footer p {
        padding: 0 30px 0 0; } }
    @media (min-width: 1400px) and (max-width: 1920px) {
      #footer p {
        padding: 0 30px 0 0; } }
    @media (min-width: 992px) and (max-width: 1400px) {
      #footer p {
        padding: 0 30px 0 0; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #footer p {
        padding: 0 30px 0 0; } }
    @media (min-width: 480px) and (max-width: 768px) {
      #footer p {
        padding: 0 30px 0 0; } }
    @media only screen and (max-width: 480px) {
      #footer p {
        padding: 0; } }

#homesite #footer {
  background-color: #97c27f; }
  @media only screen and (max-width: 480px) {
    #homesite #footer {
      display: block;
      grid-area: homebody; } }

#homesite #footer p {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 50px 0 80px;
  font-size: 1.4em;
  line-height: 1.4em;
  color: #231f20;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400; }
  #homesite #footer p strong {
    color: #fff;
    font-size: 1.1em;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 700; }
  @media only screen and (min-width: 1920px) {
    #homesite #footer p {
      padding: 0 50px 0 80px;
      font-size: 1.4em; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #homesite #footer p {
      padding: 0 50px 0 80px;
      font-size: 1.4em; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #homesite #footer p {
      padding: 0 50px 0 80px;
      font-size: 1.3em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #homesite #footer p {
      padding: 0 50px 0 80px;
      font-size: 1.2em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #homesite #footer p {
      padding: 0 50px 0 80px;
      font-size: 1.2em; } }
  @media only screen and (max-width: 480px) {
    #homesite #footer p {
      padding: 30px 20px 30px 30px;
      font-size: 1.2em; } }

#cta, #cta_temp {
  /*display: grid;*/
  grid-area: cta;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 8px;
  font-size: 1.8em;
  line-height: 1.0em;
  background-color: #2f743b; }
  @media only screen and (min-width: 1920px) {
    #cta, #cta_temp {
      font-size: 1.8em; } }
  @media (min-width: 1400px) and (max-width: 1920px) {
    #cta, #cta_temp {
      font-size: 1.8em; } }
  @media (min-width: 992px) and (max-width: 1400px) {
    #cta, #cta_temp {
      font-size: 1.8em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #cta, #cta_temp {
      font-size: 1.6em; } }
  @media (min-width: 480px) and (max-width: 768px) {
    #cta, #cta_temp {
      font-size: 1.5em; } }
  @media only screen and (max-width: 480px) {
    #cta, #cta_temp {
      font-size: 1.5em; } }
  #cta a, #cta_temp a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 8px);
    padding-bottom: 8px;
    text-align: center; }
  #cta span, #cta_temp span {
    display: inline-block;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 500;
    color: #fff;
    text-align: center;
    cursor: pointer; }
    #cta span span, #cta_temp span span {
      color: #97c27f; }
  #cta:hover, #cta_temp:hover {
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 400;
    background-color: #357ab0; }

#cta_temp span {
  cursor: default; }
#cta_temp:hover {
  background-color: #2f743b; }

/*-------------------------------------------------- */
/* MAPBOX STYLES */
/*-------------------------------------------------- */
#pagecontent .mapboxgl-popup-content {
  -webkit-box-shadow: -5px -5px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5px -5px 20px rgba(0, 0, 0, 0.2);
  box-shadow: -5px -5px 20px rgba(0, 0, 0, 0.2);
  padding: 12px 20px 16px 20px; }
  #pagecontent .mapboxgl-popup-content h2 {
    padding-bottom: 2px; }
  #pagecontent .mapboxgl-popup-content p {
    padding: 0;
    font-size: 1.0em; }
  #pagecontent .mapboxgl-popup-content img {
    margin-top: 5px;
    width: 200px;
    height: auto;
    border: none !important; }

#map {
  position: relative;
  width: 100%;
  height: 100%;
  /*height: 700px;*/
  border: none;
  outline: none; }

.marker {
  background-image: url("/images/interface/map/marker_orange.svg");
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer; }
  .marker.dining {
    background-image: url("/images/interface/map/marker_orange.svg"); }
  .marker.activities {
    background-image: url("/images/interface/map/marker_green.svg"); }
  .marker.shopping {
    background-image: url("/images/interface/map/marker_blue.svg"); }

#pagecontent .mapboxgl-canvas:focus {
  outline: none;
  border: none; }

.listings {
  padding: 20px 0 20px 20px; }
  .listings h3 {
    padding: 20px 20px 10px 0;
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-weight: 500;
    color: #345066; }
    .listings h3.top {
      padding-top: 0; }
  .listings .item {
    display: block;
    border-top: 1px solid #dedde1;
    padding: 10px 0 10px 0;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 1.4em; }
    .listings .item div {
      padding: 0 20px 0 0;
      font-family: "Gotham A", "Gotham B", sans-serif;
      font-weight: 500;
      font-size: 1.1em;
      line-height: 1.3em; }
      .listings .item div span {
        display: none; }
    .listings .item.active {
      margin: 0 0 0 -20px;
      padding: 10px 0 10px 20px;
      background-color: #fff; }
      .listings .item.active div {
        padding: 0; }
        .listings .item.active div span {
          display: block;
          padding: 6px 20px 6px 0;
          font-family: "Gotham A", "Gotham B", sans-serif;
          font-weight: 400;
          font-size: 0.85em;
          line-height: 1.3em; }

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-left: 0;
  background: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-track {
  background: none; }

::-webkit-scrollbar-thumb {
  background: #00853e;
  border-radius: 0; }

.clearfix {
  display: block; }

.clearfix::after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*-------------------------------------------------- */
/* CONTENT STRUCTURE STYLES */
/*-------------------------------------------------- */
/*#homecontent {
	float: left;
	position: relative;
	margin: 44px 60px 40px 40px;
	width: 980px;
	@include responsive(xlarge-screens) { float: left; margin: 44px 60px 40px 40px; width: 980px; }
	@include responsive(large-screens) { float: left; margin: 44px 50px 40px 35px; width: 780px; }
	@include responsive(medium-screens) { float: left; margin: 34px 50px 40px 35px; width: 550px; }
	@include responsive(small-screens) { float: left; margin: 34px 30px 40px 30px; width: 410px; }
	@include responsive(xsmall-screens) { float: none; margin: 30px 20px 40px 20px; width: auto; }
	@include responsive(mobile-screens) { float: none; margin: 30px 20px 40px 20px; width: auto; }
	}
#maincontent {
	float: left;
	position: relative;
	margin: 20px 40px 0 200px;
	padding-bottom: 40px;
	width: 840px;
	min-height: 600px;
	@include responsive(xlarge-screens) { float: left; margin: 20px 40px 20px 200px; padding-bottom: 40px; width: 840px; }
	@include responsive(large-screens) { float: left; margin: 20px 40px 20px 190px; padding-bottom: 40px; width: 635px; }
	@include responsive(medium-screens) { float: left; margin: 20px 40px 20px 160px; padding-bottom: 40px; width: 455px; }
	@include responsive(small-screens) { float: left; margin: 10px 30px 0 25px; padding-bottom: 30px; width: 415px; }
	@include responsive(xsmall-screens) { float: none; margin: 10px 30px 20px 25px; padding-bottom: 0; width: auto; }
	@include responsive(mobile-screens) { float: none; margin: 10px 20px 20px 20px; padding-bottom: 0; width: auto; }
	}
#sidebar {
	float: left;
	margin: 20px 0 20px 0;
	width: 300px;
	@include responsive(xlarge-screens) { float: left; margin: 20px 0 20px 0; width: 300px;  }
	@include responsive(large-screens) { float: left; margin: 20px 0 20px 0; width: 265px; }
	@include responsive(medium-screens) { float: left; margin: 20px 0 20px 0; width: 245px; }
	@include responsive(small-screens) { float: left; margin: 10px 0 20px 0; width: 230px; }
	@include responsive(xsmall-screens) { float: none; margin: 10px 0 10px 0; width: 100%; }
	@include responsive(mobile-screens) { float: none; margin: 10px 0 10px 0; width: 100%; }
	}*/
/*-------------------------------------------------- */
/* NAVIGATION STYLES */
/*-------------------------------------------------- */
/*ul.sidenav {
	display: block;
	li {
		margin: 0 0 15px 0;
		padding: 0 15px 10px 0;
		max-width: 200px;
		font-size: 1.3em;
		color: $red0;
		@include rcon400;
		border-bottom: solid 1px $gray3;
		@include responsive(xlarge-screens) { max-width: 200px; font-size: 1.3em; }
		@include responsive(large-screens) { max-width: 150px; font-size: 1.2em; }
		@include responsive(medium-screens) { max-width: 130px; font-size: 1.1em; }
		@include responsive(small-screens) { max-width: none; font-size: 1.2em; }
		@include responsive(xsmall-screens) { max-width: none; font-size: 1.2em; }
		@include responsive(mobile-screens) { max-width: none; font-size: 1.2em; }
		&:first-of-type { padding-top: 15px; border-top: solid 1px $gray3; }
		a, a:visited { color: $blue3; }
		a.on, a.on:visited { color: $red0; }
		a:hover, a:active, a.on:hover, a.on:active { color: $hover; }
		}
	}
p.utilnav {
	display: block;
	padding: 60px 0 0 0;
	text-align: right;
	text-transform: uppercase;
	@include rcon700;
	font-size: 1.0em;
	line-spacing: 1.0em;
	letter-spacing: 0.05em;
	color: $gray4;
	@include responsive(xlarge-screens) { display: block; padding: 60px 0 0 0; }
	@include responsive(large-screens) { display: block; padding: 60px 0 0 0; }
	@include responsive(medium-screens) { display: block; padding: 60px 0 0 0; }
	@include responsive(small-screens) { display: block; padding: 83px 0 0 0; }
	@include responsive(xsmall-screens) { display: block; padding: 73px 0 0 0; }
	@include responsive(mobile-screens) { display: none; }
	a, a:visited, span {
		display: inline-block;
		margin-left: 12px;
		padding: 4px 0 4px 14px;
		color: $blue1;
		border-left: 1px solid $gray3;
		}
	span { color: $gray3; }
	a.first, a.first:visited { border: none; }
	a:hover, a:active { color: $hover; }
	}
#mobilenavlink {
	position: absolute;
	top: 40px;
	right: 0;
	width: auto;
	cursor: pointer;
	@include responsive(xlarge-screens) { display: none; }
	@include responsive(large-screens) { display: none; }
	@include responsive(medium-screens) { display: none; }
	@include responsive(small-screens) { display: none; }
	@include responsive(xsmall-screens) { display: none; }
	@include responsive(mobile-screens) { display: block; }
	p {
		display: inline-block;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		@include rcon700;
		font-size: 1.0em;
		line-spacing: 1.0em;
		letter-spacing: 0.05em;
		color: $gray2;
		}
	div { margin: 2px 0 4px 0; width: 100%; height: 4px; }
	}
#mobilemenu {
	display: none;
	position: absolute;
	z-index: 100;
	width: 100%;
	text-align: center;
	li {
		padding: 30px;
		color: $wht;
		font-size: 1.5em;
		border-bottom: 1px solid $wht;
		&:hover { background-color: $hover; }
		a, a:visited { color: $wht; }
		&.last {
			padding: 20px 30px 20px 30px;
			font-size: 0.8em;
			color: $wht;
			@include gth7;
			letter-spacing: 0.04em;
			text-transform: uppercase;
			}
		&#closemobile { cursor: pointer; }
		}
	}
p.primarylink {
	margin: 0;
	padding: 0;
	font-size: 1.85em;
	line-height: 1.0em;
	text-align: center;
	@include rcon300;
	@include responsive(xlarge-screens) { padding: 0; font-size: 1.85em; }
	@include responsive(large-screens) { padding: 0; font-size: 1.75em; }
	@include responsive(medium-screens) { padding: 0; font-size: 1.75em; }
	@include responsive(small-screens) { padding: 30px 0; font-size: 1.7em; }
	@include responsive(xsmall-screens) { padding: 30px 0; font-size: 1.5em; }
	@include responsive(mobile-screens) { padding: 0; font-size: 1.5em; }
	}
a p.primarylink, a:visited p.primarylink { color: $wht; }
a:hover p.primarylink, a:active p.primarylink { color: $wht; }
.on p.primarylink { color: $wht; }*/
/*-------------------------------------------------- */
/* FORM STYLES */
/*-------------------------------------------------- */
/*.dform_container .dfinput_left {
	float: left !important;
	@include responsive(xlarge-screens) { float: left !important; }
	@include responsive(large-screens) { float: left !important; }
	@include responsive(medium-screens) { float: left !important; }
	@include responsive(small-screens) { float: left !important; }
	@include responsive(xsmall-screens) { float: none !important; }
	@include responsive(mobile-screens) { float: none !important; }	
	}
.dfinput_names .name_first, .dfinput_names .name_last {
	width: 30% !important;
	@include responsive(xlarge-screens) { width: 30% !important; }
	@include responsive(large-screens) { width: 30% !important; }
	@include responsive(medium-screens) { width: 30% !important; }
	@include responsive(small-screens) { width: 30% !important; }
	@include responsive(xsmall-screens) { width: 80% !important; }
	@include responsive(mobile-screens) { width: 80% !important; }	
	}
.dform_container select {
	max-width: 100% !important;
	height: 50px !important;
	}*/

/*# sourceMappingURL=global.css.map */