/*div.container-trial{
  width:80%;
}
*/
#secure-trial {
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  /* margin-bottom: 100px; */
}

.outer-cointainer {
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1200px;
}

#secure-trial .like-footnote {
  font-size: 17px;
}

#secure-trial .left-align-text {
  text-align: left;
}

.container-trial {
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 90%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Helvetica Neue LT 57 Condensed";
  padding-top: 50px;
}

.container-trial .section2-wrapper p {
  width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.container-trial p {
  color: #6b6e79;
  /*font-size: 24px;*/
  font-size: 22px;
  text-align: center;
  font-family: "Helvetica Neue LT 57 Condensed";
  line-height: 1.5;
}

p.with-margin-top,
p.like-footnote {
  color: #6b6e79;
  font-size: 15px;
  text-align: center;
  font-family: "Helvetica Neue LT 57 Condensed";
}

.container-trial h1 {
  color: #c0188d;
  font-size: 40px !important;
  text-align: center;
  width: 100%;
  font-family: "Helvetica Neue LT 57 Condensed" !important;
  font-weight: 100;
  margin: 0px;
}

.container-trial h2 {
  font-size: 27px !important;
  color: white;
  text-align: center;
  width: 100%;
  font-family: "Helvetica Neue LT 57 Condensed";
}

.section1-wrapper {
  padding-bottom: 50px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.section1-wrapper h2 {
  color: #c0188d;
  font-size: 40px !important;
  width: 100%;
}

.section2-wrapper {
  text-align: center;
  width: 1010px;
  margin-left: auto;
  margin-right: auto;
}

#patch-trial h3.pp-h3  {
  text-align: center;
    font-size: 20px;
    color: #5F2687;
    font-family: 'Helvetica Neue LT 67 Medium Condensed';
}
.section2-wrapper .row {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*.section2-wrapper h2 {
  font-size: 27px !important;
  background: url(images/headline-back.svg);
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 14px;
  background-size: 100% 100%;
}*/
#adhesion-data.new-dem-effi {
  padding-bottom: 0 !important;
}

.section2-wrapper .column {
  float: left;
  padding: 10px;
  height: 260px;
  /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */

.section2-wrapper .row:after {
  content: "";
  display: table;
  clear: both;
}

.section2-wrapper .row .column h3 {
  font-size: 60px;
  color: #5f2687;
  float: left;
  padding-top: 0px;
  padding-right: 20px;
  margin-top: 40px;
}

.section2-wrapper .row .column h4 {
  font-size: 18px;
  text-transform: uppercase;
  color: #5F2687;
  letter-spacing: 1.5px;
}

.section2-wrapper .row .column .colon {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.section2-wrapper .row .column .right {
  list-style: none;
  text-align: left;
  white-space: nowrap;
  font-size: 22px;
  padding-left: 0px;
  margin-top: -2px;
}

.section2-wrapper .row .column .left {
  list-style: none;
  text-align: left;
  white-space: nowrap;
  font-size: 22px;
  padding-left: 0px;
  margin-top: -2px;
}

.section2-wrapper .row .column p {
  list-style: none;
  text-align: left;
  white-space: nowrap;
  font-size: 22px;
  padding-left: 0px;
}

.section2-wrapper .row .column .right .li-flower {
  background: url(images/li-flower.svg) no-repeat left top;
  padding-left: 40px;
  font-family: "Helvetica Neue LT 57 Condensed";
  color: #6c6d70;
  background-size: 30px;
}

.section2-wrapper .row .column .left .li-flower {
  background: url(images/li-flower.svg) no-repeat left top;
  padding-left: 40px;
  font-family: "Helvetica Neue LT 57 Condensed";
  color: #6c6d70;
  background-size: 30px;
}

hr.line-under {
  border-top: 1px solid #707070;
}

.section3-wrapper {
  padding-top: 50px;
  padding-bottom: 20px;
}

.section4-wrapper {
  padding-bottom: 50px;
}

.section4-wrapper h2 {
  font-size: 27px !important;
  background: url(images/headline-back.svg);
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 15px;
}

.section4-wrapper .column {
  /* float: left;
    width: 50%; */
  /* float: left; */
  width: 100%;
}

.section4-wrapper .row:after {
  content: "";
  display: table;
  clear: both;
}

/* new */

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

/* Patch - Placement */

#patch-trial {
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 100px;
}

.outer-cointainer h1{
  color: #c0188d;
  font-size: 40px !important;
  text-align: center;
  width: 100%;
  font-family: "Helvetica Neue LT 57 Condensed" !important;
  font-weight: 100;
  margin: 0px;
  /* padding-top: 30px; */
  padding-top: 0;
  padding-bottom: 50px;
  max-width: 650px;
  margin: auto;
}


.container-patch {
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: "Helvetica Neue LT 57 Condensed";
}

.container-patch p {
  color: #6c6d70;
  font-size: 22px;
  text-align: center;
  font-family: "Helvetica Neue LT 57 Condensed";
  line-height: 1.5;
}

.container-patch h3 {
  color: #5f2687;
  font-size: 20px !important;
  text-align: center;
  width: 100%;
  font-family: "Helvetica Neue LT 57 Condensed" !important;
  font-weight: 100;
  font-weight: bold;
  letter-spacing: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.section1-wrapper .main .column .center .li-flower {
  background: url(images/li-flower.svg) no-repeat left top;
  padding-left: 40px;
  font-family: "Helvetica Neue LT 57 Condensed";
  color: #6c6d70;
  background-size: 30px;
}

.section1-wrapper .main .column .center {
  list-style: none;
  text-align: left;
  white-space: nowrap;
  font-size: 22px;
  padding-left: 0px;
}

.patch-placement-no-wrap{
  white-space: normal !important;
}

/* rofelyn custom style */

.in-secure-trial {
  background: url(images/component-small.png) no-repeat center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px auto;
  padding: 40px 0;
}

.in-secure-trial p {
  color: #5F2687;
  font-size: 27px;
  text-align: left;
  line-height: 1.1em;
  width: 680px !important;
  margin-bottom: 0;
  max-width: 100%;
}

.mobile-image-cust,
.container-fluid.side-no-padding{
  display: none;
}

.in-secure-trial span {
  color: #C0188D;
}

p.with-margin-top{
  font-size: 20px;
}
.outer-cointainer .container-trial .section3-wrapper{
  padding-top: 0;
}
.msec-consider{
  margin-top: -35px;
}

.with-back-pink-f .underline-text{
  position: relative;
  color: #C0188D;
  font-size: 28px;
  background-size: cover;
  background-position-x: 75% !important;
  background-repeat: no-repeat;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font-weight: unset;
}


@media only screen and (max-width: 1014px){}
#secure-trial.main.demonstrate-efficacy-page .section2-wrapper, .section4-wrapper, .sec-img-sticky, .secPcont {
    display: block !important;
}

@media only screen and (max-width: 1102px) {
  .outer-cointainer,
  .section2-wrapper{
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  .container-trial .section2-wrapper p{
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 790px) {
  .container-trial .section2-wrapper p,
  .top-banner p{
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .custom-h1-pd{
    padding-top: 140px !important;
  }
  .side-no-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .container-trial .section2-wrapper p,
  .top-banner p,
  .image-big-mobile{
    max-width: 100%;
    width: 100% !important;
  }
  .top-banner{
    padding-left: 35px;
    padding-right: 35px;
  }
  .mobile-image-cust,
  .container-fluid.side-no-padding{
    display: block;
  }
  .desktop-image-cust{
    display: none;
  }
  .container-trial.dem-cust-pad-top .section2-wrapper .mobile-image-cust{
    margin-bottom: 25px;
    transform: scale(1.1);
  }
  .with-back-pink-f{
    position: relative;
    color: #C0188D;
    font-size: 28px;
    background-image: url("images/Component 99 – 1-1.svg");
    background-size: cover;
    background-position-x: 75% !important;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    padding: 50px 40px;
  }
  .with-back-pink-f span{
    color: #5F2687;
    font-weight: bolder;
  }
  .with-banner-background:after{
    top: 380px !important;
  }
}

@media only screen and (max-width: 512px) {
  .with-banner-background:after{
    top: 370px !important;
  }
  .banner.with-banner-background{
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 410px) {
  .with-banner-background:after {
    top: 407px !important;
  }
}