/*--- css/utility_style_sheet.css ---*/
@font-face {
  font-family: 'fe-icons';
  src: url("/sr/fonts/fe-icons.eot?f68u01");
  src: url("/sr/fonts/fe-icons.eot?#iefixf68u01") format("embedded-opentype"), url("/sr/fonts/fe-icons.svg?f68u01#fe-icons") format("svg"), url("/sr/fonts/fe-icons.woff?f68u01") format("woff"), url("/sr/fonts/fe-icons.ttf?f68u01") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fe-social';
  src: url("/sr/fonts/fe-social.eot?f68u01");
  src: url("/sr/fonts/fe-social.eot?#iefixf68u01") format("embedded-opentype"), url("/sr/fonts/fe-social.svg?f68u01#fe-icons") format("svg"), url("/sr/fonts/fe-social.woff?f68u01") format("woff"), url("/sr/fonts/fe-social.ttf?f68u01") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*----------------------------------------------
  fe-icons character codes

  \61 (a) - podcast
  \62 (b) - mobile phone
  \63 (c) - printer
  \64 (d) - music (itunes)
  \65 (e) - newspaper
  \66 (f) - calendar
  \67 (g) - rss
  \68 (h) - list/agenda view
  \69 (i) - disk/save
  \6a (j) - play arrow
  \6b (k) - arrow left
  \6c (l) - arrow right
  \6d (m) - checkmark
  \6e (n) - info bubble
  \6f (o) - arrow down
  \70 (p) - arrow up
  \71 (q) - email
  \72 (r) - sort arrow default
  \73 (s) - sort arrow down
  \74 (t) - sort arrow up
  \75 (u) - search glass
  \76 (v) - twitter bird
  \77 (w) - rwd menu
  \78 (x) - close X
  \79 (y) - location marker
  \7a (z) - user head/shoulders
  \7b ({) - pencil
  \7c (|) - fc logo
  \7d (}) - squared arrow left
  \7e (~) - squared arrow right
  \21 (!) - gear
  \22 (") - download tray
  \23 (#) - video
  \24 ($) - fullscreen
  \25 (%) - pause
  \26 (&) - volume on
  \27 (') - volume mute
  \28 (() - chain link
  \29 ()) - translate
  \30 (0) - export
  \31 (1) - move handle
  \32 (2) - home
  \33 (3) - small pause
  \34 (4) - no wifi
  \35 (5) - no play
  \36 (6) - new tab
  \37 (7) - filter
  \38 (8) - sort A-Z
  \39 (9) - plus/add
  \40 (@) - cloud
  \41 (A) - trash bin
  \42 (B) - eye
  \43 (C) - minus/subtract
  \44 (D) - file add
  \45 (E) - warning
  \46 (F) - help bubble
  \47 (G) - mobile phone
  \48 (H) - compass

  fe-social character codes

  \61 (a) - facebook
  \62 (b) - twitter
  \63 (c) - pinterest
  \64 (d) - instagram
  \65 (e) - googleplus
  \66 (f) - linkedin
  \67 (g) - myspace
  \68 (h) - flickr
  \69 (i) - youtube
  \6a (j) - vimeo
  \6b (k) - blog
  \6c (l) - rss
  \6d (m) - email
  \6e (n) - qr
  \6f (o) - itunes
  \70 (p) - foursquare
  \71 (q) - tumblr
  \72 (r) - ccb
  \73 (s) - amazon
  \74 (t) - spotify
  \75 (u) - livestream.tv
  \76 (v) - medium

  color palette classes

  .cs_accent_bg, .cs_accent_fg, .cs_accent_border
  .cs_line_bg, .cs_line_fg, .cs_line_border
  .cs_light_bg, .cs_light_fg, .cs_light_border
  .cs_dark_bg, .cs_dark_fg, .cs_dark_border

----------------------------------------------*/
/* fix bulky font rendering in OSX */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Make IE10 "snap-mode" behave with RWD */
@-ms-viewport {
  width: device-width; }
/* disable text increase in iOS */
body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none; }

a:active {
  outline: none; }

:focus {
  -moz-outline-style: none;
  outline: none; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

a img {
  border: 0; }

/* remove default border in IE */
/* disable hand pointer if link does not point to a page */
a[href="javascript:void(null)"] {
  cursor: default; }

cite {
  width: 100%; }

.clear {
  clear: both;
  min-height: 1px; }

.floatright {
  float: right; }

.floatleft {
  float: left; }

/* new clearfix */
.cfix:before, .cfix:after {
  content: " ";
  display: table; }

.cfix:after {
  clear: both; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block;
  zoom: 1; }

.alignleft {
  text-align: left; }

.alignright {
  text-align: right; }

.aligncenter {
  text-align: center; }

.alignverticalmiddle {
  vertical-align: middle; }

.alignverticalbottom {
  vertical-align: bottom; }

.SmallNote {
  line-height: 1em !important; }

.fullwidth {
  width: 100%; }

.nowrap {
  white-space: nowrap; }

.breakword {
  word-break: break-word; }

.layout_borderbox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.semantic, .contextual, .seo_content {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Visually hidden but available for screenreaders */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide for both screenreaders and browsers */
/* Display hand cursor for clickable form elements */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
  overflow: auto;
  vertical-align: top; }

/* Remove underline from .iconlink container */
.SmallNavigation, .SmallNavigation:hover {
  text-decoration: none;
  font-weight: normal; }

.iconlink {
  margin: 0 2px !important; }

input, select, textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input.site_search_field {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.details_text {
  font-size: .875em; }

.itemTable {
  clear: both; }

.email_link:after {
  content: ' \71';
  display: inline;
  font-family: 'fe-icons';
  font-size: .875em; }

.fe_icon_font {
  font-family: 'fe-icons' !important; }

/* Add arrow to submenu items that have children */
.menu b {
  float: right; }

.menu b:after {
  content: '\7e';
  display: inline-block;
  font-family: 'fe-icons'; }

.back-to-top {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  display: none;
  margin: 15px;
  padding: 7px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  -webkit-transition: background .2s;
  transition: background .2s; }
  .back-to-top img {
    display: none; }
  .back-to-top:before {
    color: #fff;
    content: '\70';
    display: block;
    font-family: 'fe-icons';
    font-size: 1.25em;
    line-height: 1 !important; }

/* CMS Editor and Notification Classes */
#editorbg > td {
  background: #fff; }

#editorbg td {
  color: #000; }

#help, .help, #error, .error, #success, .success {
  margin-bottom: 20px;
  padding: 10px 12px; }

#help, .help {
  background: #ffffd9 !important;
  border: 1px solid #f3f3ba !important;
  color: #444 !important; }

#help ol, .help ol {
  list-style-position: inside;
  margin: 0;
  padding: 0; }

#error, .error {
  background-color: #fbe3e4 !important;
  border: 1px solid #f4d2d3 !important;
  color: #BB0000 !important; }

#error ul, .error ul {
  list-style-position: inside;
  margin: 0;
  padding: 0; }

#success, .success {
  background-color: #E6EFC2 !important;
  border: 1px solid #d5e593 !important;
  color: #528400 !important; }

.table_entry_new {
  color: #FF0000;
  font-size: 8px; }

.font-responsive-1 {
  font-size: 6vw;
  line-height: 8vw; }
  @media screen and (min-width: 640px) {
    .font-responsive-1 {
      font-size: 4vw;
      line-height: 6vw; } }
  @media screen and (min-width: 1280px) {
    .font-responsive-1 {
      font-size: 51px;
      line-height: 76px; } }

.font-responsive-2 {
  font-size: 8vw;
  line-height: 10vw; }
  @media screen and (min-width: 640px) {
    .font-responsive-2 {
      font-size: 6vw;
      line-height: 8vw; } }
  @media screen and (min-width: 1280px) {
    .font-responsive-2 {
      font-size: 76px;
      line-height: 102px; } }

.font-responsive-3 {
  font-size: 10vw;
  line-height: 12vw; }
  @media screen and (min-width: 640px) {
    .font-responsive-3 {
      font-size: 8vw;
      line-height: 10vw; } }
  @media screen and (min-width: 1280px) {
    .font-responsive-3 {
      font-size: 102px;
      line-height: 128px; } }

.font-responsive-4 {
  font-size: 12vw;
  line-height: 14vw; }
  @media screen and (min-width: 640px) {
    .font-responsive-4 {
      font-size: 10vw;
      line-height: 12vw; } }
  @media screen and (min-width: 1280px) {
    .font-responsive-4 {
      font-size: 128px;
      line-height: 153px; } }

.font-responsive-5 {
  font-size: 14vw;
  line-height: 16vw; }
  @media screen and (min-width: 640px) {
    .font-responsive-5 {
      font-size: 12vw;
      line-height: 14vw; } }
  @media screen and (min-width: 1280px) {
    .font-responsive-5 {
      font-size: 153px;
      line-height: 179px; } }

.text-shadow-small {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

.text-shadow-large {
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); }

iframe[name="google_conversion_frame"] {
  position: absolute;
  left: -999em; }

.leaflet-top, .leaflet-bottom {
  z-index: 1 !important; }

.leaflet-control-attribution {
  display: none !important; }

/*--------------------------------------------
  Marquee Description/Content
--------------------------------------------*/
.banner-rotator .br-layer img {
  height: auto !important;
  max-width: 100% !important; }

.banner-rotator .br-layer iframe {
  max-width: 100% !important; }

/*--------------------------------------------
  Front-end Icons
  --> Colors applied retroactively using utility classes
--------------------------------------------*/
.fe_font_icon {
  display: inline-block;
  text-decoration: none !important;
  -webkit-transition: background .2s, color .2s;
  -moz-transition: background .2s, color .2s;
  transition: background .2s, color .2s; }
  .fe_font_icon:hover {
    text-decoration: none !important; }
  .fe_font_icon:before {
    display: block;
    font-family: 'fe-icons';
    font-weight: normal;
    line-height: 1;
    padding: .5em; }
  .fe_font_icon img {
    display: none !important; }

/* ANNOUNCEMENTS */
.announcement_rss:before {
  content: '\67'; }

/* BLOGS */
.blog_rss:before {
  content: '\67'; }

/* BREADCRUMBS */
#breadcrumbs_facebook:before {
  background: #425F9C;
  color: #fff;
  content: '\61';
  font-family: 'fe-social';
  padding: .375em;
  -webkit-transition: background .2s, color .2s;
  -moz-transition: background .2s, color .2s;
  transition: background .2s, color .2s; }

#breadcrumbs_facebook:hover:before {
  background: #6a88c9; }

#breadcrumbs_twitter:before {
  background: #55ACEE;
  color: #fff;
  content: '\62';
  font-family: 'fe-social';
  padding: .375em;
  -webkit-transition: background .2s, color .2s;
  -moz-transition: background .2s, color .2s;
  transition: background .2s, color .2s; }

#breadcrumbs_twitter:hover:before {
  background: #78c1f9; }

.breadcrumbs_qr:before {
  content: '\6e';
  font-family: 'fe-social';
  padding: .375em; }

.breadcrumbs_print:before {
  content: '\63';
  padding: .375em; }

/* CALENDAR */
.cal_nav_prev:before {
  content: '\6b'; }

.cal_nav_next:before {
  content: '\6c'; }

.toggle_agenda_view:before {
  content: '\68'; }

.toggle_month_view:before {
  content: '\66'; }

.cal_rss:before {
  content: '\67'; }

.cal_print:before {
  content: '\63'; }

.cal_export:before {
  content: '\30'; }

/* DOWNLOADS */
.download_play:before {
  content: '\36'; }

.download_save:before {
  content: '\22'; }

.download_notes:before {
  content: '\65'; }

.download_mediaplayer:before {
  content: '\36'; }

.download_qr:before {
  content: '\6e';
  font-family: 'fe-social'; }

.download_rss:before {
  content: '\67'; }

.download_podcast:before {
  content: '\61'; }

.download_itunes:before {
  content: '\64'; }

.pagination_prev:before {
  content: '\6b';
  padding: .25em; }

.pagination_next:before {
  content: '\6c';
  padding: .25em; }

/* STAFF */
.staff_list_email:before {
  content: '\71';
  font-family: 'fe-icons';
  margin-right: .25em;
  vertical-align: middle; }

.staff_facebook:before {
  content: '\61';
  font-family: 'fe-social'; }

.staff_twitter:before {
  content: '\62';
  font-family: 'fe-social'; }

.staff_linkedin:before {
  content: '\66';
  font-family: 'fe-social'; }

.staff_facebook, .staff_twitter, .staff_linkedin {
  margin-top: 1em; }

/* FACEBOOK SHARE */
.fb-share-button {
  display: inline-block; }
  .fb-share-button:before {
    background: #425F9C;
    color: #fff;
    content: '\61';
    font-family: 'fe-social';
    line-height: 1;
    padding: .375em;
    transition: background .2s, color .2s; }
  .fb-share-button span {
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important; }
  .fb-share-button iframe {
    opacity: .01;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important; }

/* TWITTER SHARE */
.twitter-share-wrap {
  display: inline-block;
  position: relative; }
  .twitter-share-wrap:before {
    background: #55ACEE;
    color: #fff;
    content: '\62';
    display: inline-block;
    font-family: 'fe-social';
    line-height: 1;
    padding: .375em;
    transition: background .2s, color .2s; }
  .twitter-share-wrap iframe {
    opacity: .01;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0; }
  .twitter-share-wrap a.twitter-share-button {
    display: none; }

/*----------------------------------------------
  Forms
----------------------------------------------*/
.fe_form {
  clear: both;
  float: left;
  margin-bottom: 1em;
  padding: 0;
  width: 100%; }

.fe_form ul, .fe_form_block {
  clear: both;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.fe_form li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 .25em .75em 0;
  vertical-align: top;
  width: 100%; }

.fe_form li.fe_form_control_group {
  margin-bottom: 0; }

.fe_form li.fe_form_control_group li {
  width: auto; }

.fe_form li.fe_form_control_group li:last-child {
  margin-right: 0; }

.block_label {
  display: block;
  margin-bottom: .25em; }

.lg_field {
  width: 21em; }

.md_field {
  width: 14em; }

.ms_field {
  width: 10em; }

/* best for phone number */
.sm_field {
  width: 7em; }

.xs_field {
  width: 4em; }

/* Add an "or" between two grouped field */
.or_field div {
  margin: 0 .25em .75em 0;
  padding: .5em .5em .5em 0; }

@media screen and (max-width: 480px) {
  .or_field label {
    display: none; }

  .or_field div {
    margin-bottom: 0;
    padding: 0;
    text-align: center; } }
/* Hide section to be animated with JS */
.section_hidden {
  clear: both;
  display: none;
  float: left;
  width: 100%; }

/* list with bulleted items inside an fe_form */
ul.fe_form_list {
  list-style: disc inside; }

ul.fe_form_list li {
  display: list-item;
  margin-bottom: 0; }

/*------------- Errors / Notifications --------------*/
#form_error,
.fe_form .fe_form_error {
  background: #ffecec;
  border: 1px solid #ffc8c8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  color: #c40808;
  list-style-position: inside;
  margin-bottom: 1.5em;
  padding: 1em; }

#form_error li {
  display: list-item;
  list-style-type: disc;
  margin-bottom: .75em; }

#form_error li:last-child {
  margin-bottom: 0; }

#form_error label,
.fe_form .fe_form_error label {
  color: inherit; }

.fe_field_hint {
  clear: both;
  font-size: .875em;
  font-style: italic;
  margin-bottom: 1.25em;
  margin-top: -.25em; }

/* Apply to li, adds translucent black bg and border */
.inline_form_notification {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #ddd;
  border-radius: 3px;
  float: left;
  padding: .75em 1em; }

/* Password Meter */
div.score {
  display: block;
  white-space: nowrap;
  width: 175px !important;
  height: 5px; }

div.score div {
  display: block;
  white-space: nowrap;
  height: 5px; }

.badPass div.score div {
  background-color: #F4715B; }

.goodPass div.score div {
  background-color: #EEF042; }

.strongPass div.score div {
  background-color: #64FD58; }

/*------------- Tooltips --------------*/
.fe_helptip {
  display: inline-block;
  padding-left: .25em;
  position: relative;
  z-index: 1; }

.section_divider .fe_helptip {
  margin-top: 1em; }

.fe_helptip:hover {
  cursor: help;
  z-index: 99999; }

.fe_helptip span:before {
  content: '\6e';
  display: inline-block;
  font-family: 'fe-icons';
  font-size: 14px;
  font-weight: normal;
  line-height: 1.375em;
  opacity: .5; }

.section_divider .fe_helptip span:before,
.fe_form_header .fe_helptip span:before {
  margin-top: 1.5em;
  margin-left: .5em; }

.fe_helptip div {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: none;
  font-family: inherit;
  font-size: .875em;
  font-weight: normal;
  width: 320px;
  padding: 12px 15px;
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 9999; }

.fe_helptip span:hover ~ div {
  display: block; }

.fe_helptip:hover span:before {
  opacity: 1; }

/* make info bubble opaque */
/* mobile fe_helptip styles */
.mobile_tooltip {
  position: static; }

.mobile_tooltip span:before {
  font-size: 20px !important;
  padding: 0 10px; }

.mobile_tooltip div {
  display: none;
  padding: 12px 30px 12px 15px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0; }

.mobile_tooltip div:before {
  content: '\78';
  display: block;
  font-family: 'fe-icons';
  font-size: 1.25em;
  position: absolute;
  top: 10px;
  right: 10px; }

/*------------- Field Styles --------------*/
.fe_form input, .fe_form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: inherit;
  margin: 0 .5em .75em 0;
  outline: none;
  padding: .5em;
  vertical-align: middle; }

.select_container {
  background: #fff;
  border: 1px solid #ddd;
  display: inline-block;
  margin: 0 .5em .75em 0;
  padding: 0;
  position: relative;
  vertical-align: middle; }
  .select_container:after {
    content: '\6f';
    display: block;
    font-family: 'fe-icons';
    position: absolute;
    right: .5em;
    top: 50%;
    line-height: 1;
    transform: translateY(-50%); }

.select_container select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #333;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: .5em 3em .5em .5em;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.select_container select::-ms-expand {
  display: none; }

/* Remove controls on number field */
.fe_form input[type="number"]::-webkit-inner-spin-button,
.fe_form input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.fe_form input[type="submit"],
.fe_form input.submitbutton {
  margin-top: .75em; }

.fe_form input[type="submit"].inline_submit_button {
  margin-top: 0; }

.fe_form textarea {
  height: 10em;
  overflow: auto;
  width: 380px; }

/* Custom CSS checkbox/radio buttons */
.fe_form input[type="checkbox"],
.fe_form input[type="radio"] {
  position: absolute;
  left: -9999em; }

/* IE8 */
.fe_form input[type="radio"] {
  float: left; }

.fe_form input[type="checkbox"] + label,
.fe_form input[type="radio"] + label {
  cursor: pointer;
  line-height: 1.375em;
  padding: 0 0 0 1.75em;
  position: relative; }

.fe_form input[type="checkbox"] + label:before,
.fe_form input[type="radio"] + label:before {
  background: #fff;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  content: "";
  height: 1.25em;
  width: 1.25em;
  position: absolute;
  top: 0;
  left: 0; }

.fe_form input[type="checkbox"]:focus + label:before,
.fe_form input[type="radio"]:focus + label:before {
  border: 1px solid #333; }

.fe_form input[type="checkbox"] + label:before {
  border-radius: .25em; }

.fe_form input[type="radio"] + label:before {
  border-radius: 50%; }

.fe_form input[type="checkbox"]:checked + label:after {
  color: #333;
  content: '\6D';
  display: block;
  font-family: 'fe-icons';
  font-size: 1em;
  line-height: 1.375em;
  position: absolute;
  top: 0;
  left: .2em; }

.fe_form input[type="radio"]:checked + label:after {
  background: #333;
  border-radius: 50%;
  content: '';
  display: block;
  height: .875em;
  width: .875em;
  line-height: 1.375em;
  position: absolute;
  top: .25em;
  left: .25em; }

.fe_form_grp_title {
  margin-bottom: .5em; }

/* Checkbox/Radio grouping */
li.fe_form_cbgrp_vert {
  margin-right: 1.5em; }

.fe_form_cbgrp_vert label {
  clear: both;
  float: left;
  margin-bottom: .75em; }

.fe_form_cbgrp_horiz label {
  float: left;
  margin-right: 1.25em;
  margin-bottom: .75em; }

.fe_form_cbgrp_horiz label:last-child {
  margin-right: 0; }

li.fe_form_radiogrp_vert {
  margin-right: 1.5em; }

.fe_form_radiogrp_vert label {
  clear: both;
  float: left;
  margin-bottom: .75em; }

.fe_form_radiogrp_horiz label {
  float: left;
  margin-right: 1.25em;
  margin-bottom: .75em; }

.fe_form_radiogrp_horiz label:last-child {
  margin-right: 0; }

/*------------- Section Dividers --------------*/
.fe_form_header h2 {
  display: inline-block;
  float: left;
  line-height: 1.3;
  margin: 0 0 .5em;
  width: auto; }

.section_divider h2 {
  display: inline-block;
  float: left;
  line-height: 1.3;
  margin: 1em 0 .5em;
  width: auto; }

.section_divider hr, .fe_form_header hr {
  clear: both;
  height: 1px;
  margin: 0 0 1em; }

.section_description li {
  margin: 0 0 1.5em; }

/*------------- Buttons --------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer; }

.submitbutton, .submitbutton:active, .submitbutton:focus,
input.submitbutton, input.submitbutton:active, input.submitbutton:focus {
  font-size: 1.25em;
  overflow: visible;
  padding: .75em 1.25em;
  -webkit-appearance: none; }

.smallbutton, .smallbutton:active, .smallbutton:focus,
input.smallbutton, input.smallbutton:active, input.smallbutton:focus,
.link_button, .link_button:active, .link_button:focus {
  overflow: visible;
  padding: .5em .75em;
  -webkit-appearance: none; }

.section_divider_buttons {
  float: right;
  margin-top: 1.5em; }

.fe_form_header .section_divider_buttons {
  margin-top: 0; }

/* apply to <a class="link_button"> when inside .section_divider */
.section_divider_button {
  border-radius: 3px;
  float: left;
  font-size: .875em;
  line-height: 1;
  margin-left: .5em;
  padding: .5em .75em;
  text-decoration: none; }

/*------------- QA Question Bubble --------------*/
.speech_bubble_block {
  background: #fff;
  border-radius: 1em;
  clear: both;
  margin-bottom: 1.5em;
  padding: 1.5em;
  position: relative; }
  .speech_bubble_block:after {
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-top-style: solid;
    border-top-color: inherit;
    border-top-width: 1em;
    content: '';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    left: 1.5em;
    bottom: -1em; }
  .speech_bubble_block h2 {
    line-height: 1;
    margin: 0; }

@media screen and (max-width: 768px) {
  .section_divider_buttons {
    clear: both;
    float: left;
    margin: .5em 0 2em; }

  .section_divider_button {
    margin-left: 0;
    margin-right: .5em;
    margin-bottom: .5em; }

  .section_header h2, .fe_form_header h2 {
    clear: both; } }
@media screen and (max-width: 480px) {
  .fe_form li.fe_form_control_group li:not(.not_max),
  .fe_form input:not(.not_max),
  .fe_form select:not(.not_max),
  .fe_form textarea,
  .select_container {
    margin-right: 0;
    width: 100% !important; }

  /* .responsive li {float: none;} */
  .field_note {
    font-size: .875em; } }
/*--------------------------------------------
  Smart Tooltip
--------------------------------------------*/
.smart_tooltip {
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5;
  padding: 20px;
  width: 250px; }
  .smart_tooltip div {
    margin-bottom: 20px; }
    .smart_tooltip div:last-child {
      margin: 0; }
  .smart_tooltip img {
    display: block;
    height: auto !important;
    max-width: 100% !important; }

.smart_tooltip_title {
  font-weight: bold; }

.smart_tooltip_details {
  font-size: .875rem; }

.smart_tooltip_more {
  font-size: .875rem;
  font-style: italic;
  font-weight: bold; }

/*--------------------------------------------
  3 Column Responsive Grid
--------------------------------------------*/
.fe_grid {
  list-style: none;
  margin: 0;
  padding: 0; }

.fe_grid li {
  box-sizing: border-box;
  float: left;
  margin-bottom: 2%;
  width: calc(96% / 3); }

.fe_grid li:nth-child(1),
.fe_grid li:nth-child(3n+1),
.fe_grid li:nth-child(3n+2) {
  margin-right: 2%; }

@media screen and (max-width: 1023px) {
  .fe_grid li {
    margin-right: 0 !important;
    width: calc(96% / 2); }

  .fe_grid li:nth-child(1),
  .fe_grid li:nth-child(2n+1) {
    margin-right: 3% !important;
    margin-bottom: 3%; } }
@media screen and (max-width: 700px) {
  .fe_grid li {
    margin-right: 0 !important;
    margin-bottom: 4% !important;
    width: 100%; } }
/*--- note card metaphor ---*/
.fe_card {
  /* use cs_line_border class on element to pull border color */
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  padding: 1em 1.25em; }

/*--------------------------------------------
  Waiting Overlay
--------------------------------------------*/
@-webkit-keyframes waitingOverlay {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes waitingOverlay {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }
.waiting_overlay {
  position: relative; }
  .waiting_overlay:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }

.waiting_overlay_button {
  display: inline-block;
  position: relative; }
  @media screen and (max-width: 480px) {
    .waiting_overlay_button {
      width: 100%; } }
  .waiting_overlay_button:before {
    border-top: 3px solid #999;
    border-right: 3px solid #999;
    border-bottom: 3px solid #999;
    border-left: 3px solid #000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 15px;
    width: 15px;
    opacity: 1;
    margin-top: calc(-7px - .5em);
    margin-left: calc(-7px - .5em);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: waitingOverlay .75s linear infinite;
    animation: waitingOverlay .75s linear infinite;
    z-index: 2; }
  .waiting_overlay_button input {
    opacity: .1; }

/*--------------------------------------------
  Admin Notifications
--------------------------------------------*/
#admin_notifications {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 10px;
  right: 10px;
  width: 200px;
  z-index: 9999; }
  #admin_notifications li {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 10px;
    position: relative; }
  #admin_notifications .error {
    background: #CE3622;
    border: none !important;
    color: #fff; }
  #admin_notifications .success {
    background: #77B400 !important;
    border: none !important;
    color: #fff !important; }
  #admin_notifications .notify {
    background: #0077cc;
    border: none !important;
    color: #fff; }
  #admin_notifications .close_notification {
    display: none; }
  #admin_notifications .close_all {
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    color: #444;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 10px 10px 15px; }
    #admin_notifications .close_all:hover {
      color: #006cbf; }

/*--------------------------------------------
  Popup Dialog
--------------------------------------------*/
.popup_dialog {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  display: none;
  width: 330px;
  margin-left: -185px;
  padding: 0px 20px 20px;
  position: fixed;
  top: 200px;
  left: 50%;
  z-index: 2000; }

.popup_dialog ul {
  list-style: none;
  margin: 25px 0 0;
  padding: 0; }

.popup_dialog li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative; }

.popup_dialog ul.form_control_group {
  margin: 0;
  padding: 0; }

.popup_dialog ul.form_control_group li {
  float: left;
  margin-right: 12px;
  width: auto; }

.popup_dialog .radio_group {
  margin: 0; }

.popup_dialog .radio_group li {
  display: inline;
  margin: 0 10px 0 0; }

.popup_dialog_buttons {
  margin-top: 10px; }

/*----------------------------------------------------------------------------
  ckEditor Templates
  Note: Must paste compiled css for this section into the following file
        so that admin editor gets the proper styles:
        /nextmeta0/ckeditor/plugins/templates/templates/custom_templates.css
----------------------------------------------------------------------------*/
.contentEditable .template_outline {
  box-shadow: 0 0 0 1px #006cbf; }

.template_image_left_v3 {
  clear: both;
  margin: 0 0 30px;
  overflow: hidden; }
  .template_image_left_v3 .pullimage_left {
    float: left;
    line-height: 0;
    margin: 0 20px 15px 0;
    max-width: 40%; }
    @media screen and (max-width: 480px) {
      .template_image_left_v3 .pullimage_left {
        max-width: 50%; } }
    .template_image_left_v3 .pullimage_left img {
      box-sizing: border-box;
      max-width: 100%; }

.template_image_right_v3 {
  clear: both;
  margin: 0 0 30px;
  overflow: hidden; }
  .template_image_right_v3 .pullimage_right {
    float: right;
    line-height: 0;
    margin: 0 0 15px 20px;
    max-width: 40%; }
    @media screen and (max-width: 480px) {
      .template_image_right_v3 .pullimage_right {
        max-width: 50%; } }
    .template_image_right_v3 .pullimage_right img {
      box-sizing: border-box;
      max-width: 100%; }

.template_gridrow3_v3 {
  clear: both;
  list-style: none;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 0; }
  .template_gridrow3_v3 li {
    float: left;
    line-height: 0;
    margin-right: 30px;
    width: calc(100% / 3 - 21px); }
    @media screen and (max-width: 480px) {
      .template_gridrow3_v3 li {
        margin: 0 0 30px;
        width: 100%; } }
    .template_gridrow3_v3 li.template_gridrow3_v3_3 {
      margin-right: 0; }
      @media screen and (max-width: 480px) {
        .template_gridrow3_v3 li.template_gridrow3_v3_3 {
          margin: 0; } }
  .template_gridrow3_v3 img {
    box-sizing: border-box;
    height: auto !important;
    max-width: 100% !important; }

.template_gridrow3text_v3 {
  clear: both;
  list-style: none;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 0; }
  .template_gridrow3text_v3 li {
    float: left;
    margin-right: 30px;
    width: calc(100% / 3 - 21px); }
    @media screen and (max-width: 768px) {
      .template_gridrow3text_v3 li {
        margin: 0 0 30px;
        width: 100%; } }
    .template_gridrow3text_v3 li.template_gridrow3text_v3_3 {
      margin-right: 0; }
      @media screen and (max-width: 768px) {
        .template_gridrow3text_v3 li.template_gridrow3text_v3_3 {
          margin: 0; } }
  .template_gridrow3text_v3 img {
    box-sizing: border-box;
    height: auto !important;
    line-height: 0;
    margin-bottom: 10px;
    max-width: 100% !important; }

.template_gridrow4_v3 {
  clear: both;
  list-style: none;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 0; }
  .template_gridrow4_v3 li {
    float: left;
    line-height: 0;
    margin-right: 30px;
    width: calc(25% - 22.5px); }
    @media screen and (max-width: 768px) {
      .template_gridrow4_v3 li {
        width: calc(50% - 15px); } }
    @media screen and (max-width: 480px) {
      .template_gridrow4_v3 li {
        margin: 30px 0 0;
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .template_gridrow4_v3 li.template_gridrow4_v3_1 {
        margin: 0 30px 30px 0; } }
    @media screen and (max-width: 480px) {
      .template_gridrow4_v3 li.template_gridrow4_v3_1 {
        margin: 0 0 30px; } }
    @media screen and (max-width: 768px) {
      .template_gridrow4_v3 li.template_gridrow4_v3_2 {
        margin: 0 0 30px 0; } }
    @media screen and (max-width: 768px) {
      .template_gridrow4_v3 li.template_gridrow4_v3_3 {
        margin: 0 30px 0 0; } }
    @media screen and (max-width: 480px) {
      .template_gridrow4_v3 li.template_gridrow4_v3_3 {
        margin: 0 0 30px; } }
    .template_gridrow4_v3 li.template_gridrow4_v3_4 {
      margin-right: 0; }
      @media screen and (max-width: 768px) {
        .template_gridrow4_v3 li.template_gridrow4_v3_4 {
          margin: 0; } }
  .template_gridrow4_v3 img {
    box-sizing: border-box;
    height: auto !important;
    max-width: 100% !important; }

.template_2column_v3 {
  clear: both;
  overflow: hidden;
  margin: 0 0 30px; }
  .template_2column_v3 img {
    box-sizing: border-box;
    height: auto !important;
    max-width: 100% !important; }
  .template_2column_v3 .template_2column_v3_1 {
    float: left;
    margin-right: 30px;
    width: calc(50% - 15px); }
    @media screen and (max-width: 768px) {
      .template_2column_v3 .template_2column_v3_1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  .template_2column_v3 .template_2column_v3_2 {
    float: left;
    width: calc(50% - 15px); }
    @media screen and (max-width: 768px) {
      .template_2column_v3 .template_2column_v3_2 {
        width: 100%; } }

.template_3column_v3 {
  clear: both;
  overflow: hidden;
  margin: 0 0 30px; }
  .template_3column_v3 img {
    box-sizing: border-box;
    height: auto !important;
    max-width: 100% !important; }
  .template_3column_v3 .template_3column_v3_1 {
    float: left;
    margin-right: 30px;
    width: calc(100% / 3 - 21px); }
    @media screen and (max-width: 768px) {
      .template_3column_v3 .template_3column_v3_1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  .template_3column_v3 .template_3column_v3_2 {
    float: left;
    margin-right: 30px;
    width: calc(100% / 3 - 21px); }
    @media screen and (max-width: 768px) {
      .template_3column_v3 .template_3column_v3_2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  .template_3column_v3 .template_3column_v3_3 {
    float: left;
    width: calc(100% / 3 - 21px); }
    @media screen and (max-width: 768px) {
      .template_3column_v3 .template_3column_v3_3 {
        width: 100%; } }

.template_staff_member_v3 {
  clear: both;
  overflow: hidden; }
  .template_staff_member_v3 .template_staff_image {
    box-sizing: border-box;
    float: left;
    line-height: 0;
    margin: 0 30px 0 0;
    width: 100px; }
    .template_staff_member_v3 .template_staff_image img {
      height: auto !important;
      max-width: 100% !important; }
      @media screen and (max-width: 480px) {
        .template_staff_member_v3 .template_staff_image img {
          margin: 0 4% 3% 0; } }
  .template_staff_member_v3 .template_staff_detail {
    float: left;
    width: calc(100% - 130px); }
  .template_staff_member_v3 .template_staff_heading {
    display: inline; }

/*--------------------------------------------
  Legacy
--------------------------------------------*/
/*----- Pagination -----*/
.pagination {
  clear: both;
  float: right;
  margin-top: 1.25em; }

#pagination a, #pagination a:hover {
  border: 0;
  padding: 0; }

.pagination_prev {
  margin-right: .25em; }

.pagination_next {
  margin-left: .25em; }

.pagination_count {
  display: block;
  font-size: .75em;
  font-style: italic;
  text-align: center;
  margin-top: .25em; }

.pagination_disabled {
  opacity: .3;
  pointer-events: none; }

/*----- Legacy feature filter bar -----*/
.feature_filter_container {
  margin-bottom: 25px; }

.feature_filter_toggle {
  display: inline;
  margin: 0 0 0 5px; }

.feature_filters hr {
  margin: 10px 0; }

.feature_search_filter {
  margin: 0 3px 0 0; }

.feature_search_button {
  margin: 0; }

/*----- RESPONSIVE TABLE/FILTER FUNCTIONALITY -----*/
@media screen and (max-width: 34em) {
  /* Remove non-critical table columns to better fit on small devices */
  .table_column_hide, .responsive_hide {
    display: none; }

  /* Stack items in features filter */
  .feature_filters {
    clear: both;
    overflow: hidden; }

  .feature_filters form, .feature_filters div {
    float: left;
    margin: 10px 0 5px; }

  .feature_filters hr {
    clear: both; } }
/*----- Legacy editor templates -----*/
.template_image_left2 {
  clear: both;
  overflow: hidden; }

.pullimage_left2 {
  float: left;
  line-height: 0;
  margin: 0 20px 15px 0;
  max-width: 40%; }

.pullimage_left2 img {
  box-sizing: border-box;
  max-width: 100%; }

@media screen and (max-width: 48em) {
  .pullimage_left2 {
    margin: 0 3% 2% 0; } }
@media screen and (max-width: 30em) {
  .pullimage_left2 {
    max-width: 50%; } }
.template_image_right2 {
  clear: both;
  overflow: hidden; }

.pullimage_right2 {
  float: right;
  line-height: 0;
  margin: 0 0 15px 20px;
  max-width: 40%; }

.pullimage_right2 img {
  box-sizing: border-box;
  max-width: 100%; }

@media screen and (max-width: 48em) {
  .pullimage_right2 {
    margin: 0 0 2% 3%; } }
@media screen and (max-width: 30em) {
  .pullimage_right2 {
    max-width: 50%; } }
.template_pullquote_left2 {
  clear: both;
  overflow: hidden; }

.pullquote_left2 {
  border-radius: 3px;
  display: block;
  float: left;
  font-size: 1.125em;
  font-style: italic;
  font-weight: bold;
  margin: 0 20px 15px 0;
  padding: 20px;
  width: 30%; }

@media screen and (max-width: 48em) {
  .pullquote_left2 {
    margin: 0 3% 2% 0;
    padding: 3%;
    width: 40%; } }
@media screen and (max-width: 36em) {
  .pullquote_left2 {
    margin: 0 4% 3% 0;
    padding: 4%;
    width: 50%; } }
@media screen and (max-width: 30em) {
  .pullquote_left2 {
    margin: 0 0 3%;
    padding: 5%;
    width: 100%; } }
.template_pullquote_right2 {
  clear: both;
  overflow: hidden; }

.pullquote_right2 {
  border-radius: 3px;
  display: block;
  float: right;
  font-size: 1.125em;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 20px;
  padding: 20px;
  width: 30%; }

@media screen and (max-width: 48em) {
  .pullquote_right2 {
    margin: 0 0 2% 3%;
    padding: 3%;
    width: 40%; } }
@media screen and (max-width: 36em) {
  .pullquote_right2 {
    margin: 0 0 3% 4%;
    padding: 4%;
    width: 50%; } }
@media screen and (max-width: 30em) {
  .pullquote_right2 {
    margin: 0 0 3%;
    padding: 5%;
    width: 100%; } }
.template_gridrow3 {
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 0 0 2%;
  list-style: none; }

.template_gridrow3 li {
  float: left;
  line-height: 0;
  margin-left: 2%;
  width: 32%; }

.template_gridrow3 img {
  box-sizing: border-box;
  height: auto !important;
  max-width: 100% !important;
  /* width:100%!important */ }

li.template_gridrow3_1 {
  margin-left: 0; }

@media screen and (max-width: 29em) {
  .template_gridrow3 li {
    margin: 2% 0 0;
    width: 100%; }

  li.template_gridrow3_1 {
    margin: 0; } }
.template_gridrow3text {
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 0 0 2%;
  list-style: none; }

.template_gridrow3text li {
  float: left;
  margin-left: 2%;
  width: 32%; }

.template_gridrow3text img {
  box-sizing: border-box;
  height: auto !important;
  line-height: 0;
  margin-bottom: 2%;
  max-width: 100% !important;
  /* width:100%!important */ }

.template_gridrow3text li > div {
  margin-bottom: 2%; }

li.template_gridrow3text_1 {
  margin-left: 0; }

@media screen and (max-width: 47em) {
  .template_gridrow3text li {
    margin: 2% 0 0;
    width: 100%; }

  li.template_gridrow3text_1 {
    margin: 0; } }
.template_gridrow4 {
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 0 0 2%;
  list-style: none; }

.template_gridrow4 li {
  float: left;
  line-height: 0;
  margin-left: 2%;
  width: 23.5%; }

.template_gridrow4 img {
  box-sizing: border-box;
  height: auto !important;
  max-width: 100% !important;
  /* width:100%!important */ }

li.template_gridrow4_1 {
  margin-left: 0; }

@media screen and (max-width: 45em) {
  .template_gridrow4 li {
    width: 49%; }

  li.template_gridrow4_1 {
    margin: 0 2% 2% 0; }

  li.template_gridrow4_2 {
    margin: 0 0 2% 0; }

  li.template_gridrow4_3 {
    margin: 0 2% 0 0; }

  li.template_gridrow4_4 {
    margin: 0; } }
@media screen and (max-width: 24em) {
  .template_gridrow4 li {
    margin: 2% 0 0;
    width: 100%; }

  li.template_gridrow4_1 {
    margin: 0; } }
.template_2column {
  clear: both;
  overflow: hidden; }

.template_2column img {
  box-sizing: border-box;
  height: auto !important;
  max-width: 100% !important; }

.template_2column_1 {
  float: left;
  margin-right: 4%;
  width: 48%; }

.template_2column_2 {
  float: left;
  width: 48%; }

@media screen and (max-width: 40em) {
  .template_2column_1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%; }

  .template_2column_2 {
    width: 100%; } }
.template_3column {
  clear: both;
  overflow: hidden; }

.template_3column img {
  box-sizing: border-box;
  height: auto !important;
  max-width: 100% !important; }

.template_3column_1 {
  float: left;
  margin-right: 4%;
  width: 30.6%; }

.template_3column_2 {
  float: left;
  margin-right: 4%;
  width: 30.6%; }

.template_3column_3 {
  float: left;
  width: 30.6%; }

@media screen and (max-width: 44em) {
  .template_3column_1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%; }

  .template_3column_2 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%; }

  .template_3column_3 {
    width: 100%; } }
.template_staff_member {
  clear: both;
  overflow: hidden; }

.template_staff_header img {
  box-sizing: border-box;
  float: left;
  height: auto !important;
  margin: 0 20px 15px 0;
  max-width: 30%; }

.template_staff_header h2 {
  display: inline; }

@media screen and (max-width: 30em) {
  .template_staff_header img {
    margin: 0 4% 3% 0; } }
/* Custom editor template styles */
/*----------------------------------------------------------------------------
  ckEditor Templates
  Note: Must paste compiled css for this section into the following files
        so that styles are applied on both front and back end and when logged
        in or not logged in:
        /nextmeta0/ckeditor/plugins/templates/templates/custom_templates.css
        /nextmeta0/css/utility_style_sheet.scss
----------------------------------------------------------------------------*/
.contentEditable .template_outline {
  box-shadow: 0 0 0 1px #ace; }

.cke_widget_wrapper:hover .cke_widget_element,
.cke_widget_wrapper:hover .cke_widget_editable {
  outline: 2px solid #ace !important; }

.cke_widget_wrapper.cke_widget_focused > .cke_widget_element,
.cke_widget_wrapper .cke_widget_editable.cke_widget_editable_focused {
  outline: 2px solid #006cbf !important;
  z-index: 2 !important; }

.cke_widget_drag_handler_container {
  top: auto !important;
  bottom: -15px !important;
  z-index: 99; }

.layout_2column {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_2column_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_2column_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_2column_col2 {
    flex: 1;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_2column_col2 {
        flex: 1 0 100%; } }
  .layout_2column img {
    height: auto !important;
    max-width: 100% !important; }

.layout_3column {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_3column_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_3column_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_3column_col2 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_3column_col2 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_3column_col3 {
    flex: 1;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_3column_col3 {
        flex: 1 0 100%; } }
  .layout_3column img {
    height: auto !important;
    max-width: 100% !important; }

.layout_4column {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_4column_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4column_col1 {
        flex: 1 0 calc(50% - 15px);
        margin: 0 30px 30px 0; } }
    @media screen and (max-width: 480px) {
      .layout_4column_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_4column_col2 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4column_col2 {
        flex: 1 0 calc(50% - 15px);
        margin: 0 0 30px; } }
    @media screen and (max-width: 480px) {
      .layout_4column_col2 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_4column_col3 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4column_col3 {
        flex: 1 0 calc(50% - 15px); } }
    @media screen and (max-width: 480px) {
      .layout_4column_col3 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_4column_col4 {
    flex: 1;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4column_col4 {
        flex: 1 0 calc(50% - 15px); } }
    @media screen and (max-width: 480px) {
      .layout_4column_col4 {
        flex: 1 0 100%; } }
  .layout_4column img {
    height: auto !important;
    max-width: 100% !important; }

.layout_3image {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_3image_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_3image_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_3image_col2 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_3image_col2 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_3image_col3 {
    flex: 1;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_3image_col3 {
        flex: 1 0 100%; } }
  .layout_3image img {
    height: auto !important;
    width: 100% !important; }

.layout_3image_text {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_3image_text_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_3image_text_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_3image_text_col2 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_3image_text_col2 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_3image_text_col3 {
    flex: 1;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_3image_text_col3 {
        flex: 1 0 100%; } }
  .layout_3image_text_content1, .layout_3image_text_content2, .layout_3image_text_content3 {
    margin-top: 30px; }
  .layout_3image_text img {
    height: auto !important;
    width: 100% !important; }

.layout_4image {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_4image_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4image_col1 {
        flex: 1 0 calc(50% - 15px);
        margin: 0 30px 30px 0; } }
    @media screen and (max-width: 480px) {
      .layout_4image_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_4image_col2 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4image_col2 {
        flex: 1 0 calc(50% - 15px);
        margin: 0 0 30px; } }
    @media screen and (max-width: 480px) {
      .layout_4image_col2 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_4image_col3 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4image_col3 {
        flex: 1 0 calc(50% - 15px); } }
    @media screen and (max-width: 480px) {
      .layout_4image_col3 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
  .layout_4image_col4 {
    flex: 1;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_4image_col4 {
        flex: 1 0 calc(50% - 15px); } }
    @media screen and (max-width: 480px) {
      .layout_4image_col4 {
        flex: 1 0 100%; } }
  .layout_4image img {
    height: auto !important;
    width: 100% !important; }

.layout_staff_list {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_staff_list_col1 {
    flex: 1;
    margin-right: 40px;
    width: 0; }
    @media screen and (max-width: 768px) {
      .layout_staff_list_col1 {
        margin-right: 30px; } }
    .layout_staff_list_col1 img {
      height: auto !important;
      width: 100% !important; }
  .layout_staff_list_col2 {
    flex: 4;
    width: 0; }
    .layout_staff_list_col2 img {
      height: auto !important;
      max-width: 100% !important; }
  .layout_staff_list_name {
    margin: 0 0 4px; }
  .layout_staff_list_position {
    margin-bottom: 30px; }

.layout_image_left {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_image_left_col1 {
    flex: 1;
    margin-right: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_image_left_col1 {
        flex: 1 0 100%;
        margin: 0 0 30px; } }
    .layout_image_left_col1 img {
      height: auto !important;
      width: 100% !important; }
  .layout_image_left_col2 {
    flex: 4;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_image_left_col2 {
        flex: 1 0 100%; } }
    .layout_image_left_col2 img {
      height: auto !important;
      max-width: 100% !important; }

.layout_image_right {
  display: flex;
  flex-flow: row wrap;
  word-break: break-word; }
  .layout_image_right_col1 {
    flex: 4;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_image_right_col1 {
        flex: 1 0 100%;
        order: 2; } }
    .layout_image_right_col1 img {
      height: auto !important;
      max-width: 100% !important; }
  .layout_image_right_col2 {
    flex: 1;
    margin-left: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .layout_image_right_col2 {
        flex: 1 0 100%;
        margin: 0 0 30px;
        order: 1; } }
    .layout_image_right_col2 img {
      height: auto !important;
      width: 100% !important; }

/*--- css/utility_style_sheet.css ---*/
