/* ====================== FONTS =================== */
@font-face {
  font-family: 'Raleway-Black';
  src: url("../fonts/Raleway-Black.eot");
  src: local("Raleway Black"), local("Raleway-Black"), url("../fonts/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Black.woff") format("woff"), url("../fonts/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url("../fonts/Raleway-ExtraBold.eot");
  src: local("Raleway ExtraBold"), local("Raleway-ExtraBold"), url("../fonts/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-ExtraBold.woff") format("woff"), url("../fonts/Raleway-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url("../fonts/Raleway-Bold.eot");
  src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*@font-face {
			font-family: 'Raleway-BoldItalic';
			src: url('../fonts/Raleway-BoldItalic.eot');
			src: local('Raleway BoldItalic'), local('Raleway-Bold'),
				url('../fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'),
				url('../fonts/Raleway-BoldItalic.woff') format('woff'),
				url('../fonts/Raleway-BoldItalic.ttf') format('truetype');
			font-weight: bold;
			font-style: italic;
			font-display: swap;
}*/
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url("../fonts/Raleway-SemiBold.eot");
  src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url("../fonts/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-SemiBold.woff") format("woff"), url("../fonts/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url("../fonts/Raleway-Medium.eot");
  src: local("Raleway Medium"), local("Raleway-Medium"), url("../fonts/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url("../fonts/Raleway-Regular.eot");
  src: local("Raleway"), local("Raleway-Regular"), url("../fonts/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway-Light';
  src: url("../fonts/Raleway-Light.eot");
  src: local("Raleway Light"), local("Raleway-Light"), url("../fonts/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Light.woff") format("woff"), url("../fonts/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans Condensed';
  src: url("../fonts/FiraSansCondensed-Light.eot");
  src: local("Fira Sans Condensed Light"), local("FiraSansCondensed-Light"), url("../fonts/FiraSansCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSansCondensed-Light.woff") format("woff"), url("../fonts/FiraSansCondensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.gut-main {
  font-family: "Raleway-Medium","PT Sans",Arial,sans-serif;
}

.title {
  font-family: "Raleway-Black","PT Sans",Arial,sans-serif;
}

b, .bold, strong {
  font-family: "Raleway-ExtraBold","PT Sans",Arial,sans-serif;
}

.upc {
  text-transform: uppercase;
}

sup {
  font-size: 70%;
  line-height: 1;
}

.font-72 {
  font-size: 72px;
  line-height: 120%;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .font-72 {
    font-size: 35px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .font-72 {
    font-size: 40px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .font-72 {
    font-size: 50px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .font-72 {
    font-size: 60px;
  }
}

.font-64 {
  font-size: 64px;
  line-height: 120%;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .font-64 {
    font-size: 34px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .font-64 {
    font-size: 38px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .font-64 {
    font-size: 48px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .font-64 {
    font-size: 52px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .font-64 {
    font-size: 56px;
  }
}

.font-48 {
  font-size: 48px;
  line-height: 100%;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .font-48 {
    font-size: 32px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .font-48 {
    font-size: 34px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .font-48 {
    font-size: 42px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .font-48 {
    font-size: 42px;
  }
}

.font-40 {
  font-size: 40px;
  line-height: 120%;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .font-40 {
    font-size: 30px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .font-40 {
    font-size: 32px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .font-40 {
    font-size: 36px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .font-40 {
    font-size: 38px;
  }
}

.font-36 {
  font-size: 36px;
  line-height: 106%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-36 {
    font-size: 24px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .font-36 {
    font-size: 30px;
  }
}

.font-30 {
  font-size: 30px;
  line-height: 120%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-30 {
    font-size: 26px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .font-30 {
    font-size: 30px;
  }
}

.font-28 {
  font-size: 28px;
  line-height: 115%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-28 {
    font-size: 22px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .font-28 {
    font-size: 26px;
  }
}

.font-26 {
  font-size: 26px;
  line-height: 115%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-26 {
    font-size: 22px;
    line-height: 109%;
  }
}

.font-24 {
  font-size: 24px;
  line-height: 137%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-24 {
    font-size: 18px;
  }
}

.font-22 {
  font-size: 22px;
  line-height: 109%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-22 {
    font-size: 18px;
  }
}

.font-18 {
  font-size: 18px;
  line-height: 138%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .font-18 {
    font-size: 16px;
  }
}

/* ====================== HELPERS =================== */
.white-bg {
  background-color: #ffffff;
}

.white-text {
  color: #ffffff;
}

.white-svg {
  fill: #ffffff;
}

.black-bg {
  background-color: #000000;
}

.black-text {
  color: #000000;
}

.black-svg {
  fill: #000000;
}

.red-bg {
  background-color: #C00027;
}

.red-text {
  color: #C00027;
}

.red-svg {
  fill: #C00027;
}

.gray-bg {
  background-color: #636363;
}

.gray-text {
  color: #636363;
}

.gray-svg {
  fill: #636363;
}

.gray-light-bg {
  background-color: #fafafa;
}

.gray-light-text {
  color: #fafafa;
}

.gray-light-svg {
  fill: #fafafa;
}

.green-bg {
  background-color: #00b1b1;
}

.green-text {
  color: #00b1b1;
}

.green-svg {
  fill: #00b1b1;
}

.green2-bg {
  background-color: #00b0af;
}

.green2-text {
  color: #00b0af;
}

.green2-svg {
  fill: #00b0af;
}

.green-light-bg {
  background-color: #c8eae9;
}

.green-light-text {
  color: #c8eae9;
}

.green-light-svg {
  fill: #c8eae9;
}

.green-dark-bg {
  background-color: #00a4a8;
}

.green-dark-text {
  color: #00a4a8;
}

.green-dark-svg {
  fill: #00a4a8;
}

.blue-bg {
  background-color: #A1DDFF;
}

.blue-text {
  color: #A1DDFF;
}

.blue-svg {
  fill: #A1DDFF;
}

.guttalaks-bg {
  background-color: #00593F;
}

.guttalaks-text {
  color: #00593F;
}

.guttalaks-svg {
  fill: #00593F;
}

.gut-container {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1200px;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

@media screen and (min-width: 320px) and (max-width: 580px) {
  .hidden-xs {
    display: none !important;
  }
}

@media screen and (min-width: 580px) and (max-width: 960px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/* ====================== ASSETS =================== */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: #e1eefa;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #d02f80;
  height: 11px;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #d02f80;
  width: 40px;
}

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 1;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #d02f80;
  border-radius: 0;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 1;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 30px;
  border-radius: 0;
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #d02f80;
  border-radius: 0;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y */
  width: 40px;
}

.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 40px;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #d02f80;
  height: 11px;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #d02f80;
  width: 40px;
}

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 1;
}

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #e1eefa;
  opacity: 1;
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #d02f80;
}

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #e1eefa;
  opacity: 1;
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #d02f80;
}

.ps--theme_light {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps--theme_light {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps--theme_light {
    overflow: auto !important;
  }
}

.ps--theme_light.ps--active-x > .ps__scrollbar-x-rail,
.ps--theme_light.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: #e9e9e9;
}

.ps--theme_light.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps--theme_light.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #d02f80;
  height: 8px;
}

.ps--theme_light.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps--theme_light.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #d02f80;
  width: 8px;
}

.ps--theme_light > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0.6;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 8px;
}

.ps--theme_light > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #d02f80;
  border-radius: 4px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 8px;
}

.ps--theme_light > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps--theme_light > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 8px;
}

.ps--theme_light > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0.6;
  transition: background-color .2s linear, opacity .2s linear;
  right: 8px !important;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 8px;
  border-radius: 4px;
}

.ps--theme_light > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #d02f80;
  border-radius: 4px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y */
  width: 8px;
}

.ps--theme_light > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps--theme_light > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 8px;
}

.ps--theme_light:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps--theme_light:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #d02f80;
  height: 8px;
}

.ps--theme_light:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #e1eefa;
  opacity: 1;
}

.ps--theme_light:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #d02f80;
  width: 8px;
}

.ps--theme_light:hover > .ps__scrollbar-x-rail,
.ps--theme_light:hover > .ps__scrollbar-y-rail {
  opacity: 1;
}

.ps--theme_light:hover > .ps__scrollbar-x-rail:hover {
  background-color: #e1eefa;
  opacity: 1;
}

.ps--theme_light:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #d02f80;
}

.ps--theme_light:hover > .ps__scrollbar-y-rail:hover {
  background-color: #e1eefa;
  opacity: 1;
}

.ps--theme_light:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #d02f80;
}

.ps--theme_orange {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps--theme_orange {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps--theme_orange {
    overflow: auto !important;
  }
}

.ps--theme_orange.ps--active-x > .ps__scrollbar-x-rail,
.ps--theme_orange.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: #f8f8f8;
}

.ps--theme_orange.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #f8f8f8;
  opacity: 1;
}

.ps--theme_orange.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #fcbc31;
  height: 11px;
}

.ps--theme_orange.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #f8f8f8;
  opacity: 1;
}

.ps--theme_orange.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #fcbc31;
  width: 40px;
}

.ps--theme_orange > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 1;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}

.ps--theme_orange > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #fcbc31;
  border-radius: 0;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}

.ps--theme_orange > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps--theme_orange > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}

.ps--theme_orange > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 1;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 30px;
  border-radius: 0;
}

.ps--theme_orange > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #fcbc31;
  border-radius: 0;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y */
  width: 40px;
}

.ps--theme_orange > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps--theme_orange > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 40px;
}

.ps--theme_orange:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #f8f8f8;
  opacity: 1;
}

.ps--theme_orange:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #fcbc31;
  height: 11px;
}

.ps--theme_orange:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #f8f8f8;
  opacity: 1;
}

.ps--theme_orange:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #fcbc31;
  width: 40px;
}

.ps--theme_orange:hover > .ps__scrollbar-x-rail,
.ps--theme_orange:hover > .ps__scrollbar-y-rail {
  opacity: 1;
}

.ps--theme_orange:hover > .ps__scrollbar-x-rail:hover {
  background-color: #f8f8f8;
  opacity: 1;
}

.ps--theme_orange:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #fcbc31;
}

.ps--theme_orange:hover > .ps__scrollbar-y-rail:hover {
  background-color: #f8f8f8;
  opacity: 1;
}

.ps--theme_orange:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #fcbc31;
}

/* ====================== COMMON =================== */
.gut-main {
  background: #ffffff;
  color: #171717;
  font-size: 16px;
  overflow: hidden;
}

.gut-main * {
  box-sizing: border-box;
}

.gut-main img {
  max-width: 100%;
  vertical-align: bottom;
}

.gut-main .center {
  /* fix spo-core.min.css for .center owl-carousel */
  float: none;
  right: auto;
}

.gut-main .__btn {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  font-size: 17px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 20px;
  background: #C00027;
  border-radius: 23px;
  margin: 30px 0 0;
}

.gut-main .spo-the-law-on-advertising {
  position: absolute;
  top: 20px;
  right: 40px;
  font-size: 10px;
  line-height: 14px;
  color: #101010;
  text-align: left;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-main .spo-the-law-on-advertising {
    top: -30px;
    right: unset;
    left: 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-main .spo-the-law-on-advertising {
    top: -30px;
    right: unset;
    left: 20px;
  }
}

.gut-main .spo-the-law-on-advertising a {
  text-decoration: underline;
  color: #101010;
}

.gut-main .spo-the-law-on-advertising-2 {
  position: absolute;
  top: 20px;
  right: 40px;
  font-size: 10px;
  line-height: 14px;
  color: #101010;
  text-align: left;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-main .spo-the-law-on-advertising-2 {
    right: unset;
    left: 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-main .spo-the-law-on-advertising-2 {
    right: unset;
    left: 20px;
  }
}

.gut-main .spo-the-law-on-advertising-2 a {
  text-decoration: underline;
  color: #101010;
}

.gut-main .guttalaks-ads .spo-the-law-on-advertising {
  position: absolute;
  top: 30px;
  left: 0px;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  text-align: left;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-main .guttalaks-ads .spo-the-law-on-advertising {
    top: unset;
    left: unset;
    width: 100%;
    margin: 30px 0 0 30px;
    position: relative;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-main .guttalaks-ads .spo-the-law-on-advertising {
    top: unset;
    left: unset;
    width: 100%;
    margin: 30px 0 0 30px;
    position: relative;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-main .guttalaks-ads .spo-the-law-on-advertising {
    left: 20px;
  }
}

.gut-main .guttalaks-ads .spo-the-law-on-advertising a {
  text-decoration: underline;
  color: #fff;
}

.gut-main .more-btn-wrap {
  margin: 100px auto 30px;
  text-align: center;
}

@media screen and (max-width: 579px) {
  .gut-main .more-btn-wrap {
    margin: 30px auto 30px;
    position: relative;
  }
}

.gut-main .more-btn-wrap .more-btn {
  color: #171717;
  padding: 0 30px;
  height: 50px;
  border-radius: 50px;
  background: #6AE0A6;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-container-wide {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px;
}

.gut-container-wide-2 {
  max-width: 1440px;
  margin: 0 auto;
}

.gut-main-secret-wrap {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 5;
  display: none;
}

@media screen and (max-width: 1599px) {
  .gut-main-secret-wrap {
    max-width: 300px;
  }
}

.gut-main-secret-wrap.active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.gut-main-secret-wrap.active.bottom {
  position: relative;
  bottom: unset;
  right: unset;
  margin: 50px auto 0;
  max-width: 300px;
}

.gut-main-secret-wrap.active.bottom .secret-close {
  display: none;
}

.gut-main-secret-wrap .secret-close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
}

.gut-main-secret-wrap .secret-close svg {
  height: 100%;
  width: 100%;
}

.gut-main-secret-wrap .hippo-secret {
  max-width: 215px;
}

.gut-header {
  position: relative;
  /*background: getColor(white) url(../src/images/common/header-bg.png) no-repeat 50% 100%;*/
  /*&__logo {
			@media screen and (min-width: 320px) and (max-width: 579px) {
				margin-left:20px;
//				margin:0 auto;
			}
			@media screen and (min-width: 580px) and (max-width: 759px) {
				margin-left:20px;
//				margin:0 auto;
			}
			@media screen and (min-width: 760px) and (max-width: 959px) {
				margin-left:20px;
			}
			@media screen and (min-width: 960px) and (max-width: 1340px) {
				margin-left:20px;
			}
			img {
				display:block;
				width:207px;
				@media screen and (min-width: 320px) and (max-width: 579px) {
//					width:86px;
				}
				@media screen and (min-width: 580px) and (max-width: 759px) {
//					width:80px;
				}
				@media screen and (min-width: 760px) and (max-width: 959px) {
//					width:80px;
				}
			}
		}*/
}

.gut-header.header-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 0px 5px 5px -5px rgba(93, 52, 39, 0.6);
  z-index: 2;
}

.gut-header-menu-wrap {
  max-width: 1280px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.gut-header-wrap, .gut-header-menu-wrap {
  min-height: 70px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-header-wrap, .gut-header-menu-wrap {
    min-height: 70px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-header-wrap, .gut-header-menu-wrap {
    min-height: 70px;
  }
}

.gut-header.is-sticky {
  background: #ffffff;
  z-index: 101;
  box-shadow: 0px 5px 5px -5px rgba(93, 52, 39, 0.6);
}

.gut-header.is-sticky .gut-header-menu-wrap {
  min-height: 70px;
}

.gut-menu {
  padding: 10px 0;
  position: relative;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-menu {
    position: fixed;
    left: -3000px;
    top: 0;
    height: 100%;
    border-radius: 0;
    z-index: 101;
  }
}

.gut-menu.is-sticky {
  background: #fff;
  padding: 15px 0;
  z-index: 101;
  box-shadow: 0px 5px 5px -5px rgba(93, 52, 39, 0.6);
}

.gut-menu.is-sticky + .gut-container {
  padding-top: 50px;
}

.gut-menu.active {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.gut-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-menu ul {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 760px) and (max-width: 1023px) {
  .gut-menu ul {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.gut-menu ul li.bold {
  background: #89EFBD;
  border-radius: 20px;
}

.gut-menu ul li.bold a {
  font-family: 'Raleway-Bold';
}

.gut-menu ul li.mobile {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-menu ul li.mobile {
    display: block;
  }
}

.gut-menu ul li a {
  font-family: 'Raleway-SemiBold';
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  color: #171717;
  margin: 0 1px;
  padding: 10px 24px;
  display: inline-block;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-menu ul li a {
    color: #171717;
    text-decoration: none;
    margin: 0 5px;
    display: inline-block;
  }
}

@media screen and (min-width: 760px) and (max-width: 1023px) {
  .gut-menu ul li a {
    display: inline-block;
    padding: 10px 14px;
  }
}

.gut-menu ul li.down-m-menu {
  display: none;
}

@media screen and (max-width: 759px) {
  .gut-menu ul li.down-m-menu.active {
    display: inline-block;
  }
}

.gut-menu ul li.open-menu {
  position: relative;
  display: inline-block;
  margin: 0 16px 0 0;
}

@media screen and (min-width: 760px) and (max-width: 1023px) {
  .gut-menu ul li.open-menu {
    margin: 0 10px 0 0;
  }
}

.gut-menu ul li.open-menu a {
  padding: 10px 46px 10px 24px;
  border: 0;
}

@media screen and (max-width: 759px) {
  .gut-menu ul li.open-menu a {
    border: 0;
  }
}

.gut-menu ul li.open-menu a.active {
  padding: 10px 46px 10px 24px;
  border: 0;
}

.gut-menu ul li.open-menu a:last-child {
  border-radius: 0 0 20px 20px;
}

.gut-menu ul li.open-menu .m-shevron {
  position: absolute;
  right: 0px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px;
  border-radius: 0 60px 60px 0;
  cursor: pointer;
}

.gut-menu ul li.open-menu .m-shevron.active img {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.gut-menu ul li.open-menu .down-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
}

.gut-menu ul li.open-menu .down-menu.active {
  display: block;
}

@media screen and (max-width: 759px) {
  .gut-menu ul li.open-menu .down-menu.active {
    display: none;
  }
}

.gut-menu ul li.open-menu .down-menu a {
  padding: 10px 24px;
  background: #89EFBD;
  color: #171717;
  width: 100%;
}

.gut-menu ul li a.active {
  color: #171717;
  background: #89EFBD;
  border-radius: 60.8696px;
  padding: 10px 24px;
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-menu ul li a.active {
    padding: 10px 14px;
  }
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-menu ul li {
    margin: 10px 0;
  }
}

.gut-menu ul li.x-circle {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-menu ul li.x-circle {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    margin: 0;
    cursor: pointer;
  }
}

.icon-menu {
  display: none;
  z-index: 50;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .icon-menu {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

.icon-menu.icon-fixed {
  position: fixed;
}

.gut-footer p.adsname {
  padding: 20px;
  font-size: 14px;
  color: #D2D2D2;
}

.gut-footer p.notes {
  padding: 20px;
  font-size: 14px;
  color: #D2D2D2;
  text-align: left;
}

.gut-footer .more-btn-wrap {
  margin: 100px auto 30px;
  text-align: center;
}

@media screen and (max-width: 579px) {
  .gut-footer .more-btn-wrap {
    margin: 30px auto 30px;
  }
}

.gut-footer .more-btn-wrap .more-btn {
  color: #171717;
  padding: 0 30px;
  height: 50px;
  border-radius: 50px;
  background: #6AE0A6;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-footer .more-btn-wrap-2 {
  padding: 80px 0 100px;
  text-align: center;
}

@media screen and (max-width: 579px) {
  .gut-footer .more-btn-wrap-2 {
    padding: 30px 0 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-footer .more-btn-wrap-2 {
    padding: 40px 0 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-footer .more-btn-wrap-2 {
    padding: 60px 0 80px;
  }
}

.gut-footer .more-btn-wrap-2 .more-btn {
  color: #00593F;
  font-family: 'Raleway-Bold';
  padding: 50px 130px;
  height: 50px;
  border-radius: 50px;
  background: linear-gradient(120.38deg, #74C79B 0%, #FFFFFF 94.36%);
  border: 1px solid #74C79B;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 579px) {
  .gut-footer .more-btn-wrap-2 .more-btn {
    padding: 30px 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-footer .more-btn-wrap-2 .more-btn {
    padding: 40px 80px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-footer .more-btn-wrap-2 .more-btn {
    padding: 40px 100px;
  }
}

.gut-footer ol.notes {
  margin: 20px 0 0 20px;
  list-style: decimal;
  text-align: left;
}

.gut-footer ol.notes li {
  margin: 5px 0;
  font-size: 14px;
  color: #D2D2D2;
}

.gut-footer .gray2-text {
  color: #D2D2D2;
}

.gut-sharing {
  display: inline-block;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .gut-sharing {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
}

.gut-sharing__list {
  font-size: 0;
  margin: 5px 0 15px;
}

.gut-sharing__item {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 10px 0 10px;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .gut-sharing__item {
    margin: 10px 5px 0 5px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .gut-sharing__item {
    margin: 10px 8px 0 8px;
  }
}

.gut-sharing__link {
  display: block;
  width: 40px;
  height: 40px;
  transition: all .2s linear;
  transform: translate3d(0, 0, 0);
  -ms-transform-origin: center center;
      transform-origin: center center;
  border-radius: 50%;
  background-color: #a1ddff;
  box-sizing: border-box;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .gut-sharing__link {
    width: 30px;
    height: 30px;
  }
}

.gut-sharing__link._bb {
  padding: 15%;
}

.gut-sharing__link._fb, .gut-sharing__link._ok, .gut-sharing__link._wt, .gut-sharing__link._vb, .gut-sharing__link._vk {
  padding: 20%;
}

.gut-sharing__link._tg {
  padding: 25% 0 10%;
}

.gut-sharing__link._bb {
  border-color: #ef498f;
  background-color: #ef498f;
}

.gut-sharing__link._bb:hover {
  background-color: rgba(239, 73, 143, 0.8);
}

.gut-sharing__link._vk {
  border-color: #0077ff;
  background-color: #0077ff;
}

.gut-sharing__link._vk:hover {
  background-color: rgba(0, 119, 255, 0.8);
}

.gut-sharing__link._ok {
  border-color: #f7931e;
  background-color: #f7931e;
}

.gut-sharing__link._ok:hover {
  background-color: rgba(247, 147, 30, 0.8);
}

.gut-sharing__link._tg {
  border-color: #2aabee;
  background-color: #2aabee;
}

.gut-sharing__link._tg:hover {
  background-color: rgba(42, 171, 238, 0.8);
}

.gut-sharing__link._wt {
  border-color: #0dc143;
  background-color: #0dc143;
}

.gut-sharing__link._wt:hover {
  background-color: rgba(13, 193, 67, 0.8);
}

.gut-sharing__link._vb {
  border-color: #675da9;
  background-color: #675da9;
}

.gut-sharing__link._vb:hover {
  background-color: rgba(103, 93, 169, 0.8);
}

.gut-sharing__link svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.gut-sharing__link:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
  background-color: #caecff;
}

.gut-footer {
  /*** warning ***/
  /*** /warning ***/
}

.gut-footer-warning {
  color: #D2D2D2;
  text-align: center;
  text-transform: uppercase;
  padding: 40px 10px 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-footer-warning {
    padding: 30px 10px 20px;
  }
}

.gut-footer-warning p {
  font-size: 18px;
  color: #D2D2D2;
  line-height: 120%;
  font-family: "OpenSansRegular","PT Sans",Arial,sans-serif;
  padding: 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .gut-footer-warning p {
    font-size: 12px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .gut-footer-warning p {
    font-size: 14px;
  }
}

.gut-footer-warning h2 {
  font-size: 40px;
  padding: 10px 0;
  font-weight: 300;
  line-height: 120%;
  font-family: 'Fira Sans Condensed';
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .gut-footer-warning h2 {
    font-size: 22px;
  }
}

@media screen and (min-width: 375px) and (max-width: 579px) {
  .gut-footer-warning h2 {
    font-size: 26px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-footer-warning h2 {
    font-size: 40px;
  }
}

.gut-footer-warning-wrap {
  max-width: 1350px;
  margin: 0 auto;
}

.gut-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1300000;
  overflow: auto;
}

@media screen and (max-width: 759px) {
  .gut-modal {
    display: block;
  }
}

.gut-modal.long-read {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
}

.gut-modal__wrap {
  max-width: 750px;
  margin: 70px 0;
}

.gut-modal__wrap-2 {
  max-width: 680px;
  margin: 70px 0;
}

.gut-modal__wrap-3 {
  max-width: 600px;
  margin: 70px 0;
}

.gut-modal__close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 24px;
  height: 24px;
  z-index: 1;
  cursor: pointer;
}

.gut-modal__close svg {
  height: 100%;
  width: 100%;
}

.gut-modal-popup__content {
  padding: 40px;
  background-color: white;
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
  border-radius: 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-modal-popup__content {
    padding: 30px 20px;
    border-radius: 0px;
  }
}

.gut-modal-popup__content--rules {
  padding: 40px 0;
}

.gut-modal-popup__content .l-num {
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  padding: 6px 14px 6px 14px;
  border-radius: 20px;
  margin: 0 0 20px;
}

.gut-modal-popup__content .l-num.l-num-1 {
  background: #6AE0A6;
}

.gut-modal-popup__content .l-num.l-num-2 {
  background: #E9F5DB;
}

.gut-modal-popup__content .l-num.l-num-3 {
  background: #AFF0D0;
}

.gut-modal-popup__content .l-num.l-num-4 {
  background: #6AE0A6;
}

.gut-modal-popup__content .l-num.l-num-5 {
  background: #AFF0D0;
}

.gut-modal-popup__content .l-num.l-num-6 {
  background: #E9F5DB;
}

.gut-modal-popup__content .l-num.l-num-7 {
  background: #E9F5DB;
}

.gut-modal-popup__title {
  font-size: 30px;
  padding: 0 0 30px;
  text-align: left;
}

.gut-modal-popup__scroll {
  height: 300px;
}

.gut-modal-popup__scroll-bar {
  position: absolute;
  width: 40px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #e1eefa;
}

.gut-modal-popup__rules-text {
  padding: 0 40px;
}

.gut-modal-popup__long-content {
  padding: 0;
}

.gut-modal-popup__long-content .mif-img {
  display: block;
  margin: 0 auto 30px;
}

.gut-modal-popup__long-content h1 {
  padding: 10px 0 40px;
}

.gut-modal-popup__long-content h1.l-title {
  padding: 10px 0 10px;
}

.gut-modal-popup__long-content p {
  padding: 10px 0;
}

.gut-modal-popup__long-content p.matnum {
  padding: 10px 0 0;
  font-size: 12px;
}

.gut-modal-popup__long-content p.notes {
  padding: 10px 0 0;
  font-size: 12px;
  color: #B0AFAF;
  word-wrap: break-word;
}

.gut-modal-popup__long-content ul.notes li {
  display: list-item;
  list-style: disc;
  margin: 5px 0 5px 20px;
  font-size: 12px;
  color: #B0AFAF;
}

.gut-modal-popup__long-content .img-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 759px) {
  .gut-modal-popup__long-content .img-left {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.gut-modal-popup__long-content .img-left img {
  margin: 0 30px 20px 0;
}

@media screen and (max-width: 759px) {
  .gut-modal-popup__long-content .img-left img {
    margin: 0 0 20px 0;
  }
}

.gut-modal-popup__long-content ul li {
  display: list-item;
  list-style: disc;
  margin: 5px 0 5px 40px;
  word-wrap: break-word;
}

.gut-modal-popup__long-content ol.notes {
  list-style: decimal;
  padding-top: 10px;
}

.gut-modal-popup__long-content ol.notes li {
  font-size: 10px;
  line-height: 123%;
  color: #858585;
  margin: 5px 0 5px 20px;
  word-wrap: break-word;
}

.gut-modal-popup__long-content ol.notes:nth-child(2) {
  padding-top: 0px;
}

.gut-modal-popup__rules-text {
  /* fix for BB css*/
  /* /fix for BB css*/
}

.gut-modal-popup__rules-text b {
  font-weight: bold;
}

@media screen and (max-width: 579px) {
  .gut-modal-popup__rules-text {
    padding-left: 20px;
  }
}

.gut-modal-popup__rules-text ol li {
  font-weight: bold;
  padding-top: 15px;
}

.gut-modal-popup__rules-text ol ol li, .gut-modal-popup__rules-text ol ol ol li, .gut-modal-popup__rules-text ol ol ol ol li {
  font-weight: normal;
  padding-top: 0;
}

.gut-modal-popup__rules-text li {
  list-style-type: none;
  margin: 5px 10px;
}

.gut-modal-popup__rules-text ol {
  counter-reset: list1;
}

.gut-modal-popup__rules-text ol li:before {
  counter-increment: list1;
  content: counter(list1) ". ";
  font-weight: bold;
}

.gut-modal-popup__rules-text ol ol {
  counter-reset: list2;
}

.gut-modal-popup__rules-text ol ol li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". ";
  font-weight: bold;
}

.gut-modal-popup__rules-text ol ol ol {
  counter-reset: list3;
}

.gut-modal-popup__rules-text ol ol ol li:before {
  counter-increment: list3;
  content: counter(list1) "." counter(list2) "." counter(list3) ". ";
  font-weight: bold;
}

.gut-modal-popup__rules-text ol ol ol ol {
  counter-reset: list4;
}

.gut-modal-popup__rules-text ol ol ol ol li:before {
  counter-increment: list4;
  content: counter(list1) "." counter(list2) "." counter(list3) "." counter(list4) ". ";
  font-weight: bold;
}

/* ====================== ELEMENTS =================== */
/* ====================== MODULES =================== */
/* ====================== SECTIONS =================== */
.gut-preface-wrap {
  background: #E9F5DB;
  border-radius: 40px;
  padding: 100px 100px;
  margin-top: 10px;
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-preface-wrap {
    padding: 40px 25px;
    overflow: unset;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-preface-wrap {
    padding: 40px 40px;
    overflow: unset;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-preface-wrap {
    padding: 60px 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-preface-wrap {
    padding: 70px 60px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-preface-wrap {
    padding: 80px 80px;
  }
}

.gut-preface-wrap .preface-img {
  position: absolute;
  bottom: 0;
  right: 100px;
  display: block;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-preface-wrap .preface-img {
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 300px;
    margin: 10px auto -40px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-preface-wrap .preface-img {
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 550px;
    margin: 0 auto -40px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-preface-wrap .preface-img {
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 550px;
    margin: 0 auto -60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-preface-wrap .preface-img {
    right: -100px;
    max-width: 550px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-preface-wrap .preface-img {
    right: 20px;
    max-width: 550px;
  }
}

.gut-preface-text {
  position: relative;
  max-width: 520px;
  z-index: 1;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-preface-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-preface-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-preface-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-preface-text {
    max-width: 450px;
  }
}

.gut-preface-text h1 {
  padding: 0 0 30px 0;
}

.gut-preface-text p {
  padding: 10px 0;
}

@media screen and (max-width: 579px) {
  .gut-preface-text p.decktop {
    display: none;
  }
}

.gut-preface-text p.mobile {
  display: none;
}

@media screen and (max-width: 579px) {
  .gut-preface-text p.mobile {
    display: unset;
  }
}

.gut-reasons-wrap {
  padding: 100px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-reasons-wrap {
    padding: 50px 0;
  }
}

.gut-reasons-wrap h1 {
  padding: 20px;
}

.gut-reasons-wrap .decor {
  position: absolute;
  pointer-events: none;
}

.gut-reasons-wrap .decor.hippo-img {
  top: 230px;
  left: -80px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-reasons-wrap .decor.hippo-img {
    top: 190px;
    left: calc(50% - 245px);
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-reasons-wrap .decor.hippo-img {
    left: -20px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-reasons-wrap .decor.hippo-img {
    left: 0px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-reasons-wrap .decor.hippo-img {
    top: 100px;
  }
}

.gut-reasons-wrap .decor.hippo2-img {
  top: 230px;
  right: -100px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-reasons-wrap .decor.hippo2-img {
    right: calc(50% - 285px);
    top: unset;
    bottom: 300px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-reasons-wrap .decor.hippo2-img {
    right: -100px;
    top: unset;
    bottom: 330px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-reasons-wrap .decor.hippo2-img {
    right: -20px;
    top: unset;
    bottom: 330px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-reasons-wrap .decor.hippo2-img {
    top: 100px;
    right: -120px;
  }
}

.gut-reasons-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 0 20px;
}

.gut-reasons-items .reasons-item {
  max-width: 420px;
  margin-top: 30px;
}

.gut-reasons-items .reasons-item .reasons-img {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-reasons-items .reasons-item .reasons-img {
    max-width: 250px;
  }
}

.gut-reasons-items .reasons-item h2 {
  padding: 37px 0 10px;
}

.gut-reasons-items .reasons-item ul {
  margin-left: 34px;
}

.gut-reasons-items .reasons-item ul li {
  position: relative;
  margin: 10px 0;
}

.gut-reasons-items .reasons-item ul li:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: -34px;
  top: 0;
}

.gut-reasons-items .reasons-item ul.yellow-star li:before {
  background: url(../src/images/common/yellow-star.svg) no-repeat 50% 50%;
}

.gut-reasons-items .reasons-item ul.blue-star li:before {
  background: url(../src/images/common/blue-star.svg) no-repeat 50% 50%;
}

.gut-history-wrap {
  background: #E9F5DB;
  border-radius: 40px;
  padding: 80px 100px;
  /* swiper-pagination styling */
  /* swiper-bullets styling */
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-history-wrap {
    padding: 40px 0px 20px;
    overflow: hidden;
    background: #fff;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-history-wrap {
    padding: 40px 40px;
    overflow: unset;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-history-wrap {
    padding: 60px 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-history-wrap {
    padding: 70px 60px;
  }
}

.gut-history-wrap h1 br.mobile {
  display: none;
}

@media screen and (max-width: 1199px) {
  .gut-history-wrap h1 br.mobile {
    display: inline;
  }
}

.gut-history-wrap .swiper-pagination-container {
  padding: 0 0 0 0;
}

@media screen and (min-width: 960px) {
  .gut-history-wrap .swiper-pagination-container {
    display: none;
  }
}

.gut-history-wrap .swiper-pagination {
  position: relative;
}

.gut-history-wrap .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px !important;
  background-color: #EBEAEA;
  opacity: 1;
}

.gut-history-wrap .swiper-pagination-bullet-active {
  background-color: #6AE0A6;
  opacity: 1;
}

.gut-history-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media screen and (max-width: 579px) {
  .gut-history-items {
    -ms-flex-flow: unset;
        flex-flow: unset;
    margin: 0px auto 30px;
  }
}

.gut-history-items .history-item {
  max-width: 360px;
  padding: 60px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-history-items .history-item {
    padding: 40px 25px 20px;
    background: #E9F5DB;
    border-radius: 40px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-history-items .history-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    max-width: 100%;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-history-items .history-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-history-items .history-item {
    max-width: 270px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-history-items .history-item {
    max-width: 300px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-history-items .history-item div {
    padding: 0 0 0 30px;
  }
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-history-items .history-item .history-img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-history-items .history-item .history-img {
    max-width: 150px;
  }
}

.gut-history-items .history-item h2 {
  margin-top: 20px;
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-history-items .history-item h2 {
    margin-top: 0;
  }
}

.gut-history-items .history-item p {
  padding: 10px 0 24px;
}

.gut-history-items .history-item .btn {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 40px;
  color: #171717;
  border-radius: 60px;
  background: #6AE0A6;
  font-family: 'Raleway-SemiBold';
  /*@media screen and (min-width: 320px) and (max-width: 579px) {
					height:34px;
					line-height:34px;
					padding:0 22px;
					font-size:12px;
				}*/
}

.gut-mif-wrap {
  padding: 100px 0;
  /* swiper-pagination styling */
  /* swiper-bullets styling */
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-mif-wrap {
    padding: 10px 0 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-mif-wrap {
    padding: 70px 0;
  }
}

.gut-mif-wrap h1 {
  padding: 0 20px 20px;
}

.gut-mif-wrap h1 br.mobile {
  display: none;
}

@media screen and (max-width: 959px) {
  .gut-mif-wrap h1 br.mobile {
    display: inline;
  }
}

.gut-mif-wrap .decor {
  position: absolute;
}

.gut-mif-wrap .decor.hippo-img3 {
  top: 70px;
  left: calc(50% - 570px);
  max-width: 215px;
}

@media screen and (max-width: 759px) {
  .gut-mif-wrap .decor.hippo-img3 {
    display: none;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-mif-wrap .decor.hippo-img3 {
    left: calc(50% - 400px);
    max-width: 200px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-mif-wrap .decor.hippo-img3 {
    left: calc(50% - 530px);
    max-width: 200px;
  }
}

.gut-mif-wrap .decor.hippo-img4 {
  top: 70px;
  right: calc(50% - 600px);
  max-width: 266px;
}

@media screen and (max-width: 759px) {
  .gut-mif-wrap .decor.hippo-img4 {
    display: none;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-mif-wrap .decor.hippo-img4 {
    right: calc(50% - 440px);
    max-width: 240px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-mif-wrap .decor.hippo-img4 {
    right: calc(50% - 570px);
    max-width: 240px;
  }
}

.gut-mif-wrap .swiper-pagination-container {
  padding: 0 0 0 0;
}

@media screen and (min-width: 960px) {
  .gut-mif-wrap .swiper-pagination-container {
    display: none;
  }
}

.gut-mif-wrap .swiper-pagination {
  position: relative;
}

.gut-mif-wrap .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px !important;
  background-color: #EBEAEA;
  opacity: 1;
}

.gut-mif-wrap .swiper-pagination-bullet-active {
  background-color: #6AE0A6;
  opacity: 1;
}

.gut-mif-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media screen and (max-width: 579px) {
  .gut-mif-items {
    -ms-flex-flow: unset;
        flex-flow: unset;
    margin: 0px auto 30px;
  }
}

.gut-mif-items .mif-item {
  position: relative;
  width: 560px;
  margin-top: 30px;
}

@media screen and (max-width: 579px) {
  .gut-mif-items .mif-item {
    margin-top: 0px;
    width: 100%;
  }
}

.gut-mif-items .mif-item .mif-text {
  position: absolute;
  top: 14%;
  left: 9%;
  max-width: 57%;
  min-height: 68.8%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-mif-items .mif-item .mif-text {
    top: 12%;
    left: 7%;
    max-width: 60%;
    min-height: 75%;
  }
}

.gut-mif-items .mif-item .mif-text span {
  font-size: 18px;
  line-height: 111%;
  font-family: 'Raleway-Medium';
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-mif-items .mif-item .mif-text span {
    font-size: 14px;
  }
}

.gut-mif-items .mif-item .mif-text h2 {
  padding: 20px 0 30px;
  font-size: 22px;
  line-height: 109%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-mif-items .mif-item .mif-text h2 {
    font-size: 14px;
    padding: 0px;
  }
}

.gut-mif-items .mif-item .mif-text .btn {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 40px;
  color: #171717;
  border-radius: 60px;
  background: #fff;
  font-family: 'Raleway-SemiBold';
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-mif-items .mif-item .mif-text .btn {
    height: 34px;
    line-height: 34px;
    padding: 0 22px;
    font-size: 12px;
  }
}

.gut-test .decor.hippo-secret {
  position: fixed;
  bottom: 10px;
  right: 0px;
  z-index: 5;
}

@media screen and (max-width: 1439px) {
  .gut-test .decor.hippo-secret {
    display: none;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .gut-test .decor.hippo-secret {
    max-width: 440px;
  }
}

.gut-test-wrap {
  background: #E9F5DB;
  border-radius: 40px;
  padding: 80px 100px;
  margin-top: 10px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-test-wrap {
    padding: 40px 10px;
    margin: 50px 0 0;
    overflow: unset;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-test-wrap {
    padding: 60px 40px 40px;
    overflow: unset;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-test-wrap {
    padding: 60px 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-test-wrap {
    padding: 70px 60px;
  }
}

.gut-test-wrap.test-2-bg {
  background: #E6F3F7;
}

.gut-test-wrap h1 {
  max-width: 650px;
  margin: 0 auto;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-test-wrap h1 {
    padding: 0 20px 20px;
  }
}

.gut-test-wrap p {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-test-wrap p {
    padding: 10px 20px;
  }
}

.gut-test-wrap .notes {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  font-size: 13px;
  line-height: 123%;
  color: #858585;
}

.gut-test-wrap ul.notes {
  list-style: decimal;
  max-width: 500px;
  margin-left: 20px;
}

.gut-test-wrap ul.notes li {
  padding: 0;
  font-size: 10px;
  line-height: 123%;
  color: #858585;
  text-align: left;
}

.gut-test-wrap .decor {
  position: absolute;
  pointer-events: none;
}

.gut-test-wrap .decor.hippo-img {
  top: 180px;
  left: calc(50% - 620px);
}

@media screen and (max-width: 959px) {
  .gut-test-wrap .decor.hippo-img {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-test-wrap .decor.hippo-img {
    left: calc(50% - 515px);
    max-width: 280px;
  }
}

.gut-test-wrap .decor.hippo2-img {
  top: 180px;
  left: calc(50% - 620px);
}

@media screen and (max-width: 959px) {
  .gut-test-wrap .decor.hippo2-img {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-test-wrap .decor.hippo2-img {
    top: 238px;
    left: calc(50% - 520px);
    max-width: 280px;
  }
}

.gut-test-wrap .decor.hippo-left {
  bottom: 115px;
  left: calc(50% - 570px);
}

@media screen and (max-width: 1199px) {
  .gut-test-wrap .decor.hippo-left {
    display: none;
  }
}

.gut-test-wrap .decor.hippo-right {
  bottom: 115px;
  left: calc(50% + 350px);
}

@media screen and (max-width: 1199px) {
  .gut-test-wrap .decor.hippo-right {
    display: none;
  }
}

.gut-test-wrap .decor.woman-img {
  bottom: 0;
  right: calc(50% - 700px);
}

@media screen and (max-width: 959px) {
  .gut-test-wrap .decor.woman-img {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-test-wrap .decor.woman-img {
    right: calc(50% - 565px);
    max-width: 340px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-test-wrap .decor.woman-img {
    right: calc(50% - 620px);
  }
}

.gut-test-wrap .decor.woman2-img {
  bottom: 0;
  right: calc(50% - 650px);
}

@media screen and (max-width: 959px) {
  .gut-test-wrap .decor.woman2-img {
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-test-wrap .decor.woman2-img {
    right: calc(50% - 570px);
    max-width: 340px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-test-wrap .decor.woman2-img {
    right: calc(50% - 640px);
  }
}

.gut-hippo-secret-wrap {
  padding: 30px 20px 0;
  text-align: center;
  display: none;
}

@media screen and (max-width: 1439px) {
  .gut-hippo-secret-wrap {
    display: block;
  }
}

.gut-quiz {
  max-width: 830px;
  margin: 0 auto;
  padding: 30px 0px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-quiz {
    width: 100%;
  }
}

.gut-quiz h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 100%;
  padding: 0 0 20px;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz h1 {
    font-size: 32px;
    padding: 0 0 20px;
    font-weight: 600;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-quiz h1 {
    font-size: 32px;
    padding: 0 0 20px;
  }
}

.gut-quiz h3 {
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.gut-quiz p.sub-text {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #555;
  padding: 0 0 40px 0;
}

.gut-quiz ._answers-step {
  max-width: 590px;
  background: #FFFFFF;
  border-radius: 30px;
  padding: 40px 50px;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._answers-step {
    border-radius: 30px;
    padding: 20px 20px;
  }
}

.gut-quiz ._answers-step i {
  display: block;
  font-size: 16px;
  line-height: 130%;
  padding-bottom: 20px;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._answers-step i {
    padding-bottom: 10px;
  }
}

.gut-quiz ._answers-step .step-indicator {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 20px;
}

.gut-quiz ._answers-step .step-indicator .indicator {
  width: 0;
  height: 0;
  border: 4px solid #F4F4F4;
  margin: 5px;
  border-radius: 50%;
}

.gut-quiz ._answers-step .step-indicator .indicator.active {
  border-color: #6AE0A6;
}

.gut-quiz ._answers-step.stop ._checkbox {
  pointer-events: none;
}

.gut-quiz ._answer-title {
  text-align: center;
  /*margin:20px 0 40px;
			background: #FFFFFF;
			box-shadow: 0px 21px 54px -15px #D3EAF5;
			border-radius: 15px;*/
  padding: 0px 0px 30px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._answer-title {
    padding: 30px 20px;
  }
}

.gut-quiz ._answer-title h2 {
  font-weight: 800;
  font-size: 18px;
  line-height: 133%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._answer-title h2 {
    font-size: 18px;
  }
}

.gut-quiz ._answers-item {
  max-width: 312px;
  margin: 0 auto;
  /*.success {
				display:none;
				p {
					text-align:left;
					padding:0 0 20px;
					font-size: 16px;
					word-wrap: break-word;
				}
			}*/
  /*label.checked,
			input#answer1:checked + label,
			input#answer4:checked + label,
			input#answer8:checked + label,
			input#answer12:checked + label,
			input#answer15:checked + label,
			input#answer17:checked + label,
			input#answer21:checked + label,
			input#answer23:checked + label,
			input#answer25:checked + label,
			input#answer29:checked + label {
				background: #73AF00;
				color:#FFFFFF;
				opacity: 1;
			}*/
}

.gut-quiz ._answers-item ._checkbox {
  padding: 0 0 10px;
}

.gut-quiz ._answers-item ._checkbox input[type=checkbox],
.gut-quiz ._answers-item ._checkbox input[type=radio] {
  display: none;
}

.gut-quiz ._answers-item ._checkbox label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  min-height: 46px;
  background: #F4F4F4;
  border-radius: 8px;
  padding: 20px;
  color: #171717;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .gut-quiz ._answers-item ._checkbox label {
    min-height: auto;
    padding: 10px 15px;
    text-align: center;
  }
}

.gut-quiz ._answers-item ._checkbox label s {
  text-align: center;
}

.gut-quiz ._answers-item ._checkbox label:before {
  display: inline;
  content: "";
  width: 20px;
  height: 20px;
  background: #FFF;
  border: 1px solid #171717;
  border-radius: 50%;
  margin-right: 5px;
}

.gut-quiz ._answers-item input:checked + label {
  background: #F4F4F4;
}

.gut-quiz ._answers-item input:checked + label:before {
  display: inline;
  content: "";
  width: 20px;
  height: 20px;
  background: #6AE0A6;
  border: 1px solid #171717;
  box-shadow: inset 0 0 0 5px #fff;
  border-radius: 50%;
  margin-right: 5px;
}

.gut-quiz ._result-item {
  background: #fff;
  border-radius: 5px;
  padding: 20px 0;
}

.gut-quiz ._result-item ol {
  margin-left: 20px;
  list-style: decimal;
  padding: 0 0 20px 0;
}

.gut-quiz ._result-item ol li {
  margin: 10px 0;
}

.gut-quiz ._result-item ol li .show-more {
  text-decoration: none;
  margin-top: 5px;
  display: block;
  font-size: 90%;
}

.gut-quiz ._result-item p {
  text-align: left;
}

.gut-quiz ._result-item ul.notes {
  list-style: decimal;
  max-width: 930px;
  margin-left: 20px;
}

.gut-quiz ._result-item ul.notes li {
  padding: 0;
  font-size: 13px;
  color: #858585;
  text-align: left;
}

.gut-quiz ._result-item .hippo {
  display: block;
  margin: 20px auto;
}

.gut-quiz ._result-item-2 {
  background: #fff;
  border-radius: 5px;
  padding: 0 0 20px 0;
  /*ol {
				margin-left:20px;
				list-style:decimal;
				padding:0 0 20px 0;
				li {
					margin:10px 0;
					.show-more {
						text-decoration:none;
						margin-top: 5px;
						display: block;
						font-size: 90%;
					}
				}
			}*/
}

.gut-quiz ._result-item-2 h4 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 18px;
  line-height: 130%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._result-item-2 h4 {
    margin: 20px 0 10px 0;
  }
}

.gut-quiz ._result-item-2 p {
  text-align: center;
}

.gut-quiz ._result-item-2 .hippo {
  display: block;
  margin: 0 auto;
  max-width: 120px;
}

.gut-quiz ._answers-next {
  padding: 10px 0 0;
  text-align: center;
  max-width: 312px;
  margin: 0 auto;
}

.gut-quiz ._answers-next._answers-next-2 {
  padding: 10px 0 0;
}

.gut-quiz ._answers-next ._next-btn-hold {
  display: block;
  background: #6AE0A6;
  border-radius: 100px;
  height: 56px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #171717;
  padding: 20px;
  opacity: .8;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._answers-next ._next-btn-hold {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 25px;
  }
}

.gut-quiz ._answers-next ._next-btn {
  display: block;
  background: #6AE0A6;
  border-radius: 100px;
  height: 56px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #171717;
  padding: 20px;
  cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-quiz ._answers-next ._next-btn {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 25px;
  }
}

.gut-quiz ._answers-next ._next-btn.mb10 {
  margin-bottom: 10px;
}

.gut-quiz ._answers-next ._next-btn.new-bg {
  background: #E6F3F7;
}

.gut-quiz .manual-wrap .manual-hide {
  display: none;
}

.gut-quiz .manual-wrap h4 {
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin: 20px 0;
}

.gut-quiz .manual-wrap p {
  margin: 20px 0 0;
  padding: 0;
}

.gut-quiz .manual-wrap a {
  color: #171717;
}

.gut-quiz .manual-wrap a .shevron {
  vertical-align: middle;
  margin-left: 5px;
}

.gut-quiz .manual-wrap a.active .shevron {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.gut-quiz .manual-wrap ol {
  margin-left: 20px;
  list-style: decimal;
  padding: 0 0 20px 0;
}

.gut-quiz .manual-wrap ol li {
  margin: 10px 0;
  text-align: left;
}

.quiz-container-in {
  margin: 0 auto 0;
  max-width: 850px;
  padding: 0 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .quiz-container-in {
    padding: 0 20px;
  }
}

.quiz-container-in .quiz-message-container {
  max-width: 640px;
  margin: 0 auto;
}

.quiz-container-in .quiz-message-container ._link {
  color: #3F89D3;
  border-bottom: 1px solid rgba(63, 137, 211, 0.3);
  margin-top: 30px;
  display: inline-block;
}

.quiz-message-info {
  padding: 50px 0 0;
  max-width: 460px;
  margin: 0 auto;
  border: 1px dashed #A1DDFF;
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  border-radius: 15px;
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .quiz-message-info {
    padding: 40px 0 0;
  }
}

.quiz-message-info ._animate-spin {
  display: inline-block;
  animation-name: spin;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.quiz-message-info h1 {
  font-size: 36px;
  line-height: 120%;
  padding: 20px 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .quiz-message-info h1 {
    font-size: 32px;
    padding: 20px 0 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .quiz-message-info h1 {
    font-size: 32px;
    padding: 20px 0 20px;
  }
}

.quiz-message-info p {
  font-size: 15px;
  line-height: 120%;
  padding: 30px 65px 70px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .quiz-message-info p {
    padding: 20px 30px 70px;
  }
}

.quiz-message-info p ._enter {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.quiz-message-info p.__login {
  padding: 30px 80px 70px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .quiz-message-info p.__login {
    padding: 20px 30px 70px;
  }
}

.quiz-message-info a {
  margin: 0 0 50px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .quiz-message-info a {
    margin: 0 0 30px 0;
  }
}

._link, ._link:hover {
  color: #3F89D3;
  border-bottom: 1px solid rgba(63, 137, 211, 0.3);
}

.gut-go-faq-wrap {
  max-width: 960px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 100px 20px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-faq-wrap {
    padding: 50px 0 0;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-go-faq-wrap {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-faq-wrap .specialist-img {
    display: none;
  }
}

.gut-go-faq-text {
  max-width: 660px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-faq-text {
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0 20px;
  }
}

.gut-go-faq-text h1 {
  margin: 0 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-faq-text h1 {
    text-align: center;
  }
}

.gut-go-faq-text p {
  margin: 10px 0;
}

.gut-go-faq-text .specialist-img.mobile {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-faq-text .specialist-img.mobile {
    max-width: 150px;
  }
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-faq-text .specialist-img.mobile {
    display: block;
    margin: 20px;
  }
}

.gut-go-faq-text ._btn {
  display: inline-block;
  background: #6AE0A6;
  border-radius: 100px;
  height: 56px;
  width: 250px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #171717;
  padding: 20px;
  margin: 20px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-faq-text ._btn {
    height: 50px;
    width: 220px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 25px;
  }
}

.gut-faq-wrap {
  max-width: 1000px;
  margin: 0 auto;
  background: #E9F5DB;
  border-radius: 40px;
  padding: 80px 70px;
  margin-top: 20px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-faq-wrap {
    padding: 40px 25px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-faq-wrap {
    padding: 40px 40px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-faq-wrap {
    padding: 60px 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-faq-wrap {
    padding: 70px 60px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-faq-wrap {
    padding: 80px 70px;
  }
}

.gut-faq-wrap h1 {
  text-align: center;
}

.gut-faq-preface {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 40px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-faq-preface {
    padding: 20px 0;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-faq-preface {
    padding: 30px 0;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.gut-faq-preface .specialist-img {
  max-width: 150px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-faq-preface .specialist-img {
    max-width: 150px;
  }
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-faq-preface .specialist-img {
    margin: 20px 0px 20px 0px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-faq-preface .specialist-img {
    margin: 20px 0px 20px 20px;
  }
}

.gut-faq-text {
  max-width: 500px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-faq-text {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-order: 2;
        order: 2;
  }
}

.gut-faq-text p {
  margin: 10px 0;
}

.faq-list-wrap {
  max-width: 100%;
  margin: 0 auto;
}

.faq-list {
  margin: 0;
}

.faq-list li {
  padding: 20px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .faq-list li {
    padding: 16px 0;
  }
}

.faq-list li {
  border-bottom: 1px solid #6AE0A6;
}

.faq-list li:last-child {
  border-bottom: none;
  padding: 20px 0 0;
}

.faq-list li .button {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font: inherit;
  font-size: 24px;
  text-align: left;
  color: #343333;
  cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .faq-list li .button {
    font-size: 18px;
  }
}

.faq-list li .button span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 39px;
  height: 39px;
  margin-left: 10px;
  border-radius: 50%;
  position: relative;
  background: #6AE0A6;
  transition: .2s;
}

.faq-list li .button span::before {
  width: 13px;
  height: 3px;
}

.faq-list li .button span::after,
.faq-list li .button span::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  background: #E9F5DB;
}

.faq-list li .button span::after {
  width: 3px;
  height: 13px;
  transition: .2s;
}

.faq-list li .button span::after {
  width: 3px;
  height: 13px;
  transition: .2s;
}

.faq-list li .button.is-open span {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.faq-list li .button.is-open span::after {
  opacity: 0;
}

.faq-list li .answer {
  display: none;
}

.faq-list li .answer p {
  margin: 10px 0 0 0;
}

.faq-list li .answer p.notes {
  margin: 5px 0 0 0;
  font-size: 10px;
  line-height: 123%;
  color: #858585;
}

.faq-list li .answer ul.default {
  list-style-type: disc;
  margin-left: 30px;
}

.faq-list li .answer ul.default li {
  margin: 10px 0;
  padding: 0;
  border-bottom: none;
}

.faq-list li .answer ul.default li:last-child {
  border-bottom: none;
  padding: 0;
}

.faq-list li .answer ol {
  list-style-type: decimal;
  margin-left: 30px;
}

.faq-list li .answer ol li {
  margin: 10px 0;
  padding: 0;
  border-bottom: none;
}

.faq-list li .answer ol li:last-child {
  border-bottom: none;
  padding: 0;
}

.gut-digestion-wrap {
  max-width: 710px;
  margin: 0 auto;
  padding: 120px 0 70px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-digestion-wrap {
    padding: 70px 0 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-digestion-wrap {
    padding: 80px 0 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-digestion-wrap {
    padding: 100px 0 70px;
  }
}

.gut-digestion-wrap h1 {
  padding: 0 20px 20px;
}

@media screen and (max-width: 959px) {
  .gut-digestion-wrap h1 br {
    display: none;
  }
}

.gut-digestion-wrap p {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 30px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-digestion-wrap p {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 579px) {
  .gut-digestion-wrap p br {
    display: none;
  }
}

.gut-digestion-items {
  position: relative;
  max-width: 710px;
  margin: 30px auto 0;
}

.gut-digestion-items .big-circle {
  position: absolute;
  top: 9%;
  left: calc(50% - 255px);
  background: linear-gradient(180deg, #E9F5DB 0%, #FFFFFF 100%);
  width: 510px;
  height: 510px;
  border-radius: 50%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-digestion-items .big-circle {
    top: -9%;
  }
}

.gut-digestion-items .digestion-hippo {
  position: absolute;
  max-width: 42.53%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -46%);
      transform: translate(-50%, -46%);
}

.gut-digestion-items .digestion-arrow {
  position: absolute;
  width: 8%;
  opacity: .3;
}

.gut-digestion-items .digestion-arrow.arrow-1 {
  top: 72%;
  left: 8%;
  -ms-transform: rotate(-123deg);
      transform: rotate(-123deg);
}

.gut-digestion-items .digestion-arrow.arrow-2 {
  top: 27.5%;
  left: 7%;
  -ms-transform: rotate(-63deg);
      transform: rotate(-63deg);
}

.gut-digestion-items .digestion-arrow.arrow-3 {
  top: 0%;
  left: 50%;
  -ms-transform: translate(-50%);
      transform: translate(-50%);
}

.gut-digestion-items .digestion-arrow.arrow-4 {
  top: 27.5%;
  right: 7%;
  -ms-transform: rotate(63deg);
      transform: rotate(63deg);
}

.gut-digestion-items .digestion-arrow.arrow-5 {
  top: 71%;
  right: 7%;
  -ms-transform: rotate(123deg);
      transform: rotate(123deg);
}

.gut-digestion-items .digestion-arrow.active {
  opacity: 1;
}

.gut-digestion-items .digestion-step {
  position: absolute;
  width: 22.5352%;
  border-radius: 50%;
  pointer-events: none;
  opacity: .3;
}

.gut-digestion-items .digestion-step.step-1 {
  bottom: 0%;
  left: 14%;
}

.gut-digestion-items .digestion-step.step-2 {
  top: 36%;
  left: 0%;
}

.gut-digestion-items .digestion-step.step-3 {
  top: 0%;
  left: 14%;
}

.gut-digestion-items .digestion-step.step-4 {
  top: 0%;
  right: 14%;
}

.gut-digestion-items .digestion-step.step-5 {
  top: 36%;
  right: 0%;
}

.gut-digestion-items .digestion-step.step-6 {
  bottom: 0%;
  right: 14%;
}

.gut-digestion-items .digestion-step.active {
  cursor: pointer;
  pointer-events: unset;
  box-shadow: 0 0 0 rgba(106, 224, 166, 0.8);
  animation: pulse 2s infinite;
  opacity: 1;
}

.gut-digestion-items .digestion-step.active:before {
  position: absolute;
  content: "";
  animation: rotate 10s infinite linear;
  width: 101%;
  height: 101%;
  top: -1.5%;
  left: -1.5%;
  background: transparent;
  border-radius: 50%;
  border: 2px dashed #707070;
  opacity: 1;
}

.gut-digestion-items .digestion-step.ready {
  cursor: pointer;
  pointer-events: unset;
  opacity: 1;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(106, 224, 166, 0.8);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(106, 224, 166, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(106, 224, 166, 0);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.gut-legends-wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 120px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-legends-wrap {
    padding: 70px 0 0;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-legends-wrap {
    padding: 70px 0 0;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-legends-wrap {
    padding: 70px 0 0;
  }
}

.gut-legends-wrap h1 {
  padding: 0 20px 20px;
}

@media screen and (max-width: 959px) {
  .gut-legends-wrap h1 br {
    display: none;
  }
}

.gut-legends-wrap p {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 70px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-legends-wrap p {
    padding-bottom: 30px;
  }
}

.gut-legends-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 959px) {
  .gut-legends-items {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    max-width: 764px;
    margin: 0 auto;
  }
}

.gut-legends-items h2 {
  width: 100%;
}

.gut-legends-items p {
  text-align: left;
  padding: 20px 0 0;
}

.gut-legends-items.legends-items-1 .legend-1, .gut-legends-items.legends-items-1 .legend-2, .gut-legends-items.legends-items-1 .legend-3, .gut-legends-items.legends-items-1 .legend-4 {
  margin-bottom: 25px;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-1 .legend-1, .gut-legends-items.legends-items-1 .legend-2, .gut-legends-items.legends-items-1 .legend-3, .gut-legends-items.legends-items-1 .legend-4 {
    margin-bottom: 20px;
  }
}

.gut-legends-items.legends-items-1 .legend-1 p, .gut-legends-items.legends-items-1 .legend-2 p, .gut-legends-items.legends-items-1 .legend-3 p, .gut-legends-items.legends-items-1 .legend-4 p {
  margin: 0;
}

.gut-legends-items.legends-items-1 .legend-1 {
  position: relative;
  max-width: 368px;
  border-radius: 24px;
  padding: 30px;
  background: #6AE0A6;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-legends-items.legends-items-1 .legend-1 {
    min-height: 400px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-legends-items.legends-items-1 .legend-1 {
    min-height: 250px;
  }
}

@media screen and (max-width: 959px) {
  .gut-legends-items.legends-items-1 .legend-1 {
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
  .gut-legends-items.legends-items-1 .legend-1 {
    max-width: 310px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .gut-legends-items.legends-items-1 .legend-1 {
    max-width: 330px;
  }
}

.gut-legends-items.legends-items-1 .legend-1 p {
  max-width: 100%;
}

.gut-legends-items.legends-items-1 .legend-1 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  left: 30px;
  bottom: 30px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-1 .legend-1 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-left: 25px;
}

@media screen and (max-width: 959px) {
  .gut-legends-items.legends-items-1 .legend-2-3-4 {
    margin-left: 0px;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
  }
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-2 {
  position: relative;
  max-width: 764px;
  border-radius: 24px;
  padding: 30px;
  background: #E9F5DB;
  overflow: hidden;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-2 p {
  max-width: 87%;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-1 .legend-2-3-4 .legend-2 p {
    max-width: 100%;
    padding-bottom: 50px;
  }
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-2 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  right: 10px;
  top: -20px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-2 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-3 {
  position: relative;
  max-width: 368px;
  border-radius: 24px;
  padding: 30px;
  background: #AFF0D0;
  margin-right: 12px;
  overflow: hidden;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-3 {
    max-width: 100%;
    margin-right: 0px;
  }
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-3 p {
  max-width: 80%;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-3 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  right: 10px;
  top: -20px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-3 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-4 {
  position: relative;
  max-width: 368px;
  border-radius: 24px;
  padding: 30px;
  background: #6AE0A6;
  margin-left: 12px;
  overflow: hidden;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-4 {
    max-width: 100%;
    margin-left: 0px;
  }
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-4 p {
  max-width: 75%;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-4 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  right: 10px;
  top: -20px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-1 .legend-2-3-4 .legend-3-4 .legend-4 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-legends-items.legends-items-2 .legend-5, .gut-legends-items.legends-items-2 .legend-6, .gut-legends-items.legends-items-2 .legend-7 {
  margin-bottom: 25px;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-2 .legend-5, .gut-legends-items.legends-items-2 .legend-6, .gut-legends-items.legends-items-2 .legend-7 {
    margin-bottom: 20px;
  }
}

.gut-legends-items.legends-items-2 .legend-5 p, .gut-legends-items.legends-items-2 .legend-6 p, .gut-legends-items.legends-items-2 .legend-7 p {
  margin: 0;
}

.gut-legends-items.legends-items-2 .legend-5 {
  position: relative;
  max-width: 368px;
  border-radius: 24px;
  padding: 30px;
  background: #AFF0D0;
  margin-right: 12px;
  overflow: hidden;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-2 .legend-5 {
    max-width: 100%;
    margin-right: 0px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-legends-items.legends-items-2 .legend-5 {
    max-width: 360px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
  .gut-legends-items.legends-items-2 .legend-5 {
    max-width: 310px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .gut-legends-items.legends-items-2 .legend-5 {
    max-width: 330px;
  }
}

.gut-legends-items.legends-items-2 .legend-5 p {
  max-width: 80%;
}

.gut-legends-items.legends-items-2 .legend-5 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  right: 10px;
  top: -20px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-2 .legend-5 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-legends-items.legends-items-2 .legend-6 {
  position: relative;
  max-width: 368px;
  border-radius: 24px;
  padding: 30px;
  background: #E9F5DB;
  margin-right: 12px;
  margin-left: 12px;
  overflow: hidden;
}

@media screen and (max-width: 759px) {
  .gut-legends-items.legends-items-2 .legend-6 {
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-legends-items.legends-items-2 .legend-6 {
    margin-right: 0px;
    max-width: 360px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
  .gut-legends-items.legends-items-2 .legend-6 {
    max-width: 290px;
    width: 290px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .gut-legends-items.legends-items-2 .legend-6 {
    max-width: 314px;
    width: 314px;
  }
}

.gut-legends-items.legends-items-2 .legend-6 p {
  max-width: 80%;
}

.gut-legends-items.legends-items-2 .legend-6 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  right: 10px;
  top: -10px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-2 .legend-6 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-legends-items.legends-items-2 .legend-7 {
  position: relative;
  max-width: 368px;
  border-radius: 24px;
  padding: 30px;
  background: #E9F5DB;
  margin-left: 12px;
  overflow: hidden;
}

@media screen and (max-width: 959px) {
  .gut-legends-items.legends-items-2 .legend-7 {
    max-width: 100%;
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
  .gut-legends-items.legends-items-2 .legend-7 {
    max-width: 290px;
    width: 290px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .gut-legends-items.legends-items-2 .legend-7 {
    max-width: 314px;
    width: 311px;
  }
}

.gut-legends-items.legends-items-2 .legend-7 p {
  max-width: 80%;
}

.gut-legends-items.legends-items-2 .legend-7 .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  right: 10px;
  top: -20px;
  color: #fff;
  opacity: .5;
}

.gut-legends-items.legends-items-2 .legend-7 .legend-btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.gut-feeding {
  padding: 80px 10px 0px;
  /*&-items {
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			padding: 30px 0 0;
			a {
				margin:10px;
			}
		}*/
}

.gut-feeding-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}

@media screen and (max-width: 759px) {
  .gut-feeding-wrap {
    padding: 40px 0 0 0;
  }
}

.gut-feeding-decor-1 {
  top: 0;
  left: 80px;
  right: 80px;
  bottom: 0;
  background: #E1F9ED;
  border-radius: 40px;
}

@media screen and (max-width: 759px) {
  .gut-feeding-decor-1 {
    left: 40px;
    right: 40px;
  }
}

.gut-feeding-decor-2 {
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 0;
  background: rgba(199, 247, 224, 0.7);
  border-radius: 40px;
}

@media screen and (max-width: 759px) {
  .gut-feeding-decor-2 {
    top: 20px;
    left: 20px;
    right: 20px;
  }
}

.gut-feeding-body {
  background: #C7F7E0;
  background: linear-gradient(180deg, #EBFEF5, #C7F7E0);
  border-radius: 40px;
  padding: 20px 60px 60px 60px;
}

@media screen and (max-width: 759px) {
  .gut-feeding-body {
    padding: 20px 25px 25px 25px;
  }
}

.gut-feeding-body h1 {
  padding: 40px 0 20px;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-feeding-body h1 br {
    display: none;
  }
}

.gut-feeding-body h2, .gut-feeding-body p {
  margin: 20px 0;
}

.gut-feeding-body p.no-mrg {
  margin: 0;
}

.gut-feeding-body ul {
  list-style: disc;
  margin-left: 20px;
}

.gut-feeding-body ul li {
  margin: 10px 0;
}

.gut-feeding-body ul.not-ul {
  list-style: none;
  margin-left: 0px;
}

.gut-feeding-body ul.not-ul li {
  margin: 10px 0;
  text-decoration: underline;
}

.gut-feeding-body ol.note {
  list-style: decimal;
  margin-left: 20px;
}

.gut-feeding-body ol.note li {
  margin: 10px 0;
  /*font-size:14px;
					line-height:100%;
					opacity:.5;*/
  font-size: 10px;
  line-height: 110%;
  color: #858585;
}

.gut-feeding-body .feeding-left-decor {
  position: absolute;
  height: 50%;
  width: 20px;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  background: #fff;
  border-radius: 0 20px 20px 0;
  display: none;
}

@media screen and (max-width: 759px) {
  .gut-feeding-body .feeding-left-decor {
    display: none;
  }
}

.gut-feeding-body .feeding-ribbon {
  --r: 20px;
  /* control the cutout */
  position: absolute;
  top: 0;
  right: 60px;
  border-inline: 0.5em solid rgba(0, 0, 0, 0);
  padding: 55px 20px 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - .5em) 100%, 50% calc(100% - var(--r)), 0.5em 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - .5em) 100%, 50% calc(100% - var(--r)), 0.5em 100%, 0 100%);
  background: #6BE1A7 padding-box;
  /* the color  */
  width: 60px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-feeding-body .feeding-ribbon {
    right: 30px;
    padding: 25px 15px 20px;
    width: 30px;
    display: none;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-feeding-body .feeding-ribbon {
    right: 30px;
    padding: 40px 20px 20px;
    width: 40px;
  }
}

@media screen and (min-width: 760px) and (max-width: 1023px) {
  .gut-feeding-body .feeding-ribbon {
    right: 30px;
    padding: 40px 20px 20px;
    width: 40px;
  }
}

.gut-feeding-body ._btn {
  display: inline-block;
  background: #6AE0A6;
  border-radius: 100px;
  height: 56px;
  width: 250px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #171717;
  padding: 20px;
  margin: 20px 0 0;
}

.gut-feeding-expert {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 50px 0 0;
}

.gut-feeding-expert.article {
  margin: 30px 0 0;
}

@media screen and (max-width: 579px) {
  .gut-feeding-expert {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.gut-feeding-expert img {
  margin: 0 30px 0 0;
}

@media screen and (max-width: 579px) {
  .gut-feeding-expert img {
    margin: 0;
  }
}

.gut-article {
  padding: 80px 10px 0px;
  /*&-items {
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			padding: 30px 0 0;
			a {
				margin:10px;
			}
		}*/
}

.gut-article-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}

@media screen and (max-width: 759px) {
  .gut-article-wrap {
    padding: 40px 0 0 0;
  }
}

.gut-article-decor-1 {
  top: 0;
  left: 80px;
  right: 80px;
  bottom: 0;
  background: #E1F9ED;
  border-radius: 40px;
}

@media screen and (max-width: 759px) {
  .gut-article-decor-1 {
    left: 40px;
    right: 40px;
  }
}

.gut-article-decor-2 {
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 0;
  background: rgba(199, 247, 224, 0.7);
  border-radius: 40px;
}

@media screen and (max-width: 759px) {
  .gut-article-decor-2 {
    top: 20px;
    left: 20px;
    right: 20px;
  }
}

.gut-article-body {
  background: #C7F7E0;
  background: linear-gradient(180deg, #EBFEF5, #C7F7E0);
  border-radius: 40px;
  padding: 20px 60px 60px 60px;
}

@media screen and (max-width: 759px) {
  .gut-article-body {
    padding: 20px 25px 25px 25px;
  }
}

.gut-article-body h1 {
  padding: 40px 0 20px;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-article-body h1 br {
    display: none;
  }
}

.gut-article-body h2, .gut-article-body p {
  margin: 20px 0;
}

.gut-article-body ul {
  list-style: disc;
  margin-left: 20px;
}

.gut-article-body ul li {
  margin: 10px 0;
}

.gut-article-body ol.note {
  list-style: decimal;
  margin-left: 20px;
}

.gut-article-body ol.note li {
  margin: 10px 0;
  /*font-size:14px;
					line-height:100%;
					opacity:.5;*/
  font-size: 10px;
  line-height: 110%;
  color: #858585;
}

.gut-article-body .article-left-decor {
  position: absolute;
  height: 50%;
  width: 20px;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  background: #fff;
  border-radius: 0 20px 20px 0;
  display: none;
}

@media screen and (max-width: 759px) {
  .gut-article-body .article-left-decor {
    display: none;
  }
}

.gut-article-body .article-ribbon {
  --r: 20px;
  /* control the cutout */
  position: absolute;
  top: 0;
  right: 60px;
  border-inline: 0.5em solid rgba(0, 0, 0, 0);
  padding: 55px 20px 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - .5em) 100%, 50% calc(100% - var(--r)), 0.5em 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - .5em) 100%, 50% calc(100% - var(--r)), 0.5em 100%, 0 100%);
  background: #6BE1A7 padding-box;
  /* the color  */
  width: 60px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-article-body .article-ribbon {
    right: 30px;
    padding: 25px 15px 20px;
    width: 30px;
    display: none;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-article-body .article-ribbon {
    right: 30px;
    padding: 40px 20px 20px;
    width: 40px;
  }
}

@media screen and (min-width: 760px) and (max-width: 1023px) {
  .gut-article-body .article-ribbon {
    right: 30px;
    padding: 40px 20px 20px;
    width: 40px;
  }
}

.gut-testing-wrap {
  padding: 100px 0 50px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-testing-wrap {
    padding: 50px 0 20px;
  }
}

.gut-testing-wrap h1 {
  padding: 20px;
}

.gut-testing-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.gut-testing-items .testing-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 560px;
  min-height: 423px;
  margin-top: 30px;
  border-radius: 40px;
  padding: 40px;
  overflow: hidden;
  background: url(../src/images/common/green-rectangle.svg) no-repeat 100% 100%, #CEE9F0;
}

@media screen and (max-width: 579px) {
  .gut-testing-items .testing-item {
    width: 100%;
    padding: 40px 25px 25px;
  }
}

.gut-testing-items .testing-item h2 {
  padding: 0 0 20px;
}

.gut-testing-items .testing-item p {
  max-width: 255px;
  font-size: 16px;
  line-height: 22px;
  color: #171717;
}

@media screen and (max-width: 579px) {
  .gut-testing-items .testing-item p {
    max-width: 100%;
  }
}

.gut-testing-items .testing-item .testing-img {
  position: absolute;
  right: 40px;
  bottom: 50px;
}

@media screen and (max-width: 579px) {
  .gut-testing-items .testing-item .testing-img {
    position: relative;
    right: unset;
    bottom: unset;
    margin: 30px 0 0 auto;
    width: 150px;
  }
}

.gut-testing-items .testing-item .testing-img.testing-img-2 {
  right: 30px;
  bottom: 40px;
}

@media screen and (max-width: 579px) {
  .gut-testing-items .testing-item .testing-img.testing-img-2 {
    position: relative;
    right: unset;
    bottom: unset;
    margin: 30px 0 0 auto;
    width: 200px;
  }
}

.gut-testing-items .testing-item .testing-btn {
  color: #171717;
  padding: 0 30px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: auto;
}

.gut-testing-items .testing-item .testing-btn .testing-arrow {
  margin-left: 15px;
}

.gut-secret-wrap {
  background: #E6F3F7;
  border-radius: 40px;
  padding: 100px 100px;
  margin-top: 10px;
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-secret-wrap {
    padding: 40px 25px;
    overflow: unset;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-secret-wrap {
    padding: 40px 40px;
    overflow: unset;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-secret-wrap {
    padding: 60px 60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-secret-wrap {
    padding: 70px 60px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-secret-wrap {
    padding: 80px 80px;
  }
}

.gut-secret-wrap .preface-secret-img {
  position: absolute;
  bottom: 0;
  right: 20px;
  display: block;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-secret-wrap .preface-secret-img {
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 300px;
    margin: 0 auto -40px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-secret-wrap .preface-secret-img {
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 550px;
    margin: 0 auto -40px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-secret-wrap .preface-secret-img {
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 550px;
    margin: 0 auto -60px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-secret-wrap .preface-secret-img {
    right: -100px;
    max-width: 550px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-secret-wrap .preface-secret-img {
    right: 20px;
    max-width: 550px;
  }
}

.gut-secret-text {
  position: relative;
  max-width: 700px;
  z-index: 1;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-secret-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-secret-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-secret-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-secret-text {
    max-width: 450px;
  }
}

.gut-secret-text h1 {
  padding: 0 0 30px 0;
}

.gut-secret-text p {
  padding: 10px 0;
  line-height: 136%;
}

.gut-secret .about-btn-wrap {
  margin: 30px auto 0px;
  text-align: center;
  /*background:#00593F;
			padding:30px 30px;
			border-radius:40px;*/
}

@media screen and (max-width: 579px) {
  .gut-secret .about-btn-wrap {
    margin: 30px auto 0px;
  }
}

.gut-secret .about-btn-wrap .about-btn {
  /*box-shadow: 0 0 0 rgba(0,89,63, 0.3);
				animation: pulse 2s infinite;*/
  /*color:#FFF;
				padding:0 30px;
				height:50px;
				border-radius:50px;
				background:#00593F;
				display: inline-flex;
				justify-content: center;
				align-items: center;*/
  color: #FFF;
  padding: 50px 130px;
  height: 50px;
  border-radius: 50px;
  background: #00593F;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 579px) {
  .gut-secret .about-btn-wrap .about-btn {
    padding: 30px 30px;
    width: 100%;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-secret .about-btn-wrap .about-btn {
    padding: 40px 80px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-secret .about-btn-wrap .about-btn {
    padding: 40px 100px;
  }
}

.gut-picosulfate-wrap {
  padding: 50px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-picosulfate-wrap {
    padding: 50px 0 0;
  }
}

.gut-picosulfate-wrap h1 {
  padding: 20px;
}

.gut-picosulfate-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.gut-picosulfate-items .picosulfate-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 368px;
  min-height: 240px;
  margin: 15px;
  border-radius: 40px;
  padding: 30px;
  overflow: hidden;
}

@media screen and (max-width: 579px) {
  .gut-picosulfate-items .picosulfate-item {
    max-width: 100%;
    width: 100%;
    margin: 10px 0;
    padding: 40px 25px 25px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-picosulfate-items .picosulfate-item {
    margin: 10px 0;
    width: 100%;
    width: 100%;
    min-height: 200px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-picosulfate-items .picosulfate-item {
    margin: 10px;
    width: 340px;
    min-height: 280px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
  .gut-picosulfate-items .picosulfate-item {
    margin: 10px;
    width: 290px;
    min-height: 300px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .gut-picosulfate-items .picosulfate-item {
    margin: 10px;
    max-width: 314px;
    min-height: 290px;
  }
}

.gut-picosulfate-items .picosulfate-item:nth-child(1) {
  background: url(../src/images/common/picosulfate-1.svg) no-repeat 100% 100%, #AFF0D0;
}

.gut-picosulfate-items .picosulfate-item:nth-child(2) {
  background: url(../src/images/common/picosulfate-2.svg) no-repeat 100% 100%, #E9F5DB;
}

.gut-picosulfate-items .picosulfate-item:nth-child(3) {
  background: url(../src/images/common/picosulfate-3.svg) no-repeat 100% 100%, #AFF0D0;
}

.gut-picosulfate-items .picosulfate-item:nth-child(4) {
  background: url(../src/images/common/picosulfate-4.svg) no-repeat 100% 100%, #E9F5DB;
}

.gut-picosulfate-items .picosulfate-item:nth-child(5) {
  background: url(../src/images/common/picosulfate-5.svg) no-repeat 100% 100%, #AFF0D0;
}

@media screen and (max-width: 579px) {
  .gut-picosulfate-items .picosulfate-item:nth-child(6) {
    min-height: auto;
    padding: 20px 25px 0px;
  }
}

.gut-picosulfate-items .picosulfate-item .number {
  position: absolute;
  font-family: 'Raleway-Bold';
  font-size: 130px;
  line-height: 90px;
  left: 30px;
  top: -27px;
  color: #fff;
  opacity: .5;
}

.gut-picosulfate-items .picosulfate-item h2 {
  padding: 0 0 20px;
}

.gut-picosulfate-items .picosulfate-item p {
  max-width: 255px;
  font-size: 16px;
  line-height: 22px;
  color: #171717;
}

@media screen and (max-width: 579px) {
  .gut-picosulfate-items .picosulfate-item p {
    max-width: 100%;
  }
}

.gut-picosulfate-items .about-btn-wrap {
  margin: auto;
}

@media screen and (max-width: 579px) {
  .gut-picosulfate-items .about-btn-wrap {
    margin: 0px auto 0px;
  }
}

/*@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0,89,63, 0.3);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(0,89,63, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0,89,63, 0);
  }
}*/
.gut-guttalaks-preface-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 100px  0;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-preface-wrap {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    padding: 0px 0 25px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-preface-wrap {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    padding: 100px 0 50px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-preface-wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 90px  0;
  }
}

.gut-guttalaks-preface-wrap .guttalaks-logo {
  position: absolute;
  top: 0;
  right: 50px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-preface-wrap .guttalaks-logo {
    position: relative;
    top: unset;
    right: unset;
  }
}

.gut-guttalaks-preface-wrap .preface-text {
  max-width: 450px;
  padding: 0 0 85px 0;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-preface-wrap .preface-text {
    max-width: 700px;
    padding: 30px 30px 20px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-preface-wrap .preface-text {
    max-width: 700px;
    padding: 0 0 50px 0;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-preface-wrap .preface-text {
    padding: 0 0 50px 0;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-guttalaks-preface-wrap .preface-text {
    padding: 0 0 55px 0;
  }
}

.gut-guttalaks-preface-wrap .preface-text p {
  color: #FFF;
  font-size: 24px;
  line-height: 130%;
  padding: 30px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-guttalaks-preface-wrap .preface-text p {
    font-size: 20px;
  }
}

.gut-guttalaks-preface-wrap .tired-baby {
  margin: 50px 0 0 100px;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .gut-guttalaks-preface-wrap .tired-baby {
    margin: 0 auto;
    max-width: 260px;
  }
}

@media screen and (min-width: 360px) and (max-width: 959px) {
  .gut-guttalaks-preface-wrap .tired-baby {
    margin: 0 auto;
    max-width: 300px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-preface-wrap .tired-baby {
    margin: 100px 0 0 20px;
    max-width: 350px;
  }
}

.gut-guttalaks-preface .silver-line {
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  pointer-events: none;
}

.gut-guttalaks-drop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 50px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-drop {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-drop {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    max-width: 740px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-drop {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    max-width: 790px;
    margin: 0 auto;
  }
}

.gut-guttalaks-drop .guttalaks-2-pack {
  position: absolute;
  top: -100px;
  right: 0px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-drop .guttalaks-2-pack {
    position: relative;
    top: unset;
    right: unset;
    max-width: 250px;
    margin: 0 auto;
    display: none;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-drop .guttalaks-2-pack {
    position: relative;
    top: unset;
    right: unset;
    display: none;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-drop .guttalaks-2-pack {
    max-width: 300px;
    right: -70px;
  }
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-drop .guttalaks-drop-pack {
    margin-top: 30px;
    -ms-flex-order: 2;
        order: 2;
  }
}

@media screen and (min-width: 760px) and (max-width: 1199px) {
  .gut-guttalaks-drop .guttalaks-drop-pack {
    max-width: 600px;
    margin-top: 30px;
    -ms-flex-order: 2;
        order: 2;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-guttalaks-drop .guttalaks-drop-pack {
    max-width: 700px;
  }
}

.gut-guttalaks-drop .guttalaks-drop-text {
  max-width: 500px;
}

@media screen and (min-width: 320px) and (max-width: 1199px) {
  .gut-guttalaks-drop .guttalaks-drop-text {
    max-width: 100%;
    padding: 0 20px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .gut-guttalaks-drop .guttalaks-drop-text {
    padding: 0 20px 0 0;
  }
}

.gut-guttalaks-drop .guttalaks-drop-text h2 {
  color: #FFF;
  font-size: 32px;
  line-height: 110%;
  margin-top: 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-guttalaks-drop .guttalaks-drop-text h2 {
    font-size: 28px;
  }
}

.gut-guttalaks-drop .guttalaks-drop-text p {
  color: #92D3C9;
  font-size: 24px;
  line-height: 130%;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-guttalaks-drop .guttalaks-drop-text p {
    font-size: 20px;
  }
}

.gut-guttalaks-features {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-features {
    max-width: 740px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-features {
    max-width: 790px;
  }
}

.gut-guttalaks-features .features-item {
  width: 380px;
  padding: 30px;
  border-radius: 20px;
  background: linear-gradient(153.96deg, #74C79B 16.41%, #00593F 97.56%);
  border: 1px solid #5CB89F;
  color: #FFF;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item {
    padding: 20px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-features .features-item {
    width: 355px;
    padding: 25px;
  }
}

.gut-guttalaks-features .features-item-1 {
  min-height: 240px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item-1 {
    min-height: auto;
  }
}

.gut-guttalaks-features .features-item-2 {
  min-height: 240px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item-2 {
    min-height: auto;
    margin: 20px 0 0 0;
  }
}

.gut-guttalaks-features .features-item-3 {
  min-height: 240px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item-3 {
    min-height: auto;
    margin: 20px 0 0 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-features .features-item-3 {
    min-height: 260px;
    margin: 30px 0 0 0;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-guttalaks-features .features-item-3 {
    min-height: 303px;
    margin: 30px 0 0 0;
  }
}

.gut-guttalaks-features .features-item-4 {
  min-height: 303px;
  margin: 30px 0 0 0;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item-4 {
    min-height: auto;
    margin: 20px 0 0 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-guttalaks-features .features-item-4 {
    min-height: 260px;
  }
}

.gut-guttalaks-features .features-item-5 {
  min-height: 303px;
  margin: 30px 0 0 0;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item-5 {
    min-height: auto;
    margin: 20px 0 0 0;
  }
}

.gut-guttalaks-features .features-item-6 {
  min-height: 303px;
  margin: 30px 0 0 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  border: none;
  background: transparent;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-guttalaks-features .features-item-6 {
    min-height: auto;
    margin: 20px 0 0 0;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

.gut-guttalaks-features .features-item h3 {
  font-family: 'Raleway-SemiBold';
  padding: 0 0 20px 0;
}

.gut-go-longread-wrap {
  max-width: 1160px;
  margin: 50px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background: url(../src/images/common/go-longread-bg.svg) no-repeat 100% 100%, #E9F5DB;
  border-radius: 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-longread-wrap {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    background: #E9F5DB;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-go-longread-wrap {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 30px auto 0;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-go-longread-wrap {
    background: url(../src/images/common/go-longread-bg.svg) no-repeat 100% 43%/600px auto, #E9F5DB;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-go-longread-wrap {
    background: url(../src/images/common/go-longread-bg.svg) no-repeat 100% 38%/600px auto, #E9F5DB;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-go-longread-wrap {
    background: url(../src/images/common/go-longread-bg.svg) no-repeat 100% 100%/600px auto, #E9F5DB;
  }
}

.gut-go-longread-wrap .longread-img {
  margin: 100px 40px 0 0;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-go-longread-wrap .longread-img {
    margin: 50px 40px 0 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-longread-wrap .longread-img {
    display: none;
  }
}

.gut-go-longread-text {
  max-width: 565px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 40px;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-longread-text {
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 600px;
  }
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-longread-text {
    padding: 40px 20px 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-go-longread-text {
    padding: 40px 20px;
  }
}

.gut-go-longread-text h1 {
  margin: 0 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-longread-text h1 {
    text-align: center;
    margin: 0;
  }
}

.gut-go-longread-text p {
  margin: 10px 0;
}

.gut-go-longread-text .longread-img.mobile {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-longread-text .longread-img.mobile {
    max-width: 220px;
  }
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-go-longread-text .longread-img.mobile {
    display: block;
    margin: 0 auto 20px;
  }
}

.gut-go-longread-text ._btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  background: #6AE0A6;
  border-radius: 100px;
  height: 56px;
  width: 246px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #171717;
  padding: 0 0 0 40px;
  margin: 20px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-longread-text ._btn {
    height: 50px;
    width: 220px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 25px;
  }
}

.gut-go-longread-text ._btn .arrow-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-go-longread-text ._btn .arrow-btn {
    width: 50px;
    height: 50px;
  }
}

.gut-longread-preface {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto;
  background: #E6F3F7;
  border-radius: 40px;
  padding: 0;
  margin-top: 20px;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-preface {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.gut-longread-preface .preface-longread-img-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #97C1D1;
  border-radius: 40px;
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-preface .preface-longread-img-wrap {
    border-radius: 30px;
  }
}

.gut-longread-preface-text {
  max-width: 700px;
  padding: 60px 25px 60px 60px;
  color: #565273;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-preface-text {
    max-width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-longread-preface-text {
    padding: 20px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-preface-text {
    padding: 40px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-preface-text {
    max-width: 580px;
  }
}

.gut-longread-preface-text h1 {
  text-align: left;
  font-family: 'Raleway-Regular';
}

.gut-longread-preface-text p {
  max-width: 600px;
  padding: 25px 0 0;
  font-family: 'Raleway-Regular';
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-preface-text p {
    max-width: 100%;
  }
}

.gut-longread-preface-text .spo-the-law-on-advertising {
  position: relative;
  padding: 0 0 25px 0;
  font-size: 10px;
  line-height: 14px;
  color: #101010;
  text-align: left;
  top: unset;
  right: unset;
  left: unset;
  z-index: 2;
}

.gut-longread-preface-text .spo-the-law-on-advertising p {
  padding: 0;
}

.gut-longread-preface-text .spo-the-law-on-advertising a {
  text-decoration: none;
  color: #101010;
}

.gut-longread-optimal {
  padding: 80px 20px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-optimal {
    padding: 30px 20px;
  }
}

.gut-longread-optimal h2 {
  color: #544D6C;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.gut-longread-termin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto;
  background: #E6F3F7;
  border-radius: 40px;
  padding: 60px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-termin {
    border-radius: 30px;
  }
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-longread-termin {
    padding: 20px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-termin {
    padding: 40px;
  }
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-termin {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.gut-longread-termin h1 {
  color: #97C1D1;
  text-align: left;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-longread-termin h1 {
    text-align: center;
  }
}

.gut-longread-termin .longread-termin-text {
  max-width: 540px;
  margin-left: 40px;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-longread-termin .longread-termin-text {
    max-width: 100%;
    margin-left: 0px;
    padding: 20px 0 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-termin .longread-termin-text {
    max-width: 100%;
    margin-left: 0px;
    padding: 20px 0 0;
  }
}

.gut-longread-termin .longread-termin-text p {
  color: #565273;
  font-family: 'Raleway-Regular';
}

.gut-longread-termin .longread-termin-text p span {
  color: #6AE0A6;
}

.gut-longread-infographics {
  max-width: 870px;
  margin: 80px auto 0;
}

@media screen and (max-width: 959px) {
  .gut-longread-infographics {
    padding: 0 20px;
    margin: 40px auto 0;
  }
}

.gut-longread-infographics h1 {
  color: #544D6C;
  max-width: 510px;
  margin: 0 auto;
  text-align: center;
}

.gut-longread-infographics .longread-infographics-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 30px;
}

@media screen and (max-width: 759px) {
  .gut-longread-infographics .longread-infographics-wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-align: center;
        align-items: center;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-infographics .longread-infographics-wrap {
    margin-top: 0px;
  }
}

.gut-longread-infographics .longread-infographics-wrap .infographics-longread-img {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  pointer-events: none;
}

@media screen and (max-width: 759px) {
  .gut-longread-infographics .longread-infographics-wrap .infographics-longread-img {
    position: relative;
    left: unset;
    -ms-transform: translateX(0%);
        transform: translateX(0%);
    margin: 0 auto;
    max-width: 400px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-infographics .longread-infographics-wrap .infographics-longread-img {
    max-width: 470px;
  }
}

.gut-longread-infographics .longread-infographics-wrap .longread-infographics-left,
.gut-longread-infographics .longread-infographics-wrap .longread-infographics-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 370px;
  min-height: 500px;
}

@media screen and (max-width: 759px) {
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-left,
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-right {
    width: 100%;
    min-height: 100px;
  }
}

.gut-longread-infographics .longread-infographics-wrap .longread-infographics-left .inf-item,
.gut-longread-infographics .longread-infographics-wrap .longread-infographics-right .inf-item {
  background: #B5F3D5;
  border-radius: 60px;
  padding: 15px 30px;
  color: #565273;
  font-size: 16px;
  margin-top: 30px;
}

@media screen and (max-width: 759px) {
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-left .inf-item,
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-right .inf-item {
    width: 100%;
    padding: 15px 20px;
    margin-top: 15px;
    font-size: 15px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-left .inf-item,
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-right .inf-item {
    padding: 15px 20px;
    margin-top: 25px;
    font-size: 15px;
  }
}

@media screen and (max-width: 759px) {
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-left .inf-item br,
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-right .inf-item br {
    display: none;
  }
}

.gut-longread-infographics .longread-infographics-wrap .longread-infographics-left {
  -ms-flex-align: start;
      align-items: flex-start;
  text-align: left;
}

.gut-longread-infographics .longread-infographics-wrap .longread-infographics-right {
  -ms-flex-align: end;
      align-items: flex-end;
  text-align: right;
}

@media screen and (max-width: 759px) {
  .gut-longread-infographics .longread-infographics-wrap .longread-infographics-right {
    -ms-flex-align: start;
        align-items: flex-start;
    text-align: left;
  }
}

.gut-longread-how {
  max-width: 1170px;
  margin: 80px auto 0;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-how {
    padding: 0 20px;
    margin: 40px auto 0;
  }
}

.gut-longread-how h1 {
  color: #544D6C;
  max-width: 515px;
  margin: 0 auto;
  text-align: center;
}

.gut-longread-how p {
  color: #544D6C;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  padding: 25px 0;
}

.gut-longread-how .longread-infographics-how {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 40px 0 0;
  /* -------flip------- */
  /* my custom in flip */
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how {
    padding: 0px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-longread-how .longread-infographics-how {
    padding: 40px 0 0px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-how .longread-infographics-how {
    width: 770px;
    margin: 0 auto;
  }
}

.gut-longread-how .longread-infographics-how .card {
  position: relative;
  transform-style: preserve-3d;
  color: #544D6C;
}

.gut-longread-how .longread-infographics-how .face {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.5s ease-in-out;
}

.gut-longread-how .longread-infographics-how .face--front {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #E6F3F7;
  cursor: pointer;
  padding: 30px 0;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .face--front {
    padding: 20px;
  }
}

.gut-longread-how .longread-infographics-how .face--front div {
  text-align: center;
}

.gut-longread-how .longread-infographics-how .face--back {
  position: relative;
  transform: rotateY(180deg);
}

.gut-longread-how .longread-infographics-how .card.active .face--front {
  transform: rotateY(-180deg);
}

.gut-longread-how .longread-infographics-how .card.active .face--back {
  transform: rotateY(0deg);
}

.gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card.active .face--back, .gut-longread-how .longread-infographics-how .how-text {
  min-height: 490px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card.active .face--back, .gut-longread-how .longread-infographics-how .how-text {
    min-height: 350px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card.active .face--back, .gut-longread-how .longread-infographics-how .how-text {
    min-height: 450px;
  }
}

.gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .face {
  border-radius: 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .face {
    border-radius: 30px;
  }
}

.gut-longread-how .longread-infographics-how .how-text, .gut-longread-how .longread-infographics-how .card.active .face--back {
  border-radius: 40px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .how-text, .gut-longread-how .longread-infographics-how .card.active .face--back {
    border-radius: 30px;
  }
}

.gut-longread-how .longread-infographics-how .how-text, .gut-longread-how .longread-infographics-how .card.active .face--back {
  background: #CFF6E3;
}

.gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card-0 {
  width: 370px;
  margin-bottom: 25px;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card-0 {
    width: 100%;
    margin-bottom: 4%;
  }
}

@media screen and (min-width: 360px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card-0 {
    width: 100%;
    margin-bottom: 4%;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card-0 {
    width: 260px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-how .longread-infographics-how .card, .gut-longread-how .longread-infographics-how .card-0 {
    width: 350px;
    margin-bottom: 20px;
  }
}

.gut-longread-how .longread-infographics-how .face--front p {
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  padding: 20px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .face--front p {
    font-size: 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .face--front p {
    font-size: 22px;
  }
}

.gut-longread-how .longread-infographics-how .face--front p br.mobile {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .face--front p br.mobile {
    display: inline;
  }
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .face--front div img {
    max-width: 60%;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .face--front div img {
    max-width: 200px;
  }
}

@media screen and (min-width: 760px) and (max-width: 959px) {
  .gut-longread-how .longread-infographics-how .face--front div img {
    max-width: 200px;
  }
}

.gut-longread-how .longread-infographics-how .card.active .face--back {
  -ms-flex-align: start;
      align-items: flex-start;
  cursor: pointer;
}

.gut-longread-how .longread-infographics-how .how-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  padding: 30px 30px;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .gut-longread-how .longread-infographics-how .how-text {
    padding: 20px 10px;
  }
}

@media screen and (min-width: 375px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .how-text {
    padding: 20px 20px;
  }
}

.gut-longread-how .longread-infographics-how .how-text img {
  max-width: 24.01px;
}

.gut-longread-how .longread-infographics-how .how-text h2 {
  font-size: 24px;
  line-height: 120%;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .how-text h2 {
    font-size: 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .how-text h2 {
    font-size: 22px;
  }
}

.gut-longread-how .longread-infographics-how .how-text p {
  font-size: 18px;
  line-height: 120%;
  padding: 20px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-how .longread-infographics-how .how-text p {
    font-size: 16px;
    padding: 10px 0 0;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-how .longread-infographics-how .how-text p {
    font-size: 16px;
  }
}

.gut-longread-habits {
  max-width: 1170px;
  margin: 60px auto 0;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-habits {
    padding: 0 20px;
    margin: 40px auto 0;
  }
}

.gut-longread-habits h1 {
  color: #544D6C;
  max-width: 515px;
  margin: 0 auto;
  text-align: center;
}

.gut-longread-habits p {
  color: #544D6C;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  padding: 25px 0;
}

.gut-longread-habits .longread-habits-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 60px;
  margin: 60px auto 0;
  border-radius: 40px;
  background: #F2F9E9;
  color: #544D6C;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap {
    margin: 40px auto 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-habits .longread-habits-wrap {
    padding: 20px 20px 0 20px;
    border-radius: 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap {
    padding: 40px 40px 0 40px;
  }
}

@media screen and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.gut-longread-habits .longread-habits-wrap .longread-habits-left {
  max-width: 465px;
}

@media screen and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap .longread-habits-left {
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-habits .longread-habits-wrap .longread-habits-left {
    max-width: 400px;
  }
}

.gut-longread-habits .longread-habits-wrap .longread-habits-left h1 {
  text-align: left;
  max-width: 100%;
  margin: 0 0 30px 0;
}

.gut-longread-habits .longread-habits-wrap .longread-habits-right {
  max-width: 540px;
}

@media screen and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap .longread-habits-right {
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-habits .longread-habits-wrap .longread-habits-right {
    max-width: 400px;
  }
}

.gut-longread-habits .longread-habits-wrap .longread-habits-right h2 {
  color: #6AE0A6;
  text-align: left;
}

.gut-longread-habits .longread-habits-wrap .longread-habits-right p {
  text-align: left;
  padding: 25px 0 0;
}

@media screen and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap .longread-habits-right p {
    padding: 15px 0 0;
  }
}

.gut-longread-habits .longread-habits-wrap .habits-longread-img {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

@media screen and (max-width: 959px) {
  .gut-longread-habits .longread-habits-wrap .habits-longread-img {
    position: relative;
    left: unset;
    bottom: unset;
    margin-top: 30px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-habits .longread-habits-wrap .habits-longread-img {
    max-width: 625px;
  }
}

.gut-longread-doctor {
  max-width: 1170px;
  margin: 60px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 80px auto 0;
  color: #544D6C;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-doctor {
    margin: 40px auto 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-doctor {
    border-radius: 30px;
  }
}

@media screen and (max-width: 959px) {
  .gut-longread-doctor {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

@media screen and (min-width: 320px) and (max-width: 1199px) {
  .gut-longread-doctor {
    padding: 0 20px;
  }
}

.gut-longread-doctor .longread-doctor-text {
  max-width: 970px;
  position: relative;
  border-radius: 40px 40px 0 40px;
  background: #E6F3F7;
  padding: 60px;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-doctor .longread-doctor-text {
    -ms-flex-order: 2;
        order: 2;
  }
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-doctor .longread-doctor-text {
    padding: 20px;
    border-radius: 30px 0 30px 30px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-longread-doctor .longread-doctor-text {
    padding: 40px;
    border-radius: 40px 0 40px 40px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-doctor .longread-doctor-text {
    max-width: 82%;
  }
}

.gut-longread-doctor .longread-doctor-text:before {
  position: absolute;
  content: url(../src/images/common/doc-triangl.svg);
  left: 100%;
  bottom: 0;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 959px) {
  .gut-longread-doctor .longread-doctor-text:before {
    left: unset;
    right: 0;
    bottom: 100%;
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
  }
}

.gut-longread-doctor .longread-doctor-text h1 {
  color: #6AE0A6;
  margin-bottom: 30px;
}

.gut-longread-doctor .longread-doctor-avatar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
}

@media screen and (max-width: 579px) {
  .gut-longread-doctor .longread-doctor-avatar {
    max-width: 100px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
  .gut-longread-doctor .longread-doctor-avatar {
    margin-bottom: 30px;
  }
}

.gut-longread-goodhabit {
  max-width: 1170px;
  margin: 80px auto 0;
  padding: 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 959px) {
  .gut-longread-goodhabit {
    margin: 40px auto 0;
  }
}

.gut-longread-goodhabit h1 {
  color: #544D6C;
  text-align: center;
  padding: 0 0 30px 0;
}

.gut-longread-goodhabit-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
  .gut-longread-goodhabit-wrap {
    padding: 0 20px;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item {
  position: relative;
  width: 570px;
  background: #B5F3D5;
  border-radius: 40px;
  height: 460px;
  padding: 0;
  color: #544D6C;
  margin: 15px 0;
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item {
    width: 100%;
    height: auto;
    border-radius: 30px;
    margin: 10px 0;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item {
    width: 540px;
    height: auto;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item.item-2 {
  height: 350px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item.item-2 {
    width: 100%;
    height: auto;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item .item-in {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item .item-in {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item .item-in p {
  max-width: 380px;
  padding: 0 10px 30px 30px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item .item-in p {
    padding: 0 20px 0px 20px;
  }
}

@media screen and (min-width: 580px) and (max-width: 759px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item .item-in p {
    max-width: 360px;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item h2 {
  padding: 30px 30px 20px 30px;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item h2 {
    padding: 30px 20px 20px 20px;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-1, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-2, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-3, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-4 {
  pointer-events: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-1.decktop, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-2.decktop, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-3.decktop, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-4.decktop {
    display: none;
  }
}

.gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-1.mobile, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-2.mobile, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-3.mobile, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-4.mobile {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-1.mobile, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-2.mobile, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-3.mobile, .gut-longread-goodhabit-wrap .longread-goodhabit-item .longread-goodhabit-img-4.mobile {
    display: block;
    position: relative;
    right: unset;
    bottom: unset;
    margin-left: auto;
  }
}

.gut-longread-zapor {
  padding: 80px 20px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-zapor {
    padding: 30px 20px 0;
  }
}

.gut-longread-zapor h1 {
  color: #6AE0A6;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.gut-longread-zapor p {
  color: #544D6C;
  max-width: 760px;
  margin: 20px auto 0;
  text-align: center;
  font-family: 'Raleway-Regular';
}

.gut-longread-guttalaks {
  max-width: 1170px;
  margin: 0 auto;
  padding: 80px 20px 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-guttalaks {
    padding: 30px 20px 0;
  }
}

.gut-longread-guttalaks h1 {
  color: #544D6C;
  margin: 0 auto;
  text-align: center;
}

.gut-longread-guttalaks .longread-guttalaks-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 959px) {
  .gut-longread-guttalaks .longread-guttalaks-wrap {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-guttalaks .longread-guttalaks-wrap .longread-guttalaks-img {
    max-width: 480px;
  }
}

.gut-longread-guttalaks .longread-guttalaks-wrap p {
  color: #544D6C;
  max-width: 516px;
  margin: 20px auto 0;
  text-align: left;
  font-family: 'Raleway-Regular';
}

@media screen and (max-width: 959px) {
  .gut-longread-guttalaks .longread-guttalaks-wrap p {
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-guttalaks .longread-guttalaks-wrap p {
    max-width: 436px;
  }
}

.gut-longread-guttalaks .longread-guttalaks-wrap p .italic {
  display: inline-block;
  padding: 30px 0 0 0;
  color: #125F19;
  font-style: italic;
}

.gut-longread-guttalaks .longread-features-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto;
  padding: 80px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 579px) {
  .gut-longread-guttalaks .longread-features-wrap {
    padding: 30px 0 0;
  }
}

@media screen and (max-width: 1199px) {
  .gut-longread-guttalaks .longread-features-wrap {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.gut-longread-guttalaks .longread-features-wrap .longread-features {
  width: 360px;
  background: #E9F5DB;
  border-radius: 40px;
  padding: 30px 20px;
  text-align: center;
  color: #544D6C;
  font-family: 'Raleway-Regular';
}

@media screen and (max-width: 959px) {
  .gut-longread-guttalaks .longread-features-wrap .longread-features {
    margin: 10px 0;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .gut-longread-guttalaks .longread-features-wrap .longread-features {
    margin: 10px;
  }
}

.gut-longread-guttalaks .longread-features-wrap .longread-features h2 {
  margin: 20px 0;
}