/*
Theme Name: sr1312altoa2018
Theme URI: https://sahneraum.de/
Author: Sahneraum
Author URI: https://sahneraum.de/marc-meierhof/
Description: Dieses Theme wurde erstellt von Marc Meierhof für Sahneraum
Version: 1.0
License: no license
License URI: 
Text Domain: sr1312altoa2018
Tags: no tags needed

Dieses Theme ist Eigentum der Firma Sahneraum.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
*  ------------------------------------------------------
*  Sahneraum
*  Marc Meierhof
*  http://www.sahneraum.de
*
*  Projekt:  Grid-System
*  Version:  3.01
*
*  ------------------------------------------------------
*  INHALTSVERZEICHNIS
*
*  01.00 CHARSET FESTLEGEN AND INCLUDE FONTS
*  02.00 RESET
*  03.00 STANDARD
*  04.00 HEADER
*  05.00 NAV
*  06.00 MAIN
*  07.00 FOOTER
*  08.00 SPEZIFISCH
*  09.00 GRIDSYSTEM
*  ------------------------------------------------------
**/




/**
*  ------------------------------------------------------
*  01.00 CHARSET FESTLEGEN AND INCLUDE FONTS
*  ------------------------------------------------------
**/
@charset "UTF-8";
@font-face {
	font-family: "Titillium Web";
	font-weight: 400;
	font-style: normal;
	src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(//www.altoa.de/wp-content/uploads/sgf-css/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format('woff2'), url(//www.altoa.de/wp-content/uploads/sgf-css/NaPecZTIAOhVxoMyOr9n_E7fdMPmCw.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Titillium Web";
	font-weight: 700;
	font-style: normal;
	src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(//www.altoa.de/wp-content/uploads/sgf-css/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzY5abuWI.woff2) format('woff2'), url(//www.altoa.de/wp-content/uploads/sgf-css/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzZQ.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/**
*  ------------------------------------------------------
*  02.00 RESET
*  ------------------------------------------------------
**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100.01%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

* {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  position: relative;
  margin: 0;
  padding: 0;
}

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

body {
  background: #f1f1f1;
  line-height: 1;
}

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

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

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

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

blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

a:focus {
  outline: none;
  ie-dummy: expression(this.hideFocus=true);
}

a:hover,
a:active {
  outline: 0;
  ie-dummy: expression(this.hideFocus=true);
}

a img {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
}

em {
  font-style: italic;
}




/**
*  ------------------------------------------------------
*  03.00 STANDARD
*  ------------------------------------------------------
**/
body {
  font-family: 'Titillium Web', Helvetica, Arial, Verdana, sans-serif;
  background-color: #fff;
  color: #50739f;
  font-size: 20px;
}
a {
  color: #0F91D2;
  text-decoration: underline;
  -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
a:hover {
  color: #000;
}
main {
  z-index: 0;
}
.text_center, .text-center {
  text-align: center;
}
.text_left, .text-left {
  text-align: left;
}
.text_right, .text-right {
  text-align: right;
}
.text_justify, .text-justify {
  text-align: justify;
}
.small {
  font-size: 90%;
}
.big-text {
  font-size: 200%;
}
.full_width {
  width: 100%;
  max-width: 100%;
}
.hidden {
  display: none;
}
ul li,
ol li {
  margin-left: 25px;
}
h1 {
  font-size: 200%;
  font-weight: 800;
}
h2 {
  font-size: 150%;
  font-weight: 700;
}
h3 {
  font-size: 120%;
  font-weight: 600;
}
h4 {
  font-size: 100%;
}
h5 {
  font-size: 90%;
}
h6 {
  font-size: 80%;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 150%;
}
strong,
b {
  font-weight: 600;
}
p {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
p:first-child {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 5px;
}




/**
*  ------------------------------------------------------
*  04.00 HEADER
*  ------------------------------------------------------
**/
#mainhead {
  line-height: 0;
}




/**
*  ------------------------------------------------------
*  05.00 NAV
*  ------------------------------------------------------
**/
#mainnav {
  position: relative;
  display: block;
  z-index: 999;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  background-color: #c3d4ea;
  height: 70px;
}
#mainnavcontent {
  margin: 20px;
  background-color: #c3d4ea;
  color: #fff;
  float: none;
}
#menu-oberes-menue {
  margin-left: 20%;
}
.menu-item {
  float: none;
  margin: 0;
  list-style: none;
}
#mainnavcontent:after {
  content: ' ';
  display: block;
  height: 0px;
  float: none;
  clear: both;
  overflow: hidden;
}
#mainnav a {
  display: inline-block;
  float: left;
  background-color: #c3d4ea;
  color: #50739f;
  line-height: 70px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  font-size: 20px;
}
#mainnav a:hover,
.current-menu-item {
  background-color: #c3d4ea;
  color: #50739f;
  text-shadow: rgb(80, 115, 159) 1px 0px 0px, rgb(80, 115, 159) 0.540302px 0.841471px 0px, rgb(80, 115, 159) -0.416147px 0.909297px 0px, rgb(80, 115, 159) -0.989992px 0.14112px 0px, rgb(80, 115, 159) -0.653644px -0.756802px 0px, rgb(80, 115, 159) 0.283662px -0.958924px 0px, rgb(80, 115, 159) 0.96017px -0.279416px 0px;
}
#mainlogo-full {
  background: none !important;
  position: absolute;
  margin-top: -95px;
}
#menu-footermenu {
  text-align: center;
}
#menu-footermenu .menu-item {
  display: inline-block;
  width: auto;
  padding: 10px;
}
#menu-footermenu a {
  text-decoration: none;
}
.menu-item-has-children {
  position: relative;
  display: inline-block;
  float: left;
}
.menu-item-has-children a:after {
  content: '▼';
}
.menu-item-has-children a {

}
.menu-item-has-children .sub-menu a:after {
  display: none;
}
.menu-item-has-children .sub-menu {
  position: absolute;
  display: inline-block;
  top: -9999970px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.menu-item-has-children:hover .sub-menu {
  position: absolute;
  display: inline-block;
  top: 70px;
  left: 0;
  opacity: 1;
}
.menu-item-has-children .sub-menu li {
  display: block;
  width: 100%;
}
.menu-item-has-children .sub-menu li a {
  display: block;
  width: 100%;
}




/**
*  ------------------------------------------------------
*  06.00 MAIN
*  ------------------------------------------------------
**/
#maincontent {
  padding-top: 20px;
  line-height: 24px;
}
#maincontent:after {
  content: '';
  border-bottom: 1px dotted #50739f;
  position: relative;
  display: block;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.border-widget .widget-outer {
  padding: 8px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(80, 115, 159, 0.6);
  -moz-box-shadow: 0px 0px 21px 0px rgba(80, 115, 159, 0.6);
  box-shadow: 0px 0px 21px 0px rgba(80, 115, 159, 0.6);
}
.border-widget .widget-inner {
  padding: 12px;
  border: 1px solid #50739f;
}




/**
*  ------------------------------------------------------
*  07.00 FOOTER
*  ------------------------------------------------------
**/
#mainfooter {}




/**
*  ------------------------------------------------------
*  08.00 SPEZIFISCH
*  ------------------------------------------------------
**/
.widget ul li {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.wpcf7-form {
  display: block;
  float: left;
  width: 100%;
  font-size: 21px;
}
.wpcf7-form:after {
  content: '';
  display: block;
  overflow: hidden;
  height: 0;
  float: none;
  clear: both;
}
.wpcf7-form input,
.wpcf7-form textarea {
  display: block;
  width: 100%;
  line-height: 47px;
  padding: 0 8px;
  font-size: 21px;
  color: #50739f;
  border: 1px solid #cbcbcb;
}
.wpcf7-form textarea {
  height: 150px;
}
.your-name {
  display: inline-block;
  float: left;
  width: 49%;
}
.your-email {
  display: inline-block;
  float: left;
  width: 49%;
  margin-left: 2%;
  margin-bottom: 10px;
}
.your-message {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
input::placeholder,
textarea::placeholder {
  color: #50739f !important;
}
.wpcf7-submit {
  display: inline-block;
  width: 40% !important;
  line-height: 47px;
  height: 47px;
  font-weight: bold;
  background-color: #50739f;
  color: #fff !important;
  border: none !important;
  cursor: pointer;
}
.wpcf7-submit:hover {
  background-color: #cbcbcb;
  color: #50739f !important;
}
.eo-event-future {
  display: block;
  margin-bottom: 10px;
}
.eo-event-future:last-child {
  display: block;
  margin-bottom: 0px;
}
.eo-event-future a {
  display: block;
}
#rundblick {
  display: block;
  width: 100%;
  min-height: 600px;
}




/**
*  ------------------------------------------------------
*  09.00 GRIDSYSTEM
*  ------------------------------------------------------
**/
.column {
  -webkit-columns: 3 320px;
  -moz-columns: 3 320px;
  columns: 3 320px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  text-align: left;
}
.column .figure-inner {
  padding: 12px;
  border: 1px solid #50739f;
  column-break-inside: avoid;
}
.column .figure-outer {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 8px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(80, 115, 159, 0.6);
  -moz-box-shadow: 0px 0px 21px 0px rgba(80, 115, 159, 0.6);
  box-shadow: 0px 0px 21px 0px rgba(80, 115, 159, 0.6);
  column-break-inside: avoid;
}
.twocolumn {
  -webkit-columns: 2 320px;
  -moz-columns: 2 320px;
  columns: 2 320px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  text-align: left;
}
.container,
.container-fluid {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.container-fluid {
  width: 100%;
  max-width: 100%;
}
.container:after,
.container-fluid:after {
  content: '';
  display: block;
  overflow: hidden;
  height: 0;
  float: none;
  clear: both;
}
.row {
  display: block;
  /** float: left; **/
  width: 100%;
}
.row:after {
  content: '';
  display: block;
  overflow: hidden;
  height: 0;
  float: none;
  clear: both;
}
[class*="col-"] {
  display: inline-block;
  float: left;
  padding: 20px;
}
.rowsmall [class*="col-"] {
  display: inline-block;
  float: left;
  padding: 0 20px;
}
.colsmall {
  padding: 0 !important;
}
.blue {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddddff+0,ddddff+100&0+0,1+50,0+100 */
  background: -moz-linear-gradient(left, rgba(181,206,228,0) 0%, rgba(181,206,228,1) 50%, rgba(181,206,228,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(181,206,228,0) 0%,rgba(181,206,228,1) 50%,rgba(181,206,228,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(181,206,228,0) 0%,rgba(181,206,228,1) 50%,rgba(181,206,228,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cee4', endColorstr='#b5cee4',GradientType=1 ); /* IE6-9 */
}
.borderbottom:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaff+0,aaaaff+100&0+0,1+50,0+100 */
  background: -moz-linear-gradient(left, rgba(181,206,228,0) 0%, rgba(181,206,228,1) 50%, rgba(181,206,228,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(181,206,228,0) 0%,rgba(181,206,228,1) 50%,rgba(181,206,228,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(181,206,228,0) 0%,rgba(181,206,228,1) 50%,rgba(181,206,228,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cee4', endColorstr='#b5cee4',GradientType=1 ); /* IE6-9 */
}
[class*="col-md-"] { width: 100%; }
[class*="col-l-"] { width: 100%; }
[class*="col-xl-"] { width: 100%; }
[class*="col-md-offset-"] { margin-left: 0; }
[class*="col-l-offset-"] { margin-left: 0; }
[class*="col-xl-offset-"] { margin-left: 0; }
.col-s-01 { width: 8.3333333333%; }
.col-s-02 { width: 16.6666666667%; }
.col-s-03 { width: 25%; }
.col-s-04 { width: 33.3333333333%; }
.col-s-05 { width: 41.6666666667%; }
.col-s-06 { width: 50%; }
.col-s-07 { width: 58.3333333333%; }
.col-s-08 { width: 66.6666666667%; }
.col-s-09 { width: 75%; }
.col-s-10 { width: 83.3333333333%; }
.col-s-11 { width: 91.6666666667%; }
.col-s-12 { width: 100%; }
.col-s-offset-01 { margin-left: 8.3333333333%; }
.col-s-offset-02 { margin-left: 16.6666666667%; }
.col-s-offset-03 { margin-left: 25%; }
.col-s-offset-04 { margin-left: 33.3333333333%; }
.col-s-offset-05 { margin-left: 41.6666666667%; }
.col-s-offset-06 { margin-left: 50%; }
.col-s-offset-07 { margin-left: 58.3333333333%; }
.col-s-offset-08 { margin-left: 66.6666666667%; }
.col-s-offset-09 { margin-left: 75%; }
.col-s-offset-10 { margin-left: 83.3333333333%; }
.col-s-offset-11 { margin-left: 91.6666666667%; }

@media screen and (orientation: portrait) and (max-width: 799px) {
  body {
    font-size: 18px;
    background-image: none;
  }
}
@media screen and (orientation: landscape) and (max-width: 799px) {
  body {
    font-size: 18px;
  }
  [class*="col-l-"] { width: 100%; }
  [class*="col-xl-"] { width: 100%; }
  [class*="col-l-offset-"] { margin-left: 0; }
  [class*="col-xl-offset-"] { margin-left: 0; }
  .col-md-01 { width: 8.3333333333% !important; }
  .col-md-02 { width: 16.6666666667% !important; }
  .col-md-03 { width: 25% !important; }
  .col-md-04 { width: 33.3333333333% !important; }
  .col-md-05 { width: 41.6666666667% !important; }
  .col-md-06 { width: 50% !important; }
  .col-md-07 { width: 58.3333333333% !important; }
  .col-md-08 { width: 66.6666666667% !important; }
  .col-md-09 { width: 75% !important; }
  .col-md-10 { width: 83.3333333333% !important; }
  .col-md-11 { width: 91.6666666667% !important; }
  .col-md-12 { width: 100% !important; }
  .col-md-offset-01 { margin-left: 8.3333333333% !important; }
  .col-md-offset-02 { margin-left: 16.6666666667% !important; }
  .col-md-offset-03 { margin-left: 25% !important; }
  .col-md-offset-04 { margin-left: 33.3333333333% !important; }
  .col-md-offset-05 { margin-left: 41.6666666667% !important; }
  .col-md-offset-06 { margin-left: 50% !important; }
  .col-md-offset-07 { margin-left: 58.3333333333% !important; }
  .col-md-offset-08 { margin-left: 66.6666666667% !important; }
  .col-md-offset-09 { margin-left: 75% !important; }
  .col-md-offset-10 { margin-left: 83.3333333333% !important; }
  .col-md-offset-11 { margin-left: 91.6666666667% !important; }
}

@media screen and (min-width: 800px) {
  body { font-size: 16px; }
  [class*="col-l-"] { width: 100%; }
  [class*="col-xl-"] { width: 100%; }
  [class*="col-l-offset-"] { margin-left: 0; }
  [class*="col-xl-offset-"] { margin-left: 0; }
  .col-md-01 { width: 8.3333333333% !important; }
  .col-md-02 { width: 16.6666666667% !important; }
  .col-md-03 { width: 25% !important; }
  .col-md-04 { width: 33.3333333333% !important; }
  .col-md-05 { width: 41.6666666667% !important; }
  .col-md-06 { width: 50% !important; }
  .col-md-07 { width: 58.3333333333% !important; }
  .col-md-08 { width: 66.6666666667% !important; }
  .col-md-09 { width: 75% !important; }
  .col-md-10 { width: 83.3333333333% !important; }
  .col-md-11 { width: 91.6666666667% !important; }
  .col-md-12 { width: 100% !important; }
  .col-md-offset-01 { margin-left: 8.3333333333% !important; }
  .col-md-offset-02 { margin-left: 16.6666666667% !important; }
  .col-md-offset-03 { margin-left: 25% !important; }
  .col-md-offset-04 { margin-left: 33.3333333333% !important; }
  .col-md-offset-05 { margin-left: 41.6666666667% !important; }
  .col-md-offset-06 { margin-left: 50% !important; }
  .col-md-offset-07 { margin-left: 58.3333333333% !important; }
  .col-md-offset-08 { margin-left: 66.6666666667% !important; }
  .col-md-offset-09 { margin-left: 75% !important; }
  .col-md-offset-10 { margin-left: 83.3333333333% !important; }
  .col-md-offset-11 { margin-left: 91.6666666667% !important; }
}
@media screen and (min-width: 1360px) {
  body { font-size: 19px; }
  [class*="col-xl-"] { width: 100%; }
  [class*="col-xl-offset-"] { margin-left: 0; }
  .col-l-01 { width: 8.3333333333% !important; }
  .col-l-02 { width: 16.6666666667% !important; }
  .col-l-03 { width: 25% !important; }
  .col-l-04 { width: 33.3333333333% !important; }
  .col-l-05 { width: 41.6666666667% !important; }
  .col-l-06 { width: 50% !important; }
  .col-l-07 { width: 58.3333333333% !important; }
  .col-l-08 { width: 66.6666666667% !important; }
  .col-l-09 { width: 75% !important; }
  .col-l-10 { width: 83.3333333333% !important; }
  .col-l-11 { width: 91.6666666667% !important; }
  .col-l-12 { width: 100% !important; }
  .col-l-offset-01 { margin-left: 8.3333333333% !important; }
  .col-l-offset-02 { margin-left: 16.6666666667% !important; }
  .col-l-offset-03 { margin-left: 25% !important; }
  .col-l-offset-04 { margin-left: 33.3333333333% !important; }
  .col-l-offset-05 { margin-left: 41.6666666667% !important; }
  .col-l-offset-06 { margin-left: 50% !important; }
  .col-l-offset-07 { margin-left: 58.3333333333% !important; }
  .col-l-offset-08 { margin-left: 66.6666666667% !important; }
  .col-l-offset-09 { margin-left: 75% !important; }
  .col-l-offset-10 { margin-left: 83.3333333333% !important; }
  .col-l-offset-11 { margin-left: 91.6666666667% !important; }
}
@media screen and (min-width: 1600px) {
  body { font-size: 20px; }
  .col-xl-01 { width: 8.3333333333% !important; }
  .col-xl-02 { width: 16.6666666667% !important; }
  .col-xl-03 { width: 25% !important; }
  .col-xl-04 { width: 33.3333333333% !important; }
  .col-xl-05 { width: 41.6666666667% !important; }
  .col-xl-06 { width: 50% !important; }
  .col-xl-07 { width: 58.3333333333% !important; }
  .col-xl-08 { width: 66.6666666667% !important; }
  .col-xl-09 { width: 75% !important; }
  .col-xl-10 { width: 83.3333333333% !important; }
  .col-xl-11 { width: 91.6666666667% !important; }
  .col-xl-12 { width: 100% !important; }
  .col-xl-offset-01 { margin-left: 8.3333333333% !important; }
  .col-xl-offset-02 { margin-left: 16.6666666667% !important; }
  .col-xl-offset-03 { margin-left: 25% !important; }
  .col-xl-offset-04 { margin-left: 33.3333333333% !important; }
  .col-xl-offset-05 { margin-left: 41.6666666667% !important; }
  .col-xl-offset-06 { margin-left: 50% !important; }
  .col-xl-offset-07 { margin-left: 58.3333333333% !important; }
  .col-xl-offset-08 { margin-left: 66.6666666667% !important; }
  .col-xl-offset-09 { margin-left: 75% !important; }
  .col-xl-offset-10 { margin-left: 83.3333333333% !important; }
  .col-xl-offset-11 { margin-left: 91.6666666667% !important; }
}