@charset "UTF-8";
/************************/
/* VARIABLES */
/************************/
/* open-sans-300 - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-300italic - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300italic.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-300italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-regular - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-regular.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-regular.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-italic - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-italic.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-600 - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-600italic - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600italic.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-600italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-700italic - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700italic.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-700italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-800 - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-800italic - vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800italic.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800italic.woff') format('woff'), /* Modern Browsers */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('open-sans/open-sans-v15-vietnamese_latin_greek-ext_cyrillic-ext_cyrillic_latin-ext_greek-800italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* HEADER */
/* DESKTOP NAVIGATION */
/* FOOTER */
/* INPUTS */
/* BUTTONS */
/* COLORS */
/* BREAKPOINTS */
@font-face {
  font-family: 'zeequest';
  src: url('fonts/font-icons/zeequest.eot?7g0vaw');
  src: url('fonts/font-icons/zeequest.eot?7g0vaw#iefix') format('embedded-opentype'), url('fonts/font-icons/zeequest.ttf?7g0vaw') format('truetype'), url('fonts/font-icons/zeequest.woff?7g0vaw') format('woff'), url('fonts/font-icons/zeequest.svg?7g0vaw#zeequest') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'zeequest' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-medium:before {
  content: "\e98c";
}
.icon-chinese-phylosophy:before {
  content: "\e987";
}
.icon-cosmology:before {
  content: "\e988";
}
.icon-machine-learning:before {
  content: "\e989";
}
.icon-quantum-physics:before {
  content: "\e98a";
}
.icon-editor-bold:before {
  content: "\e97f";
}
.icon-editor-italic:before {
  content: "\e980";
}
.icon-editor-ol:before {
  content: "\e981";
}
.icon-editor-redo:before {
  content: "\e982";
}
.icon-editor-strike-through:before {
  content: "\e983";
}
.icon-editor-ul:before {
  content: "\e984";
}
.icon-editor-underline:before {
  content: "\e985";
}
.icon-editor-undo:before {
  content: "\e986";
}
.icon-repetition:before {
  content: "\e978";
}
.icon-psychology-biochemistry:before {
  content: "\e979";
}
.icon-emotional-conviction:before {
  content: "\e97a";
}
.icon-like:before {
  content: "\e97b";
}
.icon-gift:before {
  content: "\e977";
}
.icon-vitamins-and-minerals-supply:before {
  content: "\e974";
}
.icon-cellular-energy:before {
  content: "\e975";
}
.icon-body-toxins:before {
  content: "\e976";
}
.icon-phone:before {
  content: "\e973";
}
.icon-shopping-cart:before {
  content: "\e972";
}
.icon-zeequest:before {
  content: "\e971";
}
.icon-bell:before {
  content: "\e970";
}
.icon-ascending:before {
  content: "\e96e";
}
.icon-descending:before {
  content: "\e96f";
}
.icon-info:before {
  content: "\e96d";
}
.icon-stop:before {
  content: "\e96c";
}
.icon-face-sad:before {
  content: "\e96a";
}
.icon-face-smile:before {
  content: "\e96b";
}
.icon-ox:before {
  content: "\e95e";
}
.icon-gui:before {
  content: "\e952";
}
.icon-ren:before {
  content: "\e955";
}
.icon-creator:before {
  content: "\e95a";
}
.icon-thinker:before {
  content: "\e95d";
}
.icon-analyzer:before {
  content: "\e945";
}
.icon-artist:before {
  content: "\e946";
}
.icon-diplomat:before {
  content: "\e947";
}
.icon-director:before {
  content: "\e948";
}
.icon-friend:before {
  content: "\e949";
}
.icon-leader:before {
  content: "\e94a";
}
.icon-performer:before {
  content: "\e94b";
}
.icon-philosopher:before {
  content: "\e94c";
}
.icon-pioneer:before {
  content: "\e94d";
}
.icon-warrior:before {
  content: "\e94e";
}
.icon-bing:before {
  content: "\e94f";
}
.icon-ding:before {
  content: "\e950";
}
.icon-geng:before {
  content: "\e951";
}
.icon-ji:before {
  content: "\e953";
}
.icon-jia:before {
  content: "\e954";
}
.icon-wu:before {
  content: "\e956";
}
.icon-xin:before {
  content: "\e957";
}
.icon-yi:before {
  content: "\e958";
}
.icon-connector:before {
  content: "\e959";
}
.icon-manager:before {
  content: "\e95b";
}
.icon-supporter:before {
  content: "\e95c";
}
.icon-dog:before {
  content: "\e95f";
}
.icon-dragon:before {
  content: "\e960";
}
.icon-goat:before {
  content: "\e961";
}
.icon-horse:before {
  content: "\e962";
}
.icon-monkey:before {
  content: "\e963";
}
.icon-pig:before {
  content: "\e964";
}
.icon-rabbit:before {
  content: "\e965";
}
.icon-rat:before {
  content: "\e966";
}
.icon-rooster:before {
  content: "\e967";
}
.icon-snake:before {
  content: "\e968";
}
.icon-tiger:before {
  content: "\e969";
}
.icon-relationship:before {
  content: "\e933";
}
.icon-translate:before {
  content: "\e944";
}
.icon-arrow-full-outline:before {
  content: "\e940";
}
.icon-arrow-full:before {
  content: "\e941";
}
.icon-triangle-outline:before {
  content: "\e942";
}
.icon-triangle:before {
  content: "\e943";
}
.icon-fire:before {
  content: "\e93f";
}
.icon-plus:before {
  content: "\e93e";
}
.icon-warning:before {
  content: "\e93d";
}
.icon-compatibility:before {
  content: "\e93c";
}
.icon-home:before {
  content: "\e937";
}
.icon-people:before {
  content: "\e936";
}
.icon-reports:before {
  content: "\e938";
}
.icon-planning-2:before {
  content: "\e939";
}
.icon-task:before {
  content: "\e98b";
}
.icon-team:before {
  content: "\e93a";
}
.icon-family:before {
  content: "\e93b";
}
.icon-video:before {
  content: "\e935";
}
.icon-zqt-token:before {
  content: "\e934";
}
.icon-business:before {
  content: "\e931";
}
.icon-real-estate:before {
  content: "\e932";
}
.icon-envelope-2:before {
  content: "\e921";
}
.icon-icon-insights:before {
  content: "\e922";
}
.icon-location:before {
  content: "\e923";
}
.icon-solution-1:before {
  content: "\e924";
}
.icon-solution:before {
  content: "\e925";
}
.icon-ambition:before {
  content: "\e926";
}
.icon-business-man:before {
  content: "\e97d";
}
.icon-e-learning:before {
  content: "\e97e";
}
.icon-briefcase:before {
  content: "\e927";
}
.icon-date-time:before {
  content: "\e928";
}
.icon-health:before {
  content: "\e929";
}
.icon-income:before {
  content: "\e92a";
}
.icon-innovation:before {
  content: "\e92b";
}
.icon-integrity:before {
  content: "\e92c";
}
.icon-learning:before {
  content: "\e92d";
}
.icon-personal:before {
  content: "\e92e";
}
.icon-dating:before {
  content: "\e92f";
}
.icon-success:before {
  content: "\e930";
}
.icon-thumbs-up:before {
  content: "\e91d";
}
.icon-click:before {
  content: "\e91e";
}
.icon-magnifier:before {
  content: "\e91f";
}
.icon-envelope-open:before {
  content: "\e920";
}
.icon-money-bag:before {
  content: "\e91a";
}
.icon-pen:before {
  content: "\e91b";
}
.icon-megaphone:before {
  content: "\e91c";
}
.icon-checkmark:before {
  content: "\e919";
}
.icon-quotes:before {
  content: "\e918";
}
.icon-feedback:before {
  content: "\e90b";
}
.icon-goal:before {
  content: "\e90c";
}
.icon-idea:before {
  content: "\e90d";
}
.icon-negotiation:before {
  content: "\e90e";
}
.icon-planning:before {
  content: "\e90f";
}
.icon-project-management:before {
  content: "\e910";
}
.icon-cost-calculator:before {
  content: "\e911";
}
.icon-business-plan:before {
  content: "\e912";
}
.icon-advertising:before {
  content: "\e913";
}
.icon-settings:before {
  content: "\e914";
}
.icon-envelope:before {
  content: "\e915";
}
.icon-sharing:before {
  content: "\e916";
}
.icon-shield:before {
  content: "\e909";
}
.icon-toolbox:before {
  content: "\e90a";
}
.icon-menu:before {
  content: "\e900";
}
.icon-arrow:before {
  content: "\e907";
}
.icon-x:before {
  content: "\e908";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-linkedin:before {
  content: "\e905";
}
.icon-twitter:before {
  content: "\e906";
}
.icon-instagram:before {
  content: "\e917";
}
.icon-pinterest:before {
  content: "\e97c";
}
.icon-money:before {
  content: "\e903";
}
.icon-share:before {
  content: "\e901";
}
.icon-user:before {
  content: "\e902";
}
.icon-youtube:before {
  content: "\e98d";
}
.icon-telegram:before {
  content: "\e98e";
}
/************************/
/* MIXINS */
/************************/
/************************/
/* USEFUL CLASSES */
/************************/
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.display-block {
  display: block !important;
}
.display-inline-block {
  display: inline-block !important;
}
.p-none {
  padding: 0 !important;
}
.p-t-none {
  padding-top: 0 !important;
}
.p-r-none {
  padding-right: 0 !important;
}
.p-b-none {
  padding-bottom: 0 !important;
}
.p-l-none {
  padding-left: 0 !important;
}
.m-none {
  margin: 0 !important;
}
.m-t-none {
  margin-top: 0 !important;
}
.m-r-none {
  margin-right: 0 !important;
}
.m-b-none {
  margin-bottom: 0 !important;
}
.m-l-none {
  margin-left: 0 !important;
}
.m-t {
  margin-top: 20px !important;
}
.m-r {
  margin-right: 20px !important;
}
.m-b {
  margin-bottom: 20px !important;
}
.m-l {
  margin-left: 20px !important;
}
.m-t-l {
  margin-top: 25px !important;
}
.m-r-l {
  margin-right: 25px !important;
}
.m-b-l {
  margin-bottom: 25px !important;
}
.m-l-l {
  margin-left: 25px !important;
}
.m-t-xl {
  margin-top: 30px !important;
}
.m-r-xl {
  margin-right: 30px !important;
}
.m-b-xl {
  margin-bottom: 30px !important;
}
.m-l-xl {
  margin-left: 30px !important;
}
.m-t-xxl {
  margin-top: 35px !important;
}
.m-r-xxl {
  margin-right: 35px !important;
}
.m-b-xxl {
  margin-bottom: 35px !important;
}
.m-l-xxl {
  margin-left: 35px !important;
}
.m-t-s {
  margin-top: 15px !important;
}
.m-r-s {
  margin-right: 15px !important;
}
.m-b-s {
  margin-bottom: 15px !important;
}
.m-l-s {
  margin-left: 15px !important;
}
.m-t-xs {
  margin-top: 10px !important;
}
.m-r-xs {
  margin-right: 10px !important;
}
.m-b-xs {
  margin-bottom: 10px !important;
}
.m-l-xs {
  margin-left: 10px !important;
}
.p-t {
  padding-top: 20px !important;
}
.p-r {
  padding-right: 20px !important;
}
.p-b {
  padding-bottom: 20px !important;
}
.p-l {
  padding-left: 20px !important;
}
.p-t-l {
  padding-top: 25px !important;
}
.p-r-l {
  padding-right: 25px !important;
}
.p-b-l {
  padding-bottom: 25px !important;
}
.p-l-l {
  padding-left: 25px !important;
}
.p-t-xl {
  padding-top: 30px !important;
}
.p-r-xl {
  padding-right: 30px !important;
}
.p-b-xl {
  padding-bottom: 30px !important;
}
.p-l-xl {
  padding-left: 30px !important;
}
.p-t-xxl {
  padding-top: 35px !important;
}
.p-r-xxl {
  padding-right: 35px !important;
}
.p-b-xxl {
  padding-bottom: 35px !important;
}
.p-l-xxl {
  padding-left: 35px !important;
}
.p-t-s {
  padding-top: 15px !important;
}
.p-r-s {
  padding-right: 15px !important;
}
.p-b-s {
  padding-bottom: 15px !important;
}
.p-l-s {
  padding-left: 15px !important;
}
.p-t-xs {
  padding-top: 10px !important;
}
.p-r-xs {
  padding-right: 10px !important;
}
.p-b-xs {
  padding-bottom: 10px !important;
}
.p-l-xs {
  padding-left: 10px !important;
}
.w-50 {
  max-width: 50px !important;
}
.w-100 {
  max-width: 100px !important;
}
.w-150 {
  max-width: 150px !important;
}
.w-200 {
  max-width: 200px !important;
}
.w-250 {
  max-width: 250px !important;
}
.w-300 {
  max-width: 300px !important;
}
.w-350 {
  max-width: 350px !important;
}
.w-400 {
  max-width: 400px !important;
}
.w-450 {
  max-width: 450px !important;
}
.w-500 {
  max-width: 500px !important;
}
.w-650 {
  max-width: 550px !important;
}
.w-600 {
  max-width: 600px !important;
}
.percentage-width-10 {
  width: 10% !important;
}
.percentage-width-15 {
  width: 15% !important;
}
.percentage-width-20 {
  width: 20% !important;
}
.percentage-width-25 {
  width: 25% !important;
}
.percentage-width-30 {
  width: 30% !important;
}
.percentage-width-35 {
  width: 35% !important;
}
.percentage-width-40 {
  width: 40% !important;
}
.percentage-width-45 {
  width: 45% !important;
}
.percentage-width-50 {
  width: 50% !important;
}
.percentage-width-55 {
  width: 55% !important;
}
.percentage-width-60 {
  width: 60% !important;
}
.percentage-width-65 {
  width: 65% !important;
}
.percentage-width-70 {
  width: 70% !important;
}
.percentage-width-75 {
  width: 75% !important;
}
.percentage-width-80 {
  width: 80% !important;
}
.percentage-width-85 {
  width: 85% !important;
}
.percentage-width-90 {
  width: 90% !important;
}
.percentage-width-95 {
  width: 95% !important;
}
.percentage-width-100 {
  width: 100% !important;
}
.navigator-nutrition-background-color-linear {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.navigator-nutrition-business-background-color-linear {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
/************************/
/* SCROLLBAR */
/************************/
.custom-scroller::-webkit-scrollbar,
body::-webkit-scrollbar,
.form-textarea::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar {
  width: 10px;
}
.custom-scroller::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.form-textarea::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: none;
  border-radius: 5px;
}
.custom-scroller::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.form-textarea::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: padding-box;
  min-height: 30px;
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.custom-scroller::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.form-textarea::-webkit-scrollbar-corner,
.select2-results__options::-webkit-scrollbar-corner {
  background-color: transparent;
}
.page-user-reset #edit-done {
  display: none;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: 0 !important;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/***********************************/
/* BUTTONS */
/***********************************/
.button {
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  color: white;
  border-radius: 25px;
  position: relative;
  min-height: 40px;
  transition: all 300ms ease-in-out;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box !important;
  font-weight: 400;
  outline: none;
}
.button:hover {
  text-decoration: none;
  color: white;
}
.button--primary {
  color: white;
  background: #7ED321;
}
.button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #64a43c;
}
.button--primary.button--outline {
  border-color: #7ED321;
  color: #7ED321;
}
.button--gray {
  background: #e5e5e5;
  color: #5C6170;
}
.button--gray:hover {
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #7ED321;
  color: white;
}
.button--white {
  background: white;
  color: #5C6170;
}
.button--white:hover {
  box-shadow: 0 0 30px 0 rgba(242, 242, 242, 0.5);
  background-color: white;
  color: #5C6170;
}
.button--xpeer {
  color: white;
  background: #FFBF00;
}
.button--xpeer:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(230, 172, 0, 0.5);
  background-color: #FFBF00;
}
.button--xpeer.button--outline {
  border-color: #FFBF00;
  color: #FFBF00;
}
.button--outline {
  background-color: transparent;
  border: 2px solid #5C6170;
  color: #5C6170;
  padding: 8px 18px;
}
.button--outline:hover {
  box-shadow: 0 0 30px 0 rgba(81, 85, 98, 0.5);
}
.button--outline.button--white {
  border-color: white;
}
.button--outline.button--white:hover {
  color: #5C6170;
  box-shadow: 0 0 30px 0 rgba(242, 242, 242, 0.5);
}
.button--small {
  padding: 6px 10px;
  font-size: 11px;
  line-height: 14px;
  border-radius: 45px;
  min-height: 28px;
}
.button--big {
  padding: 20px 40px;
  font-size: 28px;
  line-height: 40px;
  border-radius: 45px;
  min-height: 80px;
}
.button--open-video {
  font-size: 28px;
  line-height: 1.4;
  padding: 20px 40px 20px 110px;
  position: relative;
  text-decoration: none;
  font-weight: 400;
  border-radius: 50px;
  text-align: left;
}
.button--open-video::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e935";
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  color: #7ED321;
  transition: all 300ms ease-in-out;
}
.button--open-video:hover {
  background-color: #7ED321;
  color: white;
}
.button--open-video:hover::before {
  color: white;
}
.button--with-icon-before {
  position: relative;
  padding-left: 64px;
}
.button--with-icon-before::before {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
}
.button--with-icon-before.button--small {
  padding-left: 36.8px;
}
.button--with-icon-before.button--small::before {
  left: 10px;
  font-size: 16.8px;
}
.button--with-icon-after {
  position: relative;
  padding-right: 66px;
}
.button--with-icon-after::before {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 26px;
}
.button--with-icon-after.button--small {
  padding-right: 34px;
}
.button--with-icon-after.button--small::before {
  right: 10px;
  font-size: 14px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .button--big {
    padding: 15px 30px;
    font-size: 21px;
    line-height: 30px;
    min-height: 60px;
  }
  .button--open-video {
    padding: 10px 20px 10px 60px;
    font-size: 14px;
    line-height: 20px;
  }
  .button--open-video::before {
    left: 20px;
    font-size: 28px;
  }
}
@media (max-width: 550px) {
  .button--big {
    padding: 12.5px 25px;
    font-size: 17.5px;
    line-height: 25px;
    min-height: 50px;
  }
}
/***********************************/
/* SHARE BUTTONS */
/***********************************/
.share-buttons {
  background-color: #7ED321;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  transition: all 300ms ease-in-out;
}
.share-buttons:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 16px;
  color: white;
}
.share-buttons.icon-facebook:hover {
  background-color: transparent;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
}
.share-buttons.icon-twitter:hover {
  background-color: transparent;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
}
.share-buttons.icon-linkedin:hover {
  background-color: transparent;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
}
.button--facebook {
  background: transparent;
  color: white;
}
.button--facebook:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
  background-color: transparent;
  color: white;
}
.button--facebook.icon-facebook {
  padding-left: 50px;
}
.button--facebook.icon-facebook::before {
  position: absolute;
  left: 2px;
  color: transparent;
  width: 36px;
  height: 36px;
  line-height: 40px;
  background-color: white;
  border-radius: 50%;
}
.button--twitter {
  background: transparent;
  color: white;
}
.button--twitter:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
  background-color: transparent;
  color: white;
}
.button--linkedin {
  background: transparent;
  color: white;
}
.button--linkedin:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
  background-color: transparent;
  color: white;
}
.button--google {
  background: #4285F4;
  color: white;
}
.button--google:hover {
  box-shadow: 0 0 30px 0 rgba(42, 117, 243, 0.5);
  background-color: #4285F4;
  color: white;
}
.button--google.icon-google {
  padding-left: 50px;
}
.button--google.icon-google::before {
  position: absolute;
  left: 2px;
  content: ' ';
  background: url('../images/google-g-sign.svg') no-repeat center center;
  width: 36px;
  height: 36px;
  background-size: 24px;
  background-color: white;
  border-radius: 50%;
}
.zq-app-badge {
  line-height: 80px;
}
.zq-app-badge img {
  height: 80px;
}
.form label {
  margin-bottom: 0;
}
.form .form__group:first-of-type {
  margin-top: 0;
}
.form hr {
  background-color: #DDDDDD;
  margin: 40px 0 20px 0;
}
.form__group-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 30px;
  color: #5C6170;
}
.form__group-title:first-of-type {
  margin-top: 0;
}
.form__group-title-explain {
  margin: 10px 0;
}
.form__group {
  position: relative;
  margin: 10px 0;
  transition: all 300ms ease-in-out;
}
.form__group .form__label {
  display: block;
}
.form__group--with-button {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.form__group--with-button .form__field {
  flex: 1 0 auto;
}
.form__group--with-button .button {
  margin-left: 10px;
}
.form__group--with-button .form__help-text {
  width: 100%;
}
.form__label {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
  text-align: left;
  pointer-events: none;
}
.form__optional {
  color: #AAAAAA;
}
.form__field {
  display: flex;
  min-height: 50px;
  position: relative;
}
.form__field .form__label {
  position: absolute;
  left: 10px;
  top: 16px;
  transition: all 150ms ease-in-out;
  z-index: 2;
}
.form__field .input--text {
  flex-grow: 1;
  padding: 15px 10px;
  height: 50px;
}
.form__field .textarea {
  flex-grow: 1;
  padding-top: 10px;
}
.form__field .select-dropdown {
  flex-grow: 1;
}
.form__field .field-name-field-choice,
.form__field .field-name-field-more-choices {
  width: 100%;
}
.form__field .chzn-container .chzn-single span,
.form__field .chzn-container .chzn-choices span {
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.form__field .chzn-container .search-field .default {
  transition: all 150ms ease-in-out;
  opacity: 0;
}
.form__field--focus .form__label,
.form__field--not-empty .form__label,
.form__field--label-always-above .form__label {
  top: 1px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  font-size: 12px;
  line-height: 16px;
  left: 5px;
  right: 10px;
  padding: 4px 5px;
  transition: all 150ms ease-in-out;
}
.form__field--focus .input--text,
.form__field--not-empty .input--text,
.form__field--label-always-above .input--text {
  padding-top: 25px;
  padding-bottom: 5px;
}
.form__field--focus .textarea,
.form__field--not-empty .textarea,
.form__field--label-always-above .textarea {
  padding-top: 25px;
}
.form__field--focus .chzn-container .chzn-single,
.form__field--not-empty .chzn-container .chzn-single,
.form__field--label-always-above .chzn-container .chzn-single,
.form__field--focus .chzn-container .chzn-choices,
.form__field--not-empty .chzn-container .chzn-choices,
.form__field--label-always-above .chzn-container .chzn-choices {
  padding-top: 25px;
  padding-bottom: 5px;
}
.form__field--focus .chzn-container .chzn-single span,
.form__field--not-empty .chzn-container .chzn-single span,
.form__field--label-always-above .chzn-container .chzn-single span,
.form__field--focus .chzn-container .chzn-choices span,
.form__field--not-empty .chzn-container .chzn-choices span,
.form__field--label-always-above .chzn-container .chzn-choices span {
  visibility: visible;
  opacity: 1;
}
.form__field--focus .chzn-container .search-field .default,
.form__field--not-empty .chzn-container .search-field .default,
.form__field--label-always-above .chzn-container .search-field .default {
  opacity: 1;
}
.form__help-text {
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #AAAAAA;
  font-style: italic;
}
.form__group--error .input--text,
.form__group--error .input--checkbox,
.form__group--error .input--radio,
.form__group--error .textarea {
  border-color: #cc0624;
}
.form__group--error .form__label {
  color: #cc0624;
}
.form__action-buttons {
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.form__action-buttons .button--primary {
  margin-left: 10px;
}
.form__action-buttons .button--gray {
  margin-right: 10px;
}
.form__action-buttons .form__help-text {
  margin: 0 20px 0 auto;
}
.form__action-buttons::after {
  content: " ";
  display: table;
  clear: both;
}
.action-buttons__spacer {
  flex: 1 1 auto;
}
.form__privacy {
  position: relative;
  margin-top: 20px;
  padding-left: 30px;
  text-align: left;
}
.form__privacy::before {
  font-size: 20px;
  position: absolute;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92c";
  left: 0;
  top: 0px;
}
/***********************************/
/* INPUT TEXT */
/***********************************/
.input--text {
  border: 1px solid #DDDDDD;
  background-color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  width: 100%;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  transition: all 150ms ease-in-out;
}
.input--text:focus {
  background-color: white;
  border: 1px solid #7ED321;
  outline: none;
}
.input--text:disabled {
  color: #AAAAAA;
  cursor: not-allowed;
}
.input--text:-moz-read-only {
  color: #AAAAAA;
}
.input--text:read-only {
  color: #AAAAAA;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofill {
  to {
    color: #5C6170;
    background: white;
  }
}
/***********************************/
/* CHECKBOX */
/***********************************/
.form__checkbox {
  display: block;
  position: relative;
  margin: 10px 0;
}
.input--checkbox {
  display: none;
  visibility: hidden;
}
.input--checkbox + .checkbox-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #DDDDDD;
  background: white;
  border-radius: 5px;
  transition: all 150ms ease-in-out;
}
.input--checkbox + .checkbox-text::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\e919";
  display: block;
  top: -2px;
  left: 4px;
  font-size: 18px;
  line-height: 18px;
  transition: all 300ms ease-in-out;
  opacity: 0;
  -webkit-transform: scale(0.2) translateX(30px);
  transform: scale(0.2) translateX(30px);
}
.input--checkbox + .checkbox-text:hover {
  color: #7ED321;
}
.input--checkbox + .checkbox-text:hover a {
  color: #7ED321;
}
.input--checkbox + .checkbox-text:hover::before {
  border: 1px solid #7ED321;
}
.input--checkbox:checked + .checkbox-text {
  color: #7ED321;
}
.input--checkbox:checked + .checkbox-text::before,
.input--checkbox:checked:hover + .checkbox-text::before {
  border: 1px solid #7ED321;
}
.input--checkbox:checked + .checkbox-text::after {
  opacity: 1;
  -webkit-transform: scale(1) translateX(0px);
  transform: scale(1) translateX(0px);
}
.input--checkbox:disabled + .checkbox-text {
  color: #737373;
}
.input--checkbox:disabled + .checkbox-text::before,
.input--checkbox:disabled:hover + .checkbox-text::before {
  border: 1px solid rgba(221, 221, 221, 0.5);
  cursor: not-allowed;
}
.input--checkbox:disabled + .checkbox-text::after {
  color: #AAAAAA;
}
.checkbox-text {
  margin-bottom: 0px;
  cursor: pointer;
  overflow: visible;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  vertical-align: top;
  line-height: 18px;
  display: block;
}
.checkbox-text .form__help-text {
  margin: 0;
}
.form__group--checkbox {
  margin: 20px 0;
}
.form__group--checkbox .form__label {
  font-weight: 600;
}
/***********************************/
/* RADIO */
/***********************************/
.form__radio {
  display: block;
  position: relative;
  margin: 10px 0;
}
.input--radio {
  position: absolute;
  left: -10000000px;
}
.input--radio + .radio-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #DDDDDD;
  background: white;
  border-radius: 50%;
  transition: all 300ms ease-in-out;
}
.input--radio + .radio-text::after {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #7ED321;
  content: " ";
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  transition: all 300ms ease-in-out;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.input--radio + .radio-text:hover {
  color: #7ED321;
}
.input--radio + .radio-text:hover a {
  color: #7ED321;
}
.input--radio + .radio-text:hover::before {
  border: 1px solid #7ED321;
}
.input--radio:checked + .radio-text {
  color: #7ED321;
}
.input--radio:checked + .radio-text::before,
.input--radio:checked:hover + .radio-text::before {
  border: 1px solid #7ED321;
}
.input--radio:checked + .radio-text::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.input--radio:disabled + .radio-text {
  color: #737373;
}
.input--radio:disabled + .radio-text::before,
.input--radio:disabled:hover + .radio-text::before {
  border: 1px solid rgba(221, 221, 221, 0.5);
  cursor: not-allowed;
}
.input--radio:disabled + .radio-text::after {
  background-color: #737373;
}
.radio-text {
  margin-bottom: 0px;
  cursor: pointer;
  overflow: visible;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  vertical-align: top;
  line-height: 18px;
  display: block;
}
.radio-text .form__help-text {
  margin: 0;
}
.form__group--radio {
  margin: 20px 0;
}
.form__group--radio .form__label {
  font-weight: 600;
}
/***********************************/
/* TEXTAREA */
/***********************************/
.textarea {
  border: 1px solid #DDDDDD;
  background-color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding: 5px 10px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  transition: all 300ms ease-in-out;
  min-height: 80px;
}
.textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #737373;
}
.textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #737373;
}
.textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #737373;
}
.textarea:-moz-placeholder {
  /* Firefox 18- */
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #737373;
}
.textarea:focus {
  border: 1px solid #7ED321;
  outline: none;
}
.textarea--autoresize {
  overflow: auto;
  resize: none;
  transition: all 150ms ease-in-out;
  max-height: 400px;
}
/***********************************/
/* SELECT DROPDOWN */
/***********************************/
.select-dropdown {
  border: 1px solid #DDDDDD;
  background-color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  width: 100%;
  padding: 5px 10px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 500;
  transition: all 150ms ease-in-out;
}
.select-dropdown:focus {
  border: 1px solid #7ED321;
  outline: none;
}
/***********************************/
/* SELECT2 DROPDOWN */
/***********************************/
.select2 {
  width: 100% !important;
}
.select2-container .select2-selection--single {
  border: 1px solid #DDDDDD;
  background-color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  transition: all 150ms ease-in-out;
  position: relative;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 20px;
  color: black;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 5px;
  top: 10px;
  z-index: 2;
}
.select2-container .select2-selection--single .select2-selection__arrow::before {
  position: absolute;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  font-size: 18px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-dropdown {
  border-color: #DDDDDD;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.select2-dropdown .select2-search--dropdown {
  padding: 10px;
  position: relative;
  background-color: rgba(242, 242, 242, 0.75);
}
.select2-dropdown .select2-search--dropdown::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\e91f";
  left: 20px;
  top: 16px;
  font-size: 12px;
  z-index: 2;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
  border: 1px solid #DDDDDD;
  background-color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  padding: 5px 10px 5px 28px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  transition: all 150ms ease-in-out;
  outline: none;
  position: relative;
}
.select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  border: 1px solid #7ED321;
  outline: none;
}
.select2-results .select2-results__options .select2-results__option {
  font-size: 16px;
}
.select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #7ED321;
}
.select2-results .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #F2F2F2;
  color: #5C6170;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  body > .select2-container {
    position: fixed !important;
    z-index: 9999;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-height: 100vh;
    box-shadow: 0 0 0 9999px rgba(53, 54, 58, 0.94);
    border-radius: 5px;
  }
  body > .select2-container .select2-dropdown {
    min-width: 300px !important;
    max-height: calc(100vh - 100px);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 3px 2px 2px 2px;
    position: relative;
    left: auto;
    overflow: hidden;
  }
  body > .select2-container .select2-dropdown .select2-search {
    flex: 0 0 auto;
  }
  body > .select2-container .select2-dropdown .select2-results {
    flex: 1 1 auto;
    display: flex;
    max-height: calc(100vh - 160px);
  }
  body > .select2-container .select2-dropdown .select2-results .select2-results__options {
    flex: 1 1 auto;
    max-height: calc(100vh - 160px);
    height: 100%;
  }
  body > .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
    padding: 20px 10px;
    font-size: 18px;
    border-bottom: none;
    position: relative;
  }
  body > .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option::before {
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #F2F2F2;
  }
  .select2-dropdown-opening {
    pointer-events: none;
  }
  .select2-dropdown-open .zq-row,
  .select2-dropdown-open header {
    pointer-events: none;
  }
}
/***********************************/
/* FORM MESSAGES */
/***********************************/
.form__msg {
  margin-top: 5px;
  font-size: 12px;
}
.form__msg--success {
  color: #7ED321;
}
.form__msg--error {
  color: #cc0624;
}
/***********************************/
/* RADIO */
/***********************************/
.form__group--choose-colors .form__label {
  font-weight: 600;
}
.form__color-container::after {
  content: " ";
  display: table;
  clear: both;
}
.form__color {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  background-color: #AAAAAA;
  margin: 4px;
  cursor: pointer;
  position: relative;
}
.form__color::before,
.form__color::after {
  content: ' ';
  display: block;
  position: absolute;
  transition: all 300ms ease-in-out;
  opacity: 0;
}
.form__color::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: white;
  font-size: 20px;
  line-height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.form__color::after {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 1px solid #8DDB2E;
  border-radius: 5px;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.form__color--active::before,
.form__color--active::after {
  opacity: 1;
}
.form__color--active::before {
  font-size: 14px;
  line-height: 14px;
}
.form__color--active::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
/***********************************/
/* FLATPICKR CALENDAR */
/***********************************/
.flatpickr-calendar {
  margin-top: -2px;
  overflow: hidden;
}
.flatpickr-calendar .flatpickr-months {
  height: 46px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  height: 46px;
  padding: 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper span {
  opacity: 1;
  visibility: visible;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  padding: 0;
  height: 46px;
  width: 46px;
  position: relative;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #7ED321;
}
.flatpickr-calendar .flatpickr-day {
  transition: all 300ms ease-in-out;
}
.flatpickr-calendar .flatpickr-day:hover {
  background-color: #F2F2F2;
  border-color: #F2F2F2;
}
.flatpickr-calendar .flatpickr-day.today {
  border-color: #7ED321;
}
.flatpickr-calendar .flatpickr-day.today:hover {
  background-color: transparent;
  border-color: #7ED321;
  color: #5C6170;
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
}
.flatpickr-calendar .flatpickr-day.selected {
  background-color: #7ED321;
  border-color: #7ED321;
}
.flatpickr-calendar .flatpickr-day.selected:hover {
  background-color: #7ED321;
  border-color: #7ED321;
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
}
.flatpickr-calendar .flatpickr-time {
  height: 60px !important;
  max-height: none;
  margin-top: -1px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper {
  height: 60px;
  padding-right: 30px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper input {
  font-size: 24px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper input:hover,
.flatpickr-calendar .flatpickr-time .numInputWrapper input:focus {
  background: transparent;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span {
  opacity: 1;
  width: 30px;
  border: none;
  background-color: #F2F2F2;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span::after {
  border: none;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 2px;
  transition: all 300ms ease-in-out;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after {
  margin-top: -2px;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:hover {
  background-color: #7ED321;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:hover::after {
  color: white;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover,
.flatpickr-calendar .flatpickr-time .numInputWrapper:focus {
  background: transparent;
}
.flatpickr-calendar .flatpickr-time .flatpickr-time-separator {
  line-height: 60px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .flatpickr-calendar {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: fixed;
    -webkit-animation: none !important;
            animation: none !important;
    overflow: visible;
    box-shadow: 0 0 0 9999px rgba(53, 54, 58, 0.94);
  }
  .flatpickr-calendar::before,
  .flatpickr-calendar::after {
    display: none;
  }
  .flatpickr-calendar .flatpickr-time {
    margin-top: 0px;
    border-top: none !important;
  }
}
/***********************************/
/* STRIPE CREDIT CARD */
/***********************************/
.form__field--stripe-credit-card .input--text .__PrivateStripeElement::before {
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  transition: all 300ms ease-in-out;
  opacity: 1;
  visibility: visible;
}
.form__field--stripe-credit-card .input--text.stripeFocused {
  border: 1px solid #7ED321;
  outline: none;
}
.form__field--stripe-credit-card .input--text.StripeElement--invalid {
  border: 1px solid #cc0624;
  color: #cc0624 !important;
}
.form__field--stripe-credit-card .input--text.StripeElement--invalid .ElementsApp .InputElement.is-invalid {
  color: #cc0624;
}
.form__field--stripe-credit-card.form__field--focus .input--text .__PrivateStripeElement::before {
  opacity: 0;
  visibility: hidden;
}
.form__field--stripe-credit-card .form__label {
  cursor: text;
  width: calc(100% - 20px);
}
/***********************************/
/* STRUCTURE */
/***********************************/
body,
html {
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  color: #5C6170;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  height: 100%;
}
body {
  counter-reset: section;
}
a {
  color: #5C6170;
  text-decoration: underline;
  transition: all 300ms ease-in-out;
}
a:hover {
  color: #5C6170;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  text-transform: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #5C6170;
  font-weight: 600;
}
h1 {
  font-size: 56px;
  line-height: 62px;
  margin-bottom: 50px;
}
h2 {
  font-size: 56px;
  line-height: 62px;
  margin-bottom: 50px;
}
h3 {
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 20px;
}
h4 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 20px;
}
h5 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}
p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}
p.exposed {
  font-size: 24px;
  line-height: 30px;
}
ul,
ol {
  font-size: 20px;
  line-height: 30px;
}
.list-with-bullets {
  margin: 0 0 20px 0;
  padding: 0;
}
.list-with-bullets li {
  padding: 0 0 0 20px;
  position: relative;
}
.list-with-bullets li::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background-color: #5C6170;
}
.list-with-bullets--nutrition li::before {
  background-color: #784b9e;
}
.list-with-bullets--business li::before {
  background-color: #233785;
}
.list-with-checkmarks {
  margin: 0 0 20px 0;
  padding: 0;
}
.list-with-checkmarks li {
  padding: 5px 0 5px 40px;
  position: relative;
}
.list-with-checkmarks li::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 24px;
}
.list-with-checkmarks--navigator li::before {
  color: #7ED321;
}
.list-with-checkmarks--nutrition li::before {
  color: #784b9e;
}
.list-with-checkmarks--business li::before {
  color: #233785;
}
.list-with-checkmarks--xpeer li::before {
  color: #FFBF00;
}
strong {
  font-weight: 600;
}
hr {
  margin: 50px 0;
  border: none;
  background-color: #F2F2F2;
  padding: 0;
  height: 1px;
  width: 100%;
}
.color-primary {
  color: #7ED321 !important;
}
.color-secondary {
  color: #8DDB2E !important;
}
.color-navigator {
  color: #7ED321 !important;
}
.color-business {
  color: #233785 !important;
}
.color-nutrition {
  color: #784b9e !important;
}
.color-xpeer {
  color: #FFBF00 !important;
}
.color-green {
  color: #7ED321 !important;
}
.color-red {
  color: #cc0624 !important;
}
.color-white {
  color: #FFFFFF !important;
}
.zq-row {
  padding: 50px 50px 0 50px;
}
.zq-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.zq-container--full-width {
  max-width: none;
  width: 100%;
}
.hidden-part {
  display: none;
}
.openHiddenPart,
.closeHiddenPart {
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
.openHiddenPart--hidden {
  display: none;
}
.show-more-button {
  display: inline;
  text-decoration: underline;
  cursor: pointer;
}
.show-more-button:hover {
  text-decoration: none;
}
.show-more-content {
  display: none;
}
.text-in-qotes__content {
  position: relative;
  font-size: 26px;
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top: 50px;
}
.text-in-qotes__content::before,
.text-in-qotes__content::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
  display: block;
  position: absolute;
  font-size: 28px;
  color: #F2F2F2;
}
.text-in-qotes__content::before {
  top: -10px;
  left: -40px;
}
.text-in-qotes__content::after {
  right: -40px;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.loader {
  display: inline-block;
  position: relative;
  padding-top: 36px;
  font-size: 8px;
  line-height: 10px;
  text-transform: uppercase;
  color: #7ED321;
  text-align: center;
}
.loader::after {
  content: ' ';
  -webkit-animation: dots-loader 2s infinite;
          animation: dots-loader 2s infinite;
  position: absolute;
  margin-left: 2px;
}
.loader::before {
  position: absolute;
  content: ' ';
  display: block;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url('../images/loader.svg') no-repeat center center;
  background-size: 30px;
  width: 30px;
  height: 30px;
}
.dots-loader::after {
  content: ' ';
  -webkit-animation: dots-loader 2s infinite;
          animation: dots-loader 2s infinite;
  position: absolute;
  margin-left: 2px;
}
@-webkit-keyframes dots-loader {
  0% {
    content: ' ';
  }
  33% {
    content: ' .';
  }
  66% {
    content: ' ..';
  }
  100% {
    content: ' ...';
  }
}
@keyframes dots-loader {
  0% {
    content: ' ';
  }
  33% {
    content: ' .';
  }
  66% {
    content: ' ..';
  }
  100% {
    content: ' ...';
  }
}
.loader__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.94);
  z-index: 9999;
}
.loader__overlay .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  h1,
  h2 {
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 52px;
  }
  h3 {
    font-size: 32px;
    line-height: 38px;
  }
  h4 {
    font-size: 22px;
    line-height: 28px;
  }
  h5 {
    font-size: 18px;
    line-height: 22px;
  }
  p,
  ul,
  ol {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 992px) {
  h1,
  h2 {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 46px;
  }
  h3 {
    font-size: 32px;
    line-height: 38px;
  }
  h4 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 768px) {
  h1,
  h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 42px;
  }
  h3 {
    font-size: 28px;
    line-height: 34px;
  }
  h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .zq-container {
    text-align: left;
  }
}
@media (max-width: 550px) {
  h1,
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
  h3 {
    font-size: 22px;
    line-height: 26px;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
  h5 {
    font-size: 16px;
    line-height: 22px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
  }
  p.exposed {
    font-size: 20px;
    line-height: 26px;
  }
  ul,
  ol {
    font-size: 16px;
    line-height: 24px;
  }
  .zq-row {
    padding: 20px 20px 0 20px;
  }
  .text-in-qotes__content {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
/***********************************/
/* HEADER */
/***********************************/
.zq-header {
  position: fixed;
  z-index: 10;
  top: 50px;
  left: 20px;
  right: 20px;
  transition: all 300ms ease-in-out;
  background-color: rgba(53, 54, 58, 0.4);
  border-radius: 30px;
  padding: 0 20px;
  height: 80px;
  box-sizing: border-box;
}
.zq-header .zq-row {
  padding: 0;
}
.zq-header .zq-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: none;
  position: relative;
  transition: all 300ms ease-in-out;
  height: 80px;
}
.zq-header-logo {
  padding: 50px 50px 0 50px;
}
.zq-header-logo__logo-container {
  display: block;
  max-width: 400px;
  margin: 0 auto;
}
body.scrolling .zq-header,
body.header-on-top .zq-header {
  top: 0;
  left: 0;
  right: 0;
  margin-left: 0;
  background-color: rgba(53, 54, 58, 0.94);
  border-radius: 0;
  height: 60px;
}
body.scrolling .zq-header .zq-container,
body.header-on-top .zq-header .zq-container {
  height: 60px;
}
body.scrolling .zq-header__logo,
body.header-on-top .zq-header__logo {
  margin-top: 4px;
}
.zq-header__logo {
  margin: 3px auto 0 auto;
  display: block;
  height: 40px;
}
@media (min-width: 768px) {
  .zq-header__logo {
    display: none;
  }
}
.zq-header__logo.tab {
  display: none;
}
@media (min-width: 768px) {
  .zq-header__logo.tab {
    display: inline-block;
  }
}
.zq-header__desktop-right-navigation {
  display: flex;
  align-items: center;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .zq-header {
    top: 50px;
    left: 20px;
    right: 20px;
    margin-left: 0;
  }
  .zq-header .zq-row {
    padding: 0;
  }
  .zq-header .zq-container {
    max-width: none;
  }
  body.scrolling .zq-header,
  body.header-on-top .zq-header {
    width: auto;
  }
}
@media (max-width: 768px) {
  .zq-header {
    top: 20px;
    left: 20px;
    right: 20px;
  }
  .zq-header-logo {
    padding: 20px 20px 0 20px;
  }
  .zq-header-logo__logo-container {
    max-width: 250px;
  }
}
@media (max-width: 550px) {
  .zq-header {
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(53, 54, 58, 0.94);
    padding: 0 20px;
    border-radius: 0;
    height: 60px;
  }
  .zq-header .zq-container {
    height: 60px;
  }
  .zq-header__logo {
    margin-top: 4px;
  }
}
@media (max-width: 360px) {
  .zq-header__logo {
    margin-top: 2px;
    height: 30px;
  }
  body.scrolling .zq-header__logo,
  body.header-on-top .zq-header__logo {
    margin-top: 2px;
  }
}
/***********************************/
/* DESKTOP NAVIGATION */
/***********************************/
.desktop-navigation {
  display: block;
  font-size: 20px;
  line-height: 24px;
  padding: 0 20px;
}
.desktop-navigation li {
  display: block;
  float: left;
}
.desktop-navigation > li:not(:first-child) {
  margin-left: 20px;
}
.desktop-navigation__link {
  text-decoration: none;
  display: inline-block;
  color: white;
  padding: 10px;
  line-height: 20px;
  transition: all 300ms ease-in-out;
  position: relative;
}
.desktop-navigation__link::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  opacity: 0;
  visibility: hidden;
  height: 2px;
  background-color: white;
  transition: all 300ms ease-in-out;
  z-index: -1;
}
.desktop-navigation__link:hover,
.desktop-navigation__link.desktop-navigation__link--active,
.desktop-navigation__link:focus {
  color: white;
  text-decoration: none;
}
.desktop-navigation__link:hover::before,
.desktop-navigation__link.desktop-navigation__link--active::before,
.desktop-navigation__link:focus::before {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
}
.desktop-navigation__link.desktop-navigation__link--active {
  color: white;
}
.desktop-navigation__link.desktop-navigation__link--active:hover {
  color: white;
}
.desktop-navigation__link--navigator:hover,
.desktop-navigation__link--navigator:focus {
  color: white;
}
.desktop-navigation__link--navigator:hover::before,
.desktop-navigation__link--navigator:focus::before {
  top: 0px;
  bottom: 0px;
  height: 100%;
}
.desktop-navigation__link--navigator::before {
  background-color: #7ED321;
}
.desktop-navigation__link--navigator.desktop-navigation__link--active:hover {
  color: white;
}
.desktop-navigation__link--business:hover,
.desktop-navigation__link--business:focus {
  color: white;
}
.desktop-navigation__link--business:hover::before,
.desktop-navigation__link--business:focus::before {
  top: 0px;
  bottom: 0px;
  height: 100%;
}
.desktop-navigation__link--business::before {
  background-color: #233785;
}
.desktop-navigation__link--business.desktop-navigation__link--active:hover {
  color: white;
}
.desktop-navigation__link--nutrition:hover,
.desktop-navigation__link--nutrition:focus {
  color: white;
}
.desktop-navigation__link--nutrition:hover::before,
.desktop-navigation__link--nutrition:focus::before {
  top: 0px;
  bottom: 0px;
  height: 100%;
}
.desktop-navigation__link--nutrition::before {
  background-color: #784b9e;
}
.desktop-navigation__link--nutrition.desktop-navigation__link--active:hover {
  color: white;
}
.desktop-navigation__link--shop:hover,
.desktop-navigation__link--shop:focus {
  color: #5C6170;
}
.desktop-navigation__link--shop:hover::before,
.desktop-navigation__link--shop:focus::before {
  top: 0px;
  bottom: 0px;
  height: 100%;
}
.desktop-navigation__link--shop::before {
  background-color: white;
}
.desktop-navigation__link--shop.desktop-navigation__link--active:hover {
  color: #5C6170;
}
.desktop-navigation__dropdown-container {
  position: relative;
}
.desktop-navigation__dropdown-container .desktop-navigation__link {
  padding-right: 30px;
}
.desktop-navigation__dropdown-container .desktop-navigation__link::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  content: "\e907";
  color: white;
  font-size: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: all 300ms ease-in-out;
}
.desktop-navigation__dropdown-container .desktop-navigation__link--shop:hover::after,
.desktop-navigation__dropdown-container .desktop-navigation__link--shop:focus::after {
  color: #5C6170;
}
.desktop-navigation__dropdown {
  position: absolute;
  left: 0;
  top: 60px;
  background-color: rgba(53, 54, 58, 0.96);
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 100%;
  transition: all 300ms ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.desktop-navigation__dropdown li {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  transition: all 300ms ease-in-out;
  width: 100%;
  position: relative;
}
.desktop-navigation__dropdown li::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 300ms ease-in-out;
  z-index: 1;
  background-color: #7ed321;
}
.desktop-navigation__dropdown li:hover::before {
  opacity: 1;
}
.desktop-navigation__dropdown--business li::before {
  background-color: #233785;
}
.desktop-navigation__dropdown--nutrition li::before {
  background-color: #784b9e;
}
.desktop-navigation__dropdown--packages .desktop-navigation__dropdown-list--qlp::before {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.desktop-navigation__dropdown--packages .desktop-navigation__dropdown-list--qtp::before {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.desktop-navigation__dropdown--shop .desktop-navigation__dropdown-list--navigator::before {
  background-color: #7ED321;
}
.desktop-navigation__dropdown--shop .desktop-navigation__dropdown-list--business::before {
  background-color: #233785;
}
.desktop-navigation__dropdown--shop .desktop-navigation__dropdown-list--nutrition::before {
  background-color: #784b9e;
}
.desktop-navigation__dropdown--shop .desktop-navigation__dropdown-list--packages::before {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.desktop-navigation__dropdown--open {
  visibility: visible;
  opacity: 1;
}
.desktop-navigation__dropdown--open li {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.desktop-navigation__dropdown-link {
  position: relative;
  display: block;
  white-space: nowrap;
  color: white;
  text-decoration: none;
  font-weight: 300;
  transition: all 300ms ease-in-out;
  padding: 8.33333333px 12.5px;
  z-index: 3;
  width: 100%;
}
.desktop-navigation__dropdown-link:hover {
  color: white;
}
body.scrolling .desktop-navigation__dropdown,
body.header-on-top .desktop-navigation__dropdown {
  top: 50px;
  background-color: rgba(53, 54, 58, 0.9);
}
.zq-header__button--log-in {
  box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.4);
  color: white;
  display: block;
  float: right;
}
/* RESPONSIVE */
@media (max-width: 1800px) {
  .desktop-navigation {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 1600px) {
  .desktop-navigation {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
  }
  .desktop-navigation > li:not(:first-child) {
    margin-left: 10px;
  }
}
@media (max-width: 1400px) {
  .desktop-navigation {
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
  }
  .desktop-navigation > li:not(:first-child) {
    margin-left: 0;
  }
}
@media (max-width: 1280px) {
  .desktop-navigation > li:first-child {
    display: none;
  }
}
/***********************************/
/* MOBILE NAVIGATION */
/***********************************/
.zq-header__mobile-navigation {
  display: none;
}
.mobile-navigation__container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(53, 54, 58, 0.98);
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-in-out;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -9999;
}
.mobile-navigation__container .zq-header__language-dropdown {
  float: none;
  position: relative;
  display: inline-block;
}
.mobile-navigation__container .language-dropdown__dropdown {
  background-color: rgba(53, 54, 58, 0.96);
  top: 45px;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  z-index: 9999;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
}
.mobile-navigation__container .zq-header__button--log-in {
  float: none;
  display: inline-block;
}
.mobile-navigation__scroll-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 50px;
}
.mobile-navigation {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  box-sizing: border-box;
  margin: 0;
  list-style: none;
  text-align: center;
}
.mobile-navigation li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-navigation li:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-navigation__link {
  color: white;
  text-decoration: none;
  transition: all 300ms ease-in-out;
  padding: 20px;
  font-size: 24px;
  line-height: 30px;
  display: block;
  position: relative;
}
.mobile-navigation__link::before {
  position: absolute;
  content: ' ';
  display: block;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 3px;
  background-color: white;
  opacity: 0;
  transition: all 300ms ease-in-out;
  z-index: -1;
}
.mobile-navigation__link:hover {
  color: white;
}
.mobile-navigation__link:hover::before {
  opacity: 1;
  bottom: 0;
}
.mobile-navigation__link.mobile-navigation__link--active,
.mobile-navigation__link.mobile-navigation__link--dropdown-open {
  color: #5C6170;
}
.mobile-navigation__link.mobile-navigation__link--active:hover,
.mobile-navigation__link.mobile-navigation__link--dropdown-open:hover {
  color: #5C6170;
}
.mobile-navigation__link.mobile-navigation__link--active::before,
.mobile-navigation__link.mobile-navigation__link--dropdown-open::before {
  opacity: 1;
  bottom: 0;
  top: 0;
  height: auto;
}
.mobile-navigation__link--navigator.mobile-navigation__link--active,
.mobile-navigation__link--navigator.mobile-navigation__link--dropdown-open {
  color: white;
}
.mobile-navigation__link--navigator.mobile-navigation__link--active:hover,
.mobile-navigation__link--navigator.mobile-navigation__link--dropdown-open:hover {
  color: white;
}
.mobile-navigation__link--navigator::before {
  background-color: #7ED321;
  top: 0;
  bottom: 0;
  height: auto;
}
.mobile-navigation__link--business.mobile-navigation__link--active,
.mobile-navigation__link--business.mobile-navigation__link--dropdown-open {
  color: white;
}
.mobile-navigation__link--business.mobile-navigation__link--active:hover,
.mobile-navigation__link--business.mobile-navigation__link--dropdown-open:hover {
  color: white;
}
.mobile-navigation__link--business::before {
  background-color: #233785;
  top: 0;
  bottom: 0;
  height: auto;
}
.mobile-navigation__link--nutrition.mobile-navigation__link--active,
.mobile-navigation__link--nutrition.mobile-navigation__link--dropdown-open {
  color: white;
}
.mobile-navigation__link--nutrition.mobile-navigation__link--active:hover,
.mobile-navigation__link--nutrition.mobile-navigation__link--dropdown-open:hover {
  color: white;
}
.mobile-navigation__link--nutrition::before {
  background-color: #784b9e;
  top: 0;
  bottom: 0;
  height: auto;
}
.mobile-navigation__link--shop.mobile-navigation__link--active,
.mobile-navigation__link--shop.mobile-navigation__link--dropdown-open {
  color: #5C6170;
}
.mobile-navigation__link--shop.mobile-navigation__link--active:hover,
.mobile-navigation__link--shop.mobile-navigation__link--dropdown-open:hover {
  color: #5C6170;
}
.mobile-navigation__link--shop:hover {
  color: #5C6170;
}
.mobile-navigation__link--shop::before {
  background-color: white;
  top: 0;
  bottom: 0;
  height: auto;
}
.mobile-navigation__top {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 50px 0;
}
.mobile-navigation__dropdown-container {
  position: relative;
}
.mobile-navigation__open-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background-color: #35363A;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 300ms ease-in-out;
}
.mobile-navigation__open-dropdown::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\e907";
  color: white;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 300ms ease-in-out;
}
.mobile-navigation__open-dropdown--navigator:hover {
  background-color: #7ED321;
}
.mobile-navigation__open-dropdown--nutrition:hover {
  background-color: #784b9e;
}
.mobile-navigation__open-dropdown--business:hover {
  background-color: #233785;
}
.mobile-navigation__open-dropdown--shop:hover {
  background-color: white;
}
.mobile-navigation__open-dropdown--shop:hover:before {
  color: #5C6170;
}
.mobile-navigation__open-dropdown--open::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.mobile-navigation__dropdown {
  display: none;
}
.mobile-navigation__dropdown li:last-child {
  border-bottom: none;
}
.mobile-navigation__dropdown-link {
  color: #cccccc;
  text-decoration: none;
  transition: all 300ms ease-in-out;
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  position: relative;
  background-color: rgba(255, 255, 255, 0.05);
}
.mobile-navigation__dropdown-link:hover {
  color: white;
}
.mobile-navigation__menu-button,
.mobile-navigation__shopping-cart {
  position: relative;
  display: block;
  height: 80px;
  width: 80px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 25px;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 300ms ease-in-out;
  outline: none;
  box-sizing: border-box;
}
.mobile-navigation__menu-button::before,
.mobile-navigation__shopping-cart::before {
  display: block;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 30px;
  color: white;
  position: absolute;
  top: 20px;
  left: 13px;
  transition: all 300ms ease-in-out;
}
.mobile-navigation__menu-button span,
.mobile-navigation__shopping-cart span {
  display: block;
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  position: absolute;
  bottom: 12px;
  width: 100%;
  text-align: center;
  transition: all 300ms ease-in-out;
}
.mobile-navigation__menu-button:hover,
.mobile-navigation__shopping-cart:hover {
  background-color: #7ED321;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.8);
}
.mobile-navigation__menu-button {
  margin-left: 10px;
  right: 0;
}
.mobile-navigation__menu-button::before {
  content: "\e900";
}
.mobile-navigation__shopping-cart {
  right: 90px;
}
.mobile-navigation__shopping-cart .shopping-cart__items {
  left: 34px;
  top: 20px;
}
.mobile-navigation__shopping-cart::before {
  content: "\e972";
}
.mobile-navigation__shopping-cart--has-items {
  background-color: #7ED321;
}
body.scrolling .mobile-navigation__menu-button,
body.header-on-top .mobile-navigation__menu-button,
body.scrolling .mobile-navigation__shopping-cart,
body.header-on-top .mobile-navigation__shopping-cart {
  right: 0;
  top: 0;
  border-right-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-top-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  height: 60px;
  width: 60px;
  margin: 0;
}
body.scrolling .mobile-navigation__menu-button::before,
body.header-on-top .mobile-navigation__menu-button::before,
body.scrolling .mobile-navigation__shopping-cart::before,
body.header-on-top .mobile-navigation__shopping-cart::before {
  top: 9px;
}
body.scrolling .mobile-navigation__menu-button span,
body.header-on-top .mobile-navigation__menu-button span,
body.scrolling .mobile-navigation__shopping-cart span,
body.header-on-top .mobile-navigation__shopping-cart span {
  bottom: 7px;
}
body.scrolling .mobile-navigation__shopping-cart .shopping-cart__items,
body.header-on-top .mobile-navigation__shopping-cart .shopping-cart__items {
  left: 25px;
  top: 10px;
}
.mobile-navigation__close {
  height: 60px;
  width: 60px;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 300ms ease-in-out;
  outline: none;
  z-index: 9999;
}
.mobile-navigation__close:before {
  display: block;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  font-size: 30px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 300ms ease-in-out;
}
.mobile-navigation__close:hover {
  background-color: #7ED321;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.8);
}
.mobile-navigation__container--open {
  z-index: 9999;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  body.mobile-navigation-open {
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  .zq-header__desktop-right-navigation,
  .desktop-navigation {
    display: none;
  }
  .zq-header__mobile-navigation {
    position: absolute;
    width: calc(74%);
    top: 0;
    right: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .zq-header__mobile-navigation {
    gap: 12px;
  }
}
@media (max-width: 550px) {
  .mobile-navigation__scroll-content {
    padding: 20px;
  }
  .mobile-navigation__menu-button,
  .mobile-navigation__shopping-cart {
    position: relative;
    right: 0;
    top: 0;
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-radius: 0;
    height: 60px;
    width: 60px;
  }
  .mobile-navigation__menu-button::before,
  .mobile-navigation__shopping-cart::before {
    top: 11px;
  }
  .mobile-navigation__menu-button span,
  .mobile-navigation__shopping-cart span {
    bottom: 8px;
  }
  .mobile-navigation__shopping-cart {
    position: relative;
  }
  .mobile-navigation__shopping-cart .shopping-cart__items {
    left: 25px;
    top: 10px;
  }
}
/***********************************/
/* SHOPPING CART */
/***********************************/
.zq-header__shopping-cart {
  float: right;
  position: relative;
  box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.4);
  padding-left: 50px;
  color: white;
  margin-right: 10px;
}
@media (min-width: 1200px) {
  .zq-header__shopping-cart {
    margin-right: 20px;
  }
}
.zq-header__shopping-cart::before {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e972";
  color: white;
  font-size: 22px;
  transition: all 300ms ease-in-out;
  margin-left: -1px;
}
.zq-header__shopping-cart:hover {
  color: #5C6170;
}
.zq-header__shopping-cart:hover .shopping-cart__items {
  background-color: #5C6170;
  color: white;
}
.zq-header__shopping-cart:hover::before {
  color: #5C6170;
}
.zq-header__shopping-cart--has-items {
  background-color: #7ED321;
}
.zq-header__shopping-cart--has-items.button--white.button--outline {
  border-color: #7ED321;
}
.zq-header__shopping-cart--has-items:hover.button--white.button--outline {
  border-color: white;
}
.shopping-cart__items {
  border-radius: 50%;
  color: #5C6170;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
  width: 14px;
  height: 14px;
  background-color: white;
  position: absolute;
  left: 25px;
  top: 4px;
  font-weight: 700;
  transition: all 300ms ease-in-out;
}
/***********************************/
/* LANGUAGE DROPDOWN */
/***********************************/
.zq-header__language-dropdown {
  float: right;
  position: relative;
}
.zq-header__language-dropdown .desktop-navigation__link {
  padding-right: 30px;
}
.zq-header__language-dropdown .desktop-navigation__link::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  content: "\e907";
  color: white;
  font-size: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.language-dropdown__button {
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 50%;
  color: white;
  margin-right: 10px;
  transition: all 300ms ease-in-out;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .language-dropdown__button {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .language-dropdown__button {
    margin-right: 20px;
  }
}
.language-dropdown__button img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  transition: all 300ms ease-in-out;
}
.language-dropdown__button:hover img {
  box-shadow: 0 0 30px 0 rgba(242, 242, 242, 0.5);
}
.language-dropdown__dropdown {
  position: absolute;
  left: -10px;
  top: 60px;
  background-color: rgba(53, 54, 58, 0.96);
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 300ms ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.language-dropdown__dropdown li {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  transition: all 300ms ease-in-out;
  width: 100%;
}
.language-dropdown__dropdown--open {
  visibility: visible;
  opacity: 1;
}
.language-dropdown__dropdown--open li {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.language-dropdown__link {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: white;
  text-decoration: none;
  font-weight: 300;
  transition: all 300ms ease-in-out;
  padding: 8.33333333px 12.5px;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
}
.language-dropdown__link img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.language-dropdown__link:hover {
  color: #5C6170;
  background-color: white;
}
body.scrolling .language-dropdown__dropdown,
body.header-on-top .language-dropdown__dropdown {
  top: 50px;
  background-color: rgba(53, 54, 58, 0.9);
}
/***********************************/
/* PRICE CONTAINER */
/***********************************/
.price-container sup {
  font-size: 50%;
  line-height: 50%;
  vertical-align: super;
}
.price-container__valued-at {
  display: inline;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
.price-container__price-old {
  font-size: 16px;
  line-height: 16px;
  color: #AAAAAA;
}
.price-container__price-new {
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
}
.price-container__payment-plan {
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
  margin-top: 10px;
}
.price-container__payment-plan span {
  font-size: 16px;
  line-height: 16px;
  display: block;
  color: #AAAAAA;
  font-weight: 300;
  margin-bottom: 5px;
}
.price-container__small-text {
  font-size: 12px;
  line-height: 16px;
  color: #AAAAAA;
}
/***********************************/
/* DISCOUNT */
/***********************************/
.discount {
  background-color: #FFA800;
  color: white;
  font-weight: 700;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
/***********************************/
/* BREADCRUMBS */
/***********************************/
.zq-breadcrumbs {
  padding-top: 70px;
  padding-bottom: 10px;
}
.zq-breadcrumbs a {
  text-decoration: none;
}
.zq-breadcrumbs a:hover {
  text-decoration: underline;
}
/***********************************/
/* SOCIAL LOGIN */
/***********************************/
.social-login {
  padding-top: 10px;
  margin-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.social-login .button {
  margin: 10px 10px 0 10px;
}
/***********************************/
/* ROW ITEMS */
/***********************************/
.row-items__item {
  background-color: #F2F2F2;
  padding: 10px 20px;
  text-align: left;
  margin-top: 20px;
}
.row-items__item:first-of-type {
  margin-top: 0;
}
.row-items__title {
  font-size: 24px;
  line-height: 30px;
}
.row-items__content {
  margin-top: 10px;
}
/* RESPONSIVE */
/***********************************/
/* GRID ITEMS */
/***********************************/
.grid-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  margin-left: -50px;
  margin-right: -50px;
}
.grid-items--smaller-padding {
  margin-left: -20px;
  margin-right: -20px;
}
.grid-items--smaller-padding .grid-items__item {
  margin: 20px 20px 0 20px;
}
.grid-items--smaller-padding.grid-items--column-2 .grid-items__item {
  width: calc((100% - 2 * 40px) / 2);
}
.grid-items--smaller-padding.grid-items--column-3 .grid-items__item {
  width: calc((100% - 3 * 40px) / 3);
}
.grid-items--smaller-padding.grid-items--column-4 .grid-items__item {
  width: calc((100% - 4 * 40px) / 4);
}
.grid-items--smaller-padding.grid-items--column-5 .grid-items__item {
  width: calc((100% - 5 * 40px) / 5);
}
.grid-items--smaller-padding.grid-items--column-6 .grid-items__item {
  width: calc((100% - 6 * 40px) / 6);
}
.grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-2 .grid-items__item {
  width: calc((100% - 2 * 40px - 1 * 50px) / 2);
}
.grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-3 .grid-items__item {
  width: calc((100% - 3 * 40px - 2 * 50px) / 3);
}
.grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-4 .grid-items__item {
  width: calc((100% - 4 * 40px - 3 * 50px) / 4);
}
.grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-5 .grid-items__item {
  width: calc((100% - 5 * 40px - 4 * 50px) / 5);
}
.grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-6 .grid-items__item {
  width: calc((100% - 6 * 40px - 5 * 50px) / 6);
}
.grid-items--with-icons-between.grid-items--column-2 .grid-items__item {
  width: calc((100% - 2 * 100px - 1 * 50px) / 2);
}
.grid-items--with-icons-between.grid-items--column-3 .grid-items__item {
  width: calc((100% - 3 * 100px - 2 * 50px) / 3);
}
.grid-items--with-icons-between.grid-items--column-4 .grid-items__item {
  width: calc((100% - 4 * 100px - 3 * 50px) / 4);
}
.grid-items--with-icons-between.grid-items--column-5 .grid-items__item {
  width: calc((100% - 5 * 100px - 4 * 50px) / 5);
}
.grid-items--with-icons-between.grid-items--column-6 .grid-items__item {
  width: calc((100% - 6 * 100px - 5 * 50px) / 6);
}
.grid-items--column-2 .grid-items__item {
  width: calc((100% - 2 * 100px) / 2);
}
.grid-items--column-3 .grid-items__item {
  width: calc((100% - 3 * 100px) / 3);
}
.grid-items--column-4 .grid-items__item {
  width: calc((100% - 4 * 100px) / 4);
}
.grid-items--column-5 .grid-items__item {
  width: calc((100% - 5 * 100px) / 5);
}
.grid-items--column-6 .grid-items__item {
  width: calc((100% - 6 * 100px) / 6);
}
.grid-items--align-all-to-top .grid-items__content {
  margin: 0;
}
.grid-items__item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 50px 50px 0 50px;
}
.grid-items__icon-between {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  width: 50px;
}
.grid-items__icon-between::before {
  font-size: 50px;
}
.grid-items__icon {
  font-size: 80px;
  text-align: center;
  margin-bottom: 20px;
}
.grid-items__title {
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 10px;
}
.grid-items__content {
  margin: auto 0 0 0;
  font-size: 20px;
  line-height: 30px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .grid-items--column-3 .grid-items__item {
    width: calc((100% - 2 * 40px) / 2);
  }
  .grid-items--column-3 .grid-items__item {
    width: calc((100% - 3 * 40px) / 3);
  }
  .grid-items--column-4 .grid-items__item {
    width: calc((100% - 4 * 40px) / 4);
  }
  .grid-items--column-5 .grid-items__item {
    width: calc((100% - 5 * 40px) / 5);
  }
  .grid-items--column-6 .grid-items__item {
    width: calc((100% - 6 * 40px) / 6);
  }
  .grid-items__item {
    margin: 20px 20px 0 20px;
  }
  .grid-items--with-icons-between.grid-items--column-4 .grid-items__item {
    width: 100%;
  }
  .grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-4 {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }
  .grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-4 .grid-items__item {
    width: 100%;
    max-width: 500px;
    margin: 0;
  }
  .grid-items--smaller-padding.grid-items--with-icons-between.grid-items--column-4 .grid-items__icon-between {
    margin: 20px 0;
  }
  .grid-items__title {
    font-size: 24px;
    line-height: 32px;
  }
  .grid-items__content {
    margin: auto 0 0 0;
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 1600px) {
  .grid-items--column-4 .grid-items__item,
  .grid-items--column-5 .grid-items__item {
    width: calc((100% - 2 * 40px) / 2);
    margin: 20px;
  }
  .grid-items--column-6 .grid-items__item {
    width: calc((100% - 3 * 40px) / 3);
    margin: 20px;
  }
  .grid-items--smaller-padding.grid-items--column-4 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-5 .grid-items__item {
    width: calc((100% - 2 * 40px) / 2);
    margin: 20px 10px;
  }
  .grid-items--smaller-padding.grid-items--column-6 .grid-items__item {
    width: calc((100% - 3 * 40px) / 3);
    margin: 20px 10px;
  }
}
@media (max-width: 1200px) {
  .grid-items {
    padding: 10px 0;
  }
  .grid-items--column-2 .grid-items__item,
  .grid-items--column-3 .grid-items__item,
  .grid-items--column-6 .grid-items__item {
    width: calc((100% - 2 * 40px) / 2);
    margin: 20px;
  }
  .grid-items--smaller-padding.grid-items--column-2 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-3 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-6 .grid-items__item {
    width: calc((100% - 2 * 40px) / 2);
    margin: 20px 10px;
  }
}
@media (max-width: 550px) {
  .grid-items {
    margin-left: -20px;
    margin-right: -20px;
  }
  .grid-items--column-2 .grid-items__item,
  .grid-items--column-3 .grid-items__item,
  .grid-items--column-4 .grid-items__item,
  .grid-items--column-5 .grid-items__item,
  .grid-items--column-6 .grid-items__item {
    width: 100%;
    margin: 20px;
  }
  .grid-items--smaller-padding.grid-items--column-2 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-3 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-4 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-5 .grid-items__item,
  .grid-items--smaller-padding.grid-items--column-6 .grid-items__item {
    width: 100%;
    margin: 10px;
  }
}
/***********************************/
/* HTML STRONG ELEMENT AS BLOCK */
/***********************************/
.exposed__strong-as-row strong {
  display: block;
  font-size: 36px;
  line-height: 46px;
  font-weight: 300;
}
/***********************************/
/* TABLE */
/***********************************/
.table {
  width: 100%;
  max-width: none;
  margin: 0;
}
.table thead tr th,
.table tbody tr th,
.table thead tr td,
.table tbody tr td {
  padding: 10px 10px 10px 0;
  vertical-align: middle;
  text-align: left;
}
.table thead tr th:last-child,
.table tbody tr th:last-child,
.table thead tr td:last-child,
.table tbody tr td:last-child {
  text-align: right;
  padding-right: 0;
}
.table thead tr th {
  border-bottom: 1px solid #e5e5e5;
  color: #AAAAAA;
  background-color: rgba(242, 242, 242, 0.2);
  font-size: 10px;
  line-height: 10px;
  vertical-align: bottom;
}
.table tbody tr td {
  border-top: 1px solid #e5e5e5;
}
.table tfoot tr td {
  border-top: 1px solid #e5e5e5;
}
.table tfoot tr td strong {
  font-weight: 700;
}
.table .table__total-footer tr td {
  border-top: 1px solid #e5e5e5;
  padding: 20px 10px;
  color: #7ED321;
  font-size: 18px;
  line-height: 24px;
}
.table .table__total-footer tr td strong {
  font-weight: 700;
}
.table .table__total-footer tr td .table__total-explain {
  color: #AAAAAA;
  margin-top: 5px;
  font-size: 12px;
  line-height: 16px;
}
/***********************************/
/* STEPS */
/***********************************/
.steps__container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.steps__step {
  position: relative;
  flex: 1 0 auto;
  text-align: center;
  padding-top: 20px;
}
.steps__step::before {
  display: block;
  content: ' ';
  position: absolute;
  height: 2px;
  background-color: #DDDDDD;
  left: 0;
  right: 0;
  top: 0;
}
.steps__step:first-of-type::before {
  left: 50%;
}
.steps__step:last-of-type::before {
  right: 50%;
}
.steps__step strong {
  display: block;
  position: relative;
  font-weight: 400;
}
.steps__step strong::before,
.steps__step strong::after {
  display: block;
  content: ' ';
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
}
.steps__step strong::before {
  width: 30px;
  height: 30px;
  background-color: white;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.steps__step--current strong {
  color: #7ED321;
}
.steps__step--current strong::after {
  top: -26px;
  width: 12px;
  height: 12px;
  background-color: #7ED321;
}
.steps__step--done strong::before {
  background-color: #7ED321;
}
.steps__step--done strong::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  top: -29px;
  font-size: 14px;
  color: white;
}
.steps__step--waiting strong::after {
  content: '?';
  top: -30px;
  font-size: 18px;
  font-weight: 700;
  color: #AAAAAA;
}
.steps__step--failed strong::before {
  background-color: #cc0624;
}
.steps__step--failed strong::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  top: -30px;
  font-size: 14px;
  color: white;
}
.page--nutrition .steps__step--current strong {
  color: #784b9e;
}
.page--nutrition .steps__step--current strong::after {
  background-color: #784b9e;
}
.page--nutrition .steps__step--done strong::before {
  background-color: #784b9e;
}
.page--business .steps__step--current strong {
  color: #233785;
}
.page--business .steps__step--current strong::after {
  background-color: #233785;
}
.page--business .steps__step--done strong::before {
  background-color: #233785;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .steps__step strong {
    font-size: 0;
    line-height: 0;
  }
  .steps__step--done strong::after {
    top: -20px;
  }
  .steps__step--failed strong::after {
    top: -20px;
  }
  .steps__step--waiting strong::after {
    top: -20px;
  }
}
/************************/
/* PAGINATION */
/************************/
.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  margin-top: 15px;
}
.pagination__button {
  border: 1px solid #F2F2F2;
  border-radius: 5px;
  height: 34px;
  min-width: 34px;
  line-height: 14px;
  text-align: center;
  box-sizing: border-box;
  padding: 9px 10px;
  margin: 5px;
  position: relative;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.pagination__button:hover {
  color: #5C6170;
  border-color: #5C6170;
}
.pagination__button--previous::before,
.pagination__button--next::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  display: block;
  position: absolute;
  left: 9px;
  top: 50%;
}
.pagination__button--previous::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.pagination__button--next::before {
  -webkit-transform: translateY(-50%) rotate(270deg);
          transform: translateY(-50%) rotate(270deg);
}
.pagination__button--current {
  background-color: #5C6170;
  color: white;
  border-color: #5C6170;
}
.pagination__button--current:hover {
  background-color: #5C6170;
  color: white;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination__go-to {
    position: static;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    justify-content: center;
  }
}
/************************/
/* LOGO CONTAINER */
/************************/
.logo__container {
  text-align: center;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}
.logo__container .slick-slide > div {
  width: 100%;
}
.logo__item {
  flex: 1 1 auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  min-width: 150px;
}
.logo__item a {
  display: block;
}
.logo__item img {
  display: block;
  max-width: 160px;
  max-height: 70px;
  position: relative;
  z-index: 2;
}
/************************/
/* CAROUSEL */
/************************/
.carousel {
  position: relative !important;
  padding-bottom: 40px;
  margin: 0 auto;
}
.carousel.slick-slider {
  position: static;
}
.carousel .slick-list {
  padding: 0;
}
.carousel .slick-track {
  display: flex;
  align-items: stretch;
}
.carousel .slick-slide {
  margin: 0 20px;
  height: auto;
  min-height: 0;
  display: flex !important;
  align-items: stretch;
}
.carousel .slick-slide > div {
  display: flex;
  align-items: stretch;
}
.carousel .slick-prev,
.carousel .slick-next {
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: -20px;
}
.carousel .slick-prev::before,
.carousel .slick-next::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  color: #5C6170;
  font-size: 30px;
  display: block;
  transition: all 300ms ease-in-out;
}
.carousel .slick-prev:focus::before,
.carousel .slick-next:focus::before {
  opacity: 0.1;
}
.carousel .slick-prev:focus:hover:before,
.carousel .slick-next:focus:hover:before {
  opacity: 1;
}
.carousel .slick-prev:hover::before,
.carousel .slick-next:hover::before {
  opacity: 1;
}
.carousel .slick-prev {
  left: 0px;
}
.carousel .slick-prev::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.carousel .slick-next {
  right: 0px;
}
.carousel .slick-next::before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.carousel .slick-dots {
  width: auto;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.carousel .slick-dots li {
  width: 10px;
  height: 10px;
  padding: 5px;
  margin: 0;
}
.carousel .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #5C6170;
  opacity: 0.1;
  padding: 0;
  transition: all 300ms ease-in-out;
  border-radius: 50%;
}
.carousel .slick-dots li button::before {
  display: none;
}
.carousel .slick-dots li button:hover {
  opacity: 0.4;
}
.carousel .slick-dots li.slick-active button {
  opacity: 1;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .carousel {
    margin: 0 -50px;
  }
}
@media (max-width: 650px) {
  .carousel .slick-slide {
    margin: 20px 30px;
  }
}
@media (max-width: 550px) {
  .carousel {
    margin: 0 -20px;
  }
}
/***********************************/
/* POPUP */
/***********************************/
.zq-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  visibility: hidden;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
  transition: all 300ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zq-popup::before {
  content: ' ';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(53, 54, 58, 0.94);
}
.zq-popup .mobile-navigation__close {
  background-color: #1d1d1f;
}
.zq-popup .mobile-navigation__close:hover {
  background-color: #7ED321;
}
body.zq-popup-open {
  overflow: hidden;
}
body.zq-popup-open .zq-popup--open {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.zq-popup--video .zq-popup__container {
  background-color: black;
  width: 90%;
  max-width: 1100px;
  padding: 10px;
}
.zq-popup__container {
  background-color: white;
  padding: 50px;
  z-index: 100;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  max-height: calc(100% - 100px);
  margin: 50px;
  display: flex;
  flex-direction: column;
}
.zq-popup__content {
  overflow: auto;
  flex: 1 1 auto;
  padding-bottom: 20px;
}
.zq-popup__buttons {
  margin: auto -50px -50px -50px;
  padding: 10px 50px;
  background-color: #F2F2F2;
  display: flex;
}
.zq-popup__buttons-spacer {
  flex: 1 1 auto;
}
.zq-popup__close-button {
  width: 60px;
  height: 60px;
}
.zq-popup__close-button::before {
  content: ' ';
  display: block;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 28px;
}
.zq-popup__close-button:hover {
  background-color: #7ED321;
}
.zq-popup__close-button:hover::before {
  color: white;
}
.zq-video__container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 0 0 56.25% 0;
}
.zq-video__container iframe,
.zq-video__container object,
.zq-video__container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-popup__container {
    padding: 20px;
    max-height: calc(100% - 40px);
    margin: 20px;
  }
  .zq-popup__buttons {
    margin: auto -20px -20px -20px;
    padding: 10px 20px;
  }
}
/************************/
/* FAQ */
/************************/
.zq-faq {
  padding-bottom: 50px;
}
.zq-faq__container {
  margin: 0 -20px;
}
.zq-faq__item {
  border: 1px solid #F2F2F2;
  border-radius: 25px;
  margin-bottom: 20px;
  transition: all 300ms ease-in-out;
}
.zq-faq__item:hover {
  border-color: #5C6170;
}
.zq-faq__item--active {
  border-color: #5C6170;
}
.zq-faq__item--active .zq-faq__question::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.zq-faq__question {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  cursor: pointer;
  position: relative;
  padding: 20px 50px 20px 20px;
  transition: all 300ms ease-in-out;
}
.zq-faq__question:hover::after {
  color: #5C6170;
}
.zq-faq__question::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  transition: all 300ms ease-in-out;
  color: #AAAAAA;
}
.zq-faq__answer {
  display: none;
  padding: 0 20px 20px 20px;
}
.zq-faq__answer p:first-of-type {
  margin-top: 0;
}
.zq-faq__answer p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-faq__question {
    font-size: 18px;
    line-height: 24px;
  }
}
/***********************************/
/* FOOTER */
/***********************************/
.zq-footer {
  background-color: #35363A;
  color: #737373;
  margin: auto 0 0 0;
  width: 100%;
}
.zq-footer .zq-row {
  padding-top: 20px;
  padding-bottom: 20px;
}
.zq-footer .zq-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.zq-footer p {
  color: #AAAAAA;
  font-size: 12px;
  margin: 10px 0;
  line-height: 16px;
}
.zq-footer p a {
  color: #AAAAAA;
}
.zq-footer h6 {
  color: #AAAAAA !important;
}
.zq-footer__logo {
  margin-bottom: 10px;
}
.zq-footer__contact-info h6 {
  font-size: 16px;
  margin: 0;
}
.zq-footer__footer-navigation {
  padding: 45px 20px 0 0;
  box-sizing: border-box;
}
.zq-footer__footer-navigation ul {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}
.zq-footer__footer-navigation ul li {
  position: relative;
  padding-left: 14px;
}
.zq-footer__footer-navigation ul li a:hover {
  color: white;
}
.zq-footer__footer-navigation ul li::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: white;
}
.zq-footer__footer-navigation a {
  color: #AAAAAA;
  text-decoration: none;
}
.zq-footer__footer-navigation a:hover {
  color: #7ED321;
}
.zq-footer__footer-navigation-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  display: inline-block;
}
.zq-footer__footer-navigation-title--zeequest {
  background-color: white;
  color: #5C6170;
}
.zq-footer__footer-navigation-title--navigator {
  background-color: #7ED321;
  color: white;
}
.zq-footer__footer-navigation-title--nutrition {
  background-color: #784b9e;
  color: white;
}
.zq-footer__footer-navigation-title--business {
  background-color: #233785;
  color: white;
}
.zq-footer__contact-us {
  text-align: right;
}
.zq-footer__contact-us h4 {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 10px 0;
  color: white !important;
}
.zq-footer__contact-us h5 {
  font-size: 14px;
  line-height: 18px;
  margin: 20px 0 5px 0;
  color: white !important;
}
.zq-footer__contact-us a:hover {
  color: #5C6170;
}
.zq-footer--shop .zq-container {
  justify-content: space-between;
  flex-wrap: wrap;
}
.zq-footer--shop .zq-footer__logo-container {
  width: 100%;
  text-align: center;
  margin: 10px 0 20px 0;
}
.zq-footer--shop .zq-footer__contact-info {
  width: 30%;
  text-align: center;
  margin-bottom: 50px;
}
.zq-footer--shop .zq-footer__contact-info h6 {
  margin-bottom: 10px;
}
.zq-footer--shop .zq-contact-us__address {
  color: #AAAAAA;
}
.zq-footer--shop .zq-contact-us__contact-details a,
.zq-footer--shop .zq-contact-us__contact-details strong {
  display: inline;
  color: #AAAAAA;
  font-size: 14px;
  line-height: 18px;
}
.zq-footer--shop .zq-contact-us__contact-details a:hover {
  text-decoration: none;
  color: white;
}
.zq-footer--shop .zq-footer__footer-navigation {
  padding-top: 0;
  margin-bottom: 20px;
  width: 50%;
}
.zq-footer--shop .zq-footer__footer-navigation h4 {
  color: white;
}
.zq-footer--shop .zq-footer__contact-us {
  width: 50%;
  text-align: right;
  padding: 0 0 20px 0;
}
.zq-footer--shop .zq-footer__contact-us h4 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 10px;
  color: white;
}
.engage-with-us__social-icons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
.engage-with-us__social-icons li {
  margin: 0 5px;
}
.social-icon {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-decoration: none;
  position: relative;
  transition: all 300ms ease-in-out;
}
.social-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 300ms ease-in-out;
  color: white;
}
.social-icon.icon-facebook {
  background-color: transparent;
}
.social-icon.icon-facebook:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.social-icon.icon-instagram {
  background-color: transparent;
}
.social-icon.icon-instagram:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.social-icon.icon-twitter {
  background-color: transparent;
}
.social-icon.icon-twitter:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.social-icon.icon-linkedin {
  background-color: transparent;
}
.social-icon.icon-linkedin:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.social-icon.icon-telegram {
  background-color: transparent;
}
.social-icon.icon-telegram:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.social-icon.icon-youtube {
  background-color: transparent;
}
.social-icon.icon-youtube:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.social-icon.icon-medium {
  background-color: transparent;
}
.social-icon.icon-medium:hover {
  box-shadow: 0 0 30px 0 transparent;
}
.zq-footer__payment-methods {
  background-color: #303135;
}
.zq-footer__payment-methods .zq-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 auto;
  justify-content: space-between;
}
.zq-footer__payment-methods .payment-methods__title {
  font-size: 18px;
  line-height: 24px;
  padding-top: 10px;
}
.zq-footer__payment-methods .payment-methods__cards ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 0 auto;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
.zq-footer__payment-methods .payment-methods__cards ul li {
  display: block;
  margin: 5px 10px;
}
.zq-footer__payment-methods .payment-methods__cards ul li:last-of-type {
  margin-right: 0;
}
.zq-footer__payment-methods .payment-methods__cards ul li img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 60px;
}
.zq-footer__payment-methods .payment-methods__cards ul li .payment-methods__mastercard,
.zq-footer__payment-methods .payment-methods__cards ul li .payment-methods__maestro,
.zq-footer__payment-methods .payment-methods__cards ul li .payment-methods__activa {
  max-width: 50px;
}
.zq-footer__payment-methods .payment-methods__cards ul li .payment-methods__activa {
  margin-bottom: 8px;
}
.zq-footer__payment-methods .payment-methods__security {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.zq-footer__payment-methods .payment-methods__security img {
  width: 100%;
  max-width: 100px;
  margin: 10px 20px;
  display: block;
  opacity: 0.5;
}
.zq-footer__payment-methods .payment-methods__security img:last-of-type {
  margin-right: 0;
}
.zq-footer__copyright {
  width: auto;
  background-color: #292a2d;
  padding: 8px 50px;
  text-align: center;
  font-size: 12px;
}
.zq-footer__powered-by {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.language-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 0 18px 0;
  color: #737373;
  border-bottom: 1px solid #35363A;
  margin-bottom: 10px;
}
.language-select__title {
  margin-right: 10px;
  position: relative;
  padding-left: 20px;
}
.language-select__title::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  content: "\e944";
  margin-right: 10px;
}
.language-select__link {
  color: #737373;
  margin: 0 10px;
  text-decoration: none;
}
.language-select__link:hover {
  color: white;
}
.language-select__link--active {
  font-weight: 600;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-footer .zq-container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .zq-footer__contact-us {
    width: 100%;
    text-align: center;
  }
  .zq-footer__footer-navigation {
    padding-top: 0;
  }
  .engage-with-us__social-icons {
    justify-content: center;
  }
  .zq-footer--shop .engage-with-us__social-icons {
    justify-content: flex-end;
  }
  .zq-footer__payment-methods .zq-container {
    display: block;
    flex-direction: column;
  }
  .zq-footer__payment-methods .payment-methods__cards {
    margin-top: 20px;
  }
  .zq-footer__payment-methods .payment-methods__cards ul {
    justify-content: flex-start;
  }
  .zq-footer__payment-methods .payment-methods__security {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .zq-footer__contact-info {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
  .zq-footer--shop .zq-footer__contact-info {
    width: 100%;
  }
  .zq-footer--shop .zq-footer__contact-us h4 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 550px) {
  .zq-footer--shop .zq-footer__logo-container,
  .zq-footer--shop .zq-footer__contact-info {
    text-align: left;
  }
  .zq-footer--shop .zq-footer__footer-navigation {
    width: 100%;
  }
  .zq-footer--shop .zq-footer__contact-us {
    width: 100%;
    text-align: left;
  }
  .zq-footer--shop .zq-footer__contact-us h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .zq-footer--shop .engage-with-us__social-icons {
    justify-content: flex-start;
  }
  .zq-footer__copyright {
    padding: 4px 20px;
  }
  .language-select__title {
    width: 100%;
    margin-right: 0;
    padding-left: 0px;
  }
  .language-select__title::before {
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
  }
}
/***********************************/
/* MESSAGES */
/***********************************/
.message {
  display: table;
  background-color: #F2F2F2;
  padding: 10px 20px;
  border-radius: 5px;
  margin: 20px 0;
}
.message p:first-of-type {
  margin-top: 0;
}
.message p:last-of-type {
  margin-bottom: 0;
}
.message--with-icon {
  padding-left: 30px;
  position: relative;
}
.message--with-icon::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
}
.message--warning {
  background-color: rgba(255, 168, 0, 0.1);
}
.message--warning.message--with-icon::before {
  content: "\e93d";
  color: #FFA800;
}
.message--info {
  background-color: rgba(22, 149, 204, 0.1);
}
.message--info.message--with-icon::before {
  content: "\e96d";
  color: #1695CC;
}
.message--danger {
  background-color: rgba(204, 6, 36, 0.1);
}
.message--danger.message--with-icon::before {
  content: "\e96c";
  color: #cc0624;
}
.message--success {
  background-color: rgba(126, 211, 33, 0.1);
}
.message--success.message--with-icon::before {
  content: "\e919";
  color: #7ED321;
}
/***********************************/
/* 404, ERROR PAGES */
/***********************************/
.zq-error-page {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 50px;
  text-align: center;
}
.zq-error-page .zq-error-page__logo {
  display: block;
  margin: 0 auto 50px auto;
  max-width: 300px;
}
.zq-error-page .content {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
/***********************************/
/* COOKIE CONSENT */
/***********************************/
.cookie-consent {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(53, 54, 58, 0.94);
  padding: 10px 20px;
  color: white;
  z-index: 2;
}
.cookie-consent a {
  display: block;
  margin-left: 5px;
  color: white;
}
.cookie-consent a:hover {
  text-decoration: none;
}
.cookie-consent .button {
  margin-left: 20px;
}
/***********************************/
/* SCROLL TO TOP */
/***********************************/
.scroll-to-top-button {
  position: fixed;
  right: 20px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #35363A;
  transition: all 600ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
  z-index: 50;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.scroll-to-top-button::before,
.scroll-to-top-button::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  color: white;
  font-size: 24px;
}
.scroll-to-top-button::after {
  -webkit-transform: translate(-50%, 250%) rotate(180deg);
          transform: translate(-50%, 250%) rotate(180deg);
}
.scroll-to-top-button:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
}
.scroll-to-top-button:hover::before {
  -webkit-animation: arrowOut 500ms ease-in-out infinite;
          animation: arrowOut 500ms ease-in-out infinite;
}
.scroll-to-top-button:hover::after {
  -webkit-animation: arrowIn 500ms ease-in-out infinite;
          animation: arrowIn 500ms ease-in-out infinite;
}
.scrolling .scroll-to-top-button {
  bottom: 20px;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.scrolling-ended .scroll-to-top-button {
  bottom: -50px;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
@-webkit-keyframes arrowOut {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -250%) rotate(180deg);
            transform: translate(-50%, -250%) rotate(180deg);
  }
}
@keyframes arrowOut {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -250%) rotate(180deg);
            transform: translate(-50%, -250%) rotate(180deg);
  }
}
@-webkit-keyframes arrowIn {
  0% {
    -webkit-transform: translate(-50%, 250%) rotate(180deg);
            transform: translate(-50%, 250%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
}
@keyframes arrowIn {
  0% {
    -webkit-transform: translate(-50%, 250%) rotate(180deg);
            transform: translate(-50%, 250%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
}
/***********************************/
/* SCROLL DOWN */
/***********************************/
.scroll-down {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.scroll-down::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
  color: white;
  font-size: 36px;
  line-height: 18px;
  opacity: 0;
  -webkit-animation: arrowDownAndFade 1500ms linear infinite;
          animation: arrowDownAndFade 1500ms linear infinite;
}
@-webkit-keyframes arrowDownAndFade {
  0% {
    opacity: 0;
    top: 0%;
  }
  40% {
    top: 50%;
    opacity: 1;
  }
  80% {
    top: 100%;
    opacity: 0;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes arrowDownAndFade {
  0% {
    opacity: 0;
    top: 0%;
  }
  40% {
    top: 50%;
    opacity: 1;
  }
  80% {
    top: 100%;
    opacity: 0;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
/************************/
/* KEY VISUAL */
/************************/
.zq-key-visual {
  background: url("../images/zeequest-main-image.jpg") center bottom no-repeat;
  background-size: cover;
  padding-top: 130px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
}
.zq-key-visual .zq-container {
  padding: 50px 0;
  color: #cccccc;
  text-align: center;
}
.zq-key-visual .zq-container h1 {
  max-width: 900px;
  margin: 0 auto 50px auto;
  font-size: 32px;
  line-height: 42px;
  font-weight: 300;
  color: #cccccc;
}
.zq-key-visual .zq-container h1 strong {
  margin-bottom: 10px;
  color: white;
  display: block;
  font-size: 62px;
  line-height: 74px;
  font-weight: 400;
}
.zq-key-visual::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(53, 54, 58, 0.9);
}
.zq-key-visual--home .zq-container {
  text-align: left;
  padding-right: 54%;
}
.zq-key-visual--home .zq-container h1 {
  max-width: none;
}
.zq-key-visual--home .zq-container h1 strong {
  margin-bottom: 20px;
}
.zq-key-visual--home .zq-container p {
  margin-bottom: 50px;
}
.zq-introduction-image__container {
  width: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.zq-key-visual__form {
  max-width: 500px;
  margin: 50px auto 0 auto;
  padding: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 25px;
}
.zq-key-visual__form .form__label {
  color: #5C6170;
}
.zq-key-visual__form-title {
  font-size: 24px;
  line-height: 30px;
  color: #7ED321;
  margin-bottom: 20px;
}
.zq-key-visual__form-title strong {
  font-size: 36px;
  line-height: 42px;
  display: block;
}
.zq-key-visual__buttons {
  margin-bottom: 40px;
}
.zq-key-visual__buttons .button {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.zq-key-visual__buttons .button:last-of-type {
  margin-bottom: 0;
}
.zq-key-visual--with-as-seen-on {
  padding-bottom: 80px;
}
.zq-key-visual__as-seen-on {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(53, 54, 58, 0.2);
  padding: 20px;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.zq-key-visual-as-seen-on__title {
  color: white;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  line-height: 40px;
  padding-right: 40px;
  margin-right: 40px;
  text-transform: uppercase;
}
.zq-key-visual-as-seen-on__logo {
  margin: 0 20px;
}
.zq-key-visual-as-seen-on__logo:last-of-type {
  margin-right: 0;
}
.zq-key-visual-as-seen-on__logo img {
  max-height: 40px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .zq-key-visual .zq-container h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .zq-key-visual .zq-container h1 strong {
    font-size: 56px;
    line-height: 62px;
  }
}
@media (max-width: 1400px) {
  .zq-key-visual .zq-container h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .zq-key-visual .zq-container h1 strong {
    font-size: 50px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  .zq-key-visual {
    position: relative;
  }
  .zq-key-visual .zq-container {
    position: relative;
    text-align: center;
  }
  .zq-key-visual .zq-container h1 {
    max-width: 700px;
    font-size: 22px;
    line-height: 28px;
  }
  .zq-key-visual .zq-container h1 strong {
    font-size: 46px;
    line-height: 52px;
  }
  .zq-key-visual--home .zq-container {
    text-align: center;
    padding-right: 0;
  }
  .zq-key-visual--home .zq-container h1 {
    max-width: none;
    margin-bottom: 20px;
  }
  .zq-key-visual--home .zq-container h1 strong {
    margin-bottom: 20px;
  }
  .zq-key-visual--home .zq-container p {
    margin-bottom: 50px;
  }
  .zq-introduction-image__container {
    width: 100%;
    max-width: 600px;
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 768px) {
  .zq-key-visual--with-as-seen-on {
    padding-bottom: 100px;
  }
  .zq-key-visual__as-seen-on {
    padding: 10px 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .zq-key-visual-as-seen-on__title {
    border-right: none;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .zq-key-visual-as-seen-on__logo {
    width: 30%;
    margin: 0;
  }
}
@media (max-width: 550px) {
  .zq-key-visual .zq-container h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .zq-key-visual .zq-container h1 strong {
    font-size: 36px;
    line-height: 42px;
  }
  .zq-key-visual__form {
    padding: 20px;
  }
  .zq-key-visual__form-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .zq-key-visual__form-title strong {
    font-size: 24px;
    line-height: 30px;
  }
  .zq-introduction-image__container {
    margin: 0 auto 20px auto;
  }
}
/************************/
/* KEY VISUAL WITH VIDEO */
/************************/
.zq-video-key-visual {
  padding: 60px 50px 50px 50px !important;
  background-color: #35363A;
}
.zq-video-key-visual .zq-video-key-visual__video {
  max-width: 1200px;
  margin: 0 auto;
}
/************************/
/* SUCCESS SYSTEM */
/************************/
.zq-success-system {
  text-align: center;
  padding-bottom: 50px;
}
.zq-success-system strong {
  display: block;
  font-size: 36px;
  line-height: 46px;
  font-weight: 300;
  margin: 20px 0;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-success-system {
    padding-bottom: 20px;
  }
}
/************************/
/* SINGLE SYSTEM FOR QUANTUM LEAP */
/************************/
.zq-single-system-for-quantum-leap {
  text-align: center;
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
  color: white;
  padding-bottom: 50px;
}
.zq-single-system-for-quantum-leap h3 {
  color: white;
}
.zq-single-system-for-quantum-leap .grid-items__title {
  text-align: center;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-single-system-for-quantum-leap {
    padding-bottom: 20px;
  }
}
/************************/
/* UNLEASH THE BEST */
/************************/
.zq-unleash-the-best {
  text-align: center;
  padding-bottom: 50px;
}
.zq-unleash-the-best-testimonial {
  max-width: 700px;
  text-align: center;
  margin: 0 auto 20px auto;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-unleash-the-best {
    padding-bottom: 20px;
  }
}
/************************/
/* HOW SUCCESS SYSTEM WORKS */
/************************/
.zq-how-success-system-works {
  text-align: center;
  padding-bottom: 50px;
  background-color: #F2F2F2;
}
.zq-how-success-system-works__equation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0;
}
.zq-how-success-system-works__item {
  font-size: 30px;
  line-height: 30px;
}
.zq-how-success-system-works__sign {
  margin: 0 20px;
  font-size: 36px;
  background-color: #7ED321;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-how-success-system-works__equation {
    flex-direction: column;
  }
  .zq-how-success-system-works__sign {
    margin: 10px 0;
  }
}
@media (max-width: 550px) {
  .zq-how-success-system-works {
    padding-bottom: 20px;
  }
}
/************************/
/* MAIN PILLARS */
/************************/
.zq-main-pillars {
  text-align: center;
  padding-bottom: 50px;
}
.zq-main-pillars h3 {
  margin: 0;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-main-pillars {
    padding-bottom: 20px;
  }
}
/************************/
/* PRODUCTS */
/************************/
.zq-products {
  text-align: center;
  padding: 0;
}
.zq-product__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.zq-product {
  width: 100%;
  padding: 50px;
  box-sizing: border-box;
}
.zq-product--dark {
  background-color: #35363A;
}
.zq-product--dark .zq-product__content h2,
.zq-product--dark .zq-product__content h4,
.zq-product--dark .zq-product__content p {
  color: white;
}
.zq-product--dark .zq-product__breadcrumb {
  color: #737373;
}
.zq-product--dark .zq-product__breadcrumb:hover {
  color: #7ED321;
}
.zq-product--dark .zq-product__action-buttons {
  margin-top: 20px;
}
.zq-product--navigator {
  width: 100%;
  background: #e8e8e8 url("../images/product-navigator.jpg") right bottom no-repeat;
  background-size: contain;
  border-left: 100px solid #7ED321;
}
.zq-product--navigator .zq-product__content ul li::before {
  background-color: #7ED321;
}
.zq-product--navigator .zq-product__content h2,
.zq-product--navigator .zq-product__content h4 {
  color: #7ED321;
}
.zq-product--navigator .zq-product__breadcrumb:hover {
  color: #7ED321;
}
.zq-product--business {
  width: 100%;
  background: #11183c url("../images/product-business.jpg") center top no-repeat;
  background-size: cover;
  border-left: 100px solid #233785;
}
.zq-product--business hr {
  background-color: rgba(35, 55, 133, 0.75);
}
.zq-product--business .zq-product__breadcrumb {
  color: rgba(255, 255, 255, 0.5);
}
.zq-product--business .zq-product__breadcrumb:hover {
  color: #233785;
}
.zq-product--business .zq-product__content ul li::before {
  background-color: #233785;
}
.zq-product--business .button--primary {
  background: #233785;
}
.zq-product--business .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(30, 47, 113, 0.5);
  background-color: #1e2f71;
}
.zq-product--nutrition {
  width: 100%;
  background: #d9d8e7 url("../images/product-nutrition.jpg") center bottom no-repeat;
  background-size: cover;
  border-left: 100px solid #784b9e;
}
.zq-product--nutrition .zq-product__content ul li::before {
  background-color: #784b9e;
}
.zq-product--nutrition .zq-product__content h2,
.zq-product--nutrition .zq-product__content h4 {
  color: #784b9e;
}
.zq-product--nutrition .zq-product__breadcrumb:hover {
  color: #784b9e;
}
.zq-product--nutrition .button--primary {
  background: #784b9e;
}
.zq-product--nutrition .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #6b438d;
}
.zq-product__content {
  margin: 0;
  text-align: left;
  width: 50%;
}
.zq-product__content h2,
.zq-product__content h4 {
  color: #5C6170;
  text-transform: uppercase;
}
.zq-product__content h2 strong,
.zq-product__content h4 strong {
  display: block;
  font-size: 52px;
  line-height: 56px;
  margin-bottom: 20px;
}
.zq-product__content ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.zq-product__content ul li strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
.zq-product__content ul li::before {
  position: absolute;
  content: ' ';
  width: 10px;
  height: 10px;
  background-color: black;
  left: 0;
  top: 10px;
}
.zq-product__content ul li:last-of-type {
  margin-bottom: 0;
}
.zq-product__content sup {
  vertical-align: super;
  font-size: 70%;
}
.zq-product__breadcrumb {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
  display: block;
}
.zq-product__breadcrumb:hover {
  text-decoration: none;
}
.zq-product__action-buttons {
  margin-top: 50px;
}
.zq-product__action-buttons::after {
  content: " ";
  display: table;
  clear: both;
}
.zq-product__action-buttons .button {
  float: left;
  margin: 10px 10px 0 0;
}
.zq-product__action-buttons .button:last-of-type {
  margin-right: 0;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .zq-product--navigator {
    border-left: 80px solid #7ED321;
  }
  .zq-product--business {
    border-left: 80px solid #233785;
  }
  .zq-product--nutrition {
    border-left: 80px solid #784b9e;
  }
}
@media (max-width: 1200px) {
  .zq-product--navigator {
    background: #e8e8e8 url("../images/product-navigator.jpg") center bottom no-repeat;
    background-size: cover;
    border-left: 60px solid #7ED321;
  }
  .zq-product--business {
    background: #11183C url("../images/product-business.jpg") center bottom no-repeat;
    background-size: cover;
    border-left: 60px solid #233785;
  }
  .zq-product--nutrition {
    background: #d9d8e7 url("../images/product-nutrition.jpg") center bottom no-repeat;
    background-size: cover;
    border-left: 60px solid #784b9e;
  }
}
@media (max-width: 992px) {
  .zq-product__content h2 strong,
  .zq-product__content h4 strong {
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 0;
  }
  .zq-product--business .zq-product__content {
    width: 65%;
  }
  .zq-product__action-buttons {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .zq-product {
    padding: 20px;
    padding-bottom: 300px;
  }
  .zq-product .zq-product__content {
    width: 100%;
  }
  .zq-product--navigator {
    background: #e8e8e8 url("../images/product-navigator-mobile.jpg") right bottom no-repeat;
    background-size: 100%;
    border-left: 40px solid #7ED321;
  }
  .zq-product--business {
    background: #11183C url("../images/product-business-mobile.jpg") right bottom no-repeat;
    background-size: 90%;
    border-left: 40px solid #233785;
  }
  .zq-product--nutrition {
    background: #d9d8e7 url("../images/product-nutrition-mobile.jpg") right bottom no-repeat;
    background-size: 100%;
    border-left: 40px solid #784b9e;
  }
  .zq-product__content h2 strong,
  .zq-product__content h4 strong {
    font-size: 32px;
    line-height: 36px;
  }
  .zq-product__content p {
    font-size: 16px;
    line-height: 20px;
  }
  .zq-product__breadcrumb {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 650px) {
  .zq-product--business {
    background-size: 110%;
  }
}
@media (max-width: 550px) {
  .zq-product--navigator {
    padding-bottom: 230px;
    border-left: 25px solid #7ED321;
  }
  .zq-product--navigator .zq-product__content {
    width: 100%;
  }
  .zq-product--business {
    background-size: 120%;
    border-left: 25px solid #233785;
  }
  .zq-product--nutrition {
    background-size: 110%;
    border-left: 25px solid #784b9e;
  }
}
@media (max-width: 400px) {
  .zq-product--navigator {
    background-size: 140%;
  }
  .zq-product--business {
    background-size: 140%;
  }
}
@media (max-width: 340px) {
  .zq-product--business {
    background-size: 170%;
  }
}
/***********************************/
/* FREE NAVIGATOR BANNER */
/***********************************/
.free-navigator-banner {
  position: relative;
  box-sizing: border-box;
  background: #e8e8e8 url('../images/navigator-banner.jpg') no-repeat center center;
  background-size: cover;
}
.free-navigator-banner .zq-container {
  min-height: 550px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.free-navigator-banner .button--open-video {
  color: #7ED321;
  font-size: 18px;
  line-height: 1.4;
  padding: 10px 20px 10px 70px;
  font-weight: 400;
  border-radius: 50px;
  border: 1px solid #7ED321;
}
.free-navigator-banner .button--open-video::before {
  left: 20px;
  font-size: 40px;
  color: #7ED321;
}
.free-navigator-banner .button--open-video:hover {
  background-color: #7ED321;
  color: white;
}
.free-navigator-banner .button--open-video:hover::before {
  color: white;
}
.free-navigator-banner__container {
  width: 100%;
  max-width: 700px;
  z-index: 2;
}
.free-navigator-banner__content {
  text-align: center;
  margin-bottom: 40px;
}
.free-navigator-banner__title {
  color: #7ED321;
  margin: 0 0 20px 0;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
.free-navigator-banner__title strong {
  display: block;
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
}
.free-navigator-banner__subtitle {
  color: #5C6170;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 20px;
}
.free-navigator-banner__form {
  margin: 0 auto 50px auto;
  max-width: 480px;
  text-align: center;
}
.free-navigator-banner__as-seen-on {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.as-seen-on__title {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  border-right: 1px solid rgba(92, 97, 112, 0.2);
  line-height: 40px;
  padding-right: 40px;
  margin-right: 40px;
}
.as-seen-on__logo {
  width: auto;
  margin: 10px 50px 10px 0;
}
.as-seen-on__logo img {
  max-width: 100%;
  max-height: 30px;
  display: block;
}
.as-seen-on__logo:last-of-type {
  margin-right: 0;
}
.as-seen-on__logo--bigger img {
  max-height: 40px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .free-navigator-banner {
    background-position: -300px center;
  }
}
@media (max-width: 992px) {
  .free-navigator-banner {
    background: #e8e8e8 url('../images/navigator-banner-mobile.jpg') no-repeat right bottom;
    background-size: cover;
    padding-top: 0;
  }
  .free-navigator-banner .zq-container {
    height: auto;
    min-height: auto;
  }
  .free-navigator-banner__container {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-width: none;
    padding: 50px 0 450px 0;
  }
}
@media (max-width: 550px) {
  .free-navigator-banner {
    background-position: 0px bottom;
    background-size: contain;
  }
  .free-navigator-banner__title {
    font-size: 36px;
    line-height: 42px;
  }
  .free-navigator-banner__subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .free-navigator-banner__container {
    padding-bottom: 250px;
  }
  .as-seen-on__logo {
    margin-right: 20px;
  }
}
@media (max-width: 450px) {
  .free-navigator-banner__container {
    padding-bottom: 200px;
  }
}
@media (max-width: 380px) {
  .free-navigator-banner__container {
    padding-bottom: 160px;
  }
}
@media (max-width: 320px) {
  .free-navigator-banner__container {
    padding-bottom: 140px;
  }
}
/***********************************/
/* TESTIOMONIALS */
/***********************************/
.zq-testimonials {
  padding-top: 50px;
  padding-bottom: 50px;
}
.zq-testimonials h3 {
  text-align: center;
  margin-bottom: 50px;
}
.zq-testimonial__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zq-testimonial__item {
  text-align: center;
  padding: 0 40px;
}
.zq-testimonial__item img {
  width: 80%;
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px auto;
  max-width: 200px;
}
.zq-testimonials__content p {
  position: relative;
}
.zq-testimonials__content p::before,
.zq-testimonials__content p::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
  display: block;
  position: absolute;
  font-size: 28px;
  color: #F2F2F2;
}
.zq-testimonials__content p::before {
  top: -10px;
  left: -30px;
}
.zq-testimonials__content p::after {
  right: -30px;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.zq-testimonials__author {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: 500;
}
.zq-testimonials__explain {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 10px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-testimonials__content p {
    position: relative;
  }
  .zq-testimonials__content p::before,
  .zq-testimonials__content p::after {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .zq-testimonials h3 {
    margin-bottom: 20px;
  }
  .zq-testimonial__item {
    width: 100%;
    margin: 20px auto;
    max-width: 600px;
  }
  .zq-testimonials__content p {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 550px) {
  .zq-testimonial__item {
    padding: 0 20px;
  }
}
/***********************************/
/* LATEST NEWS */
/***********************************/
.zq-news--latest-news {
  background-color: #F2F2F2;
}
.zq-news--latest-news .zq-news__news-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zq-news--latest-news h2 {
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.zq-news--latest-news .zq-news__news {
  margin-bottom: 40px;
  padding-bottom: 0;
  border-bottom: none;
  width: 22%;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.2);
}
.zq-news--latest-news .zq-news__news-image {
  float: none;
  width: 100%;
  margin-bottom: 0;
}
.zq-news--latest-news .zq-news__news-image::before,
.zq-news--latest-news .zq-news__news-image::after {
  top: auto;
  left: -20px;
  right: -20px;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.zq-news--latest-news .zq-news__news-image::before {
  width: auto;
  height: 50px;
  bottom: -30px;
}
.zq-news--latest-news .zq-news__news-image::after {
  width: auto;
  bottom: 0px;
  height: 50px;
}
.zq-news--latest-news .zq-news__news-content {
  float: none;
  width: auto;
  padding: 0 20px 20px 20px;
}
.zq-news--latest-news .zq-news__news-title {
  font-size: 18px;
  line-height: 22px;
}
.zq-news--latest-news .zq-news__news-date {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-news--latest-news .zq-news__news {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .zq-news--latest-news .zq-news__news {
    width: 46%;
  }
}
@media (max-width: 550px) {
  .zq-news--latest-news .zq-news__news {
    width: 100%;
  }
}
.page--navigator h1,
.page--navigator h2,
.page--navigator h3,
.page--navigator h4,
.page--navigator h5,
.page--navigator h6 {
  color: #7ED321;
}
.page--navigator .zq-how-it-works .grid-items__item::before {
  background-color: #7ED321;
}
/************************/
/* NAVIGATOR - KEY VISUAL */
/************************/
.zq-key-visual--navigator {
  background: url("../images/product-navigator-background.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 60px;
}
.zq-key-visual--navigator .zq-container h1 {
  margin-bottom: 0;
}
.zq-key-visual--navigator .zq-container h1 strong {
  margin-top: 0;
  margin-bottom: 20px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-key-visual--navigator .zq-container .grid-items {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
/************************/
/* NAVIGATOR - 3 VIDEOS */
/************************/
.zq-navigator-3-videos {
  background-color: #F2F2F2;
  text-align: center;
  padding-bottom: 50px;
}
.zq-navigator-3-videos h3 {
  margin-bottom: 0;
}
.zq-navigator-3-videos .grid-items {
  margin-bottom: 50px;
}
.zq-navigator-3-videos .grid-items__title {
  font-size: 18px;
  line-height: 24px;
}
/************************/
/* NAVIGATOR - FEATURES */
/************************/
.zq-navigator-features {
  padding-bottom: 50px;
}
.zq-navigator-features .zq-container {
  text-align: center;
}
.zq-navigator-features .grid-items__item {
  text-align: left;
  background-color: #F2F2F2;
  padding: 20px;
}
.zq-navigator-features__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 50px;
}
.zq-navigator-features__container sup {
  font-size: 50%;
  line-height: 50%;
  vertical-align: super;
}
.zq-navigator-features__container--switch-image .zq-navigator-features__content {
  margin-left: 0;
  margin-right: 50px;
}
.zq-navigator-features__container--image-on-top {
  align-items: flex-start;
}
.zq-navigator-features__image {
  width: 50%;
}
.zq-navigator-features__image img {
  width: 100%;
  display: block;
}
.zq-navigator-features__image--website-screenshot img {
  box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.zq-navigator-features__content {
  margin-left: 50px;
  width: 50%;
  text-align: left;
}
.zq-navigator-features__feature {
  margin-top: 50px;
}
.zq-navigator-features__feature h3,
.zq-navigator-features__feature h5 {
  color: #5C6170;
}
.zq-navigator-features__feature h5 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px;
}
.zq-navigator-features__feature p {
  margin-bottom: 10px;
}
.zq-navigator-features__feature hr {
  margin: 20px 0;
}
.zq-navigator-features__feature:first-of-type {
  margin-top: 0;
}
.zq-navigator-features__included {
  display: table;
  margin-top: 4px;
  background-color: #FFA800;
  color: white;
  border-radius: 5px;
  padding: 1px 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .zq-navigator-features__feature p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 1200px) {
  .zq-navigator-features__container {
    flex-wrap: wrap;
  }
  .zq-navigator-features__image {
    width: 100%;
  }
  .zq-navigator-features__image img {
    width: 100%;
  }
  .zq-navigator-features__image--website-screenshot img {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .zq-navigator-features__content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
  }
  .zq-navigator-features__feature {
    width: 46%;
    margin-top: 0;
  }
  .zq-navigator-features__container--switch-image .zq-navigator-features__image {
    order: 1;
  }
  .zq-navigator-features__container--switch-image .zq-navigator-features__content {
    order: 2;
    margin: 50px 0 0 0;
  }
  .zq-navigator-features__container--one-feature .zq-navigator-features__feature {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .zq-navigator-features__image--website-screenshot img {
    max-width: none;
    width: 80%;
  }
  .zq-navigator-features__content {
    margin: 20px 0 0 0;
  }
  .zq-navigator-features__container--switch-image .zq-navigator-features__content {
    margin: 20px 0 0 0;
  }
  .zq-navigator-features__feature {
    width: 100%;
    margin-top: 20px;
  }
}
/************************/
/* NAVIGATOR - CATEGORIES */
/************************/
.zq-navigator-categories {
  background: url("../images/company-background-horizontal.svg") center top repeat-y;
  background-size: contain;
  padding-bottom: 100px;
}
.zq-navigator-categories .zq-container {
  text-align: center;
}
.zq-navigator-categories h3 {
  color: #5C6170;
  margin-bottom: 50px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-navigator-categories {
    background-size: cover;
  }
}
/************************/
/* NAVIGATOR - BENEFITS */
/************************/
.zq-navigator-benefits {
  padding-bottom: 50px;
}
.zq-navigator-benefits h2 {
  margin-bottom: 20px;
}
.zq-navigator-benefits .zq-container {
  text-align: center;
}
.zq-navigator-benefits .grid-items {
  margin-bottom: 50px;
}
.zq-navigator-benefits .grid-items__item {
  background-color: white;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 40px 20px 20px 20px;
  position: relative;
}
.zq-navigator-benefits .grid-items__item::before,
.zq-navigator-benefits .grid-items__item::after {
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.zq-navigator-benefits .grid-items__item::before {
  width: 50px;
  height: 50px;
  background-color: #7ED321;
  top: -25px;
  border-radius: 50%;
  z-index: 1;
}
.zq-navigator-benefits .grid-items__item::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: white;
  z-index: 2;
  font-size: 24px;
  top: -9px;
}
/* RESPONSIVE */
/***********************************/
/* NAVIGATOR - HOW IT WORKS */
/***********************************/
.zq-navigator-how-it-works {
  background: url("../images/navigator-how-it-works-background.jpg") top center no-repeat;
  background-size: cover;
  margin-top: -500px;
  padding-top: 550px;
  padding-bottom: 100px;
}
.zq-navigator-how-it-works .zq-container {
  display: flex;
}
.zq-navigator-how-it-works__content {
  width: 50%;
  margin-right: 50px;
  color: white;
}
.zq-navigator-how-it-works__content h2 {
  color: white;
  margin-bottom: 50px;
}
.zq-navigator-how-it-works__content h3,
.zq-navigator-how-it-works__content h4 {
  color: white;
}
.zq-navigator-how-it-works__content p {
  color: white;
  margin: 20px 0;
}
.zq-navigator-how-it-works__content p.exposed {
  color: #7ED321;
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
}
.zq-navigator-how-it-works__content .zq-navigator-how-it-works__video {
  border: 10px solid black;
  max-width: 800px;
}
.zq-navigator-how-it-works__videos {
  padding: 20px 0;
}
.zq-navigator-how-it-works__videos .button--open-video {
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
}
.zq-navigator-how-it-works__videos .button--open-video:hover,
.zq-navigator-how-it-works__videos .button--open-video:focus {
  background-color: #7ED321;
}
.zq-navigator-how-it-works__videos .button--open-video:last-of-type {
  margin-bottom: 0;
}
.zq-navigator-how-it-works__image {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.zq-navigator-how-it-works__image img {
  display: block;
  width: 100%;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-navigator-how-it-works .zq-container {
    flex-wrap: wrap;
  }
  .zq-navigator-how-it-works__content {
    width: 100%;
    margin-right: 0;
  }
  .zq-navigator-how-it-works__image {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .zq-navigator-how-it-works__content h2 {
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 44px;
  }
  .zq-navigator-how-it-works__content p.exposed {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .zq-navigator-how-it-works__content h2 {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 40px;
  }
}
/************************/
/* NAVIGATOR - ONE TESTIMONIAL */
/************************/
.zq-one-testimonial {
  padding-bottom: 50px;
  background-color: #F2F2F2;
}
.zq-one-testimonial .zq-container {
  max-width: 700px;
  text-align: center;
}
.one-testimonial__image img {
  border-radius: 50%;
  margin: 0 auto 10px auto;
  display: block;
  max-width: 200px;
}
.one-testimonial__person {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}
.one-testimonial__person-explain {
  font-size: 14px;
  line-height: 18px;
  margin: 10px auto 20px auto;
}
.one-testimonial__content {
  font-size: 18px;
  line-height: 24px;
  position: relative;
}
.one-testimonial__content::before,
.one-testimonial__content::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
  display: block;
  position: absolute;
  font-size: 28px;
  color: #d9d9d9;
}
.one-testimonial__content::before {
  top: -10px;
  left: -30px;
}
.one-testimonial__content::after {
  right: -30px;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-one-testimonial .zq-container {
    text-align: center;
  }
  .one-testimonial__content {
    margin: 0 20px;
  }
}
/************************/
/* NAVIGATOR OVERVIEW - PRINCIPLES */
/************************/
.zq-navigator-principles {
  background: url("../images/navigator-principles.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 50px;
}
.zq-navigator-principles__scientist {
  display: flex;
  align-items: center;
  margin: 50px 0;
}
.zq-navigator-principles__scientist img {
  display: block;
  border-radius: 50%;
}
.zq-navigator-principles__scientist--image-left img {
  margin-right: 50px;
}
.zq-navigator-principles__scientist--image-right img {
  margin-left: 50px;
}
.zq-navigator-principles__scientist-content hr {
  background-color: #AAAAAA;
}
.zq-navigator-principles__scientist-quote p {
  position: relative;
}
.zq-navigator-principles__scientist-quote p::before,
.zq-navigator-principles__scientist-quote p::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
  display: block;
  position: absolute;
  font-size: 28px;
  color: #d9d9d9;
}
.zq-navigator-principles__scientist-quote p::before {
  top: -10px;
  left: -40px;
}
.zq-navigator-principles__scientist-quote p::after {
  right: -30px;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.zq-navigator-principles__scientist-name {
  font-style: italic;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-navigator-principles__scientist {
    align-items: flex-start;
  }
  .zq-navigator-principles__scientist img {
    max-width: 250px;
  }
}
@media (max-width: 992px) {
  .zq-navigator-principles__scientist img {
    max-width: 200px;
  }
}
@media (max-width: 768px) {
  .zq-navigator-principles__scientist {
    flex-direction: column;
    margin: 0;
  }
  .zq-navigator-principles__scientist img {
    margin: 0 auto 0 auto;
    width: 100%;
  }
  .zq-navigator-principles__scientist--image-left img {
    margin-bottom: 20px;
  }
  .zq-navigator-principles__scientist--image-right {
    margin-bottom: 50px;
  }
}
@media (max-width: 550px) {
  .zq-navigator-principles__scientist-quote {
    padding: 0 50px;
    text-align: center;
  }
  .zq-navigator-principles__scientist-name {
    text-align: center;
  }
}
/************************/
/* NAVIGATOR OVERVIEW - METHODS */
/************************/
.zq-navigator-methods h4 {
  color: #5C6170;
}
.zq-navigator-methods__feature-table {
  padding: 50px;
  border-radius: 25px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  margin: 50px 0;
}
.zq-navigator-methods__feature-table .table td strong {
  display: block;
}
.zq-navigator-methods__feature-table .table th:nth-child(2),
.zq-navigator-methods__feature-table .table th:nth-child(3),
.zq-navigator-methods__feature-table .table th:nth-child(4) {
  font-size: 18px;
  color: #5C6170;
}
.zq-navigator-methods__feature-table .table th:nth-child(2),
.zq-navigator-methods__feature-table .table td:nth-child(2),
.zq-navigator-methods__feature-table .table th:nth-child(3),
.zq-navigator-methods__feature-table .table td:nth-child(3),
.zq-navigator-methods__feature-table .table th:nth-child(4),
.zq-navigator-methods__feature-table .table td:nth-child(4) {
  width: 20%;
  text-align: center;
}
.zq-navigator-methods__feature-table .table .icon-checkmark {
  font-size: 24px;
}
/************************/
/* SUCCESS PROFILE - KEY VISUAL */
/************************/
.zq-key-visual--success-profile {
  background: url("../images/product-success-profile-background.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 60px;
}
.zq-key-visual--success-profile .zq-container h1 strong {
  margin-top: 0;
  margin-bottom: 20px;
}
.zq-key-visual--success-profile .button--open-video,
.zq-key-visual--success-profile .button--open-video:active,
.zq-key-visual--success-profile .button--open-video:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.zq-key-visual--success-profile .button--open-video:hover,
.zq-key-visual--success-profile .button--open-video:active:hover,
.zq-key-visual--success-profile .button--open-video:focus:hover {
  background-color: #7ED321;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-key-visual--success-profile .zq-container h1 {
    margin-bottom: 20px;
  }
}
/************************/
/* SUCCESS PROFILE - INTRODUCTION */
/************************/
.zq-success-profile-introduction {
  background-color: #F2F2F2;
  padding-bottom: 50px;
}
.zq-success-profile-introduction .zq-container {
  text-align: center;
}
.zq-success-profile-introduction .grid-items {
  margin-bottom: 50px;
}
/* RESPONSIVE */
/************************/
/* SUCCESS PROFILE - VIDEO */
/************************/
.zq-success-profile-video {
  padding-bottom: 50px;
}
.zq-success-profile-video .zq-container {
  padding: 10px;
  max-width: 600px;
  background-color: black;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.3);
}
/* RESPONSIVE */
/************************/
/* SUCCESS PROFILE - WHY FOR FREE? */
/************************/
.zq-success-profile-why-for-free {
  background: url("../images/zeequest-success-profile-for-free.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.zq-success-profile-why-for-free .zq-container {
  text-align: center;
}
.zq-success-profile-why-for-free .zq-container h1 {
  color: white;
}
.zq-success-profile-why-for-free .zq-container h1 strong {
  margin-top: 0;
  margin-bottom: 20px;
}
.zq-success-profile-why-for-free .zq-container p {
  color: white;
}
.zq-success-profile-why-for-free .zq-container hr {
  background-color: rgba(255, 255, 255, 0.2);
}
.zq-success-profile-why-for-free .text-in-qotes__content {
  color: white;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.zq-success-profile-why-for-free .text-in-qotes__author {
  color: white;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-key-visual--navigator .zq-container .grid-items {
    padding-top: 20px;
  }
}
.page--business h1,
.page--business h2,
.page--business h3,
.page--business h4,
.page--business h5,
.page--business h6 {
  color: #233785;
}
.page--business .zq-key-visual::before {
  background-color: rgba(17, 24, 60, 0.9);
}
.page--business .zq-key-visual .zq-container h1 strong {
  color: white;
}
.page--business .zq-key-visual .zq-container h2,
.page--business .zq-key-visual .zq-container h3,
.page--business .zq-key-visual .zq-container h4 {
  color: white;
}
.page--business .input--text:focus {
  border: 1px solid #233785;
}
.page--business .button--primary {
  background: #233785;
}
.page--business .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(30, 47, 113, 0.5);
  background-color: #1e2f71;
}
.page--business .button--gray:hover,
.page--business .button--gray:focus:hover,
.page--business .button--gray:focus,
.page--business .button--gray:focus:focus {
  box-shadow: 0 0 30px 0 rgba(30, 47, 113, 0.5);
  background-color: #233785;
}
.page--business .zq-pricing-table__table thead tr th strong {
  color: #FFBF00;
}
.page--business .zq-pricing-table__table tbody tr td .icon-checkmark {
  color: #FFBF00;
}
.page--business .zq-pricing-table__table tfoot .zq-pricing-packages__buy td strong {
  color: #FFBF00;
}
.page--business .zq-how-it-works .grid-items__item::before {
  background-color: #233785;
}
.page--business .zq-footer h1,
.page--business .zq-footer h2,
.page--business .zq-footer h3,
.page--business .zq-footer h4,
.page--business .zq-footer h5,
.page--business .zq-footer h6 {
  color: white;
}
.page--business .zq-footer .button--primary {
  background: #7ED321;
}
.page--business .zq-footer .button--primary:hover {
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #71bd1e;
}
.page--xpeer h1,
.page--xpeer h2,
.page--xpeer h3,
.page--xpeer h4,
.page--xpeer h5,
.page--xpeer h6 {
  color: #FFBF00;
}
.page--xpeer .zq-key-visual::before {
  background-color: rgba(255, 191, 0, 0.9);
}
.page--xpeer .zq-key-visual .zq-container h1 strong {
  color: white;
}
.page--xpeer .zq-key-visual .zq-container h2,
.page--xpeer .zq-key-visual .zq-container h3,
.page--xpeer .zq-key-visual .zq-container h4 {
  color: white;
}
.page--xpeer .input--text:focus {
  border: 1px solid #FFBF00;
}
.page--xpeer .button--primary {
  background: #FFBF00;
}
.page--xpeer .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(230, 172, 0, 0.5);
  background-color: #e6ac00;
}
.page--xpeer .button--gray:hover,
.page--xpeer .button--gray:focus:hover,
.page--xpeer .button--gray:focus,
.page--xpeer .button--gray:focus:focus {
  box-shadow: 0 0 30px 0 rgba(230, 172, 0, 0.5);
  background-color: #FFBF00;
}
.page--xpeer .zq-pricing-table__table thead tr th strong {
  color: #FFBF00;
}
.page--xpeer .zq-pricing-table__table tbody tr td .icon-checkmark {
  color: #FFBF00;
}
.page--xpeer .zq-pricing-table__table tfoot .zq-pricing-packages__buy td strong {
  color: #FFBF00;
}
.page--xpeer .zq-how-it-works .grid-items__item::before {
  background-color: #FFBF00;
}
.page--xpeer .zq-footer h1,
.page--xpeer .zq-footer h2,
.page--xpeer .zq-footer h3,
.page--xpeer .zq-footer h4,
.page--xpeer .zq-footer h5,
.page--xpeer .zq-footer h6 {
  color: white;
}
.page--xpeer .zq-footer .button--primary {
  background: #7ED321;
}
.page--xpeer .zq-footer .button--primary:hover {
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #71bd1e;
}
.page--business-as-landing-page .zq-how-it-works {
  background-color: rgba(35, 55, 133, 0.1);
}
.page--business-as-landing-page .zq-row:not(.zq-key-visual) {
  padding-top: 100px;
  padding-bottom: 100px;
}
.page--business-as-landing-page .zq-header .zq-row {
  padding: 0;
}
.page--business-as-landing-page .zq-key-visual::before {
  background-color: rgba(17, 24, 60, 0.9);
}
.page--business-as-landing-page .zq-key-visual.zq-key-visual--thank-you::before {
  background-color: rgba(17, 24, 60, 0.9);
}
.page--business-as-landing-page .zq-key-visual .zq-download-report {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 25px;
  color: #5C6170;
}
.page--business-as-landing-page .zq-key-visual .zq-download-report h3 {
  color: #233785;
}
.page--business-as-landing-page .zq-key-visual .zq-download-report h4,
.page--business-as-landing-page .zq-key-visual .zq-download-report h5,
.page--business-as-landing-page .zq-key-visual .zq-download-report p {
  color: #5C6170;
}
.page--business-as-landing-page .zq-key-visual .zq-download-report__report {
  right: 50px;
}
.page--business-as-landing-page .zq-key-visual__as-seen-on {
  background-color: rgba(17, 24, 60, 0.9);
}
.page--business-as-landing-page .zq-text-in-center {
  padding-bottom: 50px;
}
.page--business-as-landing-page .zq-testimonials--clients {
  background-color: #F2F2F2;
}
.page--business-as-landing-page .zq-testimonials--clients .zq-testimonials__content p::before,
.page--business-as-landing-page .zq-testimonials--clients .zq-testimonials__content p::after {
  color: rgba(170, 170, 170, 0.5);
}
.page--business-as-landing-page .zq-turn-cold-leads-to-customers::before {
  background-color: rgba(2, 2, 2, 0.8);
}
.page--xpeer-as-landing-page .zq-how-it-works {
  background-color: rgba(255, 191, 0, 0.1);
}
.page--xpeer-as-landing-page .zq-row:not(.zq-key-visual) {
  padding-top: 100px;
  padding-bottom: 100px;
}
.page--xpeer-as-landing-page .zq-header .zq-row {
  padding: 0;
}
.page--xpeer-as-landing-page .zq-key-visual::before {
  background-color: rgba(2, 2, 2, 0.8);
}
.page--xpeer-as-landing-page .zq-key-visual.zq-key-visual--thank-you::before {
  background-color: rgba(2, 2, 2, 0.8);
}
.page--xpeer-as-landing-page .zq-key-visual .zq-download-report {
  background-color: rgba(2, 2, 2, 0.5);
  border-radius: 25px;
  color: white;
}
.page--xpeer-as-landing-page .zq-key-visual .zq-download-report h3 {
  color: #FFBF00;
}
.page--xpeer-as-landing-page .zq-key-visual .zq-download-report h4,
.page--xpeer-as-landing-page .zq-key-visual .zq-download-report h5,
.page--xpeer-as-landing-page .zq-key-visual .zq-download-report p {
  color: white;
}
.page--xpeer-as-landing-page .zq-key-visual .zq-download-report__report {
  right: 50px;
}
.page--xpeer-as-landing-page .zq-key-visual__as-seen-on {
  background-color: rgba(2, 2, 2, 0.5);
}
.page--xpeer-as-landing-page .zq-text-in-center {
  padding-bottom: 50px;
}
.page--xpeer-as-landing-page .zq-testimonials--clients {
  background-color: #F2F2F2;
}
.page--xpeer-as-landing-page .zq-testimonials--clients .zq-testimonials__content p::before,
.page--xpeer-as-landing-page .zq-testimonials--clients .zq-testimonials__content p::after {
  color: rgba(170, 170, 170, 0.5);
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .page--business-as-landing-page .zq-row:not(.zq-key-visual) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page--business-as-landing-page .zq-header .zq-row {
    padding: 0;
  }
  .page--xpeer-as-landing-page .zq-row:not(.zq-key-visual) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page--xpeer-as-landing-page .zq-header .zq-row {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .zq-pricing-table__show-button-container {
    display: none;
  }
}
/************************/
/* KEY VISUAL BUSINESS */
/************************/
.zq-key-visual--business {
  background: url("../images/product-business-background.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 60px;
}
.zq-key-visual--business .zq-container h1 strong {
  margin-top: 0;
  margin-bottom: 20px;
}
.zq-key-visual--business .zq-container p,
.zq-key-visual--business .zq-container h3 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.zq-key-visual--business ul {
  display: inline-block;
  text-align: left;
}
.zq-key-visual--business .button--big {
  margin-top: 30px;
}
/* RESPONSIVE */
/************************/
/* BUSINESS - INTRO HYPER VIRAL LEAD GENERATOR */
/************************/
.zq-use-our-hyper-viral-lead-generator {
  position: relative;
  padding-bottom: 50px;
}
.zq-use-our-hyper-viral-lead-generator h2 {
  color: #FFBF00;
}
.zq-use-our-hyper-viral-lead-generator h3,
.zq-use-our-hyper-viral-lead-generator p,
.zq-use-our-hyper-viral-lead-generator li {
  color: white;
}
.zq-use-our-hyper-viral-lead-generator::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(2, 2, 2, 0.8);
}
.zq-get-all-the-support-you-need {
  position: relative;
  padding-bottom: 50px;
}
.zq-get-all-the-support-you-need h2 {
  color: #FFBF00;
}
.zq-get-all-the-support-you-need h3,
.zq-get-all-the-support-you-need p,
.zq-get-all-the-support-you-need li {
  color: white;
}
.zq-get-all-the-support-you-need::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 24, 60, 0.9);
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-use-our-hyper-viral-lead-generator {
    padding-bottom: 20px;
  }
}
/************************/
/* BUSINESS - INTRO PRODUCTS */
/************************/
.zq-business-products {
  background-color: #F2F2F2;
  padding-bottom: 50px;
}
.zq-business-products .zq-container > h3 {
  text-align: center;
  margin-bottom: 50px;
}
.zq-business-products .zq-product__container {
  margin-bottom: 50px;
}
.zq-business-products .zq-product__container .zq-product {
  border-radius: 25px;
  margin-bottom: 50px;
}
.zq-business-products .zq-product__container .zq-product:last-of-type {
  margin-bottom: 0;
}
.zq-business-products .zq-product__container:last-of-type {
  margin-bottom: 0;
}
.zq-business-products .zq-product__breadcrumb {
  color: rgba(255, 255, 255, 0.5);
}
.zq-business-products .zq-product__breadcrumb:hover {
  color: white;
}
.zq-product--business-referral {
  background: #11183C url("../images/product-business-referral.png") right top no-repeat;
  background-size: 50%;
}
.zq-product--business-xpeer {
  background: #11183C url("../images/product-business-xpeer.png") right top no-repeat;
  background-size: 50%;
}
.zq-product--business-affiliate {
  background: #11183C url("../images/product-business-affiliate.png") right top no-repeat;
  background-size: 50%;
}
.zq-product--business-trusted-partner {
  background: #11183C url("../images/product-business-trusted-partner.png") right top no-repeat;
  background-size: 50%;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-business-products .zq-product__content h2,
  .zq-business-products .zq-product__content p {
    padding-right: 40%;
  }
}
@media (max-width: 550px) {
  .zq-business-products .zq-product__content p {
    padding-right: 0;
  }
}
/************************/
/* BUSINESS - INTRO BBO SCREENSHOTS */
/************************/
.zq-bbo-screenshots {
  text-align: center;
  padding-bottom: 50px;
}
.zq-bbo-screenshots h2 {
  max-width: 992px;
  margin: 0 auto 20px auto;
}
.zq-bbo-screenshots h4 {
  color: #5C6170;
}
.zq-bbo-screenshots__container {
  display: flex;
  align-items: center;
}
.zq-bbo-screenshots__image img {
  width: 100%;
}
.zq-bbo-screenshots__benefit {
  margin: 20px 0;
  text-align: left;
  padding-left: 40px;
  position: relative;
}
.zq-bbo-screenshots__benefit::before {
  content: ' ';
  display: block;
  width: 14px;
  height: 14px;
  background-color: #233785;
  position: absolute;
  left: 0;
  top: 10px;
}
.zq-bbo-screenshots__benefit strong {
  font-size: 32px;
  line-height: 36px;
  display: block;
  font-weight: 300;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .zq-bbo-screenshots__benefit {
    padding-left: 40px;
    margin: 10px 0;
  }
  .zq-bbo-screenshots__benefit::before {
    width: 14px;
    height: 14px;
    top: 10px;
  }
  .zq-bbo-screenshots__benefit strong {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 1400px) {
  .zq-bbo-screenshots__benefit {
    padding-left: 24px;
  }
  .zq-bbo-screenshots__benefit::before {
    width: 10px;
    height: 10px;
    top: 8px;
  }
  .zq-bbo-screenshots__benefit strong {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}
@media (max-width: 1200px) {
  .zq-bbo-screenshots__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .zq-bbo-screenshots__content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    justify-content: center;
  }
  .zq-bbo-screenshots__benefit {
    width: calc((100% - 3 * 40px) / 3);
    box-sizing: border-box;
    margin: 20px;
  }
}
@media (max-width: 768px) {
  .zq-bbo-screenshots__benefit {
    width: calc((100% - 2 * 40px) / 2);
  }
}
@media (max-width: 550px) {
  .zq-bbo-screenshots__benefit {
    width: calc((100% - 1 * 40px) / 1);
  }
}
/************************/
/* BUSINESS - WHY INTRO */
/************************/
.zq-business-why-intro .zq-container {
  text-align: center;
}
.zq-business-why-intro h3 {
  color: #5C6170;
  font-weight: 400;
}
.zq-business-why-intro h3 strong {
  color: #233785;
  display: block;
  font-size: 120%;
  line-height: 120%;
}
/* RESPONSIVE */
/************************/
/* BUSINESS - C2H MACHINE */
/************************/
.zq-how-it-works--C2H-machine img {
  width: 100%;
  max-width: 600px;
  margin: 20px 0 -50px 0;
}
.C2H-machine-how-it-works-visual img {
  width: 100%;
  max-width: 500px;
  display: block;
  margin-top: 50px;
}
.zq-C2H-includes {
  background: #020202 url("../images/product-business-C2H-Machine.jpg") center center no-repeat;
  background-size: 100%;
  color: white;
}
.zq-C2H-includes .zq-container {
  width: 50%;
  max-width: none;
  margin: 0;
}
.zq-C2H-includes h4 {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-C2H-includes {
    background: #020202 url("../images/product-business-C2H-Machine.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
  }
  .zq-C2H-includes .zq-container {
    width: 100%;
  }
  .zq-C2H-includes::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(2, 2, 2, 0.5);
  }
}
@media (max-width: 768px) {
  .C2H-machine-how-it-works-visual img {
    margin-left: auto;
    margin-right: auto;
  }
  .zq-C2H-includes {
    background: #020202 url("../images/product-business-C2H-Machine.jpg") -1000px center no-repeat;
    background-size: cover;
    position: relative;
  }
  .zq-C2H-includes .zq-container {
    width: 100%;
  }
  .zq-C2H-includes::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(2, 2, 2, 0.75);
  }
}
/************************/
/* REFERRAL - KEY VISUAL */
/************************/
.zq-key-visual--business-referral {
  background: url("../images/product-business-referral-background.jpg") center center no-repeat;
}
.business-referral__two-tier {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0;
}
.business-referral__two-tier h3 {
  width: 100%;
}
.business-referral__tier-details {
  margin: 20px;
  width: 40%;
}
.business-referral__circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  padding: 10px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #233785;
  background-color: white;
}
.business-referral__circle strong {
  font-size: 26px;
  line-height: 28px;
}
.business-referral__tier-title {
  font-size: 24px;
  line-height: 30px;
  color: white;
}
/************************/
/* XPEER - KEY VISUAL */
/************************/
.zq-key-visual--business-xpeer {
  background: url("../images/product-business-xpeer-background.jpg") center center no-repeat;
}
.business-xpeer__commissions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.business-xpeer__commissions h3 {
  width: 100%;
}
.business-xpeer__commissions-details {
  margin: 20px;
}
.business-xpeer__circle {
  font-size: 26px;
  line-height: 28px;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  padding: 10px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: white;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
  background-color: #FFBF00;
  font-weight: 600;
}
.business-xpeer__circle em {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.business-xpeer__tier-title {
  font-size: 24px;
  line-height: 30px;
  color: #FFBF00;
}
/************************/
/* XPEER - PRODUCTS */
/************************/
.business-xpeer-products__exposed-feature {
  margin: 20px 0;
}
.business-xpeer-products__exposed-feature-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 5px;
}
.zq-pricing-packages--xpeer {
  background-color: #F2F2F2;
}
.zq-pricing-packages--xpeer h2 {
  text-align: center;
  margin-bottom: 50px;
}
.zq-pricing-packages--xpeer .zq-pricing-packages__choose-subscription-type li:last-child .choose-subscription-type__button {
  border-right: 1px solid #e5e5e5;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button {
  border: 1px solid #e5e5e5;
  border-right: none;
  background-color: transparent;
  color: #AAAAAA;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button strong {
  font-size: 16px;
  line-height: 20px;
  color: #5C6170;
  display: block;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button--active {
  background-color: white;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button--active strong {
  color: #FFBF00;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button--active::before,
.zq-pricing-packages--xpeer .choose-subscription-type__button--active::after {
  display: block;
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button--active::before {
  bottom: -11px;
  border-color: #F2F2F2 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.zq-pricing-packages--xpeer .choose-subscription-type__button--active::after {
  bottom: -10px;
  border-color: white transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.zq-pricing-packages--xpeer .zq-pricing-packages__package {
  width: 18%;
  overflow: hidden;
  background-color: white;
}
.zq-pricing-packages--xpeer .zq-pricing-packages__package-title {
  font-size: 14px;
  line-height: 18px;
  color: #233785;
  margin: -20px -20px 20px -20px;
  padding: 10px 20px;
  width: 100%;
}
.zq-pricing-packages--xpeer .zq-pricing-packages__package-title strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #FFBF00;
}
.zq-pricing-table__show-button-container {
  text-align: center;
}
/* RESPONSIVE */
@media (max-width: 1800px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 20%;
  }
}
@media (max-width: 1600px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 24%;
  }
}
@media (max-width: 1400px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 26%;
  }
}
@media (max-width: 1200px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 28%;
  }
}
@media (max-width: 992px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 35%;
  }
}
@media (max-width: 768px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 45%;
  }
}
@media (max-width: 550px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 80%;
  }
}
@media (max-width: 320px) {
  .zq-pricing-packages--xpeer .zq-pricing-packages__package {
    width: 100%;
  }
}
/************************/
/* XPEER - TRY AND BUY */
/************************/
.business-xpeer-try-and-buy {
  text-align: center;
  padding-bottom: 50px;
  background-color: #11183C;
}
.business-xpeer-try-and-buy h3 {
  color: white;
}
.business-xpeer-try-and-buy p {
  color: rgba(255, 255, 255, 0.5);
}
/************************/
/* XPEER - FEATURES */
/************************/
.business-xpeer-features {
  padding-bottom: 0;
}
.business-xpeer-features h2 {
  max-width: 992px;
  margin: 0 auto 20px auto;
}
.business-xpeer-features .zq-container {
  text-align: center;
}
.business-xpeer-features .grid-items {
  margin-bottom: 50px;
}
.business-xpeer-features .grid-items__item {
  background-color: white;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 40px 20px 20px 20px;
  position: relative;
}
.business-xpeer-features .grid-items__item::before,
.business-xpeer-features .grid-items__item::after {
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.business-xpeer-features .grid-items__item::before {
  width: 50px;
  height: 50px;
  background-color: #FFBF00;
  top: -25px;
  border-radius: 50%;
  z-index: 1;
}
.business-xpeer-features .grid-items__item::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: white;
  z-index: 2;
  font-size: 24px;
  top: -9px;
}
.business-xpeer-features .grid-items__title {
  color: #233785;
}
/************************/
/* XPEER - EXPLAIN THROUGH FAQ */
/************************/
.business-xpeer-explain-through-faq {
  padding-bottom: 50px;
}
.business-xpeer-explain-through-faq h2 {
  text-align: center;
}
/* RESPONSIVE */
/************************/
/* XPEER - EXPLAIN MORE */
/************************/
.business-xpeer-explain-more {
  padding-bottom: 50px;
}
/* RESPONSIVE */
/************************/
/* XPEER - COMMISSION AND POSITION */
/************************/
.business-xpeer-commission-and-position {
  background-color: #F2F2F2;
  padding-bottom: 50px;
}
.business-xpeer-commission-and-position h2 {
  text-align: center;
}
.business-xpeer-commission__calculate {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.business-xpeer-commission__calculate-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  font-size: 18px;
  line-height: 22px;
  background-color: #FFBF00;
  color: white;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
}
.business-xpeer-commission__calculate-item strong {
  margin-bottom: 5px;
  display: block;
  font-size: 26px;
  line-height: 26px;
}
.business-xpeer-commission__calculate-item--equails {
  background-color: #233785;
  color: white;
  text-shadow: none;
}
.business-xpeer-commission__calculate-item--equails strong {
  color: #FFBF00;
}
.business-xpeer-commission__calculate-sign {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 150px;
  margin: 0 10px;
  font-size: 50px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .business-xpeer-commission__calculate {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .business-xpeer-commission__calculate-sign {
    height: auto;
    margin: 20px;
  }
}
/************************/
/* XPEER - COMMISSION AND POSITION EXPLAIN */
/************************/
.business-xpeer-commission-and-position-explain {
  background-color: #F2F2F2;
  margin: 5px 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 70px;
  padding-right: 70px;
  position: relative;
}
.business-xpeer-commission-and-position-explain .hidden-part {
  margin-top: 20px;
}
.business-xpeer-commission-and-position-explain h3 {
  margin-bottom: 0;
}
.business-xpeer-commission-and-position-explain h3,
.business-xpeer-commission-and-position-explain h4 {
  color: #5C6170;
  text-align: center;
  transition: all 300ms ease-in-out;
}
.business-xpeer-commission-and-position-explain h3 strong,
.business-xpeer-commission-and-position-explain h4 strong {
  display: block;
  transition: all 300ms ease-in-out;
}
.business-xpeer-commission-and-position-explain hr {
  background-color: white;
}
.business-xpeer-commission-and-position-explain .business-referral__two-tier {
  margin: 0;
  text-align: center;
}
.business-xpeer-commission-and-position-explain .business-referral__tier-title {
  color: #5C6170;
}
.business-xpeer-commission-and-position-explain .business-referral__circle {
  background-color: #FFBF00;
  color: white;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
}
.business-xpeer-commission-and-position-explain::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  position: absolute;
  font-size: 36px;
  transition: all 300ms ease-in-out;
}
.business-xpeer-commission-and-position-explain:hover::before {
  color: #233785;
}
.business-xpeer-commission-and-position-explain--active {
  cursor: auto;
}
.business-xpeer-commission-and-position-explain--active::before {
  top: auto;
  bottom: 20px;
  -webkit-transform: translateY(0) rotate(180deg);
          transform: translateY(0) rotate(180deg);
}
.business-xpeer-commission-and-position-explain__table {
  margin-top: 20px;
  border: 1px solid #d9d9d9;
}
.business-xpeer-commission-and-position-explain__table tr td,
.business-xpeer-commission-and-position-explain__table tr th {
  text-align: left;
  padding: 10px;
}
.business-xpeer-commission-and-position-explain__table tr td:first-child,
.business-xpeer-commission-and-position-explain__table tr th:first-child {
  border-right: 1px solid #d9d9d9;
  padding-right: 20px;
}
.business-xpeer-commission-and-position-explain__table thead tr th {
  background-color: #ededed;
}
.business-xpeer-commission-and-position-explain__table thead tr th:first-child {
  width: 70%;
}
.business-xpeer-commission-and-position-explain__table tbody tr td {
  border-top: 1px solid #d9d9d9;
}
.business-xpeer-commission-and-position-explain__table tbody tr td strong {
  font-size: 18px;
  line-height: 24px;
}
.business-xpeer-commission-and-position-explain__table tbody tr td p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.business-xpeer-commission-and-position-explain__table tbody tr td p:last-of-type {
  margin-bottom: 0;
}
.business-xpeer-commission-and-position-explain__table tbody tr td:last-of-type {
  font-size: 18px;
  line-height: 24px;
}
.business-xpeer-commission-and-position-explain__table tbody tr:last-of-type td {
  border-bottom: 1px solid #d9d9d9;
}
.business-xpeer-commission-and-position-explain__position-table {
  margin: 20px auto;
  border: 1px solid #d9d9d9;
}
.business-xpeer-commission-and-position-explain__position-table tr td,
.business-xpeer-commission-and-position-explain__position-table tr th {
  text-align: left;
  padding: 10px;
  border-right: 1px solid #d9d9d9;
  padding-right: 20px;
}
.business-xpeer-commission-and-position-explain__position-table thead tr th {
  background-color: #ededed;
}
.business-xpeer-commission-and-position-explain__position-table tbody tr td {
  border-top: 1px solid #d9d9d9;
}
.business-xpeer-commission-and-position-explain__position-table tbody tr td strong {
  font-size: 18px;
  line-height: 24px;
}
.business-xpeer-commission-and-position-explain__position-table tbody tr:last-of-type td {
  border-bottom: 1px solid #d9d9d9;
}
.business-xpeer-commission-and-position-explain__close-button {
  margin: 50px auto -20px auto;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  background-color: rgba(92, 97, 112, 0.1);
  padding: 10px 20px;
  width: 120px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  transition: all 300ms ease-in-out;
}
.business-xpeer-commission-and-position-explain__close-button:hover {
  background-color: #233785;
  color: white;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .business-xpeer-commission-and-position-explain {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }
  .business-xpeer-commission-and-position-explain::before {
    right: 10px;
    font-size: 24px;
  }
}
/************************/
/* XPEER - PAYOUT */
/************************/
/************************/
/* XPEER - RISK DISCLAIMER */
/************************/
.business-xpeer-risk-disclaimer {
  padding-bottom: 50px;
}
.business-xpeer-risk-disclaimer h4 {
  color: #5C6170;
}
.business-xpeer-risk-disclaimer p {
  font-size: 14px;
  line-height: 20px;
}
/* RESPONSIVE */
/************************/
/* AFFILIATE */
/************************/
.zq-key-visual--business-affiliate {
  background: url("../images/product-business-affiliate-background.jpg") center center no-repeat;
}
.business-affiliate-exposed {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 0;
  background-color: #F2F2F2;
}
/* RESPONSIVE */
/************************/
/* TRUSTED PARTNER */
/************************/
.zq-key-visual--business-trusted-partner {
  background: url("../images/product-business-trusted-partner-background.jpg") center center no-repeat;
}
/* RESPONSIVE */
/************************/
/* BUSINESS - BENEFITS */
/************************/
.zq-business-benefits {
  padding-bottom: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}
.zq-business-benefits--image-left {
  background-position: left top;
}
.zq-business-benefits--image-left .zq-container {
  padding-left: 600px;
}
.zq-business-benefits--image-right {
  background-position: right top;
}
.zq-business-benefits--image-right .zq-container {
  padding-right: 600px;
}
.zq-business-benefits--impact {
  background-image: url("../images/product-business-impact.jpg");
}
.zq-business-benefits--prizes {
  background-image: url("../images/product-business-prize.jpg");
}
.zq-business-benefits--connections {
  background-image: url("../images/product-business-connections.jpg");
}
/* RESPONSIVE */
@media (max-width: 2048px) {
  .zq-business-benefits {
    background-size: 750px;
  }
}
@media (max-width: 1600px) {
  .zq-business-benefits {
    background-size: 500px;
  }
}
@media (max-width: 1400px) {
  .zq-business-benefits {
    background-size: 400px;
  }
}
@media (max-width: 1200px) {
  .zq-business-benefits--image-left .zq-container {
    padding-left: 50%;
  }
  .zq-business-benefits--image-right .zq-container {
    padding-right: 50%;
  }
}
@media (max-width: 992px) {
  .zq-business-benefits {
    background-size: 300px;
  }
  .zq-business-benefits--image-left .zq-container {
    padding-left: 45%;
  }
  .zq-business-benefits--image-right .zq-container {
    padding-right: 45%;
  }
}
@media (max-width: 768px) {
  .zq-business-benefits {
    background-size: 200px;
  }
  .zq-business-benefits--image-left .zq-container {
    padding-left: 40%;
  }
  .zq-business-benefits--image-right .zq-container {
    padding-right: 40%;
  }
}
@media (max-width: 550px) {
  .zq-business-benefits {
    background-size: 300px;
  }
  .zq-business-benefits .zq-container {
    padding-top: 220px;
  }
  .zq-business-benefits--image-left .zq-container {
    padding-left: 0;
  }
  .zq-business-benefits--image-right .zq-container {
    padding-right: 0;
  }
}
/************************/
/* BUSINESS TOOLS AND SUPPORT */
/************************/
.zq-business-tools-and-support {
  padding-bottom: 60px;
}
.zq-business-tools-and-support .zq-container {
  text-align: center;
}
.zq-business-tools-and-support h2 {
  margin-bottom: 0;
}
.zq-business-tools-and-support .button {
  margin-top: 50px;
}
/* RESPONSIVE */
/************************/
/* BUSINESS - AFFILIATE & REFERRAL EXPOSED */
/************************/
.zq-prizes {
  margin-bottom: 20px;
}
.zq-prizes strong {
  font-weight: 500;
  display: block;
}
.zq-prizes--first-prize {
  font-size: 28px;
  line-height: 34px;
}
.zq-prizes--first-prize strong {
  font-size: 36px;
  line-height: 42px;
  color: #233785;
}
.zq-prizes--total-prize-pool {
  font-size: 18px;
  line-height: 24px;
}
.zq-prizes--total-prize-pool strong {
  font-size: 28px;
  line-height: 34px;
}
.zq-business-benefits--cash-commissions {
  text-align: center;
}
.zq-business-benefits--cash-commissions p {
  font-size: 28px;
  line-height: 38px;
}
.zq-business-benefits--cash-commissions p strong {
  display: inline-block;
  padding: 0 10px;
  background-color: #233785;
  color: white;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-business-benefits--cash-commissions p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 550px) {
  .zq-business-benefits--cash-commissions {
    padding-top: 0;
  }
  .zq-business-benefits--cash-commissions .zq-container {
    padding-top: 0;
  }
  .zq-business-benefits--cash-commissions p {
    font-size: 18px;
    line-height: 28px;
  }
}
/************************/
/* BUSINESS - ZQT TOKEN */
/************************/
.zq-key-visual--zqt-token {
  background: url("../images/product-business-zqt-token-background.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 60px;
}
.zq-key-visual--zqt-token .zq-container h1 strong {
  color: #FFA800 !important;
  margin-top: 0;
  margin-bottom: 20px;
}
.zq-key-visual--zqt-token .zq-container .icon-zqt-token {
  font-size: 180px;
  color: #FFA800;
  margin-bottom: 20px;
}
.zq-key-visual--zqt-token .grid-items {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.zq-key-visual--zqt-token .grid-items__title {
  color: white;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-key-visual--zqt-token .zq-container .icon-zqt-token {
    font-size: 150px;
  }
  .zq-key-visual--zqt-token .grid-items {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 550px) {
  .zq-key-visual--zqt-token .zq-container .icon-zqt-token {
    font-size: 120px;
  }
  .zq-key-visual--zqt-token .grid-items {
    padding-top: 20px;
  }
}
/************************/
/* BUSINESS - ZQT TOKEN - HOW DOES ZQT TOKEN WORK */
/************************/
.zqt-token-how-does-it-work {
  text-align: center;
  padding-bottom: 50px;
}
/* RESPONSIVE */
/************************/
/* BUSINESS - ZQT TOKEN - IDEA */
/************************/
.zqt-token-idea {
  background: url("../images/product-zqt-token-idea.jpg") left center no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.zqt-token-idea .zq-container .zqt-token-idea__right-content {
  width: 50%;
  margin-left: 50%;
}
.zqt-token-idea .zq-container .zqt-token-idea__right-content h1 {
  color: white;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zqt-token-idea .zq-container .zqt-token-idea__right-content p {
  color: white;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zqt-token-idea .text-in-qotes__content {
  color: white;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.6);
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .zqt-token-idea .zq-container .zqt-token-idea__right-content {
    width: 40%;
    margin-left: 60%;
  }
}
@media (max-width: 1200px) {
  .zqt-token-idea {
    background-position: -300px center;
  }
}
@media (max-width: 992px) {
  .zqt-token-idea {
    background-position: left center;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  .zqt-token-idea .zq-container {
    position: relative;
    z-index: 2;
  }
  .zqt-token-idea .zq-container .zqt-token-idea__right-content {
    width: 100%;
    margin-left: 0;
  }
  .zqt-token-idea .zq-container .zqt-token-idea__right-content h1 {
    text-shadow: none;
  }
  .zqt-token-idea .zq-container .zqt-token-idea__right-content p {
    text-shadow: none;
    font-weight: 300;
  }
  .zqt-token-idea:before {
    position: absolute;
    content: ' ';
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(53, 54, 58, 0.8);
  }
}
/************************/
/* BUSINESS - ZQT TOKEN - SPECIAL WARNING */
/************************/
.zqt-token-special-warning {
  text-align: center;
  padding-bottom: 50px;
}
.zqt-token-special-warning h4 {
  color: #5C6170;
}
.zqt-token-special-warning p {
  font-size: 14px;
  line-height: 20px;
}
/* RESPONSIVE */
/************************/
/* BUSINESS - ZQ 6 FIGURE OG PROGRAM */
/************************/
.zq-6-figure-og-program {
  background-color: #233785;
  color: white;
}
.zq-6-figure-og-program h2,
.zq-6-figure-og-program h3,
.zq-6-figure-og-program h4,
.zq-6-figure-og-program h5,
.zq-6-figure-og-program h6,
.zq-6-figure-og-program p {
  color: white;
}
.zq-6-figure-og-program .zq-container {
  text-align: center;
}
.zq-6-figure-og-program .grid-items {
  margin-bottom: 50px;
}
.zq-6-figure-og-program .grid-items__item {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 40px 20px 20px 20px;
  position: relative;
  border-radius: 25px;
}
.zq-6-figure-og-program .grid-items__item::before,
.zq-6-figure-og-program .grid-items__item::after {
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.zq-6-figure-og-program .grid-items__item::before {
  width: 50px;
  height: 50px;
  background-color: white;
  top: -25px;
  border-radius: 50%;
  z-index: 1;
}
.zq-6-figure-og-program .grid-items__item::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: #233785;
  z-index: 2;
  font-size: 24px;
  top: -9px;
}
.zq-6-figure-og-program-timeline h2 {
  text-align: center;
}
.program-timeline__item {
  display: flex;
  min-height: 300px;
  justify-content: flex-start;
  margin-bottom: 10px;
  border-radius: 25px;
  overflow: hidden;
  background-color: #F2F2F2;
}
.program-timeline__item--systems .program-timeline__level {
  background-color: #233785;
}
.program-timeline__item--events-and-workshops .program-timeline__level {
  background: #233785;
  background: linear-gradient(180deg, #233785 0%, #ffbf00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#233785", endColorstr="#ffbf00", GradientType=1);
}
.program-timeline__item--systems--leaders .program-timeline__level {
  background-color: #FFBF00;
}
.program-timeline__level {
  text-align: center;
  width: 200px;
  position: relative;
  flex: 0 0 auto;
}
.program-timeline__level-rotate {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, -50%);
          transform: rotate(-90deg) translate(-50%, -50%);
  -webkit-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  width: 260px;
  color: white;
}
.program-timeline__level-rotate strong,
.program-timeline__level-rotate span,
.program-timeline__level-rotate em {
  display: block;
}
.program-timeline__level-rotate strong {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 20px;
}
.program-timeline__level-rotate span {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}
.program-timeline__level-rotate em {
  font-size: 12px;
}
.program-timeline__phases-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 50px;
}
.program-timeline__phase {
  display: flex;
  align-items: flex-start;
  margin: 10px 0;
}
.program-timeline__phase strong {
  font-size: 24px;
  line-height: 30px;
  margin-right: 20px;
  white-space: nowrap;
}
.program-timeline__phase span {
  font-size: 24px;
  line-height: 30px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-6-figure-og-program .grid-items {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .program-timeline__item {
    min-height: 0;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  .program-timeline__item--events-and-workshops .program-timeline__level {
    background: #233785;
    background: linear-gradient(90deg, #233785 0%, #ffbf00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#233785", endColorstr="#ffbf00", GradientType=1);
  }
  .program-timeline__level {
    width: auto;
    flex: 1 1 auto;
    padding: 20px;
  }
  .program-timeline__level-rotate {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0);
    -webkit-transform-origin: 0px 0px;
            transform-origin: 0px 0px;
    width: auto;
  }
  .program-timeline__level-rotate strong {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
  }
  .program-timeline__level-rotate span {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .program-timeline__level-rotate em {
    font-size: 12px;
  }
  .program-timeline__phase strong {
    font-size: 20px;
    line-height: 26px;
  }
  .program-timeline__phase span {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 550px) {
  .program-timeline__level-rotate strong {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .program-timeline__level-rotate span {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .program-timeline__phase {
    flex-direction: column;
  }
  .program-timeline__phase strong {
    font-size: 18px;
    line-height: 24px;
  }
  .program-timeline__phase span {
    font-size: 18px;
    line-height: 24px;
  }
}
/************************/
/* BUSINESS - REGISTRATION */
/************************/
.zq-key-visual .bbo-register__form {
  max-width: 450px;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px;
  margin: 0 auto;
}
.zq-key-visual .bbo-register__form p {
  color: #5C6170;
}
.zq-key-visual .bbo-register__form .social-login {
  border-top: 1px solid #DDDDDD;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-key-visual .bbo-register__form {
    padding: 20px;
  }
}
/***********************************/
/* BUSINESS - BBO BANNER */
/***********************************/
.free-bbo-banner {
  position: relative;
  box-sizing: border-box;
  background: #11183C url('../images/business-banner.jpg') no-repeat center center;
  background-size: cover;
}
.free-bbo-banner .zq-container {
  min-height: 550px;
  position: relative;
}
.free-bbo-banner__container {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  max-width: 700px;
  z-index: 2;
}
.free-bbo-banner__content {
  text-align: center;
  margin-bottom: 40px;
}
.free-bbo-banner__title {
  color: white;
  margin: 0 0 20px 0;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
.free-bbo-banner__title strong {
  display: block;
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
}
.free-bbo-banner__subtitle {
  color: white;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 20px;
}
.free-bbo-banner__form {
  margin: 0 auto 50px auto;
  max-width: 480px;
  text-align: center;
}
.free-bbo-banner__form p {
  color: white;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .free-bbo-banner__container {
    max-width: 600px;
  }
}
@media (max-width: 992px) {
  .free-bbo-banner__container {
    max-width: 500px;
  }
}
@media (max-width: 768px) {
  .free-bbo-banner {
    background: #11183C url('../images/business-banner-mobile.jpg') no-repeat left bottom;
    background-size: cover;
    padding-top: 0;
  }
  .free-bbo-banner .zq-container {
    height: auto;
    min-height: auto;
  }
  .free-bbo-banner__container {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-width: none;
    padding: 50px 0 400px 0;
  }
}
@media (max-width: 550px) {
  .free-bbo-banner {
    background-position: 0px bottom;
    background-size: contain;
  }
  .free-bbo-banner__title {
    font-size: 36px;
    line-height: 42px;
  }
  .free-bbo-banner__subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .free-bbo-banner__container {
    padding-bottom: 250px;
  }
}
@media (max-width: 450px) {
  .free-bbo-banner__container {
    padding-bottom: 200px;
  }
}
@media (max-width: 380px) {
  .free-bbo-banner__container {
    padding-bottom: 160px;
  }
}
@media (max-width: 320px) {
  .free-bbo-banner__container {
    padding-bottom: 140px;
  }
}
.page--nutrition h1,
.page--nutrition h2,
.page--nutrition h3,
.page--nutrition h4,
.page--nutrition h5,
.page--nutrition h6 {
  color: #784b9e;
}
.page--nutrition .zq-key-visual::before {
  background-color: rgba(120, 75, 158, 0.6);
}
.page--nutrition .input--text:focus {
  border: 1px solid #784b9e;
}
.page--nutrition .button--primary {
  background: #784b9e;
}
.page--nutrition .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #6b438d;
}
.page--nutrition .button--gray:hover,
.page--nutrition .button--gray:focus:hover,
.page--nutrition .button--gray:focus,
.page--nutrition .button--gray:focus:focus {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #784b9e;
}
.page--nutrition .zq-how-it-works .grid-items__item::before {
  background-color: #784b9e;
}
.page--nutrition .zq-footer h1,
.page--nutrition .zq-footer h2,
.page--nutrition .zq-footer h3,
.page--nutrition .zq-footer h4,
.page--nutrition .zq-footer h5,
.page--nutrition .zq-footer h6 {
  color: white;
}
.page--nutrition .zq-footer .button--primary {
  background: #7ED321;
}
.page--nutrition .zq-footer .button--primary:hover {
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #71bd1e;
}
.page--nutrition-as-landing-page .zq-how-it-works {
  background-color: rgba(120, 75, 158, 0.1);
}
.page--nutrition-as-landing-page .zq-row:not(.zq-key-visual) {
  padding-top: 100px;
  padding-bottom: 100px;
}
.page--nutrition-as-landing-page .zq-header .zq-row {
  padding: 0;
}
.page--nutrition-as-landing-page .zq-key-visual::before {
  background-color: rgba(120, 75, 158, 0.8);
}
.page--nutrition-as-landing-page .zq-key-visual__as-seen-on {
  background-color: rgba(53, 54, 58, 0.8);
}
.page--nutrition-as-landing-page .zq-text-in-center {
  padding-bottom: 50px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .page--nutrition-as-landing-page .zq-row:not(.zq-key-visual) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page--nutrition-as-landing-page .zq-header .zq-row {
    padding: 0;
  }
}
/***********************************/
/* NUTRITION / KEY VISUAL */
/***********************************/
.zq-key-visual--nutrition {
  background: url("../images/product-nutrition-background.jpg") center bottom no-repeat;
  background-size: cover;
  padding-top: 60px;
}
.zq-key-visual--nutrition .zq-container h1 {
  color: rgba(255, 255, 255, 0.8);
}
.zq-key-visual--nutrition .zq-container h1 strong {
  color: white;
  margin-top: 0;
  margin-bottom: 20px;
}
.zq-key-visual--nutrition .zq-container p,
.zq-key-visual--nutrition .zq-container h3 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.zq-key-visual--nutrition .zq-download-report {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 25px;
}
.zq-key-visual--nutrition .zq-download-report__report {
  right: 50px;
}
/* RESPONSIVE */
/***********************************/
/* NUTRITION / WHY */
/***********************************/
.zq-nutrition-why {
  text-align: center;
  padding-bottom: 20px;
  background-color: #784b9e;
}
.zq-nutrition-why h2,
.zq-nutrition-why p {
  color: white;
}
.nutrition-3-elements {
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
  text-align: center;
}
.nutrition-3-elements__item {
  width: calc(100% / 3 - 40px);
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  margin: 0 20px;
  color: white;
}
.nutrition-3-elements__icon {
  font-size: 140px;
  line-height: 140px;
  margin-bottom: 20px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .nutrition-3-elements__item {
    font-size: 20px;
    line-height: 24px;
  }
  .nutrition-3-elements__icon {
    font-size: 120px;
    line-height: 120px;
  }
}
@media (max-width: 768px) {
  .nutrition-3-elements {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
  }
  .nutrition-3-elements__item {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin: 20px 0;
  }
  .nutrition-3-elements__icon {
    font-size: 80px;
    line-height: 80px;
    margin: 0 20px 0 0;
  }
}
/***********************************/
/* NUTRITION / BEST RESULTS */
/***********************************/
.zq-nutrition-best-results {
  text-align: center;
  padding-bottom: 20px;
}
/* RESPONSIVE */
/***********************************/
/* NUTRITION / 4 CYCLES */
/***********************************/
.zq-nutrition-cycles {
  padding: 0;
  text-align: center;
}
.zq-nutrition-cycles .zq-container {
  display: flex;
  flex-wrap: wrap;
}
.zq-nutrition-cycle {
  padding: 50px;
  width: calc(100% / 4);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.zq-nutrition-cycle .zq-nutrition-cycle__small-print {
  margin: auto -50px -50px -50px;
  width: auto;
  font-size: 10px;
  line-height: 14px;
  font-style: italic;
}
.zq-nutrition-cycle--cycle-1 {
  background-color: #d0dfee;
}
.zq-nutrition-cycle--cycle-1 .zq-nutrition-cycle__title {
  background-color: #a0bfdc;
}
.zq-nutrition-cycle--cycle-1 .zq-nutrition-cycle__title::before {
  border-color: transparent transparent transparent #a0bfdc;
}
.zq-nutrition-cycle--cycle-2 {
  background-color: #cbe6ee;
}
.zq-nutrition-cycle--cycle-2 .zq-nutrition-cycle__title {
  background-color: #97ccdc;
}
.zq-nutrition-cycle--cycle-2 .zq-nutrition-cycle__title::before {
  border-color: transparent transparent transparent #97ccdc;
}
.zq-nutrition-cycle--cycle-3 {
  background-color: #c2e2da;
}
.zq-nutrition-cycle--cycle-3 .zq-nutrition-cycle__title {
  background-color: #84c4b4;
}
.zq-nutrition-cycle--cycle-3 .zq-nutrition-cycle__title::before {
  border-color: transparent transparent transparent #84c4b4;
}
.zq-nutrition-cycle--cycle-4 {
  background-color: #fcf7d7;
}
.zq-nutrition-cycle--cycle-4 .zq-nutrition-cycle__title {
  background-color: #f9eeae;
}
.zq-nutrition-cycle--cycle-4 .zq-nutrition-cycle__title::before {
  display: none;
}
.zq-nutrition-cycle__title {
  margin: -50px -50px 20px -50px;
  padding: 20px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  position: relative;
}
.zq-nutrition-cycle__title::before {
  z-index: 1;
  position: absolute;
  content: ' ';
  width: 0px;
  height: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -20px;
  border-style: solid;
  border-width: 30px 0 30px 20px;
}
.zq-nutrition-cycle__duration {
  margin-bottom: 20px;
}
.zq-nutrition-cycle__duration strong {
  display: block;
}
.zq-nutrition-cycle__products-container {
  display: inline-flex;
  flex-direction: column;
}
.zq-nutrition-cycle__product {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 25px;
  margin: 5px 0;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px 20px 10px 10px;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.zq-nutrition-cycle__product:hover {
  background-color: white;
}
.zq-nutrition-cycle__quantity {
  font-size: 18px;
  font-weight: 600;
  color: #784b9e;
  margin-right: 5px;
}
.zq-nutrition-cycle__product-image {
  width: 50px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.zq-nutrition-cycle__product-image img {
  margin-top: 5px;
  display: block;
  width: 100%;
}
.zq-nutrition-cycle__product-title {
  color: #784b9e;
  text-align: left;
  line-height: 16px;
  font-size: 12px;
}
.zq-nutrition-cycle__product-title strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.zq-nutrition-cycle__small-print {
  text-align: center;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.zq-nutrition-cycle__cta {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-nutrition-cycle__product-title span {
    display: none;
  }
}
@media (max-width: 992px) {
  .zq-nutrition-cycle {
    padding: 20px;
    text-align: center;
  }
  .zq-nutrition-cycle .zq-nutrition-cycle__small-print {
    margin: auto -20px -20px -20px;
  }
  .zq-nutrition-cycle__title {
    margin: -20px -20px 20px -20px;
    font-size: 20px;
    line-height: 24px;
  }
  .zq-nutrition-cycle__product-image {
    width: 40px;
  }
}
@media (max-width: 768px) {
  .zq-nutrition-cycles .zq-container {
    flex-direction: column;
  }
  .zq-nutrition-cycle {
    width: 100%;
    position: relative;
  }
  .zq-nutrition-cycle::before {
    z-index: 1;
    position: absolute;
    content: ' ';
    width: 0px;
    height: 0px;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 20px 0 20px;
  }
  .zq-nutrition-cycle--cycle-1::before {
    border-color: #d0dfee transparent transparent transparent;
  }
  .zq-nutrition-cycle--cycle-2::before {
    border-color: #cbe6ee transparent transparent transparent;
  }
  .zq-nutrition-cycle--cycle-3::before {
    border-color: #c2e2da transparent transparent transparent;
  }
  .zq-nutrition-cycle--cycle-4::before {
    display: none;
  }
  .zq-nutrition-cycle__title::before {
    display: none;
  }
  .zq-nutrition-cycle__products-container {
    align-items: center;
  }
}
/***********************************/
/* NUTRITION / FOR WHO */
/***********************************/
.zq-nutrition-for-who {
  padding-bottom: 50px;
}
.zq-nutrition-for-who .zq-container {
  display: flex;
  align-items: center;
}
.zq-nutrition-for-who__content {
  padding-right: 50px;
  box-sizing: border-box;
}
.zq-nutrition-for-who__circle {
  flex: 0 0 auto;
  width: 500px;
  height: 500px;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-nutrition-for-who .zq-container {
    flex-direction: column;
  }
  .zq-nutrition-for-who__content {
    padding-right: 0;
  }
  .zq-nutrition-for-who__circle {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .zq-nutrition-for-who__circle {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 400px) {
  .zq-nutrition-for-who__circle {
    width: 200px;
    height: 200px;
  }
}
/***********************************/
/* NUTRITION / FLOWER BACKGROUND */
/***********************************/
.zq-nutrition-flower-background {
  background: url("../images/nutrition-flower-background.jpg") left bottom no-repeat;
  background-size: cover;
}
/* RESPONSIVE */
/***********************************/
/* NUTRITION / SYNERGY */
/***********************************/
/* RESPONSIVE */
/***********************************/
/* NUTRITION / ALOXYL */
/***********************************/
.zq-nutrition-aloxyl {
  padding-bottom: 50px;
}
.zq-nutrition-aloxyl h2 strong {
  display: block;
}
.zq-nutrition-aloxyl img {
  float: right;
  width: 400px;
}
/* RESPONSIVE */
/***********************************/
/* NUTRITION / GUIDE */
/***********************************/
.zq-nutrition-guide {
  background-color: #784b9e;
  padding-bottom: 50px;
  text-align: center;
}
.zq-nutrition-guide h2,
.zq-nutrition-guide h5,
.zq-nutrition-guide p {
  color: white;
}
/* RESPONSIVE */
/***********************************/
/* NUTRITION / SUBSCRIBE */
/***********************************/
.subscribe-to-nutrition-banner {
  position: relative;
  box-sizing: border-box;
  background: url('../images/nutrition-banner.jpg') no-repeat bottom left;
  background-size: cover;
  padding: 0;
}
.subscribe-to-nutrition-banner .zq-container {
  display: flex;
  justify-content: flex-end;
  min-height: 550px;
  position: relative;
}
.subscribe-to-nutrition-banner__container {
  width: 600px;
  padding: 50px;
}
.subscribe-to-nutrition-banner__title {
  color: #784b9e;
  margin: 0 0 20px 0;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
.subscribe-to-nutrition-banner__title strong {
  display: block;
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
}
.subscribe-to-nutrition-banner__subtitle {
  color: #5C6170;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 20px;
}
.subscribe-to-nutrition-banner__action-buttons {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.subscribe-to-nutrition-banner__action-buttons .button--primary {
  margin-right: 20px;
}
.subscribe-to-nutrition-banner__small-print {
  margin-top: 20px;
  font-style: italic;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .subscribe-to-nutrition-banner__container {
    width: 480px;
    padding: 50px 50px 50px 0;
  }
  .subscribe-to-nutrition-banner__title {
    font-size: 28px;
    line-height: 34px;
  }
  .subscribe-to-nutrition-banner__title strong {
    font-size: 42px;
    line-height: 52px;
  }
  .subscribe-to-nutrition-banner__subtitle {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 992px) {
  .subscribe-to-nutrition-banner {
    background: url('../images/nutrition-banner-mobile.jpg') no-repeat center bottom;
    background-size: cover;
    padding-bottom: 400px;
  }
  .subscribe-to-nutrition-banner .zq-container {
    height: auto;
    min-height: auto;
  }
  .subscribe-to-nutrition-banner__container {
    width: auto;
    padding: 50px;
  }
  .subscribe-to-nutrition-banner__title,
  .subscribe-to-nutrition-banner__subtitle {
    color: white;
  }
  .subscribe-to-nutrition-banner__subtitle {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 550px) {
  .subscribe-to-nutrition-banner__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/***********************************/
/* SHOP NUTRITION */
/***********************************/
.page--shop-nutrition .zq-key-visual::before {
  background-color: rgba(120, 75, 158, 0.9);
}
.page--shop-nutrition .zq-key-visual .zq-container h1 strong {
  color: white;
}
.page--shop-nutrition .zq-key-visual .zq-container h2,
.page--shop-nutrition .zq-key-visual .zq-container h3,
.page--shop-nutrition .zq-key-visual .zq-container h4 {
  color: white;
}
/* RESPONSIVE */
/************************/
/* WHO WE ARE */
/************************/
.zq-company-who-we-are {
  background: url("../images/company-background.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 60px;
  position: relative;
}
.zq-company-who-we-are .zq-container {
  padding: 50px 0;
}
.zq-company-who-we-are::before {
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.who-we-are__product-line {
  display: flex;
  align-items: flex-start;
  margin: 50px 0;
}
.who-we-are__product-line p {
  text-align: left;
  margin: 0;
}
.who-we-are__product-line:last-of-type {
  margin-bottom: 0;
}
.product-line__logo {
  width: 200px;
  flex: 0 0 auto;
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
}
.product-line__logo img {
  margin: 10px 0 0 0;
}
.product-line__logo::before {
  position: absolute;
  content: ' ';
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
}
.product-line__logo--navigator::before {
  background-color: #7ED321;
}
.product-line__logo--nutrition::before {
  background-color: #784b9e;
}
.product-line__logo--business::before {
  background-color: #233785;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .who-we-are__product-line {
    flex-direction: column;
  }
  .product-line__logo {
    margin: 0 0 20px 0;
  }
}
/************************/
/* EVENTS PHOTOS */
/************************/
.zq-company-events-photos {
  padding: 0;
}
.zq-company-events-photos .zq-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.zq-company-events-photos .zq-container img {
  display: block;
  width: 25%;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-company-events-photos .zq-container img {
    width: 50%;
  }
}
/************************/
/* COMPANY VALUES */
/************************/
.zq-company__background {
  background: url("../images/company-background.svg") center top repeat-y;
  background-size: contain;
}
.zq-company-values .zq-container h2 {
  text-align: center;
}
.zq-values__container {
  display: flex;
  flex-wrap: wrap;
}
.zq-values__value {
  width: calc((100%) / 6);
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.zq-values__value-icon {
  font-size: 100px;
  display: block;
  margin: 0 auto 20px auto;
  color: #5C6170;
}
.zq-values__value-title {
  font-size: 24px;
  line-height: 30px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-values__value-icon {
    font-size: 70px;
  }
  .zq-values__value-title {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  .zq-company__background {
    background-size: 200%;
  }
  .zq-values__container {
    justify-content: center;
  }
  .zq-values__value {
    width: calc((100%) / 3);
  }
  .zq-values__value-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 550px) {
  .zq-values__value {
    width: 50%;
  }
}
@media (max-width: 320px) {
  .zq-values__value {
    width: 100%;
  }
}
/************************/
/* WHY WE STARTED */
/************************/
.zq-company-why-we-started .zq-container h2 {
  margin-bottom: 10px;
}
.zq-company-why-we-started .zq-container h5 {
  margin-bottom: 20px;
  color: #AAAAAA;
}
.why-we-started__signature img {
  display: block;
  margin: 10px 0;
  width: 150px;
}
.why-we-started__signature span {
  font-style: italic;
}
/* RESPONSIVE */
/************************/
/* HISTORY */
/************************/
.zq-company-history {
  position: relative;
  text-align: center;
}
.zq-company-history .zq-container h2,
.zq-company-history .zq-container p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-company-history {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/************************/
/* TEAM */
/************************/
.zq-company-team {
  text-align: center;
  padding-bottom: 50px;
}
.zq-team__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.zq-team__member {
  width: 18%;
  background-color: white;
  margin: 50px 3.5%;
  box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  overflow: hidden;
}
.zq-team__member-image {
  position: relative;
  z-index: 1;
}
.zq-team__member-image img {
  width: 100%;
}
.zq-team__member-info {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 60px 10px 10px 10px;
  margin-top: -30px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.zq-team__member-info strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}
.zq-team__member-info::before {
  content: ' ';
  display: block;
  position: absolute;
  background-color: #737373;
  height: 30px;
  left: -30px;
  right: -30px;
  top: 10px;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.zq-team__social {
  margin-top: 10px !important;
  padding-top: 5px;
  padding-bottom: 10px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-team__member {
    width: 23%;
    margin: 20px 1%;
  }
}
@media (max-width: 992px) {
  .zq-team__member {
    width: 29.333%;
    margin: 20px 2%;
  }
}
@media (max-width: 550px) {
  .zq-team__member {
    width: 46%;
    margin: 20px 2%;
  }
}
@media (max-width: 360px) {
  .zq-team__member {
    width: 100%;
    margin: 20px 0;
  }
}
/************************/
/* CONTACT US */
/************************/
.zq-contact-us {
  padding-top: 110px;
  padding-bottom: 50px;
  position: relative;
  text-align: center;
}
.zq-contact-us .zq-container h1 {
  color: #7ED321;
  padding: 0;
  margin: 0;
}
.zq-contact-us__container h5 {
  color: #5C6170;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}
.zq-contact-us__container hr {
  margin: 20px;
}
.zq-contact-us__container > strong {
  display: block;
}
.zq-contact-us__container .button {
  margin: 10px 0 20px 0;
}
.zq-contact-us__container--office {
  background-color: #F2F2F2;
  padding: 20px;
  height: 100%;
  border-radius: 25px;
}
.zq-contact-us__address {
  margin-bottom: 20px;
}
.zq-contact-us__contact-details strong {
  font-weight: 300;
  color: #AAAAAA;
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.zq-contact-us__contact-details a {
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  display: block;
  margin-bottom: 10px;
}
.zq-contact-us__contact-details a:hover {
  text-decoration: underline;
}
.zq-contact-us__contact-details em {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
}
/* RESPONSIVE */
/************************/
/* CONTACT US ADDITIONAL */
/************************/
.zq-contact-us-additonal {
  text-align: center;
  padding-bottom: 50px;
  background-color: #F2F2F2;
}
.zq-contact-us-additonal h3 {
  margin: 50px 0 20px 0;
  padding: 0;
}
/***********************************/
/* NEWS HEADER */
/***********************************/
.zq-news-success-profile {
  position: relative;
  box-sizing: border-box;
  background: url('../images/navigator-banner.jpg') no-repeat center center;
  background-size: cover;
  padding-top: 60px;
}
.zq-news-success-profile .zq-container {
  min-height: 550px;
  position: relative;
}
.zq-news-success-profile__container {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 700px;
  z-index: 2;
}
.zq-news-success-profile__content {
  text-align: center;
}
.zq-news-success-profile__title {
  color: #7ED321;
  font-size: 46px;
  line-height: 52px;
  margin: 0 0 20px 0;
  font-weight: 600;
}
.zq-news-success-profile__subtitle {
  color: #5C6170;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}
.zq-news-success-profile__form {
  margin-top: 20px;
}
.zq-news-success-profile__form h3 {
  font-size: 18px;
  line-height: 24px;
  color: #7ED321;
  text-align: center;
  text-transform: none;
  margin-bottom: 10px;
}
.zq-news-success-profile__form form {
  margin: 0 auto;
  max-width: 400px;
  text-align: center;
}
.zq-news-success-profile__form form .form-item label {
  text-align: left;
}
.zq-news-success-profile__form form .form-text {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #AAAAAA;
}
.zq-news-success-profile__form form .form-text:focus {
  border: 1px solid #7ED321;
}
.zq-news-success-profile__form form .button--primary {
  margin-top: 20px;
}
.zq-news-success-profile__form .alert {
  display: block;
  position: relative !important;
  right: 0 !important;
}
/* RESPONSIVE */
@media (min-width: 1800px) {
  .zq-news-success-profile {
    background-position: center -100px;
  }
}
@media (max-width: 992px) {
  .zq-news-success-profile__container {
    max-width: 500px;
  }
}
@media (max-width: 768px) {
  .zq-news-success-profile {
    background-position: center right;
  }
  .zq-news-success-profile .zq-container {
    height: auto;
    min-height: auto;
  }
  .zq-news-success-profile__container {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-width: none;
    padding: 50px 20px;
  }
}
@media (max-width: 550px) {
  .zq-news-success-profile__title {
    font-size: 36px;
    line-height: 42px;
  }
  .zq-news-success-profile__subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .zq-news-success-profile__container {
    padding: 50px 0;
  }
}
/***********************************/
/* NEWS LIST */
/***********************************/
.zq-news {
  padding-top: 110px;
  padding-bottom: 50px;
}
.zq-news .zq-container h3 {
  margin-bottom: 50px;
}
.zq-news__news {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #F2F2F2;
  background-color: white;
}
.zq-news__news:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.zq-news__news::after {
  content: " ";
  display: table;
  clear: both;
}
.zq-news__news-image {
  display: block;
  float: left;
  width: 40%;
  position: relative;
  overflow: hidden;
}
.zq-news__news-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}
.zq-news__news-image::before,
.zq-news__news-image::after {
  display: block;
  content: ' ';
  position: absolute;
  top: -20px;
  bottom: -20px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.zq-news__news-image::before {
  background-color: white;
  width: 100px;
  right: -60px;
  z-index: 3;
}
.zq-news__news-image::after {
  background-color: rgba(255, 255, 255, 0.8);
  right: -10px;
  width: 100px;
  z-index: 2;
}
.zq-news__news-content {
  float: right;
  width: 55%;
}
.zq-news__news-title {
  display: block;
  color: #5C6170;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 5px;
  text-decoration: none;
}
.zq-news__news-title:hover {
  color: #5C6170;
  text-decoration: underline;
}
.zq-news__news-date {
  color: #737373;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.zq-news__news-summary {
  font-size: 16px;
  line-height: 20px;
  color: #5C6170;
  font-weight: 300;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-news__news-image::before {
    width: 60px;
    right: -40px;
  }
  .zq-news__news-image::after {
    width: 60px;
  }
}
@media (max-width: 550px) {
  .zq-news .zq-container h3 {
    margin-bottom: 20px;
  }
  .zq-news__news-image {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .zq-news__news-image::before,
  .zq-news__news-image::after {
    top: auto;
    left: -20px;
    right: -20px;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  .zq-news__news-image::before {
    width: auto;
    height: 50px;
    bottom: -30px;
  }
  .zq-news__news-image::after {
    width: auto;
    bottom: 0px;
    height: 50px;
  }
  .zq-news__news-content {
    float: none;
    width: 100%;
  }
}
/***********************************/
/* NEWS CONTENT */
/***********************************/
.zq-news .zq-container .zq-news__content {
  font-weight: 400;
}
.zq-news .zq-container .zq-news__content h1 {
  font-size: 42px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 10px;
}
.zq-news .zq-container .zq-news__content h2 {
  font-size: 30px;
  line-height: 36px;
  color: #5C6170;
  margin: 20px 0 10px 0;
  font-weight: 600;
}
.zq-news .zq-container .zq-news__content h3 {
  font-size: 26px;
  line-height: 32px;
  color: #5C6170;
  margin: 20px 0 10px 0;
  font-weight: 500;
}
.zq-news .zq-container .zq-news__content h4 {
  font-size: 22px;
  line-height: 28px;
  color: #5C6170;
  margin: 20px 0 10px 0;
  font-weight: 500;
}
.zq-news .zq-container .zq-news__content p {
  font-weight: 400;
}
.zq-news .zq-container .zq-news__content ul {
  margin: 20px 0;
  list-style: none;
  padding: 0;
}
.zq-news .zq-container .zq-news__content ul li {
  padding-left: 20px;
  font-weight: 400;
  position: relative;
  margin: 5px 0;
}
.zq-news .zq-container .zq-news__content ul li::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
  height: 6px;
  background-color: #7ED321;
}
.zq-news .zq-container .zq-news__content ol {
  margin: 20px 0 20px 20px;
  list-style: decimal;
  padding: 0;
}
.zq-news .zq-container .zq-news__content ol li {
  margin: 5px 0;
}
.zq-news .zq-container .zq-news__content .zq-news__news-date {
  margin-bottom: 20px;
}
.zq-news .zq-container .zq-news__content .button {
  display: table;
  margin: 20px 0;
}
.zq-news .zq-container .zq-news__content::after {
  content: " ";
  display: table;
  clear: both;
}
.zq-news__cover-image {
  margin-bottom: 20px;
  width: 100%;
}
.zq-news__inline-image {
  max-width: 30%;
}
.zq-news__inline-image--left img,
.zq-news__inline-image--right img {
  display: block;
  width: 100%;
}
.zq-news__inline-image--left {
  clear: left;
  float: left;
  margin: 20px 20px 20px 0;
}
.zq-news__inline-image--right {
  clear: right;
  float: right;
  margin: 20px 0 20px 20px;
}
.zq-news__inline-image-title {
  background-color: #35363A;
  color: white;
  padding: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-news__content {
    display: flex;
    flex-direction: column;
  }
  .zq-news__content h1,
  .zq-news__content h2,
  .zq-news__content h3,
  .zq-news__content h4,
  .zq-news__content p,
  .zq-news__content ul,
  .zq-news__content ol {
    order: 1;
  }
  .zq-news__inline-image-container {
    padding-top: 20px;
  }
  .zq-news__inline-image-container img {
    display: block;
    margin: 0 auto 20px auto;
  }
  .zq-news__inline-image-container,
  .zq-news__inline-image,
  .zq-news__inline-image--left,
  .zq-news__inline-image--right {
    order: 2;
  }
  .zq-news__inline-image--left,
  .zq-news__inline-image--right {
    float: none;
    margin: 50px auto;
    width: 100%;
    max-width: 400px;
  }
}
/***********************************/
/* NEWS FOOTER */
/***********************************/
.zq-news-success-profile--footer {
  background-position: center -50px;
  padding-top: 0;
}
.zq-news-success-profile--footer::before {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(53, 54, 58, 0.8);
  z-index: 1;
}
.zq-news-success-profile--footer .zq-container {
  min-height: auto;
}
.zq-news-success-profile--footer .zq-container::after {
  content: " ";
  display: table;
  clear: both;
}
.zq-news-success-profile--footer .zq-news-success-profile__container {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  max-width: none;
  width: 60%;
  float: right;
  margin: 20px 0;
}
.zq-news-success-profile--footer .zq-news-success-profile__content {
  text-align: left;
}
.zq-news-success-profile--footer .zq-news-success-profile__title {
  color: #7ED321;
  font-size: 30px;
  line-height: 36px;
}
.zq-news-success-profile--footer .zq-news-success-profile__subtitle {
  color: white;
  font-size: 16px;
  line-height: 22px;
}
.zq-news-success-profile--footer .zq-news-success-profile__form {
  text-align: left;
}
.zq-news-success-profile--footer .zq-news-success-profile__form h3 {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.zq-news-success-profile--footer .zq-news-success-profile__form form {
  margin: 0;
  max-width: 400px;
  text-align: left;
}
.zq-news-success-profile--footer .zq-news-success-profile__form form .form-item label {
  text-align: left;
  color: white;
}
.zq-news-success-profile--footer .zq-news-success-profile__form form .form-text {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
/* RESPONSIVE */
@media (min-width: 1800px) {
  .zq-news-success-profile--footer {
    background-position: center -100px;
  }
}
@media (max-width: 992px) {
  .zq-news-success-profile--footer {
    background-position: center top;
  }
}
@media (max-width: 768px) {
  .zq-news-success-profile--footer .zq-news-success-profile__container {
    padding: 0;
  }
}
@media (max-width: 550px) {
  .zq-news-success-profile--footer {
    background-position: center right;
  }
  .zq-news-success-profile--footer .zq-news-success-profile__container {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
}
/***********************************/
/* NEWS HEADER */
/***********************************/
.zq-data-room {
  padding-top: 110px;
  padding-bottom: 50px;
}
.zq-data-room .zq-container {
  max-width: 700px;
}
.zq-data-room .zq-container > h1,
.zq-data-room .zq-container .region > h1 {
  margin-bottom: 20px;
}
.zq-data-room .zq-container > h2,
.zq-data-room .zq-container .region > h2 {
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  color: #5C6170;
}
.zq-data-room .zq_notice {
  font-size: 14px;
  line-height: 18px;
}
.zq-data-room .multistep h1 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
}
.zq-data-room .form-actions {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #F2F2F2;
}
.zq-data-room .form-actions .button--gray {
  background: #e5e5e5;
  color: #5C6170;
  float: left;
}
.zq-data-room .form-actions .button--gray:hover {
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #7ED321;
  color: white;
}
.zq-data-room .form-actions .button--primary {
  float: right;
}
.zq-data-room .form-actions::after {
  content: " ";
  display: table;
  clear: both;
}
.zq-data-room .ajax-progress {
  display: block;
}
.zq-data-room .ajax-progress div {
  background-color: transparent;
  padding: 0 0 0 10px;
  line-height: 30px;
  height: auto;
  width: auto;
}
.zq-data-room .field-name-field-zeequest-familiar-with {
  margin-left: 22px;
}
.zq-data-room .field-name-field-zeequest-member {
  margin: 40px 0;
}
.zq-data-room .form-type-radios {
  display: flex;
  flex-direction: column;
}
.zq-data-room .form-type-radios label {
  order: 1;
}
.zq-data-room .form-type-radios .description {
  order: 2;
}
.zq-data-room .form-type-radios .form-radios {
  order: 3;
}
.zq-data-room .form-type-radios .error {
  order: 4;
}
.zq-data-room .field-name-field-nda-pdf {
  margin: 20px 0;
  border: 1px solid #F2F2F2;
  border-radius: 5px;
  padding: 20px;
}
.zq-data-room .field-name-field-nda-pdf .form-item {
  margin: 0;
}
.zq-data-room .field-name-field-nda-pdf .form-item label {
  font-size: 18px;
  line-height: 24px;
}
.zq-data-room .field-name-field-nda-pdf .form-item .form-file {
  margin: 10px 0;
  width: 100%;
}
.zq-data-room .field-name-field-nda-pdf .form-item .btn-primary {
  background: #e5e5e5;
  color: #5C6170;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 14px;
  border-radius: 45px;
  min-height: 28px;
}
.zq-data-room .field-name-field-nda-pdf .form-item .btn-primary:hover {
  box-shadow: 0 0 30px 0 rgba(113, 189, 30, 0.5);
  background-color: #7ED321;
  color: white;
}
.zq-data-room .field-name-field-nda-pdf .form-item .description {
  margin-top: 20px;
}
.zq_data_room_steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0;
  border-radius: 5px;
  position: relative;
}
.zq_data_room_steps::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 2px;
  background-color: #F2F2F2;
}
.zq_data_room_steps .step {
  width: 20px;
  height: 20px;
  background-color: white;
  border: 1px solid #AAAAAA;
  position: relative;
  border-radius: 5px;
}
.zq_data_room_steps .step .step-number {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 12px;
  font-size: 12px;
  font-weight: 600;
}
.zq_data_room_steps .step--done {
  background-color: #7ED321;
  border: 1px solid #7ED321;
}
.zq_data_room_steps .step--done .step-number {
  color: white;
  font-size: 0;
}
.zq_data_room_steps .step--done .step-number::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 12px;
  color: white;
}
.zq_data_room_steps .step--current {
  border: 1px solid #7ED321;
}
.zq_data_room_steps .step--current .step-number {
  color: #7ED321;
}
/* RESPONSIVE */
/************************/
/* LOGIN */
/************************/
.login__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: url("../images/login-background.jpg") center bottom no-repeat;
  background-size: cover;
  position: relative;
}
.login__container::before {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(53, 54, 58, 0.6);
  z-index: 1;
}
.login__logo {
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}
.login__box {
  background-color: white;
  box-shadow: 0 0 100px 0 black;
  border-radius: 25px;
  max-width: 500px;
  width: 100%;
  padding: 50px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
.login__box h1 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 50px;
  color: #5C6170;
  font-weight: 500;
  text-align: center;
}
.login__box p {
  font-size: 14px;
  line-height: 18px;
}
.login__box .form__action-buttons {
  padding-top: 0;
  border-top: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.login__box .form__action-buttons .form__forgot-password {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 16px;
  display: block;
  font-weight: 400;
}
.login__box .form__action-buttons .button {
  display: block;
  float: none;
}
.login__box .form__action-buttons::after {
  display: none;
}
.login__box .social-login {
  border-top: 1px solid #F2F2F2;
  padding: 20px 20px 30px 20px;
  margin: 40px -50px -50px -50px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .main-content__referral {
    padding-top: 20px;
  }
}
@media (max-width: 550px) {
  .login__box {
    width: 90%;
    padding: 20px;
  }
  .login__box .social-login {
    margin: 40px -20px -20px -20px;
  }
}
/************************/
/* REGISTRATION */
/************************/
.zq-registration .zq-container {
  max-width: 700px;
}
.zq-registration .zq-container .steps__container {
  margin-bottom: 20px;
}
.zq-registration .zq-container h1 {
  font-size: 36px;
  line-height: 42px;
  margin: 50px 0 20px 0;
}
.zq-registration .zq-container .form {
  padding: 0 0 50px 0;
}
.zq-registration--completed .zq-container {
  padding-bottom: 50px;
  text-align: center;
}
.zq-registration--completed .zq-container h1 {
  font-size: 50px;
  line-height: 60px;
  color: #7ED321;
}
.zq-registration__select-date-of-birth {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 5px 0 0 0;
}
.zq-registration__select-date-of-birth > .form__label {
  margin-top: 5px;
  width: 100%;
  display: block;
}
.zq-registration__select-date-of-birth .form__group {
  width: 100px;
  margin: 5px 10px 0 0;
}
.zq-registration__select-date-of-birth .form__group:first-of-type {
  margin-top: 5px;
}
.zq-registration__small-print {
  margin-top: 50px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-registration .zq-container h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
/***********************************/
/* APPROVE EMAIL */
/***********************************/
.approve-email {
  margin-top: 60px;
  padding: 50px 0;
}
.approve-email h2 {
  text-transform: none;
  text-align: center;
  margin-bottom: 100px;
}
.approve-email h2 strong {
  color: #7ED321;
}
.approve-email__steps-container {
  display: flex;
  justify-content: space-between;
}
.approve-email__step {
  width: 23%;
  text-align: center;
  position: relative;
}
.approve-email__step p {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}
.approve-email__step p strong {
  color: #7ED321;
  font-weight: 600;
}
.approve-email__number {
  background-color: #7ED321;
  position: absolute;
  left: 0;
  top: -30px;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 32px;
  font-weight: 600;
  color: white;
  border-radius: 50%;
}
.approve-email__icon {
  font-size: 140px;
  margin-bottom: 50px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .approve-email__steps-container {
    flex-wrap: wrap;
  }
  .approve-email__step {
    width: 46%;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .approve-email {
    padding: 100px 0;
  }
  .approve-email__steps-container {
    justify-content: center;
  }
  .approve-email__step {
    width: 80%;
  }
}
@media (max-width: 550px) {
  .approve-email {
    padding: 50px 0;
  }
  .approve-email__step {
    width: 100%;
  }
}
.page--shop .zq-pricing-packages,
.page--shop .zq-shop-product-list {
  padding-top: 60px;
  padding-right: 0;
  padding-left: 0;
  background-color: white;
}
.page--shop .zq-pricing-packages h1,
.page--shop .zq-shop-product-list h1 {
  padding: 20px;
  text-align: center;
}
.page--shop .zq-pricing-packages h3,
.page--shop .zq-shop-product-list h3 {
  text-align: center;
}
.page--shop .zq-shop-product-list h1 em {
  margin-top: 10px;
  display: block;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}
.page--shop-product .zq-shop-product-list {
  padding-top: 0;
}
.page--shop-navigator .zq-pricing-packages h1 {
  background-color: #7ED321;
  color: white;
}
.page--shop-business .zq-pricing-packages h1 {
  background-color: #233785;
  color: white;
}
.page--shop-nutrition .zq-breadcrumbs {
  background-color: #784b9e;
  color: white;
}
.page--shop-nutrition .zq-breadcrumbs a {
  color: white;
}
.page--shop-nutrition .zq-shop-product-list h1 {
  background-color: #784b9e;
  color: white;
}
.page--shop-nutrition .zq-shop__plus::before {
  background-color: #784b9e;
}
.page--shop-nutrition .zq-shop__plus::after {
  color: white;
}
.page--shop-nutrition .product-box__title {
  color: #784b9e;
}
.page--shop-nutrition .product__right-side h1 {
  color: #784b9e;
}
.page--shop-nutrition .button--primary {
  background: #784b9e;
}
.page--shop-nutrition .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #6b438d;
}
.page--shop-packages .zq-breadcrumbs {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
  color: white;
}
.page--shop-packages .zq-breadcrumbs a {
  color: white;
}
.page--shop-packages .zq-shop-product-list h1 {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
  color: white;
}
.page--shop-packages .zq-shop__plus::before {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--shop-packages .zq-shop__plus::after {
  color: white;
}
.page--shop-packages .product-box__title {
  color: #5C6170;
}
.page--shop-packages .button--primary {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--shop-packages .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .page--shop .zq-shop-product-list h1 em {
    font-size: 16px;
    line-height: 22px;
  }
  .page--shop-product .zq-shop__product-box {
    width: calc(100%/2 - 50px);
  }
}
@media (max-width: 768px) {
  .page--shop-product .zq-shop__product-box {
    width: 100%;
  }
}
/************************/
/* SHOP INDEX */
/************************/
.zq-shop-index {
  padding-top: 110px;
  padding-bottom: 100px;
}
.zq-shop-index h1 {
  text-align: center;
}
.zq-shop__categories {
  display: flex;
  margin: -40px;
}
.zq-shop__category {
  margin: 40px;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.2);
  background-color: white;
  padding: 20px;
}
.zq-shop__category p {
  font-weight: 500;
}
.zq-shop__category--navigator strong {
  background-color: #7ED321;
  color: white;
}
.zq-shop__category--xpeer strong {
  background-color: #233785;
  color: white;
}
.zq-shop__category--xpeer .button--primary {
  background: #233785;
}
.zq-shop__category--xpeer .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(30, 47, 113, 0.5);
  background-color: #1e2f71;
}
.zq-shop__category--nutrition strong {
  background-color: #784b9e;
  color: white;
}
.zq-shop__category--nutrition .button--primary {
  background: #784b9e;
}
.zq-shop__category--nutrition .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #6b438d;
}
.zq-shop__category-title-image {
  position: relative;
  margin: -20px -20px 40px -20px;
}
.zq-shop__category-title-image strong {
  position: absolute;
  left: 0;
  bottom: -20px;
  display: block;
  padding: 20px;
  font-size: 24px;
}
.zq-shop__category-title-image img {
  display: block;
  width: 100%;
  height: auto;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-shop__categories {
    flex-wrap: wrap;
    margin: 0 -20px -20px -20px;
    justify-content: center;
  }
  .zq-shop__category {
    width: calc(100%/2 - 40px);
    box-sizing: border-box;
    margin: 20px;
  }
}
@media (max-width: 550px) {
  .zq-shop__categories {
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
  }
  .zq-shop__category {
    width: 100%;
    box-sizing: border-box;
    margin: 20px 0;
  }
}
/************************/
/* SHOP PRODUCT-LIST */
/************************/
.zq-shop__product-list {
  display: flex;
  flex-wrap: wrap;
  padding: 25px;
  box-sizing: border-box;
  margin-bottom: 50px;
  justify-content: center;
}
.zq-shop__product-box {
  margin: 25px;
  padding: 20px;
  border-radius: 25px;
  width: calc(100%/4 - 50px);
  box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
}
.zq-shop__product-box img {
  width: 100%;
  display: block;
  margin: 20px 0;
}
.zq-shop__product-box .discount {
  position: absolute;
  top: -10px;
  right: -10px;
}
.zq-shop__product-box--main-offer .product-box__footer,
.zq-shop__product-box--free-gift .product-box__footer {
  display: block;
}
.zq-shop__product-box--main-offer .product-box__footer .price-container,
.zq-shop__product-box--free-gift .product-box__footer .price-container {
  display: inline;
}
.zq-shop__plus {
  width: 50px;
  position: relative;
}
.zq-shop__plus::before,
.zq-shop__plus::after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.zq-shop__plus::before {
  content: ' ';
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.zq-shop__plus::after {
  content: '+';
  font-size: 80px;
  line-height: 80px;
  font-weight: 600;
  margin-top: -2px;
}
.product-box__title {
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  text-decoration: none;
}
.product-box__title strong {
  display: block;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
}
.product-box__title:hover strong {
  text-decoration: underline;
}
.product-box__pictogram {
  position: absolute;
  top: -20px;
  right: -20px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background-color: #FFA800;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  padding: 5px;
  box-sizing: border-box;
}
.product-box__pictogram--text {
  flex-direction: column;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
.product-box__pictogram--text strong {
  display: block;
  font-size: 30px;
  line-height: 30px;
  margin-top: -5px;
}
.product-box__footer {
  margin: auto 0 0 0;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.product-box__action-buttons {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.product-box__action-buttons .button {
  white-space: nowrap;
}
.product-box__action-buttons .button--gray {
  margin-bottom: 10px;
}
.zq-shop__products-total-value {
  text-align: center;
  padding-bottom: 50px;
}
.products-total-value {
  margin-bottom: 20px;
}
.products-total-value--payment-plan .price-container__price-new {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
.products-total-value__explain {
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
}
.products-total-value__pictogram {
  display: inline-block;
  font-size: 24px;
  position: relative;
  padding: 20px 20px 20px 70px;
  border: 1px solid #F2F2F2;
  border-radius: 25px;
  margin-bottom: 20px;
}
.products-total-value__pictogram::before {
  font-size: 40px;
  position: absolute;
  left: 20px;
  top: 10px;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .product-box__footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .product-box__action-buttons {
    width: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px;
  }
  .product-box__action-buttons .button--gray {
    margin: 0 10px 0 0;
  }
}
@media (max-width: 1400px) {
  .zq-shop__product-box {
    width: calc(100%/3 - 50px);
  }
  .zq-shop__product-box img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (max-width: 1200px) {
  .zq-shop__product-box {
    width: calc(100%/2 - 50px);
  }
}
@media (max-width: 768px) {
  .zq-shop__product-box {
    width: 100%;
    margin: 40px 0;
  }
  .zq-shop__plus {
    height: 80px;
    width: auto;
  }
  .product-box__pictogram {
    right: -10px;
  }
}
@media (max-width: 550px) {
  .zq-shop__plus {
    height: 50px;
  }
  .zq-shop__plus::before {
    width: 50px;
    height: 50px;
  }
  .zq-shop__plus::after {
    font-size: 50px;
    line-height: 50px;
    margin-top: -1px;
  }
}
/************************/
/* SHOP PACKAGES */
/************************/
.zq-shop__product-box--package {
  width: 100%;
  flex-direction: row;
}
.package-box__image {
  width: 30%;
}
.package-box__content {
  width: 70%;
}
.package-box-includes {
  margin-top: 20px;
}
.package-box-includes strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.package-box-includes__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.package-box-includes__container--4-items .package-box-includes__item {
  width: calc(100%/4 - 40px);
}
.package-box-includes__container--3-items .package-box-includes__item {
  width: calc(100%/3 - 40px);
}
.package-box-includes__container--2-items .package-box-includes__item {
  width: calc(100%/2 - 40px);
}
.package-box-includes__item {
  margin: 20px;
}
.package-box-includes__circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.package-box-includes__item--navigator .package-box-includes__circle {
  background-color: #7ED321;
}
.package-box-includes__item--navigator .package-box-includes__title {
  color: #7ED321;
}
.package-box-includes__item--nutrition .package-box-includes__circle {
  background-color: #784b9e;
}
.package-box-includes__item--nutrition .package-box-includes__title {
  color: #784b9e;
}
.package-box-includes__item--business .package-box-includes__circle {
  background-color: #233785;
}
.package-box-includes__item--business .package-box-includes__title {
  color: #233785;
}
.package-box-includes__title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
.package-box-includes__description {
  margin-top: 10px;
}
.package-box-includes__description em {
  display: block;
  font-style: italic;
  margin-top: 10px;
}
.package-box__read-more {
  margin-top: 10px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .package-box-includes__container--4-items .package-box-includes__item {
    width: calc(100%/2 - 40px);
  }
}
@media (max-width: 992px) {
  .zq-shop__product-box--package {
    flex-direction: column;
  }
  .package-box__image {
    width: 100%;
  }
  .package-box__content {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .package-box-includes__container--2-items .package-box-includes__item,
  .package-box-includes__container--3-items .package-box-includes__item,
  .package-box-includes__container--4-items .package-box-includes__item {
    width: 100%;
  }
}
/************************/
/* SHOP PRODUCT */
/************************/
.zq-shop__product {
  display: flex;
}
.zq-shop__product .product__right-side p {
  font-size: 20px;
  line-height: 26px;
}
.product__left-side {
  width: 50%;
  position: relative;
}
.product__left-side img {
  width: 100%;
  display: block;
}
.product__left-side .discount {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  font-size: 30px;
}
.product__right-side {
  width: 50%;
  padding-left: 50px;
  box-sizing: border-box;
}
.product__right-side h1 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
}
.product__right-side h1 strong {
  display: block;
  font-size: 72px;
  line-height: 72px;
  font-weight: 700;
}
.product__right-side .price-container__price-old {
  font-size: 20px;
  line-height: 20px;
}
.product__right-side .price-container__price-new {
  font-size: 56px;
  line-height: 56px;
}
.product__buy-buttons {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
.product__buy-buttons .form__group {
  margin: 0 20px 0 0;
}
.product__buy-buttons .button {
  margin: 0 20px 5px 0;
}
.product__buy-buttons .button:last-of-type {
  margin-right: 0;
}
.zq-shop__product-details {
  margin: 50px 0;
  display: flex;
  align-items: flex-start;
}
.zq-shop__product-details .product__left-side {
  width: 70%;
  box-sizing: border-box;
  padding-right: 50px;
}
.zq-shop__product-details .product__left-side h4 {
  margin-bottom: 10px;
}
.zq-shop__product-details .product__right-side {
  width: 30%;
  background-color: #F2F2F2;
  padding: 40px;
  border-radius: 25px;
  font-size: 14px;
}
.zq-shop__product-details .product__right-side p {
  font-size: 14px;
  line-height: 18px;
}
.zq-shop__product-details .product__right-side p em {
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
}
.zq-shop__product-details .product__right-side p:last-of-type {
  margin-bottom: 0;
}
.product__supplement-facts {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.product__supplements-table {
  margin-bottom: 10px;
}
.product__supplements-table tr.supplements-table__indent td {
  padding-top: 0;
  border-top: none;
}
.product__supplements-table tr.supplements-table__indent td:first-child {
  padding-left: 20px;
}
.product__supplements-table tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-shop__product-details .product__left-side {
    width: 60%;
  }
  .zq-shop__product-details .product__right-side {
    width: 40%;
  }
}
@media (max-width: 992px) {
  .zq-shop__product {
    flex-direction: column;
  }
  .product__left-side {
    width: 100%;
  }
  .product__left-side img {
    max-width: 500px;
    margin: 0 auto 20px auto;
  }
  .product__right-side {
    width: 100%;
    padding-left: 0;
  }
  .product__right-side h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .product__right-side h1 strong {
    display: block;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
  }
  .product__right-side .price-container__price-old {
    font-size: 20px;
    line-height: 20px;
  }
  .product__right-side .price-container__price-new {
    font-size: 56px;
    line-height: 56px;
  }
  .zq-shop__product-details {
    flex-direction: column;
  }
  .zq-shop__product-details .product__left-side {
    width: 100%;
    padding-right: 0;
  }
  .zq-shop__product-details .product__right-side {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .zq-shop__product .product__right-side p {
    font-size: 16px;
    line-height: 20px;
  }
  .product__right-side h1 {
    font-size: 20px;
    line-height: 26px;
  }
  .product__right-side h1 strong {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 550px) {
  .zq-shop__product-details .product__right-side {
    padding: 20px;
  }
}
/************************/
/* PACKAGING */
/************************/
.choose-packaging {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.choose-packaging strong {
  display: block;
  width: 100%;
}
.choose-packaging__item {
  padding: 5px 10px 5px 0;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  margin: 5px 5px 0 0;
  display: flex;
  align-items: center;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
.choose-packaging__item:hover {
  border-color: #784b9e;
}
.choose-packaging__item--selected {
  border-color: #784b9e;
  font-weight: 700;
  color: #784b9e;
}
.choose-packaging__item--selected .choose-packaging__indicatior {
  border-color: #784b9e;
  background-color: #784b9e;
}
.choose-packaging__item--selected .choose-packaging__indicatior::before {
  font-size: 8px;
}
.choose-packaging__indicatior {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  border: 1px solid #DDDDDD;
  margin: 0 5px;
  position: relative;
  transition: all 300ms ease-in-out;
}
.choose-packaging__indicatior::before {
  position: absolute;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: white;
  left: 3px;
  top: 3px;
  font-size: 0px;
  line-height: 8px;
  transition: all 300ms ease-in-out;
}
/************************/
/* SHOPPING CART */
/************************/
.zq-shopping-cart {
  padding-top: 100px;
}
.zq-shopping-cart .form__action-buttons {
  border-top: none;
  padding: 0;
  margin: 20px 0 50px 0;
}
.zq-shopping-cart__cart {
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  padding: 40px;
  margin-top: 40px;
}
.zq-shopping-cart__cart--credit-card-review {
  padding: 10px;
}
.zq-shopping-cart__cart--credit-card-review > strong {
  display: block;
  font-weight: 300;
  color: #AAAAAA;
  padding: 10px 20px 0 20px;
}
.zq-shopping-cart__cart--credit-card-review .zq-shopping-cart__table tbody tr td {
  padding: 10px 20px;
  font-size: 16px;
  border-bottom: none;
}
.zq-shopping-cart__table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}
.zq-shopping-cart__table thead tr td,
.zq-shopping-cart__table tbody tr td,
.zq-shopping-cart__table thead tr th,
.zq-shopping-cart__table tbody tr th {
  text-align: left;
  width: 1px;
  padding-left: 20px;
}
.zq-shopping-cart__table thead tr td:first-of-type,
.zq-shopping-cart__table tbody tr td:first-of-type,
.zq-shopping-cart__table thead tr th:first-of-type,
.zq-shopping-cart__table tbody tr th:first-of-type {
  padding-left: 0;
  width: auto;
}
.zq-shopping-cart__table thead tr td:last-of-type,
.zq-shopping-cart__table tbody tr td:last-of-type,
.zq-shopping-cart__table thead tr th:last-of-type,
.zq-shopping-cart__table tbody tr th:last-of-type {
  text-align: right;
}
.zq-shopping-cart__table thead tr th {
  font-size: 12px;
  line-height: 14px;
  color: #AAAAAA;
  border-bottom: 1px solid #F2F2F2;
  padding-top: 0;
  padding-bottom: 5px;
  vertical-align: bottom;
}
.zq-shopping-cart__table tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
  vertical-align: middle;
}
.zq-shopping-cart__table tbody tr td.zq-shopping-cart__total {
  white-space: nowrap;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row td {
  border-bottom: none;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row td:first-child {
  padding-left: 20px;
  position: relative;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row td:first-child::before {
  position: absolute;
  content: ' ';
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--navigator td:first-child::before {
  background-color: #7ED321;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--business td:first-child::before {
  background-color: #233785;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--nutrition td:first-child::before {
  background-color: #784b9e;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--coupon td {
  border-bottom: 1px solid #F2F2F2;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--coupon td .zq-shopping-cart__package {
  flex-direction: column;
  align-items: flex-start;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--coupon td .zq-shopping-cart__package strong {
  display: block;
  margin: 0 0 5px 0;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row.zq-shopping-cart__row--coupon td:first-child::before {
  background-color: #607d8b;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__membership td {
  text-align: left;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row--choose-subscription td {
  text-align: left;
  padding: 0 0 20px 20px;
  border-bottom: 1px solid #F2F2F2;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row--choose-subscription td:first-child {
  padding-left: 100px;
}
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row--choose-subscription .form__group,
.zq-shopping-cart__table tbody tr.zq-shopping-cart__row--choose-subscription .form__checkbox {
  margin: 0;
}
.zq-shopping-cart__table tfoot tr td {
  padding-top: 20px;
}
.zq-shopping-cart__table-footer {
  display: flex;
  justify-content: space-between;
}
.zq-shopping-cart__coupon-code {
  background-color: rgba(96, 125, 139, 0.1);
  padding: 20px;
  border-radius: 25px;
}
.zq-shopping-cart__coupon-code .button--primary {
  background-color: #607d8b;
}
.zq-shopping-cart__coupon-code .button--primary:hover {
  box-shadow: 0 0 30px 0 rgba(86, 111, 124, 0.5);
  background-color: #566f7c;
}
.zq-shopping-cart__to-pay {
  text-align: right;
}
.zq-shopping-cart__payment {
  padding-top: 5px;
}
.zq-shopping-cart__payment--exposed {
  font-size: 20px;
  line-height: 26px;
}
.zq-shopping-cart__package {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.zq-shopping-cart__package img {
  display: block;
  width: 60px;
}
.zq-shopping-cart__package > strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-left: 20px;
}
.zq-shopping-cart__package-title {
  margin-left: 20px;
}
.zq-shopping-cart__package-title > strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.zq-shopping-cart__package-title .choose-packaging {
  margin: 10px 0 0 0;
}
.zq-shopping-cart__package-title .choose-packaging strong {
  font-weight: 400;
}
.zq-shopping-cart__remove-item {
  border: none;
  background-color: transparent;
  color: #737373;
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
  position: relative;
  padding-left: 14px;
  cursor: pointer;
  outline: none;
}
.zq-shopping-cart__remove-item::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 4px;
  content: "\e908";
  color: #cc0624;
  font-size: 8px;
  line-height: 8px;
}
.zq-shopping-cart__remove-item:hover {
  text-decoration: underline;
  color: #cc0624;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-shopping-cart .zq-container h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .zq-shopping-cart .zq-container .steps__container {
    margin-bottom: 0;
  }
  .zq-shopping-cart__cart {
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 550px) {
  .zq-shopping-cart__cart {
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;
  }
  .zq-shopping-cart__table thead tr td:last-of-type,
  .zq-shopping-cart__table tbody tr td:last-of-type,
  .zq-shopping-cart__table thead tr th:last-of-type,
  .zq-shopping-cart__table tbody tr th:last-of-type {
    padding-left: 0;
  }
  .zq-shopping-cart__table tbody tr.zq-shopping-cart__row--choose-subscription td:first-child {
    padding-left: 80px;
  }
  .zq-shopping-cart__package img {
    width: 40px;
  }
  .zq-shopping-cart__cart--credit-card-review {
    padding: 20px;
  }
  .zq-shopping-cart__cart--credit-card-review > strong {
    padding: 0 0 10px 0;
  }
  .zq-shopping-cart__cart--credit-card-review .zq-shopping-cart__table tbody tr td {
    display: block;
    padding: 0;
    text-align: left;
  }
  .zq-shopping-cart__cart--credit-card-review .zq-shopping-cart__table tbody tr td.zq-shopping-cart__total {
    font-size: 14px;
    padding-top: 4px;
  }
  .zq-shopping-cart__table-footer {
    flex-direction: column;
    justify-content: flex-start;
  }
  .zq-shopping-cart__coupon-code {
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .zq-shopping-cart__table tbody tr.zq-shopping-cart__row--choose-subscription td:first-child {
    padding-left: 20px;
  }
  .zq-shopping-cart__package {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .zq-shopping-cart__package img {
    margin-bottom: 10px;
  }
  .zq-shopping-cart__package strong {
    margin-left: 0;
  }
}
/************************/
/* CHECKOUT */
/************************/
.page--checkout .zq-shop__product-box .product-box__title {
  color: #784b9e;
}
.page--checkout .zq-shop__product-box .button--primary {
  background: #784b9e;
}
.page--checkout .zq-shop__product-box .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #6b438d;
}
.page--checkout .zq-shop__product-box .button--gray:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(107, 67, 141, 0.5);
  background-color: #6b438d;
}
.zq-checkout .zq-container {
  max-width: 700px;
}
.zq-checkout .zq-container .steps__container {
  margin-bottom: 20px;
}
.zq-checkout .zq-container h1 {
  font-size: 36px;
  line-height: 42px;
  margin: 50px 0 20px 0;
}
.zq-checkout .zq-container .form {
  padding: 0 0 50px 0;
}
/************************/
/* CHECKOUT - STEP 1 */
/************************/
/************************/
/* CHECKOUT - STEP 2 */
/************************/
.zq-checkout__payments .form__group {
  margin: 0;
}
.zq-checkout__payments .form__radio {
  border-top: 1px solid #F2F2F2;
  padding: 20px 0 10px 0;
}
.zq-checkout__payments .form__action-buttons {
  margin-top: 0;
}
.zq-checkout__payment-options {
  display: block;
  margin: 5px 0 0 0;
}
.zq-checkout__payment-options li {
  display: inline-block;
  margin-right: 10px;
}
.zq-checkout__payment-options li img {
  max-width: 50px;
}
.zq-checkout__payment-options .payment-methods__paypal {
  max-width: 100px;
}
.zq-checkout__payment-options .payment-methods__crypto-btc,
.zq-checkout__payment-options .payment-methods__crypto-bch,
.zq-checkout__payment-options .payment-methods__crypto-eth,
.zq-checkout__payment-options .payment-methods__crypto-ltc {
  max-width: 25px;
}
/* RESPONSIVE */
/************************/
/* CHECKOUT - STEP 3 */
/************************/
.zq-checkout--review-and-confirm .form__action-buttons {
  border-top: none;
  margin-top: 10px;
}
.zq-shopping-cart__customer-details {
  margin-bottom: 20px;
}
.zq-shopping-cart__customer-details strong {
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}
.zq-shopping-cart__users-list {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
}
.zq-shopping-cart__users-list strong {
  font-weight: 400;
}
.zq-shopping-cart__users-list ul {
  margin: 0;
}
.zq-shopping-cart__users-list ul li {
  padding-left: 10px;
  position: relative;
}
.zq-shopping-cart__users-list ul li::before {
  position: absolute;
  display: block;
  content: ' ';
  width: 3px;
  height: 3px;
  left: 0;
  top: 8px;
  background-color: #7ED321;
}
/* RESPONSIVE */
/************************/
/* CHECKOUT - STEP WAITING */
/************************/
.zq-checkout--waiting {
  padding-bottom: 50px;
}
.zq-checkout--waiting h1 {
  color: #5C6170;
}
/* RESPONSIVE */
/************************/
/* CHECKOUT - STEP THANK YOU */
/************************/
.zq-checkout--thank-you {
  padding-bottom: 50px;
}
.zq-shopping-cart__bank-wire-transfer {
  padding: 20px;
  background-color: #F2F2F2;
}
.zq-shopping-cart__bank-wire-transfer strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 400;
}
.zq-shopping-cart__bank-wire-transfer p:last-of-type {
  margin-bottom: 0;
}
/* RESPONSIVE */
/************************/
/* CHECKOUT - STEP FAILED */
/************************/
.zq-checkout--failed {
  padding-bottom: 50px;
}
.zq-checkout--failed h1 {
  color: #cc0624;
}
/* RESPONSIVE */
/************************/
/* PRICING */
/************************/
.zq-pricing {
  padding-top: 110px;
}
.zq-pricing .zq-container {
  text-align: center;
}
.pre-launch-offer {
  background-color: #FFA800;
  color: white;
  padding: 20px;
  display: table;
  margin: 50px auto 0 auto;
  text-decoration: none;
  transition: all 300ms ease-in-out;
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  border-radius: 25px;
}
.pre-launch-offer:hover,
.pre-launch-offer:active,
.pre-launch-offer:focus {
  color: white;
  background-color: #7ED321;
  text-decoration: none;
  -webkit-transform: scale(1.2) rotate(3deg);
          transform: scale(1.2) rotate(3deg);
}
.pre-launch-offer__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}
.pre-launch-offer__title strong {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  display: block;
  margin-bottom: 20px;
}
/************************/
/* PRICING PACKAGES */
/************************/
.zq-pricing-packages {
  padding-bottom: 50px;
  padding-right: 0;
  padding-left: 0;
}
.zq-pricing-packages h4 {
  text-align: center;
}
.zq-pricing-packages__separator {
  margin: 20px 0;
}
.zq-pricing-packages__choose-subscription-type {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
}
.zq-pricing-packages__choose-subscription-type li {
  display: block;
  margin: 0;
  padding: 0;
}
.zq-pricing-packages__choose-subscription-type li:first-child .choose-subscription-type__button {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.zq-pricing-packages__choose-subscription-type li:last-child .choose-subscription-type__button {
  border-right: 1px solid #F2F2F2;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.choose-subscription-type__button {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #F2F2F2;
  border-right: none;
  background-color: #f9f9f9;
  color: #AAAAAA;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.choose-subscription-type__button strong {
  font-size: 16px;
  line-height: 20px;
  color: #5C6170;
  display: block;
}
.choose-subscription-type__button--active {
  background-color: white;
  position: relative;
}
.choose-subscription-type__button--active strong {
  font-weight: 600;
  color: #7ED321;
}
.choose-subscription-type__button--active::before,
.choose-subscription-type__button--active::after {
  display: block;
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}
.choose-subscription-type__button--active::before {
  bottom: -11px;
  border-color: #F2F2F2 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.choose-subscription-type__button--active::after {
  bottom: -10px;
  border-color: white transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.zq-pricing-packages__container {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
}
.zq-pricing-packages__package {
  width: 14%;
  border-radius: 25px;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
}
.zq-pricing-packages__package .package__description {
  margin: 0 0 20px 0;
}
.zq-pricing-packages__package--special-offer {
  background-color: rgba(255, 168, 0, 0.1);
}
.zq-pricing-packages__special-offer {
  background-color: #FFA800;
  color: white;
  position: absolute;
  top: -20px;
  right: -10px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
  border-radius: 5px;
}
.zq-pricing-packages__package--not-avaliable .zq-pricing-packages__package-info {
  opacity: 0.4;
  pointer-events: none;
}
.zq-pricing-packages__coming-soon {
  background-color: #AAAAAA;
  color: white;
  position: absolute;
  top: -12px;
  left: 50%;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.zq-pricing-packages__package-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  position: relative;
}
.zq-pricing-packages__package-info img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.zq-pricing-packages__package-info p {
  font-size: 14px;
  line-height: 18px;
  margin-top: 20px;
}
.zq-pricing-packages__package-info .button {
  margin: auto 0 0 0;
}
.zq-pricing-packages__package-title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
.zq-pricing-packages__package-title strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #7ED321;
}
.zq-pricing-packages__free {
  background-color: white;
  color: #5C6170;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  padding: 5px 20px;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
  display: table;
  margin: 20px auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.zq-pricing-packages__small-text {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}
.zq-pricing-packages__discount {
  background-color: white;
  color: #5C6170;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  padding: 4px 4px;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
  display: table;
  margin: 4px auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.zq-pricing-packages__price-container {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 14px;
}
.zq-pricing-packages__price-container .zqu {
  margin-top: 16px;
  color: #7ED321;
  font-weight: bold;
}
@media (min-width: 992px) {
  .zq-pricing-packages__price-container .zqu {
    font-weight: 600;
  }
}
.zq-pricing-packages__price {
  font-size: 36px;
  line-height: 42px;
  font-weight: 400;
  color: #5C6170;
}
.zq-pricing-packages__price.discounted-from {
  font-size: 18px;
  text-decoration: line-through;
  line-height: 1;
  color: #AAAAAA;
}
.zq-pricing-packages__price sup {
  font-size: 18px;
  margin-left: 5px;
  vertical-align: super;
}
.zq-pricing-packages__per-year {
  margin-top: 20px;
}
.zq-pricing-packages__per-year .strong {
  font-weight: 400;
}
.zq-pricing-packages__duration {
  margin: 20px 0 20px 0;
  font-size: 12px;
  line-height: 16px;
}
.zq-pricing-packages__special-offer-inline {
  background-color: #FFA800;
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
.zq-pricing-packages__special-offer-inline strong {
  font-weight: 600;
}
.zq-pricing-packages__special-offer-inline-details {
  color: #FFA800;
  font-size: 12px;
  line-height: 16px;
  margin: 10px 0 20px 0;
}
.zq-pricing-packages__package-contains {
  padding: 20px;
}
.zq-pricing-packages__package-contains h4 {
  font-size: 18px;
  line-height: 22px;
}
.zq-pricing-packages__package-contains ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
}
.zq-pricing-packages__package-contains ul li {
  padding-left: 24px;
  margin: 5px 0;
  position: relative;
}
.zq-pricing-packages__package-contains ul li::before {
  position: absolute;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  font-size: 12px;
  line-height: 12px;
  left: 0;
  top: 3px;
  color: #7ED321;
}
.asterisk-explain {
  text-align: center;
  margin: 20px 0;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
}
/* RESPONSIVE */
@media (max-width: 1600px) {
  .zq-pricing-packages__container {
    flex-wrap: wrap;
  }
  .zq-pricing-packages__package {
    width: 26%;
    margin-bottom: 50px;
  }
}
@media (max-width: 992px) {
  .zq-pricing-packages__package {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .zq-pricing-packages__package {
    width: 40%;
    margin-bottom: 50px;
  }
}
@media (max-width: 550px) {
  .zq-pricing-packages {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 50px;
  }
  .zq-pricing-packages__choose-subscription-type {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .zq-pricing-packages__choose-subscription-type li .choose-subscription-type__button {
    border-right: 1px solid #F2F2F2;
    border-bottom: none;
  }
  .zq-pricing-packages__choose-subscription-type li:first-child .choose-subscription-type__button {
    border-radius: 0;
  }
  .zq-pricing-packages__choose-subscription-type li:last-child .choose-subscription-type__button {
    border-radius: 0;
    border-bottom: 1px solid #F2F2F2;
  }
  .choose-subscription-type__button {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #F2F2F2;
    border-right: none;
    background-color: #f9f9f9;
    color: #AAAAAA;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
  }
  .choose-subscription-type__button strong {
    font-size: 16px;
    line-height: 20px;
    color: #5C6170;
    display: block;
  }
  .choose-subscription-type__button--active {
    background-color: white;
    position: relative;
  }
  .choose-subscription-type__button--active strong {
    font-weight: 600;
    color: #7ED321;
  }
  .choose-subscription-type__button--active::before,
  .choose-subscription-type__button--active::after {
    display: block;
    content: ' ';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
  }
  .choose-subscription-type__button--active::before {
    bottom: -11px;
    border-color: #F2F2F2 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
  .choose-subscription-type__button--active::after {
    bottom: -10px;
    border-color: white transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
  .zq-pricing-packages__package {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 50px auto;
  }
}
/************************/
/* PRICING TABLE */
/************************/
.zq-pricing-table {
  background-color: #F2F2F2;
  padding-bottom: 50px;
}
.zq-pricing-table h2 {
  text-align: center;
}
.zq-pricing-table__table tr td,
.zq-pricing-table__table tr th {
  text-align: center;
  padding: 20px 5px;
}
.zq-pricing-table__table tr td:first-child,
.zq-pricing-table__table tr th:first-child {
  text-align: right;
  border-right: 1px solid #d9d9d9;
  padding-right: 20px;
}
.zq-pricing-table__table thead tr th {
  font-size: 14px;
  line-height: 18px;
  width: 16%;
}
.zq-pricing-table__table thead tr th strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #7ED321;
}
.zq-pricing-table__table thead tr th:first-child {
  width: 20%;
}
.zq-pricing-table__table tbody tr td {
  border-top: 1px solid #d9d9d9;
}
.zq-pricing-table__table tbody tr td .icon-checkmark {
  color: #7ED321;
}
.zq-pricing-table__table tbody tr:last-of-type td {
  border-bottom: 1px solid #d9d9d9;
}
.zq-pricing-table__table tfoot .zq-pricing-packages__buy td {
  font-size: 14px;
  line-height: 18px;
}
.zq-pricing-table__table tfoot .zq-pricing-packages__buy td strong {
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #7ED321;
  margin-bottom: 20px;
}
.zq-pricing-table__table .zq-pricing-packages__coming-soon {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  display: inline-block;
  opacity: 0.5;
}
.zq-pricing-packages__feature-explain {
  display: block;
  color: #AAAAAA;
  font-size: 12px;
  line-height: 18px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-pricing-table {
    display: none;
  }
}
/************************/
/* PRICING ONE DEAL */
/************************/
.zq-pricing-one-deal {
  padding-top: 110px;
}
.zq-pricing-one-deal .zq-container {
  text-align: center;
}
.zq-pricing-one-deal .zq-container h1 {
  margin-bottom: 10px;
}
.zq-pricing-one-deal .zq-container h1 strong {
  display: block;
}
.zq-pricing-packages--one-deal {
  padding-bottom: 50px;
}
.zq-pricing-packages--one-deal .zq-pricing-packages__container {
  justify-content: center;
}
.zq-pricing-packages--one-deal .zq-pricing-packages__package {
  width: 100%;
  max-width: 400px;
}
.zq-pricing-packages--one-deal .zq-pricing-packages__special-offer {
  top: -20px;
  right: auto;
  left: 50%;
  -webkit-transform: rotate(3deg) translateX(-50%);
          transform: rotate(3deg) translateX(-50%);
}
/************************/
/* PRESENTATION VIDEOS */
/************************/
.zq-presentation-videos {
  background-color: #F2F2F2;
  padding-bottom: 50px;
}
.zq-presentation-videos .zq-container {
  text-align: center;
}
.zq-presentation-videos h2 {
  margin-bottom: 0;
}
/************************/
/* BUY NOW */
/************************/
.zq-buy-now {
  padding-bottom: 50px;
}
.zq-buy-now .zq-container {
  text-align: center;
}
/***********************************/
/* ZQ CONTENT */
/***********************************/
.zq-content {
  padding-top: 80px;
  padding-bottom: 50px;
}
.zq-content ul {
  margin-bottom: 20px;
}
.zq-content ul li {
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
}
.zq-content ul li::before {
  position: absolute;
  display: block;
  content: ' ';
  width: 5px;
  height: 5px;
  left: 0;
  top: 11px;
  background-color: #7ED321;
}
.zq-content ol {
  list-style: decimal;
  margin-bottom: 20px;
}
.zq-content ol li {
  margin-left: 40px;
}
.zq-content ol.zq-content__table-of-content {
  padding: 20px;
  background-color: #F2F2F2;
  margin-bottom: 50px;
}
.zq-content ol.zq-content__table-of-content li {
  margin-left: 20px;
}
.zq-content li {
  font-size: 18px;
  line-height: 24px;
  margin: 5px 0;
}
.zq-content h2,
.zq-content h3,
.zq-content h4,
.zq-content h5,
.zq-content h6 {
  color: #5C6170;
  font-weight: 500;
}
.zq-content h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.h3--with-number:before {
  counter-increment: section;
  content: counter(section) ". ";
}
.zq-company__company-location {
  margin-bottom: 20px;
}
.zq-company__company-location h4 {
  margin: 0 0 5px 0;
}
.zq-company__company-location p {
  margin: 0;
  padding: 0;
}
.zq-company__contact-options p {
  margin: 0;
  padding: 0;
}
/***********************************/
/* DOWNLOAD REPORT */
/***********************************/
.zq-download-report-row {
  background-color: #F2F2F2;
}
.zq-download-report {
  display: flex;
  align-items: center;
  position: relative;
  padding: 50px;
}
.zq-download-report__content {
  width: 60%;
  text-align: left;
  color: #5C6170;
  padding-right: 50px;
  box-sizing: border-box;
}
.zq-download-report__content p,
.zq-download-report__content h5 {
  color: #5C6170;
}
.zq-download-report__content h3 {
  font-weight: 600;
}
.zq-download-report__content h4 {
  color: #5C6170;
}
.zq-download-report__content h4 strong {
  display: block;
}
.zq-download-report__report {
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-download-report {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px;
  }
  .zq-download-report__content {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
  .zq-download-report__report {
    width: 40%;
    position: relative;
    right: auto !important;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 20px auto;
  }
}
.st0 {
  fill: transparent;
  stroke: white;
  stroke-width: 3;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
.st1 {
  stroke: transparent;
  stroke-width: 3;
  fill: transparent;
}
.st2 {
  fill: transparent;
  stroke: white;
  stroke-width: 3;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke-linecap: round;
}
.st3 {
  fill: transparent;
  stroke: white;
  stroke-width: 3;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.st4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  fill: transparent;
}
.st6 {
  fill: transparent;
  height: 0px;
  width: 10px;
}
.st8 {
  fill: transparent;
  height: 10px;
  width: 0;
}
.st7 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  fill: transparent;
}
#you.st3 {
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
}
#circle-time.st1 {
  -webkit-transform-origin: center 80px;
          transform-origin: center 80px;
  -webkit-animation: circleAppearAnimation 1000ms ease-in-out forwards;
          animation: circleAppearAnimation 1000ms ease-in-out forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
#inside-line-top.st0 {
  stroke-dashoffset: -100;
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
#text-time.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
#time .st2,
#time .st0 {
  stroke: white;
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
#circle-social-relations.st1 {
  -webkit-transform-origin: 730px 310px;
          transform-origin: 730px 310px;
  -webkit-animation: circleAppearAnimation 1000ms ease-in-out forwards;
          animation: circleAppearAnimation 1000ms ease-in-out forwards;
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
#inside-line-right.st0 {
  stroke-dashoffset: -150;
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
  -webkit-animation-delay: 1700ms;
          animation-delay: 1700ms;
}
#text-social-relations .st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms;
}
#social-relations .st3 {
  stroke: white;
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
#circle-income.st1 {
  -webkit-transform-origin: 510px 526px;
          transform-origin: 510px 526px;
  -webkit-animation: circleAppearAnimation 1000ms ease-in-out forwards;
          animation: circleAppearAnimation 1000ms ease-in-out forwards;
  -webkit-animation-delay: 2500ms;
          animation-delay: 2500ms;
}
#inside-line-bottom.st0 {
  stroke-dashoffset: 1000;
  -webkit-animation: lineDrawing 5000ms ease-in-out forwards;
          animation: lineDrawing 5000ms ease-in-out forwards;
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
#text-income.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 3600ms;
          animation-delay: 3600ms;
}
#income .st2,
#income .st3 {
  stroke: white;
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
  -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms;
}
#circle-health.st1 {
  -webkit-transform-origin: 290px 306px;
          transform-origin: 290px 306px;
  -webkit-animation: circleAppearAnimation 1000ms ease-in-out forwards;
          animation: circleAppearAnimation 1000ms ease-in-out forwards;
  -webkit-animation-delay: 3500ms;
          animation-delay: 3500ms;
}
#inside-line-left.st0 {
  stroke-dashoffset: 1000;
  -webkit-animation: lineDrawing 3000ms ease-in-out forwards;
          animation: lineDrawing 3000ms ease-in-out forwards;
  -webkit-animation-delay: 4200ms;
          animation-delay: 4200ms;
}
#text-health.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 4500ms;
          animation-delay: 4500ms;
  text-align: right;
}
#health.st0 {
  stroke: white;
  -webkit-animation: lineDrawing 2000ms ease-in-out forwards;
          animation: lineDrawing 2000ms ease-in-out forwards;
  -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms;
}
#inner-circle-top-right.st0 {
  -webkit-animation: lineDrawing 2000ms linear forwards;
          animation: lineDrawing 2000ms linear forwards;
  -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms;
}
#inner-circle-bottom-right.st0 {
  -webkit-animation: lineDrawing 2000ms linear forwards;
          animation: lineDrawing 2000ms linear forwards;
  -webkit-animation-delay: 4500ms;
          animation-delay: 4500ms;
}
#inner-circle-bottom-left.st0 {
  -webkit-animation: lineDrawing 2000ms linear forwards;
          animation: lineDrawing 2000ms linear forwards;
  -webkit-animation-delay: 5000ms;
          animation-delay: 5000ms;
}
#inner-circle-top-left.st0 {
  -webkit-animation: lineDrawing 2000ms linear forwards;
          animation: lineDrawing 2000ms linear forwards;
  -webkit-animation-delay: 5500ms;
          animation-delay: 5500ms;
}
#text-around-1.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6000ms;
          animation-delay: 6000ms;
}
#text-around-2.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6500ms;
          animation-delay: 6500ms;
}
#text-around-3.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6500ms;
          animation-delay: 6500ms;
}
#text-around-4.st4 {
  -webkit-animation: showText 2000ms ease-in-out forwards;
          animation: showText 2000ms ease-in-out forwards;
  -webkit-animation-delay: 7000ms;
          animation-delay: 7000ms;
}
#logo-bg-navigator {
  -webkit-animation: showBackgroundGreen 2000ms ease-in-out forwards;
          animation: showBackgroundGreen 2000ms ease-in-out forwards;
  -webkit-animation-delay: 5725ms;
          animation-delay: 5725ms;
}
#logo-bg-business {
  -webkit-animation: showBackgroundBlue 2000ms ease-in-out forwards;
          animation: showBackgroundBlue 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6250ms;
          animation-delay: 6250ms;
}
#logo-bg-nutrition {
  -webkit-animation: showBackgroundPurple 2000ms ease-in-out forwards;
          animation: showBackgroundPurple 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6725ms;
          animation-delay: 6725ms;
}
/* GO GREEN */
#inner-circle-top-right--green.st0 {
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 5500ms;
          animation-delay: 5500ms;
}
#inner-circle-bottom-right--green.st0 {
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6000ms;
          animation-delay: 6000ms;
}
#inner-circle-bottom-left--green.st0 {
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6000ms;
          animation-delay: 6000ms;
}
#inner-circle-top-left--green.st0 {
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6500ms;
          animation-delay: 6500ms;
}
#circle-time--green.st1 {
  -webkit-animation: circleColorGreen 1000ms ease-in-out forwards;
          animation: circleColorGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6000ms;
          animation-delay: 6000ms;
}
#circle-social-relations--green.st1 {
  -webkit-animation: circleColorGreen 1000ms ease-in-out forwards;
          animation: circleColorGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6250ms;
          animation-delay: 6250ms;
}
#circle-income--green.st1 {
  -webkit-animation: circleColorGreen 1000ms ease-in-out forwards;
          animation: circleColorGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6500ms;
          animation-delay: 6500ms;
}
#circle-health--green.st1 {
  -webkit-animation: circleColorGreen 1000ms ease-in-out forwards;
          animation: circleColorGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6750ms;
          animation-delay: 6750ms;
}
#time--green .st0,
#time--green .st2 {
  stroke-dashoffset: 1000;
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 2000ms ease-in-out forwards;
          animation: lineDrawingGreen 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6250ms;
          animation-delay: 6250ms;
}
#social-relations--green .st3 {
  stroke-dashoffset: 1000;
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 2000ms ease-in-out forwards;
          animation: lineDrawingGreen 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6500ms;
          animation-delay: 6500ms;
}
#income--green .st2,
#income--green .st3 {
  stroke-dashoffset: 1000;
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 2000ms ease-in-out forwards;
          animation: lineDrawingGreen 2000ms ease-in-out forwards;
  -webkit-animation-delay: 6750ms;
          animation-delay: 6750ms;
}
#health--green.st0 {
  stroke-dashoffset: 1000;
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 2000ms ease-in-out forwards;
          animation: lineDrawingGreen 2000ms ease-in-out forwards;
  -webkit-animation-delay: 7000ms;
          animation-delay: 7000ms;
}
#inside-line-top--green.st0 {
  stroke-dashoffset: -150;
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6500ms;
          animation-delay: 6500ms;
}
#inside-line-right--green.st0 {
  stroke-dashoffset: -150;
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 6750ms;
          animation-delay: 6750ms;
}
#inside-line-bottom--green.st0 {
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 7000ms;
          animation-delay: 7000ms;
}
#inside-line-left--green.st0 {
  stroke: #7ED321;
  -webkit-animation: lineDrawingGreen 1000ms ease-in-out forwards;
          animation: lineDrawingGreen 1000ms ease-in-out forwards;
  -webkit-animation-delay: 7250ms;
          animation-delay: 7250ms;
}
#you--green.st3 {
  fill: transparent;
  stroke-dashoffset: 1000;
  stroke: #7ED321;
  -webkit-animation: colorYouToGreen 2000ms ease-in-out forwards;
          animation: colorYouToGreen 2000ms ease-in-out forwards;
  -webkit-animation-delay: 7250ms;
          animation-delay: 7250ms;
}
@-webkit-keyframes lineDrawing {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes lineDrawing {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes lineDrawingGreen {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes lineDrawingGreen {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes showText {
  to {
    fill: white;
  }
}
@keyframes showText {
  to {
    fill: white;
  }
}
@-webkit-keyframes colorYouToGreen {
  50% {
    stroke-dashoffset: 0;
    stroke: #7ED321;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 0;
    stroke: #7ED321;
    fill: #7ED321;
  }
}
@keyframes colorYouToGreen {
  50% {
    stroke-dashoffset: 0;
    stroke: #7ED321;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 0;
    stroke: #7ED321;
    fill: #7ED321;
  }
}
@-webkit-keyframes circleAppearAnimation {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    stroke: white;
    fill: transparent;
  }
}
@keyframes circleAppearAnimation {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    stroke: white;
    fill: transparent;
  }
}
@-webkit-keyframes circleColorGreen {
  to {
    stroke: #7ED321;
    fill: transparent;
    stroke-width: 3;
  }
}
@keyframes circleColorGreen {
  to {
    stroke: #7ED321;
    fill: transparent;
    stroke-width: 3;
  }
}
@-webkit-keyframes showLogos {
  to {
    fill: white;
  }
}
@keyframes showLogos {
  to {
    fill: white;
  }
}
@-webkit-keyframes showBackgroundGreen {
  to {
    fill: #7ED321;
    height: 62px;
  }
}
@keyframes showBackgroundGreen {
  to {
    fill: #7ED321;
    height: 62px;
  }
}
@-webkit-keyframes showBackgroundPurple {
  to {
    fill: #784b9e;
    height: 62px;
  }
}
@keyframes showBackgroundPurple {
  to {
    fill: #784b9e;
    height: 62px;
  }
}
@-webkit-keyframes showBackgroundBlue {
  to {
    fill: #233785;
    width: 100px;
  }
}
@keyframes showBackgroundBlue {
  to {
    fill: #233785;
    width: 100px;
  }
}
.page--for-affiliates {
  color: #222222;
}
.page--for-affiliates p,
.page--for-affiliates h1,
.page--for-affiliates h2,
.page--for-affiliates h3,
.page--for-affiliates h4,
.page--for-affiliates h5,
.page--for-affiliates h6 {
  color: #222222;
}
.page--for-affiliates a {
  color: #222222;
}
.page--for-affiliates a:hover {
  color: #222222;
}
.page--for-affiliates .form__msg {
  border-radius: 5px;
  background-color: white;
}
.page--for-affiliates .form__msg.form__msg--error {
  background-color: #cc0624;
  color: white;
}
.page--for-affiliates .pagination__button--current {
  color: white;
}
.page--for-affiliates .pagination__button--current:hover {
  color: white;
}
.page--for-affiliates .zq-news {
  padding-top: 50px;
}
.page--for-affiliates .zq-news__news-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}
.page--for-affiliates .zq-news__news-image::before,
.page--for-affiliates .zq-news__news-image::after {
  display: none;
}
.page--for-affiliates .zq-footer {
  background-color: #F2F2F2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page--for-affiliates .zq-footer__powered-by {
  display: flex;
  align-items: center;
  color: #1C1F2A;
  padding: 20px;
  opacity: 0.4;
  border-bottom-color: #bfbfbf;
}
.page--for-affiliates .zq-footer__powered-by img {
  margin-top: 3px;
  width: 140px;
  margin-left: 10px;
}
.page--for-affiliates .zq-footer__copyright {
  background-color: transparent;
  font-size: 12px;
  color: #1C1F2A;
  opacity: 0.4;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .page--for-affiliates .zq-footer__powered-by {
    justify-content: center;
    flex-direction: column;
  }
  .page--for-affiliates .zq-footer__powered-by img {
    margin: 5px 0 0 0;
  }
}
/************************/
/* AFFILIATE HEADER */
/************************/
.zq-affiliate-header {
  padding: 0;
  background-size: cover;
}
.zq-affiliate-header > .zq-container {
  padding: 50px;
  display: flex;
  align-items: center;
}
.zq-affiliate-header__image {
  flex: 0 0 auto;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  overflow: hidden;
}
.zq-affiliate-header__image img {
  width: 100%;
}
.zq-affiliate-header__user-details {
  padding-left: 20px;
}
.zq-affiliate-header__user-details h1 {
  margin-bottom: 20px;
}
.zq-affiliate-header__user-details strong {
  display: block;
  font-size: 42px;
  line-height: 48px;
  margin-bottom: 10px;
}
.zq-affiliate-header__user-details .engage-with-us__social-icons {
  margin-left: -5px;
}
.zq-affiliate-header__user-details--light-text {
  color: white;
}
.zq-affiliate-header__user-details--light-text h1 {
  color: white;
}
.zq-affiliate-header__user-details--light-text strong,
.zq-affiliate-header__user-details--light-text h1 {
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}
.zq-affiliate-header__logo {
  width: 80px;
  flex: 0 0 auto;
  padding: 10px 10px 4px 10px;
  background-color: #35363A;
}
.zq-affiliate-header__logo img {
  width: 100%;
}
.zq-affiliate-navigation {
  background-color: rgba(0, 0, 0, 0.4);
}
.zq-affiliate-navigation ul {
  display: flex;
}
.zq-affiliate-navigation--light-navigation {
  background-color: rgba(255, 255, 255, 0.6);
}
.zq-affiliate-navigation--light-navigation a.zq-affiliate-navigation__link {
  color: #222222;
}
.zq-affiliate-navigation--light-navigation a.zq-affiliate-navigation__link:hover {
  color: #222222;
}
a.zq-affiliate-navigation__link {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: white;
  text-decoration: none;
}
a.zq-affiliate-navigation__link::before {
  position: absolute;
  content: ' ';
  top: -5px;
  left: 0;
  right: 0;
  bottom: -1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: all 300ms ease-in-out;
  background-color: rgba(255, 255, 255, 0);
  border: 1px dotted rgba(255, 255, 255, 0);
}
a.zq-affiliate-navigation__link:hover {
  color: white;
}
a.zq-affiliate-navigation__link:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dotted rgba(255, 255, 255, 0.8);
}
a.zq-affiliate-navigation__link--active {
  color: #222222;
  font-weight: 500;
}
a.zq-affiliate-navigation__link--active span {
  position: relative;
  z-index: 2;
}
a.zq-affiliate-navigation__link--active::before {
  background-color: #ffffff;
  z-index: 1;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-affiliate-header__image {
    width: 200px;
    height: 200px;
  }
  .zq-affiliate-header__user-details strong {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (max-width: 768px) {
  .zq-affiliate-header .zq-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .zq-affiliate-header__image {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
  }
  .zq-affiliate-header__user-details {
    padding-left: 0;
  }
  .zq-affiliate-header__user-details strong {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 550px) {
  .zq-affiliate-header {
    padding: 20px;
  }
  .zq-affiliate-header__image {
    width: 100px;
    height: 100px;
  }
}
/************************/
/* AFFILIATE ABOUT */
/************************/
.zq-affiliate-about {
  padding-bottom: 50px;
}
.zq-affiliate-about h3 {
  width: 100%;
}
.zq-affiliate-about__media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -20px;
}
.zq-affiliate-about__media-item {
  margin: 20px;
  width: calc((100%/3) - 40px);
}
.zq-affiliate-about__media-item img {
  width: 100%;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-affiliate-about__media {
    justify-content: center;
  }
  .zq-affiliate-about__media-item {
    max-width: 300px;
    width: 100%;
  }
  .zq-affiliate-about__media-item img {
    width: 100%;
  }
}
/************************/
/* AFFILIATE NEWSLETTER */
/************************/
.zq-affiliate-newsletter {
  padding-bottom: 50px;
  background-size: cover;
}
.zq-affiliate-newsletter .zq-container {
  max-width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zq-affiliate-newsletter--dark-background h3 {
  color: white;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}
.zq-affiliate-newsletter__image {
  flex: 0 0 auto;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  overflow: hidden;
}
.zq-affiliate-newsletter__image img {
  width: 100%;
}
.zq-affiliate-newsletter__form {
  padding-left: 50px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-affiliate-newsletter__form {
    padding-left: 20px;
  }
}
@media (max-width: 550px) {
  .zq-affiliate-newsletter {
    padding-bottom: 20px;
  }
  .zq-affiliate-newsletter__image {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 450px) {
  .zq-affiliate-newsletter .zq-container {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .zq-affiliate-newsletter__image {
    margin-bottom: 20px;
  }
  .zq-affiliate-newsletter__form {
    padding-left: 0;
    width: 100%;
  }
}
.page--landing-page .zq-key-visual {
  background-image: none;
  padding-top: 60px;
}
.page--landing-page .zq-key-visual .zq-container h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 48px;
  margin-bottom: 20px;
}
.page--landing-page .zq-key-visual .zq-container h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}
.page--landing-page .zq-key-visual .zq-container h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.page--landing-page .zq-key-visual .zq-container p,
.page--landing-page .zq-key-visual .zq-container h1,
.page--landing-page .zq-key-visual .zq-container h2,
.page--landing-page .zq-key-visual .zq-container h3,
.page--landing-page .zq-key-visual .zq-container h4,
.page--landing-page .zq-key-visual .zq-container h5,
.page--landing-page .zq-key-visual .zq-container li {
  color: white;
  max-width: none;
  text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.8);
}
.page--landing-page .zq-key-visual .zq-container hr {
  background-color: rgba(255, 255, 255, 0.2);
}
.page--landing-page h2,
.page--landing-page h3,
.page--landing-page h4,
.page--landing-page h5 {
  font-weight: 600;
}
.page--landing-page .zq-row:not(.zq-key-visual):not(.zq-time-limited-offer):not(.zq-special-offer-added-to-cart) {
  padding-top: 100px;
  padding-bottom: 100px;
}
.page--landing-page .zq-row.zq-nutrition-best-results {
  padding-bottom: 20px;
}
.page--landing-page .zq-row.zq-nutrition-cycles {
  padding-top: 0;
}
.page--landing-page.page--nutrition .zq-testimonials--ambassadors {
  background-color: rgba(120, 75, 158, 0.1);
}
.page--landing-page.page--navigator .zq-testimonials--clients {
  background-color: #F2F2F2;
}
.page--landing-page.page--navigator .zq-testimonials--clients .zq-testimonials__content p::before,
.page--landing-page.page--navigator .zq-testimonials--clients .zq-testimonials__content p::after {
  color: rgba(170, 170, 170, 0.5);
}
.page--landing-page.page--navigator .zq-testimonials--ambassadors {
  background-color: rgba(126, 211, 33, 0.1);
}
.page--landing-page.page--navigator .zq-testimonials--ambassadors .zq-testimonials__content p::before,
.page--landing-page.page--navigator .zq-testimonials--ambassadors .zq-testimonials__content p::after {
  color: rgba(126, 211, 33, 0.2);
}
.page--landing-page.page--business .zq-testimonials--clients {
  background-color: #F2F2F2;
}
.page--landing-page.page--business .zq-testimonials--clients .zq-testimonials__content p::before,
.page--landing-page.page--business .zq-testimonials--clients .zq-testimonials__content p::after {
  color: rgba(170, 170, 170, 0.5);
}
.page--landing-page.page--business .zq-testimonials--ambassadors {
  background-color: rgba(35, 55, 133, 0.1);
}
.page--landing-page.page--business .zq-testimonials--ambassadors .zq-testimonials__content p::before,
.page--landing-page.page--business .zq-testimonials--ambassadors .zq-testimonials__content p::after {
  color: rgba(35, 55, 133, 0.2);
}
.page--landing-page.page--navigator-nutrition .zq-testimonials--ambassadors {
  background-color: #F2F2F2;
}
.page--landing-page .zq-nutrition-how-it-works {
  background-color: transparent;
}
.page--landing-page-affiliate .zq-landing-page-header__phone {
  display: none;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .page--landing-page .zq-key-visual .zq-container h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .page--landing-page .zq-key-visual .zq-container h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 992px) {
  .page--landing-page .zq-key-visual .zq-container h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .page--landing-page .zq-row:not(.zq-key-visual):not(.zq-time-limited-offer):not(.zq-special-offer-added-to-cart) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .page--landing-page.page--navigator .zq-key-visual {
    background-position: center right !important;
  }
}
/************************/
/* LANDING PAGE HEADER */
/************************/
.zq-landing-page-header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  z-index: 9;
  padding: 10px 20px;
  box-sizing: border-box;
}
.zq-landing-page-header .zq-container {
  display: flex;
  justify-content: space-between;
}
.zq-landing-page-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: #35363A;
  transition: all 300ms ease-in-out;
}
.scrolling .zq-landing-page-header::before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.scrolling-ended .zq-landing-page-header::before {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.zq-landing-page-header__logo-container {
  display: block;
}
.zq-landing-page-header__logo {
  display: block;
  height: 40px;
}
.zq-landing-page-header__phone {
  display: flex;
  align-items: center;
  color: white;
  text-decoration: none;
  font-size: 24px;
}
.zq-landing-page-header__phone::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e973";
  font-size: 36px;
  margin-right: 10px;
}
.zq-landing-page-header__phone:hover {
  color: white;
}
.zq-landing-page-header__phone:hover::before {
  -webkit-animation: phone-rotate 1000ms infinite;
          animation: phone-rotate 1000ms infinite;
}
@-webkit-keyframes phone-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  10% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes phone-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  10% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/* RESPONSIVE */
@media (max-width: 600px) {
  .zq-landing-page-header__phone {
    font-size: 16px;
  }
  .zq-landing-page-header__phone::before {
    font-size: 24px;
    margin-right: 5px;
  }
}
@media (max-width: 450px) {
  .zq-landing-page-header__phone {
    font-size: 0px;
  }
  .zq-landing-page-header__phone::before {
    font-size: 36px;
    margin-right: 0;
  }
}
/************************/
/* LANDING PAGE GENERAL COMPONENTS */
/************************/
.zq-text-in-center .zq-container {
  max-width: 650px;
  margin: 0 auto;
}
.zq-text-in-center--with-background h2,
.zq-text-in-center--with-background h3,
.zq-text-in-center--with-background h4,
.zq-text-in-center--with-background h5,
.zq-text-in-center--with-background p {
  color: white;
}
.zq-text-in-center--with-background .button {
  background-color: white;
}
.zq-text-in-center--with-background .zq-text-in-center__icon {
  color: white;
}
.zq-text-in-center__icon {
  font-size: 140px;
  line-height: 140px;
  margin-bottom: 20px;
}
.page--nutrition .zq-text-in-center__icon {
  color: #784b9e;
}
.page--nutrition .zq-text-in-center--with-background {
  background-color: #784b9e;
}
.page--nutrition .zq-text-in-center--with-background h1,
.page--nutrition .zq-text-in-center--with-background h2,
.page--nutrition .zq-text-in-center--with-background h3,
.page--nutrition .zq-text-in-center--with-background h4,
.page--nutrition .zq-text-in-center--with-background h5,
.page--nutrition .zq-text-in-center--with-background h6 {
  color: white;
}
.page--nutrition .zq-text-in-center--with-background .zq-text-in-center__icon {
  color: white;
}
.page--nutrition .zq-text-in-center--with-background .button {
  color: #784b9e;
}
.page--nutrition .zq-text-in-center--with-background .button:hover {
  color: white;
}
.page--navigator .zq-text-in-center__icon {
  color: #7ED321;
}
.page--navigator .zq-text-in-center--with-background {
  background-color: #7ED321;
}
.page--navigator .zq-text-in-center--with-background h1,
.page--navigator .zq-text-in-center--with-background h2,
.page--navigator .zq-text-in-center--with-background h3,
.page--navigator .zq-text-in-center--with-background h4,
.page--navigator .zq-text-in-center--with-background h5,
.page--navigator .zq-text-in-center--with-background h6 {
  color: white;
}
.page--navigator .zq-text-in-center--with-background .zq-text-in-center__icon {
  color: white;
}
.page--navigator .zq-text-in-center--with-background .button {
  color: #7ED321;
}
.page--navigator .zq-text-in-center--with-background .button:hover {
  color: white;
}
.page--navigator-lyconet .zq-key-visual--navigator {
  background: url("../images/product-navigator-background-lyconet.jpg") center center no-repeat;
  background-size: cover;
}
.page--navigator-lyconet h1,
.page--navigator-lyconet h2 {
  color: #f29533;
}
.page--navigator-lyconet .zq-navigator-benefits .grid-items__item::before {
  background-color: #f29533;
}
.page--navigator-lyconet .button--open-video::before {
  color: #f29533;
}
.page--navigator-lyconet .button--open-video:hover {
  background-color: #f29533;
  color: white;
}
.page--navigator-lyconet .button--open-video:hover::before {
  color: white;
}
.page--navigator-lyconet .zq-navigator-how-it-works__content p.exposed {
  color: #f29533;
}
.page--business .zq-text-in-center__icon {
  color: #233785;
}
.page--business .zq-text-in-center--with-background {
  background-color: #233785;
}
.page--business .zq-text-in-center--with-background h1,
.page--business .zq-text-in-center--with-background h2,
.page--business .zq-text-in-center--with-background h3,
.page--business .zq-text-in-center--with-background h4,
.page--business .zq-text-in-center--with-background h5,
.page--business .zq-text-in-center--with-background h6 {
  color: white;
}
.page--business .zq-text-in-center--with-background .zq-text-in-center__icon {
  color: white;
}
.page--business .zq-text-in-center--with-background .button {
  color: #233785;
}
.page--business .zq-text-in-center--with-background .button:hover {
  color: white;
}
.page--navigator-nutrition .zq-text-in-center__icon {
  color: #233785;
}
.page--navigator-nutrition .zq-text-in-center--with-background {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.page--navigator-nutrition .zq-text-in-center--with-background h1,
.page--navigator-nutrition .zq-text-in-center--with-background h2,
.page--navigator-nutrition .zq-text-in-center--with-background h3,
.page--navigator-nutrition .zq-text-in-center--with-background h4,
.page--navigator-nutrition .zq-text-in-center--with-background h5,
.page--navigator-nutrition .zq-text-in-center--with-background h6 {
  color: white;
}
.page--navigator-nutrition .zq-text-in-center--with-background .zq-text-in-center__icon {
  color: white;
}
.page--navigator-nutrition-business .zq-text-in-center__icon {
  color: #233785;
}
.page--navigator-nutrition-business .zq-text-in-center--with-background {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--navigator-nutrition-business .zq-text-in-center--with-background h1,
.page--navigator-nutrition-business .zq-text-in-center--with-background h2,
.page--navigator-nutrition-business .zq-text-in-center--with-background h3,
.page--navigator-nutrition-business .zq-text-in-center--with-background h4,
.page--navigator-nutrition-business .zq-text-in-center--with-background h5,
.page--navigator-nutrition-business .zq-text-in-center--with-background h6 {
  color: white;
}
.page--navigator-nutrition-business .zq-text-in-center--with-background .zq-text-in-center__icon {
  color: white;
}
.zq-text-with-image {
  position: relative;
  padding: 0 50px;
  margin: 150px 0;
}
.zq-text-with-image .zq-container {
  position: static;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
.zq-text-with-image--image-left .zq-text-with-image__image {
  left: 0;
}
.zq-text-with-image--image-left .zq-text-with-image__image.zq-text-with-image__image--round {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.zq-text-with-image--image-left .zq-text-with-image__image.zq-text-with-image__image--round img {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.zq-text-with-image--image-right .zq-text-with-image__image {
  right: 0;
}
.zq-text-with-image--image-right .zq-text-with-image__image.zq-text-with-image__image--round {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.zq-text-with-image--image-right .zq-text-with-image__image.zq-text-with-image__image--round img {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.zq-text-with-image--background-color {
  margin: 100px 0;
}
.zq-text-with-image--background-color .zq-text-with-image__image {
  max-width: 50%;
}
.zq-text-with-image--background-color.zq-text-with-image--image-left,
.zq-text-with-image--background-color.zq-text-with-image--image-right {
  border-radius: 0;
}
.zq-text-with-image--background-color.zq-text-with-image--image-left img,
.zq-text-with-image--background-color.zq-text-with-image--image-right img {
  border-radius: 0;
  top: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  bottom: 0;
}
.zq-text-with-image--no-crop .zq-container {
  align-items: center;
}
.zq-text-with-image--no-crop .zq-text-with-image__image {
  position: relative;
  top: auto;
  -webkit-transform: none;
          transform: none;
  max-width: none;
  max-height: none;
  width: 50%;
  height: auto;
}
.zq-text-with-image--no-crop .zq-text-with-image__image img {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  width: 100%;
}
.zq-text-with-image--no-crop.zq-text-with-image--image-left .zq-text-with-image__image {
  padding-right: 50px;
}
.zq-text-with-image--no-crop.zq-text-with-image--image-right .zq-text-with-image__image {
  padding-left: 50px;
}
.zq-text-with-image__content {
  width: 50%;
  flex: 0 0 auto;
}
.zq-text-with-image__content p:last-of-type {
  margin-bottom: 0;
}
.zq-text-with-image__image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: calc(50% - 100px);
  overflow: hidden;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.zq-text-with-image__image img {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.zq-text-with-exposed-headline .zq-container {
  display: flex;
  align-items: flex-start;
}
.zq-text-with-exposed-headline--vertical-align-to-center .zq-container {
  align-items: center;
}
.zq-text-with-exposed-headline__content {
  width: 70%;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.zq-text-with-exposed-headline__headline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 30%;
  flex: 0 0 auto;
  font-size: 60px;
  line-height: 66px;
  text-align: center;
  background-color: #F2F2F2;
  box-shadow: -20px 30px 30px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  border-radius: 25px;
  padding: 50px 20px;
  box-sizing: border-box;
}
.zq-text-with-exposed-headline__headline strong {
  font-size: 120px;
  line-height: 120px;
}
.zq-text-with-exposed-headline__headline em {
  display: block;
  font-size: 36px;
  line-height: 40px;
}
.zq-text-with-exposed-headline__image-instead-of-headline {
  width: 30%;
  flex: 0 0 auto;
}
.zq-text-with-exposed-headline__image-instead-of-headline img {
  width: 100%;
}
.zq-text-with-exposed-headline--right-headline .zq-text-with-exposed-headline__content {
  padding-right: 100px;
}
.zq-text-with-exposed-headline--right-headline .zq-text-with-exposed-headline__headline {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
.zq-text-with-exposed-headline--left-headline .zq-text-with-exposed-headline__content {
  padding-left: 100px;
}
.zq-text-with-exposed-headline--left-headline .zq-text-with-exposed-headline__headline {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.zq-text-with-exposed-headline__icon {
  font-size: 140px;
  line-height: 140px;
  margin-bottom: 20px;
}
.zq-how-it-works {
  padding-bottom: 50px;
}
.zq-how-it-works h2 {
  margin-bottom: 20px;
}
.zq-how-it-works .zq-container {
  text-align: center;
}
.zq-how-it-works .grid-items {
  margin-bottom: 50px;
}
.zq-how-it-works .grid-items__item {
  background-color: white;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 40px 20px 20px 20px;
  position: relative;
}
.zq-how-it-works .grid-items__item::before,
.zq-how-it-works .grid-items__item::after {
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.zq-how-it-works .grid-items__item::before {
  width: 50px;
  height: 50px;
  background-color: #5C6170;
  top: -25px;
  border-radius: 50%;
  z-index: 1;
}
.zq-how-it-works .grid-items__item::after {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: white;
  z-index: 2;
  font-size: 24px;
  top: -9px;
}
.zq-video-full-width {
  background-color: #35363A;
  color: white;
}
.zq-video-full-width .zq-container {
  text-align: center;
}
.zq-video-full-width .zq-video-full-width__video {
  border: 10px solid black;
  margin: 0 auto 50px auto;
  max-width: 800px;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-text-with-exposed-headline__headline {
    font-size: 46px;
    line-height: 52px;
  }
  .zq-text-with-exposed-headline__headline strong {
    font-size: 90px;
    line-height: 90px;
  }
  .zq-text-with-exposed-headline__icon {
    font-size: 100px;
    line-height: 100px;
  }
  .zq-how-it-works .grid-items {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .zq-text-in-center__icon {
    font-size: 100px;
    line-height: 100px;
  }
  .zq-text-with-image {
    padding: 0 50px;
    margin: 50px 0;
  }
  .zq-text-with-image .zq-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .zq-text-with-image__content {
    width: 100%;
    order: 1;
  }
  .zq-text-with-image__image {
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-width: 100%;
    order: 2;
  }
  .zq-text-with-image__image img {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    width: 100%;
  }
  .zq-text-with-image--background-color .zq-text-with-image__image {
    max-width: 100%;
    margin-left: -50px;
    margin-bottom: -50px;
  }
  .zq-text-with-exposed-headline__headline {
    font-size: 26px;
    line-height: 32px;
    box-shadow: -10px 20px 20px 0 rgba(0, 0, 0, 0.1);
  }
  .zq-text-with-exposed-headline__headline strong {
    font-size: 50px;
    line-height: 50px;
  }
  .zq-text-with-exposed-headline__icon {
    font-size: 60px;
    line-height: 60px;
  }
  .zq-text-with-image--no-crop .zq-container {
    align-items: center;
  }
  .zq-text-with-image--no-crop .zq-text-with-image__image {
    width: 100%;
    max-width: 400px;
    margin: 50px auto 0 auto;
  }
  .zq-text-with-image--no-crop.zq-text-with-image--image-left .zq-text-with-image__image {
    padding-right: 0;
  }
  .zq-text-with-image--no-crop.zq-text-with-image--image-right .zq-text-with-image__image {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .zq-text-in-center__icon {
    font-size: 80px;
    line-height: 80px;
  }
  .zq-text-with-exposed-headline .zq-container {
    display: flex;
    flex-direction: column;
  }
  .zq-text-with-exposed-headline--right-headline .zq-text-with-exposed-headline__content,
  .zq-text-with-exposed-headline--left-headline .zq-text-with-exposed-headline__content {
    width: 100%;
    order: 2;
    padding: 0;
  }
  .zq-text-with-exposed-headline--right-headline .zq-text-with-exposed-headline__headline,
  .zq-text-with-exposed-headline--left-headline .zq-text-with-exposed-headline__headline {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  .zq-text-with-exposed-headline__headline,
  .zq-text-with-exposed-headline__image-instead-of-headline {
    width: auto;
    margin: 0 auto;
    padding: 20px;
    order: 1;
    margin-bottom: 40px;
  }
  .zq-text-with-exposed-headline__image-instead-of-headline {
    padding: 0;
    margin-bottom: 0;
  }
  .zq-text-with-exposed-headline__image-instead-of-headline img {
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .zq-text-with-image {
    padding: 0 20px;
  }
}
/************************/
/* LANDING PAGE OPT-IN */
/************************/
.zq-key-visual--opt-in {
  min-height: auto;
}
.zq-key-visual--opt-in .zq-container {
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zq-key-visual--opt-in .zq-container h1 {
  max-width: none;
  color: rgba(255, 255, 255, 0.6);
}
.zq-key-visual--opt-in .form__label {
  color: white;
  background-color: transparent;
}
.zq-key-visual--opt-in .input--text {
  border: none;
  background-color: rgba(255, 255, 255, 0.4);
}
.zq-key-visual--opt-in .input--text:focus {
  background-color: #ffffff;
  border: none;
  outline: none;
}
.zq-key-visual--opt-in .input--text:disabled {
  color: #AAAAAA;
  cursor: not-allowed;
}
.zq-key-visual--opt-in .input--text:-moz-read-only {
  color: #AAAAAA;
  cursor: not-allowed;
}
.zq-key-visual--opt-in .input--text:read-only {
  color: #AAAAAA;
  cursor: not-allowed;
}
.zq-key-visual--opt-in .form__field--focus .form__label,
.zq-key-visual--opt-in .form__field--not-empty .form__label {
  color: #5C6170;
}
.zq-key-visual--opt-in .button {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.zq-key-visual--opt-in.zq-key-visual::before {
  background-color: rgba(53, 54, 58, 0.9);
}
.zq-key-visual--opt-in .zq-key-visual__as-seen-on {
  background-color: rgba(0, 0, 0, 0.2);
}
.zq-key-visual__opt-in-text {
  width: 50%;
  padding-right: 50px;
  box-sizing: border-box;
}
.zq-key-visual__opt-in-image {
  width: 50%;
}
.zq-key-visual__opt-in-image img {
  display: block;
  width: 100%;
}
.zq-opt-in-bulletpoints {
  padding-bottom: 50px;
  text-align: center;
}
.zq-opt-in-bulletpoints .zq-container {
  max-width: 800px;
}
.zq-opt-in-bulletpoints .zq-container h3 {
  margin-bottom: 20px;
}
.zq-opt-in-bulletpoints .zq-container h3 strong {
  display: block;
}
.zq-opt-in-bulletpoints .zq-container h4,
.zq-opt-in-bulletpoints .zq-container h5 {
  color: #5C6170;
}
.zq-opt-in-bulletpoints__bulletpoints {
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
}
.zq-opt-in-bulletpoints__bulletpoints .button {
  display: block;
}
.zq-opt-in-form {
  max-width: 500px;
  margin: 0 auto;
  background-color: #F2F2F2;
  padding: 20px;
  border-radius: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.zq-opt-in-form h4 {
  width: 75%;
  text-align: left;
}
.zq-opt-in-form .zq-opt-in-form__image {
  width: 25%;
}
.zq-opt-in-form .form {
  width: 100%;
}
.zq-opt-in-form .form__privacy {
  text-align: center;
  display: inline-block;
}
.zq-opt-in-full-width {
  position: relative;
}
.zq-opt-in-full-width .zq-container {
  display: flex;
  align-items: center;
}
.zq-opt-in-full-width .zq-opt-in-full-width__form {
  width: 60%;
}
.zq-opt-in-full-width .zq-opt-in-full-width__background {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 50px;
  border-radius: 25px;
}
.zq-opt-in-full-width .zq-opt-in-full-width__background p {
  color: white;
}
.zq-opt-in-full-width .zq-opt-in-full-width__image {
  width: 40%;
}
.zq-opt-in-full-width::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(53, 54, 58, 0.9);
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-key-visual--opt-in .zq-container {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .zq-key-visual--opt-in .form {
    max-width: 400px;
    margin: 0 auto;
  }
  .zq-key-visual__opt-in-text {
    width: 100%;
    padding-right: 0;
    order: 2;
  }
  .zq-key-visual__opt-in-image {
    order: 1;
    width: 100%;
  }
  .zq-key-visual__opt-in-image img {
    margin: 0 auto;
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .zq-key-visual--opt-in.zq-key-visual--with-as-seen-on .zq-container {
    padding-bottom: 10px;
  }
  .zq-opt-in-full-width .zq-container {
    flex-direction: column;
  }
  .zq-opt-in-full-width .zq-opt-in-full-width__form {
    width: 100%;
  }
  .zq-opt-in-full-width .zq-opt-in-full-width__background {
    padding: 20px;
  }
  .zq-opt-in-full-width .zq-opt-in-full-width__image {
    width: 100%;
    max-width: 300px;
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .zq-key-visual__opt-in-image img {
    max-width: 200px;
  }
}
/************************/
/* LANDING PAGE OPT-IN / NAVIGATOR */
/************************/
.zq-navigator-succes-profile-video {
  background-color: #35363A;
  color: white;
}
.zq-navigator-succes-profile-video .zq-container {
  text-align: center;
}
.zq-navigator-succes-profile-video .zq-video__container {
  border: 10px solid black;
  margin-bottom: 50px;
}
/************************/
/* LANDING PAGE / SPECIAL OFFER */
/************************/
.zq-key-visual--special-offer {
  min-height: auto;
}
.zq-key-visual--special-offer .zq-container {
  text-align: left;
  width: 100%;
}
.zq-key-visual--special-offer .button {
  margin-top: 20px;
}
.zq-key-visual--special-offer.zq-key-visual::before {
  background-color: rgba(53, 54, 58, 0.7);
}
.zq-key-visual--special-offer.zq-key-visual--nutrition .zq-key-visual__special-offer-gift::before {
  color: #784b9e;
}
.zq-key-visual--special-offer .zq-key-visual__as-seen-on {
  background-color: rgba(0, 0, 0, 0.2);
}
.zq-key-visual__special-offer-text {
  max-width: 700px;
}
.zq-key-visual__special-offer-text h1 sup {
  font-size: 50%;
  line-height: 50%;
  vertical-align: super;
}
.zq-key-visual__special-offer-text--wider {
  max-width: 900px;
}
.zq-key-visual__special-offer-bullets li {
  position: relative;
  padding: 5px 0 5px 30px;
}
.zq-key-visual__special-offer-bullets li .price-container {
  display: inline;
}
.zq-key-visual__special-offer-bullets li::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 13px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: white;
}
.zq-key-visual__special-offer-bullets li.zq-key-visual__special-offer-gift::before {
  content: '+';
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-shadow: none;
  top: 7px;
}
.zq-shop-products--ladning-page h2 {
  text-align: center;
}
.zq-shop-products--ladning-page .zq-shop__product-list {
  padding: 0;
  justify-content: space-between;
}
.zq-shop-products--ladning-page .zq-shop__product-list--single-item {
  justify-content: center;
}
.zq-shop-products--ladning-page .zq-shop__product-box {
  margin: 25px 0;
  width: calc(100%/2 - 100px);
}
.zq-shop-products--ladning-page .product-box__title:hover strong {
  text-decoration: none;
}
.zq-shop-products--ladning-page .price-container__price-new {
  font-size: 28px;
  line-height: 28px;
}
.zq-shop-products--ladning-page .products-total-value--payment-plan .price-container__price-new {
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
  .zq-shop-products--ladning-page .zq-shop__product-box {
    width: calc(100%/2 - 60px);
  }
}
@media (max-width: 768px) {
  .zq-key-visual--special-offer.zq-key-visual--with-as-seen-on .zq-container {
    padding-bottom: 10px;
  }
  .zq-shop-products--ladning-page .zq-shop__product-list {
    justify-content: center;
    flex-direction: column;
  }
  .zq-shop-products--ladning-page .zq-shop__product-box {
    margin: 25px 0;
    width: 100%;
  }
}
/************************/
/* LANDING PAGE / SPECIAL OFFER */
/************************/
.zq-landing-page-worldwide-partners {
  text-align: center;
  padding-bottom: 50px;
}
.zq-selling-in-36-countries {
  display: flex;
  align-items: center;
}
.zq-selling-in-36-countries img {
  display: block;
  width: 65%;
  flex: 0 0 auto;
}
.zq-selling-in-36-countries__title {
  width: 35%;
  font-size: 36px;
  line-height: 40px;
  flex: 0 0 auto;
  text-align: left;
}
.zq-selling-in-36-countries__title span {
  display: block;
  font-size: 62px;
  line-height: 62px;
  font-weight: 400;
  color: #784b9e;
  margin: 10px 0;
}
.zq-selling-in-36-countries__title strong {
  font-weight: 700;
}
.zq-trusted-partners {
  padding: 50px 0;
}
.zq-trusted-partners__title {
  margin-bottom: 20px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-selling-in-36-countries {
    flex-direction: column;
  }
  .zq-selling-in-36-countries img {
    width: 100%;
  }
  .zq-selling-in-36-countries__title {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
}
/************************/
/* LANDING PAGE / SPECIAL OFFER / NUTRITION */
/************************/
.page--nutrition .zq-selling-in-36-countries__title span {
  color: #784b9e;
}
.zq-nutrition-thsp-principle {
  padding-bottom: 50px;
}
.zq-nutrition-thsp-principle .zq-container {
  display: flex;
  align-items: center;
}
.zq-nutrition-thsp-principle__content {
  padding-left: 50px;
  box-sizing: border-box;
}
.zq-nutrition-thsp-principle__circle {
  flex: 0 0 auto;
  width: 500px;
  height: 500px;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-color: white;
}
.zq-nutrition-single-product {
  background-color: rgba(120, 75, 158, 0.1);
}
.zq-nutrition-single-product .zq-container {
  display: flex;
  align-items: center;
}
.zq-nutrition-single-product__product {
  width: 30%;
  flex: 0 0 auto;
}
.zq-nutrition-single-product__product img {
  width: 100%;
}
.zq-nutrition-single-product__content {
  width: 70%;
  flex: 0 0 auto;
}
.zq-nutrition-single-product__content h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}
.zq-nutrition-single-product__content h2 strong {
  display: block;
  font-size: 72px;
  line-height: 72px;
  font-weight: 700;
}
.page--landing-page .zq-nutrition-cycles {
  padding-bottom: 50px;
}
.page--landing-page .zq-nutrition-cycle__product {
  cursor: default;
}
.page--landing-page .zq-nutrition-cycle__product:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.page--landing-page .zq-nutrition-guide {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  background: url("../images/landing-page/nutrition/nutrition-special-offer-strong-foundations-background.jpg") center center fixed;
  background-size: cover;
  position: relative;
}
.page--landing-page .zq-nutrition-guide h2,
.page--landing-page .zq-nutrition-guide h5,
.page--landing-page .zq-nutrition-guide p {
  color: white;
}
.page--landing-page .zq-nutrition-guide::before {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(53, 54, 58, 0.9);
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .zq-nutrition-thsp-principle .zq-container {
    flex-direction: column;
  }
  .zq-nutrition-thsp-principle__content {
    order: 1;
    padding-left: 0;
  }
  .zq-nutrition-thsp-principle__circle {
    order: 2;
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .zq-nutrition-thsp-principle__circle {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 400px) {
  .zq-nutrition-thsp-principle__circle {
    width: 200px;
    height: 200px;
    padding: 5px;
  }
}
/************************/
/* LANDING PAGE / SPECIAL OFFER / NAVIGATOR */
/************************/
.page--navigator .zq-selling-in-36-countries__title {
  width: 50%;
}
.page--navigator .zq-selling-in-36-countries__title span {
  color: #7ED321;
}
.page--navigator .zq-how-it-works h2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.page--navigator .zq-trusted-partners {
  padding-top: 0;
}
.page--landing-page .zq-navigator-how-it-works {
  margin-top: 0;
  background-image: url("../images/landing-page/navigator/navigator-calculate-success-background.jpg");
}
.navigator-laptop-background {
  background: url("../images/landing-page/navigator/navigator-laptop-background.jpg") bottom center no-repeat;
  background-size: 100%;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .page--navigator .zq-selling-in-36-countries__title {
    width: 100%;
  }
  .page--navigator .zq-selling-in-36-countries__title span {
    color: #7ED321;
  }
  .page--navigator .zq-how-it-works h2 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .navigator-laptop-background {
    background-size: 150%;
    padding-bottom: 300px;
    background-position: bottom right;
  }
}
@media (max-width: 768px) {
  .zq-landing-page-worldwide-partners .zq-container {
    text-align: center;
  }
  .navigator-laptop-background {
    background-size: 200%;
    padding-bottom: 320px;
  }
}
@media (max-width: 600px) {
  .navigator-laptop-background {
    background-size: 200%;
    padding-bottom: 220px;
  }
}
/************************/
/* LANDING PAGE / REQUEST A CALL */
/************************/
.zq-key-visual--request-a-call {
  min-height: auto;
}
.zq-key-visual--request-a-call .zq-container {
  text-align: center;
  padding-bottom: 100px;
}
.zq-key-visual--request-a-call .button {
  margin-top: 20px;
}
.zq-key-visual--request-a-call.zq-key-visual::before {
  background-color: rgba(53, 54, 58, 0.85);
}
.zq-key-visual--request-a-call .zq-key-visual__as-seen-on {
  background-color: rgba(0, 0, 0, 0.2);
}
.zq-key-visual__request-a-call-content {
  max-width: 650px;
}
.zq-key-visual__request-a-call-content--with-affiliate hr {
  margin: 20px 0;
}
.zq-key-visual__request-a-call-content--with-affiliate .button {
  margin-top: 0;
}
.request-a-call-content__affiliate-details {
  margin-top: 20px;
  display: flex;
  align-items: center;
  border-radius: 70px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20px;
}
.affiliate-details__image img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.affiliate-details__user-details {
  text-align: left;
  color: white;
  padding-left: 20px;
}
.affiliate-details__user-details strong {
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}
.affiliate-details__user-details em {
  display: block;
  margin-bottom: 10px;
}
.affiliate-details__user-details a {
  color: white;
}
.affiliate-details__user-details a:hover {
  text-decoration: none;
}
.zq-request-a-call-brief-outline {
  background: url("../images/landing-page/request-a-call-overview-background.jpg") center bottom no-repeat;
  background-size: 100%;
  margin-bottom: 150px;
}
.zq-request-a-call-brief-outline .zq-container {
  max-width: 750px;
}
.zq-request-a-call-brief-outline .zq-container h3 {
  text-align: center;
}
.page--landing-page .zq-row.zq-request-a-call-brief-outline {
  padding-bottom: 400px !important;
}
.zq-request-a-call-what-to-expect-from-call {
  background-color: rgba(120, 75, 158, 0.2);
}
.zq-request-a-call-what-to-expect-from-call .zq-container {
  max-width: 750px;
}
.zq-request-a-call-what-to-expect-from-call .zq-container h3 {
  text-align: center;
}
.zq-request-a-call-form .zq-container h2 {
  text-align: center;
}
.zq-request-a-call-form__intro {
  max-width: 750px;
  margin: 0 auto;
}
.zq-request-a-call-form__form {
  max-width: 600px;
  margin: 50px auto 0 auto;
  background-color: #F2F2F2;
  border-radius: 25px;
  padding: 20px;
}
.zq-request-a-call-form__form h3 {
  text-align: center;
}
.zq-request-a-call-form__form h3 em {
  display: block;
  font-size: 20px;
  line-height: 24px;
}
.zq-request-a-call-form__form .steps__container {
  margin-top: 40px;
}
.zq-request-a-call-form__form .form__action-buttons .button {
  margin: 0;
}
.zq_request_a_call_form__step {
  margin-top: 40px;
}
.zq_request_a_call_form__step h5 {
  color: #5C6170;
}
.zq_request_a_call_form__step p {
  font-size: 14px;
  line-height: 18px;
}
.zq_request_a_call_form__call-calendar {
  margin-bottom: 20px;
}
.call-calendar__choose-month {
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 22px;
}
.call-calendar__change-month {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e5e5e5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}
.call-calendar__change-month:hover {
  background-color: #d9d9d9;
}
.call-calendar__change-month::before {
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  font-size: 20px;
  line-height: 20px;
}
.call-calendar__change-month--previous::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.call-calendar__change-month--next::before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.call-calendar__choose-day {
  display: flex;
  flex-wrap: wrap;
}
.call-calendar__day-title,
.call-calendar__day {
  width: calc(100%/7);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.call-calendar__day-title {
  align-items: flex-end;
  border-bottom: 1px solid #DDDDDD;
  font-size: 10px;
  color: #AAAAAA;
}
.call-calendar__day {
  height: 50px;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  font-weight: 700;
}
.call-calendar__day:nth-child(7n + 1) {
  border-left: 1px solid #DDDDDD;
}
.call-calendar__day--disabled {
  color: rgba(170, 170, 170, 0.5);
  cursor: not-allowed;
  font-weight: 300;
}
.call-calendar__day--available {
  background-color: rgba(126, 211, 33, 0.1);
  color: #7ED321;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}
.call-calendar__day--available:hover,
.call-calendar__day--available.call-calendar__day--selected {
  background-color: #7ED321;
  color: white;
}
.call-calendar__day--busy {
  background-color: rgba(204, 6, 36, 0.05);
  color: #cc0624;
  cursor: not-allowed;
}
.zq_request_a_call_form__call-hours {
  margin-top: 20px;
}
.call-hours__avaliable-hours {
  display: flex;
  flex-wrap: wrap;
}
.call-hours__hour {
  font-weight: 700;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  padding: 10px 10px;
  margin: 0 10px 10px 0;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
.call-hours__hour:hover,
.call-hours__hour.call-hours__hour--selected {
  background-color: #7ED321;
  color: white;
  border-color: #7ED321;
}
.zq_request_a_call_form__question {
  font-weight: 600;
  margin: 20px 0 5px 0;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .page--landing-page .zq-row.zq-request-a-call-brief-outline {
    padding-bottom: 300px !important;
  }
}
@media (max-width: 1200px) {
  .page--landing-page .zq-row.zq-request-a-call-brief-outline {
    padding-bottom: 200px !important;
  }
}
@media (max-width: 768px) {
  .zq-key-visual--request-a-call.zq-key-visual--with-as-seen-on .zq-container {
    padding-bottom: 50px;
  }
  .zq-request-a-call-brief-outline {
    margin-bottom: 0;
  }
  .page--landing-page .zq-row.zq-request-a-call-brief-outline {
    padding-bottom: 100px !important;
  }
}
@media (max-width: 550px) {
  .zq-key-visual--request-a-call.zq-key-visual--with-as-seen-on .zq-container {
    padding-bottom: 20px;
  }
}
/***********************************/
/* LANDING PAGE / THANK YOU */
/***********************************/
.zq-key-visual--thank-you .zq-container {
  text-align: center;
  width: 100%;
  max-width: 600px;
}
.zq-key-visual--thank-you .button {
  margin-top: 20px;
}
.zq-key-visual--thank-you.zq-key-visual::before {
  background-color: rgba(53, 54, 58, 0.9);
}
.zq-key-visual--thank-you .zq-key-visual__as-seen-on {
  background-color: rgba(0, 0, 0, 0.2);
}
.zq-landing-page-ebook img {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.zq-landing-page-ebook__CTA {
  text-align: center;
  margin: 50px 0;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  .zq-key-visual--thank-you.zq-key-visual--with-as-seen-on .zq-container {
    padding-bottom: 10px;
  }
}
@media (max-width: 550px) {
  .zq-landing-page-ebook img {
    margin-bottom: 20px;
  }
}
/************************/
/* LANDING PAGE / PACKAGE NAVIGATOR + NUTRITION */
/************************/
.page--navigator-nutrition h1,
.page--navigator-nutrition h2,
.page--navigator-nutrition h3,
.page--navigator-nutrition h4,
.page--navigator-nutrition h5,
.page--navigator-nutrition h6 {
  color: #5C6170;
}
.page--navigator-nutrition .button--primary {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.page--navigator-nutrition .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
}
.page--navigator-nutrition .button--gray:hover,
.page--navigator-nutrition .button--gray:focus:hover,
.page--navigator-nutrition .button--gray:focus,
.page--navigator-nutrition .button--gray:focus:focus {
  box-shadow: 0 0 30px 0 rgba(30, 47, 113, 0.5);
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.page--navigator-nutrition .zq-how-it-works .grid-items__item::before {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.page--navigator-nutrition .zq-footer h1,
.page--navigator-nutrition .zq-footer h2,
.page--navigator-nutrition .zq-footer h3,
.page--navigator-nutrition .zq-footer h4,
.page--navigator-nutrition .zq-footer h5,
.page--navigator-nutrition .zq-footer h6 {
  color: white;
}
.page--navigator-nutrition .zq-footer .button--primary {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#784b9e", GradientType=1);
}
.page--navigator-nutrition .zq-footer .button--primary:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
}
.zq-constantly-changing-lives-for-better {
  background: url('../images/landing-page/bundle/changing-lives-for-better-background.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
}
.zq-constantly-changing-lives-for-better .grid-items {
  margin-top: 50px;
  margin-bottom: 50px;
}
.zq-constantly-changing-lives-for-better .grid-items__item {
  position: relative;
  color: #5C6170;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 20px 20px 20px 20px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.zq-constantly-changing-lives-for-better .grid-items__icon-between::before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  color: #5C6170;
}
.zq-constantly-changing-lives-for-better .grid-items__icon {
  color: #7ED321;
}
.zq-constantly-changing-lives-for-better .grid-items__title {
  color: #5C6170;
  font-weight: 500;
}
.zq-constantly-changing-lives-for-better .grid-items__content {
  color: #5C6170;
}
/* RESPONSIVE */
/************************/
/* LANDING PAGE / PACKAGE NAVIGATOR + NUTRITION + BUSINESS */
/************************/
.page--navigator-nutrition-business h1,
.page--navigator-nutrition-business h2,
.page--navigator-nutrition-business h3,
.page--navigator-nutrition-business h4,
.page--navigator-nutrition-business h5,
.page--navigator-nutrition-business h6 {
  color: #5C6170;
}
.page--navigator-nutrition-business .button--primary {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--navigator-nutrition-business .button--primary:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
}
.page--navigator-nutrition-business .button--gray:hover,
.page--navigator-nutrition-business .button--gray:focus:hover,
.page--navigator-nutrition-business .button--gray:focus,
.page--navigator-nutrition-business .button--gray:focus:focus {
  box-shadow: 0 0 30px 0 rgba(30, 47, 113, 0.5);
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--navigator-nutrition-business .zq-how-it-works .grid-items__item::before {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--navigator-nutrition-business .zq-footer h1,
.page--navigator-nutrition-business .zq-footer h2,
.page--navigator-nutrition-business .zq-footer h3,
.page--navigator-nutrition-business .zq-footer h4,
.page--navigator-nutrition-business .zq-footer h5,
.page--navigator-nutrition-business .zq-footer h6 {
  color: white;
}
.page--navigator-nutrition-business .zq-footer .button--primary {
  background: #7ed321;
  background: linear-gradient(145deg, #7ed321 0%, #784b9e 50%, #233785 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed321", endColorstr="#233785", GradientType=1);
}
.page--navigator-nutrition-business .zq-footer .button--primary:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
}
.zq-turn-cold-leads-to-customers {
  background: url('../images/landing-page/business/business-turn-cold-leads-to-customers-background.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
  position: relative;
}
.zq-turn-cold-leads-to-customers h2,
.zq-turn-cold-leads-to-customers h5,
.zq-turn-cold-leads-to-customers p {
  color: white;
}
.zq-turn-cold-leads-to-customers .grid-items {
  margin-top: 50px;
  margin-bottom: 50px;
}
.zq-turn-cold-leads-to-customers .grid-items__item {
  position: relative;
  color: #5C6170;
  border-radius: 25px;
  background-color: rgba(35, 55, 133, 0.8);
  padding: 20px 20px 20px 20px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.zq-turn-cold-leads-to-customers .grid-items__icon-between::before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  color: white;
}
.zq-turn-cold-leads-to-customers .grid-items__icon {
  color: white;
}
.zq-turn-cold-leads-to-customers .grid-items__title {
  color: white;
  font-weight: 500;
}
.zq-turn-cold-leads-to-customers .grid-items__content {
  color: white;
}
.zq-turn-cold-leads-to-customers::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(53, 54, 58, 0.9);
}
/* RESPONSIVE */
/************************/
/* LANDING PAGE / SPECIAL OFFER ADDED TO CART */
/************************/
.zq-special-offer-added-to-cart {
  background-color: #35363A;
  position: relative;
  z-index: 2;
  padding-top: 110px;
  padding-bottom: 50px;
}
.zq-special-offer-added-to-cart p,
.zq-special-offer-added-to-cart strong {
  color: white;
}
.zq-special-offer-added-to-cart hr {
  background-color: rgba(255, 255, 255, 0.2);
}
.zq-special-offer-added-to-cart h4 {
  color: #7ED321;
}
.zq-special-offer-added-to-cart__successful {
  position: relative;
}
.zq-special-offer-added-to-cart__successful > p {
  margin-bottom: 0;
}
.zq-special-offer-added-to-cart__successful h4 {
  position: relative;
  padding-left: 40px;
}
.zq-special-offer-added-to-cart__successful h4::before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'zeequest' !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
  color: #7ED321;
  font-size: 30px;
}
.zq-special-offer-added-to-cart__bank-transfer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 20px;
  margin-top: 20px;
}
.zq-special-offer-added-to-cart__bank-transfer a {
  color: white;
}
.zq-special-offer-added-to-cart__bank-transfer .zq-shopping-cart__bank-wire-transfer {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-special-offer-added-to-cart {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}
/************************/
/* LANDING PAGE / TIME LIMITED OFFER */
/************************/
.zq-time-limited-offer {
  background-color: #222225;
  color: white;
  padding-top: 50px;
  padding-bottom: 50px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.7);
  position: relative;
  z-index: 1;
}
.zq-time-limited-offer .zq-container {
  position: relative;
  padding-left: 70px;
}
.zq-time-limited-offer .zq-container .scroll-down {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.zq-time-limited-offer .zq-container .scroll-down::before {
  color: white;
}
.zq-time-limited-offer p,
.zq-time-limited-offer h4 {
  color: white;
}
.time-limited-offer__timer {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.time-limited-offer__countdown {
  color: white;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.time-limited-offer__timer--offer-ended {
  display: none;
}
.time-limited-offer__timer--offer-ended strong {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  display: block;
}
.page--nutrition .zq-time-limited-offer {
  background-color: #784b9e;
}
.page--nutrition .zq-time-limited-offer .zq-container .scroll-down::before {
  color: white;
}
.page--navigator .zq-time-limited-offer {
  background-color: #7ED321;
}
.page--navigator .zq-time-limited-offer .zq-container .scroll-down::before {
  color: white;
}
/* RESPONSIVE */
@media (max-width: 550px) {
  .zq-time-limited-offer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.zq-modal-popup {
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
}
.zq-modal-popup .zq-modal-content {
  border-radius: 25px;
  border: 2px solid #73AD21;
  background-color: #F2F2F2;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  width: 40%;
  /* Could be more or less, depending on screen size */
}
.zq-modal-popup .zq-modal-close-button {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.zq-modal-popup .zq-modal-close-button:hover,
.zq-modal-popup .zq-modal-close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/slick.eot');
  src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}