@import url(../fonts/MyFontsWebfontsKit.css);
@import url(../../thirdparty/animate.css);
@import url(../fonts/MyFontsWebfontsKit.css);
@import url(../../thirdparty/animate.css);
footer .polygon-1 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: -100px;
  z-index: 10; }
  footer .polygon-1.toppeditem {
    bottom: calc(100vh - 160px);
    height: 300px; }
  @media (max-width: 991px) {
    footer .polygon-1 {
      height: 180px; } }
footer .polygon-2 {
  position: fixed;
  bottom: -70px;
  height: 240px;
  left: 40px;
  z-index: 9; }
  footer .polygon-2.toppeditem {
    bottom: calc(100vh - 150px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-2 {
      height: 200px; } }
footer .polygon-3 {
  position: fixed;
  bottom: -90px;
  height: 190px;
  left: 170px;
  z-index: 10; }
  footer .polygon-3.toppeditem {
    bottom: calc(100vh - 190px);
    height: 290px; }
  @media (max-width: 991px) {
    footer .polygon-3 {
      height: 160px; } }
footer .polygon-4 {
  position: fixed;
  bottom: -70px;
  height: 220px;
  left: 280px;
  z-index: 9; }
  footer .polygon-4.toppeditem {
    bottom: calc(100vh - 150px);
    height: 310px; }
  @media (max-width: 991px) {
    footer .polygon-4 {
      height: 240px; } }
footer .polygon-5 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: 400px;
  z-index: 10; }
  footer .polygon-5.toppeditem {
    bottom: calc(100vh - 150px);
    height: 290px; }
  @media (max-width: 991px) {
    footer .polygon-5 {
      height: 180px; } }
footer .polygon-6 {
  position: fixed;
  bottom: -70px;
  height: 240px;
  left: 540px;
  z-index: 9; }
  footer .polygon-6.toppeditem {
    bottom: calc(100vh - 150px);
    height: 300px; }
  @media (max-width: 991px) {
    footer .polygon-6 {
      height: 200px; } }
footer .polygon-7 {
  position: fixed;
  bottom: -90px;
  height: 190px;
  left: 680px;
  z-index: 10; }
  footer .polygon-7.toppeditem {
    bottom: calc(100vh - 170px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-7 {
      height: 160px; } }
footer .polygon-8 {
  position: fixed;
  bottom: -70px;
  height: 220px;
  left: 820px;
  z-index: 9; }
  footer .polygon-8.toppeditem {
    bottom: calc(100vh - 150px);
    height: 290px; }
  @media (max-width: 991px) {
    footer .polygon-8 {
      height: 180px; } }
footer .polygon-20 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: 720px;
  z-index: 8; }
  footer .polygon-20.toppeditem {
    bottom: calc(100vh - 170px);
    height: 300px; }
  @media (max-width: 991px) {
    footer .polygon-20 {
      height: 180px; } }
footer .polygon-9 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: 960px;
  z-index: 10; }
  footer .polygon-9.toppeditem {
    bottom: calc(100vh - 150px);
    height: 290px; }
  @media (max-width: 991px) {
    footer .polygon-9 {
      height: 180px; } }
footer .polygon-10 {
  position: fixed;
  bottom: -70px;
  height: 240px;
  left: 1100px;
  z-index: 9; }
  footer .polygon-10.toppeditem {
    bottom: calc(100vh - 170px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-10 {
      height: 200px; } }
footer .polygon-11 {
  position: fixed;
  bottom: -70px;
  height: 220px;
  left: 1240px;
  z-index: 9; }
  footer .polygon-11.toppeditem {
    bottom: calc(100vh - 150px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-11 {
      height: 180px; } }
footer .polygon-12 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: 1380px;
  z-index: 10; }
  footer .polygon-12.toppeditem {
    bottom: calc(100vh - 170px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-12 {
      height: 180px; } }
footer .polygon-13 {
  position: fixed;
  bottom: -70px;
  height: 240px;
  left: 1520px;
  z-index: 9; }
  footer .polygon-13.toppeditem {
    bottom: calc(100vh - 150px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-13 {
      height: 200px; } }
footer .polygon-14 {
  position: fixed;
  bottom: -70px;
  height: 220px;
  left: 1660px;
  z-index: 9; }
  footer .polygon-14.toppeditem {
    bottom: calc(100vh - 170px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-14 {
      height: 180px; } }
footer .polygon-15 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: 1800px;
  z-index: 10; }
  footer .polygon-15.toppeditem {
    bottom: calc(100vh - 150px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-15 {
      height: 180px; } }
footer .polygon-16 {
  position: fixed;
  bottom: -70px;
  height: 240px;
  left: 1740px;
  z-index: 9; }
  footer .polygon-16.toppeditem {
    bottom: calc(100vh - 170px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-16 {
      height: 200px; } }
footer .polygon-17 {
  position: fixed;
  bottom: -70px;
  height: 220px;
  left: 1880px;
  z-index: 9; }
  footer .polygon-17.toppeditem {
    bottom: calc(100vh - 150px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-17 {
      height: 180px; } }
footer .polygon-18 {
  position: fixed;
  bottom: -80px;
  height: 220px;
  left: 2020px;
  z-index: 10; }
  footer .polygon-18.toppeditem {
    bottom: calc(100vh - 160px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-18 {
      height: 180px; } }
footer .polygon-19 {
  position: fixed;
  bottom: -70px;
  height: 240px;
  left: 2160px;
  z-index: 9; }
  footer .polygon-19.toppeditem {
    bottom: calc(100vh - 150px);
    height: 320px; }
  @media (max-width: 991px) {
    footer .polygon-19 {
      height: 200px; } }

@media (max-width: 991px) {
  nav #navbar .navbar-nav {
    overflow-y: hidden;
    padding-bottom: 50px; } }
nav #navbar .navbar-nav li a {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #8d8d8d; }
  @media (max-width: 991px) {
    nav #navbar .navbar-nav li a {
      text-align: center; } }
nav #navbar .navbar-nav li::after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 0;
  height: 1px;
  background: #8d8d8d;
  -webkit-transition: width .8s;
  -moz-transition: width .8s;
  -o-transition: width .8s;
  transition: width .8s; }
nav #navbar .navbar-nav li:hover::after {
  width: 90%; }
@media (min-width: 992px) {
  nav #navbar .navbar-nav li.active a {
    background-color: transparent !important; } }
nav #navbar .navbar-nav li.active::after {
  width: 90%; }
nav #navbar .navbar-nav li.whitelink a {
  color: white; }
nav #navbar .navbar-nav li.whitelink::after {
  background: white; }
nav .navbar-brand {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*&.small-gray-brand{
    img{
      width: 70px;
      padding-top: 0px;
      filter: gray;
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -o-filter: grayscale(1);
      filter: grayscale(1);
      @media (min-width: 992px) {
        padding-top: 10px;
        width: 58px;
      }
    }
  }
  &.small-white-brand{
    img{
      width: 70px;
      padding-top: 0px;
      filter: gray;
      -webkit-filter: brightness(0) invert(1);
      -moz-filter: brightness(0) invert(1);
      -o-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
      @media (min-width: 992px) {
        padding-top: 10px;
        width: 58px;
      }
    }
  }*/ }
  @media (max-width: 991px) {
    nav .navbar-brand {
      float: right;
      padding: 10px 15px; } }
  nav .navbar-brand img {
    width: 100px;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease; }
    @media (min-width: 992px) {
      nav .navbar-brand img {
        width: 180px; } }
  @media (min-width: 992px) {
    nav .navbar-brand {
      margin-top: 20px;
      padding-left: 0px; } }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent !important;
  margin-top: 40px; }
  @media (min-width: 992px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      margin-top: 75px; } }

.navbar-default {
  border-color: transparent !important;
  background-color: white !important; }
  @media (min-width: 992px) {
    .navbar-default {
      background-color: white !important; } }
  .navbar-default.whitetop {
    background-color: white !important; }

@media (min-width: 992px) {
  .nav > li > a {
    padding: 10px 15px;
    margin-left: 10px;
    margin-right: 10px; } }

.fixed-side-nav {
  position: absolute;
  left: 0px;
  top: 185px;
  display: none; }
  @media (min-width: 992px) {
    .fixed-side-nav {
      display: block; } }
  .fixed-side-nav ul {
    padding-left: 25px;
    list-style: none !important; }
    .fixed-side-nav ul li a {
      display: block;
      width: 40px;
      padding: 24px 0px 24px 0px; }
      .fixed-side-nav ul li a .separator {
        width: 40px;
        height: 2px;
        background-color: #cccccc;
        display: block; }
      .fixed-side-nav ul li a:hover .separator {
        background-color: #009245; }
    .fixed-side-nav ul li.active a .separator {
      background-color: #009245; }

li:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

li:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

li:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

li:nth-child(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

li:nth-child(5) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

li:nth-child(6) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

li:nth-child(7) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

li:nth-child(8) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

li:nth-child(9) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }

li:nth-child(10) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

@media (min-width: 992px) {
  .inner-section-nav {
    top: -65px; } }

.white-bck-nav {
  background-color: rgba(255, 255, 255, 0.9) !important; }

.navbar-default .navbar-toggle {
  border-color: transparent !important; }

.navbar-toggle .icon-bar, .dropdown-toggle .icon-bar {
  width: 30px;
  height: 4px;
  background-color: #009245 !important;
  display: block;
  margin-bottom: 5px; }

.whitetop .navbar-toggle .icon-bar, .whitetop .dropdown-toggle .icon-bar {
  background-color: white !important; }

.first-bar {
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.second-bar {
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.third-bar {
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

[aria-expanded="true"] .first-bar {
  transform: rotate(45deg);
  margin-top: 7px !important; }
[aria-expanded="true"] .second-bar {
  opacity: 0; }
[aria-expanded="true"] .third-bar {
  transform: rotate(-45deg);
  margin-top: -17px !important; }

@media (max-width: 991px) {
  .mobile-left {
    float: left;
    margin-left: 10px; } }

.fixed-top-info {
  margin-top: 20px;
  width: 50%;
  position: fixed;
  left: 25vw; }
  .fixed-top-info .top-info-text {
    width: 100%;
    text-align: left;
    display: block;
    color: #8d8d8d; }
    .fixed-top-info .top-info-text.white-text {
      color: white; }

@media (max-width: 991px) {
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent !important; } }

.services-nav {
  list-style: none;
  padding-left: 0px; }
  @media (min-width: 992px) {
    .services-nav {
      margin-top: 20px;
      padding-left: 50px; } }
  .services-nav li {
    cursor: pointer; }
    @media (max-width: 991px) {
      .services-nav li {
        text-align: center; } }
    .services-nav li a {
      font-family: 'AvantGardeGothicITCW02Bd';
      font-size: 24px;
      text-decoration: none;
      color: #cccccc;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media (min-width: 768px) {
        .services-nav li a {
          font-size: 40px; } }
      @media (min-width: 992px) {
        .services-nav li a {
          font-size: calc(1 / 1100 * 100vh * 60); } }
      @media (max-width: 991px) {
        .services-nav li a {
          text-align: center; } }
    .services-nav li:hover a, .services-nav li.active a {
      text-decoration: none;
      color: #007045; }

.services-content p, .services-content ul, .services-content li, .services-content a, .services-content span, .services-content strong, .services-content h1, .services-content h2, .services-content h3, .services-content h4, .services-content h5, .services-content h6 {
  font-size: 14px;
  color: #757575;
  line-height: 180%; }
.services-content p:first-child {
  margin-top: 25px; }
@media (min-width: 992px) {
  .services-content {
    padding-right: 30px; } }

@media (max-width: 991px) {
  #services-section {
    padding-bottom: 100px; } }

.services-navum {
  list-style: none;
  padding-left: 0px; }
  @media (min-width: 992px) {
    .services-navum {
      margin-top: 20px;
      padding-left: 50px; } }
  .services-navum li {
    cursor: pointer; }
    @media (max-width: 991px) {
      .services-navum li {
        text-align: center; } }
    .services-navum li a {
      font-family: 'AvantGardeGothicITCW02Bd';
      font-size: 24px;
      text-decoration: none;
      color: #cccccc;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media (min-width: 768px) {
        .services-navum li a {
          font-size: 40px; } }
      @media (min-width: 992px) {
        .services-navum li a {
          font-size: calc(1 / 1100 * 100vh * 60); } }
      @media (max-width: 991px) {
        .services-navum li a {
          text-align: center; } }
    .services-navum li:hover a, .services-navum li.active a {
      text-decoration: none;
      color: #007045; }

.services-contentum p, .services-contentum ul, .services-contentum li, .services-contentum a, .services-contentum span, .services-contentum strong, .services-contentum h1, .services-contentum h2, .services-contentum h3, .services-contentum h4, .services-contentum h5, .services-contentum h6 {
  font-size: 14px;
  color: #757575;
  line-height: 180%; }
.services-contentum p:first-child {
  margin-top: 25px; }
@media (min-width: 992px) {
  .services-contentum {
    padding-right: 30px; } }

#products-section .row {
  height: 100%; }
#products-section .products-nav {
  list-style: none;
  margin-left: -40px;
  padding-left: 0px; }
  @media (min-width: 992px) {
    #products-section .products-nav {
      margin-top: 200px; } }
  #products-section .products-nav li {
    padding-left: 40px;
    line-height: 260%;
    cursor: pointer;
    padding-bottom: 30px; }
    #products-section .products-nav li a {
      font-size: 20px;
      color: #cccccc;
      text-decoration: none; }
      #products-section .products-nav li a:hover {
        text-decoration: none; }
    #products-section .products-nav li.active {
      /*background-image: url("../images/bulletpoint.png");
      background-repeat: no-repeat;
      background-position: center left;*/ }
      #products-section .products-nav li.active a {
        color: #007045 !important; }
  @media (max-width: 991px) {
    #products-section .products-nav {
      display: none; } }
#products-section .product-content p, #products-section .product-content ul, #products-section .product-content li, #products-section .product-content a, #products-section .product-content span, #products-section .product-content strong {
  font-size: 16px;
  color: #757575;
  line-height: 180%; }
#products-section .product-content h1, #products-section .product-content h2, #products-section .product-content h3, #products-section .product-content h4, #products-section .product-content h5, #products-section .product-content h6 {
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    #products-section .product-content h1, #products-section .product-content h2, #products-section .product-content h3, #products-section .product-content h4, #products-section .product-content h5, #products-section .product-content h6 {
      text-align: center; } }
@media (min-width: 992px) {
  #products-section .product-content {
    min-height: 100vh;
    padding: 200px 30px 0px 130px;
    background: white;
    -webkit-box-shadow: 0 19px 0px 0px white, 0 -19px 0px 0px white, 0px 0 0px 0px rgba(0, 0, 0, 0.2), -12px 0 15px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 19px 0px 0px white, 0 -19px 0px 0px white, 0px 0 0px 0px rgba(0, 0, 0, 0.2), -12px 0 15px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 19px 0px 0px white, 0 -19px 0px 0px white, 0px 0 0px 0px rgba(0, 0, 0, 0.2), -12px 0 15px -4px rgba(0, 0, 0, 0.2); } }
@media (min-width: 992px) {
  #products-section .product-content .product-wrapper .share-wrapper {
    position: absolute;
    left: 65px;
    padding-top: 8px;
    width: 40px; } }
#products-section .product-content .product-wrapper .share-wrapper img {
  margin-bottom: 30px; }
#products-section .product-content .product-wrapper .content-wrap {
  padding-bottom: 50px; }
  @media (min-width: 992px) {
    #products-section .product-content .product-wrapper .content-wrap {
      padding-bottom: 250px; } }
#products-section img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #products-section img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

@media (max-width: 991px) {
  #products-section {
    padding-bottom: 100px; } }

@media (max-width: 991px) {
  .share-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly; } }

.product-nav-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .product-nav-wrapper h2 {
    width: 80%;
    margin-top: 30px;
    margin-bottom: 30px; }
  .product-nav-wrapper .prev-arrow img {
    width: 13px; }
  .product-nav-wrapper .next-arrow img {
    width: 13px; }

.references h1, .references h2, .references h3, .references h4, .references h5, .references h6 {
  animation-delay: 1s !important; }
.references .content-wrapper {
  animation-delay: 2.5s !important; }
.references p {
  font-family: 'AvantGardeGothicITCW02Bk';
  font-size: 18px;
  color: #cacaca; }
  @media (min-width: 992px) {
    .references p {
      font-size: 30px; } }
  .references p.subhead {
    font-size: 9px;
    color: #8d8d8d;
    margin-top: 75px;
    animation-delay: 3s !important; }
.references .logo-wrapper {
  animation-delay: 3s !important; }
  .references .logo-wrapper img {
    margin-right: 30px;
    margin-bottom: 10px;
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    filter: brightness(70%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .references .logo-wrapper img:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

@media (max-width: 991px) {
  .references {
    padding-bottom: 100px; } }

.contacts h4 {
  font-family: 'AvantGardeGothicITCW02Bd';
  font-size: 24px;
  text-align: center;
  color: #3c3c3c; }
  @media (min-width: 992px) {
    .contacts h4 {
      font-size: 30px;
      text-align: left; } }
.contacts p, .contacts a, .contacts span {
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #4d4d4d; }
  .contacts p:hover, .contacts a:hover, .contacts span:hover {
    color: #4d4d4d;
    text-decoration: none; }
  @media (min-width: 992px) {
    .contacts p, .contacts a, .contacts span {
      text-align: left; } }
.contacts .content-wrapper {
  margin-top: 100px;
  animation-delay: 1.5s !important; }
  @media (min-width: 992px) {
    .contacts .content-wrapper td {
      padding-right: 92px; } }
  @media (max-width: 991px) {
    .contacts .content-wrapper td {
      width: 100%;
      display: block;
      padding-bottom: 50px; } }
  @media (min-width: 992px) {
    .contacts .content-wrapper {
      animation-delay: 3s !important; } }

#okmessage {
  font-family: 'AvantGardeGothicITCW02Bd';
  font-size: 30px;
  color: #3c3c3c; }

#contactform {
  margin-top: 30px;
  width: 100%;
  animation-delay: 3s !important; }
  @media (min-width: 992px) {
    #contactform {
      width: 840px; } }
  #contactform label {
    font-size: 24px;
    color: #cacaca;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #contactform label.smaller-label {
      -webkit-transform: translate(-15%, -30px) scale(0.7);
      -moz-transform: translate(-15%, -30px) scale(0.7);
      -ms-transform: translate(-15%, -30px) scale(0.7);
      -o-transform: translate(-15%, -30px) scale(0.7);
      transform: translate(-15%, -30px) scale(0.7); }
    @media (min-width: 992px) {
      #contactform label {
        font-size: 30px; } }
  #contactform input {
    width: 100%;
    height: 40px;
    border: 1px solid transparent !important;
    border-bottom: 1px solid #cacaca !important;
    padding-top: 14px;
    font-size: 30px;
    color: #007045;
    background-color: transparent !important;
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      #contactform input {
        width: 590px;
        height: 64px;
        margin-bottom: 0px; } }
    #contactform input:focus {
      outline-color: transparent !important;
      outline-style: none;
      outline-width: 0px; }
  #contactform button {
    font-family: 'AvantGardeGothicITCW02Bd';
    width: 130px;
    height: 35px;
    text-align: center;
    border: 2px solid #007045;
    color: #007045;
    font-size: 13px;
    background: transparent !important;
    padding-top: 8px;
    margin-left: calc(50% - 65px); }
    @media (min-width: 992px) {
      #contactform button {
        width: 220px;
        margin-left: 20px; } }
  #contactform .error-msg {
    color: red;
    bottom: 0px;
    left: 0px;
    padding-top: 5px;
    display: block; }
  #contactform .error {
    color: red !important; }

body, html {
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  font-family: 'AvantGardeGothicITCW02Bk'; }

h1, h2, h3, h4, h5, h6 {
  text-align: right;
  font-family: 'AvantGardeGothicITCW02Bd';
  font-size: calc(1 / 1100 * 100vh * 57);
  padding-right: 15px;
  /*@media (min-width: 768px) {
    font-size: 50px;
  }
  @media (min-width: 1200px) {
    font-size: 80px;
  }*/ }
  @media (min-width: 350px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: calc(1 / 1100 * 100vh * 60); } }
  @media (min-width: 400px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: calc(1 / 1100 * 100vh * 65); } }
  @media (min-width: 992px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: calc(1 / 1100 * 100vh * 80); } }

@media (min-width: 992px) {
  main.container {
    padding-left: 100px; } }

.scroll-to-this {
  padding-top: 20px;
  min-height: auto; }
  @media (min-width: 992px) {
    .scroll-to-this {
      min-height: 100vh;
      padding-top: 277px; }
      .scroll-to-this.smaller-top {
        padding-top: 170px; } }
  .scroll-to-this.superheading {
    padding-top: 120px;
    min-height: 100vh; }
    @media (min-width: 992px) {
      .scroll-to-this.superheading {
        padding-top: 277px; } }

.colored {
  background-image: -webkit-linear-gradient(#009245, #007045);
  background-image: -moz-linear-gradient(#009245, #007045);
  background-image: -ms-linear-gradient(#009245, #007045);
  background-image: -o-linear-gradient(#009245, #007045);
  background-image: linear-gradient(#009245, #007045);
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation-delay: 2s; }

.violet-text {
  color: #757575; }

.no-top-padding {
  padding-top: 0px; }

/*# sourceMappingURL=style.css.map */