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

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

body,
html {
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  /*	*behavior: url(/global/vendor/boxsizing.htc)*/
}

html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  background: #fff;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  line-height: 1.4em;
}

::selection {
  background: #f7e975;
}

img::selection {
  background: #f7e975;
}

img::-moz-selection {
  background: #f7e975;
}

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

b,
strong {
  font-weight: 700;
}

* {
  transition: none 0.5s ease;
  /*	backface-visibility: hidden;*/
}

*,
:after,
:before {
  box-sizing: inherit;
}

#application {
  overflow: hidden;
}
@-ms-viewport {
  width: device-width;
}
.hcenter {
  text-align: center;
}

/***** GLOBAL ALERT *****/
#global-alert {
  display: none;
}

/***** SHOW-HIDE *****/
.hide,
.hidden,
.invisible,
.pdf-hide {
  visibility: hidden;
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
@media only screen and (min-width: 768px) {
  .only-xs,
  .xs-only {
    display: none;
  }
  .hcenter-xsonly {
    text-align: auto;
  }
  .text-left-xsonly {
    text-align: center;
  }
  .row.padding {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .hide-sm,
  .sm-hide {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hide-md,
  .md-hide {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .hide-lg,
  .lg-hide {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hide-xs,
  .xs-hide {
    display: none;
  }
  .only-xs,
  .xs-only {
    display: block;
  }
  .hcenter-xsonly,
  .text-center-xsonly {
    text-align: center;
  }
  .text-left-xsonly {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/***** FORMS *****/
.input,
.input-select,
.input[type="month"],
.input[type="week"],
.input[type="email"],
.input[type="number"],
.input[type="search"],
.input[type="tel"],
.input[type="time"],
.input[type="url"],
.input[type="text"],
.input[type="password"],
.input[type="date"],
.input[type="datetime"],
.input[type="datetime-local"] {
  display: inline-block;
  padding: 3px 10px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  outline: 0;
  border-radius: 2px;
  border: 3px solid transparent;
  transition-property: padding, border, background-color;
  font-size: 1.3em;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #000;
}

.input-select:focus,
.input:focus,
.input[type="month"]:focus,
.input[type="week"]:focus,
.input[type="email"]:focus,
.input[type="number"]:focus,
.input[type="search"]:focus,
.input[type="tel"]:focus,
.input[type="time"]:focus,
.input[type="url"]:focus,
.input[type="text"]:focus,
.input[type="password"]:focus,
.input[type="date"]:focus,
.input[type="datetime"]:focus,
.input[type="datetime-local"]:focus {
  border: 3px solid #f7e975;
}

.input-select:-ms-input-placeholder,
.input:-ms-input-placeholder,
.input[type="month"]:-ms-input-placeholder,
.input[type="week"]:-ms-input-placeholder,
.input[type="email"]:-ms-input-placeholder,
.input[type="number"]:-ms-input-placeholder,
.input[type="search"]:-ms-input-placeholder,
.input[type="tel"]:-ms-input-placeholder,
.input[type="time"]:-ms-input-placeholder,
.input[type="url"]:-ms-input-placeholder,
.input[type="text"]:-ms-input-placeholder,
.input[type="password"]:-ms-input-placeholder,
.input[type="date"]:-ms-input-placeholder,
.input[type="datetime"]:-ms-input-placeholder,
.input[type="datetime-local"]:-ms-input-placeholder {
  color: #333;
  font-weight: 400;
}

.input-select::placeholder,
.input::placeholder,
.input[type="month"]::placeholder,
.input[type="week"]::placeholder,
.input[type="email"]::placeholder,
.input[type="number"]::placeholder,
.input[type="search"]::placeholder,
.input[type="tel"]::placeholder,
.input[type="time"]::placeholder,
.input[type="url"]::placeholder,
.input[type="text"]::placeholder,
.input[type="password"]::placeholder,
.input[type="date"]::placeholder,
.input[type="datetime"]::placeholder,
.input[type="datetime-local"]::placeholder {
  color: #333;
  font-weight: 400;
}

.input-select {
  padding-right: 50px;
  width: 100%;
  border: 3px solid #fff;
}

.input-select:focus {
  box-shadow: none;
  padding: 5px 50px 1px 10px;
}

select::-ms-expand {
  display: none;
}

/***** ICONS *****/
@font-face {
  font-family: trimet;
  src: url(/global/fonts/trimet.eot?v=3.0.1);
  src:
    url(/global/fonts/trimet.eot?#iefix?v=3.0.1) format("embedded-opentype"),
    url(/global/fonts/trimet.woff?v=3.0.1) format("woff"),
    url(/global/fonts/trimet.ttf?v=3.0.1) format("truetype"),
    url(/global/fonts/trimet.svg#trimet?v=3.0.1) format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*=" tmfa-"]:before,
[class^="tmfa-"]:before,
[data-icon]:before {
  display: inline-block;
  font-size: inherit;
  font-family: trimet !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-rendering: auto;
  speak: none;
  line-height: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.tmfa-accessible:before {
  content: "\e000";
}

.tmfa-aerialtram:before {
  content: "\e001";
}

.tmfa-alert-outline:before {
  content: "\e002";
}

.tmfa-alert-solid:before {
  content: "\e003";
}

.tmfa-app:before {
  content: "\e004";
}

.tmfa-bike:before {
  content: "\e005";
}

.tmfa-bikeandride:before {
  content: "\e006";
}

.tmfa-bikelocker:before {
  content: "\e007";
}

.tmfa-bikeparking:before {
  content: "\e008";
}

.tmfa-bikestaple:before {
  content: "\e009";
}

.tmfa-bus:before {
  content: "\e00a";
}

.tmfa-bus-circle:before {
  content: "\e00b";
}

.tmfa-car:before {
  content: "\e00c";
}

.tmfa-circle:before {
  content: "\e00d";
}

.tmfa-email:before {
  content: "\e00e";
}

.tmfa-feedback:before {
  content: "\e00f";
}

.tmfa-help-outline:before {
  content: "\e010";
}

.tmfa-help-solid:before {
  content: "\e011";
}

.tmfa-info:before {
  content: "\e012";
}

.tmfa-map:before {
  content: "\e013";
}

.tmfa-mapmarker-outline:before {
  content: "\e014";
}

.tmfa-mapmarker-solid:before {
  content: "\e015";
}

.tmfa-max:before {
  content: "\e016";
}

.tmfa-max-circle:before {
  content: "\e017";
}

.tmfa-parking:before {
  content: "\e018";
}

.tmfa-phone:before {
  content: "\e019";
}

.tmfa-plane:before {
  content: "\e01a";
}

.tmfa-snow:before {
  content: "\e01c";
}

.tmfa-ss-outline:before {
  content: "\e01d";
}

.tmfa-ss-solid:before {
  content: "\e01e";
}

.tmfa-streetcar:before {
  content: "\e01f";
}

.tmfa-streetcar-circle:before {
  content: "\e020";
}

.tmfa-tt-outline:before {
  content: "\e021";
}

.tmfa-tt-solid:before {
  content: "\e022";
}

.tmfa-tp-outline:before {
  content: "\e023";
}

.tmfa-tp-solid:before {
  content: "\e024";
}

.tmfa-walk:before {
  content: "\e025";
}

.tmfa-wes:before {
  content: "\e026";
}

.tmfa-wes-circle:before {
  content: "\e027";
}

.tmfa-zoom-straight:before {
  content: "\e028";
}

.tmfa-zoom-angle:before {
  content: "\e029";
}

.tmfa-schedule:before {
  content: "\e01b";
}

.tmfa-bicycle:before {
  content: "\e030";
}

/****** NAVBAR ******/
nav {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #084c8d;
  outline: none;
}
nav a {
  border: none;
}
nav a:focus-visible {
  background-color: transparent;
  outline: 2px solid #6cb33e;
  outline-offset: -2px;
  border-radius: 5px;
}
nav a:active {
  background-color: transparent;
  outline: 0;
}

.navbar {
  height: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .navbar {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

/* LOGO */
.trimet-logo {
  padding: 0 0.5em;
  z-index: 800;
}
.trimet-logo #fulllogo {
  display: none;
}
.trimet-logo #rosette {
  display: flex;
  transform: translateY(6px);
}

.trimet-logo #rosette svg {
  width: 62px;
}

@media (min-width: 576px) {
  .trimet-logo #fulllogo {
    display: initial;
  }
  .trimet-logo #rosette {
    display: none;
  }
}
@media (min-width: 576px) {
  .trimet-logo {
    padding: 0 2em;
  }
}

/* STRIPE */
.stripe-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.stripe {
  display: none;
}
@media (min-width: 480px) {
  .stripe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    overflow-y: clip;
    width: 100px;
    margin-right: -35px;
  }
}
@media (min-width: 360px) {
  .stripe {
    width: 150px;
  }
}
@media (min-width: 576px) {
  .stripe {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .stripe {
    width: 250px;
  }
}

/* MENU BUTTON */
.menu-link {
  background: transparent;
  color: inherit;
  border-radius: 5px;
  text-align: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.5em;
}
.menu-link:hover {
  background-color: #609e38;
  box-shadow: 0;
}
.menu-text {
  text-transform: uppercase;
  display: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  font-family: "Source Sans Pro";
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 576px) {
  .menu-link {
    padding: 0 2em 0 1em;
  }
}
/* add in MENU text */
@media (min-width: 992px) {
  .menu-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0.125em 0 0;
    color: #fff;
  }
  .menu-link svg {
    margin-right: 0.25em;
  }
}

/** Drop down styles **/

.buttons-wrapper {
  display: flex;
  align-items: stretch;
  align-content: center;
}

.buttons-wrapper a {
  display: flex;
  flex: 1 0 auto;
  color: #fff;
  align-items: center;
  padding: 0 0.5em;
  margin: 0;
}

.buttons-wrapper a.menu-link {
  background-color: #6cb33f;
  border-radius: 0;
  padding: 0 1em;
}

.buttons-wrapper a.menu-link:hover {
  background-color: #609e38;
}

.button-text {
  display: none;
}

@media (min-width: 992px) {
  .button-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0.125em 0 0;
    color: #fff;
    font-size: 1.1em;
  }
}

/* div */
#language-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* button */
#language-button {
  background-color: transparent;
  border: none;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  border-radius: 0;
  flex-wrap: wrap;
  align-content: stretch;
  height: 100%;
  padding: 0 16px;
}

#language-button:hover {
  background-color: #00386e;
}

#language-button:hover {
  cursor: pointer;
}

#language-button:focus {
  background-color: #00386e;
}

#language-button:focus-visible {
  outline: 2px solid #6cb33e;
  outline-offset: -2px;
  background-color: #00386e;
}

#language-button svg {
  margin-right: 0.35em;
  outline: none;
}

/* label */
.language-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#language-listbox {
  visibility: hidden;
  position: absolute;
  left: -63px;
  top: 50px;
  z-index: 10000;
  background: #fff;
  border-radius: 6px;
  padding: 0;
  margin: 0;
  border: 1px solid #cdcdcd;
  box-shadow: 0 1px 2px #939393;
  min-width: 125px;
  overflow: hidden;
}

#language-listbox .list-item {
  font-size: 1rem;
  color: #084c8d;
  padding: 0 0.5em 0.25em;
  list-style: none;
  display: flex;
}

#language-listbox .list-item:hover,
#language-listbox .list-item:focus {
  background-color: #f1f7ff;
}

#language-listbox .list-item:hover {
  background-color: #f1f7ff;
}

#language-listbox .list-item:not(:first-child) {
  padding: 0.2em 0.5em;
}

#language-listbox .list-item-inner {
    display: flex;
    flex: 1 0 auto;
    width:100%;
    justify-content: space-between;
    padding: .25em 0;
}

/* The check mark*/
#language-listbox .list-item .check-wrapper {
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
}

svg#selected-check {
  width: 100%;
  max-width: 20px;
  height: auto;
  fill: #609e38;
}

/* span */
#language-button-text {
  font-family: "Source Sans Pro";
  display: none;
  color: #fff;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  #language-listbox {
    left: 0;
    min-width: 139px;
  }
  #language-button-text {
    display: initial;
    min-width: 50px;
  }
}

/***** FOOTER *****/
.footer {
  background-color: #000;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer .footerlogo {
  text-align: center;
}
.footer .footerlogo a {
  display: inline-block;
}
.footer .footerlogo img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 200px;
  margin-top: 20px;
}
.footer a {
  border: none;
}
.footer p {
  font-size: 14px;
  font-weight: 300;
  margin-top: 15px;
  color: #999;
  text-align: center;
}
.footer p a {
  color: #ccc;
  text-decoration: none;
}
.footer p a:hover {
  color: #fff;
  border-bottom: 1px solid #666;
}
.footer .social {
  text-align: center;
  margin-top: 10px;
}
.footer .social a {
  display: inline-block;
  margin-right: 0.5em;
}
.footer .social img {
  width: 36px;
  height: 36px;
}
.footer .googlesearch {
  padding-top: 30px;
}
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
  border-radius: 2px !important;
}
.gsc-input-box {
  padding-left: 6px !important;
  padding-top: 1px !important;
}
.gsib_a {
  padding: 0 !important;
}
.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
  padding: 6px 27px 7px !important;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  /* sm screens and up */
  .footer .footerlogo img {
    max-width: 240px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer .contentcontainer {
    width: 100%;
    max-width: 1920px;
  }
}

img.print-logo,
p.print-footer {
  display: none;
}

/***** CONTENT SETUP *****/
.content {
  position: relative;
}
.contentcontainer,
.contentcontainer-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row:after {
  clear: both;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.standardcontent .contentcontainer .row .row {
  /* put some padding between rows when used in standard content template */
  padding-top: 15px;
  padding-bottom: 15px;
}
.content .contentcontainer.compact {
  padding-top: 15px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.row.padding {
  margin-bottom: 15px;
}

.row:after,
.row:before {
  display: table;
  content: " ";
}

@media (min-width: 480px) and (max-width: 767px) {
  .contentcontainer {
    max-width: 748px;
  }
  .col-ms-1,
  .col-ms-10,
  .col-ms-11,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9 {
    float: left;
  }
  .col-ms-1 {
    width: 8.33333%;
  }
  .col-ms-2 {
    width: 16.66667%;
  }
  .col-ms-3 {
    width: 25%;
  }
  .col-ms-4 {
    width: 33.33333%;
  }
  .col-ms-5 {
    width: 41.66667%;
  }
  .col-ms-6 {
    width: 50%;
  }
  .col-ms-7 {
    width: 58.33333%;
  }
  .col-ms-8 {
    width: 66.66667%;
  }
  .col-ms-9 {
    width: 75%;
  }
  .col-ms-10 {
    width: 83.33333%;
  }
  .col-ms-11 {
    width: 91.66667%;
  }
  .col-ms-12 {
    width: 100%;
  }
  .col-ms-push-1 {
    left: 8.33333%;
  }
  .col-ms-push-2 {
    left: 16.66667%;
  }
  .col-ms-push-3 {
    left: 25%;
  }
  .col-ms-push-4 {
    left: 33.33333%;
  }
  .col-ms-push-5 {
    left: 41.66667%;
  }
  .col-ms-push-6 {
    left: 50%;
  }
  .col-ms-push-7 {
    left: 58.33333%;
  }
  .col-ms-push-8 {
    left: 66.66667%;
  }
  .col-ms-push-9 {
    left: 75%;
  }
  .col-ms-push-10 {
    left: 83.33333%;
  }
  .col-ms-push-11 {
    left: 91.66667%;
  }
  .col-ms-pull-1 {
    right: 8.33333%;
  }
  .col-ms-pull-2 {
    right: 16.66667%;
  }
  .col-ms-pull-3 {
    right: 25%;
  }
  .col-ms-pull-4 {
    right: 33.33333%;
  }
  .col-ms-pull-5 {
    right: 41.66667%;
  }
  .col-ms-pull-6 {
    right: 50%;
  }
  .col-ms-pull-7 {
    right: 58.33333%;
  }
  .col-ms-pull-8 {
    right: 66.66667%;
  }
  .col-ms-pull-9 {
    right: 75%;
  }
  .col-ms-pull-10 {
    right: 83.33333%;
  }
  .col-ms-pull-11 {
    right: 91.66667%;
  }
  .col-ms-offset-0 {
    margin-left: 0;
  }
  .col-ms-offset-1 {
    margin-left: 8.33333%;
  }
  .col-ms-offset-2 {
    margin-left: 16.66667%;
  }
  .col-ms-offset-3 {
    margin-left: 25%;
  }
  .col-ms-offset-4 {
    margin-left: 33.33333%;
  }
  .col-ms-offset-5 {
    margin-left: 41.66667%;
  }
  .col-ms-offset-6 {
    margin-left: 50%;
  }
  .col-ms-offset-7 {
    margin-left: 58.33333%;
  }
  .col-ms-offset-8 {
    margin-left: 66.66667%;
  }
  .col-ms-offset-9 {
    margin-left: 75%;
  }
  .col-ms-offset-10 {
    margin-left: 83.33333%;
  }
  .col-ms-offset-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .contentcontainer {
    width: 750px;
  }
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .contentcontainer {
    width: 970px;
  }
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .contentcontainer {
    width: 1140px;
  }
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}