/* Transition */
/* Transition-delay  */
/* Order  */
/* Transform-origin */
/* Transform */
/* border-radius */
/* Backface-visibility  */
/* Box-shadow*/
/* Animation */
/* Fonts */
/* Base colors*/
/*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
/*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
/* New Color */
/*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
/*$orange: #ff681d;*/
/*  Media query variables */
/* 
 * Mobile landscape media query 
 */
/* (max-width: 480px) */
/* (max-width: 767px) */
/* (max-width: 595px) */
/* (min-width: 596px), (max-width: 767px) */
/*  (min-width:481px), (max-width: 595px) */
/* (min-width: 768px), (max-width: 991px) */
/*  Media query mixins
   (min-width:1200px) */
/*  (min-width:992px) */
/* (min-width:992px), (max-width: 1024px) */
/* (min-width:992px), (max-width: 1200px) */
/*  (min-width:768px), (max-width: 991px) */
/*  (min-width:596px), (max-width: 767px) */
/*  (min-width:481px), (max-width: 595px) */
/* (max-width:1200px) */
/* (max-width:991px) */
/* (max-width:767px) */
/* (max-width:595px) */
/* (min-width:595px) */
/*  (max-width:480px) */
/* Transition */
/* Transition-delay  */
/* Order  */
/* Transform-origin */
/* Transform */
/* border-radius */
/* Backface-visibility  */
/* Box-shadow*/
/* Animation */
/* Fonts */
/* Base colors*/
/*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
/*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
/* New Color */
/*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
/*$orange: #ff681d;*/
/*  Media query variables */
/* 
 * Mobile landscape media query 
 */
/* (max-width: 480px) */
/* (max-width: 767px) */
/* (max-width: 595px) */
/* (min-width: 596px), (max-width: 767px) */
/*  (min-width:481px), (max-width: 595px) */
/* (min-width: 768px), (max-width: 991px) */
/*  Media query mixins
   (min-width:1200px) */
/*  (min-width:992px) */
/* (min-width:992px), (max-width: 1024px) */
/* (min-width:992px), (max-width: 1200px) */
/*  (min-width:768px), (max-width: 991px) */
/*  (min-width:596px), (max-width: 767px) */
/*  (min-width:481px), (max-width: 595px) */
/* (max-width:1200px) */
/* (max-width:991px) */
/* (max-width:767px) */
/* (max-width:595px) */
/* (min-width:595px) */
/*  (max-width:480px) */
/*
 * Buttons.
 */
/*
 * Links.
 */
.link-text, .link-text-gray, body.Z18 .link-text-gray {
  padding: 0 10px;
  color: #FFFFFF;
  position: relative;
  text-decoration: none;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 0.01em;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }
  .link-text:before, .link-text-gray:before, body.Z18 .link-text-gray:before {
    content: "[";
    position: absolute;
    left: 0;
    top: 0; }
  .link-text:after, .link-text-gray:after, body.Z18 .link-text-gray:after {
    content: "]";
    position: absolute;
    right: 0;
    top: 0; }
  .link-text:hover, .link-text-gray:hover, body.Z18 .link-text-gray:hover {
    color: #0B23BF; }

.link-text-gray:hover {
  color: #c2c2c2; }

.link-gray:hover {
  color: #c2c2c2; }

body.Z18 {
  margin: 0;
  position: relative;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /*
 * Buttons.
 */
  /*
 * Links.
 */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /*
 * Effect.
 */
  /*
*
*/
  /*
 * Heading and Paragraph.
 */
  /*
 * Columns.
 */
  /*
 * Background Image.
 */
  /*
 * Vertical Align Middle.
 */
  /*
 * Text Alignment.
 */
  /*
 * Effects.
 */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */
  /* Transition */
  /* Transition-delay  */
  /* Order  */
  /* Transform-origin */
  /* Transform */
  /* border-radius */
  /* Backface-visibility  */
  /* Box-shadow*/
  /* Animation */
  /* Fonts */
  /* Base colors*/
  /*$primary: #374c51;
$primary2: #9eacab;
$primary3: #758c92;
$primary4: #49c9e8;
$blue: #007a97;
*/
  /*$purple: #310459;
$yellow: #ffc72c;
$light-green: #a4d233;
$light-blue: #0cb7e1;
$violet: #8031a7;
$off-violet: #712b94;
$red: #c41425;*/
  /* New Color */
  /*$fiord: #415464;
$horizon: #5b7e96;
$oxford-blue: #303D49;*/
  /*$orange: #ff681d;*/
  /*  Media query variables */
  /* 
 * Mobile landscape media query 
 */
  /* (max-width: 480px) */
  /* (max-width: 767px) */
  /* (max-width: 595px) */
  /* (min-width: 596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (min-width: 768px), (max-width: 991px) */
  /*  Media query mixins
   (min-width:1200px) */
  /*  (min-width:992px) */
  /* (min-width:992px), (max-width: 1024px) */
  /* (min-width:992px), (max-width: 1200px) */
  /*  (min-width:768px), (max-width: 991px) */
  /*  (min-width:596px), (max-width: 767px) */
  /*  (min-width:481px), (max-width: 595px) */
  /* (max-width:1200px) */
  /* (max-width:991px) */
  /* (max-width:767px) */
  /* (max-width:595px) */
  /* (min-width:595px) */
  /*  (max-width:480px) */ }
  body.Z18 .text-white {
    color: #FFFFFF; }
  body.Z18 .bg-white {
    background-color: #FFFFFF; }
  body.Z18 .border-white {
    border-color: #FFFFFF !important; }
  body.Z18 .text-black {
    color: #000000; }
  body.Z18 .bg-black {
    background-color: #000000; }
  body.Z18 .border-black {
    border-color: #000000 !important; }
  body.Z18 .text-gray {
    color: #c2c2c2; }
  body.Z18 .bg-gray {
    background-color: #c2c2c2; }
  body.Z18 .border-gray {
    border-color: #c2c2c2 !important; }
  body.Z18 .text-dark-blue {
    color: #0b24bf; }
  body.Z18 .bg-dark-blue {
    background-color: #0b24bf; }
  body.Z18 .border-dark-blue {
    border-color: #0b24bf !important; }
  body.Z18 .link-text, body.Z18 .link-text-gray {
    padding: 0 10px;
    color: #FFFFFF;
    position: relative;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.01em;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    body.Z18 .link-text:before, body.Z18 .link-text-gray:before {
      content: "[";
      position: absolute;
      left: 0;
      top: 0; }
    body.Z18 .link-text:after, body.Z18 .link-text-gray:after {
      content: "]";
      position: absolute;
      right: 0;
      top: 0; }
    body.Z18 .link-text:hover, body.Z18 .link-text-gray:hover {
      color: #0B23BF; }
  body.Z18 .link-text-gray:hover {
    color: #c2c2c2; }
  body.Z18 .link-gray:hover {
    color: #c2c2c2; }
  body.Z18 .move-up,
  body.Z18 .move-right,
  body.Z18 .move-left,
  body.Z18 .move-animate {
    visibility: hidden;
    visibility: visible\ie9;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
       animation-duration: 1s;
    -webkit-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
       animation-delay: 0.1s;
    -webkit-animation-name: none;
    -o-animation-name: none;
       animation-name: none;
    -webkit-animation-iteration-count: once;
         -o-animation-iteration-count: once;
            animation-iteration-count: once;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
       animation-fill-mode: forwards; }
  body.Z18 .delay-200 {
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out; }
  body.Z18 .delay-400 {
    -o-transition: all 1.4s ease-in-out;
    transition: all 1.4s ease-in-out;
    -webkit-transition: all 1.4s ease-in-out;
    -moz-transition: all 1.4s ease-in-out;
    -ms-transition: all 1.4s ease-in-out; }
  body.Z18 .delay-800 {
    -o-transition: all 1.6s ease-in-out;
    transition: all 1.6s ease-in-out;
    -webkit-transition: all 1.6s ease-in-out;
    -moz-transition: all 1.6s ease-in-out;
    -ms-transition: all 1.6s ease-in-out; }
  body.Z18 .delay-1200 {
    -o-transition: all 1.8s ease-in-out !important;
    transition: all 1.8s ease-in-out !important;
    -webkit-transition: all 1.8s ease-in-out !important;
    -moz-transition: all 1.8s ease-in-out !important;
    -ms-transition: all 1.8s ease-in-out !important; }

@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -o-transform: none;
       transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -o-transform: none;
       transform: none; } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: none; } }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -o-transform: none;
       transform: none; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -o-transform: none;
       transform: none; } }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -o-transform: none;
       transform: none; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -o-transform: none;
       transform: none; } }
  body.Z18 .ie9 .move-up {
    visibility: visible;
    opacity: 0;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    bottom: -300px; }
  body.Z18 .ie9 .move-right {
    visibility: visible;
    opacity: 0;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    left: -300px; }
  body.Z18 .ie9 .move-left {
    visibility: visible;
    opacity: 0;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    left: -300px; }
  body.Z18 * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-tap-highlight-color: transparent; }
  body.Z18 ol, body.Z18 ul, body.Z18 li {
    /*  padding: 0;
    margin: 0;
    list-style: none;*/ }
  body.Z18 a {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    body.Z18 a:hover {
      outline: 0;
      text-decoration: none; }
      body.Z18 a:hover .link:after {
        right: -35px; }
  body.Z18 h1, body.Z18 h2, body.Z18 h3, body.Z18 h4, body.Z18 h5, body.Z18 h6, body.Z18 p,
  body.Z18 fieldset, body.Z18 form, body.Z18 label,
  body.Z18 table, body.Z18 tbody, body.Z18 tr, body.Z18 th, body.Z18 td,
  body.Z18 figure, body.Z18 footer, body.Z18 header,
  body.Z18 menu, body.Z18 nav, body.Z18 section,
  body.Z18 audio, body.Z18 video, body.Z18 button {
    margin: 0;
    border: 0; }
  body.Z18 img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    border: 0; }
  body.Z18 .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1180px;
    position: relative; }
  body.Z18 .content-650 {
    max-width: 650px;
    margin: 0 auto; }
  body.Z18 .content-670 {
    max-width: 670px;
    margin: 0 auto; }
  body.Z18 .content-830 {
    max-width: 830px;
    margin: 0 auto; }
  body.Z18 section,
  body.Z18 .section {
    width: 100%;
    position: relative;
    float: left;
    padding: 90px 0;
    overflow: hidden; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 section,
      body.Z18 .section {
        padding: 80px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 section,
      body.Z18 .section {
        padding: 40px 0; } }
    @media (max-width: 767px) {
      body.Z18 section,
      body.Z18 .section {
        padding: 30px 0; } }
  body.Z18 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset; }
  body.Z18 header:after,
  body.Z18 .container:after,
  body.Z18 :after,
  body.Z18 .wrapper:after,
  body.Z18 .column-wrapper:after,
  body.Z18 .grid-wrapper:after,
  body.Z18 .two-third:after,
  body.Z18 .content-wrapper:after,
  body.Z18 .v-middle-wrapper:after {
    content: "";
    clear: both;
    display: block; }
  body.Z18 h1 {
    font-size: 83px;
    line-height: 1.084;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 h1 {
        font-size: 60px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 h1 {
        font-size: 50px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 h1 {
        font-size: 45px; } }
    @media (min-width: 481px) and (max-width: 595px) {
      body.Z18 h1 {
        font-size: 40px; } }
    @media (max-width: 480px) {
      body.Z18 h1 {
        font-size: 30px; } }
  body.Z18 h2 {
    font-size: 50px;
    line-height: 1.2;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 h2 {
        font-size: 40px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 h2 {
        font-size: 36px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 h2 {
        font-size: 32px; } }
    @media (min-width: 481px) and (max-width: 595px) {
      body.Z18 h2 {
        font-size: 28px; } }
    @media (max-width: 480px) {
      body.Z18 h2 {
        font-size: 24px; } }
  body.Z18 h3 {
    font-size: 30px;
    line-height: 1.2;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 h3 {
        font-size: 28px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 h3 {
        font-size: 24px; } }
    @media (max-width: 595px) {
      body.Z18 h3 {
        font-size: 20px; } }
  body.Z18 h4 {
    font-size: 18px;
    line-height: 1.66;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    @media (max-width: 595px) {
      body.Z18 h4 {
        font-size: 16px; } }
  body.Z18 h5 {
    font-size: 18px;
    line-height: 1.66;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    @media (max-width: 595px) {
      body.Z18 h5 {
        font-size: 16px; } }
  body.Z18 h6 {
    font-size: 16px;
    line-height: 1.66;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
  body.Z18 para-22 {
    font-size: 22px;
    font-family: "NeueHaasGroteskText W01", sans-serif; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 para-22 {
        font-size: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 para-22 {
        font-size: 18px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 para-22 {
        font-size: 16px; } }
    @media (max-width: 595px) {
      body.Z18 para-22 {
        font-size: 15px; } }
  body.Z18 p {
    font-family: "NeueHaasGroteskText W01", sans-serif;
    font-size: 16px;
    margin: 0;
    line-height: 1.4; }
    @media (max-width: 767px) {
      body.Z18 p {
        line-height: 1.3; } }
    @media (max-width: 480px) {
      body.Z18 p {
        font-size: 14px; } }
  body.Z18 .col {
    width: 100%;
    float: left;
    position: relative; }
  body.Z18 .col-two {
    width: 50%;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      body.Z18 .col-two {
        width: 100%; } }
  body.Z18 .col-three {
    width: 33.33%;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      body.Z18 .col-three {
        width: 100%; } }
  body.Z18 .col-four {
    width: 25%;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      body.Z18 .col-four {
        width: 100%; } }
  body.Z18 .col-five {
    width: 20%;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      body.Z18 .col-five {
        width: 100%; } }
  body.Z18 .col-seven {
    width: 66.66%;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      body.Z18 .col-seven {
        width: 100%; } }
  body.Z18 .col-eight {
    width: 75%;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      body.Z18 .col-eight {
        width: 100%; } }
  body.Z18 .bg-img {
    overflow: hidden; }
  body.Z18 .v-middle-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3; }
  body.Z18 .v-middle-inner {
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%; }
  body.Z18 .v-middle,
  body.Z18 .v-top,
  body.Z18 .v-bottom {
    display: table-cell;
    vertical-align: middle; }
  body.Z18 .v-top {
    vertical-align: top; }
  body.Z18 .v-bottom {
    vertical-align: bottom; }
  body.Z18 .text-left {
    text-align: left; }
  body.Z18 .text-right {
    text-align: right; }
  body.Z18 .text-center {
    text-align: center; }
  body.Z18 .left {
    float: left; }
  body.Z18 .right {
    float: right; }
  body.Z18 .no-padding {
    padding: 0 !important; }
  body.Z18 .no-padding-top {
    padding-top: 0 !important; }
  body.Z18 .no-padding-bottom {
    padding-bottom: 0 !important; }
  body.Z18 .zoom-in img {
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    -o-transition: -o-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out; }
  body.Z18 .zoom-in:hover img {
    -o-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06); }
  body.Z18 .zoom-bg .bg-img img {
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    -o-transition: -o-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out; }
  body.Z18 .zoom-bg:hover .bg-img img {
    -o-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06); }
  body.Z18 .blend-mode {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: multiply; }
  body.Z18 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #FFFFFF;
    opacity: 1;
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 ::-webkit-input-placeholder {
        font-size: 30px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 ::-webkit-input-placeholder {
        font-size: 25px; } }
    @media (max-width: 595px) {
      body.Z18 ::-webkit-input-placeholder {
        font-size: 22px; } }
  body.Z18 ::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFFFFF;
    opacity: 1;
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 ::-moz-placeholder {
        font-size: 30px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 ::-moz-placeholder {
        font-size: 25px; } }
    @media (max-width: 595px) {
      body.Z18 ::-moz-placeholder {
        font-size: 22px; } }
  body.Z18 :-ms-input-placeholder {
    /* IE 10+ */
    color: #FFFFFF;
    opacity: 1;
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 :-ms-input-placeholder {
        font-size: 30px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 :-ms-input-placeholder {
        font-size: 25px; } }
    @media (max-width: 595px) {
      body.Z18 :-ms-input-placeholder {
        font-size: 22px; } }
  body.Z18 :-moz-placeholder {
    /* Firefox 18- */
    color: #FFFFFF;
    opacity: 1;
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 :-moz-placeholder {
        font-size: 30px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 :-moz-placeholder {
        font-size: 25px; } }
    @media (max-width: 595px) {
      body.Z18 :-moz-placeholder {
        font-size: 22px; } }
  body.Z18 body.stop-scroll {
    overflow: hidden; }
  body.Z18 .cta {
    color: #FFFFFF;
    padding: 164px 0 135px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .cta {
        padding: 120px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .cta {
        padding: 80px 0; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 .cta {
        padding: 50px 0; } }
    @media (max-width: 595px) {
      body.Z18 .cta {
        padding: 30px 0; } }
    body.Z18 .cta h2 {
      margin: 0 auto;
      font-size: 50px;
      line-height: 1.2;
      text-transform: inherit;
      text-align: left;
      padding-left: 146px; }
      @media (max-width: 1200px) {
        body.Z18 .cta h2 {
          padding: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .cta h2 {
          font-size: 40px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .cta h2 {
          font-size: 35px; } }
      @media (min-width: 481px) and (max-width: 595px) {
        body.Z18 .cta h2 {
          font-size: 28px; } }
      @media (max-width: 480px) {
        body.Z18 .cta h2 {
          font-size: 24px; } }
      body.Z18 .cta h2 span {
        font-weight: 800;
        display: block;
        letter-spacing: 0.011em; }
        @media (max-width: 767px) {
          body.Z18 .cta h2 span {
            display: inline;
            padding-left: 10px; } }
    body.Z18 .cta .col-two:last-child {
      max-width: 472px;
      text-align: left;
      padding: 0 82px 0 17px; }
      @media (max-width: 1200px) {
        body.Z18 .cta .col-two:last-child {
          padding-right: 0; } }
      @media (max-width: 767px) {
        body.Z18 .cta .col-two:last-child {
          max-width: inherit;
          padding: 0;
          margin-top: 15px; } }
      body.Z18 .cta .col-two:last-child a {
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0.01em;
        padding-left: 0;
        margin: 11px 0 30px; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .cta .col-two:last-child a {
            margin: 11px 0 20px; } }
        @media (max-width: 767px) {
          body.Z18 .cta .col-two:last-child a {
            margin: 0 0 20px; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .cta .col-two:last-child a {
            font-size: 24px; } }
        @media (min-width: 481px) and (max-width: 595px) {
          body.Z18 .cta .col-two:last-child a {
            font-size: 22px; } }
        @media (max-width: 480px) {
          body.Z18 .cta .col-two:last-child a {
            font-size: 18px; } }
        body.Z18 .cta .col-two:last-child a:before {
          left: 57px; }
          @media (max-width: 767px) {
            body.Z18 .cta .col-two:last-child a:before {
              left: 52px; } }
        body.Z18 .cta .col-two:last-child a .envelope {
          position: relative;
          padding-left: 67px;
          display: inline-block; }
          @media (max-width: 767px) {
            body.Z18 .cta .col-two:last-child a .envelope {
              padding-left: 62px; } }
          body.Z18 .cta .col-two:last-child a .envelope:before {
            content: '';
            position: absolute;
            background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/mail.png) no-repeat;
            background-size: 100%;
            width: 41px;
            height: 33px;
            top: 0;
            left: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .cta .col-two:last-child a .envelope:before {
                width: 37px;
                height: 26px;
                top: 0; } }
            @media (min-width: 481px) and (max-width: 595px) {
              body.Z18 .cta .col-two:last-child a .envelope:before {
                width: 35px;
                height: 25px;
                top: 0; } }
            @media (max-width: 480px) {
              body.Z18 .cta .col-two:last-child a .envelope:before {
                width: 29px;
                height: 22px;
                top: 0; } }
          body.Z18 .cta .col-two:last-child a .envelope:after {
            content: '';
            position: absolute;
            background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/mail-grey.png) no-repeat;
            background-size: 100%;
            width: 41px;
            height: 33px;
            top: 0;
            left: 0;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .cta .col-two:last-child a .envelope:after {
                width: 37px;
                height: 26px;
                top: 0; } }
            @media (min-width: 481px) and (max-width: 595px) {
              body.Z18 .cta .col-two:last-child a .envelope:after {
                width: 35px;
                height: 25px;
                top: 0; } }
            @media (max-width: 480px) {
              body.Z18 .cta .col-two:last-child a .envelope:after {
                width: 29px;
                height: 22px;
                top: 0; } }
        body.Z18 .cta .col-two:last-child a:hover span:before {
          opacity: 0; }
        body.Z18 .cta .col-two:last-child a:hover span:after {
          opacity: 1; }
      body.Z18 .cta .col-two:last-child p {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 1.66;
        letter-spacing: 0.01em; }
        @media (max-width: 767px) {
          body.Z18 .cta .col-two:last-child p {
            font-size: 16px; } }
        body.Z18 .cta .col-two:last-child p a {
          font-size: 18px;
          line-height: 1.66;
          letter-spacing: 0.01em;
          display: block; }
          @media (max-width: 767px) {
            body.Z18 .cta .col-two:last-child p a {
              font-size: 16px; } }
  body.Z18 .cta.leadership {
    color: #000000; }
    @media (min-width: 1200px) {
      body.Z18 .cta.leadership {
        padding: 130px 0 75px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .cta.leadership {
        padding: 100px 0 75px; } }
    body.Z18 .cta.leadership h2 {
      margin: 0 auto;
      font-size: 50px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.010em;
      text-transform: inherit;
      text-align: left;
      padding-left: 146px; }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .cta.leadership h2 {
          font-size: 40px;
          padding-left: 100px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .cta.leadership h2 {
          font-size: 35px;
          padding-left: 0; } }
      @media (max-width: 595px) {
        body.Z18 .cta.leadership h2 {
          padding-left: 0; } }
      @media (min-width: 481px) and (max-width: 595px) {
        body.Z18 .cta.leadership h2 {
          font-size: 28px; } }
      @media (max-width: 480px) {
        body.Z18 .cta.leadership h2 {
          font-size: 24px; } }
      body.Z18 .cta.leadership h2 span {
        font-weight: 800;
        display: block;
        letter-spacing: 0.01em; }
        @media (max-width: 767px) {
          body.Z18 .cta.leadership h2 span {
            display: inline-block; } }
    body.Z18 .cta.leadership .col-two:last-child {
      max-width: 500px; }
      @media (max-width: 767px) {
        body.Z18 .cta.leadership .col-two:last-child {
          max-width: inherit;
          padding: 0; } }
      body.Z18 .cta.leadership .col-two:last-child a {
        font-size: 18px;
        color: #000000;
        text-transform: inherit;
        margin: 7px 0 30px; }
        @media (max-width: 595px) {
          body.Z18 .cta.leadership .col-two:last-child a {
            font-size: 16px;
            margin: 7px 0 20px; } }
        @media (max-width: 480px) {
          body.Z18 .cta.leadership .col-two:last-child a {
            margin: 7px 0 13px; } }
        body.Z18 .cta.leadership .col-two:last-child a:hover {
          color: #0B23BF; }
          body.Z18 .cta.leadership .col-two:last-child a:hover .briefcase:after {
            opacity: 1 !important; }
        body.Z18 .cta.leadership .col-two:last-child a:before {
          left: 57px;
          top: -2px; }
          @media (max-width: 480px) {
            body.Z18 .cta.leadership .col-two:last-child a:before {
              left: 51px; } }
        body.Z18 .cta.leadership .col-two:last-child a:after {
          top: -2px; }
        body.Z18 .cta.leadership .col-two:last-child a .briefcase {
          position: relative;
          padding-left: 67px;
          display: block; }
          @media (max-width: 480px) {
            body.Z18 .cta.leadership .col-two:last-child a .briefcase {
              padding-left: 60px; } }
          body.Z18 .cta.leadership .col-two:last-child a .briefcase:before {
            content: '';
            position: absolute;
            background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/briefcase.png) no-repeat;
            background-size: 100%;
            width: 40px;
            height: 38px;
            top: -14px;
            left: 0; }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .cta.leadership .col-two:last-child a .briefcase:before {
                width: 38px;
                height: 36px; } }
            @media (min-width: 481px) and (max-width: 595px) {
              body.Z18 .cta.leadership .col-two:last-child a .briefcase:before {
                width: 34px;
                height: 32px; } }
            @media (max-width: 480px) {
              body.Z18 .cta.leadership .col-two:last-child a .briefcase:before {
                width: 34px;
                height: 32px; } }
          body.Z18 .cta.leadership .col-two:last-child a .briefcase:after {
            content: '';
            position: absolute;
            background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/briefcase-grey.png) no-repeat;
            background-size: 100%;
            width: 40px;
            height: 38px;
            top: -14px;
            left: 0;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .cta.leadership .col-two:last-child a .briefcase:after {
                width: 38px;
                height: 36px; } }
            @media (min-width: 481px) and (max-width: 595px) {
              body.Z18 .cta.leadership .col-two:last-child a .briefcase:after {
                width: 34px;
                height: 32px; } }
            @media (max-width: 480px) {
              body.Z18 .cta.leadership .col-two:last-child a .briefcase:after {
                width: 34px;
                height: 32px; } }
      body.Z18 .cta.leadership .col-two:last-child p {
        color: #000000; }
  body.Z18 .interactive-slider {
    padding-bottom: 215px;
    max-height: 500px; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .interactive-slider {
        padding-bottom: 165px;
        max-height: 390px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 .interactive-slider {
        padding-bottom: 190px;
        max-height: 360px; } }
    @media (max-width: 595px) {
      body.Z18 .interactive-slider {
        padding-bottom: 160px;
        max-height: 360px; } }
    body.Z18 .interactive-slider .slide-wrapper {
      position: relative;
      padding: 0 20px;
      max-width: 1180px;
      margin: 0 auto;
      width: 100%; }
      body.Z18 .interactive-slider .slide-wrapper .outer-container {
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear; }
        @media (max-width: 595px) {
          body.Z18 .interactive-slider .slide-wrapper .outer-container {
            -o-transform: translateX(0) !important;
            -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important; } }
      body.Z18 .interactive-slider .slide-wrapper .slide-container {
        width: 2500px;
        -webkit-transition: transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1);
        -o-transition: transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1);
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1);
        transition: -webkit-transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1);
        -o-transition: -o-transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1);
        transition: transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1);
        transition: transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1), -webkit-transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1), -o-transform 400ms cubic-bezier(0.79, 0.01, 0.3, 1); }
        body.Z18 .interactive-slider .slide-wrapper .slide-container:after {
          content: "";
          display: block;
          clear: both; }
        body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item {
          position: relative;
          width: 262px;
          height: 196px;
          border: 11px solid #000000;
          margin-right: 30px;
          float: left;
          z-index: 1;
          background: #ffffff;
          -webkit-transition: all 0.4s linear;
          -o-transition: all 0.4s linear;
          transition: all 0.4s linear; }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item {
              width: 240px;
              height: 170px; } }
          @media (min-width: 596px) and (max-width: 767px) {
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item {
              width: 240px;
              height: 170px; } }
          @media (max-width: 595px) {
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item {
              width: 240px;
              height: 170px; } }
          body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item:hover {
            background: #000000; }
            @media (max-width: 767px) {
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item:hover {
                background: #ffffff; } }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item:hover .outer-box h3 {
              color: #ffffff; }
              @media (max-width: 767px) {
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item:hover .outer-box h3 {
                  color: #000000; } }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item:hover .inner-box .content-wrapper {
              background: #000000; }
              @media (max-width: 767px) {
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item:hover .inner-box .content-wrapper {
                  background: #ffffff; } }
          body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.disable .inner-box .content-wrapper .close-slide {
            display: none; }
          body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active {
            z-index: 2;
            height: 385px; }
            @media (min-width: 768px) and (max-width: 991px) {
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active {
                height: 330px; } }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active {
                height: 300px; } }
            @media (max-width: 595px) {
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active {
                height: 300px; } }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .outer-box {
              display: none; }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box {
              top: -11px;
              left: -11px;
              width: calc(100% + 22px);
              height: calc(100% + 22px);
              opacity: 1;
              background: #000000; }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper {
                width: 60.256410256410255%;
                background: #000000;
                padding: 35px 50px; }
                @media (min-width: 768px) and (max-width: 991px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper {
                    padding: 65px 30px 45px; } }
                @media (min-width: 596px) and (max-width: 767px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper {
                    padding: 65px 20px 45px; } }
                @media (min-width: 481px) and (max-width: 595px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper {
                    padding: 65px 20px 45px; } }
                @media (max-width: 480px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper {
                    width: 100%;
                    padding: 65px 20px 45px; } }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .close-slide {
                  top: 36px;
                  right: 41px;
                  -o-transform: rotate(0deg);
                  -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .close-slide {
                      top: 30px;
                      right: 30px; } }
                  @media (min-width: 596px) and (max-width: 767px) {
                    body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .close-slide {
                      top: 20px;
                      right: 20px; } }
                  @media (max-width: 595px) {
                    body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .close-slide {
                      top: 20px;
                      right: 20px; } }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .box-icon {
                  visibility: visible;
                  -webkit-transition-delay: 400ms;
                       -o-transition-delay: 400ms;
                          transition-delay: 400ms; }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .text-container {
                  visibility: visible; }
                  @media (max-width: 991px) {
                    body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .text-container {
                      padding: 0; } }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .content-wrapper .link-container {
                  visibility: visible;
                  -webkit-transition-delay: 400ms;
                       -o-transition-delay: 400ms;
                          transition-delay: 400ms; }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item.active .inner-box .side-img {
                -o-transform: translateX(0%);
                -webkit-transform: translateX(0%);
                transform: translateX(0%); }
          body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .v-middle-inner {
            display: table;
            width: 100%;
            height: 100%; }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .v-middle-inner .v-middle {
              display: table-cell;
              vertical-align: middle; }
          body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .outer-box {
            cursor: pointer;
            height: 100%;
            padding: 10px;
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear; }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .outer-box h3 {
              color: #000000;
              text-transform: inherit;
              font-weight: 700;
              -webkit-transition: all 0.4s linear;
              -o-transition: all 0.4s linear;
              transition: all 0.4s linear; }
          body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
            -webkit-transition-delay: 200ms;
                 -o-transition-delay: 200ms;
                    transition-delay: 200ms;
            background: #ffffff;
            overflow: hidden; }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box:after {
              content: "";
              display: block;
              clear: both; }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper {
              position: relative;
              height: 100%;
              width: 100%;
              background: #ffffff;
              float: left;
              padding: 0;
              overflow: hidden;
              -webkit-transition: all 0.4s linear;
              -o-transition: all 0.4s linear;
              transition: all 0.4s linear;
              /*              @include tablet{
                padding: 30px 30px;
              }
              @include phablet{
                padding: 30px 30px;
              }
              @include phablet-down{
                padding: 30px 20px;
              }*/ }
              @media (max-width: 480px) {
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper {
                  width: 100%; } }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .close-slide {
                position: absolute;
                top: 25px;
                right: 30px;
                width: 18px;
                height: 18px;
                cursor: pointer;
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear; }
                @media (min-width: 768px) and (max-width: 991px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .close-slide {
                    top: 10px;
                    right: 10px; } }
                @media (min-width: 596px) and (max-width: 767px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .close-slide {
                    top: 10px;
                    right: 10px; } }
                @media (max-width: 595px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .close-slide {
                    top: 10px;
                    right: 10px; } }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .close-slide img {
                  display: block; }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .box-icon {
                position: absolute;
                top: 35px;
                left: 50px;
                width: 40px;
                height: 40px;
                visibility: hidden;
                -webkit-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear; }
                @media (min-width: 768px) and (max-width: 991px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .box-icon {
                    top: 30px;
                    left: 30px; } }
                @media (min-width: 596px) and (max-width: 767px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .box-icon {
                    top: 20px;
                    left: 20px; } }
                @media (max-width: 595px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .box-icon {
                    top: 20px;
                    left: 20px; } }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .box-icon img {
                  display: block; }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .text-container {
                text-align: left;
                height: 100%;
                padding: 50px 0 25px;
                visibility: hidden;
                overflow: auto;
                -webkit-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear; }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .text-container h3 {
                  text-align: left;
                  color: #ffffff;
                  text-transform: capitalize;
                  padding-bottom: 13px;
                  font-weight: 700;
                  line-height: 1.2; }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .text-container p {
                  font-size: 18px;
                  text-align: left;
                  font-weight: 400;
                  color: #ffffff;
                  line-height: 1.7; }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container {
                position: absolute;
                bottom: 38px;
                left: 50px;
                visibility: hidden;
                -webkit-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear; }
                @media (min-width: 768px) and (max-width: 991px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container {
                    bottom: 30px;
                    left: 30px; } }
                @media (min-width: 596px) and (max-width: 767px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container {
                    bottom: 20px;
                    left: 20px; } }
                @media (max-width: 595px) {
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container {
                    bottom: 20px;
                    left: 20px; } }
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container a {
                  color: #ffffff;
                  text-transform: capitalize;
                  font-weight: 700; }
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container a:hover {
                    color: #c2c2c2; }
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container a:before {
                    content: "[";
                    display: inline-block; }
                  body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .content-wrapper .link-container a:after {
                    content: "]";
                    display: inline-block; }
            body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .side-img {
              width: 39.743589743589745%;
              height: 100%;
              float: left;
              overflow: hidden;
              -o-transform: translateX(100%);
              -webkit-transform: translateX(100%);
              transform: translateX(100%);
              -webkit-transition: all 0.4s linear;
              -o-transition: all 0.4s linear;
              transition: all 0.4s linear;
              -webkit-transition-delay: 550ms;
                   -o-transition-delay: 550ms;
                      transition-delay: 550ms; }
              @media (max-width: 480px) {
                body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .side-img {
                  display: none; } }
              body.Z18 .interactive-slider .slide-wrapper .slide-container .slide-item .inner-box .side-img img {
                min-width: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                height: 100%;
                max-width: inherit; }
      body.Z18 .interactive-slider .slide-wrapper .next {
        position: absolute;
        top: 291px;
        right: 20px;
        width: 15px;
        height: 24px;
        float: right;
        cursor: pointer;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .interactive-slider .slide-wrapper .next {
            top: 240px; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .interactive-slider .slide-wrapper .next {
            top: 250px; } }
        @media (max-width: 595px) {
          body.Z18 .interactive-slider .slide-wrapper .next {
            top: 290px;
            -o-transform: translateY(0px) !important;
            -webkit-transform: translateY(0px) !important;
            transform: translateY(0px) !important; } }
      body.Z18 .interactive-slider .slide-wrapper .prev {
        position: absolute;
        top: 291px;
        left: 20px;
        width: 15px;
        height: 24px;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .interactive-slider .slide-wrapper .prev {
            top: 240px; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .interactive-slider .slide-wrapper .prev {
            top: 250px; } }
        @media (max-width: 595px) {
          body.Z18 .interactive-slider .slide-wrapper .prev {
            top: 290px;
            -o-transform: translateY(0px) !important;
            -webkit-transform: translateY(0px) !important;
            transform: translateY(0px) !important; } }
  body.Z18 .tabs-slider .slide-wrapper[data-id="industry"] .outer-box {
    cursor: inherit !important; }
  body.Z18 .banner-hero {
    padding: 0; }
    body.Z18 .banner-hero h1 {
      color: #000;
      text-transform: none;
      font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
      @media (min-width: 1200px) {
        body.Z18 .banner-hero h1 {
          font-size: 63px; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.Z18 .banner-hero h1 {
          font-size: 59px; } }
    body.Z18 .banner-hero p {
      font-size: 50px;
      color: #000000;
      font-weight: 400;
      letter-spacing: -0.022em;
      line-height: 1.2;
      padding-top: 15px; }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .banner-hero p {
          font-size: 30px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .banner-hero p {
          font-size: 30px; } }
      @media (min-width: 481px) and (max-width: 595px) {
        body.Z18 .banner-hero p {
          font-size: 20px; } }
      @media (max-width: 480px) {
        body.Z18 .banner-hero p {
          font-size: 20px; } }
    body.Z18 .banner-hero span {
      font-weight: 500; }
    body.Z18 .banner-hero .v-middle-inner {
      text-align: left; }
      body.Z18 .banner-hero .v-middle-inner .content {
        width: 50%;
        max-width: 570px; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .banner-hero .v-middle-inner .content {
            max-width: 453px; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .banner-hero .v-middle-inner .content {
            max-width: 363px; } }
        @media (max-width: 595px) {
          body.Z18 .banner-hero .v-middle-inner .content {
            width: 100%;
            max-width: 315px; } }
        @media (max-width: 767px) {
          body.Z18 .banner-hero .v-middle-inner .content {
            width: 100%;
            max-width: 100%;
            padding: 20px 0px;
            background: rgba(255, 255, 255, 0.8); } }
      body.Z18 .banner-hero .v-middle-inner .v-middle {
        padding: 0 20px; }
    body.Z18 .banner-hero .background {
      margin: 0px 0 80px;
      overflow: hidden; }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.Z18 .banner-hero .background {
          margin: 0 0 80px; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        body.Z18 .banner-hero .background {
          margin: 0 0 80px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .banner-hero .background {
          margin: 0 0 40px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .banner-hero .background {
          margin: 0 0 30px; } }
      @media (max-width: 595px) {
        body.Z18 .banner-hero .background {
          margin: 0 0 30px; } }
      body.Z18 .banner-hero .background .bg-img {
        position: relative;
        height: 580px;
        bottom: 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .banner-hero .background .bg-img {
            height: 478px; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .banner-hero .background .bg-img {
            height: 420px; } }
        @media (min-width: 481px) and (max-width: 595px) {
          body.Z18 .banner-hero .background .bg-img {
            height: 370px; } }
        @media (max-width: 480px) {
          body.Z18 .banner-hero .background .bg-img {
            height: 290px; } }
        body.Z18 .banner-hero .background .bg-img .banner-inner {
          height: 100%; }
          body.Z18 .banner-hero .background .bg-img .banner-inner .banner-video {
            max-width: 554px;
            float: right;
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
        body.Z18 .banner-hero .background .bg-img > img {
          max-width: inherit;
          position: absolute;
          top: 0;
          left: 0;
          margin-top: 0 !important; }
        body.Z18 .banner-hero .background .bg-img .layer {
          position: absolute;
          width: 627px;
          height: auto;
          right: -105px;
          z-index: 2; }
          @media (min-width: 992px) and (max-width: 1024px) {
            body.Z18 .banner-hero .background .bg-img .layer {
              right: -90px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .banner-hero .background .bg-img .layer {
              right: -70px;
              width: 517px; } }
          @media (min-width: 596px) and (max-width: 767px) {
            body.Z18 .banner-hero .background .bg-img .layer {
              width: 430px;
              right: -40px; } }
          @media (max-width: 595px) {
            body.Z18 .banner-hero .background .bg-img .layer {
              right: -20px; } }
          @media (min-width: 481px) and (max-width: 595px) {
            body.Z18 .banner-hero .background .bg-img .layer {
              width: 327px; } }
          @media (max-width: 480px) {
            body.Z18 .banner-hero .background .bg-img .layer {
              width: 237px; } }
  body.Z18 *::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none; }
  body.Z18 *::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none; }
  body.Z18 *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none; }
  body.Z18 .banner-second {
    padding: 0; }
    body.Z18 .banner-second h1 {
      color: #000000;
      text-transform: capitalize;
      letter-spacing: 0.010em;
      font-family: "NHaasGroteskTXW01-75Bd", sans-serif;
      /*    @include desktop {
          font-size: 50px;
        }
        @include tablet {
          font-size: 45px;
        }
        @include phablet {
          font-size: 40px;
        }
        @include phone {
          font-size: 35px;
        }
        @include phone-down {
          font-size: 30px;    
        }*/ }
    body.Z18 .banner-second p {
      font-size: 30px;
      color: #000000;
      font-weight: 400;
      letter-spacing: 0.010em;
      line-height: 1.2;
      padding-top: 26px; }
      @media (max-width: 991px) {
        body.Z18 .banner-second p {
          padding-top: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .banner-second p {
          font-size: 28px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .banner-second p {
          font-size: 22px; } }
      @media (min-width: 481px) and (max-width: 595px) {
        body.Z18 .banner-second p {
          font-size: 22px; } }
      @media (max-width: 480px) {
        body.Z18 .banner-second p {
          font-size: 16px; } }
    body.Z18 .banner-second .v-middle-wrapper .v-middle-inner {
      text-align: left; }
      body.Z18 .banner-second .v-middle-wrapper .v-middle-inner .content {
        max-width: 968px;
        position: relative; }
      body.Z18 .banner-second .v-middle-wrapper .v-middle-inner .v-top {
        padding: 16px 20px 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .banner-second .v-middle-wrapper .v-middle-inner .v-top {
            padding: 20px 20px 0; } }
        @media (max-width: 767px) {
          body.Z18 .banner-second .v-middle-wrapper .v-middle-inner .v-top {
            padding: 40px 20px 0; } }
    body.Z18 .banner-second .background {
      width: 100%;
      max-width: 910px;
      padding: 0;
      margin: 0 auto 50px; }
      @media (min-width: 992px) and (max-width: 1024px) {
        body.Z18 .banner-second .background {
          padding: 0 70px 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .banner-second .background {
          padding: 0 70px 0px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .banner-second .background {
          padding: 0 40px 0px;
          margin: 0 auto 30px; } }
      @media (max-width: 595px) {
        body.Z18 .banner-second .background {
          padding: 0 20px 0px;
          margin: 0 auto 30px; } }
      body.Z18 .banner-second .background .bg-img {
        position: relative;
        height: 412px;
        margin-top: 40px; }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .banner-second .background .bg-img {
            height: 400px;
            margin-top: 30px; } }
        @media (min-width: 481px) and (max-width: 595px) {
          body.Z18 .banner-second .background .bg-img {
            height: 370px;
            margin-top: 30px; } }
        @media (max-width: 480px) {
          body.Z18 .banner-second .background .bg-img {
            height: 320px;
            margin-top: 30px; } }
        body.Z18 .banner-second .background .bg-img img {
          margin-top: 0 !important;
          opacity: 0.3; }
  body.Z18 .info-with-image {
    margin-top: -104px !important; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .info-with-image {
        margin-top: -64px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .info-with-image {
        margin-top: -34px !important; } }
    @media (max-width: 767px) {
      body.Z18 .info-with-image {
        margin-top: 0 !important; } }
    @media (max-width: 767px) {
      body.Z18 .info-with-image .column-wrapper .col-two {
        width: 100% !important;
        height: auto !important; } }
    body.Z18 .info-with-image .column-wrapper .col-two:first-child {
      width: 48.8%;
      max-height: 432px; }
      @media (max-width: 767px) {
        body.Z18 .info-with-image .column-wrapper .col-two:first-child {
          max-height: inherit; } }
      body.Z18 .info-with-image .column-wrapper .col-two:first-child img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    body.Z18 .info-with-image .column-wrapper .col-two:last-child {
      width: 51.2%; }
      body.Z18 .info-with-image .column-wrapper .col-two:last-child .container {
        display: table;
        height: 100%; }
        body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content {
          display: table-cell;
          vertical-align: middle;
          padding: 21px 0 0 12px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content {
              padding: 21px 0 0 12px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content {
              padding: 0 40px 0 0; } }
          @media (max-width: 767px) {
            body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content {
              padding: 20px 0 0 0; } }
          body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box {
            max-width: 410px; }
            @media (max-width: 767px) {
              body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box {
                max-width: 100%; } }
            body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box h2 {
              font-size: 50px;
              font-weight: 700;
              letter-spacing: -0.001em;
              text-transform: inherit;
              font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
              @media (min-width: 992px) and (max-width: 1200px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box h2 {
                  font-size: 40px; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box h2 {
                  font-size: 36px; } }
              @media (min-width: 596px) and (max-width: 767px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box h2 {
                  font-size: 32px; } }
              @media (min-width: 481px) and (max-width: 595px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box h2 {
                  font-size: 28px; } }
              @media (max-width: 480px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box h2 {
                  font-size: 24px; } }
            body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box p {
              color: #000000;
              font-size: 17px;
              margin: 16px 0 14px;
              line-height: 1.67;
              letter-spacing: -0.016em;
              font-family: "NeueHaasGroteskText W01", sans-serif; }
              @media (min-width: 768px) and (max-width: 991px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box p {
                  margin: 5px 0 10px; } }
              @media (max-width: 767px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box p {
                  font-size: 16px;
                  line-height: 1.5; } }
              @media (max-width: 595px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box p {
                  margin: 10px 0; } }
            body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a {
              color: #000000;
              font-size: 18px;
              font-weight: 600;
              cursor: pointer;
              text-transform: inherit;
              line-height: 1.33;
              letter-spacing: 0.018em;
              margin-left: 2px; }
              @media (min-width: 596px) and (max-width: 767px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a {
                  font-size: 16px; } }
              @media (min-width: 481px) and (max-width: 595px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a {
                  font-size: 15px; } }
              @media (max-width: 480px) {
                body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a {
                  font-size: 14px; } }
              body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a:hover {
                color: #0B23BF; }
              body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a:before {
                left: -2px; }
              body.Z18 .info-with-image .column-wrapper .col-two:last-child .container .right-content .inner-box a:after {
                right: -1px; }
  body.Z18 .content-with-image .column-wrapper .col-two:first-child {
    width: 40.9%;
    background: #000000; }
    @media (max-width: 767px) {
      body.Z18 .content-with-image .column-wrapper .col-two:first-child {
        width: 100%;
        height: auto !important; } }
    body.Z18 .content-with-image .column-wrapper .col-two:first-child .content-icon {
      padding: 63px 0 66px; }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.Z18 .content-with-image .column-wrapper .col-two:first-child .content-icon {
          padding: 53px 0 25px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .content-with-image .column-wrapper .col-two:first-child .content-icon {
          padding: 43px 0 27px; } }
      @media (max-width: 767px) {
        body.Z18 .content-with-image .column-wrapper .col-two:first-child .content-icon {
          padding: 30px 0 24px; } }
    body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text {
      color: #fff;
      padding-right: 40px;
      padding-left: 2px; }
      @media (max-width: 767px) {
        body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text {
          padding-right: 0; } }
      body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text h2 {
        text-transform: inherit;
        font-weight: 800;
        font-size: 60px;
        line-height: 1;
        letter-spacing: 0.018em;
        font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text h2 {
            font-size: 50px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text h2 {
            font-size: 36px; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text h2 {
            font-size: 32px; } }
        @media (min-width: 481px) and (max-width: 595px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text h2 {
            font-size: 28px; } }
        @media (max-width: 480px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text h2 {
            font-size: 24px; } }
      body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text p {
        color: #FFFFFF;
        margin: 40px 0 11px;
        font-size: 18px;
        line-height: 1.67;
        font-weight: 300;
        letter-spacing: -0.033em; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text p {
            margin: 35px 0 20px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text p {
            margin: 30px 0 20px;
            line-height: 1.5; } }
        @media (max-width: 767px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text p {
            margin: 20px 0;
            font-size: 16px;
            line-height: 1.5; } }
      body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text a {
        font-weight: 700;
        margin-left: 3px;
        text-transform: inherit;
        font-size: 18px;
        font-family: "NHaasGroteskTXW01-75Bd", sans-serif;
        line-height: 1.33;
        letter-spacing: 0.025em; }
        @media (max-width: 767px) {
          body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text a {
            margin-bottom: 30px; } }
        body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text a:before {
          left: -2px; }
        body.Z18 .content-with-image .column-wrapper .col-two:first-child .left-text a:after {
          right: -2px; }
  body.Z18 .content-with-image .column-wrapper .col-two:last-child {
    width: 59.1%; }
    @media (max-width: 767px) {
      body.Z18 .content-with-image .column-wrapper .col-two:last-child {
        width: 100%;
        height: auto !important; } }
    body.Z18 .content-with-image .column-wrapper .col-two:last-child .parallax-bg {
      height: 602px;
      background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/lab_work_1.jpg) no-repeat;
      background-attachment: fixed;
      background-size: cover;
      text-align: center;
      background-position: center center;
      -webkit-overflow-scrolling: touch; }
      @media (min-width: 992px) and (max-width: 1024px) {
        body.Z18 .content-with-image .column-wrapper .col-two:last-child .parallax-bg {
          background-attachment: inherit;
          background-size: cover;
          background-position: 100% 50% !important; } }
      @media (max-width: 991px) {
        body.Z18 .content-with-image .column-wrapper .col-two:last-child .parallax-bg {
          background-attachment: inherit;
          background-size: cover;
          background-position: 100% 50% !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .content-with-image .column-wrapper .col-two:last-child .parallax-bg {
          height: 553px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .content-with-image .column-wrapper .col-two:last-child .parallax-bg {
          height: 500px;
          background-size: inherit; } }
      @media (max-width: 595px) {
        body.Z18 .content-with-image .column-wrapper .col-two:last-child .parallax-bg {
          height: 400px;
          background-size: inherit; } }
  body.Z18 .content-with-video h2 {
    color: #FFFFFF;
    font-weight: 800;
    text-transform: inherit;
    padding: 0 0 15px 15px; }
  body.Z18 .content-with-video .column-wrapper {
    text-align: center; }
    body.Z18 .content-with-video .column-wrapper .col-two {
      width: calc(50% - 30px) !important;
      margin: 20px 15px 30px; }
      @media (max-width: 595px) {
        body.Z18 .content-with-video .column-wrapper .col-two {
          width: 100% !important;
          margin: 0 0 20px 0; } }
      body.Z18 .content-with-video .column-wrapper .col-two:nth-child(odd) {
        clear: both; }
      body.Z18 .content-with-video .column-wrapper .col-two .video-box {
        position: relative; }
        body.Z18 .content-with-video .column-wrapper .col-two .video-box:before {
          content: '';
          position: absolute;
          background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/video_icon.png) no-repeat;
          background-size: 100%;
          top: calc(50% - 35px);
          left: 43%;
          width: 61px;
          height: 61px;
          cursor: pointer; }
          @media (min-width: 596px) and (max-width: 767px) {
            body.Z18 .content-with-video .column-wrapper .col-two .video-box:before {
              top: calc(50% - 20px);
              width: 51px;
              height: 51px; } }
        body.Z18 .content-with-video .column-wrapper .col-two .video-box img {
          width: 100%;
          height: 100%;
          cursor: pointer; }
      body.Z18 .content-with-video .column-wrapper .col-two .bottom_text {
        text-align: left; }
        body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
          color: #FFFFFF;
          font-size: 30px;
          font-weight: 700;
          line-height: 1;
          text-transform: capitalize;
          margin: 25px 0 5px;
          max-width: 440px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
              font-size: 36px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
              font-size: 28px; } }
          @media (max-width: 767px) {
            body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
              margin: 15px 0 5px; } }
          @media (min-width: 596px) and (max-width: 767px) {
            body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
              font-size: 22px; } }
          @media (min-width: 481px) and (max-width: 595px) {
            body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
              font-size: 18px; } }
          @media (max-width: 480px) {
            body.Z18 .content-with-video .column-wrapper .col-two .bottom_text h4 {
              font-size: 16px; } }
        body.Z18 .content-with-video .column-wrapper .col-two .bottom_text p {
          color: #FFFFFF;
          font-size: 18px; }
    body.Z18 .content-with-video .column-wrapper .load-more {
      color: #FFFFFF;
      font-size: 24px;
      font-weight: 700;
      float: left;
      width: 100%;
      margin-top: 50px; }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .content-with-video .column-wrapper .load-more {
          font-size: 18px;
          margin-top: 25px; } }
      @media (max-width: 595px) {
        body.Z18 .content-with-video .column-wrapper .load-more {
          font-size: 16px;
          margin-top: 10px; } }
  body.Z18 .resource-cta {
    padding: 86px 0; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .resource-cta {
        padding: 80px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .resource-cta {
        padding: 40px 0; } }
    @media (max-width: 767px) {
      body.Z18 .resource-cta {
        padding: 30px 0; } }
    body.Z18 .resource-cta .container h2 {
      color: #FFFFFF;
      font-weight: 700;
      text-transform: none;
      letter-spacing: 0.010em;
      font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
      body.Z18 .resource-cta .container h2 span {
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: "NeueHaasGroteskText W01", sans-serif; }
    body.Z18 .resource-cta .container h3, body.Z18 .resource-cta .container h4 {
      color: #FFFFFF;
      text-transform: none; }
    body.Z18 .resource-cta .container p {
      color: #FFFFFF; }
    body.Z18 .resource-cta .container .download:before {
      content: '';
      position: absolute;
      left: 0px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 29px;
      height: 36px;
      background: url(/wp-content/themes/zymergen-com/we/templates/dist/images/download-icon-gray.png) no-repeat;
      background-size: 100%;
      background-position: 0 -38px;
      -webkit-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
    body.Z18 .resource-cta .container a {
      font-size: 18px;
      line-height: 1.88;
      font-weight: 700;
      position: relative;
      margin-top: 22px;
      display: inline-block;
      padding-left: 70px;
      letter-spacing: -0.030em;
      text-transform: none; }
      @media (max-width: 767px) {
        body.Z18 .resource-cta .container a {
          font-size: 16px; } }
      body.Z18 .resource-cta .container a:before {
        left: 60px; }
      body.Z18 .resource-cta .container a:hover .download:before {
        background-position: 0 0; }
    body.Z18 .resource-cta .container .column-wrapper {
      font-size: 0; }
      body.Z18 .resource-cta .container .column-wrapper .col-two {
        padding: 0 50px 0 147px;
        float: none;
        display: inline-block;
        vertical-align: middle; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .resource-cta .container .column-wrapper .col-two {
            padding: 0 50px 0 120px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .resource-cta .container .column-wrapper .col-two {
            padding: 0 50px 0 50px; } }
        @media (max-width: 767px) {
          body.Z18 .resource-cta .container .column-wrapper .col-two {
            padding: 0 0px 30px 0px; } }
        body.Z18 .resource-cta .container .column-wrapper .col-two:first-child {
          margin-bottom: 40px; }
          @media (max-width: 767px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two:first-child {
              margin-bottom: 0; } }
          body.Z18 .resource-cta .container .column-wrapper .col-two:first-child h3 {
            letter-spacing: -0.020em;
            padding-top: 15px; }
            @media (max-width: 767px) {
              body.Z18 .resource-cta .container .column-wrapper .col-two:first-child h3 {
                padding-top: 10px; } }
        body.Z18 .resource-cta .container .column-wrapper .col-two .content {
          margin-top: 94px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two .content {
              margin-top: 80px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two .content {
              margin-top: 40px; } }
          @media (max-width: 767px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two .content {
              margin-top: 30px; } }
          body.Z18 .resource-cta .container .column-wrapper .col-two .content:first-child {
            margin-top: 0; }
          body.Z18 .resource-cta .container .column-wrapper .col-two .content h4 {
            padding-top: 3px;
            letter-spacing: -0.040em;
            line-height: 1.67; }
          body.Z18 .resource-cta .container .column-wrapper .col-two .content h3 {
            font-weight: 700;
            letter-spacing: 0.010em;
            font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
        body.Z18 .resource-cta .container .column-wrapper .col-two:last-child {
          padding: 0 50px 0 159px; }
          @media (min-width: 992px) and (max-width: 1200px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two:last-child {
              padding: 0 50px 0 120px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two:last-child {
              padding: 0 50px 0 50px; } }
          @media (max-width: 767px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two:last-child {
              padding: 0 0px 30px 0px; } }
          @media (max-width: 767px) {
            body.Z18 .resource-cta .container .column-wrapper .col-two:last-child {
              padding-bottom: 0; } }
  body.Z18 .tabs .container .wrapper .tab-sets h2 {
    padding: 5px 0 35px 0;
    font-weight: 700;
    text-transform: none; }
    @media (max-width: 767px) {
      body.Z18 .tabs .container .wrapper .tab-sets h2 {
        padding-bottom: 20px; } }
  body.Z18 .tabs .container .wrapper .tab-sets h3 {
    padding-bottom: 15px;
    color: #000000;
    text-transform: none; }
  body.Z18 .tabs .container .wrapper .tab-sets .private-toggle {
    display: none; }
    @media (max-width: 767px) {
      body.Z18 .tabs .container .wrapper .tab-sets .private-toggle {
        display: block;
        background: #0B23BF;
        border: 1px solid #c2c2c2;
        width: 100%;
        padding: 10px 40px 10px 10px;
        text-transform: uppercase;
        cursor: pointer;
        position: relative;
        outline: none; } }
    body.Z18 .tabs .container .wrapper .tab-sets .private-toggle .copytext {
      color: #FFFFFF;
      font-weight: 500;
      font-size: 16px;
      font-family: "lato", sans-serif;
      font-style: normal;
      font-weight: 700; }
    body.Z18 .tabs .container .wrapper .tab-sets .private-toggle .caret {
      background: url("/wp-content/themes/zymergen-com/we/templates/dist/images/white_arrow.png") no-repeat;
      width: 16px;
      height: 16px;
      position: absolute;
      right: 20px;
      top: 12px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  body.Z18 .tabs .container .wrapper .tab-sets ul {
    background-color: #000000;
    height: 170px;
    display: table; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .tabs .container .wrapper .tab-sets ul {
        height: 150px; } }
    @media (max-width: 767px) {
      body.Z18 .tabs .container .wrapper .tab-sets ul {
        display: none;
        height: 100%; } }
    body.Z18 .tabs .container .wrapper .tab-sets ul li {
      display: table-cell;
      padding: 0 15px;
      cursor: pointer;
      vertical-align: middle;
      font-family: "NeueHaasGroteskText W01", sans-serif;
      font-weight: 700;
      position: relative;
      color: #FFFFFF;
      font-size: 18px;
      line-height: 1.5;
      width: 16.67%; }
      @media (max-width: 767px) {
        body.Z18 .tabs .container .wrapper .tab-sets ul li {
          display: block;
          width: 100%;
          padding: 10px 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .tabs .container .wrapper .tab-sets ul li {
          padding: 0 14px; } }
      @media (max-width: 991px) {
        body.Z18 .tabs .container .wrapper .tab-sets ul li {
          font-size: 16px; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.Z18 .tabs .container .wrapper .tab-sets ul li {
          padding: 0 22px; } }
      body.Z18 .tabs .container .wrapper .tab-sets ul li.active {
        background-color: #0B23BF; }
        body.Z18 .tabs .container .wrapper .tab-sets ul li.active:after {
          content: '';
          position: absolute;
          bottom: -24px;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 24px 22px 0 22px;
          border-color: #0B23BF transparent transparent transparent; }
          @media (max-width: 767px) {
            body.Z18 .tabs .container .wrapper .tab-sets ul li.active:after {
              border-style: solid;
              border-width: 0;
              border-color: transparent transparent transparent;
              border-radius: 21px; } }
        body.Z18 .tabs .container .wrapper .tab-sets ul li.active:hover:after {
          border-color: #040c43 transparent transparent transparent; }
      body.Z18 .tabs .container .wrapper .tab-sets ul li:hover {
        background-color: #040c43;
        /*              &:after {
                              content: '';
                              position: absolute;
                              bottom: -24px;
                              left: 0;
                              right: 0;
                              margin: 0 auto;
                              width: 0px;
                              height: 0px;
                              border-style: solid;
                              border-width: 24px 22px 0 22px;
                              border-color: $klein-blue transparent transparent transparent;
                              @include tablet-down {
                                border-style: solid;
                                border-width: 0;
                                border-color:  transparent transparent transparent;
                                border-radius: 21px;
                              }
                            } */ }
  body.Z18 .tabs .container .wrapper .content-wrapper {
    margin-top: 85px;
    position: relative; }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 .tabs .container .wrapper .content-wrapper {
        margin-top: 35px; } }
    @media (max-width: 595px) {
      body.Z18 .tabs .container .wrapper .content-wrapper {
        margin-top: 20px; } }
    body.Z18 .tabs .container .wrapper .content-wrapper .tab-content {
      position: absolute;
      width: 100%;
      top: 0;
      opacity: 0;
      visibility: hidden;
      display: none;
      padding-top: 18px; }
      body.Z18 .tabs .container .wrapper .content-wrapper .tab-content.active {
        position: relative;
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease; }
        body.Z18 .tabs .container .wrapper .content-wrapper .tab-content.active .row {
          visibility: visible;
          -webkit-animation-iteration-count: once;
               -o-animation-iteration-count: once;
                  animation-iteration-count: once;
          -webkit-animation-name: moveAnimate;
               -o-animation-name: moveAnimate;
                  animation-name: moveAnimate;
          -webkit-animation-fill-mode: forwards;
               -o-animation-fill-mode: forwards;
                  animation-fill-mode: forwards;
          -webkit-animation-duration: 0.3s;
               -o-animation-duration: 0.3s;
                  animation-duration: 0.3s; }
    body.Z18 .tabs .container .wrapper .content-wrapper h3 {
      font-weight: 700;
      text-transform: none;
      margin-bottom: 5px; }
    body.Z18 .tabs .container .wrapper .content-wrapper h5 {
      max-width: 700px;
      padding-bottom: 0;
      line-height: 1.4;
      color: #000000;
      line-height: 1.7; }
    body.Z18 .tabs .container .wrapper .content-wrapper .row {
      display: block;
      font-size: 0;
      padding: 20px 0;
      border-bottom: 1px solid #000000;
      width: 100%;
      opacity: 0; }
      body.Z18 .tabs .container .wrapper .content-wrapper .row:first-of-type {
        border-top: 1px solid black;
        margin-top: 35px; }
      body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four {
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-right: 30px; }
        @media (max-width: 767px) {
          body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four {
            display: block;
            width: 100%;
            padding: 5px 0; } }
        body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four h5 {
          color: #000000; }
        body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four:first-child h5 {
          font-weight: 700; }
        body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a {
          padding: 10px 26px;
          background-color: #000000;
          color: #FFFFFF;
          display: inline-block;
          font-size: 18px;
          /*              @include tablet{
                              padding: 12px;
                            }
                            @include tablet-down {
                              padding: 10px;
                            }*/ }
          body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a h5 {
            color: #FFFFFF; }
          body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a.link-text:before, body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a.link-text-gray:before {
            left: 18px;
            top: 15px;
            /*                  @include tablet{
                                      left: 6px;
                                      top: 16px;
                                    }
                                    @include tablet-down {
                                      left: 5px;
                                      top: 14px;
                                    }*/ }
          body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a.link-text:after, body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a.link-text-gray:after {
            right: 18px;
            top: 15px;
            /*                  @include tablet{
                                      right: 6px;
                                      top: 16px;
                                    }
                                    @include tablet-down {
                                      right: 5px;
                                      top: 14px;
                                    }*/ }
          body.Z18 .tabs .container .wrapper .content-wrapper .row .col-four a:hover {
            background-color: #0B23BF; }

@-webkit-keyframes moveAnimate {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
            transform: translate3d(0, 12px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
  body.Z18.ie-all .tabs .container .wrapper .content-wrapper .tab-content.active .row {
    opacity: 1; }
  body.Z18 .list-with-cta .container h2 {
    text-transform: capitalize;
    font-weight: 700; }
  body.Z18 .list-with-cta .container .column-wrapper {
    margin-top: 26px; }
    body.Z18 .list-with-cta .container .column-wrapper .row-head {
      display: block;
      font-size: 0;
      padding: 25px 0;
      border-bottom: 1px solid #000000;
      width: 100%; }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .list-with-cta .container .column-wrapper .row-head {
          padding: 20px 0; } }
      @media (max-width: 595px) {
        body.Z18 .list-with-cta .container .column-wrapper .row-head {
          padding: 15px 0; } }
      body.Z18 .list-with-cta .container .column-wrapper .row-head:first-of-type {
        border-top: 1px solid black; }
      body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four {
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-right: 30px; }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four {
            padding-right: 0;
            margin: 4px 0; } }
        @media (max-width: 595px) {
          body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four {
            padding-right: 0;
            margin: 3px 0; } }
        body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four:first-child p {
          font-size: 18px;
          font-weight: 700;
          color: #000000; }
          @media (max-width: 767px) {
            body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four:first-child p {
              font-size: 16px; } }
        body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray {
          font-size: 18px;
          font-weight: 700;
          color: #FFFFFF;
          background: #000000;
          padding: 15px 30px;
          position: relative;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray {
              padding: 10px 20px; } }
          @media (max-width: 767px) {
            body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray {
              font-size: 16px; } }
          @media (min-width: 596px) and (max-width: 767px) {
            body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray {
              font-size: 16px;
              padding: 12px 20px; } }
          @media (max-width: 595px) {
            body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray {
              padding: 10px 15px; } }
          body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:hover, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:hover {
            background: #0b24bf; }
          body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:before, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:before {
            content: "[";
            position: absolute;
            left: 20px;
            top: 14px; }
            @media (min-width: 768px) and (max-width: 991px) {
              body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:before, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:before {
                left: 11px;
                top: 9px; } }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:before, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:before {
                left: 11px;
                top: 10px; } }
            @media (max-width: 595px) {
              body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:before, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:before {
                left: 7px;
                top: 9px; } }
          body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:after, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:after {
            content: "]";
            position: absolute;
            right: 20px;
            top: 14px; }
            @media (min-width: 768px) and (max-width: 991px) {
              body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:after, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:after {
                right: 11px;
                top: 9px; } }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:after, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:after {
                right: 11px;
                top: 10px; } }
            @media (max-width: 595px) {
              body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text:after, body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .link-text-gray:after {
                right: 7px;
                top: 9px; } }
        body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four p {
          display: inline-block; }
        body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .outer-link {
          float: right;
          padding-right: 20px; }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .list-with-cta .container .column-wrapper .row-head .col-four .outer-link {
              padding-right: 0; } }
  body.Z18 .list-with-cta .container .load-more {
    text-align: center; }
    body.Z18 .list-with-cta .container .load-more .link-text, body.Z18 .list-with-cta .container .load-more .link-text-gray {
      font-size: 18px;
      font-weight: 600;
      color: #000 !important;
      margin-top: 70px;
      text-transform: inherit !important; }
      @media (max-width: 767px) {
        body.Z18 .list-with-cta .container .load-more .link-text, body.Z18 .list-with-cta .container .load-more .link-text-gray {
          margin-top: 30px;
          font-size: 16px; } }
  body.Z18 .get-started {
    padding: 23px 0 49px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .get-started {
        padding: 23px 0 50px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .get-started {
        padding: 40px 0; } }
    @media (max-width: 767px) {
      body.Z18 .get-started {
        padding: 30px 0; } }
    body.Z18 .get-started .container .column-wrapper {
      max-width: 845px;
      margin: 0 auto; }
      body.Z18 .get-started .container .column-wrapper .col-two:first-child {
        padding: 0 40px 0 0; }
        @media (max-width: 767px) {
          body.Z18 .get-started .container .column-wrapper .col-two:first-child {
            padding: 0 0 20px 0; } }
      body.Z18 .get-started .container .column-wrapper .col-two:last-child {
        padding: 0 58px 0 14px; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .get-started .container .column-wrapper .col-two:last-child {
            padding: 0 80px 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .get-started .container .column-wrapper .col-two:last-child {
            padding: 0 40px 0; } }
        @media (max-width: 767px) {
          body.Z18 .get-started .container .column-wrapper .col-two:last-child {
            padding: 0; } }
      body.Z18 .get-started .container .column-wrapper .col-two h2 {
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0.010em;
        font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
      body.Z18 .get-started .container .column-wrapper .col-two h3 {
        text-transform: none; }
      body.Z18 .get-started .container .column-wrapper .col-two p {
        font-size: 18px;
        margin-top: 10px;
        letter-spacing: 0.010em;
        line-height: 1.87;
        color: #000000; }
        @media (max-width: 767px) {
          body.Z18 .get-started .container .column-wrapper .col-two p {
            font-size: 16px; } }
  body.Z18 .col-two-cta {
    padding: 90px 0 121px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .col-two-cta {
        padding: 80px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .col-two-cta {
        padding: 40px 0; } }
    @media (max-width: 767px) {
      body.Z18 .col-two-cta {
        padding: 30px 0; } }
    body.Z18 .col-two-cta .container .column-wrapper .col-two {
      margin: 0 auto; }
      body.Z18 .col-two-cta .container .column-wrapper .col-two h2 {
        color: #FFFFFF;
        text-transform: none;
        font-weight: 700;
        margin-top: 44px;
        letter-spacing: 0.010em;
        font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .col-two-cta .container .column-wrapper .col-two h2 {
            margin-top: 38px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .col-two-cta .container .column-wrapper .col-two h2 {
            margin-top: 32px; } }
        @media (max-width: 767px) {
          body.Z18 .col-two-cta .container .column-wrapper .col-two h2 {
            margin-top: 0; } }
      @media (max-width: 767px) {
        body.Z18 .col-two-cta .container .column-wrapper .col-two .content {
          max-width: 100%; } }
      body.Z18 .col-two-cta .container .column-wrapper .col-two .content .icon-box {
        margin: 54px 0 56px 0; }
        @media (max-width: 767px) {
          body.Z18 .col-two-cta .container .column-wrapper .col-two .content .icon-box {
            margin: 25px 0 15px; } }
      body.Z18 .col-two-cta .container .column-wrapper .col-two .content h3 {
        text-transform: none;
        color: #FFFFFF;
        letter-spacing: -0.022em;
        /*            @include phablet {
                          font-size: 18px;
                        }
                        @include phablet-down {
                          font-size: 16px;
                        }*/ }
      body.Z18 .col-two-cta .container .column-wrapper .col-two .content h5 {
        text-transform: none;
        color: #FFFFFF; }
      body.Z18 .col-two-cta .container .column-wrapper .col-two .content a {
        padding: 0 10px 0;
        font-weight: 700;
        margin-top: 28px; }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .col-two-cta .container .column-wrapper .col-two .content a {
            padding: 0 10px;
            margin-top: 20px; } }
        @media (max-width: 595px) {
          body.Z18 .col-two-cta .container .column-wrapper .col-two .content a {
            padding: 0 10px;
            margin-top: 20px; } }
        body.Z18 .col-two-cta .container .column-wrapper .col-two .content a:before {
          left: -1px;
          top: 0; }
        body.Z18 .col-two-cta .container .column-wrapper .col-two .content a:after {
          right: -1px;
          top: 0; }
  body.Z18 .col-two-grid {
    padding: 113px 0 116px !important; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .col-two-grid {
        padding: 83px 0 86px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .col-two-grid {
        padding: 43px 0 46px !important; } }
    @media (max-width: 767px) {
      body.Z18 .col-two-grid {
        padding: 33px 0 36px !important; } }
    body.Z18 .col-two-grid .column-wrapper {
      font-size: 0; }
      body.Z18 .col-two-grid .column-wrapper .col-two {
        text-align: left;
        float: none;
        display: inline-block;
        vertical-align: middle; }
        body.Z18 .col-two-grid .column-wrapper .col-two.grid-text {
          width: 40%;
          padding-right: 190px; }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .col-two-grid .column-wrapper .col-two.grid-text {
              padding-right: 60px; } }
          @media (max-width: 991px) {
            body.Z18 .col-two-grid .column-wrapper .col-two.grid-text {
              margin-bottom: 20px;
              width: 100%;
              padding: 0; } }
        body.Z18 .col-two-grid .column-wrapper .col-two.member-info {
          width: 60%; }
          @media (max-width: 991px) {
            body.Z18 .col-two-grid .column-wrapper .col-two.member-info {
              width: 100%;
              padding: 0; } }
        body.Z18 .col-two-grid .column-wrapper .col-two h2 {
          color: #FFFFFF;
          font-weight: 600;
          font-family: "NHaasGroteskTXW01-75Bd", sans-serif;
          letter-spacing: -0.001em;
          line-height: 1;
          text-transform: inherit; }
          @media (max-width: 991px) {
            body.Z18 .col-two-grid .column-wrapper .col-two h2 {
              margin: 15px 0; } }
        body.Z18 .col-two-grid .column-wrapper .col-two p {
          font-size: 18px;
          color: #FFFFFF;
          margin-top: 5px;
          line-height: 1.67;
          letter-spacing: -0.025em; }
          @media (max-width: 767px) {
            body.Z18 .col-two-grid .column-wrapper .col-two p {
              font-size: 16px; } }
      body.Z18 .col-two-grid .column-wrapper .row {
        color: #FFFFFF;
        margin: 30px 0;
        float: left;
        width: 100%; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .col-two-grid .column-wrapper .row {
            margin: 25px 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .col-two-grid .column-wrapper .row {
            margin: 20px 0; } }
        @media (max-width: 767px) {
          body.Z18 .col-two-grid .column-wrapper .row {
            margin: 10px 0; } }
        @media (max-width: 595px) {
          body.Z18 .col-two-grid .column-wrapper .row {
            margin: 0px; } }
        body.Z18 .col-two-grid .column-wrapper .row:first-child {
          margin-top: 0; }
        body.Z18 .col-two-grid .column-wrapper .row:last-child {
          margin-bottom: 0; }
        body.Z18 .col-two-grid .column-wrapper .row .col-two {
          width: calc(50% - 20px);
          margin: 0 10px;
          vertical-align: top; }
          @media (max-width: 991px) {
            body.Z18 .col-two-grid .column-wrapper .row .col-two {
              width: 50%;
              margin: 15px 0;
              padding-right: 20px; } }
          @media (max-width: 480px) {
            body.Z18 .col-two-grid .column-wrapper .row .col-two {
              width: 100%;
              margin: 10px 0;
              padding-right: 0px; } }
          body.Z18 .col-two-grid .column-wrapper .row .col-two h3 {
            text-transform: inherit;
            font-weight: 600; }
            @media (max-width: 480px) {
              body.Z18 .col-two-grid .column-wrapper .row .col-two h3 {
                line-height: 1.2; } }
  body.Z18 .grid-with-content {
    padding: 83px 0 65px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .grid-with-content {
        padding: 70px 0 55px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .grid-with-content {
        padding: 40px 0; } }
    @media (max-width: 767px) {
      body.Z18 .grid-with-content {
        padding: 30px 0; } }
    body.Z18 .grid-with-content .container .column-wrapper {
      max-width: 980px;
      margin: 0 auto; }
      @media (max-width: 991px) {
        body.Z18 .grid-with-content .container .column-wrapper {
          font-size: 0; } }
      body.Z18 .grid-with-content .container .column-wrapper .col-two {
        padding: 0 30px; }
        @media (max-width: 991px) {
          body.Z18 .grid-with-content .container .column-wrapper .col-two {
            display: inline-block;
            vertical-align: middle;
            float: none; } }
        @media (max-width: 767px) {
          body.Z18 .grid-with-content .container .column-wrapper .col-two {
            padding: 0; } }
        @media (max-width: 767px) {
          body.Z18 .grid-with-content .container .column-wrapper .col-two .content {
            max-width: 100%; } }
        body.Z18 .grid-with-content .container .column-wrapper .col-two .content h3 {
          text-transform: none;
          padding-bottom: 19px;
          font-weight: 700;
          font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
          @media (max-width: 767px) {
            body.Z18 .grid-with-content .container .column-wrapper .col-two .content h3 {
              padding-bottom: 10px; } }
        body.Z18 .grid-with-content .container .column-wrapper .col-two .content h5:last-child {
          padding: 0; }
        body.Z18 .grid-with-content .container .column-wrapper .col-two .content h5 {
          padding-bottom: 30px;
          text-transform: none;
          color: #000000;
          font-family: "NeueHaasGroteskText W01", sans-serif;
          line-height: 1.667; }
          @media (max-width: 767px) {
            body.Z18 .grid-with-content .container .column-wrapper .col-two .content h5 {
              padding: 12px 0 12px 0;
              padding-bottom: 20px; } }
        body.Z18 .grid-with-content .container .column-wrapper .col-two .bg-img {
          background: url("/wp-content/themes/zymergen-com/we/templates/dist/images/about-our-story.jpg") no-repeat;
          margin: 69px 00;
          height: 517px;
          max-width: 406px;
          background-attachment: fixed;
          background-size: contain;
          text-align: center;
          background-size: 50% 100%; }
          @media (max-width: 1024px) {
            body.Z18 .grid-with-content .container .column-wrapper .col-two .bg-img {
              background-attachment: inherit !important;
              background-position: 50% 50% !important;
              background-size: inherit; } }
          @media (max-width: 767px) {
            body.Z18 .grid-with-content .container .column-wrapper .col-two .bg-img {
              margin: 25px auto; } }
          @media (max-width: 480px) {
            body.Z18 .grid-with-content .container .column-wrapper .col-two .bg-img {
              margin: 15px auto 0;
              background-size: cover;
              height: 400px; } }
  body.Z18 .content-with-map {
    padding: 68px 0 74px; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .content-with-map {
        padding: 25px 0; } }
    @media (max-width: 767px) {
      body.Z18 .content-with-map {
        padding: 15px 0; } }
    body.Z18 .content-with-map .container {
      padding: 0 5px; }
    body.Z18 .content-with-map .column-wrapper {
      z-index: 2;
      position: relative; }
      body.Z18 .content-with-map .column-wrapper .row h3 {
        color: #FFFFFF;
        text-transform: none; }
      body.Z18 .content-with-map .column-wrapper .row h4 {
        color: #FFFFFF;
        text-transform: none;
        font-weight: 700; }
      body.Z18 .content-with-map .column-wrapper .row a {
        color: #FFFFFF;
        text-transform: none; }
        body.Z18 .content-with-map .column-wrapper .row a:hover {
          color: #c2c2c2; }
      body.Z18 .content-with-map .column-wrapper .row .col-four {
        padding: 15px; }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .content-with-map .column-wrapper .row .col-four {
            width: 50%; } }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .content-with-map .column-wrapper .row .col-four {
            width: 50%; } }
        @media (min-width: 481px) and (max-width: 595px) {
          body.Z18 .content-with-map .column-wrapper .row .col-four {
            width: 50%; } }
        body.Z18 .content-with-map .column-wrapper .row .col-four h3 {
          max-width: 200px;
          letter-spacing: 0.010em;
          font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
        body.Z18 .content-with-map .column-wrapper .row .col-four h4 {
          letter-spacing: 0.010em;
          font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
        body.Z18 .content-with-map .column-wrapper .row .col-four a {
          padding-top: 7px;
          display: block;
          letter-spacing: -0.010em;
          font-size: 17px; }
      body.Z18 .content-with-map .column-wrapper .row:last-child {
        margin-top: 87px; }
        @media (min-width: 992px) and (max-width: 1200px) {
          body.Z18 .content-with-map .column-wrapper .row:last-child {
            margin-top: 50px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.Z18 .content-with-map .column-wrapper .row:last-child {
            margin-top: 40px; } }
        @media (max-width: 767px) {
          body.Z18 .content-with-map .column-wrapper .row:last-child {
            margin-top: 15px; } }
      body.Z18 .content-with-map .column-wrapper .col-two {
        width: calc(50% - 30px);
        margin: 0 15px 15px 15px; }
        @media (max-width: 767px) {
          body.Z18 .content-with-map .column-wrapper .col-two {
            width: calc(100% - 30px);
            margin: 15px; } }
        body.Z18 .content-with-map .column-wrapper .col-two #content, body.Z18 .content-with-map .column-wrapper .col-two #content2 {
          width: 300px; }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .content-with-map .column-wrapper .col-two #content, body.Z18 .content-with-map .column-wrapper .col-two #content2 {
              width: 240px; } }
          @media (max-width: 480px) {
            body.Z18 .content-with-map .column-wrapper .col-two #content, body.Z18 .content-with-map .column-wrapper .col-two #content2 {
              width: 200px; } }
          body.Z18 .content-with-map .column-wrapper .col-two #content .firstHeading, body.Z18 .content-with-map .column-wrapper .col-two #content2 .firstHeading {
            text-transform: capitalize; }
          body.Z18 .content-with-map .column-wrapper .col-two #content h4, body.Z18 .content-with-map .column-wrapper .col-two #content p, body.Z18 .content-with-map .column-wrapper .col-two #content a, body.Z18 .content-with-map .column-wrapper .col-two #content2 h4, body.Z18 .content-with-map .column-wrapper .col-two #content2 p, body.Z18 .content-with-map .column-wrapper .col-two #content2 a {
            color: #000000; }
          body.Z18 .content-with-map .column-wrapper .col-two #content a:hover, body.Z18 .content-with-map .column-wrapper .col-two #content2 a:hover {
            color: #0B23BF; }
        body.Z18 .content-with-map .column-wrapper .col-two #google_map, body.Z18 .content-with-map .column-wrapper .col-two #google_map_two {
          min-height: 393px; }
        body.Z18 .content-with-map .column-wrapper .col-two .info {
          max-width: 370px;
          padding-top: 56px; }
          @media (min-width: 768px) and (max-width: 991px) {
            body.Z18 .content-with-map .column-wrapper .col-two .info {
              padding-top: 40px; } }
          @media (max-width: 767px) {
            body.Z18 .content-with-map .column-wrapper .col-two .info {
              padding-top: 30px; } }
          body.Z18 .content-with-map .column-wrapper .col-two .info h3 {
            text-transform: capitalize;
            font-weight: 700;
            letter-spacing: 0.010em;
            font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
          body.Z18 .content-with-map .column-wrapper .col-two .info h4 {
            margin: 11px 0 14px;
            padding-right: 102px;
            font-weight: 300;
            letter-spacing: -0.032em;
            line-height: 1.8; }
            @media (max-width: 767px) {
              body.Z18 .content-with-map .column-wrapper .col-two .info h4 {
                margin: 20px 0; } }
          body.Z18 .content-with-map .column-wrapper .col-two .info a {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0.030em;
            padding: 0 14px; }
            @media (max-width: 767px) {
              body.Z18 .content-with-map .column-wrapper .col-two .info a {
                font-size: 16px; } }
            body.Z18 .content-with-map .column-wrapper .col-two .info a:hover {
              color: #c2c2c2; }
    body.Z18 .content-with-map .map-address {
      width: 300px;
      /*background: url(../images/infobox_bg.png) no-repeat center top;*/
      text-align: center;
      padding-top: 33px;
      position: absolute;
      left: 150px; }
  body.Z18 .about-info-with-image {
    padding: 0;
    margin-top: -194px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .about-info-with-image {
        margin-top: -130px; } }
    @media (max-width: 991px) {
      body.Z18 .about-info-with-image {
        margin-top: 0; } }
    body.Z18 .about-info-with-image .bg-img {
      position: relative;
      z-index: 3;
      max-width: 555px; }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .about-info-with-image .bg-img {
          height: 500px; } }
      @media (max-width: 595px) {
        body.Z18 .about-info-with-image .bg-img {
          height: 400px; } }
      body.Z18 .about-info-with-image .bg-img img {
        margin-top: 0 !important; }
    body.Z18 .about-info-with-image .v-middle-wrapper .v-middle-inner {
      text-align: left; }
      body.Z18 .about-info-with-image .v-middle-wrapper .v-middle-inner .v-middle {
        padding: 0 20px; }
        body.Z18 .about-info-with-image .v-middle-wrapper .v-middle-inner .v-middle h2 {
          text-transform: none;
          font-weight: 700;
          max-width: 500px;
          margin-left: 38.4%;
          padding-top: 125px;
          letter-spacing: 0.010em;
          font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
          @media (max-width: 991px) {
            body.Z18 .about-info-with-image .v-middle-wrapper .v-middle-inner .v-middle h2 {
              padding-top: 0; } }
          @media (max-width: 595px) {
            body.Z18 .about-info-with-image .v-middle-wrapper .v-middle-inner .v-middle h2 {
              max-width: 100%;
              margin: 0 auto;
              padding: 20px;
              background: rgba(255, 255, 255, 0.6); } }
  body.Z18 .grid-with-image {
    overflow: inherit; }
    body.Z18 .grid-with-image .container .column-wrapper .col-two {
      padding: 0 0 0 30px; }
      @media (max-width: 767px) {
        body.Z18 .grid-with-image .container .column-wrapper .col-two {
          padding: 0; } }
      body.Z18 .grid-with-image .container .column-wrapper .col-two:first-child {
        width: 55%; }
        @media (max-width: 767px) {
          body.Z18 .grid-with-image .container .column-wrapper .col-two:first-child {
            width: 100%; } }
      body.Z18 .grid-with-image .container .column-wrapper .col-two:last-child {
        width: 45%; }
        @media (max-width: 767px) {
          body.Z18 .grid-with-image .container .column-wrapper .col-two:last-child {
            width: 100%; } }
      body.Z18 .grid-with-image .container .column-wrapper .col-two .content {
        margin-top: 70px; }
        @media (max-width: 767px) {
          body.Z18 .grid-with-image .container .column-wrapper .col-two .content {
            margin-top: 0px; } }
        body.Z18 .grid-with-image .container .column-wrapper .col-two .content h3 {
          text-transform: none;
          font-weight: 700;
          padding-bottom: 20px; }
          @media (max-width: 767px) {
            body.Z18 .grid-with-image .container .column-wrapper .col-two .content h3 {
              padding-bottom: 15px; } }
      @media (max-width: 767px) {
        body.Z18 .grid-with-image .container .column-wrapper .col-two .bg-img {
          text-align: center; } }
    body.Z18 .grid-with-image .container .column-wrapper .img-wrap {
      position: absolute;
      z-index: 2;
      bottom: -155px; }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .grid-with-image .container .column-wrapper .img-wrap {
          bottom: -100px; } }
      @media (max-width: 767px) {
        body.Z18 .grid-with-image .container .column-wrapper .img-wrap {
          position: relative;
          top: 0;
          margin-top: 20px; } }
  @media (min-width: 1200px) {
    body.Z18 .team .box-wrapper {
      margin: 0 -15px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    body.Z18 .team .box-wrapper {
      margin: 0 -15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    body.Z18 .team .box-wrapper {
      margin: 0 -10px; } }
  @media (min-width: 596px) and (max-width: 767px) {
    body.Z18 .team .box-wrapper {
      margin: 0 -10px; } }
  @media (min-width: 481px) and (max-width: 595px) {
    body.Z18 .team .box-wrapper {
      margin: 0 -8px; } }
  body.Z18 .team .content-wrapper h2 {
    font-weight: 700;
    text-transform: none;
    font-family: "NHaasGroteskTXW01-75Bd", sans-serif;
    margin-bottom: 55px;
    margin-left: 15px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .team .content-wrapper h2 {
        margin-bottom: 45px;
        margin-left: 13px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .team .content-wrapper h2 {
        margin-bottom: 35px;
        margin-left: 8px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 .team .content-wrapper h2 {
        margin-bottom: 35px;
        margin-left: 8px; } }
    @media (max-width: 767px) {
      body.Z18 .team .content-wrapper h2 {
        margin-bottom: 15px; } }
    @media (min-width: 481px) and (max-width: 595px) {
      body.Z18 .team .content-wrapper h2 {
        margin-left: 7px; } }
    @media (max-width: 480px) {
      body.Z18 .team .content-wrapper h2 {
        margin-left: 0px; } }
  body.Z18 .team .content-wrapper .col-three {
    width: calc(33.33% - 30px);
    margin: 20px 15px 36px 15px;
    cursor: pointer; }
    @media (min-width: 992px) and (max-width: 1200px) {
      body.Z18 .team .content-wrapper .col-three {
        margin: 20px 15px 36px 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .team .content-wrapper .col-three {
        width: calc(50% - 20px);
        margin: 20px 10px 25px 10px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 .team .content-wrapper .col-three {
        width: calc(50% - 20px);
        margin: 15px 10px 20px 10px; } }
    @media (min-width: 481px) and (max-width: 595px) {
      body.Z18 .team .content-wrapper .col-three {
        width: calc(50% - 16px);
        margin: 15px 8px 15px 8px; } }
    @media (max-width: 480px) {
      body.Z18 .team .content-wrapper .col-three {
        width: 100%;
        margin: 15px 0;
        height: auto !important; } }
    body.Z18 .team .content-wrapper .col-three .bg-img {
      max-height: 231px; }
      @media (max-width: 991px) {
        body.Z18 .team .content-wrapper .col-three .bg-img {
          max-height: 100%; } }
    body.Z18 .team .content-wrapper .col-three .content {
      cursor: pointer; }
      body.Z18 .team .content-wrapper .col-three .content h3 {
        padding: 20px 0 0;
        text-transform: none;
        font-weight: 700;
        font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
    body.Z18 .team .content-wrapper .col-three .overlay-content {
      display: none; }
  body.Z18 .team .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 99; }
    body.Z18 .team .overlay .wrapper {
      height: 100%;
      overflow: scroll; }
      body.Z18 .team .overlay .wrapper .cross {
        top: 100px;
        position: absolute;
        cursor: pointer;
        z-index: 1; }
        @media (max-width: 767px) {
          body.Z18 .team .overlay .wrapper .cross {
            position: relative;
            float: right;
            top: 40px;
            right: 20px;
            left: inherit !important;
            z-index: 1; } }
      body.Z18 .team .overlay .wrapper .overlay-content-wrapper {
        display: table;
        width: 100%;
        height: 100%; }
        @media (max-width: 767px) {
          body.Z18 .team .overlay .wrapper .overlay-content-wrapper {
            padding-top: 40px; } }
        body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper {
          display: table-cell;
          vertical-align: middle; }
          body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .bg-img {
            max-width: 683px;
            width: 50%;
            float: left;
            position: relative;
            max-height: 583px; }
            @media (max-width: 767px) {
              body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .bg-img {
                width: 100%;
                padding: 10px 20px; } }
          body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content {
            max-width: 560px;
            padding: 0 20px;
            width: 50%;
            float: left;
            position: relative; }
            @media (max-width: 767px) {
              body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content {
                width: 100%;
                padding: 10px 20px; } }
            body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content h3 {
              text-transform: none;
              font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
            body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content .overlay-content {
              padding: 25px 0; }
              @media (max-width: 767px) {
                body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content .overlay-content {
                  padding: 15px 0; } }
              body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content .overlay-content p {
                font-size: 18px;
                line-height: 1.66; }
                @media (max-width: 767px) {
                  body.Z18 .team .overlay .wrapper .overlay-content-wrapper .content-wrapper .content .overlay-content p {
                    font-size: 16px; } }
  body.Z18 .tabs-slider {
    margin-top: -144px;
    z-index: 5; }
    @media (max-width: 595px) {
      body.Z18 .tabs-slider {
        margin-top: -140px; } }
    @media (max-width: 595px) {
      body.Z18 .tabs-slider {
        margin-top: -100px; } }
    body.Z18 .tabs-slider .tabs-wrapper {
      height: 206px;
      margin-bottom: 67px; }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .tabs-slider .tabs-wrapper {
          height: 180px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .tabs-slider .tabs-wrapper {
          height: 120px; } }
      @media (min-width: 481px) and (max-width: 595px) {
        body.Z18 .tabs-slider .tabs-wrapper {
          height: 110px; } }
      @media (max-width: 480px) {
        body.Z18 .tabs-slider .tabs-wrapper {
          height: 80px;
          margin-bottom: 0; } }
      body.Z18 .tabs-slider .tabs-wrapper .tabs-title {
        width: 50%;
        float: left;
        height: 100%;
        background: #000000; }
        @media (min-width: 596px) and (max-width: 767px) {
          body.Z18 .tabs-slider .tabs-wrapper .tabs-title {
            width: 45%; } }
        @media (min-width: 481px) and (max-width: 595px) {
          body.Z18 .tabs-slider .tabs-wrapper .tabs-title {
            width: 45%; } }
        @media (max-width: 480px) {
          body.Z18 .tabs-slider .tabs-wrapper .tabs-title {
            width: 100%; } }
        body.Z18 .tabs-slider .tabs-wrapper .tabs-title h3 {
          color: #FFFFFF;
          line-height: 1.2;
          letter-spacing: .010em;
          position: relative;
          top: 50%;
          left: 47px;
          -webkit-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          text-transform: initial; }
          @media (min-width: 596px) and (max-width: 767px) {
            body.Z18 .tabs-slider .tabs-wrapper .tabs-title h3 {
              left: 40px; } }
          @media (max-width: 595px) {
            body.Z18 .tabs-slider .tabs-wrapper .tabs-title h3 {
              left: 20px; } }
      body.Z18 .tabs-slider .tabs-wrapper .tabs-category {
        float: left;
        height: 100%; }
        @media (max-width: 480px) {
          body.Z18 .tabs-slider .tabs-wrapper .tabs-category {
            width: 100%;
            margin-bottom: 52px; } }
        body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul {
          display: table;
          height: 100%;
          width: 100%; }
          @media (max-width: 480px) {
            body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul {
              table-layout: fixed; } }
          body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li {
            background: #000000;
            font-family: "NeueHaasGroteskText W01", sans-serif;
            position: relative;
            color: #FFFFFF;
            font-size: 24px;
            display: table-cell;
            vertical-align: middle;
            padding: 0 77px;
            line-height: 1.5;
            letter-spacing: .010em;
            cursor: pointer;
            -webkit-transition: background .3s ease;
            -o-transition: background .3s ease;
            transition: background .3s ease; }
            body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li:after {
              content: '';
              position: absolute;
              bottom: -24px;
              left: 0;
              right: 0;
              margin: 0 auto;
              width: 0px;
              height: 0px;
              -webkit-transition: border-color .3s ease;
              -o-transition: border-color .3s ease;
              transition: border-color .3s ease; }
            body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#need.active {
              background-color: #0B23BF; }
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#need.active:after {
                border-style: solid;
                border-width: 24px 22px 0 22px;
                border-color: #0B23BF transparent transparent transparent; }
            body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#need:hover {
              background-color: #040c43; }
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#need:hover:after {
                border-color: #040c43 transparent transparent; }
            body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#industry.active {
              background: #FF5AAA; }
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#industry.active:after {
                border-style: solid;
                border-width: 24px 22px 0 22px;
                border-color: #FF5AAA transparent transparent transparent; }
            body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#industry:hover {
              background: #591f3b; }
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li#industry:hover:after {
                border-color: #591f3b transparent transparent; }
            @media (min-width: 992px) and (max-width: 1200px) {
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li {
                padding: 0 63px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li {
                font-size: 22px;
                padding: 0 55px; } }
            @media (min-width: 596px) and (max-width: 767px) {
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li {
                font-size: 20px;
                padding: 0 44px; } }
            @media (min-width: 481px) and (max-width: 595px) {
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li {
                font-size: 18px;
                padding: 0 31px; } }
            @media (max-width: 480px) {
              body.Z18 .tabs-slider .tabs-wrapper .tabs-category ul li {
                font-size: 17px;
                width: 100%;
                padding: 0 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body.Z18 .tabs-slider .interactive-slider {
        padding-bottom: 225px; } }
    @media (min-width: 596px) and (max-width: 767px) {
      body.Z18 .tabs-slider .interactive-slider {
        padding-bottom: 190px; } }
    @media (max-width: 595px) {
      body.Z18 .tabs-slider .interactive-slider {
        padding-bottom: 190px; } }
    body.Z18 .tabs-slider .interactive-slider .slide-wrapper[data-id='industry'] {
      display: none; }
    body.Z18 .tabs-slider .interactive-slider .slide-wrapper .slide-container .slide-item.active {
      -webkit-transform: translateY(0) !important;
           -o-transform: translateY(0) !important;
              transform: translateY(0) !important; }
    body.Z18 .tabs-slider .interactive-slider .slide-wrapper .prev,
    body.Z18 .tabs-slider .interactive-slider .slide-wrapper .next {
      top: 360px; }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .tabs-slider .interactive-slider .slide-wrapper .prev,
        body.Z18 .tabs-slider .interactive-slider .slide-wrapper .next {
          top: 305px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .tabs-slider .interactive-slider .slide-wrapper .prev,
        body.Z18 .tabs-slider .interactive-slider .slide-wrapper .next {
          top: 275px; } }
      @media (max-width: 595px) {
        body.Z18 .tabs-slider .interactive-slider .slide-wrapper .prev,
        body.Z18 .tabs-slider .interactive-slider .slide-wrapper .next {
          top: 312px;
          -o-transform: translateY(0px) !important;
          -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important; } }
  body.Z18 .banner-third {
    padding: 0;
    /*    //padding: 0px 118px 50px;
    width: 100%;
    max-width: 910px;
    padding: 0;
    margin: 0 auto 50px;
    @include desktop {
      //padding: 0 118px 0px;
      //margin: 0 auto 50px;
    }     
    @include desktop-mid {
      padding: 0 70px 0px;
    }
    @include tablet {
      padding: 0 70px 0px;
    }
    @include phablet {
      padding: 0 40px 0px;
      margin: 0 auto 30px;
    }
    @include phablet-down {
      padding: 0 20px 0px;
      margin: 0 auto 30px;
    }*/ }
    body.Z18 .banner-third h1 {
      color: #000000;
      text-transform: capitalize;
      letter-spacing: 0.010em;
      font-family: "NHaasGroteskTXW01-75Bd", sans-serif; }
    body.Z18 .banner-third p {
      font-size: 30px;
      color: #000000;
      font-weight: 400;
      letter-spacing: 0.010em;
      line-height: 1.2;
      padding-top: 26px; }
      @media (max-width: 991px) {
        body.Z18 .banner-third p {
          padding-top: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.Z18 .banner-third p {
          font-size: 28px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        body.Z18 .banner-third p {
          font-size: 22px; } }
      @media (min-width: 481px) and (max-width: 595px) {
        body.Z18 .banner-third p {
          font-size: 18px; } }
      @media (max-width: 480px) {
        body.Z18 .banner-third p {
          font-size: 16px; } }
    body.Z18 .banner-third .v-middle-wrapper .v-middle-inner {
      text-align: left; }
      body.Z18 .banner-third .v-middle-wrapper .v-middle-inner .content {
        max-width: 968px;
        position: relative; }
      body.Z18 .banner-third .v-middle-wrapper .v-middle-inner .v-middle {
        padding: 0px 20px;
        /*        @include tablet {
          padding: 20px 20px 0;
        }
        @include tablet-down {
          padding: 40px 20px 0;
        }*/ }
    body.Z18 .banner-third .bg-img {
      width: 90%;
      max-width: 910px;
      margin: auto;
      position: relative;
      height: 200px;
      /*      @include phablet {
        margin-top: 30px;
      }
      @include phone {
        margin-top: 30px;
      }
      @include phone-down {

        margin-top: 30px;
      }*/ }
      body.Z18 .banner-third .bg-img img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        min-width: 100%;
        opacity: 0.3; }

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