html {
  font-size: 87.5%;
  line-height: 1.42857em;
}

/* -------------------------------
|    Build the site structure
*/
/*=====================================================]
|
|    Site base structure :: pure structural code                 
|
|======================================================]
*/
/* ----------------------------------------------------
|    z-Index Position Stack
|  ====================================================
*/
/* ----------------------------------------------------
|    Awesome transitioning between breakpoints
|    [ Resource-heavy !! ]
|  ====================================================
*/
/*{ @include transition(all 0.2s ease-in); }*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("/resources/documents/_fonts/roboto-300.woff") format("woff"), url("/resources/documents/_fonts/roboto-300.ttf") format("truetype");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("/resources/documents/_fonts/roboto-700.woff") format("woff"), url("/resources/documents/_fonts/roboto-700.ttf") format("truetype");
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url("/resources/documents/_fonts/oswald-300.woff") format("woff"), url("/resources/documents/_fonts/oswald-300.ttf") format("truetype");
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url("/resources/documents/_fonts/oswald-regular.woff") format("woff"), url("/resources/documents/_fonts/oswald-regular.ttf") format("truetype");
}
/* ----------------------------------------------------
|    The site structure for default pages
|  ====================================================
*/
body, html, table {
  padding: 0;
  margin: 0;
}

body {
  background-color: var(--mdc-theme-surface);
  color: var(--mdc-theme-on-surface);
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-variant: normal;
  /*=====================================================]
  |
  |    Header CSS: Navigation, Logos, User Area                  
  |
  |======================================================]
  */
  /* ----------------------------------------------------
  |    z-Index Position Stack
  |  ====================================================
  */
  /*=====================================================]
  |
  |    Main CSS: Background, Page container & content
  |
  |======================================================]
  */
}
body, html {
  min-width: 375px;
}
body body {
  padding: 0;
  margin: 0;
}
body a {
  text-decoration: none;
  color: inherit;
}
body strong {
  color: var(--mdc-theme-primary);
}
body ::selection {
  background: #bbb;
  color: var(--mdc-theme-surface);
  text-shadow: none;
}
body ::moz-selection {
  background: #bbb;
  color: var(--mdc-theme-surface);
  text-shadow: none;
}
@media only screen and (max-width: 1460px) and (min-width: 1260px) {
  body div.header.scrolling div {
    left: 0 !important;
  }
  body div.header.scrolling div > a {
    visibility: hidden;
  }
}
body div.header.fix {
  position: absolute;
  width: 100%;
  z-index: 2;
  text-transform: uppercase;
  line-height: 65px;
  height: 65px;
  text-align: center;
  font-family: Oswald;
  font-weight: 300;
  font-size: 18px;
  background-color: var(--mdc-theme-surface);
}
body div.header.fix a {
  padding: 0 30px;
  color: var(--mdc-theme-secondary);
}
body div.header.fix a:hover {
  display: block;
  text-decoration: none;
  color: var(--mdc-theme-on-surface);
  height: auto;
  display: inline-block;
  background-image: url("/resources/images/_site/hoverw.png");
  background-position: center 65px;
  background-repeat: no-repeat;
  height: 90px;
}
body div.header.fix img {
  vertical-align: middle;
}
body div.header.fix img:first-child {
  display: none;
}
body div.header.fix img:last-of-type {
  display: inline;
}
body div.header.fix img:last-of-type {
  padding: 0 30px;
}
body div.header.scrolling {
  position: fixed;
  background: var(--mdc-theme-surface);
  width: 100%;
  text-transform: uppercase;
  line-height: 30px;
  height: 30px;
  text-align: left;
  font-family: Oswald;
  font-weight: 300;
  font-size: 14px;
  z-index: 1;
  border-bottom: 1px solid #c9c9c9;
}
body div.header.scrolling div {
  margin: 0 auto;
  position: relative;
  width: 100%;
  left: 0;
}
body div.header.scrolling div > span a {
  padding: 0 30px;
  color: var(--mdc-theme-secondary);
  display: inline-block;
}
body div.header.scrolling div > span a:hover {
  text-decoration: none;
  color: var(--mdc-theme-on-surface);
}
body div.header.scrolling div > a {
  display: inline;
  padding: 0 30px;
  width: 90px;
}
body div.header.scrolling div > a span {
  font-weight: 400;
  color: var(--mdc-theme-on-surface);
}
body div.header.scrolling div > span.skrollable-between a, body div.header.scrolling div > span:hover a {
  color: var(--mdc-theme-on-surface);
  background-image: url("/resources/images/_site/hover.png");
  background-position: center 30px;
  background-repeat: no-repeat;
  height: 50px;
}
@media only screen and (min-width: 1260px) {
  body div.header.fix {
    position: absolute;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    line-height: 65px;
    height: 65px;
    text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 18px;
    background-color: var(--mdc-theme-surface);
  }
  body div.header.fix a {
    padding: 0 30px;
    color: var(--mdc-theme-secondary);
  }
  body div.header.fix a:hover {
    display: block;
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
    height: auto;
    display: inline-block;
    background-image: url("/resources/images/_site/hoverw.png");
    background-position: center 65px;
    background-repeat: no-repeat;
    height: 90px;
  }
  body div.header.fix img {
    vertical-align: middle;
  }
  body div.header.fix img:first-child {
    display: none;
  }
  body div.header.fix img:last-of-type {
    display: inline;
  }
  body div.header.fix img:last-of-type {
    padding: 0 30px;
  }
  body div.header.scrolling {
    position: fixed;
    background: var(--mdc-theme-surface);
    width: 100%;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    text-align: left;
    font-family: Oswald;
    font-weight: 300;
    font-size: 14px;
    z-index: 1;
    border-bottom: 1px solid #c9c9c9;
  }
  body div.header.scrolling div {
    margin: 0 auto;
    position: relative;
    width: 1260px;
    left: -100px;
  }
  body div.header.scrolling div > span a {
    padding: 0 30px;
    color: var(--mdc-theme-secondary);
    display: inline-block;
  }
  body div.header.scrolling div > span a:hover {
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > a {
    display: inline;
    padding: 0px;
    width: 90px;
  }
  body div.header.scrolling div > a span {
    font-weight: 400;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > span.skrollable-between a, body div.header.scrolling div > span:hover a {
    color: var(--mdc-theme-on-surface);
    background-image: url("/resources/images/_site/hover.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    height: 50px;
  }
}
@media only screen and (min-width: 1041px) and (max-width: 1260px) {
  body div.header.fix {
    position: absolute;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    line-height: 65px;
    height: 65px;
    text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 18px;
    background-color: var(--mdc-theme-surface);
  }
  body div.header.fix a {
    padding: 0 30px;
    color: var(--mdc-theme-secondary);
  }
  body div.header.fix a:hover {
    display: block;
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
    height: auto;
    display: inline-block;
    background-image: url("/resources/images/_site/hoverw.png");
    background-position: center 65px;
    background-repeat: no-repeat;
    height: 90px;
  }
  body div.header.fix img {
    vertical-align: middle;
  }
  body div.header.fix img:first-child {
    display: none;
  }
  body div.header.fix img:last-of-type {
    display: inline;
  }
  body div.header.fix img:last-of-type {
    padding: 0 30px;
  }
  body div.header.scrolling {
    position: fixed;
    background: var(--mdc-theme-surface);
    width: 100%;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    text-align: left;
    font-family: Oswald;
    font-weight: 300;
    font-size: 14px;
    z-index: 1;
    border-bottom: 1px solid #c9c9c9;
  }
  body div.header.scrolling div {
    margin: 0 auto;
    position: relative;
    width: 100%;
    left: 0;
  }
  body div.header.scrolling div > span a {
    padding: 0 30px;
    color: var(--mdc-theme-secondary);
    display: inline-block;
  }
  body div.header.scrolling div > span a:hover {
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > a {
    display: inline;
    padding: 0 30px;
    width: 90px;
  }
  body div.header.scrolling div > a span {
    font-weight: 400;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > span.skrollable-between a, body div.header.scrolling div > span:hover a {
    color: var(--mdc-theme-on-surface);
    background-image: url("/resources/images/_site/hover.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    height: 50px;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1040px) {
  body div.header.fix {
    position: absolute;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    line-height: 65px;
    height: 65px;
    text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 18px;
    background-color: var(--mdc-theme-surface);
  }
  body div.header.fix a {
    padding: 0 15px;
    color: var(--mdc-theme-secondary);
  }
  body div.header.fix a:hover {
    display: block;
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
    height: auto;
    display: inline-block;
    background-image: url("/resources/images/_site/hoverw.png");
    background-position: center 65px;
    background-repeat: no-repeat;
    height: 90px;
  }
  body div.header.fix img {
    vertical-align: middle;
  }
  body div.header.fix img:first-child {
    display: none;
  }
  body div.header.fix img:last-of-type {
    display: inline;
  }
  body div.header.fix img:last-of-type {
    width: 80px;
    padding: 0 15px;
  }
  body div.header.scrolling {
    position: fixed;
    background: var(--mdc-theme-surface);
    width: 100%;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    text-align: left;
    font-family: Oswald;
    font-weight: 300;
    font-size: 14px;
    z-index: 1;
    border-bottom: 1px solid #c9c9c9;
  }
  body div.header.scrolling div {
    margin: 0 auto;
    position: relative;
    width: 100%;
    left: 0;
  }
  body div.header.scrolling div > span a {
    padding: 0 30px;
    color: var(--mdc-theme-secondary);
    display: inline-block;
  }
  body div.header.scrolling div > span a:hover {
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > a {
    display: inline;
    padding: 0 30px;
    width: 90px;
  }
  body div.header.scrolling div > a span {
    font-weight: 400;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > span.skrollable-between a, body div.header.scrolling div > span:hover a {
    color: var(--mdc-theme-on-surface);
    background-image: url("/resources/images/_site/hover.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    height: 50px;
  }
}
@media only screen and (max-width: 760px) {
  .intro_pic .slogan {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 466px) and (max-width: 760px) {
  body div.header.fix {
    position: absolute;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    line-height: 25px;
    height: 270px;
    text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 18px;
    background-color: var(--mdc-theme-surface);
  }
  body div.header.fix * {
    height: 25px;
  }
  body div.header.fix a {
    margin: 12px 0;
    display: block;
    color: var(--mdc-theme-secondary);
  }
  body div.header.fix a:hover {
    display: block;
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
    height: auto;
  }
  body div.header.fix img {
    vertical-align: middle;
  }
  body div.header.fix img:first-child {
    display: inline;
    padding: 5px 0;
  }
  body div.header.fix img:last-of-type {
    display: none;
  }
  body div.header.fix img:last-of-type {
    width: 80px;
    padding: 0 15px;
  }
  body div.header.scrolling {
    position: fixed;
    background: var(--mdc-theme-surface);
    width: 100%;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    text-align: left;
    font-family: Oswald;
    font-weight: 300;
    font-size: 14px;
    z-index: 1;
    border-bottom: 1px solid #c9c9c9;
  }
  body div.header.scrolling div {
    margin: 0 auto;
    position: relative;
    width: 100%;
    left: 0;
  }
  body div.header.scrolling div > span a {
    padding: 0 15px;
    color: var(--mdc-theme-secondary);
    display: inline-block;
  }
  body div.header.scrolling div > span a:hover {
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > a {
    display: inline;
    padding: 0 15px;
    width: 90px;
  }
  body div.header.scrolling div > a span {
    font-weight: 400;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > span.skrollable-between a, body div.header.scrolling div > span:hover a {
    color: var(--mdc-theme-on-surface);
    background-image: url("/resources/images/_site/hover.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    height: 50px;
  }
}
@media only screen and (min-width: 306px) and (max-width: 465px) {
  body div.header.fix {
    position: absolute;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    line-height: 25px;
    height: 270px;
    text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 18px;
    background-color: var(--mdc-theme-surface);
  }
  body div.header.fix * {
    height: 25px;
  }
  body div.header.fix a {
    margin: 12px 0;
    display: block;
    color: var(--mdc-theme-secondary);
  }
  body div.header.fix a:hover {
    display: block;
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
    height: auto;
  }
  body div.header.fix img {
    vertical-align: middle;
  }
  body div.header.fix img:first-child {
    display: inline;
    padding: 5px 0;
  }
  body div.header.fix img:last-of-type {
    display: none;
  }
  body div.header.fix img:last-of-type {
    padding: 5px 0;
  }
  body div.header.scrolling {
    position: fixed;
    background: var(--mdc-theme-surface);
    width: 100%;
    text-transform: uppercase;
    line-height: 30px;
    height: 60px;
    text-align: left;
    font-family: Oswald;
    font-weight: 300;
    font-size: 13px;
    z-index: 1;
    border-bottom: 1px solid #c9c9c9;
  }
  body div.header.scrolling div {
    margin: 0 auto;
    position: relative;
    width: 100%;
    left: 0;
  }
  body div.header.scrolling div > span a {
    padding: 0 10px;
    color: var(--mdc-theme-secondary);
    display: inline-block;
  }
  body div.header.scrolling div > span a:hover {
    text-decoration: none;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > a {
    display: inline;
    display: block;
    padding: 0 10px;
    width: 90px;
  }
  body div.header.scrolling div > a span {
    font-weight: 400;
    color: var(--mdc-theme-on-surface);
  }
  body div.header.scrolling div > span.skrollable-between a, body div.header.scrolling div > span:hover a {
    color: var(--mdc-theme-on-surface);
    background-image: url("/resources/images/_site/hover.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    height: 50px;
  }
}
body div#olefa_template_holder {
  max-width: 1060px;
  margin: 0 auto;
  min-height: 25vh;
  padding: 0 20px;
}
body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
  height: auto;
  margin: 70px auto 70px;
  padding: 70px 0;
  width: calc(100% - 100px);
}
body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
  position: relative;
}
body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
  color: #fff;
  font-family: Oswald;
  font-weight: 300;
  font-size: 3em;
  line-height: 1.3em;
  position: absolute;
  text-align: center;
  text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
  width: 100%;
  height: auto;
  top: calc(50% - 100px);
}
body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
  display: block;
  padding: 0 0 20px 0;
  font-weight: 400;
  text-transform: uppercase;
}
body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: 2px 40px;
  font-size: 2rem;
}
body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
body div.airtame_text div.quote_content {
  margin-top: 10px;
}
body div.airtame_text div.quote_content a {
  font-family: Oswald;
  font-weight: 300;
  font-size: 3em;
  line-height: 1.3em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid var(--mdc-theme-on-surface);
  border-radius: 10px;
  padding: 2px 40px;
  font-size: 2rem;
}
body div.intro_pic {
  background-image: url("/resources/images/_site/25550223_xxl.jpg");
}
body div.intro_text div, body div.airtame_text div {
  display: inline-block;
  height: 50%;
  vertical-align: top;
}
body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
  font-family: Oswald;
  font-weight: 300;
  font-size: 3em;
  line-height: 1.3em;
  width: 30%;
  padding: 0 10px 0 0;
}
body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
  width: 60%;
  padding: 0 10px 0 0;
  display: inline-block;
}
body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}
body div.intro_text hr, body div.airtame_text hr {
  clear: both;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #c9c9c9;
  margin: 1em 0;
  padding: 0;
}
body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
  height: auto;
  position: relative;
}
body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
  padding: 0;
  margin: 0;
}
body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
  list-style: none;
  float: left;
  width: 50%;
  height: 50%;
  padding: 0 0 20px 0;
}
body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
  height: 2em;
}
body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
  color: var(--mdc-theme-primary);
  font-weight: 700;
  text-transform: uppercase;
}
body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
  display: block;
  margin: 30px 0 0;
  padding: 30px 0 0;
}
body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
  margin: 0;
}
body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
  max-width: 100%;
}
body div.services_pic {
  background-image: url("/resources/images/_site/5916847_xxl.jpg");
}
body div.products_pic {
  background-image: url("/resources/images/_site/18908488_xl.jpg");
}
body div.services_text:not(.full) ul, body div.products_text ul {
  padding: 0;
  margin: 0;
  height: auto;
  position: relative;
}
body div.services_text:not(.full) ul li, body div.products_text ul li {
  list-style: none;
  float: left;
  /*height: auto;*/
  height: min-content !important;
  padding: 0 30px 10px 30px;
  width: 30%;
  width: calc(33% - 60px);
  min-height: 370px;
  position: relative;
}
body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
  font-family: Oswald;
  font-weight: 400;
  font-size: 1.5em;
  text-transform: uppercase;
}
body div.services_text:not(.full) ul li p, body div.products_text ul li p {
  min-height: 10em;
}
body div.services_text:not(.full) ul li a, body div.products_text ul li a {
  color: var(--mdc-theme-primary);
  font-weight: 700;
  text-transform: uppercase;
}
body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
  clear: both;
  float: none;
  height: 0 !important;
  min-height: 0 !important;
}
body div.services_text.full ul {
  padding: 0;
  margin: 0;
  height: auto;
  position: relative;
}
body div.services_text.full ul li {
  list-style: none;
  height: min-content !important;
  width: 100%;
  width: calc(100% - 60px);
  min-height: 0;
  padding: 0 0 30px 0;
  position: relative;
  display: inline-block;
}
body div.services_text.full ul li h3 {
  font-family: Oswald;
  font-weight: 400;
  font-size: 1.5em;
  text-transform: uppercase;
}
body div.services_text.full ul li p {
  min-height: 10em;
}
body div.services_text.full ul li a {
  color: var(--mdc-theme-primary);
  font-weight: 700;
  text-transform: uppercase;
}
body div.airtame_pic {
  background-image: url("/resources/images/_site/airtame.png");
}
body div.contact_pic {
  background-image: url("/resources/images/_site/23186026_xxl.jpg");
}
body div.contact_text {
  height: auto;
  min-height: 50vh;
  width: calc(100% - 100px);
  margin: 70px auto 20px;
  padding: 70px 0 20px;
}
body div.contact_text h3 {
  font-family: Oswald;
  font-weight: 400;
  font-size: 1.5em;
}
body div.contact_text > div {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
body div.contact_text div.address {
  width: 30%;
  width: calc(30% - 30px);
}
body div.contact_text div.address a {
  color: var(--mdc-theme-primary);
}
body div.contact_text div.address div.social a {
  padding: 0 10px 0 0;
  width: 22%;
  width: calc(25% - 10px);
  float: left;
}
body div.contact_text div.address div.social a img {
  width: 100%;
  max-width: 68px;
}
body div.contact_text div.address div.social a:last-child {
  padding: 0;
}
body div.contact_text div.logos {
  width: 20%;
  width: calc(20% - 30px);
  margin: 30px 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
}
body div.contact_text div.logos a {
  padding: 10px 0;
  height: auto;
  position: relative;
  display: inherit;
}
body div.contact_text div.logos a img {
  width: 100%;
  height: auto;
  position: relative;
}
body div.contact_text div.contactform {
  width: 50%;
  width: calc(50% - 30px);
}
body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  line-height: 2em;
  height: 2em;
  padding: 5px;
  margin: 5px 0 0 0;
}
.olefa_responsive_line .olefa-input-recaptcha {
  width: 100%;
}
.olefa_responsive_line .olefa-input-recaptcha > div {
  float: right;
}
body div.contact_text div.contactform form > div textarea {
  min-height: 150px;
}
body div.contact_text div.contactform form > div input[type='submit'] {
  background: none !important;
  background-color: #1d3b5e !important;
  border-color: #1d3b5e;
  color: #fff;
  width: 70px;
  cursor: pointer;
  height: 2.5em;
  padding: 2px;
}
body div.footer_map::before {
  -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
  -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
  box-shadow: inset 0px 10px 10px -10px #aaa;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body div.footer_map {
  min-height: 50vh;
  height: 50%;
  position: relative;
}
body div.footer_map > div {
  height: 100%;
}
@media only screen and (min-width: 1260px) {
  body div#olefa_template_holder {
    max-width: 1060px;
    margin: 0 auto;
    min-height: 25vh;
    padding: 0 20px;
  }
  body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
    height: auto;
    margin: 70px auto 70px;
    padding: 70px 0;
    width: 1260px;
    max-width: calc(100% - 200px);
  }
  body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
    position: relative;
  }
  body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
    color: #fff;
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
    width: 100%;
    height: auto;
    top: calc(50% - 100px);
  }
  body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
    display: block;
    padding: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
  }
  body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body div.airtame_text div.quote_content {
    margin-top: 10px;
  }
  body div.airtame_text div.quote_content a {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid var(--mdc-theme-on-surface);
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic {
    background-image: url("/resources/images/_site/25550223_xxl.jpg");
  }
  body div.intro_text div, body div.airtame_text div {
    display: inline-block;
    height: 50%;
    vertical-align: top;
  }
  body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    width: 30%;
    padding: 0 10px 0 0;
  }
  body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
    width: 60%;
    padding: 0 10px 0 0;
    display: inline-block;
  }
  body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
  body div.intro_text hr, body div.airtame_text hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c9c9c9;
    margin: 1em 0;
    padding: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
    height: auto;
    position: relative;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
    padding: 0;
    margin: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
    list-style: none;
    float: left;
    width: 50%;
    height: 50%;
    padding: 0 0 20px 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
    height: 2em;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
    display: block;
    margin: 30px 0 0;
    padding: 30px 0 0;
  }
  body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
    margin: 0;
  }
  body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
    max-width: 100%;
  }
  body div.services_pic {
    background-image: url("/resources/images/_site/5916847_xxl.jpg");
  }
  body div.products_pic {
    background-image: url("/resources/images/_site/18908488_xl.jpg");
  }
  body div.services_text:not(.full) ul, body div.products_text ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text:not(.full) ul li, body div.products_text ul li {
    list-style: none;
    float: left;
    height: auto;
    padding: 0 30px 10px 30px;
    width: 30%;
    width: calc(33% - 60px);
    min-height: 370px;
    position: relative;
  }
  body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li p, body div.products_text ul li p {
    min-height: 10em;
  }
  body div.services_text:not(.full) ul li a, body div.products_text ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
    clear: both;
    float: none;
    height: 0 !important;
    min-height: 0 !important;
  }
  body div.services_text.full ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text.full ul li {
    list-style: none;
    height: min-content !important;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
    display: inline-block;
  }
  body div.services_text.full ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text.full ul li p {
    min-height: 10em;
  }
  body div.services_text.full ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.airtame_pic {
    background-image: url("/resources/images/_site/airtame.png");
  }
  body div.contact_pic {
    background-image: url("/resources/images/_site/23186026_xxl.jpg");
  }
  body div.contact_text {
    height: auto;
    min-height: 50vh;
    width: 1260px;
    max-width: calc(100% - 200px);
    margin: 70px auto 20px;
    padding: 70px 0 20px;
  }
  body div.contact_text h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
  }
  body div.contact_text > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
  }
  body div.contact_text div.address {
    width: 30%;
    width: calc(30% - 30px);
  }
  body div.contact_text div.address a {
    color: var(--mdc-theme-primary);
  }
  body div.contact_text div.address div.social a {
    padding: 0 10px 0 0;
    width: 22%;
    width: calc(25% - 10px);
    float: left;
  }
  body div.contact_text div.address div.social a img {
    width: 100%;
    max-width: 68px;
  }
  body div.contact_text div.address div.social a:last-child {
    padding: 0;
  }
  body div.contact_text div.logos {
    width: 20%;
    width: calc(20% - 30px);
    margin: 30px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
  }
  body div.contact_text div.logos a {
    padding: 10px 0;
    height: auto;
    position: relative;
    display: inherit;
  }
  body div.contact_text div.logos a img {
    width: 100%;
    height: auto;
    position: relative;
  }
  body div.contact_text div.contactform {
    width: 50%;
    width: calc(50% - 30px);
  }
  body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    line-height: 2em;
    height: 2em;
    padding: 5px;
    margin: 5px 0 0 0;
  }
  body div.contact_text div.contactform form > div textarea {
    min-height: 150px;
  }
  body div.contact_text div.contactform form > div input[type='submit'] {
    background: none !important;
    background-color: #1d3b5e !important;
    border-color: #1d3b5e;
    color: #fff;
    width: 70px;
    cursor: pointer;
    height: 2.5em;
    padding: 2px;
  }
  body div.footer_map::before {
    -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
    -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
    box-shadow: inset 0px 10px 10px -10px #aaa;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body div.footer_map {
    min-height: 50vh;
    height: 50%;
    position: relative;
  }
  body div.footer_map > div {
    height: 100%;
  }
}
@media only screen and (min-width: 1041px) and (max-width: 1260px) {
  body div#olefa_template_holder {
    max-width: 1060px;
    margin: 0 auto;
    min-height: 25vh;
    padding: 0 20px;
  }
  body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
    height: auto;
    margin: 70px auto 70px;
    padding: 70px 0;
    width: calc(100% - 100px);
  }
  body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
    position: relative;
  }
  body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
    color: #fff;
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
    width: 100%;
    height: auto;
    top: calc(50% - 100px);
  }
  body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
    display: block;
    padding: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
  }
  body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body div.airtame_text div.quote_content {
    margin-top: 10px;
  }
  body div.airtame_text div.quote_content a {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid var(--mdc-theme-on-surface);
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic {
    background-image: url("/resources/images/_site/25550223_xxl.jpg");
  }
  body div.intro_text div, body div.airtame_text div {
    display: inline-block;
    height: 50%;
    vertical-align: top;
  }
  body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    width: 30%;
    padding: 0 10px 0 0;
  }
  body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
    width: 60%;
    padding: 0 10px 0 0;
    display: inline-block;
  }
  body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
  body div.intro_text hr, body div.airtame_text hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c9c9c9;
    margin: 1em 0;
    padding: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
    height: auto;
    position: relative;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
    padding: 0;
    margin: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
    list-style: none;
    float: left;
    width: 50%;
    height: 50%;
    padding: 0 0 20px 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
    height: 2em;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
    display: block;
    margin: 30px 0 0;
    padding: 30px 0 0;
  }
  body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
    margin: 0;
  }
  body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
    max-width: 100%;
  }
  body div.services_pic {
    background-image: url("/resources/images/_site/5916847_xxl.jpg");
  }
  body div.products_pic {
    background-image: url("/resources/images/_site/18908488_xl.jpg");
  }
  body div.services_text:not(.full) ul, body div.products_text ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text:not(.full) ul li, body div.products_text ul li {
    list-style: none;
    float: left;
    height: auto;
    padding: 0 30px 10px 30px;
    width: 30%;
    width: calc(33% - 60px);
    min-height: 370px;
    position: relative;
  }
  body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li p, body div.products_text ul li p {
    min-height: 10em;
  }
  body div.services_text:not(.full) ul li a, body div.products_text ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
    clear: both;
    float: none;
    height: 0 !important;
    min-height: 0 !important;
  }
  body div.services_text.full ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text.full ul li {
    list-style: none;
    height: min-content !important;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
    display: inline-block;
  }
  body div.services_text.full ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text.full ul li p {
    min-height: 10em;
  }
  body div.services_text.full ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.airtame_pic {
    background-image: url("/resources/images/_site/airtame.png");
  }
  body div.contact_pic {
    background-image: url("/resources/images/_site/23186026_xxl.jpg");
  }
  body div.contact_text {
    height: auto;
    min-height: 50vh;
    width: calc(100% - 100px);
    margin: 70px auto 20px;
    padding: 70px 0 20px;
  }
  body div.contact_text h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
  }
  body div.contact_text > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
  }
  body div.contact_text div.address {
    width: 30%;
    width: calc(30% - 30px);
  }
  body div.contact_text div.address a {
    color: var(--mdc-theme-primary);
  }
  body div.contact_text div.address div.social a {
    padding: 0 10px 0 0;
    width: 22%;
    width: calc(25% - 10px);
    float: left;
  }
  body div.contact_text div.address div.social a img {
    width: 100%;
    max-width: 68px;
  }
  body div.contact_text div.address div.social a:last-child {
    padding: 0;
  }
  body div.contact_text div.logos {
    width: 20%;
    width: calc(20% - 30px);
    margin: 30px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
  }
  body div.contact_text div.logos a {
    padding: 10px 0;
    height: auto;
    position: relative;
    display: inherit;
  }
  body div.contact_text div.logos a img {
    width: 100%;
    height: auto;
    position: relative;
  }
  body div.contact_text div.contactform {
    width: 50%;
    width: calc(50% - 30px);
  }
  body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    line-height: 2em;
    height: 2em;
    padding: 5px;
    margin: 5px 0 0 0;
  }
  body div.contact_text div.contactform form > div textarea {
    min-height: 150px;
  }
  body div.contact_text div.contactform form > div input[type='submit'] {
    background: none !important;
    background-color: #1d3b5e !important;
    border-color: #1d3b5e;
    color: #fff;
    width: 70px;
    cursor: pointer;
    height: 2.5em;
    padding: 2px;
  }
  body div.footer_map::before {
    -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
    -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
    box-shadow: inset 0px 10px 10px -10px #aaa;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body div.footer_map {
    min-height: 50vh;
    height: 50%;
    position: relative;
  }
  body div.footer_map > div {
    height: 100%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1040px) {
  body div#olefa_template_holder {
    max-width: 1060px;
    margin: 0 auto;
    min-height: 25vh;
    padding: 0 20px;
  }
  body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
    height: auto;
    margin: 70px auto 70px;
    padding: 70px 0;
    width: calc(100% - 100px);
  }
  body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
    position: relative;
  }
  body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
    color: #fff;
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
    width: 100%;
    height: auto;
    top: calc(50% - 100px);
  }
  body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
    display: block;
    padding: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
  }
  body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body div.airtame_text div.quote_content {
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center;
  }
  body div.airtame_text div.quote_content a {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid var(--mdc-theme-on-surface);
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic {
    background-image: url("/resources/images/_site/25550223_xxl.jpg");
  }
  body div.intro_text div, body div.airtame_text div {
    display: inline-block;
    height: 50%;
    vertical-align: top;
  }
  body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    width: 100%;
    padding: 0 0 10px 0;
  }
  body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
  }
  body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
  body div.intro_text hr, body div.airtame_text hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c9c9c9;
    margin: 1em 0;
    padding: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
    height: auto;
    position: relative;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
    padding: 0;
    margin: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
    list-style: none;
    float: left;
    width: 50%;
    height: 50%;
    padding: 0 0 20px 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
    height: 2em;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
    display: block;
    margin: 30px 0 0;
    padding: 30px 0 0;
  }
  body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
    margin: 0;
  }
  body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
    max-width: 100%;
  }
  body div.services_pic {
    background-image: url("/resources/images/_site/5916847_xxl.jpg");
  }
  body div.products_pic {
    background-image: url("/resources/images/_site/18908488_xl.jpg");
  }
  body div.services_text:not(.full) ul, body div.products_text ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text:not(.full) ul li, body div.products_text ul li {
    list-style: none;
    float: left;
    height: auto;
    padding: 0 30px 10px 30px;
    width: 30%;
    width: calc(33% - 60px);
    min-height: 570px;
    position: relative;
  }
  body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li p, body div.products_text ul li p {
    min-height: 10em;
  }
  body div.services_text:not(.full) ul li a, body div.products_text ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
    clear: both;
    float: none;
    height: 0 !important;
    min-height: 0 !important;
  }
  body div.services_text.full ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text.full ul li {
    list-style: none;
    height: min-content !important;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
    display: inline-block;
  }
  body div.services_text.full ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text.full ul li p {
    min-height: 10em;
  }
  body div.services_text.full ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.airtame_pic {
    background-image: url("/resources/images/_site/airtame.png");
  }
  body div.contact_pic {
    background-image: url("/resources/images/_site/23186026_xxl.jpg");
  }
  body div.contact_text {
    height: auto;
    min-height: 50vh;
    width: calc(100% - 100px);
    margin: 70px auto 20px;
    padding: 70px 0 20px;
  }
  body div.contact_text h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
  }
  body div.contact_text > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
  }
  body div.contact_text div.address {
    width: 30%;
    width: calc(30% - 30px);
  }
  body div.contact_text div.address a {
    color: var(--mdc-theme-primary);
  }
  body div.contact_text div.address div.social a {
    padding: 0 10px 0 0;
    width: 22%;
    width: calc(25% - 10px);
    float: left;
  }
  body div.contact_text div.address div.social a img {
    width: 100%;
    max-width: 68px;
  }
  body div.contact_text div.address div.social a:last-child {
    padding: 0;
  }
  body div.contact_text div.logos {
    width: 20%;
    width: calc(20% - 30px);
    margin: 30px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
  }
  body div.contact_text div.logos a {
    padding: 10px 0;
    height: auto;
    position: relative;
    display: inherit;
  }
  body div.contact_text div.logos a img {
    width: 100%;
    height: auto;
    position: relative;
  }
  body div.contact_text div.contactform {
    width: 50%;
    width: calc(50% - 30px);
  }
  body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    line-height: 2em;
    height: 2em;
    padding: 5px;
    margin: 5px 0 0 0;
  }
  body div.contact_text div.contactform form > div textarea {
    min-height: 150px;
  }
  body div.contact_text div.contactform form > div input[type='submit'] {
    background: none !important;
    background-color: #1d3b5e !important;
    border-color: #1d3b5e;
    color: #fff;
    width: 70px;
    cursor: pointer;
    height: 2.5em;
    padding: 2px;
  }
  body div.footer_map::before {
    -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
    -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
    box-shadow: inset 0px 10px 10px -10px #aaa;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body div.footer_map {
    min-height: 50vh;
    height: 50%;
    position: relative;
  }
  body div.footer_map > div {
    height: 100%;
  }
}
@media only screen and (max-width: 575px) {
  body div.header.scrolling div > a {
    display: block !important;
  }
  body div.header.scrolling {
    height: 60px !important;
  }
}
@media only screen and (min-width: 466px) and (max-width: 760px) {
  body div#olefa_template_holder {
    max-width: 1060px;
    margin: 0 auto;
    min-height: 25vh;
    padding: 0 20px;
  }
  body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
    height: auto;
    margin: 70px auto 70px;
    padding: 70px 0;
    width: calc(100% - 50px);
  }
  body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
    position: relative;
  }
  body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
    color: #fff;
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
    width: 100%;
    height: auto;
    top: calc(50% - 100px);
  }
  body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
    display: block;
    padding: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
  }
  body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body div.airtame_text div.quote_content {
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center;
  }
  body div.airtame_text div.quote_content a {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid var(--mdc-theme-on-surface);
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic {
    background-image: url("/resources/images/_site/25550223_xxl.jpg");
  }
  body div.intro_text div, body div.airtame_text div {
    display: inline-block;
    height: 50%;
    vertical-align: top;
  }
  body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    width: 100%;
    padding: 0 0 10px 0;
  }
  body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
  }
  body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
  body div.intro_text hr, body div.airtame_text hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c9c9c9;
    margin: 1em 0;
    padding: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
    height: auto;
    position: relative;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
    padding: 0;
    margin: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
    list-style: none;
    float: left;
    width: 50%;
    height: 50%;
    padding: 0 0 20px 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
    height: 2em;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
    display: block;
    margin: 30px 0 0;
    padding: 30px 0 0;
  }
  body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
    margin: 0;
  }
  body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
    max-width: 100%;
  }
  body div.services_pic {
    background-image: url("/resources/images/_site/5916847_xxl.jpg");
  }
  body div.products_pic {
    background-image: url("/resources/images/_site/18908488_xl.jpg");
  }
  body div.services_text:not(.full) ul, body div.products_text ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text:not(.full) ul li, body div.products_text ul li {
    list-style: none;
    float: left;
    height: auto;
    padding: 0 30px 10px 30px;
    width: 50%;
    width: calc(50% - 60px);
    min-height: 730px;
    position: relative;
  }
  body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li p, body div.products_text ul li p {
    min-height: 10em;
  }
  body div.services_text:not(.full) ul li a, body div.products_text ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
    clear: both;
    float: none;
    height: 0 !important;
    min-height: 0 !important;
  }
  body div.services_text.full ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text.full ul li {
    list-style: none;
    height: min-content !important;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
    display: inline-block;
  }
  body div.services_text.full ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text.full ul li p {
    min-height: 10em;
  }
  body div.services_text.full ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.airtame_pic {
    background-image: url("/resources/images/_site/airtame.png");
  }
  body div.contact_pic {
    background-image: url("/resources/images/_site/23186026_xxl.jpg");
  }
  body div.contact_text {
    height: auto;
    min-height: 50vh;
    width: calc(100% - 50px);
    margin: 70px auto 20px;
    padding: 70px 0 20px;
  }
  body div.contact_text h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
  }
  body div.contact_text > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
  }
  body div.contact_text div.address {
    width: 45%;
    width: calc(50% - 30px);
  }
  body div.contact_text div.address a {
    color: var(--mdc-theme-primary);
  }
  body div.contact_text div.address div.social a {
    padding: 0 10px 0 0;
    width: 22%;
    width: calc(25% - 10px);
    float: left;
  }
  body div.contact_text div.address div.social a img {
    width: 100%;
    max-width: 68px;
  }
  body div.contact_text div.address div.social a:last-child {
    padding: 0;
  }
  body div.contact_text div.logos {
    width: 45%;
    width: calc(50% - 30px);
    margin: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
  }
  body div.contact_text div.logos a {
    padding: 10px 0;
    height: auto;
    position: relative;
    display: inherit;
  }
  body div.contact_text div.logos a img {
    width: 100%;
    height: auto;
    position: relative;
  }
  body div.contact_text div.contactform {
    padding: 30px 15px 0;
    width: calc(100% - 30px);
  }
  body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    line-height: 2em;
    height: 2em;
    padding: 5px;
    margin: 5px 0 0 0;
  }
  body div.contact_text div.contactform form > div textarea {
    min-height: 150px;
  }
  body div.contact_text div.contactform form > div input[type='submit'] {
    background: none !important;
    background-color: #1d3b5e !important;
    border-color: #1d3b5e;
    color: #fff;
    width: 70px;
    cursor: pointer;
    height: 2.5em;
    padding: 2px;
  }
  body div.footer_map::before {
    -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
    -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
    box-shadow: inset 0px 10px 10px -10px #aaa;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body div.footer_map {
    min-height: 50vh;
    height: 50%;
    position: relative;
  }
  body div.footer_map > div {
    height: 100%;
  }
}
@media only screen and (min-width: 306px) and (max-width: 465px) {
  body div#olefa_template_holder {
    max-width: 1060px;
    margin: 0 auto;
    min-height: 25vh;
    padding: 0 20px;
  }
  body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
    height: auto;
    margin: 100px auto 0px;
    padding: 80px 0 0;
    width: calc(100% - 50px);
  }
  body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
    position: relative;
  }
  body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
    color: #fff;
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
    width: 100%;
    height: auto;
    top: calc(50% - 100px);
  }
  body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
    display: block;
    padding: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
  }
  body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body div.airtame_text div.quote_content {
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center;
  }
  body div.airtame_text div.quote_content a {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid var(--mdc-theme-on-surface);
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic {
    background-image: url("/resources/images/_site/25550223_xxl.jpg");
  }
  body div.intro_text div, body div.airtame_text div {
    display: inline-block;
    height: 50%;
    vertical-align: top;
  }
  body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    width: 100%;
    padding: 0 0 10px 0;
  }
  body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
  }
  body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
  }
  body div.intro_text hr, body div.airtame_text hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c9c9c9;
    margin: 1em 0;
    padding: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
    height: auto;
    position: relative;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
    padding: 0;
    margin: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
    height: 2em;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
    display: block;
    margin: 30px 0 0;
    padding: 30px 0 0;
  }
  body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
    margin: 0;
  }
  body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
    max-width: 100%;
  }
  body div.services_pic {
    background-image: url("/resources/images/_site/5916847_xxl.jpg");
  }
  body div.products_pic {
    background-image: url("/resources/images/_site/18908488_xl.jpg");
  }
  body div.services_text:not(.full) ul, body div.products_text ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text:not(.full) ul li, body div.products_text ul li {
    list-style: none;
    float: left;
    height: auto;
    padding: 0 30px 10px 30px;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
  }
  body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li p, body div.products_text ul li p {
    min-height: 10em;
  }
  body div.services_text:not(.full) ul li a, body div.products_text ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
    clear: both;
    float: none;
    height: 0 !important;
    min-height: 0 !important;
  }
  body div.services_text.full ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text.full ul li {
    list-style: none;
    height: min-content !important;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
    display: inline-block;
  }
  body div.services_text.full ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text.full ul li p {
    min-height: 10em;
  }
  body div.services_text.full ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.airtame_pic {
    background-image: url("/resources/images/_site/airtame.png");
  }
  body div.contact_pic {
    background-image: url("/resources/images/_site/23186026_xxl.jpg");
  }
  body div.contact_text {
    height: auto;
    min-height: 50vh;
    width: calc(100% - 50px);
    margin: 70px auto 20px;
    padding: 70px 0 20px;
  }
  body div.contact_text h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
  }
  body div.contact_text > div {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
  }
  body div.contact_text div.address {
    width: 100%;
  }
  body div.contact_text div.address a {
    color: var(--mdc-theme-primary);
  }
  body div.contact_text div.address div.social a {
    padding: 0 10px 0 0;
    width: 22%;
    width: calc(25% - 10px);
    float: left;
  }
  body div.contact_text div.address div.social a img {
    width: 100%;
    max-width: 68px;
  }
  body div.contact_text div.address div.social a:last-child {
    padding: 0;
  }
  body div.contact_text div.logos {
    width: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
  }
  body div.contact_text div.logos a {
    padding: 10px 0;
    height: auto;
    position: relative;
    display: inherit;
  }
  body div.contact_text div.logos a img {
    width: 100%;
    height: auto;
    position: relative;
  }
  body div.contact_text div.contactform {
    width: 100%;
  }
  body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    line-height: 2em;
    height: 2em;
    padding: 5px;
    margin: 5px 0 0 0;
  }
  body div.contact_text div.contactform form > div textarea {
    min-height: 150px;
  }
  body div.contact_text div.contactform form > div input[type='submit'] {
    background: none !important;
    background-color: #1d3b5e !important;
    border-color: #1d3b5e;
    color: #fff;
    width: 70px;
    cursor: pointer;
    height: 2.5em;
    padding: 2px;
  }
  body div.footer_map::before {
    -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
    -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
    box-shadow: inset 0px 10px 10px -10px #aaa;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body div.footer_map {
    min-height: 50vh;
    height: 50%;
    position: relative;
  }
  body div.footer_map > div {
    height: 100%;
  }
}
@media only screen and (max-width: 305px) {
  body div#olefa_template_holder {
    max-width: 1060px;
    margin: 0 auto;
    min-height: 25vh;
    padding: 0 20px;
  }
  body div.intro_text, body div.services_text, body div.products_text, body div.airtame_text {
    height: auto;
    margin: 100px auto 0px;
    padding: 80px 0 0;
    width: calc(100% - 50px);
  }
  body div.intro_pic, body div.services_pic, body div.products_pic, body div.contact_pic, body div.airtame_pic, body div.airtame_text {
    position: relative;
  }
  body div.intro_pic div.slogan, body div.services_pic div.slogan, body div.products_pic div.slogan, body div.contact_pic div.slogan, body div.airtame_pic div.slogan, body div.airtame_text div.slogan {
    color: #fff;
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px var(--mdc-theme-on-surface);
    width: 100%;
    height: auto;
    top: calc(50% - 100px);
  }
  body div.intro_pic div.slogan p span, body div.services_pic div.slogan p span, body div.products_pic div.slogan p span, body div.contact_pic div.slogan p span, body div.airtame_pic div.slogan p span, body div.airtame_text div.slogan p span {
    display: block;
    padding: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
  }
  body div.intro_pic div.slogan a, body div.services_pic div.slogan a, body div.products_pic div.slogan a, body div.contact_pic div.slogan a, body div.airtame_pic div.slogan a, body div.airtame_text div.slogan a {
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic div.slogan a:hover, body div.services_pic div.slogan a:hover, body div.products_pic div.slogan a:hover, body div.contact_pic div.slogan a:hover, body div.airtame_pic div.slogan a:hover, body div.airtame_text div.slogan a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body div.airtame_text div.quote_content {
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center;
  }
  body div.airtame_text div.quote_content a {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid var(--mdc-theme-on-surface);
    border-radius: 10px;
    padding: 2px 40px;
    font-size: 2rem;
  }
  body div.intro_pic {
    background-image: url("/resources/images/_site/25550223_xxl.jpg");
  }
  body div.intro_text div, body div.airtame_text div {
    display: inline-block;
    height: 50%;
    vertical-align: top;
  }
  body div.intro_text div.intro_title, body div.intro_text div.news_title, body div.intro_text div.airtame_title, body div.intro_text div.quote_title, body div.airtame_text div.intro_title, body div.airtame_text div.news_title, body div.airtame_text div.airtame_title, body div.airtame_text div.quote_title {
    font-family: Oswald;
    font-weight: 300;
    font-size: 3em;
    line-height: 1.3em;
    width: 100%;
    padding: 0 0 10px 0;
  }
  body div.intro_text div.intro_content, body div.intro_text div.news_content, body div.intro_text div.airtame_content, body div.intro_text div.quote_content, body div.airtame_text div.intro_content, body div.airtame_text div.news_content, body div.airtame_text div.airtame_content, body div.airtame_text div.quote_content {
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
  }
  body div.intro_text div.intro_content, body div.intro_text div.airtame_content, body div.airtame_text div.intro_content, body div.airtame_text div.airtame_content {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
  }
  body div.intro_text hr, body div.airtame_text hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c9c9c9;
    margin: 1em 0;
    padding: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist *, body div.airtame_text div.news_content div#announcements_front_baselist * {
    height: auto;
    position: relative;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul, body div.airtame_text div.news_content div#announcements_front_baselist ul {
    padding: 0;
    margin: 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li, body div.airtame_text div.news_content div#announcements_front_baselist ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li *, body div.airtame_text div.news_content div#announcements_front_baselist ul li * {
    height: 2em;
  }
  body div.intro_text div.news_content div#announcements_front_baselist ul li a, body div.airtame_text div.news_content div#announcements_front_baselist ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.intro_text div.news_content div.olefabase_website_view_div span, body div.airtame_text div.news_content div.olefabase_website_view_div span {
    display: block;
    margin: 30px 0 0;
    padding: 30px 0 0;
  }
  body div.intro_text div.news_content div.olefabasenav, body div.airtame_text div.news_content div.olefabasenav {
    margin: 0;
  }
  body div.intro_text div.news_content video, body div.intro_text div.news_content audio, body div.intro_text div.news_content img, body div.airtame_text div.news_content video, body div.airtame_text div.news_content audio, body div.airtame_text div.news_content img {
    max-width: 100%;
  }
  body div.services_pic {
    background-image: url("/resources/images/_site/5916847_xxl.jpg");
  }
  body div.products_pic {
    background-image: url("/resources/images/_site/18908488_xl.jpg");
  }
  body div.services_text:not(.full) ul, body div.products_text ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text:not(.full) ul li, body div.products_text ul li {
    list-style: none;
    float: left;
    height: auto;
    padding: 0 30px 10px 30px;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
  }
  body div.services_text:not(.full) ul li h3, body div.products_text ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li p, body div.products_text ul li p {
    min-height: 10em;
  }
  body div.services_text:not(.full) ul li a, body div.products_text ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.services_text:not(.full) ul li:last-child, body div.products_text ul li:last-child {
    clear: both;
    float: none;
    height: 0 !important;
    min-height: 0 !important;
  }
  body div.services_text.full ul {
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
  }
  body div.services_text.full ul li {
    list-style: none;
    height: min-content !important;
    width: 100%;
    width: calc(100% - 60px);
    min-height: 0;
    padding: 0 0 30px 0;
    position: relative;
    display: inline-block;
  }
  body div.services_text.full ul li h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  body div.services_text.full ul li p {
    min-height: 10em;
  }
  body div.services_text.full ul li a {
    color: var(--mdc-theme-primary);
    font-weight: 700;
    text-transform: uppercase;
  }
  body div.airtame_pic {
    background-image: url("/resources/images/_site/airtame.png");
  }
  body div.contact_pic {
    background-image: url("/resources/images/_site/23186026_xxl.jpg");
  }
  body div.contact_text {
    height: auto;
    min-height: 50vh;
    width: calc(100% - 50px);
    margin: 70px auto 20px;
    padding: 70px 0 20px;
  }
  body div.contact_text h3 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.5em;
  }
  body div.contact_text > div {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
  }
  body div.contact_text div.address {
    width: 100%;
  }
  body div.contact_text div.address a {
    color: var(--mdc-theme-primary);
  }
  body div.contact_text div.address div.social a {
    padding: 0 10px 0 0;
    width: 22%;
    width: calc(25% - 10px);
    float: left;
  }
  body div.contact_text div.address div.social a img {
    width: 100%;
    max-width: 68px;
  }
  body div.contact_text div.address div.social a:last-child {
    padding: 0;
  }
  body div.contact_text div.logos {
    width: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
  }
  body div.contact_text div.logos a {
    padding: 10px 0;
    height: auto;
    position: relative;
    display: inherit;
  }
  body div.contact_text div.logos a img {
    width: 100%;
    height: auto;
    position: relative;
  }
  body div.contact_text div.contactform {
    width: 100%;
  }
  body div.contact_text div.contactform form > div input, body div.contact_text div.contactform form > div textarea, body div.contact_text div.contactform form > div select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    line-height: 2em;
    height: 2em;
    padding: 5px;
    margin: 5px 0 0 0;
  }
  body div.contact_text div.contactform form > div textarea {
    min-height: 150px;
  }
  body div.footer_map::before {
    -moz-box-shadow: inset 0px 10px 10px -10px #aaa;
    -webkit-box-shadow: inset 0px 10px 10px -10px #aaa;
    box-shadow: inset 0px 10px 10px -10px #aaa;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body div.footer_map {
    min-height: 50vh;
    height: 50%;
    position: relative;
  }
  body div.footer_map > div {
    height: 100%;
  }
}

/* ------------------------------------------------------------
|    Use a non-responsive design for pages with olefa tools
|  ============================================================
*/
body.no-parallax div.header.fix {
  position: relative;
}
body.no-parallax div.header.scrolling {
  display: none;
}
body.no-parallax ul.sf-olefatoolbar {
  min-width: 0;
}