/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-BoldItalic.ttf")
    format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-LightItalic.ttf")
    format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-MediumItalic.ttf")
    format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf")
    format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-ExtraBold.ttf")
    format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf")
    format("truetype");
  font-weight: 800;
  font-style: italic;
}

.blue {
  color: #00205b;
}

.red {
  color: #b71807;
}

.off-white {
  color: #f2f2f2;
}

.swoosh-top-grey::before,
.swoosh-bottom-white::before {
  content: "";
  background-size: 1595px;
  background-position: right -150px bottom;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 270px;
  position: absolute;
  right: 0;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 991px) {
  .swoosh-top-grey::before,
  .swoosh-bottom-white::before {
    background-size: 1210px;
    background-position: right -150px bottom;
  }
  .mod-touch
    .mega-menu
    .navigation-root.navigation-level1
    .has-children.open
    .navigation-level2
    a {
    display: inline-flex;
  }
  .mod-touch
    .mega-menu
    .navigation-root.navigation-level1
    .has-children.open
    .navigation-level2.open
    .navigation-level3.open
    .navigation-level4::before {
    top: 24px;
  }
  .mega-menu .navigation-root.navigation-level1 > li > a {
    max-width: 90%;
  }
}

@media (max-width: 991px) {
  .swoosh-top-grey::before,
  .swoosh-bottom-white::before {
    height: 105px;
  }
}

.swoosh-top-grey::before {
  background-image: url("/etc/designs/zg/parodontax-v3/desktop/assets/img/pdx-swoosh.png");
  top: 30px;
  transform: translateY(-100%);
}

.swoosh-top-grey > .component-content {
  padding-top: 80px;
}

.swoosh-bottom-white::before {
  background-image: url("/etc/designs/zg/parodontax-v3/desktop/assets/img/pdx-swoosh.png");
  bottom: -55px;
}

@media (max-width: 991px) {
  .swoosh-bottom-white::before {
    bottom: -40px;
  }
}

.swoosh-bottom-white > .component-content {
  padding-top: 0;
}

.swoosh-bottom::before {
  content: "";
  background: url(/etc/designs/zg/parodontax-v3/desktop/assets/img/swoosh-bottom-white.svg);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: calc(-100% + 90px);
  left: 0;
  pointer-events: none;
}

.swoosh-bottom > .component-content {
  padding-top: 90px;
}

.cta,
.product-filter button {
  background: #00205b;
  border-radius: 31px;
  min-height: 45px;
  height: 44px;
  font-size: 18px;
  padding: 5px 30px;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.cta:hover,
.cta:focus,
.product-filter button:hover,
.product-filter button:focus {
  background: white;
  color: #00205b !important;
  box-shadow: 0 0 0 2px #00205b !important;
}

.cta.cta-white,
.product-filter button.cta-white {
  background: white;
  color: #00205b;
  box-shadow: 0 0 0 2px #00205b;
}

.cta.cta-white:hover,
.cta.cta-white:focus,
.product-filter button.cta-white:hover,
.product-filter button.cta-white:focus {
  background: #00205b;
  color: white !important;
}

.product-filter button:hover,
.product-filter button:focus {
  background: #00205b;
  color: white !important;
}

p,
li {
  font-family: "Open Sans";
  font-size: 18px;
  color: #4a4a4a;
}

p a,
a {
  color: #00205b;
}

a:hover,
a:focus {
  color: #b71807;
}

.link {
  text-decoration: none;
  color: #00205b;
  position: relative;
  padding-right: calc(5px + 1ch);
}

.link:hover,
.link:focus {
  color: #b71807;
}

.link::after {
  position: absolute;
  top: calc(50% - 0.5ch);
  content: "";
  border: solid;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.5ch;
  right: 0;
  transform: rotate(-45deg);
}

.page-title-big {
  font-family: "Open Sans", sans-serif;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  color: #f2f2f2;
}

@media (max-width: 991px) {
  .page-title-big {
    font-size: 50px;
  }
}

.banner-title {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
  margin-bottom: 15px;
  color: #00205b;
}

@media (max-width: 991px) {
  .banner-title {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4;
  }
}

.page-title {
  font-family: "Open Sans";
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
  margin-bottom: 15px;
  color: #00205b;
}

@media (max-width: 991px) {
  .page-title {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4;
  }
}

.page-subtitle,
.carousel-fixed-title .box-heading {
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-bottom: 15px;
}

.content-title {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  margin-bottom: 15px;
}

.content-subtitle {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  margin-bottom: 15px;
}

.content-text-big {
  font-family: "Open Sans", sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: 0.5px;
  color: #0a2368;
}

.content-text,
p,
li,
p > a,
a {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

@media (max-width: 991px) {
  .content-text,
  p,
  li,
  p > a,
  a {
    font-size: 15px;
  }
}

.container-article p {
  margin-bottom: 20px;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("./fonts/slick.woff") format("woff"),
    url("./fonts/slick.ttf") format("truetype"),
    url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

.carousel-arrows-red .slick-prev,
.carousel-arrows-red .slick-next {
  background-image: url("../../assets/chevron-red.svg");
}

/* Arrows */
.slick-prev,
.slick-next {
  z-index: 999;
  position: absolute;
  display: block;
  height: 35px;
  width: 20px;
  background-image: url("../../assets/chevron-white.svg");
  background-color: transparent;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

/* @media (max-width: 991px) {

  .slick-prev,
  .slick-next {
    display: none !important;
  }
} */

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  /*  outline: none;
        background: transparent;
        color: transparent; */
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  /* opacity: $slick-opacity-on-hover; */
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.5;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  /* opacity: $slick-opacity-not-active; */
}

.slick-prev:before,
.slick-next:before {
  /* font-family: $slick-font-family;
        font-size: 20px;
        line-height: 1;
        color: $slick-arrow-color;
        opacity: $slick-opacity-default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; */
}

.slick-prev {
  left: -45px;
  transform: translate(0, -50%) scaleX(-1);
}

@media (max-width: 1270px) {
  .slick-prev {
    /*  left: 15px; */
  }
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -45x;
}

.slick-prev:before {
  content: "";
}

[dir="rtl"] .slick-prev:before {
  content: "";
}

.slick-next {
  right: -45px;
}

@media (max-width: 1270px) {
  .slick-next {
    /*   right: 15px; */
  }
}

[dir="rtl"] .slick-next {
  left: -45px;
  right: auto;
}

.slick-next:before {
  content: "";
}

[dir="rtl"] .slick-next:before {
  content: "";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .slick-dotted.slick-slider {
    margin-bottom: 35px;
  }
}

.slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: none !important;
  text-align: center;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
}

.slick-dots > li:only-child {
  display: none;
}

@media (max-width: 991px) {
  .slick-dots {
    display: block !important;
  }
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 15px;
  width: 15px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  background-color: #00205b;
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  background-color: white;
  border: solid 0.5px #4a4a4a;
  /* font-family: $slick-font-family;
                font-size: $slick-dot-size;
                line-height: 20px; */
  text-align: center;
  /* opacity: $slick-opacity-not-active; */
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  border: none;
  background-color: #00205b;
  opacity: 1;
}

.slick-dots li::before {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.Footer h3,
.page-faq h3 {
  text-transform: none;
}

.Footer .accordion-main-title,
.page-faq .accordion-main-title {
  padding-left: 25px;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 9px 9px 0 0;
}

@media (min-width: 992px) {
  .Footer .accordion-main-title,
  .page-faq .accordion-main-title {
    padding-left: 40px;
  }
}

.Footer .accordion-main-title h2,
.page-faq .accordion-main-title h2 {
  margin-top: 15px;
}

.Footer .accordion-main-title h2 .page-title,
.page-faq .accordion-main-title h2 .page-title {
  font-size: 24px;
}

.Footer .accordion-slide,
.page-faq .accordion-slide {
  margin-bottom: 0;
  padding-left: 0;
}

.Footer .accordion-slide::before,
.page-faq .accordion-slide::before {
  content: none;
}

.Footer .accordion-slide.is-active.last,
.page-faq .accordion-slide.is-active.last {
  margin-bottom: 20px;
}

.Footer .accordion-slide.is-active .accordion-head .accordion-title::before,
.page-faq .accordion-slide.is-active .accordion-head .accordion-title::before {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  top: calc(65% - 12px);
}

.Footer .accordion-slide .accordion-content-wrapper,
.page-faq .accordion-slide .accordion-content-wrapper {
  overflow: hidden;
  height: 0;
}

.Footer .accordion-slide .accordion-head,
.page-faq .accordion-slide .accordion-head {
  padding: 10px 0px 10px 25px;
  font-size: 16px;
  text-transform: none;
  position: relative;
}

.Footer .accordion-slide .accordion-head .accordion-title::before,
.page-faq .accordion-slide .accordion-head .accordion-title::before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
  width: 8px;
  height: 8px;
  border: solid #00205b;
  border-width: 0 1px 1px 0;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
  .Footer .accordion-slide .accordion-head .accordion-title::before,
  .page-faq .accordion-slide .accordion-head .accordion-title::before {
    width: 10px;
    height: 10px;
  }
}

.Footer .accordion-slide .accordion-content,
.page-faq .accordion-slide .accordion-content {
  margin: 10px 0 30px;
  padding: 0 35px;
}

@media only screen and (max-width: 767px) {
  .Footer .accordion-slide .accordion-content,
  .page-faq .accordion-slide .accordion-content {
    margin: 0 0 20px 0;
  }
}

.Footer .accordion-slide .accordion-content .richText,
.page-faq .accordion-slide .accordion-content .richText {
  padding-right: 0;
}

.Footer .accordion-slide .accordion-content p,
.page-faq .accordion-slide .accordion-content p {
  margin: 0;
  font-size: 16px;
}

.Footer .accordion-slide .accordion-content p a,
.page-faq .accordion-slide .accordion-content p a {
  color: #001f5b;
  font-size: 16px;
  text-decoration: none !important;
}

.Footer .accordion-slide .accordion-content p a:hover,
.page-faq .accordion-slide .accordion-content p a:hover {
  color: #cf2334;
}

.page-faq .accordion {
  padding-left: 40px;
  border-radius: 0 0 9px 9px;
  background-color: #fff;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
  .page-faq .accordion {
    padding-left: 50px;
  }
}

.page-faq .accordion:not(:last-of-type) {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .Footer .accordion {
    display: none;
  }
}

.Footer .accordion .accordion-title a {
  color: #b71807;
}

.Footer .accordion .accordion-content .richText a {
  color: #001f5b;
}

.Footer .accordion .accordion-content .richText a:hover {
  color: #cf2334;
  text-decoration: underline;
}

.navigationMobileOptimized .mobile-optimized {
  display: none;
}

.navigation-mobile-menu {
  display: none;
}

@media (min-width: 991px) {
  .navigation-level2 {
    display: none;
  }
}

#header,
.Header {
  padding: 0;
}

ul {
  padding-left: 0;
}

.logo {
  text-align: center;
}

.logo > .component-content > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* Anubhav - GSKBD - 22147 */
/* .logo>.component-content>a:focus {
  box-shadow: 0 3px 0 0 #b71807;
} */
/* Anubhav - GSKBD - 22147 */

.main-nav li::before {
  display: none;
}

/*.mod-touch {
  .main-nav {
    display: none;
  }

  .mobile-menu {
    display: block !important;
  }

  .Header {
    .utility-menu {
      display: flex;
      flex-direction: column;

      .paragraphSystem {
        width: 110%;

        > a {
          display: none;
        }
      }

      .ght-menu {
        display: none !important;
      }

      .component-content {
        display: flex;
        width: 100%;
      }

      > .component-content > .content {
        display: block;
      }
      > .richText > .component-content {
        display: block;
        padding: 0;

        > img {
          display: none;
        }

        > .richText-content {
          display: block;
          height: auto;
          p {
            margin-right: 0;
          }
        }
      }
      .gsk-logo {
        display: none;
      }
    }
  }
}*/
.mod-touch .Header.sticky-header {
  top: 0;
}

@media (min-width: 991px) {
  .mod-touch .Header .utility-menu .ght-menu {
    display: block !important;
  }
}

.Header {
  position: fixed;
  top: 0;
  left: 0;
  transition: top 0.3s ease-in;
  z-index: 100;
}

@media (min-width: 992px) {
  .Header {
    background-color: white;
  }

  .Header.sticky-header {
    top: -56px;
  }
}

.Header > .inner > .component-content {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.Header .utility-menu {
  z-index: 60;
  background-color: white;
}

@media (min-width: 991px) {
  .Header .utility-menu .ght-menu {
    display: none !important;
  }
}

.Header .utility-menu .P2 {
  margin: 20px;
}

.Header .utility-menu .P2 .blue a {
  color: white;
}

@media (min-width: 991px) {
  .Header .utility-menu > .component-content {
    display: flex;
    flex-direction: row-reverse;
  }
}

.Header .utility-menu > .component-content .gsk-logo {
  min-width: 50px;
}

.Header .utility-menu > .component-content .gsk-logo a {
  min-width: auto;
}

.Header .utility-menu .first .richText-content p {
  justify-content: flex-start;
}

.Header .utility-menu p,
.Header .utility-menu a,
.Header .utility-menu #language-selector__selected,
.Header .utility-menu #country-selector__Selected {
  font-size: 0.8125rem;
  text-decoration: none;
  color: #4a4a4a;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-width: 110px;
}

.Header .utility-menu > .component-content > .content {
  background: white;
  display: flex;
  justify-content: flex-end;
}

.Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content {
  display: flex;
  flex-direction: row-reverse;
  padding: 0 15px;
}

.Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > img {
  align-self: center;
}

.Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content {
  height: 55px;
  display: flex;
}

.Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content
  p {
  display: flex;
  align-items: center;
}

.Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content
  #language-selector
  li {
  display: none;
  list-style: none;
  padding-right: 40px;
}

.Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content
  #country-selector
  li {
  display: none;
  list-style: none;
  padding-right: 40px;
}

.Header .utility-menu .gsk-logo {
  width: auto;
  display: flex;
  padding-left: 0;
}

.Header .utility-menu .gsk-logo a {
  border: 1px solid transparent;
  justify-content: flex-end;
}

.Header .utility-menu .gsk-logo a:hover,
.Header .utility-menu .gsk-logo a:focus {
  border: 1px solid #00205b;
}

.Header .utility-menu__links a:hover,
.Header .utility-menu__links a:focus,
.Header .utility-menu__links .language-selector__selected:hover,
.Header .utility-menu__links .language-selector__selected:focus,
.Header .utility-menu__links .country-selector__selected:hover,
.Header .utility-menu__links .country-selector__selected:focus,
.Header .utility-menu__language a:hover,
.Header .utility-menu__language a:focus,
.Header .utility-menu__language .language-selector__selected:hover,
.Header .utility-menu__language .language-selector__selected:focus,
.Header .utility-menu__language .country-selector__selected:hover,
.Header .utility-menu__language .country-selector__selected:focus {
  font-weight: bold !important;
  font-stretch: normal;
  color: #00205b !important;
}

.Header .main-menu__wrapper {
  z-index: 30;
  border-bottom: 1px solid #f2f2f2;
  background-color: white;
}

.Header .main-menu > .component-content > .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 991px) {
  .Header .main-menu > .component-content > .content > a {
    display: none;
  }
}

.Header .main-menu .main-menu__search-icon {
  text-align: right;
  padding: 0;
  margin-right: 15px;
  cursor: pointer;
  position: relative;
  width: 27px;
}

.Header .main-menu .main-menu__search-icon img {
  height: 27px;
  width: 27px;
  min-width: 27px;
}

.Header #drop {
  display: none;
}

@media (min-width: 992px) {
  .Header .reference-mobile-menu {
    display: none;
  }
}

.Header .mobile-menu {
  cursor: pointer;
  display: flex;
  width: auto;
  align-items: center;
  height: 50px;
}

@media (min-width: 992px) {
  .Header .mobile-menu {
    display: none;
  }
}

.Header .mobile-menu .component-content,
.Header .mobile-menu .component-content::before,
.Header .mobile-menu .component-content::after {
  display: block;
  height: 3px;
  width: 31px;
  background-color: #00205b;
  border-radius: 1px;
  transition: transform 300ms, top 300ms;
}

.Header .mobile-menu .component-content {
  position: relative;
  height: 3px !important;
}

.Header .mobile-menu .component-content::before {
  content: "";
  top: -9px;
  position: absolute;
}

.Header .mobile-menu .component-content::after {
  content: "";
  top: 9px;
  position: absolute;
}

.mobile-menu-open .mobile-menu .component-content {
  transform: rotateZ(45deg);
}

.mobile-menu-open .mobile-menu .component-content::before {
  transform: rotateZ(90deg);
  top: 0;
}

.mobile-menu-open .mobile-menu .component-content::after {
  display: none;
}

.Header .language-selector__selected {
  padding-right: 20px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Header .language-selector__selected::after {
  position: absolute;
  top: calc(50% - 1ch);
  content: "";
  border: solid #4a4a4a;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.5ch;
  right: 4%;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform, top, 0.2s;
}

.Header .language-selector__selected:hover::after {
  border-color: #00205b;
}

.Header .country-selector__selected {
  padding: 0 20px 0 10px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Header .country-selector__selected::after {
  position: absolute;
  right: 4%;
  top: 33%;
  content: "";
  border: solid #4a4a4a;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.5ch;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform, top, 0.2s;
}

@media (min-width: 992px) {
  .Header .country-selector__selected::after {
    top: 36%;
  }
}

.Header .country-selector__selected:hover::after {
  border-color: #00205b;
}

.Header .search-bar {
  position: absolute;
  visibility: hidden;
  top: 105px;
  opacity: 0;
  background: white;
  z-index: 20;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  transition: top, opacity, 0.2s ease-in-out;
}

.Header .utility-menu__language {
  background: white;
  border: solid 1px var(--off-white);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  margin-top: 0;
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 57px;
  left: 0;
  transition: margin-top, opacity, 0.2s ease-in-out;
  visibility: hidden;
  width: 25%;
  z-index: 50;
}

.Header .utility-menu__language ul {
  list-style: none;
}

.Header .utility-menu__language ul li {
  margin: 20px;
  font-size: 15px;
}

.Header .utility-menu__language ul li::before {
  display: none;
}

.Header .utility-menu__language ul li a {
  text-decoration: none;
  color: #00205b;
  justify-content: flex-start;
}

.Header .utility-menu__country {
  margin-top: 0;
  opacity: 0;
  top: 0;
  visibility: hidden;
  padding: 0 20px 20px 20px;
  z-index: 50;
  background: white;
  box-shadow: 0;
  border: solid 1px #f2f2f2;
  transition: margin-top, opacity, 0.2s ease-in-out;
  display: none;
}

.Header .utility-menu__country .container {
  padding-left: 20px;
  padding-right: 0;
}

@media (min-width: 992px) {
  .Header .utility-menu__country {
    position: absolute;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  }
}

.Header .utility-menu__country .P2 {
  border-bottom: 1px solid #4a4a4a;
  padding-bottom: 25px;
  margin-bottom: 25px;
  display: none;
}

@media (min-width: 992px) {
  .Header .utility-menu__country .P2 {
    display: block;
    padding-top: 50px;
  }
}

.Header .utility-menu__country ul {
  list-style: none;
}

.Header .utility-menu__country ul li {
  font-size: 18px;
  line-height: 24px;
  color: #00205b;
  padding-left: 0;
}

.Header .utility-menu__country ul li::before {
  display: none;
}

.Header .main-nav {
  padding: 0;
}

.Header .main-nav ul {
  list-style: none;
  display: flex;
}

.Header .main-nav ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 0;
  padding-left: 5px;
}

.Header .main-nav ul li a {
  text-decoration: none;
  color: #00205b;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 95px;
  position: relative;
  border-bottom: 5px solid transparent;
  font-size: calc(14px + (17 - 14) * ((100vw - 992px) / (1440 - 992)));
}

@media (min-width: 1440px) {
  .Header .main-nav ul li a {
    font-size: 17px;
  }
}

.Header .main-nav ul li a:hover {
  border-bottom: 5px solid #b71807;
}

.Header .main-nav ul li a.has-children {
  padding-right: 2ch;
}

.Header .main-nav ul li a.has-children::after {
  position: absolute;
  top: calc(50% - 1ch);
  content: "";
  border: solid #00205b;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.5ch;
  right: 0;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform, top, 0.2s;
}

.Header .main-nav ul li a.has-children.open {
  border-bottom: 5px solid #b71807;
}

.Header .main-nav ul li a.has-children.open::after {
  transform: scaleY(-1) rotate(45deg);
  top: 50%;
}

.Header .main-nav ul li a.cta {
  height: 45px;
  color: white;
}

.Header .main-nav ul li a.cta:hover {
  color: #00205b;
  border: none;
}

.Header .submenu-products .product-section-title {
  width: 85%;
  border-bottom: 1px solid gray;
  margin: 0 auto;
}

.Header .submenu-products .product-section-title .content.paragraphSystem {
  flex-direction: row;
  margin: 0;
}

.Header .submenu-products .product-section-title .component-content {
  width: 100%;
}

.Header .submenu-products .product-section-title .product-submenu-title {
  width: 25%;
  padding: 25px 0;
}

.Header .submenu-products .product-section-subtitle {
  width: 85%;
  margin: 0 auto;
  padding: 25px 0;
}

.Header .submenu-products .product-section-subtitle .component-content {
  width: 100%;
}

.Header .submenu-products .product-section-subtitle .content.paragraphSystem {
  flex-direction: row;
  margin: 0;
}

.Header .submenu-products .product-section-subtitle .products-column {
  width: 25%;
}

.Header
  .submenu-products
  .product-section-subtitle
  .products-column
  > .component-content
  > .content {
  margin: 0;
}

.Header .submenu-gum_disease,
.Header .submenu-gum_care,
.Header .submenu-products,
.Header .submenu-about {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background: white;
  left: 0;
  right: 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #f2f2f2;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  padding: 20px 40px;
  top: calc(100px + 2px);
  transition: top, opacity, 0.4s ease-in-out;
}

.Header .submenu-gum_disease ul,
.Header .submenu-gum_care ul,
.Header .submenu-products ul,
.Header .submenu-about ul {
  padding: 25px 0;
}

.Header .submenu-gum_disease ul li,
.Header .submenu-gum_care ul li,
.Header .submenu-products ul li,
.Header .submenu-about ul li {
  list-style: none;
  padding-left: 0;
}

.Header .submenu-gum_disease ul li::before,
.Header .submenu-gum_care ul li::before,
.Header .submenu-products ul li::before,
.Header .submenu-about ul li::before {
  display: none;
}

.Header .submenu-gum_disease ul li a,
.Header .submenu-gum_care ul li a,
.Header .submenu-products ul li a,
.Header .submenu-about ul li a {
  color: #00205b;
  text-decoration: none;
  padding: 0;
  display: inline-block;
}

.Header .submenu-gum_disease ul li a:hover,
.Header .submenu-gum_disease ul li a:focus,
.Header .submenu-gum_care ul li a:hover,
.Header .submenu-gum_care ul li a:focus,
.Header .submenu-products ul li a:hover,
.Header .submenu-products ul li a:focus,
.Header .submenu-about ul li a:hover,
.Header .submenu-about ul li a:focus {
  color: #b71807;
}

.Header.show-submenu-gum_disease .submenu-gum_disease,
.Header.show-submenu-gum_care .submenu-gum_care,
.Header.show-submenu-products .submenu-products,
.Header.show-submenu-about .submenu-about {
  opacity: 1;
  z-index: 100;
  visibility: visible;
}

.Header.searchVisible .main-menu__search-icon,
.Header.searchVisible .main-menu__search-icon:focus {
  height: 27px;
}

.Header.searchVisible .main-menu__search-icon img,
.Header.searchVisible .main-menu__search-icon:focus img {
  display: none;
}

.Header.searchVisible .main-menu__search-icon::after,
.Header.searchVisible .main-menu__search-icon::before,
.Header.searchVisible .main-menu__search-icon:focus::after,
.Header.searchVisible .main-menu__search-icon:focus::before {
  position: absolute;
  right: 0;
  top: 50%;
  content: " ";
  display: block;
  width: 31px;
  height: 3px;
  background: #00205b;
  border-radius: 1px;
}

.Header.searchVisible .main-menu__search-icon::after,
.Header.searchVisible .main-menu__search-icon:focus::after {
  transform: rotate(45deg);
}

.Header.searchVisible .main-menu__search-icon::before,
.Header.searchVisible .main-menu__search-icon:focus::before {
  transform: rotate(-45deg);
}

.Header.searchVisible .search-bar {
  visibility: visible;
  top: 157px;
  opacity: 1;
}

.Header.languageVisible .language-selector__selected::after {
  transform: scaleY(-1) rotate(45deg);
  top: 45%;
}

.Header.languageVisible .utility-menu__language {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.Header.countryVisible .country-selector__selected::after {
  transform: scaleY(-1) rotate(45deg);
  top: 46%;
}

.Header.countryVisible .utility-menu__country {
  visibility: visible;
  opacity: 1;
  display: block;
}

.Header .submenu-gum_disease,
.Header .submenu-gum_care,
.Header .submenu-products,
.Header .submenu-about {
  overflow: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  max-height: calc(100vh - 100px);
  padding: 40px 15px;
}

.Header .submenu-gum_disease::-webkit-scrollbar,
.Header .submenu-gum_care::-webkit-scrollbar,
.Header .submenu-products::-webkit-scrollbar,
.Header .submenu-about::-webkit-scrollbar {
  display: none;
}

.Header .submenu-gum_disease .submenu-title,
.Header .submenu-gum_care .submenu-title,
.Header .submenu-products .submenu-title,
.Header .submenu-about .submenu-title {
  padding-bottom: 20px;
  border-bottom: 1px solid;
}

.Header .submenu-gum_disease .submenu-title p,
.Header .submenu-gum_care .submenu-title p,
.Header .submenu-products .submenu-title p,
.Header .submenu-about .submenu-title p {
  color: #00205b;
}

.Header .submenu-gum_disease .submenu-title p a,
.Header .submenu-gum_care .submenu-title p a,
.Header .submenu-products .submenu-title p a,
.Header .submenu-about .submenu-title p a {
  text-decoration: none;
}

.Header .submenu-gum_disease .submenu-title p a:hover,
.Header .submenu-gum_disease .submenu-title p a:focus,
.Header .submenu-gum_care .submenu-title p a:hover,
.Header .submenu-gum_care .submenu-title p a:focus,
.Header .submenu-products .submenu-title p a:hover,
.Header .submenu-products .submenu-title p a:focus,
.Header .submenu-about .submenu-title p a:hover,
.Header .submenu-about .submenu-title p a:focus {
  color: #b71807;
}

.Header .mega-menu.open {
  overflow: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  max-height: calc(100vh - 81px);
}

.Header .mega-menu.open::-webkit-scrollbar {
  display: none;
}

.searchBox .form-search {
  border: solid 1px #f2f2f2;
  border-radius: 9px;
  width: 100%;
  margin: 40px 0;
  position: relative;
  background-color: #f2f2f2;
}

.searchBox .form-search label {
  padding-left: 60px;
  display: block;
}

.searchBox .form-search label input {
  width: 100%;
  border: none;
  background: none;
  height: 60px;
  font-size: 18px;
  line-height: 24px;
}

.searchBox .form-search button {
  position: absolute;
  width: 50px;
  top: 0;
  left: 0;
  height: 100%;
  background: url("/content/dam/cf-consumer-healthcare/parodontax-v3/master/header/search-icon.svg")
    no-repeat center;
  color: transparent;
  background-size: 27px 27px;
  border: none;
  cursor: pointer;
}

/* Anubhav - GSKBD - 22147 */
.searchBox .form-search button:focus {
  outline: dotted 2px #00205b !important;
}
/* Anubhav - GSKBD - 22147 */

.mega-menu {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100px;
  transition: top, 0.2s ease-in-out;
  z-index: 10;
  left: 0;
  width: 100%;
  background: white;
  padding-bottom: 40px;
}

.mega-menu .richText-content p {
  justify-content: baseline;
}

.mega-menu.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  overflow: scroll;
  top: 157px;
}

.mega-menu .navigation {
  padding: 0;
}

.mega-menu .navigation-root.navigation-level1 {
  list-style: none;
}

.mega-menu .navigation-root.navigation-level1 > li {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  padding-left: 0;
  margin-bottom: 0;
}

.mega-menu .navigation-root.navigation-level1 > li > a {
  display: flex;
  align-items: center;
  color: #0a2368;
  text-decoration: none;
  height: 80px;
  padding: 20px;
  font-family: "Open Sans";
  font-size: 18px;
  width: fit-content;
}

.mega-menu .navigation-root.navigation-level1 > li::before {
  display: none;
}

.mega-menu .navigation-root.navigation-level1 .has-children {
  position: relative;
}

.mega-menu .navigation-root.navigation-level1 .has-children::after {
  position: absolute;
  top: 45%;
  content: "";
  border: solid #00205b;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.5ch;
  right: 20px;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: center;
  transition: transform, top, 0.2s;
}

.mega-menu .navigation-root.navigation-level1 .has-children::before {
  display: none;
}

.mega-menu .navigation-root.navigation-level1 .has-children .navigation-level2,
.mega-menu .navigation-root.navigation-level1 .has-children .navigation-level3,
.mega-menu .navigation-root.navigation-level1 .has-children .navigation-level4 {
  display: none;
}

.mega-menu .navigation-root.navigation-level1 .has-children.open::after {
  transform: rotate(225deg);
  top: 40px;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2 {
  display: block;
  margin-left: 0;
  margin: 0;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2::before {
  display: none;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  > a {
  color: #b71807;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open::after {
  border-color: #b71807;
  top: 2ch;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2
  a {
  color: #0a2368;
  text-decoration: none;
  padding: 10px 20px;
  display: block;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  .navigation-level3 {
  display: block;
  margin-left: 1rem;
  margin-bottom: 0;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  .navigation-level3::before {
  display: none;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  .navigation-level3::after {
  top: 15px;
}

.mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  .navigation-level3.open
  .navigation-level4 {
  display: block;
  margin-left: 1rem;
  padding: 10px;
}

.Header .utility-menu__country {
  height: auto;
  overflow: hidden;
  border: none;
}

.Header .utility-menu__country::-webkit-scrollbar {
  display: none;
}

.Header .utility-menu__country > .component-content > .content {
  height: 100%;
}

.Header .utility-menu__country > .component-content > .content > .richText {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.Header
  .utility-menu__country
  > .component-content
  > .content
  > .richText
  > .component-content {
  height: auto;
}

.Header .utility-menu__country > .component-content > .content > .richText ul {
  overflow: scroll;
  max-height: 100vh;
}

@media only screen and (max-width: 991px) {
  .Header
    .utility-menu__country
    > .component-content
    > .content
    > .richText
    ul {
    max-height: calc(100vh - 200px);
  }
}

@media (min-width: 992px) {
  .Header
    .utility-menu__country
    > .component-content
    > .content
    > .richText
    ul {
    height: calc(550px - 95px - 40px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    overflow: visible;
  }
}

.Header
  .utility-menu__country
  > .component-content
  > .content
  > .richText
  ul
  li {
  margin-bottom: 12px;
}

@media (min-width: 992px) {
  .Header
    .utility-menu__country
    > .component-content
    > .content
    > .richText
    ul
    li {
    width: 25%;
  }
}

.Header
  .utility-menu__country
  > .component-content
  > .content
  > .richText
  ul
  li
  a {
  font-family: "Open Sans";
  font-size: 18px;
  text-decoration: none;
  color: #00205b;
  justify-content: flex-start;
}

.Header
  .utility-menu__country
  > .component-content
  > .content
  > .richText
  ul
  li
  a:hover,
.Header
  .utility-menu__country
  > .component-content
  > .content
  > .richText
  ul
  li
  a:focus {
  color: #b71807;
}

.country-letters {
  list-style-type: none;
  position: fixed;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 992px) {
  .country-letters {
    display: none;
  }
}

.country-letters li {
  color: #00205b;
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .main-nav {
    display: none;
  }

  .Header .utility-menu {
    display: flex;
    flex-direction: column;
  }

  .Header .utility-menu .paragraphSystem {
    width: 110%;
  }

  .Header .utility-menu .paragraphSystem > a {
    display: none;
  }

  .Header .utility-menu .component-content {
    display: flex;
    width: 100%;
  }

  .Header .utility-menu > .component-content > .content {
    display: block;
  }

  .Header .utility-menu > .richText > .component-content {
    display: block;
    padding: 0;
  }

  .Header .utility-menu > .richText > .component-content > img {
    display: none;
  }

  .Header .utility-menu > .richText > .component-content > .richText-content {
    display: block;
    height: auto;
  }

  .Header .utility-menu > .richText > .component-content > .richText-content p {
    margin-right: 0;
  }

  .Header .utility-menu .gsk-logo {
    display: none;
  }

  .Header > .inner > .component-content {
    flex-direction: column;
    border-top: 5px solid #b71807;
  }

  .Header .utility-menu {
    padding: 0;
  }

  .Header .utility-menu > .component-content > .content {
    display: block;
  }

  .Header
    .utility-menu
    > .component-content
    > .content
    > .utility-menu__links
    > .component-content {
    display: block;
    padding: 0;
  }

  .Header
    .utility-menu
    > .component-content
    > .content
    > .utility-menu__links
    > .component-content
    > img {
    display: none;
  }

  .Header
    .utility-menu
    > .component-content
    > .content
    > .utility-menu__links
    > .component-content
    > .richText-content {
    display: block;
    height: auto;
  }

  .Header
    .utility-menu
    > .component-content
    > .content
    > .utility-menu__links
    > .component-content
    > .richText-content
    p {
    margin-right: 0;
  }

  .Header
    .utility-menu
    > .component-content
    > .content
    > .utility-menu__links
    > .component-content
    > .richText-content
    p
    > a {
    height: 80px;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid #d8d8d8;
    font-family: "Open Sans";
    font-size: 18px;
    color: #00205b;
    padding: 0 20px;
  }

  .Header .utility-menu .gsk-logo {
    display: none;
  }

  .Header .main-menu__wrapper {
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  }

  .Header .main-menu > .component-content > .content {
    height: 81px;
  }

  .Header .main-menu .logo {
    flex: 1;
  }

  .Header .language-selector__selected {
    font-size: 15px !important;
    color: #545454 !important;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .Header .country-selector__selected {
    font-size: 15px !important;
    color: #545454 !important;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .Header .search-bar {
    top: 35px;
  }

  .Header .utility-menu__language {
    position: relative;
    height: 0;
    padding: 0;
    right: 0;
    top: 0;
    box-shadow: none;
  }

  .Header .utility-menu__language ul li {
    margin-left: 0;
  }

  .Header .utility-menu__language ul li a {
    font-size: 18px;
    color: #00205b;
  }

  .Header .main-nav {
    display: none;
  }

  .Header .main-nav ul {
    display: block;
  }

  .Header .submenu-gum_disease ul li a,
  .Header .submenu-gum_care ul li a,
  .Header .submenu-products ul li a,
  .Header .submenu-about ul li a {
    padding: 20px 30px;
  }

  .Header.searchVisible .search-bar {
    top: 85px;
  }

  .Header.languageVisible .language-selector__selected::after {
    top: 15%;
  }

  .Header.languageVisible .utility-menu__language {
    height: auto;
  }

  .searchBox {
    padding: 0;
  }

  .searchBox .form-search {
    margin: 0;
    background-color: white;
    border-radius: 0;
  }

  .searchBox .form-search label {
    padding-left: 20px;
  }

  .searchBox .form-search button {
    left: auto;
    right: 10px;
  }

  .mega-menu {
    top: 30px;
    padding: 20px;
    padding-top: 0;
    max-height: calc(100vh - $mainMenuHeightSP);
    height: 100vh;
  }

  .mega-menu [class*="nav-"] {
    visibility: visible;
    display: block;
    opacity: 1;
    position: relative;
    height: auto;
  }

  .mega-menu.open {
    top: 85px;
  }

  .mega-menu
    .navigation-root.navigation-level1
    .has-children.open
    .navigation-level2
    a {
    padding: 10px 0;
  }

  .mega-menu
    .navigation-root.navigation-level1
    .has-children.open
    .navigation-level2.open
    .navigation-level3 {
    margin-left: 0;
  }

  .mega-menu
    .navigation-root.navigation-level1
    .has-children.open
    .navigation-level2.open
    .navigation-level3.open
    .navigation-level4 {
    margin-left: 0;
  }
}

.mod-touch .main-nav {
  display: none;
}

.mod-touch .Header .utility-menu {
  display: flex;
  flex-direction: column;
}

.mod-touch .Header .utility-menu .paragraphSystem {
  width: 110%;
}

.mod-touch .Header .utility-menu .paragraphSystem > a {
  display: none;
}

.mod-touch .Header .utility-menu .component-content {
  display: flex;
  width: 100%;
}

.mod-touch .Header .utility-menu > .component-content > .content {
  display: block;
}

.mod-touch .Header .utility-menu > .richText > .component-content {
  display: block;
  padding: 0;
}

.mod-touch .Header .utility-menu > .richText > .component-content > img {
  display: none;
}

.mod-touch
  .Header
  .utility-menu
  > .richText
  > .component-content
  > .richText-content {
  display: block;
  height: auto;
}

.mod-touch
  .Header
  .utility-menu
  > .richText
  > .component-content
  > .richText-content
  p {
  margin-right: 0;
}

.mod-touch .Header .utility-menu .gsk-logo {
  display: none;
}

.mod-touch .Header > .inner > .component-content {
  flex-direction: column;
  border-top: 5px solid #b71807;
}

.mod-touch .Header .utility-menu {
  padding: 0;
}

.mod-touch .Header .utility-menu > .component-content > .content {
  display: block;
}

.mod-touch
  .Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content {
  display: block;
  padding: 0;
}

.mod-touch
  .Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > img {
  display: none;
}

.mod-touch
  .Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content {
  display: block;
  height: auto;
}

.mod-touch
  .Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content
  p {
  margin-right: 0;
}

.mod-touch
  .Header
  .utility-menu
  > .component-content
  > .content
  > .utility-menu__links
  > .component-content
  > .richText-content
  p
  > a {
  height: 80px;
  width: 100%;
  justify-content: flex-start;
  border-bottom: 1px solid #d8d8d8;
  font-family: "Open Sans";
  font-size: 18px;
  color: #00205b;
  padding: 0 20px;
}

.mod-touch .Header .utility-menu .gsk-logo {
  display: none;
}

.mod-touch .Header .main-menu__wrapper {
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}

.mod-touch .Header .main-menu > .component-content > .content {
  height: 81px;
}

.mod-touch .Header .main-menu .logo {
  flex: 1;
}

.mod-touch .Header .language-selector__selected {
  font-size: 15px !important;
  color: #545454 !important;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.mod-touch .Header .country-selector__selected {
  font-size: 15px !important;
  color: #545454 !important;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.mod-touch .Header .search-bar {
  top: 35px;
}

.mod-touch .Header .utility-menu__language {
  position: relative;
  height: 0;
  padding: 0;
  right: 0;
  top: 0;
  box-shadow: none;
}

.mod-touch .Header .utility-menu__language ul li {
  margin-left: 0;
}

.mod-touch .Header .utility-menu__language ul li a {
  font-size: 18px;
  color: #00205b;
}

.mod-touch .Header .main-nav {
  display: none;
}

.mod-touch .Header .main-nav ul {
  display: block;
}

.mod-touch .Header .submenu-gum_disease ul li a,
.mod-touch .Header .submenu-gum_care ul li a,
.mod-touch .Header .submenu-products ul li a,
.mod-touch .Header .submenu-about ul li a {
  padding: 20px 30px;
}

.mod-touch .Header.searchVisible .search-bar {
  top: 85px;
}

.mod-touch .Header.languageVisible .language-selector__selected::after {
  top: 15%;
}

.mod-touch .Header.languageVisible .utility-menu__language {
  height: auto;
}

.mod-touch .searchBox {
  padding: 0;
}

.mod-touch .searchBox .form-search {
  margin: 0;
  background-color: white;
  border-radius: 0;
}

.mod-touch .searchBox .form-search label {
  padding-left: 20px;
}

.mod-touch .searchBox .form-search button {
  left: auto;
  right: 10px;
}

.mod-touch .mega-menu {
  top: 30px;
  padding: 20px;
  padding-top: 0;
  max-height: calc(100vh - $mainMenuHeightSP);
  height: 100vh;
}

.mod-touch .mega-menu [class*="nav-"] {
  visibility: visible;
  display: block;
  opacity: 1;
  position: relative;
  height: auto;
}

.mod-touch .mega-menu.open {
  top: 85px;
}

.mod-touch
  .mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2
  a {
  padding: 10px 0;
}

.mod-touch
  .mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  .navigation-level3 {
  margin-left: 0;
}

.mod-touch
  .mega-menu
  .navigation-root.navigation-level1
  .has-children.open
  .navigation-level2.open
  .navigation-level3.open
  .navigation-level4 {
  margin-left: 0;
}

#footer,
.Footer {
  padding: 0;
}

#footer .footer-utility-menu,
.Footer .footer-utility-menu {
  padding: 0;
}

#footer .footer-utility-menu > .component-content,
.Footer .footer-utility-menu > .component-content {
  padding: 0 15px;
}

#footer {
  margin-top: 50px;
  background-color: #f5f8fd;
}

#footer .footer__swoosh {
  padding: 0;
  line-height: 0;
  position: absolute;
  bottom: 100%;
  right: 0;
}

#footer .logo > .component-content .richText-content {
  margin-bottom: 29px;
}

#footer .logo > .component-content .richText-content p {
  margin: 0;
}

#footer::before {
  content: "";
  background: url("/etc/designs/zg/parodontax-v3/desktop/assets/img/pdx-footer-swoosh.png");
  background-size: 1595px;
  background-position: right -150px bottom;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 270px;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  right: 0;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 991px) {
  #footer::before {
    background-size: 1210px;
    background-position: right -220px bottom;
  }
}

@media (max-width: 991px) {
  #footer::before {
    height: 105px;
  }
}

#footer .layout-inner > .default-style {
  overflow: visible;
}

#footer .layout-inner > .default-style .reference-footer .footer__swoosh {
  width: 100%;
}

#footer .layout-inner > .default-style .reference-footer .footer__swoosh img {
  width: 100%;
}

#footer .footer-menu {
  padding-top: 50px;
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  #footer .footer-menu {
    padding-top: 25px;
  }
}

@media (min-width: 992px) {
  #footer .footer-menu .footer-menu-box > .component-content > .content {
    display: flex;
  }
}

#footer .footer-menu .footer-menu-box .footer-menu-links {
  display: none;
}

@media (min-width: 992px) {
  #footer .footer-menu .footer-menu-box .footer-menu-links {
    display: block;
  }
}

#footer .footer-menu .richText-content p:first-child {
  margin-top: 0 !important;
}

#footer .footer-menu__title a {
  color: #b71807;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.4;
  display: block;
  margin-bottom: 22px;
}

@media (max-width: 991px) {
  #footer .footer-menu__title a {
    margin-bottom: 15px;
  }
}

#footer .footer-menu__title a:hover,
#footer .footer-menu__title a:focus {
  color: #00205b !important;
}

#footer .footer-menu p {
  margin: 15px 0;
  text-align: left;
}

@media (max-width: 991px) {
  #footer .footer-menu p {
    margin: 11px 0;
  }
}

#footer .footer-menu a {
  text-decoration: none;
}

#footer .footer-menu a:hover,
#footer .footer-menu a:focus {
  text-decoration: underline;
  color: #b71807;
}

#footer .footer-utility-menu {
  background: #cf2334;
}

#footer .footer-utility-menu > .component-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991px) {
  #footer .footer-utility-menu > .component-content {
    background-image: url("/content/dam/cf-consumer-healthcare/parodontax-v3/master/footer/footerSP.jpg") !important;
  }
}

#footer .footer-utility-menu__links {
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (max-width: 991px) {
  #footer .footer-utility-menu__links {
    font-size: 15px;
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 17px;
    border-bottom: 1px solid #f2f2f2;
  }
}

#footer .footer-utility-menu__links ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  #footer .footer-utility-menu__links ul {
    display: block;
  }
}

#footer .footer-utility-menu__links ul li {
  display: block;
  padding-left: 0;
  margin-right: 15px;
}

@media (max-width: 991px) {
  #footer .footer-utility-menu__links ul li {
    margin-bottom: 13px;
  }
}

#footer .footer-utility-menu__links ul li a {
  text-decoration: none;
  color: #f2f2f2;
}

#footer .footer-utility-menu__links ul li a:hover,
#footer .footer-utility-menu__links ul li a:focus {
  text-decoration: underline;
}

#footer .footer-utility-menu__links ul li::before {
  display: none;
}

#footer .footer-utility-menu .image {
  padding-left: 35px;
}

#footer .P4 {
  display: block;
  margin: 0 0 40px 0;
  font-size: 13px;
}

@media (max-width: 991px) {
  #footer .P4 {
    margin: 30px 0 65px 0;
  }
}

@media (max-width: 991px) {
  #footer .gsk-logo {
    text-align: right;
    margin-top: 30px;
  }
}

.carousel-nav {
  display: none;
}

.carousel .snippetReference {
  padding: 5px 15px;
}

@media (max-width: 1300px) {
  .carousel.container {
    width: 90%;
  }
}

.carousel .carousel-slides {
  /* margin-left: -15px;
  margin-right: -15px; */
}

.carousel .carousel-slides .carousel-slide {
  padding: 0 15px;
}

@media (max-width: 1270px) {
  .carousel .carousel-slides {
    /*   padding: 0 50px; */
  }
}

@media (max-width: 991px) {
  .carousel .carousel-slides {
    /* padding: 0 20px; */
  }
}

.carousel-fixed-title {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.carousel-fixed-title > .component-content {
  padding: 0 15px;
}

.carousel-fixed-title h2.box-heading {
  text-align: center;
  padding: 50px 0;
  margin-bottom: 0;
  color: #f2f2f2;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .carousel-fixed-title h2.box-heading {
    padding: 50px 0 30px 0;
  }
}

@media (max-width: 991px) {
  .carousel.carousel-quiz .slick-track {
    display: flex !important;
  }

  .carousel.carousel-quiz .slick-track > .carousel-slide {
    height: inherit;
  }

  .carousel.carousel-quiz .slick-track > .carousel-slide .carouselSlide {
    height: auto;
  }

  .carousel.carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image {
    height: auto;
  }

  .carousel.carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content {
    height: auto;
  }

  .carousel.carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content
    > .content {
    height: auto;
  }

  .carousel.carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content
    > .content
    > .component {
    height: auto;
  }

  .carousel.carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content
    > .content
    > .component
    > .inner {
    height: auto;
  }

  .carousel.carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content
    > .content
    > .component
    > .inner
    > .component-content {
    height: auto;
  }
}

.carousel .slick-track {
  display: flex !important;
}

.carousel .slick-track > .carousel-slide {
  height: inherit;
}

.carousel .slick-track > .carousel-slide::before {
  display: none;
}

.carousel .slick-track > .carousel-slide .carouselSlide {
  height: 100%;
}

.carousel .slick-track > .carousel-slide .carouselSlide > .no-image {
  height: 100%;
}

.carousel
  .slick-track
  > .carousel-slide
  .carouselSlide
  > .no-image
  > .carousel-content {
  height: 100%;
}

.carousel
  .slick-track
  > .carousel-slide
  .carouselSlide
  > .no-image
  > .carousel-content
  > .content {
  height: 100%;
}

.carousel
  .slick-track
  > .carousel-slide
  .carouselSlide
  > .no-image
  > .carousel-content
  > .content
  > .component {
  height: 100%;
}

.carousel
  .slick-track
  > .carousel-slide
  .carouselSlide
  > .no-image
  > .carousel-content
  > .content
  > .component
  > .inner {
  height: 100%;
}

.carousel
  .slick-track
  > .carousel-slide
  .carouselSlide
  > .no-image
  > .carousel-content
  > .content
  > .component
  > .inner
  > .component-content {
  height: 100%;
}

select::-ms-expand {
  display: none;
}

.carousel-tabs-container select {
  display: none;
}

@media (max-width: 991px) {
  .carousel-tabs-container select {
    display: block;
  }
}

.carousel-tabs-container select {
  width: 336px;
  height: 40px;
  border-radius: 2px;
  border: solid 1px #f2f2f2;
  background-color: white;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.18px;
  color: #00205b;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/etc/designs/zg/parodontax-v3/desktop/assets/select_arrow.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 18px 11px;
}

.carousel-tabs-container .carousel-tabs-menu {
  padding: 0;
}

@media (max-width: 991px) {
  .carousel-tabs-container .carousel-tabs-menu {
    display: none;
  }
}

.carousel-tabs-container .carousel-tabs-menu ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.19);
  background-color: #f2f2f2;
}

.carousel-tabs-container .carousel-tabs-menu ul li {
  padding: 0 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Open Sans";
  color: #00205b;
  font-size: 18px;
  cursor: pointer;
}

.carousel-tabs-container .carousel-tabs-menu ul li.active {
  font-weight: bold;
}

.carousel-tabs-container .carousel-tabs-menu ul li::before {
  display: none;
}

.carousel-tabs-container .carousel-tabs-menu ul li:hover,
.carousel-tabs-container .carousel-tabs-menu ul li:focus {
  font-weight: bold;
}

.carousel-tabs-container p {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .carousel-tabs-container .container.margin-top_50 {
    margin-top: 30px;
  }
}

.carousel-tabs .slick-prev,
.carousel-tabs .slick-next {
  display: none;
}

.carousel-tabs-articles .carousel-slide {
  background-image: linear-gradient(
    to bottom,
    rgba(236, 240, 245, 0) 0,
    #d5dce7 100%
  );
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-image: url(../../assets/chevron-blue.svg);
}

.snippetReference.article-teaser > .inner {
  height: 100%;
}

.snippetReference.article-teaser > .inner > .component-content {
  height: 100%;
}

.snippetReference.article-teaser > .inner > .component-content .image {
  height: 100%;
  /* @media (max-width: $break-mobile) {
                    height: auto;
                } */
  background: white;
  border: 1px solid #f2f2f2;
  border-radius: 9px;
  overflow: hidden;
}

.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content {
  height: 100%;
}

.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content
  figure {
  height: 100%;
  flex: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}

.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content
  figure
  img {
  align-self: center;
  width: 100%;
}

.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content
  figure
  figcaption {
  padding: 40px;
  flex: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}

@media (max-width: 991px) {
  .snippetReference.article-teaser
    > .inner
    > .component-content
    .image
    > .component-content
    figure
    figcaption {
    padding: 20px;
  }
}

.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content
  figure
  figcaption
  h5
  + p {
  flex: 1;
  flex-basis: auto;
}

.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content
  figure
  figcaption
  h3
  a:hover
  .red,
.snippetReference.article-teaser
  > .inner
  > .component-content
  .image
  > .component-content
  figure
  figcaption
  h3
  a:focus
  .red {
  text-decoration: underline !important;
  color: #00205b !important;
}

.flex-container .snippetReference > .inner {
  height: 100%;
}

.flex-container .snippetReference > .inner .component-content {
  height: 100%;
}

.product-teaser {
  margin: 0 auto;
  float: none;
  height: 100%;
  max-width: 336px;
  background: white;
  border: 1px solid #f2f2f2;
  border-radius: 9px;
  padding: 0 25px 40px 25px;
  box-shadow: 0px 2px 3px 0px rgba(125, 125, 125, 0.5);
}

.product-teaser figure {
  text-align: center;
}

.product-teaser figure > a img {
  margin: 0 auto;
}

.product-teaser figcaption {
  margin-top: 15px;
}

.product-teaser figcaption a {
  display: inline;
}

.product-teaser figcaption a:hover .red,
.product-teaser figcaption a:focus .red {
  color: #00205b;
  text-decoration: underline;
}

.product-teaser > .component-content {
  height: 100%;
}

.product-teaser > .component-content > .content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-teaser > .component-content > .content .richText {
  flex: 1;
  flex-basis: auto;
}

.product-teaser > .component-content > .content .richText > .component-content {
  height: 100%;
}

.product-teaser
  > .component-content
  > .content
  .richText
  > .component-content
  > .richText-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-teaser
  > .component-content
  > .content
  .richText
  > .component-content
  > .richText-content
  .cta {
  margin-top: 30px;
}

.product-teaser
  > .component-content
  > .content
  .richText
  > .component-content
  > .richText-content
  p:first-child {
  flex: 1;
  flex-basis: auto;
}

.article-teaser .content-title:hover span,
.article-teaser .content-title:hover span span,
.article-teaser .content-title:focus span,
.article-teaser .content-title:focus span span,
.product-teaser .content-title:hover span,
.product-teaser .content-title:hover span span,
.product-teaser .content-title:focus span,
.product-teaser .content-title:focus span span {
  color: #00205b;
  text-decoration: underline;
  cursor: pointer;
}

.video-int > .component-content {
  position: relative;
}

.video-int > .component-content img {
  width: 100%;
}

.video-int > .component-content .title-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-int > .component-content .title-content button {
  width: 75px;
  height: 75px;
  background: none;
  border: none;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
  border: solid 2px #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.video-int > .component-content .title-content button::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 20px solid #b71807;
}

.video-int > .component-content .title-content .duration {
  display: none;
}

.video-content {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  justify-content: center;
  align-items: center;
}

.video-content .videoWrapper {
  width: 100%;
  max-width: 992px;
  padding: 0 20px;
}

.video-content .video {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  width: 100%;
  border: 1px solid white;
  background: black;
  height: 0;
  padding-bottom: calc(405 / 720 * 100%);
}

.video-content .video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.video-content .video .close {
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -35px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.video-content .video .close::before,
.video-content .video .close::after {
  content: "";
  display: block;
  width: 130%;
  height: 4px;
  background-color: red;
  position: absolute;
  border-radius: 3px;
}

.video-content .video .close::before {
  transform: rotate(45deg);
}

.video-content .video .close::after {
  transform: rotate(-45deg);
}

.breadcrumbs.margin-top_100 {
  padding-top: 100px;
  margin-top: 0;
}

@media (max-width: 991px) {
  .breadcrumbs.margin-top_100 {
    padding: 10px 15px;
  }
}

@media (max-width: 991px) {
  .breadcrumbs {
    padding: 10px 0;
  }
}

.breadcrumbs .breadcrumbs-list {
  margin-left: 0;
}

.breadcrumbs .breadcrumbs-with-separator {
  list-style: none;
  padding: 0;
}

.breadcrumbs .breadcrumbs-with-separator li {
  display: inline-block;
  font-size: 13px;
  color: #00205b;
}

.breadcrumbs .breadcrumbs-with-separator li a {
  text-decoration: none;
  font-size: 13px;
  color: #00205b;
}

.breadcrumbs .breadcrumbs-with-separator li a:visited {
  color: #00205b;
}

.breadcrumbs .breadcrumbs-with-separator li a:hover,
.breadcrumbs .breadcrumbs-with-separator li a:focus {
  text-decoration: underline;
}

.breadcrumbs .breadcrumbs-with-separator .is-current {
  color: #757575;
}

@media (max-width: 991px) {
  .margin-bottom-sp_0 {
    margin-bottom: 0 !important;
  }
}

/* .hero-banner_homepage {
    overflow: hidden;
    .image {
       &.first{
           padding: 0;
       }
        position: static;
    }
    figure {

        img {
            @media(max-width: 991px) {
                position: absolute;
                max-width: none;
                height: 140%;
                //width: auto;
            }
        }
        position: static;
        figcaption {
            position: absolute;
            top: 50%;
            width: 100%;
            max-width: 1170px;
            left: 0;
            right: 0;
            margin: 0 auto;
            padding: 0 15px;
            >* {
                width: 50%;
                @media(max-width: 991px) {
                    width: 100%;

                }
            }
            @media(max-width: 991px) {
                width: 100%;
                position: relative;
                padding: 0 20px;
                top: 0;
                transform: translatey(0);
                padding-top: 66px;

            }
            transform: translateY(-50%);
            p:last-child{
                margin: 30px 0;
                @media(max-width: 991px) {
                    text-align: center;
                }
            }
        }
    }
    .packshot {
        position: absolute;
        right: 0;
        padding: 30px;
        top: 50%;
        transform: translateY(-50%);
        @media(max-width: 991px) {
            position: relative;
            left: 0;
            transform: translateY(0);
            padding: 0 20px 60px 20px;
        }
    }
} */
.hero-banner {
  padding: 0;
}

.hero-banner figure {
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .hero-banner figure {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .hero-banner figure img {
    order: 2;
  }
}

.hero-banner figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1170px;
  width: 100%;
  float: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 991px) {
  .hero-banner figure figcaption {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    transform: translate(0);
    left: 0;
    top: 0;
    text-align: center;
    margin: 50px 0 40px 0;
  }
}

.hero-banner figure figcaption .cta {
  margin-top: 30px;
}

.hero-banner_information figcaption > *,
.hero-banner_homepage figcaption > * {
  width: 50%;
}

@media (max-width: 991px) {
  .hero-banner_information figcaption > *,
  .hero-banner_homepage figcaption > * {
    width: 100%;
  }
}

.hero-banner-wrapper_homepage .content {
  overflow: hidden;
  position: relative;
}

.hero-banner-wrapper_homepage .content .hero-banner_homepage {
  position: static;
}

.hero-banner-wrapper_homepage .content .hero-banner_homepage figure {
  position: static;
}

@media (max-width: 991px) {
  .hero-banner-wrapper_homepage .content .hero-banner_homepage figure > img {
    position: absolute;
    max-width: none;
    height: 145%;
  }
}

.hero-banner-wrapper_homepage .content .packshot {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  width: 52%;
  padding-right: 50px;
}

.hero-banner-wrapper_homepage .content .packshot img {
  padding-top: 70px;
}

@media (max-width: 991px) {
  .hero-banner-wrapper_homepage .content .packshot {
    width: 100%;
    position: relative;
    transform: translate(-50%, 0);
    padding: 0 20px;
  }

  .hero-banner-wrapper_homepage .content .packshot img {
    padding-top: 0;
    width: 100%;
  }
}

.hero-banner-box {
  position: relative;
}

@media (max-width: 991px) {
  .hero-banner-box > .component-content > .content {
    display: flex;
    flex-direction: column-reverse;
  }
}

.hero-banner-box > .component-content > .content .image {
  padding: 0;
}

.hero-banner-box > .component-content > .content .image img {
  width: 100%;
}

.hero-banner-box > .component-content > .content > .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100px;
  z-index: 1;
}

@media (max-width: 991px) {
  .hero-banner-box > .component-content > .content > .container {
    position: relative;
  }
}

.hero-banner-box
  > .component-content
  > .content
  > .container
  > .component-content {
  height: 100%;
}

.hero-banner-box
  > .component-content
  > .content
  > .container
  > .component-content
  > .content {
  height: 100%;
  align-items: center;
}

.hero-banner-box
  > .component-content
  > .content
  > .container
  > .component-content
  > .content
  .richText-content {
  justify-content: flex-start;
  flex-direction: column;
}

.hero-banner-box
  > .component-content
  > .content
  > .container
  > .component-content
  > .content
  .richText-content
  h1 {
  font-size: 40px;
}

@media (max-width: 991px) {
  .hero-banner-box
    > .component-content
    > .content
    > .container
    > .component-content
    > .content
    .richText-content {
    padding: 0;
    border: none;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .hero-banner-box.hidden-sp .image img {
    display: none;
  }

  .hero-banner-box.hidden-sp .image::before {
    display: none;
  }
}

.hero-banner-box .richText-content {
  padding: 30px 15;
}

@media (max-width: 991px) {
  .banner-container .hero-banner-box {
    order: 2;
  }

  .banner-container .breadcrumbs {
    order: 1;
  }
}

.richText.background-white {
  padding: 15px;
}

@media (max-width: 991px) {
  .richText.background-white {
    padding: 0;
  }
}

.richText.background-white .richText-content {
  background-color: white;
  border: solid 1px #f2f2f2;
  border-radius: 15px 15px 45px 15px;
  padding: 40px;
}

@media only screen and (max-width: 991px) {
  .richText.background-white .richText-content {
    padding: 30px 15px !important;
  }
}

.hero-banner_homepage figure {
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .hero-banner_homepage figure img {
    position: absolute;
    min-width: 270%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
  .hero-banner_homepage figure img {
    position: absolute;
    min-width: 180%;
  }
}

.powerreviews .p-w-r .pr-header-title {
  color: #00205b;
}

.powerreviews .p-w-r .pr-star-selected {
  background-color: #00205b;
}

.powerreviews .pr-snapshot-rating .pr-stars {
  background-image: url("../../img/stars_small.svg");
}

.powerreviews .pr-review-rating .pr-stars-small,
.powerreviews .pr-snippet-stars .pr-stars-small {
  background-image: url("../../img/stars_small.svg");
}

.powerreviews.pr-base-modal a,
.powerreviews .pr-pa-snippet a,
.powerreviews .pr-review-engine a,
.powerreviews .pr-snippet a,
.powerreviews .prImageSnippet a {
  color: #00205b;
}

.powerreviews {
  border: none;
  padding: 0;
  margin: 0;
}

.powerreviews .pr-snippet .pr-snippet-rating-decimal {
  display: none;
}

.powerreviews .pr-snippet .pr-snippet-review-count {
  display: none;
}

.powerreviews .pr-snippet .pr-snippet-read-write {
  display: none;
}

.powerreviews .pr-snippet {
  width: 100%;
}

.powerreviews .pr-snippet .pr-snippet-stars {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 15px;
}

.powerreviews .pr-snippet .pr-snippet-stars .pr-stars {
  transform: scale(1.5);
  transform-origin: center;
}

/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionanswers.hideScoreBox .quizScoreBox,
.questionanswers.hideScoreBox .quizResultBoxContainer {
  display: none;
}

.quizResultBoxContainer.showBoxQuiz {
  display: block;
}

.quizButton img {
  cursor: pointer;
}

.sitemap-column {
  float: left;
}

.sitemap-columns-1 .sitemap-column {
  width: 100%;
}

.sitemap-columns-2 .sitemap-column {
  width: 50%;
}

.sitemap-columns-3 .sitemap-column {
  width: 33.33333%;
}

.sitemap-columns-4 .sitemap-column {
  width: 25%;
}

.sitemap-columns-5 .sitemap-column {
  width: 20%;
}

.sitemap-columns-6 .sitemap-column {
  width: 16.66667%;
}

.sitemap-columns-7 .sitemap-column {
  width: 14.28571%;
}

.sitemap-columns-8 .sitemap-column {
  width: 12.5%;
}

.sitemap-columns-9 .sitemap-column {
  width: 11.11111%;
}

.sitemap-columns-10 .sitemap-column {
  width: 10%;
}

.sitemap-columns-11 .sitemap-column {
  width: 9.09091%;
}

.sitemap-columns-12 .sitemap-column {
  width: 8.33333%;
}

.sitemap-column .component-content {
  overflow: hidden;
}

.sitemap-column a {
  text-decoration: none;
}

.sitemap-column ul {
  list-style: none;
}

.sitemap-column ul li::before {
  display: none;
}

.sitemap-column ul ul li::before {
  display: none;
}

.sitemap-column ul ul li {
  position: relative;
}

.sitemap-column ul ul li:before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .component-content .sitemap-column {
    width: 100%;
    float: none;
  }
}

.sitemap-wrapper h2 {
  border-bottom: 1px solid lightgray;
  padding-bottom: 20px;
}

.sitemap-wrapper h2 span {
  margin-bottom: 0;
}

.sitemap-wrapper .sitemap-column > ul > li {
  padding: 0;
  margin-bottom: 0;
}

.sitemap-wrapper .sitemap-column > ul > li h3 {
  padding: 20px 0;
}

.sitemap-wrapper .sitemap-column > ul > li h3 a {
  font-size: 24px;
}

.sitemap-wrapper .sitemap-column > ul > li > ul {
  padding-left: 20px;
}

.sitemap-wrapper .sitemap-column > ul > li > ul > li {
  margin-bottom: 15px;
  padding: 0;
}

.sitemap-wrapper .sitemap-column > ul > li > ul > li a {
  font-size: 20px;
}

.gum-health-test {
  margin-bottom: 20px;
  position: relative;
}

.gum-health-test .progress-bar {
  height: 8px;
  width: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  overflow: hidden;
}

@media (max-width: 991px) {
  .gum-health-test .progress-bar {
    width: 100%;
  }
}

.gum-health-test .progress-bar > .component-content > .content {
  background-color: #00205b;
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  transition: width 0.2s ease-in-out;
}

.gum-health-test .carousel-quiz .carousel-slide .intro {
  display: none;
}

.gum-health-test .carousel-quiz .carousel-slide.slick-active .intro {
  display: block;
}

.gum-health-test .carousel-quiz .carousel-slide .quiz-result {
  display: none;
}

.gum-health-test .carousel-quiz .carousel-slide.slick-current .quiz-result {
  display: block;
}

.gum-health-test
  .carousel-quiz
  .carousel-slide.slick-current
  .quiz-result
  .factors-list
  li {
  display: none;
}

.gum-health-test
  .carousel-quiz
  .carousel-slide.slick-current
  .quiz-result
  .factors-list
  li.show {
  display: block;
}

@media (max-width: 991px) {
  .gum-health-test
    .carousel-quiz
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content
    > .content
    > {
    height: auto;
  }
}

.gum-health-test
  .carousel-quiz
  .slick-track
  > .carousel-slide
  .carouselSlide
  > .no-image
  > .carousel-content
  > .content
  > .component {
  height: auto;
}

.gum-health-test .carousel-quiz .carousel-content > .content {
  display: flex;
}

@media (max-width: 991px) {
  .gum-health-test .carousel-quiz .carousel-content > .content {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .gum-health-test .carousel-quiz .carousel-content > .content > .image {
    display: none;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  > .image.ght-intro-img {
  display: block;
}

.gum-health-test .carousel-quiz .carousel-content > .content .next-button a {
  cursor: pointer;
}

.gum-health-test .carousel-quiz .carousel-content > .content .image {
  padding: 0;
}

@media (max-width: 991px) {
  .gum-health-test .carousel-quiz .carousel-content > .content .image {
    height: auto;
  }
}

.gum-health-test .carousel-quiz .carousel-content > .content .quiz-questions {
  /*.quiz-bottom-nav{
                >p{
                    font-family: "Open Sans";
                    font-size: 18px;
                    color: $color-off_white;
                    cursor: pointer;
                    &.next-button{
                        display: none;
                    }
                }
            }*/
  padding: 0;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  .next-button {
  cursor: pointer;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions.intro
  > .component-content
  > .content {
  justify-content: center;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions.intro
  > .component-content
  > .content
  .cta {
  margin: 15px 0;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions.intro
  > .component-content
  > .content
  .next-button {
  text-align: center;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions.intro
  > .component-content
  > .content
  > .richText.first {
  flex: none;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions.intro
  > .component-content
  > .content
  .quiz-bottom-nav {
  display: none;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content {
  height: 100%;
}

@media (max-width: 1199px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    .margin-top_50 {
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    .margin-bottom_50 {
    margin-bottom: 20px;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  .answers {
  display: block;
  margin: 20px 0;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  .answer-image
  .image {
  padding: 15px;
}

@media (max-width: 1199px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    .page-title {
    font-size: 24px;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content {
  padding: 20px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    > .content {
    padding: 40px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    > .content {
    padding: 40px 20px;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  > .richText.first {
  flex: 1;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answer-checkbox
  + .quiz-bottom-nav
  > .navCTA {
  display: block;
}

@media (max-width: 991px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    > .content
    .answer-checkbox
    + .quiz-bottom-nav
    > .navCTA {
    display: none;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answer-checkbox
  + .quiz-bottom-nav
  .links
  .next-button {
  display: block;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .navCTA {
  display: none;
  pointer-events: none;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .navCTA.enabled {
  pointer-events: all;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .navCTA.enabled
  a {
  color: #00205b;
  border-color: #00205b;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .navCTA
  a {
  color: lightgray;
  border-color: lightgray;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .links {
  display: flex;
  flex: 1;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .links
  > .next-button {
  pointer-events: none;
  opacity: 0.5;
  display: none !important;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .links
  > .next-button.enabled {
  pointer-events: auto;
  opacity: 1;
}

@media (max-width: 991px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    > .content
    .quiz-bottom-nav
    > .links
    > .next-button {
    display: block !important;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .quiz-bottom-nav
  > .links
  a {
  color: white;
  font-family: "Open Sans";
  font-size: 18px;
  cursor: pointer;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers.answer-radio
  p::before {
  border-radius: 50%;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers.answer-checkbox
  p::before {
  content: "";
  border-radius: 0;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 991px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    > .content
    .answers
    .richText-content {
    flex-direction: column;
    align-items: center;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content
  p {
  width: 195px;
  height: 65px;
  padding-left: 20px;
  margin: 10px;
  font-family: "Open Sans";
  font-size: 18px;
  color: #00205b;
  border-radius: 9px;
  border: solid 1px grey;
  background-color: white;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 991px) {
  .gum-health-test
    .carousel-quiz
    .carousel-content
    > .content
    .quiz-questions
    > .component-content
    > .content
    .answers
    .richText-content
    p {
    width: 100%;
    max-width: 336px;
    margin-left: 0;
    margin-right: 0;
  }
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content
  p.selected {
  box-shadow: 0 0 0 4px #4a4a4a;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content
  p.selected::before {
  border-color: #00205b;
  background-color: #00205b;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content
  p:hover {
  font-weight: bold;
  box-shadow: 0 0 0 4px #4a4a4a;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content
  p:hover::before {
  border-color: #00205b;
  background-color: #00205b;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answers
  .richText-content
  p::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border: solid 0.5px grey;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answer-single-column
  .richText-content {
  flex-direction: column;
  align-items: center;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answer-image
  .image
  img {
  margin: 0 auto;
  box-shadow: 0 0 0 1px #f2f2f2;
  border-radius: 10px;
  cursor: pointer;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answer-image
  .image
  img:hover {
  box-shadow: 0 0 0 4px #00205b;
}

.gum-health-test
  .carousel-quiz
  .carousel-content
  > .content
  .quiz-questions
  > .component-content
  > .content
  .answer-image
  .image
  img.selected {
  box-shadow: 0 0 0 4px #00205b;
}

/* .reference-buy-now-button .ps-widget .ps-wtb-container{
    display: none;
}
.reference-buy-now-button .ps-widget.open .ps-wtb-container{
    display: block;
} */
.reference-buy-now-button {
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
}

.reference-buy-now-button .ps-widget {
  display: none;
}

.reference-buy-now-button .ps-widget .ps-wtb-container {
  display: none;
  z-index: 9999;
}

.reference-buy-now-button .ps-widget.open {
  display: block;
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 40px;
  background: rgba(0, 0, 0, 0.6);
}

.reference-buy-now-button .ps-widget.open .ps-wtb-container {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.reference-buy-now-button .ps_close {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  margin-bottom: 10px;
}

.reference-buy-now-button .ps_close::before,
.reference-buy-now-button .ps_close::after {
  content: "";
  width: 110%;
  height: 3px;
  background: grey;
  display: block;
  position: absolute;
  border-radius: 3px;
}

.reference-buy-now-button .ps_close::before {
  transform: rotate(45deg);
}

.reference-buy-now-button .ps_close::after {
  transform: rotate(-45deg);
}

.reference-buy-now-button .ps_close:hover {
  cursor: pointer;
}

.reference-buy-now-button .ps-widget::-webkit-scrollbar {
  display: none;
}

.reference-buy-now-button .ps-widget {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.margin-bottom_text_0 h1 span,
.margin-bottom_text_0 h2 span,
.margin-bottom_text_0 h3 span,
.margin-bottom_text_0 h3 span,
.margin-bottom_text_0 h5 span,
.margin-bottom_text_0 h6 span {
  margin-bottom: 0;
}

.margin-bottom_50 {
  margin-bottom: 50px;
}

.margin-bottom_50.margin-bottom_text_0 h4 {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .margin-bottom_50-dt {
    margin-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .margin-bottom_50-mb {
    margin-bottom: 50px;
  }
}

.margin-bottom_20 {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .margin-bottom_20-dt {
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .margin-bottom_20-mb {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .margin-top_20-dt {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .margin-top_20-mb {
    margin-top: 20px;
  }
}

.margin-top_50 {
  margin-top: 50px;
}

@media (min-width: 992px) {
  .margin-top_50-dt {
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .margin-top_50-mb {
    margin-top: 50px;
  }
}

.margin-top_100 {
  margin-top: 100px;
}

@media (min-width: 992px) {
  .margin-top_100-dt {
    margin-top: 100px;
  }
}

@media (max-width: 991px) {
  .margin-top_100-mb {
    margin-top: 100px;
  }
}

.gradient-background {
  background-image: linear-gradient(
    to bottom,
    rgba(236, 240, 245, 0) -23%,
    #d5dce7
  );
}

.signs-teaser {
  padding-top: 40px;
}

.signs-teaser > .component-content {
  background: white;
  height: 100%;
  border: solid 1px #f2f2f2;
  border-radius: 10px 10px 70px 10px;
  padding: 60px 40px 40px 40px;
  position: relative;
}

.signs-teaser img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.symptoms-clock.figcaption-left figure {
  flex-direction: row-reverse;
}

.symptoms-clock.figcaption-left figure figcaption {
  border-radius: 0 0 0 40px;
}

@media (max-width: 991px) {
  .symptoms-clock.figcaption-left figure {
    flex-direction: column;
  }
}

.symptoms-clock figure {
  display: flex;
}

@media (max-width: 991px) {
  .symptoms-clock figure {
    flex-direction: column;
  }
}

.symptoms-clock figure picture {
  /*  width: 50%; */
}

@media (max-width: 991px) {
  .symptoms-clock figure picture {
    width: 100%;
  }
}

.symptoms-clock figure figcaption {
  background: white;
  padding: 40px;
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 0 0 40px 0;
}

@media (max-width: 991px) {
  .symptoms-clock figure figcaption {
    width: 100%;
  }
}

.symptoms-clock figure figcaption > * {
  width: 100%;
}

.reference-submenu-products {
  border-bottom: 1px solid #f2f2f2;
}

.Header {
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%);
}

.utility-menu__country {
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%);
}

.background-red-pattern {
  padding: 0;
}

.background-red-pattern > .component-content {
  padding: 0 15px;
}

@media (max-width: 991px) {
  .background-red-pattern > .component-content {
    padding: 0 20px;
  }
}

.background-red-pattern > .component-content > .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.product-filter h5 {
  margin-bottom: 0;
}

.product-filter .filter_type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.product-filter .filter_type p {
  padding: 0 15px;
  border-right: 1px solid;
  margin: 15px 0;
  text-transform: capitalize;
  color: #00205b;
  background: white;
  cursor: pointer;
}

.product-filter .filter_type p:last-child {
  border-right: none;
}

.product-filter .filter_type p.selected {
  font-weight: bold;
}

.product-filter .filter_type p:hover,
.product-filter .filter_type p:focus {
  font-weight: bold;
}

.product-filter .products-category-menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}

.product-filter button {
  background: white;
  color: #00205b;
  border: 2px solid #00205b;
  margin: 15px;
  margin-bottom: 0;
  width: calc(25% - 30px);
  text-transform: capitalize;
  outline: white;
  cursor: pointer;
}

@media (max-width: 991px) {
  .product-filter button {
    width: calc(50% - 10px);
    margin: 15px 5px 0 2px;
    padding: 5px 10px;
  }
}

.product-filter button.selected {
  background: #00205b;
  color: white;
}

.product-filter .show-all a {
  padding: 15px 30px;
  margin: 50px 0;
  font-size: 15px;
}

.product-filter .no-results-text {
  display: none;
  font-weight: bold;
}

.product-filter .no-results-text.show {
  display: block;
}

.products-container {
  transform-origin: top;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.products-container > .component-content > .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.products-container > .component-content > .content > .flex-container {
  padding-top: 50px;
  margin: 0;
}

@media (max-width: 991px) {
  .products-container > .component-content > .content > .flex-container {
    max-width: 780px;
  }
}

.products-container.show {
  max-height: 99999px;
  transition: max-height 0.5s ease-in-out;
}

.products-container .snippetReference {
  max-width: 0;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  transition: max-width 0.5s;
}

.products-container .snippetReference.show {
  padding: 5px 15px;
  max-height: 99999px;
  max-width: 100vw;
  transition: max-width 0.5s;
}

.products-container h4 {
  text-transform: uppercase;
}

.products-intensive {
  background-image: linear-gradient(
    to bottom,
    rgba(236, 240, 245, 0) -23%,
    #d5dce7 100%
  );
}

.product-detail__banner .flex-container > .component-content > .content {
  align-items: center;
}

.product-detail__banner h2 {
  font-family: "Open Sans";
  font-size: 40px;
  font-weight: normal;
  line-height: 1.05;
  letter-spacing: normal;
}

/* alam | GSKBD-27894 | 26-04-23 | add min-width */
.product-detail__banner .cta {
  margin: 10px 20px 25px 0;
  min-width: 135px;
}

.product-detail__banner .product-detail__variants-packshot {
  margin-top: 15px;
}

.product-detail__banner .product-detail__variants-packshot img {
  border: 1px solid lightgrey;
}

.product-detail__banner .product-detail__packshot > .component-content {
  text-align: center;
}

@media (max-width: 991px) {
  .product-detail__banner .product-detail__packshot > .component-content {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

.product-detail__banner .product-detail__packshot > .component-content img {
  width: 100%;
}

@media (max-width: 991px) {
  .product-detail__banner .product-detail__packshot > .component-content img {
    max-width: 375px;
  }
}

ul {
  list-style: none;
}

ul li {
  padding-left: 15px;
  position: relative;
  margin-bottom: 10px;
}

ul li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #cf2334;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1ch;
}

p > a {
  word-break: break-word;
}

.shareThis {
  width: auto;
}

@media (max-width: 991px) {
  .shareThis {
    width: 100%;
  }
}

.shareThis > .component-content {
  display: flex;
}

.shareThis .shareThis-list {
  border-radius: 9px;
  border: solid 1px #f2f2f2;
  background-color: white;
  padding: 15px 20px;
  display: flex;
  list-style: none;
}

@media (max-width: 991px) {
  .shareThis .shareThis-list {
    padding: 5px 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

.shareThis .shareThis-list::before {
  content: "Share";
  font-family: "Open Sans";
  font-size: 20px;
  color: #b71807;
  padding-right: 5px;
  display: flex;
  align-items: center;
}

.shareThis .shareThis-list .shareThis-item {
  width: 25px;
  height: 25px;
  margin: 5px;
}

.shareThis .shareThis-list .shareThis-item::before {
  display: none;
}

@media (max-width: 991px) {
  .shareThis .shareThis-list .shareThis-item {
    width: 40px;
    height: 40px;
    margin: 15px;
  }
}

.shareThis .shareThis-list .shareThis-item:nth-of-type(1) img {
  left: 0;
}

.shareThis .shareThis-list .shareThis-item:nth-of-type(2) img {
  right: -25px;
}

@media (max-width: 991px) {
  .shareThis .shareThis-list .shareThis-item:nth-of-type(2) img {
    right: -40px;
  }
}

.shareThis .shareThis-list .shareThis-item:nth-of-type(3) img {
  right: 0;
}

.shareThis .shareThis-list .shareThis-item a {
  width: 25px;
  height: 25px;
  display: block;
  overflow: hidden;
  position: relative;
}

@media (max-width: 991px) {
  .shareThis .shareThis-list .shareThis-item a {
    width: 40px;
    height: 40px;
  }
}

.shareThis .shareThis-list .shareThis-item a > img {
  overflow: hidden;
  position: absolute;
  width: 75px;
  height: auto;
  top: 0;
}

@media (max-width: 991px) {
  .shareThis .shareThis-list .shareThis-item a > img {
    width: 120px;
  }
}

@media (max-width: 991px) {
  .container.container-faq {
    padding: 0 35px;
  }
}

.faq-menu {
  border-radius: 9px;
  border: solid 1px #f2f2f2;
  background-color: white;
  padding: 40px 0;
  /* ol {
        padding: 0 40px;
        @media (max-width: $break-mobile){
            padding: 0 20px;
        }
        counter-reset: item;
        li {
            display: block;
            margin-bottom: 15px;
            a {
                text-decoration: none;
                color: $color-blue;
            }
            &:before {
                content: counter(item) ". ";
                counter-increment: item;
                color: $color-blue;
            }
            &:last-child{
                margin-bottom: 0;
            }
        }
    } */
}

@media (max-width: 991px) {
  .faq-menu {
    padding: 20px 0;
  }
}

.faq-menu .content-title {
  width: 100%;
  margin-bottom: 40px;
  padding: 40px;
  padding-top: 0;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 991px) {
  .faq-menu .content-title {
    padding: 20px;
    margin-bottom: 20px;
    padding-top: 0;
  }
}

.faq-menu ol {
  padding: 0 40px;
}

@media (max-width: 991px) {
  .faq-menu ol {
    padding: 0 20px;
  }
}

.faq-menu ol li {
  margin-bottom: 15px;
}

.faq-menu ol li a {
  text-decoration: none;
}

.faq-menu ol li a:hover,
.faq-menu ol li a:focus {
  text-decoration: underline;
}

.faq-content {
  border-radius: 9px;
  padding: 40px;
  border: solid 1px #f2f2f2;
  background-color: white;
}

@media (max-width: 991px) {
  .faq-content {
    padding: 20px;
  }
}

.faq-content a[id] {
  display: block;
  position: relative;
  top: calc(-1 * (85px + 40px + 25px));
  visibility: hidden;
}

.back-to-top {
  margin-top: 20px;
  padding: 0;
}

@media (max-width: 991px) {
  .back-to-top {
    padding: 0 15px;
  }
}

.back-to-top a {
  display: block;
  text-decoration: none;
}

.back-to-top a::after {
  content: "";
  background: url("/etc/designs/zg/parodontax-v3/desktop/assets/select_arrow.svg")
    center center no-repeat;
  padding-right: 6px;
  display: inline-block;
  width: 15px;
  height: 9px;
  transform: rotate(180deg);
}

.back-to-top a:hover,
.back-to-top a:focus {
  color: #00205b;
  text-decoration: underline;
}

.search-bar-results-page {
  border-bottom: 1px solid #f2f2f2;
}

.search-bar-results-page .form-search {
  border: none;
  background: none;
  margin: 50px 0;
  padding: 0 20px;
}

@media (min-width: 992px) {
  .search-bar-results-page .form-search {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.search-bar-results-page .form-search label {
  padding: 0 20px;
  border: solid 1px #f2f2f2;
  border-radius: 9px;
}

@media (min-width: 992px) {
  .search-bar-results-page .form-search label {
    width: 540px;
  }
}

.search-bar-results-page .form-search button {
  right: 40px;
  padding: 0;
}

@media (min-width: 992px) {
  .search-bar-results-page .form-search button {
    position: relative;
    background: #00205b;
    font-family: "Open Sans";
    font-size: 18px;
    color: white;
    width: auto;
    padding: 10px 30px;
    border-radius: 30.9px;
    margin-left: 30px;
  }
}

.container-search-results {
  max-width: 800px;
  font-family: "Open Sans";
  font-size: 18px;
  color: #00205b;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .container-search-results {
    max-width: none;
  }
}

.searchResults .searchResults-term {
  font-family: "Open Sans";
  font-size: 18px;
  color: #00205b;
  margin-bottom: 15px;
}

.searchResults .searchResults-number {
  font-family: "Open Sans";
  font-size: 15px;
  color: #878c8e;
  margin-bottom: 50px;
}

.searchResults .searchResults-results .searchResults-result {
  border-radius: 9px;
  border: solid 1px #f2f2f2;
  background-color: white;
  padding: 40px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .searchResults .searchResults-results .searchResults-result {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-color: #d8d8d8;
    padding: 0 0 30px;
    margin-bottom: 50px;
  }
}

.searchResults
  .searchResults-results
  .searchResults-result
  .searchResults-title {
  margin-bottom: 15px;
}

.searchResults
  .searchResults-results
  .searchResults-result
  .searchResults-title
  a {
  font-family: "Open Sans";
  font-size: 18px;
  color: #00205b;
  text-decoration: none;
}

.searchResults
  .searchResults-results
  .searchResults-result
  .searchResults-description {
  font-family: "Open Sans";
  font-size: 18px;
  color: #4a4a4a;
}

.searchResults .searchResults-results .searchResults-result img,
.searchResults .searchResults-results .searchResults-result .searchResults-date,
.searchResults .searchResults-results .searchResults-result .searchResults-url {
  display: none;
}

.searchResults-pagination .searchResults-pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item {
  width: 45px;
  height: 45px;
  border: 1px solid #00205b;
  margin: 0 15px;
  padding: 0;
  border-radius: 50%;
}

@media (max-width: 991px) {
  .searchResults-pagination
    .searchResults-pagination-list
    .searchResults-pagination-item {
    margin: 0 5px;
  }
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item
  a {
  text-decoration: none;
  font-family: "Open Sans";
  font-size: 24px;
  color: #00205b;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item::before {
  display: none;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item.is-active {
  background: #00205b;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item.is-active
  a {
  color: white;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item.item-previous {
  width: 25px;
  height: 25px;
  border-radius: 0;
  border-width: 4px;
  border-right: none;
  border-bottom: none;
  transform: rotate(-45deg);
  margin: 0;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item.item-previous
  a {
  color: transparent;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item.item-next {
  width: 25px;
  height: 25px;
  border-radius: 0;
  border-width: 4px;
  border-right: none;
  border-bottom: none;
  transform: rotate(135deg);
  margin: 0;
}

.searchResults-pagination
  .searchResults-pagination-list
  .searchResults-pagination-item.item-next
  a {
  color: transparent;
}

.ps-widget .ps-wtb-container {
  box-shadow: none;
  margin: 0;
}

.ps-widget .ps-wtb-header {
  display: none;
}

.ps-widget .ps-header-container {
  display: flex;
  min-height: auto;
  padding-left: 10px;
  padding-right: 10px;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .ps-widget .ps-header-container {
    flex-direction: column;
  }
}

.ps-widget .ps-header-container .ps-product-details-container {
  width: 100%;
  order: 3;
}

.ps-widget .ps-header-container .ps-product-finder {
  order: 2;
  width: 50%;
  height: 60px;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .ps-widget .ps-header-container .ps-product-finder {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
}

.ps-widget .ps-header-container .ps-column-headers {
  height: 60px;
}

.ps-widget .ps-header-container .ps-column-headers label {
  margin: 0;
  height: 100%;
  width: 50%;
  font-family: "Open Sans" !important;
  font-size: 18px !important;
  border: none;
  border-radius: 9px;
}

.ps-widget .ps-header-container .ps-column-headers label[aria-selected="true"] {
  border-radius: 9px;
  border: solid 1px #f2f2f2;
  background-color: #00205b !important;
}

.ps-widget .ps-header-container .ps-column-headers label.ps-local-tab-label {
  border: none;
  color: #4a4a4a !important;
}

.ps-widget .ps-product-finder {
  position: relative;
  top: 0;
  right: 0;
}

.ps-widget .ps-product-finder > * {
  z-index: 3;
}

.ps-widget .ps-product-finder .ps-search-icon {
  display: none;
}

.ps-widget .ps-product-finder input.ps-product-finder-textbox {
  z-index: 2;
  height: 100% !important;
  background: white;
  border-radius: 9px !important;
  border-color: #f2f2f2 !important;
}

.ps-widget .ps-product-finder input.ps-product-finder-textbox::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4a4a4a;
  opacity: 1;
  /* Firefox */
}

.ps-widget
  .ps-product-finder
  input.ps-product-finder-textbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #4a4a4a;
}

@media (max-width: 991px) {
  .ps-widget .ps-product-finder input.ps-product-finder-textbox {
    width: 100%;
    margin: 20px 0;
  }
}

.ps-widget .ps-product-details-container {
  margin: 0;
}

.ps-widget .ps-product-details-container .ps-product-details:hover {
  background: #f2f2f2;
}

.ps-widget
  .ps-product-details-container
  .ps-product-details
  .ps-product-finder-reset
  path {
  fill: #00205b;
}

.ps-widget .ps-column-headers {
  width: 33.33333333%;
  border-bottom: none;
  border-radius: 9px;
  border: solid 1px #f2f2f2;
  background-color: white;
  padding: 5px;
}

@media (max-width: 991px) {
  .ps-widget .ps-column-headers {
    width: 100%;
  }
}

.ps-widget .ps-online-sellers {
  padding: 0;
}

.ps-map-control.ps-float-box {
  position: relative;
  order: 4;
  bottom: 0;
  left: 0;
  right: auto;
  width: 33.33%;
}

@media (max-width: 991px) {
  .ps-map-control.ps-float-box {
    width: 100%;
    padding: 20px 0;
  }
}

.ps-map-control.ps-float-box .ps-input-holder {
  height: 0;
  overflow: hidden;
  margin: 20px 0;
}

@media (max-width: 991px) {
  .ps-map-control.ps-float-box .ps-input-holder {
    margin: 0;
  }
}

.ps-map-control.ps-float-box .ps-input-holder.show {
  height: 60px;
}

.ps-map-control.ps-float-box input.ps-map-location-textbox {
  background: white;
  border-radius: 9px !important;
  border-color: #f2f2f2 !important;
  height: 60px;
  width: 100% !important;
}

.ps-map-control.ps-float-box .ps-map-geolocation-button {
  top: 50%;
  transform: translateY(-50%);
}

.ps-map-control.ps-float-box .ps-mag-icon {
  top: 50%;
  transform: translateY(-50%);
}

.ps-tab-input-online:checked
  ~ input
  + div
  > .ps-column-headers
  > label:first-child,
.ps-tab-input-local:checked
  + div
  > .ps-column-headers
  > label:first-child
  + label {
  background-color: #00205b !important;
}

@media (max-width: 991px) {
  .ps-online-seller-listing {
    width: 50% !important;
    padding: 10px !important;
  }
}

.ps-out-of-stock,
.ps-see-website,
span.ps-price {
  color: #4a4a4a !important;
}

.ps-online-availability-cell {
  color: #006614 !important;
}

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
}

select {
  outline: none;
}

span {
  display: inline-block;
}

*:focus {
  outline: none !important;
}

.container {
  /*  padding: 0 15px; */
  max-width: 1170px;
  width: 100%;
  float: none;
  clear: both;
}

@media (max-width: 991px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container.container-article {
  max-width: 751px;
}

.container-wide {
  padding: 0;
}

.container-wide > .component-content {
  padding: 0 20px;
}

.container-wide.image > .component-content {
  padding: 0;
}

* {
  margin: 0;
  box-sizing: border-box;
}

.mod-touch #content {
  padding-top: 89px;
}

#content {
  padding-top: 89px;
}

@media (min-width: 992px) {
  #content {
    padding-top: calc(100px + 55px);
  }
}

.flex-container > .component-content > .content,
.flex-container > .component-content > .richText-content {
  display: flex;
  flex-wrap: wrap;
}

img {
  flex-shrink: 0;
}

.image img,
.carousel-cover {
  max-width: 100%;
}

video {
  width: 100%;
}

ol {
  padding: 0;
  list-style-position: outside;
  margin-left: 4ch;
}

ol li {
  padding-left: 5px;
}

ol li span {
  display: inline;
}

.ol-roman-lower ol {
  list-style-type: lower-roman;
}

body > .container-fluid {
  max-width: 1440px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
}

body > .container-fluid > .row {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

body > .container-fluid > .row #content {
  flex: 1 0 auto;
  min-height: 400px;
}

body.browser-safari .container:before,
body.browser-safari .container:after,
body.browser-safari .container-fluid:before,
body.browser-safari .container-fluid:after,
body.browser-safari .paragraphSystem:before,
body.browser-safari .paragraphSystem:after,
body.browser-safari .row:before,
body.browser-safari .row:after {
  content: normal !important;
}

.error-wrapper {
  height: calc(100vh - 100px - 55px - 45px);
}

@media (max-width: 991px) {
  .error-wrapper {
    height: calc(100vh - 81px - 45px);
  }
}

.error-wrapper > .component-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.minheight-500 {
  min-height: 500px;
}

.minheight-550 {
  min-height: 550px;
}

@media only screen and (max-width: 991px) {
  .minheight-550 {
    min-height: 335px;
  }
}

.minheight-250 {
  min-height: 250px;
}

.article-banner-minheight {
  min-height: 400px;
}

@media only screen and (max-width: 991px) {
  .article-banner-minheight {
    min-height: 0;
  }
}

.plp-hero-minheight {
  min-height: 500px;
}

@media only screen and (max-width: 767px) {
  .plp-hero-minheight {
    min-height: 260px;
  }
}

@media only screen and (max-width: 991px) {
  .plp-hero-minheight {
    min-height: 130px;
  }
}

/* .skipToMainContent{
    left: 50%;
    position: absolute;
    transform: translateY(-100%);
    &:focus{
        transform: translateY(0%);
    }
}
*/
/**:focus{
    border: 1px solid $color-blue!important;
}*/
.skipToMainContent {
  position: absolute;
  width: auto;
  top: -100%;
  z-index: 99;
  transition: top 0.2s;
}

.skipToMainContent:focus {
  top: 0;
}

.product-teaser figure h3 a {
  display: inline-block;
}

.product-teaser figure h3 a:hover .content-title span,
.product-teaser figure h3 a:focus .content-title span {
  text-decoration: underline !important;
  color: #00205b !important;
}

.product-teaser figure h3 a .content-title {
  margin-bottom: 0;
}

.search-text p {
  position: relative;
  color: #00205b;
  font-size: 18px;
}

.searchResults {
  position: static;
}

.searchResults .searchResults-term {
  position: absolute;
  top: 0;
  padding-left: 57px;
}

.hidden {
  display: none;
}

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

/* 2103 Parodontax USA AEM Localization CSS START */
.page-products .reference-buy-now-spider-button {
  display: none;
}
#content .products-toothpastes .product-teaser .minheight-250,
#content .carousel.carousel-dots .product-teaser .minheight-250 {
  min-height: auto;
  padding-top: 50px;
}

.page-products .filter_types {
  display: none;
}

.gum-disease-block .image {
  text-align: center;
  margin-bottom: 20px;
}

.gum-disease-block h1 {
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
  margin-bottom: 15px;
  color: #b71807;
}

.gum-disease-block h2 {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 34px;
  letter-spacing: normal;
  margin: 15px 0;
  color: #b71807;
}

.gum-disease-block h3 {
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  margin: 15px 0;
  color: #b71807;
}

.gum-disease-block ul {
  margin: 15px 0 15px 30px;
}

.gum-disease-block ol li {
  list-style-type: lower-roman;
}

.source-title {
  padding: 20px 0px 10px 0;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.source-para {
  padding-bottom: 14px;
}

.risk-factors-block {
  padding: 2.2em 6% 1.8em 8.5%;
}

.risk-factors-block .richText {
  padding: 3.1em 2.5% 2em 0;
}

.risk-factors-block h3 {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 34px;
  letter-spacing: normal;
  margin: 15px 0;
  color: #b71807;
}

.youtube-block {
  margin: 0 auto;
}

.gum-health-block {
  margin-bottom: 100px;
}

.gum-treatment-box {
  width: 100%;
}

.video {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#youtube-placeholder-img,
.youtube-placeholder-img {
  position: absolute;
  left: 0;
  top: 0;
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-disease/sddefault.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.article-content-block #youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/all-about-gums/what-is-stannous-fluoride-place-holder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.product .youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/products/active-gum-place-holder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.product2 .youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/products/how-parodontax-use-place-holder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.how-parodontax-works #youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/the-parodontax-difference/how-parodontax-works-place-holder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.bleeding-gums #youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/all-about-gums/What-Causes-Bleeding-Gums-placeholder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.receding-gums #youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/all-about-gums/receding-gums-placeholder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.swollen-gums #youtube-placeholder-img {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/all-about-gums/swollen-gums-placeholoder.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
}

.faq1 #youtube-placeholder-img1 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-1.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq2 #youtube-placeholder-img2 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-2.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq3 #youtube-placeholder-img3 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-3.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq4 #youtube-placeholder-img4 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-4.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq5 #youtube-placeholder-img5 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-5.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq6 #youtube-placeholder-img6 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-6.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq7 #youtube-placeholder-img7 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-7.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq8 #youtube-placeholder-img8 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-8.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq9 #youtube-placeholder-img9 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-9.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq10 #youtube-placeholder-img10 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-10.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq11 #youtube-placeholder-img11 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-11.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq12 #youtube-placeholder-img12 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-12.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq13 #youtube-placeholder-img13 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-13.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq14 #youtube-placeholder-img14 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-9.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.faq15 #youtube-placeholder-img15 {
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/faq-15.jpg")
    no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

#play,
.play,
#play1,
#play2,
#play3,
#play4,
#play5,
#play6,
#play7,
#play8,
#play9,
#play10,
#play11,
#play12,
#play13,
#play14,
#play15 {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  background: url("https://parodontax-com-v2.preprod-cf65ch.gdsgsk.com/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/homepage/youtube-play-btn.png")
    no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  height: 72px;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 72px;
  z-index: 1;
}
body {
  font-family: "Open Sans", sans-serif !important;
}
.article-content-block img {
  margin: 0;
  clear: both;
  display: block;
  position: relative;
}

.article-content-block .back-link {
  font-size: 14px;
  display: block;
  margin: 15px 0 30px 0;
  text-align: left;
  color: #00205b;
  display: none;
}

.article-content-block h1 {
  color: #c8102e;
  font-size: 36px;
  line-height: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: 40px 0 15px 0;
  font-family: "Open Sans", sans-serif;
}

.article-content-block h2 {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 34px;
  letter-spacing: normal;
  margin: 15px 0;
  color: #b71807;
  font-family: "Open Sans", sans-serif;
}

.article-content-block h3 {
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: normal;
  margin: 15px 0;
  color: #b71807;
  font-family: "Open Sans", sans-serif;
}

.article-content-block h4 {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  margin: 15px 0;
  color: #b71807;
  font-family: "Open Sans", sans-serif;
}

.article-content-block p {
  color: #515256;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4;
  font-family: "Open Sans", sans-serif;
}

.margin-30-bottom {
  margin-bottom: 30px;
}

.article-content-block .gum-health-block .image {
  margin-top: 20px !important;
}

.social-nav {
  text-align: left;
  margin: 70px 0 30px 0;
}

.social-nav li:first-child {
  margin-left: 0;
}

.social-nav li {
  display: inline-block;
  margin: 0 5px;
}

.social-nav li span {
  height: 24px;
  width: 24px;
  display: block;
  background: #002d62;
  margin: 0;
  border-radius: 50%;
  transition: background-color ease 0.3s;
  cursor: pointer;
  color: #fff;
}

.social-nav li:last-child {
  margin-right: 0;
}

.social-nav li::before {
  width: 0 !important;
}

.benefits-tannous ul {
  padding: 0px 0;
  margin-left: 0;
  margin-top: 0;
}

.benefits-tannous ul li {
  font-size: 18px;
  line-height: 22px;
  color: #515256;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
  list-style-type: none;
}

.benefits-tannous ul li:before {
  content: "";
  background: url(../../assets/img/right-arrow.png) no-repeat;
  display: inline-block;
  position: absolute;
  top: 5px;
  width: 9px;
  height: 9px;
  right: -14px;
  background-size: contain;
}

.margin-bottom_30 {
  margin-bottom: 30px;
}

.margin-top_30 {
  margin-top: 30px;
}

.callout-box figcaption {
  margin-top: 3px;
}

.article-content-block .callout-box img {
  width: 300px;
  height: auto;
  display: inline-block;
}

.article-content-block .callout-box .image a {
  border: none;
  position: relative;
  padding-right: 11px;
  text-decoration: none;
  color: #00205b;
}

.article-content-block .callout-box .image a:after {
  content: "";
  background: url(../../assets/img/right-arrow.png) no-repeat;
  display: inline-block;
  position: absolute;
  top: 7px;
  width: 9px;
  height: 9px;
  right: -7px;
  background-size: contain;
}

.source-block ol {
  margin-top: 10px;
}

.source-block ol li {
  list-style-type: lower-roman;
}

.article-content-block .one-in-three-box .image .middle {
  text-align: center;
}

.halitosis-block h2 {
  margin-top: 0;
}

.halitosis-block .image .middle img {
  margin: 0 auto;
}

.article-content-block .how-to-treat-gingivitis-block .image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 248px;
}

.page-toothpaste-for-gingivitis .gingivitis-list ul {
  padding: 0px 0;
  margin-left: 20px;
  margin-top: 0;
}

.page-toothpaste-for-gingivitis .gingivitis-list ul li {
  font-size: 16px;
  line-height: 22px;
  color: #515256;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
  list-style-type: none;
}

.page-toothpaste-for-gingivitis .gingivitis-list ul li:before {
  content: "";
  background: url(../../assets/img/right-arrow.png) no-repeat;
  display: inline-block;
  position: absolute;
  top: 5px;
  width: 9px;
  height: 9px;
  right: -14px;
  background-size: contain;
}

.page-how-to-brush-your-teeth .tips-header .component-content,
.article-content-block .tips-txt .component-content {
  margin: 0px auto;
  width: 80%;
}

.article-content-block .tips-txt {
  margin-bottom: 30px;
}

.article-content-block .tips-txt img {
  margin: 5px 15px 5px 10px;
  float: left;
}

.article-content-block .tips-txt h2 {
  float: right;
  width: 87.5%;
  margin: 0;
}

.article-content-block .tips-txt p {
  float: right;
  width: 87.8%;
  color: #515256;
}

.img-responsive img {
  width: 100%;
}

.vitamins-and-minerals-box .articles-box .treatment-steps-img figcaption h3 {
  font-size: 28px;
}

.all-about-gums-slider {
  margin: 0 15px;
}

.all-about-gums-slider .carousel {
  border: 0;
  padding: 1.1em;
  position: relative;
  background: -moz-linear-gradient(
    90deg,
    rgba(232, 234, 237, 1) 0%,
    rgba(244, 244, 247, 1) 72%,
    rgba(237, 239, 241, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(237, 239, 241, 1)),
    color-stop(28%, rgba(244, 244, 247, 1)),
    color-stop(100%, rgba(232, 234, 237, 1))
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(232, 234, 237, 1) 0%,
    rgba(244, 244, 247, 1) 72%,
    rgba(237, 239, 241, 1) 100%
  );
  background: -o-linear-gradient(
    90deg,
    rgba(232, 234, 237, 1) 0%,
    rgba(244, 244, 247, 1) 72%,
    rgba(237, 239, 241, 1) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgba(232, 234, 237, 1) 0%,
    rgba(244, 244, 247, 1) 72%,
    rgba(237, 239, 241, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(232, 234, 237, 1) 0%,
    rgba(244, 244, 247, 1) 72%,
    rgba(237, 239, 241, 1) 100%
  );
}

.all-about-gums-slider .carousel .component-content {
  background-color: #ffffff;
}

.all-about-gums-slider .slick-prev,
.all-about-gums-slider .slick-next {
  font-family: Arial, Bangla326, sans-serif;
  height: 100%;
  width: 100%;
  -moz-border-radius: 0 150px 150px 0;
  border-radius: 0 150px 150px 0;
  background: #a2a6ab;
  width: 37px;
  height: 77px;
}

.all-about-gums-slider .slick-prev::before,
.all-about-gums-slider .slick-next::before {
  z-index: 999;
  position: absolute;
  display: block;
  height: 26px;
  width: 15px;
  background-image: url(../../assets/img/chevron-white.png);
  background-color: transparent;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  right: 15px;
}

.all-about-gums-slider .slick-prev::before {
  transform: translate(0, -50%) scaleX(-1) !important;
}

.all-about-gums-slider .slick-next::before {
  transform: translate(0, -50%) scaleX(-1) !important;
}

.all-about-gums-slider .slick-prev {
  left: -18px;
  transform: translate(0, -50%) scaleX(1) !important;
}

.all-about-gums-slider .slick-next {
  transform: translate(0, -50%) scaleX(-1) !important;
  right: -18px;
}

.all-about-gums-slider .carousel .image {
  padding: 0;
}

.all-about-gums-slider .carousel .image img {
  width: 100%;
}

.all-about-gums-slider .carousel .image figcaption {
  padding: 0 20px;
  min-height: 200px;
}

.all-about-gums-slider .slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block !important;
  text-align: center;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
}

.all-about-gums-slider .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  background-color: #a2a6ab;
  border: none;
  text-align: center;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.article-content-block .callout-box {
  min-height: 175px;
  margin: 34px 0 39px;
}

.all-about-gums-slider .slick-dots li.slick-active button:before {
  border: none;
  background-color: #cc0033;
  opacity: 1;
}

.alcohol-carousel-box .alcohol-carousel .answers-right-box .image img {
  margin-top: 5.3em;
  margin-left: 5em;
  width: auto;
}

.gum-health-block .image figcaption a {
  border-bottom: 0px solid #00205b !important;
}

.treatment-swollen-box {
  padding: 0.5em 7% 0 7%;
  width: 83.572%;
  margin: 0 auto;
  float: none;
  clear: both;
}

.treatment-swollen-box {
  padding-top: 0;
  background: url(../../assets/img/oral-parodontax/long_div.jpg) no-repeat
    bottom center;
  background-position: bottom;
  padding-bottom: 4.2em;
  margin-top: -0.78em;
}

.swollen-gums-details.component {
  background: url(../../assets/img/oral-parodontax/long_div.jpg) no-repeat
    bottom center;
  background-position: bottom;
  padding-bottom: 140px;
}

.treatment-swollen-box .parodontax-text,
.treatment-swollen-box .swollen-gums-img figure,
.treatment-swollen-box .swollen-gums-img {
  float: none;
  text-align: center;
}

.treatment-swollen-box .swollen-soft-txt,
.treatment-swollen-box .parodontax-text {
  margin-bottom: 3em;
}

.treatment-swollen-box .parodontax-text h2 {
  line-height: 1;
  padding-bottom: 0.51em;
}

.treatment-swollen-box .parodontax-text p {
  width: 60%;
  margin: 0 auto;
}

.treatment-swollen-box .swollen-gums-img h3 {
  color: #c8102e;
  width: 50%;
  padding-top: 0.45em;
  margin: 0 auto;
  font-weight: normal;
  line-height: 1.2;
}

.treatment-swollen-box .swollen-soft-txt p,
.treatment-swollen-box .fluoride-txt p,
.treatment-swollen-box .swollen-floss-txt p {
  font-size: 1.111111111111111em;
  padding-top: 0.5em;
  width: 50%;
  text-align: center;
  margin: 0 auto;
}

.treatment-swollen-box .swollen-floss-txt {
  margin-bottom: 2.15em;
}

.treatment-swollen-box .swollen-floss-txt p {
  text-align: center;
  width: 48%;
  margin: 0 auto;
}

.treatment-swollen-box .swollen-gums-img.swollen-tube-img h3 {
  padding-top: 0;
}

.treatment-swollen-box .fluoride-txt p {
  width: 58%;
  margin: 0 auto;
}

.treatment-swollen-box .fluoride-txt p:last-child {
  font-size: 0.7777777777777778em;
  padding-bottom: 3.45em;
}

.treatment-swollen-box .fluoride-txt p {
  padding-top: 0.7em;
}

.swollen-gums-img img {
  margin: 0 auto;
}

.flossing-tips-dsk-box .flossing-tips-cnt-box {
  border: 0px solid #e6e6e6;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(2)
  .flossing-tips-richtext {
  margin-top: 3.7%;
}

.flossing-tips-dsk-box > .component-content {
  max-width: 767px;
  margin: auto;
  background-image: url(../../assets/img/background-floss-desk.jpg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.center-all {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.flossing-tips-dsk-box .flossing-tips-cnt-box:nth-child(2) h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 60px;
  color: #c8102e;
  display: inline-block;
  margin-left: 47px;
  margin-left: 9px;
  font-weight: 500;
}

.flossing-tips-dsk-box .flossing-tips-cnt-box:nth-child(2) p {
  width: 304px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
  margin-left: 42px;
  text-align: left;
  color: #646569;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class^="flossing-tips-"],
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class*=" flossing-tips-"] {
  display: inline-block;
  vertical-align: text-top;
  width: 198px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class^="flossing-tips-"]
  img,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class*=" flossing-tips-"]
  img {
  margin: auto;
  display: block;
  margin-bottom: 19px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class^="flossing-tips-"]
  p,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class*=" flossing-tips-"]
  p {
  text-align: center;
  margin: auto;
  display: block;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class^="flossing-tips-"]
  p,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  div[class*=" flossing-tips-"]
  p {
  color: #515256;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  .flossing-tips-one-image
  p {
  width: 160px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  .flossing-tips-two-image
  p {
  width: 170px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  .flossing-tips-three-image
  p {
  width: 170px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  div[class^="flossing-tips-"],
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  div[class*=" flossing-tips-"] {
  display: inline-block;
  vertical-align: text-top;
  width: 198px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  .flossing-tips-four-image {
  margin-left: 198px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  div[class^="flossing-tips-"]
  img,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  div[class*=" flossing-tips-"]
  img {
  margin: auto;
  display: block;
  margin-bottom: 19px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  div[class^="flossing-tips-"]
  p,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  div[class*=" flossing-tips-"]
  p {
  text-align: center;
  margin: auto;
  display: block;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  .flossing-tips-four-image
  p {
  width: 170px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  .flossing-tips-five-image
  p {
  width: 170px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  div[class^="flossing-tips-"],
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  div[class*=" flossing-tips-"] {
  display: inline-block;
  vertical-align: text-top;
  width: 198px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  div[class^="flossing-tips-"]
  img,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  div[class*=" flossing-tips-"]
  img {
  margin: auto;
  display: block;
  margin-bottom: 19px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  .flossing-tips-six-image
  img {
  padding-left: 0;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  div[class^="flossing-tips-"]
  p,
.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  div[class*=" flossing-tips-"]
  p {
  text-align: center;
  margin: auto;
  display: block;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  .flossing-tips-six-image
  p {
  width: 163px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  .flossing-tips-seven-image
  p {
  width: 139px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  .flossing-tips-eight-image
  p {
  width: 155px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(6)
  > .component-content
  > .paragraphSystem
  .richText:nth-child(3) {
  margin-top: 4.99%;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(6)
  > .component-content
  > .paragraphSystem
  .richText:nth-child(3)
  h3 {
  font-size: 36px;
  color: #c8102e;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 7px;
  font-weight: 400;
  position: relative;
  left: -2px;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(6)
  > .component-content
  > .paragraphSystem
  .richText:nth-child(3)
  p {
  color: #1e1e1e;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(6)
  > .component-content
  > .paragraphSystem {
  margin: 4.8% auto 6.8% auto;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(6)
  > .component-content
  > .paragraphSystem
  .richText:nth-child(2)
  p {
  line-height: 1.54;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(3)
  > .component-content
  > .paragraphSystem {
  margin: 1.5% auto;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(4)
  > .component-content
  > .paragraphSystem {
  margin: 2.5% auto;
}

.flossing-tips-dsk-box
  .flossing-tips-cnt-box:nth-child(5)
  > .component-content
  > .paragraphSystem {
  margin: 2.5% auto;
}

.flossing-tips-mob-box {
  display: none;
}

.center-left {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: initial;
  -ms-flex-align: left;
  align-items: left;
  text-align: left;
}

.benefits-of-flossing .richTextEnhanced {
  margin-bottom: 30px;
}

.common-code-txt {
  display: none;
}

.tabs-nav {
  position: absolute;
  z-index: 150;
  top: 0;
  left: 0;
  height: 39px;
  overflow: hidden;
  width: 100%;
}

.tabs-nav-list {
  position: relative;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  width: 2000px;
}

.tabs-nav-item {
  border-width: 2px 2px 0 2px;
  border-style: solid;
  border-color: #323131;
  font-weight: bold;
  font-size: 12px;
  display: inline;
  float: left;
  margin-left: 5px;
  background: #e1e1e1;
  padding: 7px 10px 7px 10px;
  cursor: pointer;
  height: 21px;
  top: 4px;
}

.tabs-nav-item:first-child {
  margin-left: 0;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.fixed-page-hover .articles-main-box .richText a:hover,
.fixed-page-hover figure p a:hover,
.fixed-page-hover strong a:hover,
.fixed-page-hover .richText p a:hover,
.fixed-page-hover .f-hover-a,
.fixed-page-hover .f-hover-a:hover,
.fixed-page-hover .f-hover-a strong,
.fixed-page-hover .f-hover-a strong:hover {
  color: #c8102e !important;
  border-bottom: 1px solid #c8102e !important;
}

.tabs-content {
  position: relative;
  z-index: 100;
  top: -2px;
  padding: 13px;
  border: solid 2px #323131;
  background: white;
}

.article-content-block.halitosis-bad-breath-box .tips-txt .component-content {
  width: 100%;
}

.tabs-nav-switcher-left {
  left: 0;
}

.tabs-nav-switcher-right {
  right: 0;
}

.tabs-nav-switcher {
  position: absolute;
  height: 35px;
  width: 15px;
  border: 2px solid #323131;
  cursor: pointer;
  top: 0;
  background: #e1e1e1;
}

.food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt,
.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt {
  position: absolute;
  top: 0;
  padding: 3.5em 8% 0 10.2%;
}

.food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt p,
.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt p {
  font-size: 1em;
  font-weight: normal;
}

.food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt p,
.food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt h2,
.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt p,
.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt h2 {
  color: #fff;
}

.food-for-healthy-teeth-and-gums
  .carousel-slides
  .healthy-carousel-txt
  p:first-child::before {
  content: "";
  background: url(../../assets/img/oral-parodontax/thumbs-up-blue-icon.png)
    no-repeat;
  width: auto;
  height: auto;
  padding-right: 1.6em;
  font-size: 1.2em;
}

.food-for-healthy-teeth-and-gums
  .carousel-slides
  .availavle-txt
  p:first-child::before {
  content: "";
  background: url(../../assets/img/oral-parodontax/hand-red-icon.png) no-repeat;
  width: auto;
  height: auto;
  padding-right: 1.6em;
  font-size: 1.2em;
}

.food-for-healthy-teeth-and-gums
  .carousel-slides
  .healthy-carousel-txt
  p
  .try-txt,
.food-for-healthy-teeth-and-gums
  .carousel-slides
  .availavle-txt
  p
  .instead-txt {
  font-size: 0.8888888888888889em;
  font-family: "Open Sans", sans-serif;
}

.food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt h2,
.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt h2 {
  font-size: 1.333333333333333em;
  font-weight: normal;
  margin-top: 1.25em;
  margin-bottom: 0.9em;
  line-height: 1;
  width: 80%;
}

.food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt p,
.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt p {
  font-size: 1em;
  font-weight: normal;
}

.food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt {
  padding: 3.5em 6% 0 12.2%;
}

.all-about-gums-slider.desktop-slider .carousel .component-content {
  background: none;
}

.food-for-healthy-teeth-and-gums .tips-header {
  background: url(../../assets/img/oral-parodontax/thick-red-bar.png) no-repeat;
  background-size: cover;
}

.food-for-healthy-teeth-and-gums .tips-header h2 {
  font-size: 1.5em;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-weight: normal;
  padding: 1.01em 0 0.89em;
  text-align: center;
}

.desktop-slider {
  display: block;
}

.mobile-slider {
  display: none;
}

.page-faq .accordion-slide.is-video .accordion-head:after {
  content: "";
  width: 56px;
  height: 39px;
  position: absolute !important;
  right: 10px;
  background: url(/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/faq/video-icon.png);
  top: 50% !important;
  transform: translateY(-50%);
}

.page-faq .container.container-article {
  width: 900px;
}

.page-faq .container.container-article {
  max-width: 100%;
}

.page-faq .accordion {
  margin-bottom: 90px;
}

.gingivitis-main-box {
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(to bottom, rgba(145, 10, 22, 1), white, white);
  padding: 0 30px;
}

.gum-health-title {
  margin-top: 50px;
}

.article-content-block .paro-txt-top {
  background: #efefef;
  padding: 40px;
  float: left;
  margin-top: 30px;
}

.article-content-block .paro-txt-top h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.top-lang {
  display: none !important;
}
.gum-quiz-txt a {
  color: #9acd32;
}
.gum-quiz-txt a:hover {
  color: #9acd32;
}
.coupon-message {
  margin-top: 90px;
}
.coupon-message h3 {
  font-size: 36px;
  line-height: 40px;
}
.coupon-message .coupon-sub-title {
  font-size: 26px;
  line-height: 30px;
  padding-top: 8px;
  padding-bottom: 30px;
}
.coupon-message .richText img {
  margin-bottom: 20px;
}
.coupon-message .component-content {
  margin: 0 auto;
  padding: 0 15%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .one-in-three-box
    .content.paragraphSystem
    div:nth-child(n + 2):nth-child(odd) {
    background: url(/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/the-parodontax-difference/side-bar.png)
      no-repeat;
    background-position: 100% 50%;
  }

  .article-content-block .box.section.callout-box.col-lg-6.component {
    width: 50% !important;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image {
    margin-top: 20px;
    margin-left: 15px;
    background: linear-gradient(white, #f1f1f3);
    padding-bottom: 90px;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image h3 {
    font-size: 36px;
    line-height: 40px;
    width: 60%;
    padding-left: 6%;
    padding-top: 40px;
    padding-bottom: 0.7%;
    color: #c8102e;
    font-weight: normal;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image p {
    width: 60%;
    padding-left: 6%;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image img {
    float: right;
    padding-right: 15%;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image img {
    float: left;
    padding-top: 25px;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image {
    margin-left: 15px;
    margin-top: 8px;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image h3 {
    font-size: 36px;
    line-height: 40px;
    float: right;
    width: 60%;
    padding-top: 20px;
    padding-right: 10%;
    padding-bottom: 2%;
    color: #c8102e;
    font-weight: normal;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image p {
    width: 60%;
    float: right;
    padding-right: 2%;
  }

  .brushing-teeth .brushing-teeth-txt {
    width: 80%;
    margin-left: 13%;
    border-top: 1px solid #c4c4cc;
    padding-top: 33px;
    margin-top: 30px;
  }

  .brushing-teeth .brushing-teeth-txt h3 {
    font-size: 36px;
    line-height: 40px;
    width: 70%;
    padding-bottom: 2%;
    color: #c8102e;
    font-weight: normal;
  }

  .brushing-teeth .brushing-teeth-txt p:nth-child(2) {
    margin-bottom: 2%;
  }

  .brushing-teeth .brushing-teeth-txt p {
    width: 94%;
  }
}

@media only screen and (min-width: 320px) {
  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .quizScoreBox,
  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .formControl-radio {
    display: none;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label:hover,
  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label.questionActive {
    background: #c8102e;
    color: #ffffff;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label {
    font-family: "Open Sans", sans-serif;
    font-size: 0.7777777777777778em;
    color: #c8102e;
    border: 1px solid #c8102e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    padding: 0.3em 0%;
    position: relative;
    margin-right: 1em;
    text-align: center;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .true-text {
    content: " ";
    background: url(../../assets/img/check-mark-icon.png) no-repeat top center;
    display: inline-block;
    padding-left: 32px;
    background-position: top 0.5em left;
    background-size: 6%;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .false-text {
    content: " ";
    background: url(../../assets/img/x-icon.png) no-repeat top center;
    display: inline-block;
    padding-left: 32px;
    background-position: top 0.5em left;
    background-size: 5%;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box h2 a {
    font-weight: normal;
    color: #00205b;
    font-size: 34px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 992px) {
  sub,
  sup {
    top: -3px;
    font-size: 40%;
    line-height: 0;
    position: relative;
  }
  .page-gum-disease .hero-banner-box h1 {
    padding-top: 90px;
  }
  .alcohol-carousel-box
    .alcohol-carousel
    .slick-track
    > .carousel-slide
    .carouselSlide
    > .no-image
    > .carousel-content
    > .content
    > .component {
    height: 24.2em;
  }
  .page-products .richText.background-white .richText-content {
    padding: 15px;
  }
  .page-products .breadcrumbs.margin-top_100 {
    padding-top: 15px;
  }
  .gum-health-block .image figcaption {
    min-height: 9em;
  }

  .gum-health-block .image figcaption {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 3px 3px 38px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 3px 3px 38px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 38px 0px rgb(0 0 0 / 20%);
    bottom: -45px;
    position: absolute;
    border-bottom-right-radius: 3em;
    top: auto;
    padding: 0;
    left: 7.5%;
    width: 93.1%;
    min-height: 9.4em;
  }

  .gum-health-block .image figure {
    position: relative;
  }

  .gum-health-block .image {
    width: 30.45%;
    margin-left: 0;
    margin-top: 4.3em;
    margin-right: 2.5%;
  }

  .gum-health-block .image figcaption h4 {
    font-weight: normal;
    padding-top: 14px;
    margin-bottom: 0.65em;
    padding-left: 5.3%;
    width: 85%;
    font-size: 20px;
    line-height: 24px;
    color: #00205b;
    font-family: "Open Sans", sans-serif;
  }

  .gum-health-block.related-article-box .image figcaption h4 {
    font-weight: normal;
    padding-top: 4px;
    margin-bottom: 0.65em;
    padding-left: 5.3%;
    width: 85%;
    font-size: 20px;
    line-height: 24px;
    color: #00205b;
    font-family: "Open Sans", sans-serif;
  }

  .gum-health-block .image figcaption p a {
    margin: 1em 5.3% 1.51em;
  }

  .gum-health-block .image figcaption p a {
    font-family: "Open Sans", sans-serif !important;
    text-decoration: none;
    color: #00205b;
    font-size: 0.889em;
    padding: 0;
    margin: 1em 5.3% 2.1em;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .gum-health-block .image figcaption p a:after {
    content: "";
    background: url(../../assets/img/right-arrow.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 5px;
    width: 9px;
    height: 9px;
    right: -14px;
    background-size: contain;
  }

  .gum-health-block .gum-treatment-box {
    float: left;
    width: 49%;
    display: inline;
  }

  .gum-treatment-box {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0.5em;
    position: relative;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/long_div_treatment.jpg)
      no-repeat center;
    background-position: 100% top;
    padding-top: 3em;
    background-size: contain;
    float: left;
    width: 49%;
    display: inline;
    min-height: 316px;
  }

  .stages-text {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .gum-treatment-box .stages-img figcaption {
    text-align: center;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
  }

  .stages-text p {
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    color: #515256;
    padding-bottom: 2em;
    width: 70%;
    margin: 0 auto;
  }

  .gum-treatment-box .stages-img figcaption h3 {
    color: #c8102e;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 1.666666666666667em;
    line-height: 1.2778;
  }

  .article-content-block .callout-box {
    border-bottom: 0;
    width: 33.3%;
    margin-bottom: 0.3em;
    padding-bottom: 0;
    position: relative;
  }

  .article-content-block .disease-txt .component-content {
    background: url(../../assets/img/oral-parodontax/divider-article.jpg)
      no-repeat center;
    background-position: center top;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    padding-top: 2.5em;
    background-size: contain;
  }

  .article-content-block .disease-txt {
    width: 100%;
    padding: 0 70px;
  }

  .article-content-block .disease-txt ol {
    counter-reset: my-badass-counter;
    width: 47%;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 2.3em;
    margin-top: 1em;
    padding: 0;
  }

  .article-content-block .disease-txt ol li {
    color: #fff;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    z-index: 2;
    left: 8%;
    list-style-type: none;
    padding-bottom: 10px;
  }

  .article-content-block .disease-txt ol li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/article-bullet.png) left
      top no-repeat;
    position: absolute;
    left: -2.8em;
    top: 0.1em;
    width: 14%;
    line-height: 1.25;
    z-index: -1;
    height: 2em;
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    padding-left: 1.8em;
  }

  .article-content-block .disease-txt ol li .reasons-txt {
    color: #666666;
    font-weight: normal;
    font-size: 1em;
  }

  .article-content-block .disease-txt p {
    color: #666666;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    background: url(../../assets/img/oral-parodontax/divider-article.jpg)
      no-repeat center;
    background-position: center top;
    padding-top: 3.2em;
    background-size: contain;
  }

  .article-content-block .disease-txt h2 {
    font-size: 1.667em;
    font-weight: normal;
    margin: 0;
  }

  .article-content-block .gums-side-img img {
    width: 70%;
  }

  .article-content-block .one-in-three-box > .component-content {
    width: 86%;
    max-width: 1092px;
    margin: 0 auto;
    background: url(/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/the-parodontax-difference/bottom-bar.png)
      no-repeat;
    background-position: 50% 100%;
    background-size: 100% auto;
  }

  .margin-top_50_dt {
    margin-top: 50px;
  }

  .article-content-block .about-gums-txt {
    margin-top: 0;
    padding-right: 1%;
  }

  .article-content-block .about-gums-txt p {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center bottom;
    padding: 0em 1% 5em 0px;
  }

  .article-content-block .about-gums-txt h2 {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center bottom;
    padding: 0em 1% 2.6em 0;
    margin-top: -1.7em;
  }

  .article-content-block .about-gums-txt h2 {
    background-color: #fff;
    color: #cc0033;
    font-size: 1.666666666666667em;
    font-weight: normal;
    text-align: center;
    padding: 1.15em 0% 0;
  }

  .what-causes-gingivitis .causes-gingivitis-box-1 {
    padding: 0 6.2% 1.3em 0;
  }

  .what-causes-gingivitis .causes-gingivitis-box-2 {
    padding: 3.9em 0% 1.4em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box-3 {
    padding-top: 4em;
  }

  .what-causes-gingivitis .causes-gingivitis-box-4 {
    padding: 3.9em 0% 4.15em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box-1 img,
  .what-causes-gingivitis .causes-gingivitis-box-2 img,
  .what-causes-gingivitis .causes-gingivitis-box-3 img,
  .what-causes-gingivitis .causes-gingivitis-box-4 img {
    float: left;
  }

  .what-causes-gingivitis .causes-gingivitis-box-1,
  .what-causes-gingivitis .causes-gingivitis-box-2,
  .what-causes-gingivitis .causes-gingivitis-box-3,
  .what-causes-gingivitis .causes-gingivitis-box-4 {
    position: relative;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/gradient-banner.png)
      no-repeat center;
    background-position: 100% bottom;
    background-size: cover;
  }

  .article-content-block .causes-gingivitis-box-1 .tips-img-left {
    width: 35%;
  }

  .article-content-block .causes-gingivitis-box-1 .care-tips-txt-left {
    padding: 2.5em 3.5% 0 9.2%;
    width: 64.3%;
  }

  .article-content-block .causes-gingivitis-box-2 .tips-img-right {
    width: 35%;
    margin-left: 7.7%;
  }

  .article-content-block .causes-gingivitis-box-2 .care-tips-txt-right {
    padding: 2.2em 3.5% 0 2.4%;
    width: 54.3%;
  }

  .article-content-block .causes-gingivitis-box-3 .tips-img-left {
    width: 40%;
    margin-left: -6.6%;
  }

  .article-content-block .causes-gingivitis-box-3 .care-tips-txt-left {
    padding: 1.8em 0 0 10.1%;
    width: 60%;
  }

  .article-content-block .causes-gingivitis-box-4 .tips-img-left {
    width: 41%;
    padding-top: 5em;
  }

  .article-content-block .causes-gingivitis-box-4 .care-tips-txt-right {
    padding: 0.5em 0.2% 0 4.4%;
    width: 54.3%;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt {
    position: relative;
    padding: 0;
  }

  .article-content-block
    .symptoms-gums-box
    .care-tips-txt
    .richText-content
    h2 {
    font-weight: normal;
    color: #fff;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt .richText-content {
    position: absolute;
    top: 2.55em;
    padding-left: 19%;
    padding-right: 19%;
    text-align: center;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt .richText-content p {
    color: #fff;
  }

  .article-content-block .treatment-steps-box .image img {
    float: left;
    width: 86%;
  }

  .article-content-block .treatment-steps-box .richText {
    margin-bottom: 3em;
    float: left;
    width: 91%;
  }

  .gum-care-tips .risk-factors-block {
    padding: 2.2em 15px 1.8em 15px;
  }

  .gum-care-tips .risk-factors-block .richText {
    padding: 3.1em 2.5% 2em 15px;
  }

  .vitamins-and-minerals-box .prevent-tips-box {
    margin: 0px auto;
    width: 100%;
    float: none;
    border-top: 5px solid #990000;
    border-bottom-right-radius: 3em;
    -webkit-box-shadow: 0 8px 12px -6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 12px -6px rgb(0 0 0 / 20%);
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(
      top,
      rgba(238, 239, 243, 0.3) 0%,
      rgba(211, 211, 223, 0.3) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(238, 239, 243, 0.3) 0%,
      rgba(211, 211, 223, 0.3) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(238, 239, 243, 0.3) 0%,
      rgba(211, 211, 223, 0.3) 100%
    );
  }

  .vitamins-and-minerals-box .prevent-tips-box .gum-health-txt {
    background: url(../../assets/img/oral-parodontax/thick-red-bar.png)
      no-repeat;
    background-size: cover;
  }

  .vitamins-and-minerals-box .prevent-tips-box .articles-box {
    padding: 1.7em 3% 0em 2%;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-1 {
    width: 50.8%;
    padding-bottom: 80px;
    padding-left: 5%;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-2 {
    width: 49.2%;
    padding-left: 3.8%;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-3 {
    width: 50.8%;
    position: relative;
    background: url(../../assets/img/oral-parodontax/bar-divider.png) no-repeat
      center;
    background-position: 100% top;
    background-size: contain;
    padding-top: 3em;
    padding-bottom: 5em;
    padding-left: 5%;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-4 {
    width: 49.2%;
    position: relative;
    background: url(../../assets/img/oral-parodontax/bar-divider.png) no-repeat
      center;
    background-position: 100% top;
    background-size: contain;
    padding-top: 3em;
    padding-left: 4%;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img img {
    top: 3.4em;
    position: relative;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img figcaption {
    position: absolute;
    top: 0;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img figcaption h3 {
    font-size: 28px;
  }

  .vitamins-and-minerals-box .prevent-tips-box .red-txt {
    color: #c8102e;
    font-weight: normal;
  }

  .vitamins-and-minerals-box
    .articles-box
    .causes-gingivitis-box-1
    .prevent-promo-txt {
    padding: 0px 1.8em 0px 1.6em;
  }

  .vitamins-and-minerals-box .prevent-promo-txt p {
    color: #515256;
    font-size: 0.9em;
  }

  .vitamins-and-minerals-box
    .articles-box
    .causes-gingivitis-box-2
    .treatment-steps-img
    figcaption {
    left: 28%;
  }

  .vitamins-and-minerals-box .prevent-tips-box .gum-health-txt h2 {
    font-size: 1.5em;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-weight: normal;
    padding: 0.85em 0 1.1em;
    text-align: center;
  }

  .vitamins-and-minerals-box .prevent-tips-box::after {
    left: 0;
  }

  .vitamins-and-minerals-box .prevent-tips-box::before,
  .vitamins-and-minerals-box .prevent-tips-box::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 95%;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#990000),
      to(transparent)
    );
    background-image: -webkit-linear-gradient(#990000, transparent);
    background-image: -moz-linear-gradient(#990000, transparent);
    background-image: -o-linear-gradient(#990000, transparent);
    background-image: linear-gradient(#990000, transparent);
  }

  .alcohol-carousel-box {
    padding: 0;
  }

  .alcohol-carousel-box .alcohol-carousel {
    border: 20px solid #f4f4f7;
    padding: 0;
    position: relative;
    background: -moz-linear-gradient(
      90deg,
      rgba(204, 204, 204, 1) 0%,
      rgba(204, 204, 204, 1) 1%,
      rgba(204, 204, 204, 1) 1%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 1)),
      color-stop(99%, rgba(204, 204, 204, 1)),
      color-stop(99%, rgba(204, 204, 204, 1)),
      color-stop(100%, rgba(204, 204, 204, 1))
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(204, 204, 204, 1) 0%,
      rgba(204, 204, 204, 1) 1%,
      rgba(204, 204, 204, 1) 1%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -o-linear-gradient(
      90deg,
      rgba(204, 204, 204, 1) 0%,
      rgba(204, 204, 204, 1) 1%,
      rgba(204, 204, 204, 1) 1%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -ms-linear-gradient(
      90deg,
      rgba(204, 204, 204, 1) 0%,
      rgba(204, 204, 204, 1) 1%,
      rgba(204, 204, 204, 1) 1%,
      rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(204, 204, 204, 1) 0%,
      rgba(204, 204, 204, 1) 1%,
      rgba(204, 204, 204, 1) 1%,
      rgba(255, 255, 255, 1) 100%
    );
  }

  .alcohol-carousel-box .alcohol-carousel .carousel-slides {
    height: 27.2em !important;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box {
    background-color: rgba(255, 255, 255, 0.9);
    height: 27.2em;
    padding: 2.3em 3.4em 0 3.7em;
    width: 50.1%;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questions-header
    p {
    font-size: 1.111111111111111em;
    color: #c8102e;
    font-weight: bold;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 11%;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label {
    font-size: 1em;
    border: 2px solid #c8102e;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    padding: 0.8em 17.1%;
    position: relative;
    margin-right: 0.4em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box {
    background: -moz-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(153, 0, 0, 1)),
      color-stop(1%, rgba(153, 0, 0, 1)),
      color-stop(49%, rgba(177, 0, 24, 1)),
      color-stop(100%, rgba(204, 0, 51, 1))
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -o-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -ms-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: linear-gradient(
      270deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    height: 27.2em;
    padding-top: 1.65em;
    padding-left: 4.7%;
    width: 49.9%;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p:first-child {
    padding-right: 1.5em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p,
  .alcohol-carousel-box .alcohol-carousel .answers-right-box p a {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p a,
  .alcohol-main-box.alcohol-carousel-box
    .alcohol-carousel
    .answers-right-box
    p
    a:hover {
    color: #fff !important;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .true-text {
    padding-left: 35px;
    background-position: top 0.3em left;
    background-size: auto;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .true-text,
  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .false-text {
    font-size: 1.666666666666667em;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    line-height: 1.2;
    margin-bottom: 0.35em;
    display: block;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p:last-child {
    padding-right: 2.2em;
  }

  .alcohol-carousel-box .conclusion-text {
    border: 20px solid #f4f4f7;
    padding: 2.35em 5.2em 0;
    position: relative;
    height: 29.45em;
    background: -moz-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(153, 0, 0, 1)),
      color-stop(1%, rgba(153, 0, 0, 1)),
      color-stop(49%, rgba(177, 0, 24, 1)),
      color-stop(100%, rgba(204, 0, 51, 1))
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -o-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -ms-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: linear-gradient(
      270deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    text-align: center;
    color: #ffffff;
  }

  .alcohol-carousel-box .conclusion-text .conclusion-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 1em;
    font-weight: bold;
    display: block;
  }

  .alcohol-carousel-box .conclusion-text .conclusion-header {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 40px;
    display: block;
  }

  .alcohol-carousel-box .conclusion-text p {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
  }

  .alcohol-carousel-box .conclusion-text p:last-child {
    margin-top: 25px;
  }

  .alcohol-carousel-box .conclusion-text p a {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
  }

  .alcohol-carousel-box .slick-prev,
  .alcohol-carousel-box .slick-next {
    font-family: Arial, Bangla326, sans-serif;
    height: 100%;
    width: 100%;
    -moz-border-radius: 0 150px 150px 0;
    border-radius: 0 150px 150px 0;
    background: #a2a6ab;
    width: 37px;
    height: 77px;
  }

  .alcohol-carousel-box .slick-prev::before,
  .alcohol-carousel-box .slick-next::before {
    z-index: 999;
    position: absolute;
    display: block;
    height: 26px;
    width: 15px;
    background-image: url(../../assets/img/chevron-white.png);
    background-color: transparent;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    right: 15px;
  }

  .alcohol-carousel-box .slick-prev::before {
    transform: translate(0, -50%) scaleX(-1) !important;
  }

  .alcohol-carousel-box .slick-next::before {
    transform: translate(0, -50%) scaleX(-1) !important;
  }

  .alcohol-carousel-box .slick-prev {
    left: -18px;
    transform: translate(0, -50%) scaleX(1) !important;
  }

  .alcohol-carousel-box .slick-next {
    transform: translate(0, -50%) scaleX(-1) !important;
    right: -18px;
  }

  .receding-box .receding-txt {
    padding: 1.45em 15.4% 0 15.4%;
  }

  .receding-box .receding-txt h3 {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article.jpg)
      no-repeat center;
    background-position: center top;
    margin-top: 0.4em;
    color: #c8102e;
    text-align: center;
    padding: 0.55em 25% 0.4em;
    background-size: contain;
  }

  .receding-box .receding-txt h4 {
    color: #003366;
    padding: 60px 100px 0;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article.jpg)
      no-repeat center;
    background-position: center top;
    margin-top: 0.5em;
    background-size: contain;
  }

  .receding-box .receding-txt p {
    padding: 10px 100px 0;
  }

  .receding-box .receding-txt ol {
    margin: 0;
    padding-left: 15.5%;
    padding-top: 1.7em;
    padding-bottom: 2em;
    width: 41.7%;
    display: inline-block;
  }

  .receding-box .receding-txt ol li {
    position: relative;
    list-style: none;
    z-index: 2;
    left: 0.5%;
    color: #666666;
    font-size: 1em;
    line-height: 2;
  }

  .receding-box .receding-txt ol:last-child {
    padding-left: 0px;
    float: right;
  }

  .receding-box .receding-txt ol li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/article-bullet-mb.png) left
      top no-repeat;
    position: absolute;
    left: -14%;
    top: 9px;
    height: 14px;
    width: 26px;
    z-index: -1;
    background-size: 100%;
  }

  .receding-box .receding-txt ol:last-child li:before {
    left: -9%;
  }

  .receding-box .receding-txt > .component-content {
    width: 100%;
    margin: 0.85em auto;
    background: -moz-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.2)),
      color-stop(1%, rgba(254, 254, 254, 0.2)),
      color-stop(100%, rgba(183, 183, 193, 0.2))
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -o-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -ms-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    border-bottom-right-radius: 3em;
    box-shadow: 0 5px 9px -5px rgb(0 0 0 / 20%);
  }

  .halitosis-bad-breath-box .halitosis-tab {
    border: 19px solid #f4f4f7;
    padding-bottom: 2.2em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav {
    height: 11.3em;
    z-index: 1;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-list {
    width: 100%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-switcher-left,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-switcher-right {
    display: none;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content {
    border: none;
    top: 0;
    padding: 0;
    margin-top: 129px;
    z-index: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .whitening-box .articles-image {
    float: right;
  }

  .halitosis-bad-breath-box .halitosis-tab .whitening-box .tips-txt {
    width: 49.2%;
  }

  .halitosis-bad-breath-box .halitosis-tab h2 {
    color: #c8102e;
    font-weight: normal;
    margin-bottom: 0.2em;
  }

  .halitosis-bad-breath-box .halitosis-tab p {
    font-family: "Open Sans", sans-serif;
    color: #515256;
  }

  .halitosis-bad-breath-box .halitosis-tab .parodontax-text {
    margin-top: 1.65em;
    margin-left: 4.4em;
  }

  .halitosis-bad-breath-box .halitosis-tab .bad-breath-main-box {
    margin-bottom: 2.3em;
  }

  .halitosis-bad-breath-box
    .halitosis-tab
    .bad-breath-main-box
    .articles-image {
    margin-left: -0.3em;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt {
    margin-left: -2.5em;
    margin-top: 1.01em;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt ul {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt li {
    font-size: 16px;
    color: rgb(81, 82, 86);
    position: relative;
    list-style: none;
    z-index: 2;
    padding-left: 2.21em;
    margin-bottom: 1.1em;
  }

  .halitosis-bad-breath-box .halitosis-tab .previous-txt {
    padding-left: 8.4%;
  }

  .halitosis-bad-breath-box .halitosis-tab .next-txt {
    padding-right: 8.4%;
  }

  .halitosis-bad-breath-box
    .halitosis-tab
    .tabs-content
    .articles-image.fresh-breath-img
    img {
    float: left;
    width: 100%;
  }

  .halitosis-bad-breath-box .halitosis-tab .availavle-txt {
    margin-top: 1.3em;
    margin-left: 8.7%;
    width: 85%;
  }

  .halitosis-bad-breath-box .halitosis-tab .difference-box {
    padding-left: 115px;
    margin: 20px 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt {
    width: 44%;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt ul,
  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt ul {
    padding: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt li,
  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt li {
    font-size: 0.888889em;
    color: rgb(81, 82, 86);
    position: relative;
    list-style: none;
    z-index: 2;
    padding-left: 2.21em;
    margin-bottom: 1.1em;
  }

  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt {
    margin-left: 2.5%;
    width: 43%;
  }

  .halitosis-bad-breath-box .halitosis-tab .availavle-txt.tab-txt {
    margin-bottom: 7.65em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    width: 20%;
    height: 8.99em;
    border: none;
    margin: 0;
    padding: 0;
    top: 0;
    position: relative;
    background: -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(196, 196, 204, 0.2) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(196, 196, 204, 0.2) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(196, 196, 204, 0.2) 100%
    );
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a {
    background: transparent;
    color: transparent;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a img {
    margin: 0 auto;
    display: block;
    padding-top: 24px;
    width: 47%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 11em;
    background: url(../../assets/img/arrow-back.png) no-repeat;
    background-size: 100%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 65%;
    top: 1.7em;
    right: 0;
    background: rgba(255, 255, 255, 0.025);
    background: -webkit-radial-gradient(
      #afafad 15%,
      rgba(255, 255, 255, 0.025) 80%
    );
    background: -o-radial-gradient(#afafad 15%, rgba(255, 255, 255, 0.025) 80%);
    background: -moz-radial-gradient(
      #afafad 15%,
      rgba(255, 255, 255, 0.025) 80%
    );
    background: radial-gradient(#afafad 15%, rgba(255, 255, 255, 0.025) 83%);
  }

  .halitosis-bad-breath-box .halitosis-tab .next-txt p a {
    padding: 0.87em 17.4%;
  }

  .halitosis-bad-breath-box .next-txt p a {
    border: 1px solid #00205b;
    color: #00205b;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    padding: 0.87em 5.293%;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    font-weight: bold;
  }

  .halitosis-bad-breath-box .previous-txt p:hover,
  .halitosis-bad-breath-box .previous-txt p a:hover {
    color: #fff;
    background-color: rgba(0, 32, 91, 1);
    cursor: pointer;
  }

  .halitosis-bad-breath-box .previous-txt p a {
    text-decoration: none;
    border: 1px solid #00205b;
    color: #00205b;
    border-radius: 10px;
    display: inline-block;
    padding: 0.87em 2% 0.87em 6%;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    position: relative;
    font-weight: bold;
  }

  .halitosis-bad-breath-box .halitosis-tab .previous-txt p a {
    padding: 0.87em 13.5%;
  }

  .halitosis-bad-breath-box .next-txt p:hover,
  .halitosis-bad-breath-box .next-txt p a:hover {
    color: #fff;
    background-color: rgba(0, 32, 91, 1);
    cursor: pointer;
  }

  .halitosis-bad-breath-box .halitosis-tab .whitening-box {
    margin-top: 4.15em;
    padding-left: 4.4em;
    padding-right: 2.8em;
    margin-bottom: 5em;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/red-double-bullet-icon.png)
      left top no-repeat;
    position: absolute;
    left: 0;
    top: 0.4em;
    height: 14px;
    width: 26px;
    z-index: -1;
    background-size: 100%;
    border-radius: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt li:before,
  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/red-double-bullet-icon.png)
      left top no-repeat;
    position: absolute;
    left: 0;
    top: 0.4em;
    height: 14px;
    width: 26px;
    z-index: -1;
    background-size: 100%;
    border-radius: 0;
  }

  .halitosis-bad-breath-box .previous-txt p a:before {
    content: "";
    background: url(../../assets/img/right-arrow.png) no-repeat;
    transform: translate(0, -50%) scaleX(-1) !important;
    display: inline-block;
    position: absolute;
    top: 24px;
    background-size: contain;
    left: 38px;
    width: 14px;
    height: 14px;
  }

  .halitosis-bad-breath-box .next-txt p a:after {
    content: "";
    background: url(../../assets/img/right-arrow.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 18px;
    background-size: contain;
    right: 55px;
    width: 14px;
    height: 14px;
  }

  .halitosis-bad-breath-box .halitosis-tab .availavle-txt.fluoride-txt {
    margin-bottom: 6.1em;
    margin-left: 8.7%;
    width: 85%;
  }
}

.product-toothbrush {
  padding-top: 24px;
}

.product-toothbrush a {
  text-decoration: none;
}

@media only screen and (min-width: 1400px) {
  .flossing-tips-dsk-box
    .flossing-tips-cnt-box:nth-child(6)
    > .component-content
    > .paragraphSystem {
    width: 620px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-products
    .hero-banner-box
    > .component-content
    > .content
    > .container
    > .component-content {
    height: 55% !important;
  }
  .page-products .hero-banner-box .richText.background-white {
    margin-top: 0 !important;
  }
  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .toothpaste-for-gingivitis-tips-richtext
    h2 {
    padding: 10px 0 10px 27px;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .toothpaste-for-gingivitis-tips-richtext
    h2
    a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    text-decoration: none;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-1
    .toothpaste-for-gingivitis-tips-right-image
    img {
    float: right;
    margin: 60px 120px 0 0;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-1
    .toothpaste-for-gingivitis-tips-right-image
    figcaption {
    margin: 49px 0 0 54px;
    width: 47%;
    float: left;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption h2 {
    color: #c8102e;
    font-weight: normal;
    margin-bottom: 10px;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption p {
    color: #646569;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-2
    figure {
    float: left;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-2
    .toothpaste-for-gingivitis-tips-left-image
    img {
    float: left;
    margin: 36px 76px 52px 96px;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-2
    .toothpaste-for-gingivitis-tips-left-image
    figcaption {
    float: left;
    width: 47%;
    margin-top: 64px;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption h2 {
    color: #c8102e;
    font-weight: normal;
    margin-bottom: 10px;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-3
    .toothpaste-for-gingivitis-tips-right-image
    img {
    float: right;
    margin: 52px 29px 79px 0;
    width: 43%;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-3
    .toothpaste-for-gingivitis-tips-right-image
    figcaption {
    width: 42%;
    float: left;
    margin: 59px 0 0 93px;
  }

  .article-content-block .articles-main-box .choosing-right-toothpaste-text {
    width: 80%;
    margin: 0 auto;
  }

  .food-for-healthy-teeth-and-gums .carousel-slides .healthy-carousel-txt,
  .food-for-healthy-teeth-and-gums .carousel-slides .availavle-txt {
    padding: 2em 2% 0 12.2%;
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .gum-health-block .image figcaption {
    width: 96.1%;
  }

  .page-stages .richTextEnhanced {
    width: 60%;
    margin: 0 auto;
    text-align: center;
  }
}

@media only screen and (max-width: 1024px) {
  .gum-health-block.related-article-box .image figcaption h4 {
    padding-left: 14px;
    width: 96%;
    font-size: 18px;
    line-height: 22px;
  }

  .margin-top_20-mb {
    margin-top: 20px;
  }

  .risk-factors-block {
    padding-top: 0;
  }

  .risk-factors-block .richText {
    padding-top: 0;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption {
    margin-bottom: 30px;
  }

  .gum-care-tips .risk-factors-block {
    padding: 0 15px 0 15px;
  }

  .gum-care-tips .risk-factors-block .richText {
    padding: 0 2.5% 30px 15px;
  }

  .vitamins-and-minerals-box .prevent-tips-box::after {
    left: 0;
  }

  .vitamins-and-minerals-box .prevent-tips-box::before,
  .vitamins-and-minerals-box .prevent-tips-box::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 95%;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#990000),
      to(transparent)
    );
    background-image: -webkit-linear-gradient(#990000, transparent);
    background-image: -moz-linear-gradient(#990000, transparent);
    background-image: -o-linear-gradient(#990000, transparent);
    background-image: linear-gradient(#990000, transparent);
  }

  .all-about-gums-slider {
    margin: 0;
  }

  .receding-box .receding-txt ol {
    width: 46.7%;
  }

  .receding-box .receding-txt ol li {
    left: 10.5%;
  }

  .receding-box .reference-receding-gums,
  .swollen-gums-details .reference-swollen-gums {
    margin-top: 30px;
  }

  .treatment-swollen-box .swollen-gums-img h3 {
    width: 100%;
  }

  .treatment-swollen-box .parodontax-text p,
  .treatment-swollen-box .swollen-soft-txt p,
  .treatment-swollen-box .swollen-floss-txt p {
    width: 100%;
  }

  .page-faq .container.container-article .parametrizedhtml {
    margin-top: 20px;
  }

  .page-faq .container.container-article {
    width: 100%;
  }
}

.article-content-block .toothpaste-for-gingivitis-tips-box .tips-image-box-1 {
  background: url(../../assets/img/Stannous_Fluoride_bg-v2.png) no-repeat;
}

.article-content-block .toothpaste-for-gingivitis-tips-box .tips-image-box-2 {
  background: url(../../assets/img/Triclosan_bg-v2.png) no-repeat;
}

.article-content-block .toothpaste-for-gingivitis-tips-box .tips-image-box-3 {
  background: url(../../assets/img/Enjoyable_Flavor_bg-v2.png) no-repeat;
}
.gum-health-test-pack img {
  max-width: initial;
}
@media only screen and (min-width: 1200px) {
  .gum-health-block .image figcaption {
    bottom: -49px;
  }

  .article-content-block .about-gums-txt p {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center bottom;
    padding: 0em 1% 8.4em 0px;
    background-size: contain;
  }

  .article-content-block .about-gums-txt h2 {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center bottom;
    padding: 0.7em 1% 2.8em 0;
    margin-top: -1.15em;
    background-size: contain;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .toothpaste-for-gingivitis-tips-richtext
    h2
    a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    text-decoration: none;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .toothpaste-for-gingivitis-tips-richtext
    h2 {
    background: linear-gradient(
      to bottom,
      rgba(141, 9, 20, 1),
      rgba(141, 9, 20, 0.7),
      rgba(200, 16, 6, 0.5)
    );
    font-weight: normal;
    padding: 23px 0 24px 27px;
    margin: 0;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-1
    .toothpaste-for-gingivitis-tips-right-image
    img {
    float: right;
    margin: 58px 118px 0 0;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-1
    .toothpaste-for-gingivitis-tips-right-image
    figcaption {
    margin: 59px 0 0 53px;
    width: 48%;
    float: left;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-2
    figure {
    float: left;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-2
    .toothpaste-for-gingivitis-tips-left-image
    img {
    float: left;
    margin: 36px 94px 52px 96px;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-2
    .toothpaste-for-gingivitis-tips-left-image
    figcaption {
    float: left;
    width: 47%;
    margin-top: 54px;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-3
    .toothpaste-for-gingivitis-tips-right-image
    img {
    float: right;
    margin: 52px 61px 79px 0;
    width: 38%;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-3
    .toothpaste-for-gingivitis-tips-right-image
    figcaption {
    width: 42%;
    float: left;
    margin: 49px 0 0 93px;
  }

  .article-content-block .choosing-right-toothpaste-text {
    width: 69.5%;
    margin: 0 auto;
  }

  .article-content-block .choosing-right-toothpaste-text {
    width: 69.5%;
    margin: 0 auto;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt .richText-content {
    top: 3.3em;
  }

  .vitamins-and-minerals-box .prevent-tips-box .articles-box {
    padding: 2.9em 70px 0.6em 70px;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-1,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-3 {
    padding-left: 0;
  }

  .vitamins-and-minerals-box .prevent-promo-txt p {
    font-size: 1em;
    line-height: 1.55;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box {
    padding: 2.3em 0em 0 3.7em;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label:first-of-type {
    padding: 0.8em 16.3%;
    margin-right: 0.5em;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label {
    padding: 0.8em 15.6%;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box {
    padding-top: 1.9em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .false-text {
    background-position: top 0.4em left;
  }

  .alcohol-carousel-box .carousel-nav-next a:before {
    font-size: 46px;
    margin-left: 47%;
    margin-top: 0.2em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    height: 134px;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a img {
    width: auto;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 149px;
    background-size: cover;
    background-position: bottom;
  }

  .halitosis-bad-breath-box .halitosis-tab .next-txt p a {
    padding: 0.87em 16.5%;
  }

  .halitosis-bad-breath-box .halitosis-tab .previous-txt p a {
    padding: 0.87em 12.5%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content {
    margin-top: 8.3em;
  }
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
  .coupon-message .component-content {
    margin: 0 auto;
    padding: 0 5%;
    text-align: center;
  }
  .coupon-message {
    margin-top: 40px;
  }
  .alcohol-carousel-box .alcohol-carousel .questions-left-box h2 a {
    font-size: 22px;
    line-height: 26px;
  }

  .alcohol-carousel-box .conclusion-text p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
  }

  .alcohol-carousel-box .conclusion-text p a {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
  }

  .alcohol-carousel-box .conclusion-text .conclusion-title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
  }

  .alcohol-carousel-box .conclusion-text .conclusion-header {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .alcohol-carousel-box .conclusion-text p:last-child {
    margin-top: 1.3em;
  }

  .gum-health-title {
    margin: 0 0 15px 0;
  }

  .gum-health-title .page-title {
    font-size: 26px;
    line-height: 30px;
  }

  .article-content-block h1 {
    font-size: 26px;
    line-height: 30px;
  }

  .article-content-block h2 {
    font-size: 20px;
    line-height: 24px;
  }

  .article-content-block h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .article-content-block h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .gum-health-block .image img {
    float: left;
    margin-right: 15px;
    width: 140px;
  }

  .gum-health-block .image {
    border-bottom: 1px solid #dddeee;
    margin: 0px 0px 25px 0px;
    padding-bottom: 25px;
  }

  .gum-health-block .image p {
    text-align: left;
    padding-top: 10px;
    line-height: 15px;
  }

  .gum-health-block .image h4 {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    color: #00205b;
    text-align: left;
    padding-top: 13px;
    line-height: 23px;
  }

  .gum-treatment-box {
    border: 1px solid #bababa;
  }

  .gum-treatment-box {
    margin: 0 auto;
  }

  .gum-treatment-box {
    width: 99.5%;
    margin: 0.85em auto;
    text-align: center;
    border: 2px solid #bababa;
    background: -moz-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 99%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.2)),
      color-stop(1%, rgba(254, 254, 254, 0.2)),
      color-stop(100%, rgba(183, 183, 193, 0.2))
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 99%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -o-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 99%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -ms-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 99%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 99%,
      rgba(255, 255, 255, 0.2) 100%
    );
    border-bottom: 1px solid #bababa;
  }

  .stages-img {
    display: table;
    width: 92%;
    padding: 1.5em 4% 1% 4%;
  }

  .stages-text p {
    font-family: "Open Sans", sans-serif;
    font-size: 0.7777777777777778em;
    color: #515256;
    padding-bottom: 2em;
    width: 87%;
    margin: 0 auto;
  }

  .gum-treatment-box .stages-img figcaption h3 {
    color: #c8102e;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 1.3335em;
    line-height: 1.2778;
    padding-top: 10px;
  }

  .article-content-block .disease-txt {
    margin-top: 0.2em;
    padding: 20px 0 0 0;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center top;
  }

  .article-content-block .disease-txt h2 {
    font-size: 1.099em;
    font-weight: normal;
    margin: 0 0 0.3em 0;
  }

  .article-content-block .disease-txt ol li {
    color: #fff;
    font-weight: normal;
    font-size: 0.769em;
    position: relative;
    z-index: 2;
    left: 8%;
    list-style-type: none;
    padding: 2px 0 8px 8px;
    margin-left: 10px;
  }

  .article-content-block .disease-txt ol li .reasons-txt {
    color: #666666;
    font-weight: normal;
    font-size: 1em;
  }

  .article-content-block .disease-txt ol li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/article-bullet-mb.png) left
      top no-repeat;
    position: absolute;
    left: -2.8em;
    top: 0.2em;
    width: 14%;
    z-index: -1;
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    padding-left: 1.65em;
    height: 2em;
    line-height: 1.15;
  }

  .article-content-block .disease-txt .image {
    width: 100%;
    margin-bottom: 1.9em;
  }

  .article-content-block .disease-txt p {
    color: #666666;
    font-size: 0.833em;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center top;
    padding-top: 1.1em;
  }

  .article-content-block .disease-txt ol {
    padding: 0;
    margin: 0;
    margin-bottom: 1.1em;
  }

  .article-content-block.about-gums-txt {
    float: left;
    width: 100%;
  }

  .article-content-block .about-gums-txt h2 {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center top;
    margin-top: 1.2em;
    color: #cc0033;
    font-size: 1.111111111111111em;
    font-weight: normal;
    text-align: center;
    padding: 0.6em 15% 0;
    background-size: contain;
  }

  .article-content-block .brush-txt {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center top;
    margin-top: 0.5em;
    background-size: contain;
    padding-top: 15px;
  }

  .img-width-mb img {
    width: 100%;
  }

  .what-causes-gingivitis .causes-gingivitis-box .causes-gingivitis-box-2 {
    padding: 2em 0% 3.5em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box .causes-gingivitis-box-3 {
    padding: 2.2em 0% 1.7em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box .causes-gingivitis-box-4 {
    padding: 2.5em 0% 2.2em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box-1,
  .what-causes-gingivitis .causes-gingivitis-box-2,
  .what-causes-gingivitis .causes-gingivitis-box-3,
  .what-causes-gingivitis .causes-gingivitis-box-4 {
    position: relative;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/gradient-banner-mb.png)
      no-repeat center;
    background-position: 100% bottom;
    background-size: 100%;
  }

  .article-content-block .causes-gingivitis-box-1 .tips-img-left,
  .article-content-block .causes-gingivitis-box-2 .tips-img-right {
    width: 55%;
    margin: 0 auto;
    float: none;
  }

  .article-content-block .causes-gingivitis-box-3 .tips-img-left {
    width: 65%;
    margin: 0 auto;
    float: none;
  }

  .article-content-block .box .image.margin-top_20-mb {
    padding-top: 30px;
  }

  .article-content-block .causes-gingivitis-box-4 .tips-img-left {
    width: 80%;
    margin: 0 auto;
    float: left;
  }

  .article-content-block .causes-gingivitis-box-1 .care-tips-txt-left {
    padding: 0.3em 5% 1.4em 7%;
  }

  .article-content-block .causes-gingivitis-box-2 .care-tips-txt-right {
    padding: 0.3em 5% 0 7%;
  }

  .article-content-block .causes-gingivitis-box-3 .care-tips-txt-left {
    padding: 0.3em 11% 0 7%;
  }

  .what-causes-gingivitis .causes-gingivitis-box-2 {
    padding: 2em 0% 3.5em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box-3 {
    padding: 2.2em 0% 1.7em 0%;
  }

  .what-causes-gingivitis .causes-gingivitis-box-4 {
    padding: 2.5em 0% 2.2em 0%;
  }

  .article-content-block .causes-gingivitis-box-4 .care-tips-txt-right {
    padding: 1.7em 6% 0 7%;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .toothpaste-for-gingivitis-tips-richtext
    h2 {
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .toothpaste-for-gingivitis-tips-richtext
    h2
    a {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box .tips-image-box-1,
  .article-content-block .toothpaste-for-gingivitis-tips-box .tips-image-box-2,
  .article-content-block .toothpaste-for-gingivitis-tips-box .tips-image-box-3 {
    background: linear-gradient(to bottom, white, white, #ededef);
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box img {
    display: block;
    margin: 33px auto;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption {
    padding: 0 3%;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box img {
    display: block;
    margin: 33px auto;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption {
    padding: 0 3%;
  }

  .article-content-block
    .toothpaste-for-gingivitis-tips-box
    .tips-image-box-3
    img {
    width: 85%;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box img {
    display: block;
    margin: 33px auto;
  }

  .article-content-block .toothpaste-for-gingivitis-tips-box figcaption {
    padding: 0 3%;
  }

  .symptoms-gums-box img {
    display: none;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt .richText-content {
    background: -moz-linear-gradient(
      180deg,
      rgba(102, 0, 0, 1) 0%,
      rgba(148, 0, 23, 1) 27%,
      rgba(204, 0, 51, 1) 59%
    );
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(41%, rgba(204, 0, 51, 1)),
      color-stop(73%, rgba(148, 0, 23, 1)),
      color-stop(100%, rgba(102, 0, 0, 1))
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(102, 0, 0, 1) 0%,
      rgba(148, 0, 23, 1) 27%,
      rgba(204, 0, 51, 1) 59%
    );
    background: -o-linear-gradient(
      180deg,
      rgba(102, 0, 0, 1) 0%,
      rgba(148, 0, 23, 1) 27%,
      rgba(204, 0, 51, 1) 59%
    );
    background: -ms-linear-gradient(
      180deg,
      rgba(102, 0, 0, 1) 0%,
      rgba(148, 0, 23, 1) 27%,
      rgba(204, 0, 51, 1) 59%
    );
    background: linear-gradient(
      270deg,
      rgba(102, 0, 0, 1) 0%,
      rgba(148, 0, 23, 1) 27%,
      rgba(204, 0, 51, 1) 59%
    );
    border-bottom-left-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
    padding: 2.5em 7% 4em;
  }

  .article-content-block
    .symptoms-gums-box
    .care-tips-txt
    .richText-content
    h2 {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    text-align: center;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt .richText-content p {
    color: #fff;
    font-size: 0.778em;
    text-align: center;
  }

  .article-content-block .symptoms-gums-box .care-tips-txt.no-results-text {
    padding: 0;
  }

  .risk-factors-block {
    padding-top: 0;
  }

  .risk-factors-block .richText {
    padding-top: 0;
  }

  .article-content-block .treatment-steps-box .richText {
    margin-bottom: 30px;
  }

  .page-how-to-brush-your-teeth .tips-header .component-content,
  .article-content-block .tips-txt .component-content {
    width: 100%;
  }

  .article-content-block .tips-txt img {
    width: 11%;
    margin: 0;
  }

  .article-content-block .tips-txt p {
    float: right;
    width: 100%;
    padding-top: 10px;
  }

  .article-content-block .tips-txt h2 {
    float: right;
    width: 85%;
  }

  .vitamins-and-minerals-box .prevent-tips-box .gum-health-txt {
    background: url(../../assets/img/oral-parodontax/thick-red-bar.png)
      no-repeat;
  }

  .vitamins-and-minerals-box .prevent-tips-box .articles-box {
    padding: 2.8em 4% 0 4%;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-1,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-2,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-3,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-4 {
    background: url(../../assets/img/oral-parodontax/bar-divider.png) no-repeat
      center;
    background-position: 100% bottom;
    background-size: contain;
    padding-bottom: 5.4em;
    margin-top: -0.3em;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img {
    min-height: 7em;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img img {
    top: 2.5em;
    position: relative;
    width: 18%;
    margin: 0 auto;
    float: none;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0% !important;
  }

  .vitamins-and-minerals-box .prevent-tips-box h3 {
    color: #c8102e;
    font-weight: normal;
    font-size: 1.111111111111111em;
    text-align: center;
    margin: 0;
  }

  .vitamins-and-minerals-box .articles-box p {
    text-align: center;
  }

  .vitamins-and-minerals-box p {
    padding-right: 1%;
  }

  .vitamins-and-minerals-box .prevent-tips-box .gum-health-txt h2 {
    font-size: 18px;
    line-height: 22px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-weight: normal;
    padding: 0.8em 0;
    text-align: center;
  }

  .vitamins-and-minerals-box .prevent-tips-box::after {
    left: 0;
  }

  .vitamins-and-minerals-box .prevent-tips-box::before,
  .vitamins-and-minerals-box .prevent-tips-box::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 95%;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#990000),
      to(transparent)
    );
    background-image: -webkit-linear-gradient(#990000, transparent);
    background-image: -moz-linear-gradient(#990000, transparent);
    background-image: -o-linear-gradient(#990000, transparent);
    background-image: linear-gradient(#990000, transparent);
  }

  .alcohol-carousel-box {
    padding-top: 1.8em;
  }

  .alcohol-carousel-box .alcohol-carousel {
    border: 10px solid #f4f4f7;
    padding: 0;
    position: relative;
  }

  .alcohol-carousel-box .conclusion-text {
    border: 10px solid #f4f4f7;
    position: relative;
    height: 16.4em;
    background: -moz-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(153, 0, 0, 1)),
      color-stop(1%, rgba(153, 0, 0, 1)),
      color-stop(49%, rgba(177, 0, 24, 1)),
      color-stop(100%, rgba(204, 0, 51, 1))
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -o-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -ms-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: linear-gradient(
      270deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    text-align: center;
    color: #ffffff;
  }

  .alcohol-carousel-box .alcohol-carousel .carousel-slides {
    height: 24em !important;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box .image img {
    margin-top: -1.7em;
    margin-left: 0em;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box {
    padding: 0.95em 1em 1.89em 1.6em;
    min-height: 12.5em;
    background: -moz-linear-gradient(
      90deg,
      rgb(237, 236, 236) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 1)),
      color-stop(56%, rgba(255, 255, 255, 1)),
      color-stop(100%, rgb(237, 236, 236))
    );
    background: -webkit-linear-gradient(
      90deg,
      rgb(237, 236, 236) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -o-linear-gradient(
      90deg,
      rgb(237, 236, 236) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -ms-linear-gradient(
      90deg,
      rgb(237, 236, 236) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
      0deg,
      rgb(237, 236, 236) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 1) 100%
    );
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box {
    background: -moz-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(153, 0, 0, 1)),
      color-stop(1%, rgba(153, 0, 0, 1)),
      color-stop(49%, rgba(177, 0, 24, 1)),
      color-stop(100%, rgba(204, 0, 51, 1))
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -o-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: -ms-linear-gradient(
      180deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    background: linear-gradient(
      270deg,
      rgba(204, 0, 51, 1) 0%,
      rgba(177, 0, 24, 1) 51%,
      rgba(153, 0, 0, 1) 99%,
      rgba(153, 0, 0, 1) 100%
    );
    padding: 0;
    min-height: 13em;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questions-header
    p {
    font-size: 0.5555555555555556em;
    color: #c8102e;
    font-family: "Open Sans", sans-serif;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box h2 {
    font-size: 1.111111111111111em;
    font-family: "Open Sans", sans-serif;
    color: #00205b;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .imgContainer {
    position: absolute;
    bottom: 1.9em;
  }

  .alcohol-carousel-box
    .alcohol-carousel
    .questions-left-box
    .questionWithRadio
    .genericFormGroup
    label {
    width: 7em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p:first-child {
    padding-right: 1.5em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    padding-left: 11%;
    padding-top: 18px;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .true-text {
    padding-left: 18px;
    padding-top: 3px;
    background-size: 11%;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p .false-text {
    padding-left: 18px;
    padding-top: 3px;
    background-size: 11%;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box p:last-child {
    padding-right: 2.2em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box .image {
    margin: 0 auto;
    width: 37%;
    padding-top: 3.5em;
  }

  .alcohol-carousel-box .alcohol-carousel .answers-right-box .image img {
    float: left;
  }

  .alcohol-carousel-box .slick-prev,
  .alcohol-carousel-box .slick-next {
    font-family: Arial, Bangla326, sans-serif;
    height: 100%;
    width: 100%;
    -moz-border-radius: 0 150px 150px 0;
    border-radius: 0 150px 150px 0;
    background: #a2a6ab;
    width: 37px;
    height: 77px;
  }

  .alcohol-carousel-box .slick-prev::before,
  .alcohol-carousel-box .slick-next::before {
    z-index: 999;
    position: absolute;
    display: block;
    height: 26px;
    width: 15px;
    background-image: url(../../assets/img/chevron-white.png);
    background-color: transparent;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    right: 15px;
  }

  .alcohol-carousel-box .slick-prev::before {
    transform: translate(0, -50%) scaleX(-1) !important;
  }

  .alcohol-carousel-box .slick-next::before {
    transform: translate(0, -50%) scaleX(-1) !important;
  }

  .alcohol-carousel-box .slick-prev {
    left: -18px;
    transform: translate(0, -50%) scaleX(1) !important;
  }

  .alcohol-carousel-box .slick-next {
    transform: translate(0, -50%) scaleX(-1) !important;
    right: -18px;
  }

  .receding-box .receding-txt {
    width: 100%;
    margin: 0.85em auto;
    background: -moz-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.2)),
      color-stop(1%, rgba(254, 254, 254, 0.2)),
      color-stop(100%, rgba(183, 183, 193, 0.2))
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -o-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: -ms-linear-gradient(
      90deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(183, 183, 193, 0.2) 0%,
      rgba(254, 254, 254, 0.2) 75%,
      rgba(255, 255, 255, 0.2) 100%
    );
    border-bottom-right-radius: 3em;
    box-shadow: 0 5px 9px -5px rgb(0 0 0 / 20%);
  }

  .receding-box .receding-txt h3 {
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center top;
    margin-top: 0.4em;
    font-weight: normal;
    text-align: center;
    padding: 0.85em 5% 0;
    background-size: contain;
  }

  .receding-box .receding-txt h4 {
    font-weight: normal;
    padding: 1em 0 0;
    background-color: #fff;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg)
      no-repeat center;
    background-position: center top;
    margin-top: 0.5em;
    background-size: contain;
  }

  .receding-box .receding-txt p {
    padding: 10px 0 16px;
  }

  .receding-box .receding-txt ol li {
    position: relative;
    list-style: none;
    z-index: 2;
    left: 9%;
    padding-bottom: 10px;
  }

  .receding-box .receding-txt ol li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/article-bullet-mb.png) left
      top no-repeat;
    position: absolute;
    left: -10%;
    top: 0.5em;
    height: 9px;
    width: 18px;
    z-index: -1;
    background-size: 100%;
  }

  .halitosis-bad-breath-box .halitosis-tab {
    border: 10px solid #f4f4f7;
    padding-bottom: 1.4em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav {
    height: 7.3em;
    z-index: 1;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-list {
    width: 100%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    width: 20%;
    height: 4.99em;
    border: none;
    margin: 0;
    padding: 0;
    top: 0;
    position: relative;
    background: -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(196, 196, 204, 0.2) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(196, 196, 204, 0.2) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(196, 196, 204, 0.2) 100%
    );
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 80%;
    top: 0.5em;
    right: 0;
    background: rgba(255, 255, 255, 0.025);
    background: -webkit-radial-gradient(
      #afafad 15%,
      rgba(255, 255, 255, 0.025) 80%
    );
    background: -o-radial-gradient(#afafad 15%, rgba(255, 255, 255, 0.025) 80%);
    background: -moz-radial-gradient(
      #afafad 15%,
      rgba(255, 255, 255, 0.025) 80%
    );
    background: radial-gradient(#afafad 15%, rgba(255, 255, 255, 0.025) 83%);
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a {
    background: transparent;
    color: transparent;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a img {
    margin: 0 auto;
    display: block;
    padding-top: 0.6em;
    width: 50%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a img {
    padding-top: 14px;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content {
    border: none;
    top: 0;
    padding: 0;
    margin-top: 4em;
    z-index: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .whitening-box {
    padding: 0 6% 1.4em 10%;
  }

  .halitosis-bad-breath-box .halitosis-tab .whitening-box .articles-image,
  .halitosis-bad-breath-box
    .halitosis-tab
    .bad-breath-main-box
    .articles-image {
    padding: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .whitening-box .articles-image {
    margin-bottom: 0.5em;
  }

  .halitosis-bad-breath-box .halitosis-tab .articles-image {
    padding: 0.45em 6% 0;
  }

  .halitosis-bad-breath-box .halitosis-tab h2 {
    color: #c8102e;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    float: none;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content p {
    font-size: 14px;
    line-height: 18px;
  }

  .halitosis-bad-breath-box .halitosis-tab .next-txt {
    float: right;
    padding-right: 1.7em;
    width: 50%;
    display: inline-block;
  }

  .halitosis-bad-breath-box .halitosis-tab .next-txt p a {
    border: 1px solid #00205b;
    color: #00205b;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    position: relative;
    text-decoration: none;
    padding: 0.3em 32%;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  }

  .halitosis-bad-breath-box .halitosis-tab .parodontax-text {
    margin-top: 0.3em;
    padding-left: 1.7em;
    padding-right: 1em;
  }

  .halitosis-bad-breath-box .previous-txt p a {
    border: 1px solid #00205b;
    color: #00205b;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 0.8em;
    position: relative;
    text-decoration: none;
    padding: 0.3em 22%;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  }

  .halitosis-bad-breath-box
    .halitosis-tab
    .bad-breath-main-box
    .articles-image {
    width: 83%;
    float: left;
    margin-top: 1.2em;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt {
    padding-left: 1.8em;
    padding-right: 1%;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt ul {
    padding: 0;
    margin: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt li {
    font-size: 0.7222222222222222em;
    color: rgb(81, 82, 86);
    position: relative;
    list-style: none;
    z-index: 2;
    padding-left: 1.8em;
    margin-bottom: 1.1em;
  }

  .halitosis-bad-breath-box .halitosis-tab .previous-txt {
    float: left;
    padding-left: 1.7em;
    width: 50%;
    display: inline-block;
  }

  .halitosis-bad-breath-box .halitosis-tab .availavle-txt {
    padding-right: 4%;
    width: 85%;
    top: 0;
    margin: 0.5em 0 0.5em 1.7em;
  }

  .halitosis-bad-breath-box .halitosis-tab .difference-box {
    padding: 0 0.8em 0.3em 1.7em;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt ul {
    padding: 0;
    margin: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt li,
  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt li {
    font-size: 0.7222222222222222em;
    color: rgb(81, 82, 86);
    position: relative;
    list-style: none;
    z-index: 2;
    padding-left: 1.8em;
    margin-bottom: 0.8em;
  }

  .halitosis-bad-breath-box .halitosis-tab .topics-txt li:before,
  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/red-double-bullet-icon.png)
      left top no-repeat;
    position: absolute;
    left: 0;
    top: 0.4em;
    height: 14px;
    width: 20px;
    z-index: -1;
    background-size: 100%;
    border-radius: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .fluoride-txt ul {
    padding: 0;
    margin: 0;
  }

  .halitosis-bad-breath-box .availavle-txt {
    width: 100%;
    text-align: center;
    top: 1em;
  }

  .halitosis-bad-breath-box .halitosis-tab .details-txt li:before {
    content: "";
    background: url(../../assets/img/oral-parodontax/red-double-bullet-icon.png)
      left top no-repeat;
    position: absolute;
    left: 0;
    top: 0.4em;
    height: 14px;
    width: 20px;
    z-index: -1;
    background-size: 100%;
    border-radius: 0;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 5.5em;
    background: url(../../assets/img/arrow-back-mb.png) no-repeat bottom center;
    background-size: cover;
  }

  .halitosis-bad-breath-box .previous-txt p a:before {
    content: "";
    background: url(../../assets/img/right-arrow.png) no-repeat;
    transform: translate(0, -50%) scaleX(-1) !important;
    display: inline-block;
    position: absolute;
    top: 14px;
    background-size: contain;
    left: 16px;
    width: 14px;
    height: 14px;
  }

  .halitosis-bad-breath-box .next-txt p a:after {
    content: "";
    background: url(../../assets/img/right-arrow.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 8px;
    background-size: contain;
    right: 26px;
    width: 14px;
    height: 14px;
  }

  .desktop-slider {
    display: none;
  }

  .mobile-slider {
    display: block;
  }

  .food-for-healthy-teeth-and-gums .mobile-slider .tips-header {
    background: url(../../assets/img/oral-parodontax/red-bar.jpg) no-repeat;
    background-size: cover;
  }

  .food-for-healthy-teeth-and-gums .mobile-slider .tips-header h2 {
    font-size: 1.5em;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-weight: normal;
    padding: 1.01em 0 0.89em;
    text-align: center;
  }

  .food-for-healthy-teeth-and-gums
    .carousel-slides
    .mb-healthy-carousel-txt
    p:first-child::before {
    content: "";
    background: url(../../assets/img/oral-parodontax/thumbs-up-blue-icon.png)
      no-repeat;
    width: auto;
    height: auto;
    padding-right: 1.6em;
    font-size: 1.2em;
    background-size: contain;
  }

  .food-for-healthy-teeth-and-gums
    .carousel-slides
    .mb-availavle-txt
    p:first-child::before {
    content: "";
    background: url(../../assets/img/oral-parodontax/hand-red-icon.png)
      no-repeat;
    width: auto;
    height: auto;
    padding-right: 1.6em;
    font-size: 1.2em;
    background-size: contain;
  }

  .article-content-block.food-for-healthy-teeth-and-gums h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 8px 0;
  }

  .all-about-gums-slider.mobile-slider .carousel .image figcaption {
    padding: 19px 20px 0 20px;
    min-height: 260px;
  }

  /* .treatment-swollen-box,
  .gums-details-box {
    padding-top: 0;
    background: url(../../assets/img/oral-parodontax/divider-article-mb.jpg) no-repeat bottom center;
    background-position: bottom;
    padding-bottom: 3.2em;
    background-size: contain;
  }

  .treatment-swollen-box .parodontax-text:nth-of-type(1) {
    text-align: center;
  }

  .treatment-swollen-box .parodontax-text h2 {
    font-size: 1.111111111111111em;
  }

  .treatment-swollen-box .parodontax-text:nth-of-type(1) p {
    padding: 2em 7%;
  }

  .treatment-swollen-box .parodontax-text p {
    font-size: 0.7777777777777778em;
    color: #515256;
  }

  .treatment-swollen-box .swollen-gums-img {
    display: table;
    width: 100%;
  }

  .treatment-swollen-box .swollen-gums-img figure {
    width: 100%;
  }

  .treatment-swollen-box .swollen-gums-img figure img {
    width: 100%;
    float: left;
  }

  .treatment-swollen-box .swollen-gums-img figure figcaption {
    width: 18em;
  }

  .treatment-swollen-box .swollen-gums-img figure .img-div,
  .treatment-swollen-box .swollen-gums-img figure figcaption {
    display: table-cell;
    vertical-align: middle;
  }

  .treatment-swollen-box .swollen-gums-img figure figcaption h3 {
    width: 79%;
  }

  .treatment-swollen-box .swollen-gums-img figure figcaption h3 {
    text-align: left;
    width: 69%;
  }

  .treatment-swollen-box .swollen-gums-img h3 {
    font-size: 1.111111111111111em;
    color: #c8102e;
    margin: 0 auto;
    font-weight: normal;
  }

  .treatment-swollen-box .swollen-soft-txt,
  .treatment-swollen-box .swollen-floss-txt,
  .treatment-swollen-box .fluoride-txt {
    padding: 0 9%;
    font-size: 0.8333333333333333em;
  }

  .treatment-swollen-box .swollen-soft-txt p {
    padding: 1em 0 0.2em;
  }

  .treatment-swollen-box .swollen-floss-txt {
    padding-top: 1.2em;
  }

  .treatment-swollen-box .swollen-gums-img:nth-last-of-type(2),
  .treatment-swollen-box .swollen-gums-img:nth-last-of-type(2) figure,
  .treatment-swollen-box .swollen-gums-img:nth-last-of-type(2) figure figcaption {
    display: block;
    width: 100%;
    float: left;
  }

  .treatment-swollen-box .swollen-gums-img:nth-last-of-type(2) figure figcaption h3 {
    width: 90%;
    margin: 0.7em auto 0;
  }

  .treatment-swollen-box .fluoride-txt {
    padding-top: 0.8em;
    float: left;
  } */
  .margin-20-bottom-mb {
    margin-bottom: 20px;
  }

  .margin-30-bottom-mb {
    margin-bottom: 30px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 90px;
    background-size: cover;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    height: 79px;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content {
    margin-top: 86px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image h3 {
    float: right;
    width: 56%;
    padding-top: 5%;
    padding-right: 0;
    padding-bottom: 2%;
    color: #c8102e;
    font-weight: normal;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image p {
    width: 56%;
    float: right;
    padding-right: 0%;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image img {
    float: left;
    padding-top: 5%;
    width: 40%;
    height: 290px;
  }

  .flossing-tips-dsk-box
    .flossing-tips-cnt-box:nth-child(2)
    .flossing-tips-richtext {
    margin-top: 0;
  }

  .flossing-tips-dsk-box
    .flossing-tips-cnt-box:nth-child(2)
    .flossing-tips-richtext
    .richText-content {
    margin-top: 3.7%;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav {
    height: 9.3em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    height: 132px;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 144px;
    background-size: cover;
    background-position: bottom;
  }

  .footer-menu-links .richText {
    width: 41%;
    float: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gum-health-block .image img {
    float: left;
    margin-right: 29px;
  }

  .gum-health-block .image {
    border-bottom: 1px solid #dddeee;
    margin: 0px 0px 25px 0px;
    padding-bottom: 25px;
    width: 100%;
  }

  .gum-health-block .image h4 {
    font-size: 25px;
    font-family: "Open Sans", sans-serif;
    color: #00205b;
    text-align: left;
    padding-top: 13px;
    line-height: 35px;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img {
    min-height: 12.5em;
  }

  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-1,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-2,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-3,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-4 {
    padding-bottom: 9em;
    margin-top: -3.3em;
  }

  .vitamins-and-minerals-box .prevent-tips-box .articles-box {
    padding: 5.1em 4% 0 4%;
  }

  .flossing-tips-dsk-box
    .flossing-tips-cnt-box:nth-child(6)
    > .component-content
    > .paragraphSystem {
    padding-top: 6px;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content {
    margin-top: 9em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav {
    height: 8.3em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    height: 116px;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 132px;
  }
}

@media only screen and (max-width: 991px) {
  .article-content-block .one-in-three-box .callout-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0;
    padding-bottom: 28px;
    background: url(/content/dam/cf-consumer-healthcare/parodontax-v3/en_US/gum-health/the-parodontax-difference/bottom-bar.png)
      no-repeat !important;
    background-position: 50% 100% !important;
    background-size: 100% auto !important;
  }

  .all-about-gums-slider .slick-prev,
  .all-about-gums-slider .slick-next {
    display: block !important;
  }

  /* .alcohol-carousel-box .slick-prev,
  .alcohol-carousel-box .slick-next {
    display: block !important;
  } */

  .receding-box .receding-txt ol:last-child {
    padding-bottom: 2em !important;
  }

  .receding-box .receding-txt ol li {
    left: 11% !important;
  }

  .receding-box .receding-txt ol {
    text-align: left;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0;
    display: block;
  }

  .receding-box .receding-txt .richText-content {
    padding: 0 10%;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image img {
    width: 45% !important;
    margin: 20px 0;
  }

  .flossing-tips-mob-box {
    display: block;
    clear: both;
  }

  .flossing-tips-dsk-box {
    display: none;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box {
    border: 0px solid #e6e6e6;
    padding: 0 15px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(2)
    .flossing-tips-richtext {
    width: 90% !important;
    margin: 21px auto;
    padding: 1px 22px;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(2) h2 {
    font-size: 20px;
    color: #c8102e;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(2) p {
    width: 303px;
    line-height: 1.8;
    margin-top: 10px;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(3) {
    margin-top: -8px;
    margin-bottom: 8px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(3)
    div[class^="flossing-tips-"],
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(3)
    div[class*=" flossing-tips-"] {
    display: inline-block;
    width: 33%;
    vertical-align: text-top;
    margin-right: 4%;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(3)
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(3)
    div[class*=" flossing-tips-"]
    img {
    width: 50px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(3)
    div[class^="flossing-tips-"]
    p,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(3)
    div[class*=" flossing-tips-"]
    p {
    text-align: center;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(4) {
    margin-top: -8px;
    margin-bottom: 8px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class^="flossing-tips-"],
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class*=" flossing-tips-"] {
    display: inline-block;
    width: 42%;
    vertical-align: text-top;
    margin-right: 11%;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    .flossing-tips-three-image {
    float: right;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class*=" flossing-tips-"]
    img {
    width: 50px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class^="flossing-tips-"]
    p,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class*=" flossing-tips-"]
    p {
    text-align: center;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(5) {
    margin-top: -8px;
    margin-bottom: 8px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class^="flossing-tips-"],
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class*=" flossing-tips-"] {
    display: inline-block;
    width: 33%;
    vertical-align: text-top;
    margin-right: 4%;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class*=" flossing-tips-"]
    img {
    width: 50px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class^="flossing-tips-"]
    p,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class*=" flossing-tips-"]
    p {
    text-align: center;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(6) {
    margin-top: -8px;
    margin-bottom: 8px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class^="flossing-tips-"],
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class*=" flossing-tips-"] {
    display: inline-block;
    width: 42%;
    vertical-align: text-top;
    margin-left: 5%;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class*=" flossing-tips-"]
    img {
    width: 50px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class^="flossing-tips-"]
    p,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class*=" flossing-tips-"]
    p {
    text-align: center;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box:nth-child(7) {
    margin-top: -8px;
    margin-bottom: 8px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class^="flossing-tips-"],
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class*=" flossing-tips-"] {
    display: inline-block;
    width: 33%;
    vertical-align: text-top;
    margin-right: 4%;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class*=" flossing-tips-"]
    img {
    width: 50px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class^="flossing-tips-"]
    p,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class*=" flossing-tips-"]
    p {
    position: relative;
    top: -6px;
    line-height: 1.6;
    text-align: center;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(8)
    > .component-content
    .richText:nth-child(3) {
    padding: 0 15px 25px 15px;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(8)
    > .component-content
    .richText:nth-child(2) {
    padding: 0 15px 25px 15px;
    border-bottom: 1px solid #cccccc;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(8)
    > .component-content
    .richText:nth-child(3)
    h3 {
    font-size: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .flossing-tips-mob-box > .component-content {
    max-width: 500px;
    margin: auto;
    background-image: url(../../assets/img/background-floss-mob.jpg);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(8)
    > .component-content {
    width: 90%;
    margin: 15px auto;
  }

  .flossing-tips-mob-box .flossing-box-7 {
    margin-top: 50px;
  }
}

@media only screen and (min-device-width: 601px) and (max-device-width: 768px) {
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item {
    height: 7.99em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item a img {
    padding-top: 1.1em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-content {
    margin-top: 7em;
  }

  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item:hover,
  .halitosis-bad-breath-box .halitosis-tab .tabs-nav-item.is-active {
    height: 9em;
  }
}

@media only screen and (max-width: 767px) {
  .choosing-right-toothpaste-text {
    margin: 0 10px 0 10px;
  }

  .receding-box .receding-txt ol li {
    left: 11% !important;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image {
    width: 100%;
    background: linear-gradient(white, #f1f1f3);
    margin-top: 40px;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image img {
    margin: 0 auto;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image h3 {
    width: 100%;
    color: #c8102e;
    font-weight: normal;
    font-size: 18px;
    padding-left: 0;
    padding-top: 4%;
    text-align: center;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-right-image p {
    font-size: 14px;
    padding: 0 15px 35px 15px;
    text-align: center;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image img {
    display: none;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image h3 {
    width: 100%;
    color: #c8102e;
    font-weight: normal;
    font-size: 18px;
    padding: 0 0 4% 0;
    text-align: center;
  }

  .brushing-teeth .toothpaste-for-gingivitis-tips-left-image p {
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
  }

  .brushing-teeth .brushing-teeth-txt {
    border: 1px solid #b90023;
    width: 92%;
    margin-left: 4%;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    background: linear-gradient(
      to right,
      #b90023,
      #b90023,
      #b90023,
      #ae0020,
      #950019,
      #790011
    );
  }

  .brushing-teeth .brushing-teeth-txt a {
    color: #ffffff;
  }

  .brushing-teeth .brushing-teeth-txt h3 {
    font-size: 18px;
    width: 70%;
    padding-left: 10%;
    padding-bottom: 17px;
    padding-top: 18px;
    color: white;
    font-weight: normal;
  }

  .brushing-teeth .brushing-teeth-txt p:nth-child(2) {
    padding-bottom: 10px;
  }

  .brushing-teeth .brushing-teeth-txt p {
    font-size: 14px;
    padding-left: 10%;
    width: 80%;
    padding-bottom: 28px;
    color: white;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box div[class^="flossing-tips-"],
  .flossing-tips-mob-box .flossing-tips-cnt-box div[class*=" flossing-tips-"] {
    width: 40% !important;
  }

  .flossing-tips-mob-box .flossing-tips-cnt-box div[class^="flossing-tips-"],
  .flossing-tips-mob-box .flossing-tips-cnt-box div[class*=" flossing-tips-"] {
    width: 40% !important;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box
    div[class*=" flossing-tips-"]
    img {
    width: 50px !important;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box
    div[class^="flossing-tips-"]
    img,
  .flossing-tips-mob-box
    .flossing-tips-cnt-box
    div[class*=" flossing-tips-"]
    img {
    margin-top: 17px !important;
  }

  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class^="flossing-tips-"],
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class*=" flossing-tips-"] {
    display: inline-block;
    width: 47% !important;
    vertical-align: text-top;
    margin-right: 5%;
  }

  .page-faq .accordion {
    padding-left: 15px;
  }

  .page-faq .accordion-slide.is-video .accordion-head:after {
    right: 0;
  }
  .gum-health-test-pack img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 375px) and (max-width: 414px) {
  .page-faq .is-video .accordion-title-text {
    width: 210px;
  }

  .alcohol-carousel-box .conclusion-text {
    padding: 20px 22px 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 812px) {
  .alcohol-carousel-box .conclusion-text {
    padding: 38px 22px 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-1,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-2,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-3,
  .vitamins-and-minerals-box .articles-box .causes-gingivitis-box-4 {
    padding-bottom: 20%;
    margin-top: -2.3em;
  }

  .vitamins-and-minerals-box .articles-box .treatment-steps-img {
    min-height: 10em;
  }

  .vitamins-and-minerals-box .prevent-tips-box .articles-box {
    padding: 4.5em 4% 0 4%;
  }

  .article-content-block .tips-txt img {
    width: 8%;
    margin: 0;
  }

  .halitosis-bad-breath-box .availavle-txt {
    top: 3em;
    width: 64%;
  }
}

@media only screen and (max-width: 420px) {
  .questionWithRadio .formControl-radio,
  .questionWithCheck .formControl-radio {
    clear: both;
    display: block;
    float: left;
    width: 6%;
  }

  .receding-box .receding-txt ol {
    width: 100% !important;
  }

  .article-content-block .paro-txt-top {
    padding: 20px;
  }

  .article-content-block .paro-txt-top h2 {
    font-size: 18px;
  }

  .source-block ol li {
    word-wrap: break-word;
  }
}

@media only screen and (max-width: 320px) {
  .page-faq .is-video .accordion-title-text {
    width: 164px;
  }

  .alcohol-carousel-box .conclusion-text {
    padding: 10px 22px 0;
  }

  .alcohol-carousel-box .alcohol-carousel .questions-left-box h2 a {
    font-size: 18px;
    line-height: 22px;
  }
}

.halitosis-bad-breath-box .image-wrapper {
  width: 100%;
}

/* 2103 Parodontax USA AEM Localization CSS END */
/* GSKWWW-21953 */
html[lang="en-US"] .page-faq .accordion-slide.is-video .accordion-head:after {
  display: none;
}

.article-content-block ol li {
  word-break: break-word;
}
/* Maunu | GSKBD-25070 | 1-09-2022 */
@media (min-width: 992px) {
  html[lang="en-US"]
    .flossing-tips-dsk-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class*=" flossing-tips-"] {
    width: 145px;
    padding: 0 5px;
    text-align: center;
  }
  html[lang="en-US"]
    .flossing-tips-dsk-box
    .flossing-tips-cnt-box:nth-child(5)
    div[class*=" flossing-tips-"]
    p {
    display: inline;
  }
  html[lang="en-US"] .flossing-tips-cnt-box .flossing-tips__block-content {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 991px) {
  html[lang="en-US"]
    .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class*=" flossing-tips-"] {
    width: 24%;
  }
  html[lang="en-US"] .page-gum-health .article-content-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  html[lang="en-US"]
    .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class*=" flossing-tips-"] {
    width: 25% !important;
    margin-right: 0.5%;
  }
}
@media only screen and (max-width: 667px) {
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(7)
    div[class*=" flossing-tips-"]
    p {
    font-size: 14px;
    line-height: 1.4;
  }
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(4)
    div[class*=" flossing-tips-"] {
    margin-right: 10%;
  }
  .flossing-tips-mob-box
    .flossing-tips-cnt-box:nth-child(6)
    div[class*=" flossing-tips-"] {
    margin-left: 8%;
  }
}
/* @media only screen and (min-width: 667px) and (max-width: 1024px){
  .article-content-block {
    padding-left: 30px;
    padding-right: 30px;
}
} */
/* Maunu | GSKBD-25070 | 1-09-2022 | End */
/*Date-13-09-2022| GSKBD-GSKBD-1142 | Pritha Johar | chagnes start */
.video iframe {
  z-index: 2;
}
/*Date-13-09-2022| GSKBD-GSKBD-1142 | Pritha Johar | chagnes end */

/*Date-06-10-2022| GSKBD-GSKBD-24967 | Pritha Johar | chagnes start */
@media only screen and (max-width: 1200px) {
  html[lang="en-US"] .page-gum-health .article-content-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/*Date-06-10-2022| GSKBD-GSKBD-24967 | Pritha Johar | chagnes end */

/* Anubhav - GSKBD - 22147 */
#footer .P4 {
  margin: 0;
}
*:focus:focus-visible {
  outline: dotted 2px !important;
}
/* Anubhav - GSKBD - 22147 */
@media only screen and (min-width: 992px) {
  .opt-out-icon {
    position: absolute;
    bottom: 5px;
    margin: 0 3px;
  }
}
@media only screen and (max-width: 991px) {
  .opt-out-icon {
    margin: -1px 2px;
  }
}

/* Abhay Shishodia GSKBD-30026  Start*/
ol.list-type-inherit li {
  list-style-type: inherit;
}
.list-type-inherit li a {
  word-wrap: break-word;
}
/* Abhay Shishodia GSKBD-30026  End*/

.article-list-points h3 {
  font-size: 24px;
}
.d-block {
  display: block;
}
.source-list ol li,
.source-list ol li a {
  font-size: 15px;
}
@media (max-width: 991px) {
  .article-list-points h3 {
    font-size: 16px;
  }
}
/*GSKBD-30485 | 06/12/23 | word-break variant careated| secouce section alignment |Start*/
.word-break {
  word-wrap: break-word;
}
/*GSKBD-30485 | 06/12/23 | word-break variant careated| secouce section alignment |End*/

.page-products
  .reference-bazaarvoice
  [data-bv-show="rating_summary"]
  .bv_main_container
  .bv_button_buttonMinimalist {
  font-family: "Open Sans" !important;
}

.page-products
  .reference-bazaarvoice
  [data-bv-show="reviews"]
  .bv_review_maincontainer
  h2 {
  font-family: "Open Sans" !important;
  color: lime;
}

@media (max-width: 991px) {
  .page-home .hero-banner figure {
    align-items: center;
  }

  .page-home .hero-banner figure figcaption {
    position: absolute;
    top: 41%;
  }
}

@media (min-width: 550px) {
  .page-home .hero-banner figure figcaption {
    position: absolute;
    top: 55%;
  }
}

.color-red-mb {
  @media (max-width: 991px) {
    color: #b71807;
  }
}

.color-gray-mb {
  @media (max-width: 991px) {
    color: #4a4a4a;
  }
}


.page-products {
  .slick-next {
    right: 25px;
  }
  .slick-prev {
    left: 25px;
  }
}
.contact-us .grey-circle {
  background: #b3b3b3;
  text-align: center;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-us .contact-item .grey-circle img {
  width: 25px
}
.contact-us .contact-item {
  display: flex !important;
  align-items: center;
  border: none;  
}

.contact-us .visibility-hide {
  visibility: hidden;
}

.contact-us .contact-list .contact-item:before {
  display: none;
}

.contact-us .ext-link {
  border-bottom: 1px solid #00205b;
  text-decoration: none;  
}
.contact-us .ext-link:hover {
  text-decoration: none;
  background: #00205b;
  color: #fff;  
}

.contact-us .default-icon>.removePopUp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #00205b;
  border-radius: 50%;
  margin: 0 0 0 5px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}

.contact-us .default-icon>.removePopUp img {
  width: auto;
  height: 16px;
  text-align: center;
}

@media(max-width:767px) {
  .contact-us .contact-list .contact-item {
      padding: 10px;
      border-radius: 4px;
      background: #8080800f;
  }
  #footer .footer-utility-menu .image.gsk-logo {
    padding-left: 0;
  }
}

/* Ashish Gupta | CCW-1550 | End */*,
*:before,
*:after {
  box-sizing: border-box;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cmp-form-button.inactive{
  opacity: 0.5;
  pointer-events: none;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.cf-coupon-form .parametrizedhtml{
  display: none;
}
/* START cf-coupon-form */

.cf-coupon-form {
  max-width: 510px;
  margin: auto;
  padding: 48px 0;
  float: none;
}
.cf-coupon-form .banner-title {
  font-size: 32px;
}

.cf-coupon-form .required_fieldtext{
  padding-bottom: 18px;
  margin: 0px;
}

.cf-coupon-form .required_fieldtext p{
font-size: 15px;
color: #4a4a4a;
text-align: left;
font-family: arial;
box-sizing: content-box;
text-align: center;
}
@media (max-width: 768px) {
  .cf-coupon-form {
    margin-bottom: 50px;
    padding: 0 35px;
  }
}
.cf-coupon-form a:focus,
.cf-coupon-form input:focus,
.cf-coupon-form button:focus,
.cf-coupon-form select:focus {
  outline: 2px dotted #6a6a6a !important;
}

.cf-coupon-form .form-text .cmp-form-text {
  display: flex;
  flex-direction: column;
}
.cf-coupon-form .heading {
  font-size: 15px !important;
  text-align: center;
  line-height: 15px !important;
  font-family: "tt_commonsregular",arial,sans-serif !important;
  color: #031e45 !important;
  margin-bottom: 32px;
  margin-top: 25px;
  margin-left: 15px;
}
.cf-coupon-form .cmp-cf-form {
  margin: 0 auto;
  padding: 0;
  border: none;
  color: inherit;
  text-decoration: none;
  float: none;
  border-radius: 0;
  font-size: 1.125rem;
  color: #4a4a4a;
  text-align: left;
  font-family: arial;
  box-sizing: content-box;
  zoom: 1;
  display: block;
  flex-wrap: wrap;
  max-width: 510px;
}
.cf-coupon-form form .all-required {
  width: 100%;
}
.cf-coupon-form form .all-required p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 25px;
  margin: 0 0 18px;
  text-align: center;
  color: #4a4a4a;

}
@media (max-width: 767px) {
  .cf-coupon-form .cmp-cf-form {    
    max-width: 314px;
    padding: 0 15px;
  }
  .cf-coupon-form p {
    
  }
}

@media (max-width: 500px) {
  .cf-coupon-form form .all-required p {
    font-size: 13px;
    line-height: 18px;
  }
}

.cf-coupon-form form .required_text {
  text-align: center;
}
.cf-coupon-form form .required_text p {
  font-size: 14px !important;
  color: #4a4a4a !important;
  font-family: arial;
}
.cf-coupon-form .terms_text p {
  display: inline-block;
  padding-bottom: 18px;
  margin: 0px;
  font-size: 14px !important;
  font-weight: 500;
}
.cf-coupon-form .form-text {
  margin-bottom: 20px;
  width: 100%;
}
.cf-coupon-form .desclaimer_text p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0 0 20px;
}
.cf-coupon-form .desclaimer_text a, .cf-toaster-form .desclaimer_text a {
  color: #1371b9;
  font-size: 14px;
  text-decoration: none;
}

.cf-coupon-form .desclaimer_text a:hover, .cf-toaster-form .desclaimer_text a:hover {
  text-decoration: underline;
}
.cf-coupon-form .date-of-birth-text p,
.cf-coupon-form .form-text label {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 6px;
  line-height: 20px;
  color: #4a4a4a;
}
/* .cf-coupon-form .date-of-birth-text p::after,
.cf-coupon-form .form-text label::after {
  content: '*';
  color: red;
} */
.cf-coupon-form .form-text.day-field label::after,
.cf-coupon-form .form-text.month-field label::after,
.cf-coupon-form .form-text.year-field label::after {
  content:none
}
.day-field,
.month-field,
.year-field{
    display: inline-block;
    float: left;
    width: 33% !important;
    padding: 0px 5px;
}
.day-field{
    padding-left: 0px;
}
.year-field{
    padding-right: 0px;
}

@media (max-width: 500px) {
  .cf-coupon-form .form-text label {
    font-size: 13px;
    line-height: 18px;
  }
}
.cf-coupon-form .form-text input {
  background: #fff;
  border: 1px solid #b6bdc5;
  box-shadow: 0 0 0 0 #106f32;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 20px;
  height: 43px;
  min-height: 43px;
  padding-left: 7px;
  border-radius: 4.5px;
  text-indent: 5px;
}
.cf-coupon-form .form-text input:focus {
  border: 1px solid #87b9ea;
  outline: none;
  box-shadow: 0 0 5px 0 #1d87ff;
}
.input-error {
  border-color: #ee6b58 !important;
}

.name-error,
.email-error,
.toaster-name-error,
.toaster-email-error,
.toaster-email-invalid-error,
.coupon-name-error,
.coupon-Last-name-error,
.coupon-email-error,
.coupon-email-invalid-error,
.coupon-code-error,
.coupon-radio-1-error,
.coupon-input-radio-2,
.coupon-date-error,
.address-1-error,
.address-2-error,
.city-error,
.state-error ,
.coupon-day-error,
.coupon-month-error,
.coupon-year-error{
  color: #ee6b58;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  margin: 10px 0 0px;
  text-align: center;
}

@media (max-width: 768px) {
  .coupon_name-error-msg,
  .coupon_Last-name-error-msg,
  .coupon_email-error-msg,
  .coupon_code-error-msg,
  .coupon_date-error-msg,
  .coupon_radio-1-error-msg,
  .coupon_radio-2-error-msg {
    width: 100%;
  }
  .coupon_name-error-msg p,
  .coupon_Last-name-error-msg p,
  .coupon_email-error-msg p,
  .coupon_code-error-msg p,
  .coupon_date-error-msg p,
  .coupon_radio-1-error-msg p,
  .coupon_radio-2-error-msg p {
    position: relative;
    bottom: 12px;
    left: unset;  
  }
}

.cf-coupon-form .button {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
}
.cf-coupon-form .form-button {
  text-align: center !important;
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .cf-coupon-form .form-button {
    width: 100%;
  }
}
.cf-coupon-form .cmp-form-button {
  background-color: #00205b;
  border: 1px solid #00205b;
  border-radius: 1.79px;
  box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);
  color: #fff;
  cursor: pointer;
  height: 43px;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: -23px;
  position: relative;
  max-width: 156px;
  min-width: 156px;
  border-radius: 31px;
  font-weight: 700;
}

.cf-coupon-form .cmp-form-button:hover, .cf-toaster-form .cmp-form-button:hover {
  color: #00205b;
  background-color: #ffffff;
}

.cf-coupon-form fieldset {
  border: none;
  text-align: left;
  margin-left: 0px;
  padding: 0px;
}
.cf-coupon-form .cmp-cf-form-qa-question {
  padding-bottom: 5px;
  margin: 0;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  line-height: 20px;
}

@media (max-width: 500px) {
  .cf-coupon-form .cmp-cf-form-qa-question {
    font-size: 13px;
  }
} 
  
.cf-coupon-form .terms_text {
  text-align: left;
}
.cf-coupon-form .cmp-cf-form-qa__field-label {
  display: flex;
  padding-top: 10px;
  color: #4a4a4a;
}

.cf-coupon-form .cmp-cf-form-qa__field-description {
  font-size: 15px;
  padding-left: 8px;
}

.cf-coupon-form .form-qa {
  padding-bottom: 18px;
  width: 100%;
  display: inline-block;
}


.cf-coupon-form .terms_text {
  text-align: left;
}
.cf-coupon-form .terms_text a {
  color: #1371b9;
  font-size: 15px;
  font-weight: 400;
  font-family: arial;
}
.cf-coupon-form .small-message-text {
  padding-top: 20px;
}
.cf-coupon-form .small-message-text p {
  font-size: 18px !important;
  color: #000355 !important;
}
/* .cmp-form-options__field--checkbox {
  width: 30px;
  height: 30px;
} */
.cf-coupon-form .read-privacy {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .cf-coupon-form .read-privacy {
    margin-bottom: 50px;
  }
  .cf-coupon-form .desclaimer_text p {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  .cf-coupon-form .desclaimer_text p {
    font-family: 13px;
  }
}

.cf-coupon-form .read-privacy a {
  color: #196930;
  font-weight: 700;
}

/* washington privacy law code */

.washington-form .js-consent-checkbox,
.washington-form .js-share-checkboxes,
.washington-form .js-sell-checkboxes {
  border: none;
  padding: 0;
}
.washington-form .js-consent-checkbox legend,
.washington-form .js-share-checkboxes legend,
.washington-form .js-sell-checkboxes legend {
  display: none;
}
.washington-form .js-consent-checkbox label:not(:nth-of-type(1)),
.washington-form .js-share-checkboxes label:not(:nth-of-type(1)),
.washington-form .js-sell-checkboxes label:not(:nth-of-type(1)) {
  display: none;
}

.is-hidden {
  display: none !important;
}

.cf-coupon-form form {
  text-align: left;
}

.richtext_1741438845 {
  text-align: center;
}

.indication_text {
  color: red;
}

.cmp-cf-form-options__field-description{
  position: relative;
  top: -1px;
  font-weight: 600;
  font-size: 14px;
  display: unset;
  color: #4a4a4a;
}
.cf-coupon-form .indication_text{
  text-align: center;
  color: #50504e;
}
.cf-toaster-form .gigya-heading button.heading{
  color: inherit;
}
.cf-toaster-form .gigya-heading button.heading{
  font-weight: 500;
}
.cf-toaster-form .gigya-heading button.heading >strong{
  color: inherit!important;
  font-weight: bold;
}
.cf-coupon-form  .form-options.options.default-style{
    margin: 0;
    padding: 0;
}
.washington-form .disabled{
    pointer-events: none !important;
    background: #ccc !important;
    color: #fff !important;
    border: none !important;
  }
/* END cf-coupon-form */
/* END cf-coupon-form */


/* Toaster */
.cf-toaster-form form {
  padding-left: 15px;
  padding-right: 15px;
} 
.cf-toaster-form .indication_text {
  font-size: 12px !important;
  font-weight: 700;
  padding-bottom:0;
  float:left;
}
.cf-toaster-form .cmp-form-text input::placeholder {
  width: 80%;
  float: left;
  margin-bottom: 15px !important;
  padding-bottom: 7px;
  font-size: 12px !important;
  color: #b71807 !important;
  margin: 0.5rem 0 0 !important;
  position: absolute;
  bottom: 4px;
  font-weight: 700;
}
.cf-toaster-form .cmp-form-text input {
  position: relative;
  background: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #3f3f3f;
  color: #3f3f3f !important;
  font-weight: 500;
  height: 40px !important;
  line-height: 40px !important;
  min-height: 40px;
  font-size: 14px !important;
  box-shadow: none;
  width: 80%;
  outline: none;
  padding-left:6px;
  padding-bottom: 0;
}
.cf-toaster-form{
  position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 30rem;
    padding: 0;
    right: 12.5rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    transition: all .5s ease;
    max-width: 424px;
    margin-bottom: 0;
    background: #fff;
}
.cf-toaster-form .toaster-heading{
  background: #ffffff;
    padding: 15px;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    cursor: pointer;
    margin-bottom: 0;
}
.toaster-heading button.heading:after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  top: 28px;
  right: 16px;
  /* background: url('/content/dam/cf-consumer-healthcare/pronamel/en_US/Template/Desktop/gigya-close-icon-white.png') no-repeat;
  background-size: contain; */
  border: solid #b71807;
  border-width: 0 3px 3px 0;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.toaster-heading.active button.heading:after{
  /* background: url(/content/dam/cf-consumer-healthcare/pronamel/en_US/Template/Desktop/gigya-open-icon-white.png) no-repeat;
  background-size: contain; */
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 16px;
}
.toaster-heading p{
  margin: 0;
}
.toaster-heading button.heading{
  font-size: 18px;
  background: none !important;
  border: none;
  text-align: left;
  line-height: 30px;
  padding-right: 40px;
  line-height: 1.2;
  color: #b71807;
  font-weight: bold;
  padding-left: 0;
}
.cf-toaster-form .toaster-container {
  padding: 0.6rem 1rem 1rem 1rem !important;
  background: #fff;
  border-bottom: none;
  margin-bottom: 0;
  border-top: 1px solid #b71807;
  height: 100%;
  overflow: auto;
  max-height: 75vh;
}
.cf-toaster-form>.component-content>.paragraphSystem{
  border: 1px solid #b71807 !important;
  border-radius: 20px 20px 0px 0px;
  box-shadow: 1px 3px 10px 1px #a5a5a5;
}
.cf-toaster-form .description_text {
  color: #4a4a4a !important;
  font-size: 14px !important;
  line-height: 1.3;
  margin-bottom: 0 !important;
  margin:0px;
  text-align: left;
}
.cf-toaster-form .form-text {
  margin-bottom: 8px;
}
.cf-toaster-form .cmp-form-options--checkbox {
  text-align: left;
}
.cf-toaster-form .cmp-form-options__field--checkbox {
  width: auto !important;
}
.cf-toaster-form .description_text {
  padding-bottom: 10px !important;
}
.toaster-heading button.heading:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cf-toaster-form ::-webkit-scrollbar {
width: 3px;
}
.cf-toaster-form ::-webkit-scrollbar-track {
background: #ffffff; 
}
.cf-toaster-form ::-webkit-scrollbar-thumb {
background: #b71807 ; 
}
.cf-toaster-form ::-webkit-scrollbar-thumb:hover {
background: #b71807 ; 
}
.cf-toaster-form input {
  width: 100% !important;
}
.cf-toaster-form  .form-button {
  text-align: center;
  display: block;
  background: none;
  border: none;
  padding: 0;
}
.cf-toaster-form .cmp-form-button {
  max-width: 156px;
  min-width: 156px;
  height: 40px;
  background-color: #00205b;
  border: 1px solid #00205b;
  color: #ffffff;
  min-height: 40px;
  padding: 0;
  margin: 0 auto;
  margin-top: 5px;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);
  box-sizing: content-box;
  border-radius: 31px;
  font-weight: 700;
}
.cf-toaster-form .desclaimer_text {
  display: inline-block;
  text-align: left;
}
.cf-toaster-form .desclaimer_text p {
  font-size: 14px !important;
  line-height: 1.3;
  margin: 0 !important;
  padding-bottom: 15px;
}
.cf-toaster-form .desclaimer_text p:nth-child(2) {
  padding-bottom: 0px !important; 
}
@media(max-width:767px){
  .cf-toaster-form{
    bottom: 30px;
    width: 80%;
  }
}
@media(max-width:991px){
  .cf-toaster-form{
    z-index: 99999;
    transform: translate(-50%, 0%);
    right: auto;
    left: 50%;
    bottom: 0px;
  }
}
.cf-toaster-form .cf-form-post-submit-message{
  padding: 40px 20px;
  text-align: center;
  color: #b71807;
}
.content-hide {
  display: none;
}
.error-msg {
  color: #DD272C !important;
  background: none;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  margin: 0;
  padding-top: 1px;
  text-align: left;
}
.hide-toaster-form .cf-toaster-form {
  display: none;
}
/* End Toaster */
.main-menu .logo img {
  max-width: 190px;
}.channelmodal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000a6;
  }
  /* Modal Content/Box */

  .channelmodal .modal-content {
    background-color: #fefefe;
    z-index: 99999;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    height: 90vh;
    max-width: 680px;
    overflow: hidden;
    }
  /* The Close Button */
  .closeModel {
   cursor : pointer;
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  }
  .channel-advisor-url {
    width: 100%;
    height: 80vh;
}
  .newproductstyling .channel-advisor.btn , .blue-section .channel-advisor.btn{
    width:100%;
    display: block;
    text-align: center;
    border: 2px solid #224482;
    background: #224482;
    padding: 10px;
    margin-top: 20px;
    border-radius: 7px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    padding: 10px 0 !important;
  }
  
  body .blue-section .dietary-supplement .channel-advisor.btn {
    width: 60%;
    margin-left: 0;
}
  .product-detail-content .channel-advisor.btn{
  width: 160px !important;
    display: inline-block;
    text-align: center;
    margin-top: 16px;
    background: #10a93a;
    padding: 14px 15px !important;
    border-radius: 7px;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
  }
  
  .newproductstyling .channel-advisor.btn:hover,
  .blue-section .channel-advisor.btn:hover{
     background: #fff;
    color: #224482;
  }
  
   .product-detail-content .channel-advisor.btn:hover{
   width: 160px !important;
    display: inline-block;
    text-align: center;
    margin-top: 16px;
    background: #10a93a;
    padding: 14px 15px !important;
    border-radius: 7px;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
  }
  @media (max-width: 991px) {
.channelmodal .modal-content {
    height: 100%;
}
  }