@import url("https://fonts.googleapis.com/css?family=El+Messiri:400,700|Rubik:400,700,900&display=swap");
html {
  margin: 0;
  padding: 0; }

html,
body {
  overflow-x: hidden; }

body {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased; }

body {
  height: 100%;
  width: 100%; }

.container {
  max-width: 992px; }

.shadow-block {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#737373)";
  /*IE 8*/
  -moz-box-shadow: 0 12px 30px -15px #737373;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 12px 30px -15px #737373;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 12px 30px -15px #737373;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#737373);
  /*IE 5.5-7*/
  transition: all .25s ease-in-out; }
  .shadow-block:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#5a5a5a)";
    /*IE 8*/
    -moz-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*FF 3.5+*/
    -webkit-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 12px 30px -15px #5a5a5a;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#5a5a5a);
    /*IE 5.5-7*/ }

a:link, a:visited, a:active, a:hover {
  text-decoration: none; }
a:hover {
  color: #FF0000; }

p {
  line-height: 1.6em; }

.img-full-w {
  width: 100%; }

.img-full-h {
  height: 100%; }

.text-bold {
  font-weight: 700; }

.text-extra-bold {
  font-weight: 900; }

.text-italic {
  font-style: italic; }

.c-heading-1 {
  font-size: 46px;
  line-height: 1em; }

.c-heading-2 {
  font-size: 32px;
  line-height: 1.2em; }

.c-heading-3 {
  font-size: 20px;
  line-height: 1.4em; }

.header-nav nav {
  display: grid;
  margin-top: 15px; }
  .header-nav nav a {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    min-width: 160px;
    margin-bottom: 5px; }
    .header-nav nav a img {
      position: absolute; }

.top-banner img {
  max-height: 100px; }

.secondary-nav nav {
  display: grid; }

.top-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }

.marketing-teaser {
  background: url(../images/tomato.webp) center center/cover no-repeat, rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
  border-radius: 10px;
  padding: 40px 50px;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#737373)";
  /*IE 8*/
  -moz-box-shadow: 0 12px 30px -15px #737373;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 12px 30px -15px #737373;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 12px 30px -15px #737373;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#737373);
  /*IE 5.5-7*/
  transition: all .25s ease-in-out; }
  .marketing-teaser:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#5a5a5a)";
    /*IE 8*/
    -moz-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*FF 3.5+*/
    -webkit-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 12px 30px -15px #5a5a5a;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#5a5a5a);
    /*IE 5.5-7*/ }

.testimonial {
  background-color: #F0F0F0;
  border-radius: 10px;
  padding: 30px 40px;
  margin: 0 0 30px 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#737373)";
  /*IE 8*/
  -moz-box-shadow: 0 12px 30px -15px #737373;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 12px 30px -15px #737373;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 12px 30px -15px #737373;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#737373);
  /*IE 5.5-7*/
  transition: all .25s ease-in-out; }
  .testimonial:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#5a5a5a)";
    /*IE 8*/
    -moz-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*FF 3.5+*/
    -webkit-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 12px 30px -15px #5a5a5a;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#5a5a5a);
    /*IE 5.5-7*/ }
  .testimonial p {
    margin-top: 0; }

.quote {
  border-radius: 10px;
  overflow: hidden;
  max-height: 164px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#737373)";
  /*IE 8*/
  -moz-box-shadow: 0 12px 30px -15px #737373;
  /*FF 3.5+*/
  -webkit-box-shadow: 0 12px 30px -15px #737373;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 12px 30px -15px #737373;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#737373);
  /*IE 5.5-7*/
  transition: all .25s ease-in-out; }
  .quote:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#5a5a5a)";
    /*IE 8*/
    -moz-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*FF 3.5+*/
    -webkit-box-shadow: 0 12px 30px -15px #5a5a5a;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 12px 30px -15px #5a5a5a;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#5a5a5a);
    /*IE 5.5-7*/ }

.style16 {
  color: #737373; }

.style18 {
  font-size: 18px;
  color: #006837; }

.style20 {
  font-size: 20px; }

.style22 {
  font-size: 22px; }

.style24 {
  font-size: 24px; }

.style26 {
  font-size: 26px;
  font-family: 'El Messiri', sans-serif; }

.style28 {
  font-size: 28px; }

.style30 {
  color: #2D9002; }

.style31 {
  color: #CC0000; }

.style32 {
  color: #006498; }

.style33 {
  color: #ff9900; }

.style34 {
  color: #990000; }

.style35 {
  color: #99cc33; }

.style36 {
  color: #669900; }

.style37 {
  color: #99cc33; }

.style40 {
  color: #006837; }

.style41 {
  color: #F7931E; }

.style42 {
  color: #383838; }

.video-frame {
  width: 560px;
  height: 315px; }

.table-w,
.table-w-2 {
  width: 100%; }

@media screen and (min-width: 992px) {
  .header-nav nav {
    grid-template-columns: repeat(6, 1fr); }
    .header-nav nav a {
      min-height: 44px; }

  .secondary-nav nav {
    grid-template-columns: repeat(7, 1fr); }

  .lang-selector {
    text-align: right; } }
@media screen and (max-width: 991px) {
  .header-nav nav {
    grid-template-columns: repeat(3, 1fr); }
    .header-nav nav a {
      min-height: 68px; }

  .secondary-nav nav {
    grid-template-columns: repeat(3, 1fr); }

  .lang-selector {
    text-align: center; } }
@media screen and (max-width: 480px) {
  .header-nav nav {
    grid-template-columns: repeat(2, 1fr); }
    .header-nav nav a {
      min-width: 130px;
      min-height: 47px; }

  .top-logo {
    max-width: 200px; }

  .top-banner {
    padding-bottom: 20px; }
    .top-banner img {
      width: 100% !important; }

  .secondary-nav nav {
    grid-template-columns: repeat(2, 1fr); }

  .c-heading-1 {
    font-size: 26px !important;
    line-height: 1em; }

  .testimonial img.img-full-w {
    margin-bottom: 20px; }

  .video-frame {
    width: 100%;
    height: 176px; }

  .table-w {
    width: 700px; }

  .table-w-2 {
    width: 400px; } }

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