/* Fonts */
@font-face {
	font-family: 'gobold-bold';
	src: url('../fonts/gobold-bold.otf') format('OpenType');
}
@font-face {
	font-family: 'gobold-regular';
	src: url('../fonts/gobold-regular.otf') format('OpenType');
}
@font-face {
  font-family: 'gobold-hollow';
  src: url('../fonts/gobold-hollow.otf') format('OpenType');
}
@font-face {
  font-family: 'gobold-lowplus';
  src: url('../fonts/gobold-lowplus.otf') format('OpenType');
}
@font-face {
  font-family: 'gobold-hollow-bold';
  src: url('../fonts/gobold-hollow-bold.otf') format('OpenType');
}
@font-face {
  font-family: 'poppins-regular';
  src: url('../fonts/poppins-regular.ttf') format('OpenType');
}
@font-face {
  font-family: 'poppins-semibold';
  src: url('../fonts/poppins-semibold.ttf') format('OpenType');
}
@font-face {
  font-family: 'poppins-medium';
  src: url('../fonts/poppins-medium.ttf') format('OpenType');
}
@font-face {
  font-family: 'poppins-bold';
  src: url('../fonts/poppins-bold.ttf') format('OpenType');
}
@font-face {
  font-family: 'Poppins-Italic';
  src: url('../fonts/Poppins-Italic.ttf') format('OpenType');
}
@font-face {
  font-family: 'poppins-light';
  src: url('../fonts/Poppins-Light.ttf') format('OpenType');
}
@font-face {
  font-family: 'poppins-black';
  src: url('../fonts/Poppins-Black.ttf') format('OpenType');
}
/* @font-face {
	font-family: 'LucidaGrande';
	src: url('../fonts/LucidaGrande.ttf') format('OpenType');
} */
/* Fonts Ends*/
/* body, html {
  height: 100%;
  margin: 0;
} */
/* Common Styles Starts */
html {
  position: sticky;
}
.header-1-text {
  font-family: 'gobold-bold';
  font-size: 30px;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 10px;
}
.header-2-text {
  font-family: 'gobold-bold';
  font-size: 25px;
  text-transform: uppercase;
  color: #433D61;
  margin-bottom: 10px;
}
.header-2-text span,
#copay-savings-callout h2 span {
  text-transform: none;
  font-family: 'gobold-lowplus';
}
.or-top, .or-bottom {
  display: flex;
}
.or-top {
  margin-bottom: 16px;
}
.or-bottom {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-15 {
  margin-bottom: 15px;
}
.c-pr-0 {
  padding-right: 0px !important;
}
.p-t-b-55 {
  padding: 55px 0;
}


.back-to-block {
  display: flex;
}
.back-to-block .back-to-text a {
  font-family: 'poppins-semibold';
  font-size: 14px;
  text-decoration: underline;
  color: #433D61;
  line-height: 24px;
}
.back-to-block .back-to-text a img {
  width: 20px;
  margin-right: 8px;
}
br.m-br {
  display: none;
}
br.d-br {
  display: block;
}
span.text-italic {
	font-family: 'Poppins-Italic';
}
span.cus-nowrap {
	white-space: nowrap;
}
p.no-c-mb {
	margin-bottom: 0px;
}
.cust-mb-0 {
	margin-bottom: 0px;
}
#hamburger {
	box-shadow: none;
	background-color: transparent;
	border: none;
	padding: 0px;
	outline: none;
}
#hamburger .line{
  width: 40px;
  height: 5px;
  background-color: #433D61;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
}
#hamburger:hover{
  cursor: pointer;
}
#hamburger.is-active .line:nth-child(2){
  opacity: 0;
}
#hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}
#hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}
.p-t-b-65 {
  padding: 65px 0;
}
.magenta-text {
  color: #FF0094;
}
.parent-menu {
	background: none;
	border: none;
	padding-left: 0px;
	padding-right: 0px;
}
/* Common Styles Ends */
.desktop-custom-btn-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .mobile-menu {
    position: absolute;
    right: 0px;
  }
  .logo-wrapper a {
    /* border-right: 1px solid #433d61;
    padding-right: 18px; */
    position: relative;
    display: inline-block;
}


}
@media (max-width: 575px) {
  .mobile-menu {
    top: -32px;
  }
}
@media (min-width:576px) and (max-width:991px) {
  .mobile-menu {
    top: -32px;
  }
}


/* Header Section Styles Starts */
.eu-cookie-compliance-content {
  max-width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 20px 0;
}
.eu-cookie-compliance-message {
  margin: 0px !important;
  max-width: 80% !important;
}
.eu-cookie-compliance-buttons {
  max-width: 20% !important;
  margin: 0px !important;
  align-self: center !important;
}
.eu-cookie-compliance-secondary-button {
  margin: 0px !important;
  width: 120px !important;
  text-align: center;
  border: 2px solid #433D61;
  border-radius: 30px;
  color: #433D61;
  font-size: 17px !important;
  font-family: 'poppins-semibold' !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
.eu-cookie-compliance-buttons button.decline-button {
  display: none;
}
.eu-cookie-compliance-message p {
  margin: 0px !important;
  display: block !important;
  font-family: 'poppins-medium' !important;
  font-size: 14px !important;
  color: #433D61 !important;
	font-weight: unset !important;
}
.eu-cookie-compliance-message p a,
.eu-cookie-compliance-message p a:hover,
.eu-cookie-compliance-message p a:active {
  font-family: 'poppins-medium' !important;
  font-size: 14px !important;
  color: #433D61 !important;
  text-decoration: underline;
}

/* Top Header Menu Styles Begins */
.top-header-menu {
  background: #E7F1F4;
  padding: 10px 0;
  border-top: 1px solid #2C2851;
}
.top-header-menu p {
  font-family: 'poppins-regular';
  font-size: 12px;
  color: #2C2851;
  margin: 0;
}
.top-header-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
.top-header-menu ul li {
  border-right: 1px solid #2C2851;
  padding: 0 12px;
  line-height: 14px;
}
.top-header-menu ul li:last-child {
  padding-right: 0;
  border-right: none;
}
.top-header-menu ul li a {
  font-family: 'poppins-regular';
  font-size: 12px;
  color: #2C2851;
  text-decoration: underline;
}
header .atopic-dermatitis-text {
  font-size: 14px;
  font-family: 'poppins-medium';
  color: #433D61;
  border-top: 1px solid #fff;
  padding: 10px 0;
  background: #E7F1F4;
}


/* Main Menu Styles Starts */
.main-navigation .logo-wrapper {
  padding: 20px 0;
}
.main-navigation .logo-wrapper img {
	width: 260px;
}
.main-navigation ul.nav-bar {
  list-style: none;
  margin: 0px;
  display: flex;
  padding: 0px;
}
.main-navigation ul.nav-bar li.main-link button.nolink,
.main-navigation ul.nav-bar li.main-link:nth-child(3) a.eczema-link {
  color: #2B2B2B;
  font-family: 'poppins-regular';
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
}
.main-navigation ul.nav-bar li.main-link:nth-child(5) i.fa-chevron-down,
.main-navigation ul.nav-bar li.main-link:nth-child(5) i.fa-chevron-up,
.main-navigation ul.nav-bar li.main-link:nth-child(6) i.fa-chevron-down,
.main-navigation ul.nav-bar li.main-link:nth-child(6) i.fa-chevron-up {
  display: none;
}
.main-navigation ul.nav-bar li.main-link i.fa-chevron-down,
.main-navigation ul.nav-bar li.main-link i.fa-chevron-up {
  color: #433D61;
  font-size: 15px;
  margin-left: 6px;
  cursor: pointer;
}
.main-navigation ul.nav-bar li.menu-item--expanded {
  list-style: none;
}
.copay-sc-btn.mobile-copay-btn {
  display: none;
}
/* Header Section STyles Ends */
.icon-active {
  display: block !important;
}

.home-diff-section {
  padding: 80px 0 55px 0;
  background-color: #E7F1F4;
  text-align: center;
  margin-top: -22px;
	position: relative;
	z-index: 1;
}
.home-diff-section p {
  color: #433D61;
  font-family: 'poppins-medium';
  font-size: 16px;
}
.home-diff-section p.c-mb-80 {
  margin-bottom: 40px;
}
.see-the-diff-text {
  color: #433D61;
  font-family: 'gobold-bold';
  font-size: 50px;
  text-transform: uppercase;
  margin-top: -38px;
	text-align: center;
	position: relative;
	z-index: 2;
}
.see-the-diff-text br {
  display: none;
}
.see-the-diff-text span {
  font-family: 'gobold-hollow-bold';
}
i.plus-toggle-button {
	color: #f15d5e;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	padding: 7px 7px 7px 8px;
	font-size: 12px;
}

#terms-and-conditions .terms-heading {
  background-color: #F15D5E;
  padding: 14px 0px;
}
#terms-and-conditions .terms-heading a {
	text-decoration: none;
	display: flex;
	justify-content: space-between;
}
#terms-and-conditions .terms-heading a .title-text {
	color: #fff;
	font-family: 'poppins-bold';
	font-size: 25px;
}
#terms-and-conditions .terms-text {
  padding: 50px 0;
  display: none;
}
#terms-and-conditions .terms-text p {
  font-size: 14px;
}
#terms-and-conditions .cp-tc-list-wrapper {
  border: 2px solid #433D61;
  padding: 12px 20px;
  margin-bottom: 20px;
}
#terms-and-conditions .cp-tc-list-wrapper ul {
  list-style-image: url('../images/oval-point.png');
  padding-left: 12px;
  margin: 0;
}
#terms-and-conditions .cp-tc-list-wrapper ul li {
	font-family: 'poppins-regular';
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 24px;
	letter-spacing: -0.1px;
	color: #2B2B2B;
  padding-left: 8px;
}
#terms-and-conditions .cp-tc-list-wrapper ul li:last-child {
	margin-bottom: 0px
}
#terms-and-conditions .cp-tc-list-wrapper ul li span.bold-text {
  font-family: 'poppins-semibold';
}
/* Copay Saving Card Styles Ends */
/* -------------------------------- */
.mobile-block,
.ipad-block {
  display: none;
}

/* Footer Section Styles Starts */
footer {
  background-color: #2C2851;
  padding: 62px 0 76px;
  margin-bottom: -52px;
}
footer ul.navbar-nav {
  margin: 0 0 40px 0;
  list-style-type: none;
  display: flex;
  flex-direction: row !important;
}

/* footer ul.navbar-nav li.nav-item:first-child {
  padding-left: 6px;
} */

footer ul.navbar-nav li.nav-item a.nav-link {
  font-family: 'poppins-regular';
  font-size: 17px;
  color: #fff;
  text-decoration: underline;
}
footer .footer-logo-wrapper {
  display: flex;
}
footer .footer-logo-wrapper .img-wrapper {
  width: 210px;
}
footer .footer-logo-wrapper .text-wrapper {
  margin-left: 20px;
}

footer .footer-logo-wrapper p {
	font-family: 'poppins-regular';
	font-size: 14px;
	color: #fff;
}

/* Footer Section Styles Ends */


/* Form Section Styles Starts */
.radio {
  min-height: 2rem !important;
  display: flex;
}
.radio label span.radio-label {
  font-family: 'poppins-regular';
  font-size: 16px;
  color: #2B2B2B;
  position: relative;
  top: 6px;
  margin-left: 14px;
  display: block;
}
/* .radio .form-check-label::before,
.radio .form-check-label::after {
  height: 25px !important;
	width: 25px !important;
  border-color: #433D61 !important;
}
.radio input[type="radio"].form-check-input:checked ~ .form-check-label::before {
	border-color: #C54B4B !important;
	background-color: #F15D5E !important;
}
.radio .form-check-input:checked ~ .form-check-label::after {
	background-image: none !important;
}
.radio .form-radio.error ~ .form-check-label::before,
.radio .form-radio.error ~ .form-check-label::after {
  border-color: #C54B4B !important;
}
.radio .form-check-input:not(:disabled):active ~ .form-check-label::before {
	background-color: #fff !important;
} */



input[type="text"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="tel"]:focus  {
  border-color: #433D61 !important;
	border: 1.5px solid #2C2851 !important;
  box-shadow: unset !important;
  /* box-shadow: none !important;
  border: 2px solid #433D61; */
}
/* .radio .form-check-input:focus~.form-check-label::before {
  border: 2px solid #2C2851 !important;
  background-color: #D8D4D7 !important;
  box-shadow: unset !important;
} */
input[type="text"], input[type="email"], input[type="number"],
input[type="tel"] {
  height: 40px !important;
  border-radius: 3px !important;
  border: 1.5px solid #433D61 !important;
  padding: .375rem .75rem;
  font-family: 'poppins-regular' !important;
  color: #2B2B2B;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: none !important;
  padding-right: .75rem !important;
}
label {
	font-family: 'poppins-regular';
	font-size: 14px;
	color: #2B2B2B;
}
legend {
  font-family: 'poppins-regular';
  font-size: 18px !important;
  color: #2B2B2B !important;
  line-height: 24px !important;
  margin-bottom: 15px !important;
}
form .form-btn,
form.webform-submission-copy-get-started-add-form input.webform-button--next,
form.webform-submission-copay-savings-program-add-form input.webform-button--next {
  color: #fff;
  background-color: #433D61;
  font-size: 17px;
  font-family: 'poppins-semibold';
  width: 220px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 30px;
  height: 50px !important;
  text-align: center;
}
form .form-btn:focus,
form.webform-submission-copy-get-started-add-form input.webform-button--next:focus,
form.webform-submission-copay-savings-program-add-form input.webform-button--next:focus {
  box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
  /* box-shadow: 0 0 0 .1rem rgba(255,255,255,0.9); */
}
form .btn-primary {
  border-color: #433D61 !important;
}
form .form-btn:hover,
form.webform-submission-copy-get-started-add-form input.webform-button--next:hover,
form.webform-submission-copay-savings-program-add-form input.webform-button--next:hover {
  color: #433D61;
  background-color: #fff;
  border: 2px solid #433D61;
}
form .btn-primary:not(:disabled):not(.disabled).active,
form .btn-primary:not(:disabled):not(.disabled):active,
form .show > .btn-primary.dropdown-toggle,
form .btn-primary.focus,
form .btn-primary:focus {
  color: #fff !important;
  background-color: #433D61 !important;
  border-color: #433D61 !important;
}

input[type="text"].error, input[type="email"].error, input[type="number"].error,
input[type="tel"].error {
	border-color: #EB0000 !important;
  /* background: #ffe5e5; */
}
.alert.alert-dismissible {
  display: none !important;
}
form .form-error {
  /* font-family: 'Poppins-Italic'; */
  color: #FF0002;
  font-size: 14px;
  margin-bottom: 10px;
}
form .radios--wrapper .form-error {
  margin-bottom: 10px;
    margin-top: -6px;
}
form.webform-submission-copy-get-started-add-form legend,
form.webform-submission-copay-savings-program-add-form legend {
	font-size: 16px !important;
}
form.webform-submission-copy-get-started-add-form legend#edit-how-would-you-like-to-receive-your-copay-savings-card---wrapper-legend {
	font-size: 25px !important;
	margin-bottom: 35px !important;
}

.webform-options-display-two-columns,
  .webform-options-display-three-columns {
    display: flex !important;
    max-width: 100% !important;
    margin-top: -5px !important;
  }
  .webform-options-display-two-columns .radio,
  .webform-options-display-three-columns .radio {
    width: 25% !important;
  }
  .webform-submission-share-your-story-form #edit-i-am-.webform-options-display-two-columns .radio,
  .webform-submission-stay-in-the-know-form #edit-i-am-.webform-options-display-two-columns .radio,
  .webform-submission-copy-get-started-form #edit-down-i-am.webform-options-display-two-columns .radio,
	.webform-submission-copy-get-started-form #edit-i-am--wrapper .webform-options-display-two-columns .radio {
    width: 45% !important;
  }



form #edit-actions {
  margin-bottom: 0px;
}
form .form-blue-bg {
  background-color: #E7F1F4;
  padding: 40px;
  border-radius: 8px;
  margin-bottom: 80px;
}
form .top-blue-container {
  background-color: #E7F1F4;
  padding: 40px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
form .bottom-blue-container {
  background-color: #E7F1F4;
  padding: 40px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 80px;
}
form #edit-container-top.form-group,
form .top-blue-container.form-group,
form #edit-container-middle.form-group,
form .bg-img-container.form-group {
  margin-bottom: 0px !important;
}
form .bg-img-container {
  background: url('../images/get-support-sent-to-your-door.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}



form .get-updates-form-intro {
  padding-top: 50px;
}
form .get-updates-form-intro .title-text {
  font-size: 30px;
  font-family: 'gobold-bold';
  color: #2C2851;
  text-transform: uppercase;
}
form .get-updates-form-intro p.req-text {
  padding-bottom: 46px;
}
form p.req-text {
  font-size: 14px;
}


.webform-submission-stay-in-the-know-form .mobile-accordion-header-wrap .plus-toggle-button,
.webform-submission-stay-in-the-know-form .mail-accordion-header-wrap .plus-toggle-button {
  color: #fff;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #f15d5e;
	text-align: center;
	padding: 7px;
	font-size: 12px;
  margin-right: 16px;
}

/* Form Accordion Accessiblity Issue */
.webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox,
.webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox {
  display: none;
}
.webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox, .webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox {
  display: block;
  top: 3px !important;
  left: 4.5px !important;
 }
 .webform-submission-stay-in-the-know-form .form-item-mobile-accordion .form-check-label::before,
 .webform-submission-stay-in-the-know-form .form-item-address-accordion .form-check-label::before {
  display: none;
 }
 .webform-submission-stay-in-the-know-form .mobile-accordion-header-wrap,
 .webform-submission-stay-in-the-know-form .mail-accordion-header-wrap {
  position: relative;
  z-index: 11;
  margin-left: -23.6px;
 }
 .webform-submission-stay-in-the-know-form .form-item-address-accordion {
   margin-top: -48px;
 }
  .webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox,
  .webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox {
    opacity: 0;
    width: 17px;
    height: 17px;
  }
  .webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox:focus,
  .webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox:focus {
    outline: 0px dotted #2c2851 !important;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    opacity: 1;
  }
  .webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox:focus:not(:focus),
  .webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox:focus:not(:focus) {
    outline: none;
  }


.webform-submission-stay-in-the-know-form .mobile-accordion-header-wrap .phone-header,
.webform-submission-stay-in-the-know-form .mail-accordion-header-wrap .mail-header {
  font-family: 'poppins-regular';
  font-size: 16px;
  color: #2C2851;
  text-decoration: underline;
}
.webform-submission-stay-in-the-know-form .mobile-accordion-header-wrap .phone-header .optional-italic,
.webform-submission-stay-in-the-know-form .mail-accordion-header-wrap .mail-header .optional-italic,
form span.optional-italic {
  font-family: 'Poppins-Italic';
}
.webform-submission-stay-in-the-know-form #edit-mobile-container,
.webform-submission-stay-in-the-know-form #edit-message-and-data,
.webform-submission-stay-in-the-know-form #edit-message-and-data p,
.webform-submission-stay-in-the-know-form #edit-mail-acc-container {
  margin-bottom: 0px !important;
}
.webform-submission-stay-in-the-know-form #edit-mobile-container label,
.webform-submission-stay-in-the-know-form #edit-mail-acc-container .form-item-address-line-1 {
  margin-top: 20px;
}

.copay-form-into-details .back-to-block {
  padding: 40px 0;
}
.copay-form-into-details .intro-details {
  padding: 40px 0 30px 0;
}
.copay-form-into-details .intro-details p {
  font-family: 'poppins-semibold';
}
.copay-form-into-details .intro-details p.req-text {
  font-family: 'poppins-regular';
}

form.webform-submission-copy-get-started-add-form #edit-actions--2,
form.webform-submission-copay-savings-program-add-form #edit-actions {
  margin-bottom: 40px;
}
form.webform-submission-copy-get-started-add-form #edit-container-step1 .form-blue-bg,
form.webform-submission-copay-savings-program-add-form #edit-copay-savings-card-step-1 .form-blue-bg {
  margin-bottom: 0px;
  padding-bottom: 120px;
}

form.webform-submission-copy-get-started-add-form input.webform-button--next,
form.webform-submission-copay-savings-program-add-form input.webform-button--next {
  margin-top: -195px;
  margin-left: 40px;
}
.webform-submission-copy-get-started-form .checkbox {
  margin-bottom: 18px !important;
  padding-left: 2.5rem !important;
}
/* .webform-submission-copy-get-started-form .checkbox .form-check-label::before {
  border-radius: 0px !important;
  width: 25px !important;
  height: 25px !important;
  border: 1px solid #433D61 !important;
  left: -2.5rem !important;
}
.webform-submission-copy-get-started-form .checkbox .form-check-label::after {
  width: 25px !important;
  height: 25px !important;
  border: 1px solid #433D61 !important;
  left: -2.5rem !important;
} */
/* .webform-submission-copy-get-started-form .checkbox .form-check-input:checked ~ .form-check-label::before {
  background-color: #fff !important;
}
.webform-submission-copy-get-started-form .checkbox .form-check-input:checked ~ .form-check-label::after {
  background: url('../images/checkbox-checked.jpg');
} */

.webform-submission-copy-get-started-form .checkbox label,
.webform-submission-copy-get-started-form #edit-tnc-text p label {
  font-size: 16px;
  font-family: 'poppins-regular';
}
.webform-submission-copy-get-started-form #edit-tnc-text {
  margin-bottom: 0px;
}
.webform-submission-copy-get-started-form #edit-down-extra {
  margin-bottom: 0px !important;
}

/* Form Section Styles Ends */





@media (min-width: 1200px) {
  .webform-submission-stay-in-the-know-form input.form-checkbox, .webform-submission-stay-in-the-know-form  input.form-checkbox {
    display: block;
  }
  .webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox:focus,
  .webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox:focus {
    outline: 2px dotted #000;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    opacity: 1;
  }
  /* .bottomcalloutsection_main{
    width: 95%;
    display: block;
  } */
  .webform-submission-stay-in-the-know-form .form-item-mobile-accordion input.form-checkbox:focus:not(:focus),
  .webform-submission-stay-in-the-know-form .form-item-address-accordion input.form-checkbox:focus:not(:focus) {
    outline: none;
  }
}

/* Wallet Section */
.g-a-wallet {
  display: none;
}
.google-apple-wallet-wrap {
  display: flex;
  margin-top: 40px;
}
.google-apple-wallet-wrap .google-wrap {
  margin-right: 40px;
}

/* Modal Global Styles Begins */
#sliding-popup {
  z-index: 999 !important;
}
.modal {
  padding-right: 0px !important;
}
.modal-backdrop {
  background: #433D61;
}
.modal-backdrop.show {
  opacity: 0.90 !important;
}
.close-modal {
  position: absolute;
  right: 0;
  margin: 7px 10px 0 0;
  top: 0;
  cursor: pointer;
	width: 20px
}
.modal-content {
  padding: 50px 50px 48px 50px;
  max-height: 100vh;
  overflow-y: auto;
}
.modal-body p.modal-p-bold {
  font-family: 'poppins-semibold';
  font-size: 17px !important;
}
.modal-footer {
  border-top: none !important;
  justify-content: center !important;
}


/* Modal Global Styles Ends */




#Healthcare-Modal .modal-dialog,
#TermsConditionExt-Modal .modal-dialog,
#TermsConditionExt-Modal-OPZ2 .modal-dialog,
#appstoreExt-Modal .modal-dialog,
#googleExt-Modal .modal-dialog {
  max-width: 700px !important;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
  margin: 0 auto;
}
#Zocdoc-Modal .modal-dialog {
  max-width: 950px !important;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
  margin: 0 auto;
}


/* Terms and Condition Modal Styles Begins */
#TermsCondition-Modal .modal-dialog {
  max-width: 80% !important;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
  margin: 0 auto;
}
#TermsCondition-Modal .modal-content {
  height: 80vh !important;
  padding: 0px;
}
#TermsCondition-Modal h2 {
  padding: 50px 50px 0px 25px;
}
#TermsCondition-Modal .modal-body {
  overflow-y: scroll;
  margin: 0 12px 60px 0;
  padding-left: 25px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#TermsCondition-Modal .modal-body::-webkit-scrollbar,
.video-transcript-section .transcript-descrp::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
#TermsCondition-Modal .modal-body,
.video-transcript-section .transcript-descrp {
  -ms-overflow-style: none;
}
@-moz-document url-prefix() {
	#TermsCondition-Modal .modal-body,
	.video-transcript-section .transcript-descrp {
		scrollbar-width: none;
	}
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
	height: 16px !important;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 16px !important;
	margin: 0px !important;
	height: 16px !important;
	background-color: #2C2851 !important;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: none !important;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #f1f1f1 !important;
	border-radius: 16px;
}
/* .modal-body.mCustomScrollbar._mCS_1 {
	padding-right: 0px !important;
} */
/* #TermsCondition-Modal .modal-body::-webkit-scrollbar,
#Zocdoc-Modal .modal-body::-webkit-scrollbar {
  width: 10px;
}
#TermsCondition-Modal .modal-body::-webkit-scrollbar-track,
#Zocdoc-Modal .modal-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
#TermsCondition-Modal .modal-body::-webkit-scrollbar-thumb,
#Zocdoc-Modal .modal-body::-webkit-scrollbar-thumb {
  background: #2C2851;
  border-radius: 4px;
} */
/* #TermsCondition-Modal .terms-text-wrapper {
  padding-right: 20px;
} */
#TermsCondition-Modal .terms-text-wrapper p {
  font-family: 'poppins-regular';
  font-size: 14px;
  color: #2B2B2B;
  margin-bottom: 10px;
}
#TermsCondition-Modal .terms-text-wrapper ul.terms-condition-lists {
  padding-left: 15px;
  list-style-image: url('../images/oval-point.png');
}
#TermsCondition-Modal .terms-text-wrapper ul.terms-condition-lists li {
  font-family: 'poppins-regular';
  font-size: 14px;
  color: #2B2B2B;
  margin-bottom: 10px;
}
#TermsCondition-Modal .terms-text-wrapper ul.terms-condition-lists li.semi-bold-font {
  font-family: 'poppins-semibold';
}
/* Terms and Condition Modal Styles Ends */

@media (max-width: 575px) {
  #Healthcare-Modal .modal-dialog,
  #Zocdoc-Modal .modal-dialog,
  #TermsConditionExt-Modal .modal-dialog,
	#TermsConditionExt-Modal-OPZ2 .modal-dialog,
	#appstoreExt-Modal .modal-dialog,
	#googleExt-Modal .modal-dialog {
    max-width: 90% !important;
  }
  .modal-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal-body h2 {
    line-height: 42px;
  }
  
  

  #Zocdoc-Modal .modal-content {
    height: 80vh !important;
  }
  #Zocdoc-Modal .modal-body {
    overflow-y: scroll;
  }

  #TermsCondition-Modal h2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  #TermsCondition-Modal .modal-body {
    padding-left: 15px;
  }
}

@media (min-width:576px) and (max-width:991px) {
  #Zocdoc-Modal .modal-dialog {
    max-width: 90% !important;
  }
  #Zocdoc-Modal .modal-dialog .modal-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #Zocdoc-Modal .modal-dialog {
    max-width: 90% !important;
  }
  #Zocdoc-Modal .modal-dialog .modal-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* .bottomcalloutsection_main {
    width: 100%;
} */
}
@media (min-width:1200px) and (max-width:1399px) {
  #Zocdoc-Modal .modal-dialog {
    max-width: 85% !important;
  }
  /* .bottomcalloutsection_main{
    width: 90% !important;
  } */
}


/* Mobile and Tablet potrait Version */
@media (max-width: 991px) {
	p.no-c-mb {
		margin-bottom: 4px !important;
	}
	.cust-mb-0 {
		margin-bottom: 12px !important;
	}
  .g-a-wallet {
    display: block;
  }
  /* Header Section Styles */
  #block-agnostic-main-menu .container {
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #block-agnostic-main-menu .container .row {
    margin: 0 !important;
  }
  #block-agnostic-main-menu .container .row .col-12 {
    padding: 0 !important;
  }
  .mobile-menu {
    display: inline-block;
		height: 65px;
  }
  /* .mobile-menu {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
  } */
  .mobile-menu .mobile-menu-text {
    font-family: 'poppins-semibold';
    font-size: 14px;
    color: #433D61;
		position: absolute;
		bottom: 0;
  }
  /* .mobile-menu i.fa-bars {
    color: #F15D5E;
    font-size: 37px;
  }
  .mobile-menu i.fa-times {
    font-size: 46px;
  } */

  .main-navigation {
    background: #fff;
    /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; */
    position: relative;
    z-index: 15;
  }
  .main-navigation ul.nav-bar {
    flex-direction: column;
    z-index: 15;
    position: absolute;
    background: #fff;
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    overflow-x: hidden;
  }
  .main-navigation ul.nav-bar li.main-link {
    padding: 0px;
    width: 100%;
    position: relative;
    margin: 0 auto;
  }
  .main-navigation ul.nav-bar li.main-link i {
    position: absolute;
    /* left: 0; */
    margin-top: 17px;
  }
  ul.custom-dropdown-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
  }
  ul.custom-dropdown-menu li {
    padding: 0;
  }
  ul.custom-dropdown-menu li:last-child {
    padding-bottom: 0;
  }
  ul.custom-dropdown-menu li a {
    color: #2B2B2B;
    font-family: 'poppins-regular';
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    width: 100%;
    display: inherit;
  }
  ul.custom-dropdown-menu li a.sr-wrap br {
    display: none;
  }

	.main-navigation ul.nav-bar li.main-link.menu-item--active-trail button.nolink,
  .main-navigation ul.nav-bar li.main-link.menu-item--active-trail:nth-child(3) a.eczema-link {
    font-family: 'poppins-semibold';
    color: #433D61;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    font-size: 15px;
  }
  .main-navigation ul.nav-bar li.m.stay-informedain-link.menu-item--active-trail {
    color: #fff;
    font-family: 'poppins-semibold';
  }

  ul.custom-dropdown-menu li.is-active a,
	ul.custom-dropdown-menu li a.is-active {
    font-family: 'poppins-semibold';
    color: #fff;
    /* background: #433D61; */
    background: #2C2851;
    display: inherit;
    width: 100%;
  }
  ul.custom-dropdown-menu li.is-active:first-child a {
    margin-top: 10px;
  }
	ul.custom-dropdown-menu li:first-child a.is-active {
    margin-top: 0px;
  }
  .main-navigation ul.nav-bar li.main-link a.stay-informed {
    padding-top: 14px;
    padding-bottom: 14px;
    display: inline-block;
  }
  .main-navigation ul.nav-bar li.main-link .parent-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-flex;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(3) a.eczema-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-flex;
  }
  .main-navigation ul.nav-bar li.main-link a.stay-informed {
    color: #2B2B2B;
    text-decoration: none;
    font-family: 'poppins-semibold';
    font-size: 16px;
  }
  .main-navigation ul.nav-bar li.main-link.incytecare-mob-link {
    display: block;
  }
  .main-navigation ul.nav-bar li.main-link.incytecare-mob-link i.fa-chevron-down,
  .main-navigation ul.nav-bar li.main-link.incytecare-mob-link i.fa-chevron-up {
    display: none;
  }
  .main-navigation ul.nav-bar li.main-link.incytecare-mob-link {
    padding-top: 0px;
    padding-bottom: 12px;
  }
  .main-navigation ul.nav-bar li.main-link.incytecare-mob-link a {
    color: #2b2b2b;
    font-family: 'poppins-regular';
    font-size: 15px;
    text-decoration: none;
  }
  .copay-sc-btn.mobile-copay-btn {
    display: block;
    margin-bottom: 25px;
  }
  .copay-sc-btn.desktop-copay-btn,
  .top-header-menu ul li.th-menu-none {
    display: none;
  }

  .eu-cookie-compliance-content {
    flex-direction: column !important;
  }
  .eu-cookie-compliance-buttons {
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 15px !important;
  }
  .eu-cookie-compliance-message {
    max-width: 100% !important;
  }
  .eu-cookie-compliance-secondary-button {
    width: 100% !important;
  }

  .top-header-menu p {
    text-align: center;
    margin-bottom: 10px;
  }
  .top-header-menu ul {
    justify-content: center;
  }
  .top-header-menu ul li {
    border-right: none;
    text-align: center;
  }
  /* Header Section Styles Ends */

  /* Home Page Styles Starts */
  .mob-mb-50 {
    margin-bottom: 50px;
  }

  /* Footer Section Styles Starts */
  footer {
    padding: 90px 0;
  }
  footer ul.navbar-nav {
    flex-direction: column !important;
  }
  
  footer ul.navbar-nav li.nav-item a.nav-link {
    padding-bottom: 3px;
    font-size: 16px;
    display: inline-block;
  }
  footer .img-wrapper {
    margin-bottom: 40px;
  }
  footer .footer-logo-wrapper {
    flex-direction: column;
  }
  footer .footer-logo-wrapper .text-wrapper {
    margin-left: 6px;
  }
  /* Footer Section Styles Ends */

  /* Form Styles */
  
  .radio {
      min-height: 2.2rem !important;
    }

    .webform-options-display-two-columns,
  .webform-options-display-three-columns {
   flex-direction: column;
  }

  .webform-options-display-two-columns .radio,
  .webform-options-display-three-columns .radio,
  .webform-submission-share-your-story-form #edit-i-am-.webform-options-display-two-columns .radio,
  .webform-submission-stay-in-the-know-form #edit-i-am-.webform-options-display-two-columns .radio,
  .webform-submission-copy-get-started-form #edit-down-i-am.webform-options-display-two-columns .radio,
	.webform-submission-copy-get-started-form #edit-i-am--wrapper .webform-options-display-two-columns .radio {
    width: 100% !important;
  }

	.get-copay-step-1-radio .webform-options-display-two-columns,
	.activate-step-2-radio .webform-options-display-two-columns {
		flex-direction: row !important;
	}
  /* Form Styles */

  #copay-savings-callout .copay-d {
    display: none;
  }

  
  
}

/* Mobile Potrait Version */
@media (max-width: 575px) {
	.mobile-menu {
		height: 60px;
	}
  br.m-br {
    display: block;
  }
  br.d-br {
    display: none;
  }
  .mobile-block {
    display: block;
  }
  .desktop-block {
    display: none;
  }
  
  .header-2-text {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 25px;
  }

  /* Header Section Styles Starts */
  .top-header-menu {
      padding: 18px 0px;
    }
    .top-header-menu p {
      margin-bottom: 12px;
    }
  .main-navigation .logo-wrapper img {
    width: 156px;
  }
  .main-navigation ul.nav-bar li.main-link button.nolink,
  .main-navigation ul.nav-bar li.main-link:nth-child(6),
  .main-navigation ul.nav-bar li.main-link:nth-child(5) {
    padding-left: 15px;
  }
  .main-navigation ul.nav-bar li.main-link ul.custom-dropdown-menu li a {
    padding-left: 28px;
  }
  .main-navigation ul.nav-bar li.main-link i {
    right: 15px;
  }
  /* Header Section Styles Ends */

  .home-diff-section {
    padding: 98px 0 34px 0;
  }
  .see-the-diff-text {
    font-size: 26px;
		margin-top: -20px;
  }
  .see-the-diff-text br {
    display: block;
  }
  /* Safety and Side Effects Section Styles Ends */
  
  /* Form Section STyles */
  form .form-blue-bg,
  form .top-blue-container,
  form .bg-img-container,
  form .bottom-blue-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .radio {
    min-height: 2.2rem !important;
  }
  form .form-btn, form#webform-submission-copy-get-started-node-181-add-form .webform-button--next {
    width: 100%;
  }
  .webform-submission-stay-in-the-know-form .mobile-accordion-header-wrap {
    display: flex;
  }
  form.webform-submission-copy-get-started-add-form input.webform-button--next,
  form.webform-submission-copay-savings-program-add-form input.webform-button--next {
    margin-left: 20px;
    width: 90%;
  }
  .webform-submission-stay-in-the-know-form .form-item-address-accordion {
    margin-top: 0px;
  }
	.webform-submission-stay-in-the-know-form .starter-pack .img-wrapper {
		text-align: center;
	}
  /* Form Section STyles */
  /* Copay Page STyles */
  #terms-and-conditions .cp-tc-list-wrapper {
    padding-left: 14px;
    padding-right: 10px;
  }
  #terms-and-conditions .cp-tc-list-wrapper ul li {
    padding-left: 4px;
  }

  .google-apple-wallet-wrap {
    flex-direction: column;
    margin-top: 40px;
    text-align: center;
  }
  .google-apple-wallet-wrap .google-wrap {
    margin-bottom: 20px;
    margin-right: 0px;
  }
}

/* Mobile Landscape Version */
@media (min-width: 576px) and (max-width: 767.98px) {
  .main-navigation ul.nav-bar li.main-link button.nolink,
  .main-navigation ul.nav-bar li.main-link:nth-child(6),
  .main-navigation ul.nav-bar li.main-link:nth-child(5) {
    padding-left: 80px;
  }
  .main-navigation ul.nav-bar li.main-link ul.custom-dropdown-menu li a {
    padding-left: 100px;
  }
  .main-navigation ul.nav-bar li.main-link i {
    right: 75px;
  }
}

/* Mobile Landscape and Tablet Potrait Version */
@media (min-width: 576px) and (max-width: 991px) {

  /* Home Page Styles Starts */
  .home-diff-section {
    padding: 60px 0 40px 0;
  }
  .see-the-diff-text {
    font-size: 40px;
    margin-top: -30px
  }
  /* Home Page Styles Ends */
}

/* Ipad Potrait Version */
@media (min-width: 768px) and (max-width: 991px) {
  .main-navigation ul.nav-bar li.main-link button.nolink,
  .main-navigation ul.nav-bar li.main-link:nth-child(6),
  .main-navigation ul.nav-bar li.main-link:nth-child(5) {
    padding-left: 50px;
  }
  .main-navigation ul.nav-bar li.main-link ul.custom-dropdown-menu li a {
    padding-left: 68px;
  }
  .main-navigation ul.nav-bar li.main-link i {
    right: 50px;
  }
}

/* Ipad Pro and Above */
@media (min-width: 992px) {
  .copay-sc-btn.desktop-copay-btn img {
    width: 62%;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(6) {
    display: none;
  }
  .main-navigation {
    position: relative;
    z-index: 13;
  }
  .mobile-menu {
    display: none;
  }
  .main-navigation ul.nav-bar li.main-link {
    padding-bottom: 14px;
    z-index: 1;
  }
  .main-navigation ul.nav-bar {
    margin-top: 24px;
    margin-bottom: 0px;
  }
  .main-navigation ul.nav-bar li.main-link.menu-item--active-trail button.nolink,
  .main-navigation ul.nav-bar li.main-link.menu-item--active-trail:nth-child(3) a.eczema-link,
	.main-navigation ul.nav-bar li.main-link.menu-item--active-trail button.nolink {
    font-family: 'poppins-semibold';
    text-decoration: underline;
  }
  .main-navigation ul.nav-bar li.m.stay-informedain-link.menu-item--active-trail {
    text-decoration: none;
  }
	.main-navigation ul.nav-bar li a.stay-informed {
    background: #fff;
    font-family: 'poppins-semibold';
    color: #433D61;
    font-size: 16px;
    padding: 10px 35px;
    border-radius: 30px;
    text-decoration: none;
    border: 2px solid #F15D5E;
		text-transform: uppercase;
  }
  .main-navigation ul.nav-bar li a.stay-informed:hover {
    background-color: #433D61;
    color: #fff;
    border: none;
    padding: 12px 37px;
  }
  ul.custom-dropdown-menu {
    margin: 20px 0 0 0;
    text-align: center;
    position: absolute;
    background: #fff;
    z-index: 15;
    list-style: none;
    display: none;
    padding: 0;
    /* transition: all 0.3s cubic-bezier(.79,.14,.15,.86) 0s; */
    border-top: 4px solid #433D61;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.30) !important;
  }
  ul.custom-dropdown-menu li {
    margin: 0;
  }
  ul.custom-dropdown-menu li a {
    color: #2B2B2B;
    font-family: 'poppins-regular';
    font-size: 14px;
    text-decoration: none;
    padding: 10px 5px;
    display: inline-block;
  }
  ul.custom-dropdown-menu li a.sr-wrap,
  ul.custom-dropdown-menu li a.le-wrap {
    padding-left: 38px;
    padding-right: 38px;
  }
	ul.custom-dropdown-menu li a.sr-wrap {
        max-width: 188px;
    }
  ul.custom-dropdown-menu li.is-active a,
	ul.custom-dropdown-menu li a.is-active {
    font-family: 'poppins-semibold';
    background: #433D61;
    width: 100%;
    color: #fff;
  }
  .col-lg-8.no-plr {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  /* Header Section Styles Ends */

  /* Form Styles */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"] {
    width: 365px !important;
  }
	
}

  /* Ipad pro and ipad Landscape */
  @media (min-width: 992px) and (max-width: 1199px) {
    .g-a-wallet {
      display: block;
    }
    /* Header section Styles Starts */
    .main-navigation ul.nav-bar {
      padding-left: 0;
      display: flex !important;
    }
    .main-navigation ul.nav-bar li.main-link button.nolink,
    .main-navigation ul.nav-bar li#Living-with-Eczema a.eczema-link {
      font-size: 14px;
    }
    .main-navigation ul.nav-bar li a.stay-informed {
      font-size: 14px;
    }
    .main-navigation ul.nav-bar li.main-link i.fa-chevron-down,
    .main-navigation ul.nav-bar li.main-link i.fa-chevron-up {
      margin-left: 6px;
    }

    .top-header-menu ul li {
      text-align: center;
    }
    /* Header section Styles Ends */
    
}




  /* Desktop Version */
@media (min-width: 1200px) {
  .main-navigation ul.nav-bar li.main-link.menu-item:hover > ul.custom-dropdown-menu,
  .main-navigation ul.nav-bar li.main-link.menu-item.acs-hover > ul.custom-dropdown-menu {
    display: block !important;
    transition: all 0.3s cubic-bezier(.79,.14,.15,.86) 0s;
  }
	.main-navigation ul.nav-bar li.main-link button.nolink:hover,
	.main-navigation ul.nav-bar li.main-link.acs-hover button.nolink,
	.main-navigation ul.nav-bar li.main-link a.eczema-link:hover,
	.main-navigation ul.nav-bar li.main-link.acs-hover a.eczema-link,
	.main-navigation ul.nav-bar li.main-link button.nolink:focus,
	.main-navigation ul.nav-bar li.main-link button.nolink:visited,
	.main-navigation ul.nav-bar li.main-link:nth-child(3) a.eczema-link:focus {
		font-family: 'poppins-semibold';
		text-decoration: underline;
	}
	.main-navigation ul.nav-bar li.main-link.menu-item--active-trail .parent-menu.nolink,
  .main-navigation ul.nav-bar li.main-link.menu-item--active-trail:nth-child(3) a.eczema-link,
	.main-navigation ul.nav-bar li.main-link.menu-item--active-trail .parent-menu.nolink {
    font-family: 'poppins-semibold';
    text-decoration: underline;
  }
  .main-navigation ul.nav-bar li.m.stay-informedain-link.menu-item--active-trail {
    text-decoration: none;
  }
  .main-navigation ul.nav-bar li.main-link:hover i.fa-chevron-down,
  .main-navigation ul.nav-bar li.main-link.acs-hover i.fa-chevron-down {
    transform: rotate(180deg);
  }

  
	a.copay-savings-lnk:hover,
	a.copay-savings-lnk:focus {
		opacity: 0.8
	}
}

/* Large Desktop Screen */
@media (min-width: 1400px) {
	#Zocdoc-Modal .modal-dialog {
		max-width: 720px !important;
	}
  /* .container {
    max-width: 1320px;
  } */
  /* .bottomcalloutsection_main {
    width: 94%;
} */
  
  /* important-safety-information Section Styles Ends */
  .main-navigation .logo-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.mCSB_scrollTools {
  width: 16px !important;
}
ul.custom-dropdown-menu li a:hover, ul.custom-dropdown-menu li a:focus {
  background-color: #2c2851;
  color: #fff;
  display: block;
}
#Healthcare-Modal h2,
#Zocdoc-Modal h2,
#TermsConditionExt-Modal h2,
#TermsConditionExt-Modal-OPZ2 h2,
#appstoreExt-Modal h2,
#googleExt-Modal h2 {
  margin-bottom: 15px;
}
#Healthcare-Modal .modal-body p,
#TermsConditionExt-Modal .modal-body p,
#TermsConditionExt-Modal-OPZ2 .modal-body p,
#appstoreExt-Modal .modal-body p,
#googleExt-Modal .modal-body p {
  margin-bottom: 20px;
}
#Healthcare-Modal .modal-body p.modal-p-bold,
#TermsConditionExt-Modal .modal-body p.modal-p-bold,
#TermsConditionExt-Modal-OPZ2 .modal-body p.modal-p-bold,
#appstoreExt-Modal .modal-body p.modal-p-bold,
#googleExt-Modal .modal-body p.modal-p-bold {
  font-size: 16px !important;
  margin-bottom: 0px !important;
}
#Healthcare-Modal .modal-body,
#TermsConditionExt-Modal .modal-body,
#TermsConditionExt-Modal-OPZ2 .modal-body,
#appstoreExt-Modal .modal-body,
#googleExt-Modal .modal-body {
  padding-bottom: 14px;
}
#Zocdoc-Modal .modal-body {
  padding-bottom: 10px;
}
#Zocdoc-Modal .modal-body p.modal-p-bold {
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 24px;
}
#opz-study-sec .icon-sec:hover,
#terms-and-conditions .icon-sec:hover {
	opacity: 0.8;
}

#how-to-use-opz-section ul.inner-list {
  padding-top: 0px;
  margin-bottom: 8px;
}
/* .radio .form-check-input:hover~.form-check-label::before {
  background-color: #D8D4D7 !important;
  box-shadow: unset !important;
} */

footer ul.navbar-nav li.nav-item a.nav-link:focus {
    outline: 1px dotted #fff !important;
}

header .ad-viti-change-condition-wrapper.mobile-cc {
  display: none;
}
header .ad-viti-change-condition-wrapper .ad-viti-cc-menu-heading {
  font-family: 'poppins-medium';
  color: #2B2B2B;
  font-size: 14px;
  line-height: 20px;
}
header .ad-viti-change-condition-wrapper a.cc-text {
  font-family: 'poppins-regular';
  color: #2B2B2B;
  font-size: 12px;
  line-height: 24px;
  text-decoration: underline;
}
header .ad-viti-change-condition-wrapper.desktop-cc {
  border-left: 1px solid #D8D4D7;
  margin-left: 25px;
  padding-left: 20px;
}
header .ad-viti-change-condition-wrapper.desktop-cc .ad-viti-cc-menu-heading {
  padding-bottom: 5px;
}
@media (max-width: 991px) {
  header .ad-viti-change-condition-wrapper.mobile-cc {
    display: block;
  }
  header .ad-viti-change-condition-wrapper.desktop-cc {
    display: none;
  }
  header .ad-viti-change-condition-wrapper.mobile-cc .ad-viti-mob-cc {
    display: flex;
    position: relative;
    border-bottom: 1px solid #2c2851;
  }
}
@media (max-width: 575px) {
  header .ad-viti-change-condition-wrapper .ad-viti-cc-menu-heading {
    font-size: 12px;
    line-height: 16px;
  }
  header .ad-viti-change-condition-wrapper.mobile-cc .ad-viti-mob-cc {
    padding: 15px;
  }
  header .ad-viti-change-condition-wrapper.mobile-cc .ad-viti-mob-cc .ad-viti-cc {
    position: absolute;
    right: 15px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  header .ad-viti-change-condition-wrapper.mobile-cc .ad-viti-mob-cc {
    padding: 15px 65px;
  }
  header .ad-viti-change-condition-wrapper.mobile-cc .ad-viti-mob-cc .ad-viti-cc {
    position: absolute;
    right: 65px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .copay-custom-btn.desktop-custom-btn.custom-ad-menu {
    margin-top: 9px;
  }
	/* #brochure-mockup-section .sec-wrapper .text-wrapper {
		width: 80%;
	} */
}
@media (max-width: 575px) {
	header .atopic-dermatitis-text {
		font-family: 'poppins-semibold';
		font-size: 12px;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.webform-submission-stay-in-the-know-form .starter-pack {
		margin-bottom: 60px;
	}
}
.ad-viti-change-condition-wrapper.desktop-cc a.cc-text i,
.ad-viti-change-condition-wrapper.mobile-cc a.cc-text i {
  transform: rotate(270deg);
  position: relative;
  top: -1px;
  left: 2px;
}
#how-to-use-opz-section ul li span.semibold-text {
  font-family: 'poppins-bold';
}



.skip-link.visually-hidden.focusable:focus {
  position: relative !important;
}
.ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select {
  cursor: pointer;
}


@media (min-width: 1200px) {
  .eu-cookie-compliance-message p br.cookie-br {
    display: block !important;
  }
  .ad-viti-menu-dropdown.gateway-dropdown {
    padding-top: 5px;
    padding-bottom: 5px;
  }
	form.webform-submission-copy-get-started-add-form .js-form-item-tnc-sms-mr {
    position: relative;
    margin-bottom: 24px !important;
  }
  form.webform-submission-copy-get-started-add-form .js-form-item-tnc-sms-mr .form-error {
    position: absolute;
    top: 96px;
  }
  .eu-cookie-compliance-content {
    padding: 12px 0 !important;
  }
}
@media (max-width: 575px) {
  .top-header-menu p {
    font-size: 14px !important;
  }
  
  header .ad-viti-change-condition-wrapper a.cc-text {
    font-size: 14px !important;
  }
}
/* .checkbox .form-checkbox.error ~ .form-check-label::before,
.checkbox .form-checkbox.error ~ .form-check-label::after {
  border-color: #c54b4b !important;
} */


/* Interactive styling */
@media (min-width: 1200px) {

  /* Gateway and Change Condition Styles */
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select a.select-text:hover {
    text-decoration: underline !important;
  }
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select.gate-acs-hover:focus {
    outline: 1px solid #2b2b2b !important;
  }
  .ad-viti-menu-dropdown.gateway-dropdown ul.select-dropdown .ad-sel,
  .ad-viti-menu-dropdown.gateway-dropdown ul.select-dropdown .viti-sel {
    padding: 0 !important;
  }
  .ad-viti-menu-dropdown.gateway-dropdown ul.select-dropdown .ad-sel a ,
  .ad-viti-menu-dropdown.gateway-dropdown ul.select-dropdown .viti-sel a {
    padding: 7px 12px !important;
  }
  .ad-viti-menu-dropdown .select-dropdown a:focus {
    background-color: #2c2851 !important;
    outline: unset !important;
  }
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select.gate-acs-hover ul.select-dropdown .ad-sel a:focus,
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select.gate-acs-hover ul.select-dropdown .viti-sel a:focus,
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select.gate-acs-hover ul.select-dropdown .ad-sel a:focus > span,
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select.gate-acs-hover ul.select-dropdown .viti-sel a:focus > span {
    color: #fff !important;
  }
  header .ad-viti-change-condition-wrapper a.cc-text:hover {
    text-decoration: none !important;
  }


  /* Orange Border CTA Styles */
  
  .main-navigation ul.nav-bar li a.stay-informed:hover {
    border: 2px solid #2c2851 !important;
    background-color: #fff !important;
    color: #2c2851 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  
  .main-navigation ul.nav-bar li a.stay-informed:focus {
    background-color: #2C2851 !important;
  	color: #fff !important;
    border: 0px !important;
    outline: unset !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 37px !important;
    padding-right: 37px !important;
  }



  /* Blue Border CTA Styles */

  form .form-btn:hover,
  form.webform-submission-copy-get-started-add-form input.webform-button--next:hover,
  form.webform-submission-copay-savings-program-add-form input.webform-button--next:hover {
    color: #fff !important;
    background-color: #2C2851 !important;
    border: 2px solid #2C2851 !important;
  }
  form .btn-primary:not(:disabled):not(.disabled).active,
  form .btn-primary:not(:disabled):not(.disabled):active,
  form .show > .btn-primary.dropdown-toggle,
  form .btn-primary.focus,
  form .btn-primary:focus {
    color: #fff !important;
    background-color: #2C2851 !important;
    border-color: #2C2851 !important;
  }
  form .form-btn:focus,
  form.webform-submission-copy-get-started-add-form input.webform-button--next:focus,
  form.webform-submission-copay-savings-program-add-form input.webform-button--next:focus {
    box-shadow: none !important;
    /* box-shadow: 0 0 0 .1rem rgba(255,255,255,0.9); */
  }


  
	



  /* form.webform-submission-stay-in-the-know-form input#edit-mobile-accordion:focus ~ label .mobile-accordion-header-wrap,
  form.webform-submission-stay-in-the-know-form input#edit-address-accordion:focus ~ label .mail-accordion-header-wrap {
    outline: 1px dotted #2c2851 !important;
  } */
  .ad-viti-menu-dropdown.gateway-dropdown .ad-viti-select a.select-text:focus {
    outline: 1px solid #2b2b2b !important;
    padding: 2px 140px 2px 0px !important;

  }
}

@media (min-width:576px) and (max-width:991px) {
	header {
	 position: relative;
	 z-index: 15;
 }
}

@media (max-width: 575px) {
  footer ul.navbar-nav li.nav-item a {
    display: inline-block !important;
  }
}

@media (max-width: 575px) {
  .home-diff-section {
    padding-bottom: 80px !important;
  }
  .see-the-diff-text {
    margin-top: -59px !important;
  }
    body.type-vitiligo header .ad-viti-change-condition-wrapper .ad-viti-cc-menu-heading {
        font-family: 'poppins-regular' !important;
    }
   
}
@media (min-width: 1200px) {
  body.page-node-31 #right-image-overlap-text .r-img-wrapper .image-content {
    width: 63%;
  }
}