.left { float: left; }.right { float: right; }
.grid-container { float: left; left: 0; top: 0; width: 100%; }
.grid-container.padding-left { padding-left: 6%; }
.grid-container.padding-right { padding-left: 6%; }
.grid-container.padding-left-right { padding-left: 6%; padding-right: 6%; }
.grid-element { left: 0; position: relative; top: 0; }
.grid-100 { float: left; width: 100%; }
.grid-50 { width: 50%; }
.grid-33 { width: 33.333333%; }
.grid-66 { width: 66.666666%; }
.grid-25 { width: 25%; }
.grid-75 { width: 75%; }

.grid-center-outerwrap { width: 100%; }
.grid-33.center { left: 50%; position: absolute; top: 0; }
.grid-center-innerwrap { float: left; margin-left: -50%; width: 100%; }

.grid-container--66-33 > .grid-66 { padding-right: 12%; }

/* START: Accordion; */
.js .grid-accordion > .grid-element > * > .font-header { cursor: pointer; padding-bottom: 10px; }
.js .grid-accordion > .grid-element > * > *:not(.font-header, header) { display: none; padding: 15px; }
/* END: Accoridion; */

/* START: Tabs; */
.js .grid-tabs > .grid-element > * { float: left; min-width: 200px; width: auto; }
.js .grid-tabs > .grid-element > * > .font-header { cursor: pointer; padding-bottom: 10px; }
.js .grid-tabs > .grid-element > * > *:not(.font-header) { display: none; padding: 15px; }
/* END: Tabs; */

@media only screen and (max-width: 1230px) {
  .grid-container--25 > .grid-25 { width: 48%;  }
  .grid-container--25 > .grid-25:nth-child(2), .grid-container--25 > .grid-25:nth-child(4) { }
  .grid-container--25 > .right { float: left; }
  .grid-container--75-25 > .grid-25, .grid-container--75-25 > .grid-75 { width: 100%; }
}
@media only screen and (max-width: 950px) {
  .grid-50, .grid-container--33 > .grid-33 { width: 100%; }
  .grid-container--33 > .grid-element { padding: 0 0 10px; }
  .grid-container--33 > .grid-element:last-child { padding: 0; }
  .grid-container--33-66 > .grid-66, .grid-container--33-66 > .grid-33,
    .grid-container--66-33 > .grid-66, .grid-container--66-33 > .grid-33 { width: 100%; }
}
@media only screen and (max-width: 650px) {
  .grid-container--50 > .grid-50, .grid-container--25 > .grid-25, .grid-container--25 > .grid-25:nth-child(2),
  .grid-container--25 > .grid-25:nth-child(4) {
    margin: 0; width: 100%; }
}