[class*="grid_"] {
    display: inline;
    float: left; }

.section {
    clear: both; }

.alpha {
    margin-left: 0 !important;
    clear: left; }

[id=wrapper] {
    width: 960px;
    margin: 0 auto; }

[id=wrapper] .main {
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 940px; }

.main {
    width: 100%; }

.main:before,
.main:after {
    display: table;
    content: "";
    line-height: 0; }

.main:after {
    clear: both; }

.main [class*="grid_"] {
    display: block;
    width: 100%;
    float: left;
    margin-left: 2.08333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.main [class*="grid_"]:first-child {
    margin-left: 0; }

.main .grid_1 {
    width: 6.42361%; }

.main .prefix_1 {
    margin-left: 10.59028%; }

.main .prefix_1.alpha {
    margin-left: 8.50694% !important; }

.main .suffix_1 {
    margin-right: 8.50694%; }

.main .grid_2 {
    width: 14.93056%; }

.main .prefix_2 {
    margin-left: 19.09722%; }

.main .prefix_2.alpha {
    margin-left: 17.01389% !important; }

.main .suffix_2 {
    margin-right: 17.01389%; }

.main .grid_3 {
    width: 23.4375%; }

.main .prefix_3 {
    margin-left: 27.60417%; }

.main .prefix_3.alpha {
    margin-left: 25.52083% !important; }

.main .suffix_3 {
    margin-right: 25.52083%; }

.main .grid_4 {
    width: 31.94444%; }

.main .prefix_4 {
    margin-left: 36.11111%; }

.main .prefix_4.alpha {
    margin-left: 34.02778% !important; }

.main .suffix_4 {
    margin-right: 34.02778%; }

.main .grid_5 {
    width: 40.45139%; }

.main .prefix_5 {
    margin-left: 44.61806%; }

.main .prefix_5.alpha {
    margin-left: 42.53472% !important; }

.main .suffix_5 {
    margin-right: 42.53472%; }

.main .grid_6 {
    width: 48.95833%; }

.main .prefix_6 {
    margin-left: 53.125%; }

.main .prefix_6.alpha {
    margin-left: 51.04167% !important; }

.main .suffix_6 {
    margin-right: 51.04167%; }

.main .grid_7 {
    width: 57.46528%; }

.main .prefix_7 {
    margin-left: 61.63194%; }

.main .prefix_7.alpha {
    margin-left: 59.54861% !important; }

.main .suffix_7 {
    margin-right: 59.54861%; }

.main .grid_8 {
    width: 65.97222%; }

.main .prefix_8 {
    margin-left: 70.13889%; }

.main .prefix_8.alpha {
    margin-left: 68.05556% !important; }

.main .suffix_8 {
    margin-right: 68.05556%; }

.main .grid_9 {
    width: 74.47917%; }

.main .prefix_9 {
    margin-left: 78.64583%; }

.main .prefix_9.alpha {
    margin-left: 76.5625% !important; }

.main .suffix_9 {
    margin-right: 76.5625%; }

.main .grid_10 {
    width: 82.98611%; }

.main .prefix_10 {
    margin-left: 87.15278%; }

.main .prefix_10.alpha {
    margin-left: 85.06944% !important; }

.main .suffix_10 {
    margin-right: 85.06944%; }

.main .grid_11 {
    width: 91.49306%; }

.main .prefix_11 {
    margin-left: 95.65972%; }

.main .prefix_11.alpha {
    margin-left: 93.57639% !important; }

.main .suffix_11 {
    margin-right: 93.57639%; }

.main .grid_12 {
    width: 100%; }

.main .prefix_12 {
    margin-left: 104.16667%; }

.main .prefix_12.alpha {
    margin-left: 102.08333% !important; }

.main .suffix_12 {
    margin-right: 102.08333%; }

.main .grid_11 .grid_12 {
    width: 100%; }

.main .grid_11 .grid_11 {
    width: 100%; }

.main .grid_11 .prefix_11 {
    margin-left: 104.16667%; }

.main .grid_11 .prefix_11.alpha {
    margin-left: 102.08333% !important; }

.main .grid_11 .suffix_11 {
    margin-right: 102.08333%; }

.main .grid_11 .grid_10 {
    width: 90.7197%; }

.main .grid_11 .prefix_10 {
    margin-left: 94.88636%; }

.main .grid_11 .prefix_10.alpha {
    margin-left: 92.80303% !important; }

.main .grid_11 .suffix_10 {
    margin-right: 92.80303%; }

.main .grid_11 .grid_9 {
    width: 81.43939%; }

.main .grid_11 .prefix_9 {
    margin-left: 85.60606%; }

.main .grid_11 .prefix_9.alpha {
    margin-left: 83.52273% !important; }

.main .grid_11 .suffix_9 {
    margin-right: 83.52273%; }

.main .grid_11 .grid_8 {
    width: 72.15909%; }

.main .grid_11 .prefix_8 {
    margin-left: 76.32576%; }

.main .grid_11 .prefix_8.alpha {
    margin-left: 74.24242% !important; }

.main .grid_11 .suffix_8 {
    margin-right: 74.24242%; }

.main .grid_11 .grid_7 {
    width: 62.87879%; }

.main .grid_11 .prefix_7 {
    margin-left: 67.04545%; }

.main .grid_11 .prefix_7.alpha {
    margin-left: 64.96212% !important; }

.main .grid_11 .suffix_7 {
    margin-right: 64.96212%; }

.main .grid_11 .grid_6 {
    width: 53.59848%; }

.main .grid_11 .prefix_6 {
    margin-left: 57.76515%; }

.main .grid_11 .prefix_6.alpha {
    margin-left: 55.68182% !important; }

.main .grid_11 .suffix_6 {
    margin-right: 55.68182%; }

.main .grid_11 .grid_5 {
    width: 44.31818%; }

.main .grid_11 .prefix_5 {
    margin-left: 48.48485%; }

.main .grid_11 .prefix_5.alpha {
    margin-left: 46.40152% !important; }

.main .grid_11 .suffix_5 {
    margin-right: 46.40152%; }

.main .grid_11 .grid_4 {
    width: 35.03788%; }

.main .grid_11 .prefix_4 {
    margin-left: 39.20455%; }

.main .grid_11 .prefix_4.alpha {
    margin-left: 37.12121% !important; }

.main .grid_11 .suffix_4 {
    margin-right: 37.12121%; }

.main .grid_11 .grid_3 {
    width: 25.75758%; }

.main .grid_11 .prefix_3 {
    margin-left: 29.92424%; }

.main .grid_11 .prefix_3.alpha {
    margin-left: 27.84091% !important; }

.main .grid_11 .suffix_3 {
    margin-right: 27.84091%; }

.main .grid_11 .grid_2 {
    width: 16.47727%; }

.main .grid_11 .prefix_2 {
    margin-left: 20.64394%; }

.main .grid_11 .prefix_2.alpha {
    margin-left: 18.56061% !important; }

.main .grid_11 .suffix_2 {
    margin-right: 18.56061%; }

.main .grid_11 .grid_1 {
    width: 7.19697%; }

.main .grid_11 .prefix_1 {
    margin-left: 11.36364%; }

.main .grid_11 .prefix_1.alpha {
    margin-left: 9.2803% !important; }

.main .grid_11 .suffix_1 {
    margin-right: 9.2803%; }

.main .grid_10 .grid_12 {
    width: 100%; }

.main .grid_10 .grid_11 {
    width: 100%; }

.main .grid_10 .grid_10 {
    width: 100%; }

.main .grid_10 .prefix_10 {
    margin-left: 104.16667%; }

.main .grid_10 .prefix_10.alpha {
    margin-left: 102.08333% !important; }

.main .grid_10 .suffix_10 {
    margin-right: 102.08333%; }

.main .grid_10 .grid_9 {
    width: 89.79167%; }

.main .grid_10 .prefix_9 {
    margin-left: 93.95833%; }

.main .grid_10 .prefix_9.alpha {
    margin-left: 91.875% !important; }

.main .grid_10 .suffix_9 {
    margin-right: 91.875%; }

.main .grid_10 .grid_8 {
    width: 79.58333%; }

.main .grid_10 .prefix_8 {
    margin-left: 83.75%; }

.main .grid_10 .prefix_8.alpha {
    margin-left: 81.66667% !important; }

.main .grid_10 .suffix_8 {
    margin-right: 81.66667%; }

.main .grid_10 .grid_7 {
    width: 69.375%; }

.main .grid_10 .prefix_7 {
    margin-left: 73.54167%; }

.main .grid_10 .prefix_7.alpha {
    margin-left: 71.45833% !important; }

.main .grid_10 .suffix_7 {
    margin-right: 71.45833%; }

.main .grid_10 .grid_6 {
    width: 59.16667%; }

.main .grid_10 .prefix_6 {
    margin-left: 63.33333%; }

.main .grid_10 .prefix_6.alpha {
    margin-left: 61.25% !important; }

.main .grid_10 .suffix_6 {
    margin-right: 61.25%; }

.main .grid_10 .grid_5 {
    width: 48.95833%; }

.main .grid_10 .prefix_5 {
    margin-left: 53.125%; }

.main .grid_10 .prefix_5.alpha {
    margin-left: 51.04167% !important; }

.main .grid_10 .suffix_5 {
    margin-right: 51.04167%; }

.main .grid_10 .grid_4 {
    width: 38.75%; }

.main .grid_10 .prefix_4 {
    margin-left: 42.91667%; }

.main .grid_10 .prefix_4.alpha {
    margin-left: 40.83333% !important; }

.main .grid_10 .suffix_4 {
    margin-right: 40.83333%; }

.main .grid_10 .grid_3 {
    width: 28.54167%; }

.main .grid_10 .prefix_3 {
    margin-left: 32.70833%; }

.main .grid_10 .prefix_3.alpha {
    margin-left: 30.625% !important; }

.main .grid_10 .suffix_3 {
    margin-right: 30.625%; }

.main .grid_10 .grid_2 {
    width: 18.33333%; }

.main .grid_10 .prefix_2 {
    margin-left: 22.5%; }

.main .grid_10 .prefix_2.alpha {
    margin-left: 20.41667% !important; }

.main .grid_10 .suffix_2 {
    margin-right: 20.41667%; }

.main .grid_10 .grid_1 {
    width: 8.125%; }

.main .grid_10 .prefix_1 {
    margin-left: 12.29167%; }

.main .grid_10 .prefix_1.alpha {
    margin-left: 10.20833% !important; }

.main .grid_10 .suffix_1 {
    margin-right: 10.20833%; }

.main .grid_9 .grid_12 {
    width: 100%; }

.main .grid_9 .grid_11 {
    width: 100%; }

.main .grid_9 .grid_10 {
    width: 100%; }

.main .grid_9 .grid_9 {
    width: 100%; }

.main .grid_9 .prefix_9 {
    margin-left: 104.16667%; }

.main .grid_9 .prefix_9.alpha {
    margin-left: 102.08333% !important; }

.main .grid_9 .suffix_9 {
    margin-right: 102.08333%; }

.main .grid_9 .grid_8 {
    width: 88.65741%; }

.main .grid_9 .prefix_8 {
    margin-left: 92.82407%; }

.main .grid_9 .prefix_8.alpha {
    margin-left: 90.74074% !important; }

.main .grid_9 .suffix_8 {
    margin-right: 90.74074%; }

.main .grid_9 .grid_7 {
    width: 77.31481%; }

.main .grid_9 .prefix_7 {
    margin-left: 81.48148%; }

.main .grid_9 .prefix_7.alpha {
    margin-left: 79.39815% !important; }

.main .grid_9 .suffix_7 {
    margin-right: 79.39815%; }

.main .grid_9 .grid_6 {
    width: 65.97222%; }

.main .grid_9 .prefix_6 {
    margin-left: 70.13889%; }

.main .grid_9 .prefix_6.alpha {
    margin-left: 68.05556% !important; }

.main .grid_9 .suffix_6 {
    margin-right: 68.05556%; }

.main .grid_9 .grid_5 {
    width: 54.62963%; }

.main .grid_9 .prefix_5 {
    margin-left: 58.7963%; }

.main .grid_9 .prefix_5.alpha {
    margin-left: 56.71296% !important; }

.main .grid_9 .suffix_5 {
    margin-right: 56.71296%; }

.main .grid_9 .grid_4 {
    width: 43.28704%; }

.main .grid_9 .prefix_4 {
    margin-left: 47.4537%; }

.main .grid_9 .prefix_4.alpha {
    margin-left: 45.37037% !important; }

.main .grid_9 .suffix_4 {
    margin-right: 45.37037%; }

.main .grid_9 .grid_3 {
    width: 31.94444%; }

.main .grid_9 .prefix_3 {
    margin-left: 36.11111%; }

.main .grid_9 .prefix_3.alpha {
    margin-left: 34.02778% !important; }

.main .grid_9 .suffix_3 {
    margin-right: 34.02778%; }

.main .grid_9 .grid_2 {
    width: 20.60185%; }

.main .grid_9 .prefix_2 {
    margin-left: 24.76852%; }

.main .grid_9 .prefix_2.alpha {
    margin-left: 22.68519% !important; }

.main .grid_9 .suffix_2 {
    margin-right: 22.68519%; }

.main .grid_9 .grid_1 {
    width: 9.25926%; }

.main .grid_9 .prefix_1 {
    margin-left: 13.42593%; }

.main .grid_9 .prefix_1.alpha {
    margin-left: 11.34259% !important; }

.main .grid_9 .suffix_1 {
    margin-right: 11.34259%; }

.main .grid_8 .grid_12 {
    width: 100%; }

.main .grid_8 .grid_11 {
    width: 100%; }

.main .grid_8 .grid_10 {
    width: 100%; }

.main .grid_8 .grid_9 {
    width: 100%; }

.main .grid_8 .grid_8 {
    width: 100%; }

.main .grid_8 .prefix_8 {
    margin-left: 104.16667%; }

.main .grid_8 .prefix_8.alpha {
    margin-left: 102.08333% !important; }

.main .grid_8 .suffix_8 {
    margin-right: 102.08333%; }

.main .grid_8 .grid_7 {
    width: 87.23958%; }

.main .grid_8 .prefix_7 {
    margin-left: 91.40625%; }

.main .grid_8 .prefix_7.alpha {
    margin-left: 89.32292% !important; }

.main .grid_8 .suffix_7 {
    margin-right: 89.32292%; }

.main .grid_8 .grid_6 {
    width: 74.47917%; }

.main .grid_8 .prefix_6 {
    margin-left: 78.64583%; }

.main .grid_8 .prefix_6.alpha {
    margin-left: 76.5625% !important; }

.main .grid_8 .suffix_6 {
    margin-right: 76.5625%; }

.main .grid_8 .grid_5 {
    width: 61.71875%; }

.main .grid_8 .prefix_5 {
    margin-left: 65.88542%; }

.main .grid_8 .prefix_5.alpha {
    margin-left: 63.80208% !important; }

.main .grid_8 .suffix_5 {
    margin-right: 63.80208%; }

.main .grid_8 .grid_4 {
    width: 48.95833%; }

.main .grid_8 .prefix_4 {
    margin-left: 53.125%; }

.main .grid_8 .prefix_4.alpha {
    margin-left: 51.04167% !important; }

.main .grid_8 .suffix_4 {
    margin-right: 51.04167%; }

.main .grid_8 .grid_3 {
    width: 36.19792%; }

.main .grid_8 .prefix_3 {
    margin-left: 40.36458%; }

.main .grid_8 .prefix_3.alpha {
    margin-left: 38.28125% !important; }

.main .grid_8 .suffix_3 {
    margin-right: 38.28125%; }

.main .grid_8 .grid_2 {
    width: 23.4375%; }

.main .grid_8 .prefix_2 {
    margin-left: 27.60417%; }

.main .grid_8 .prefix_2.alpha {
    margin-left: 25.52083% !important; }

.main .grid_8 .suffix_2 {
    margin-right: 25.52083%; }

.main .grid_8 .grid_1 {
    width: 10.67708%; }

.main .grid_8 .prefix_1 {
    margin-left: 14.84375%; }

.main .grid_8 .prefix_1.alpha {
    margin-left: 12.76042% !important; }

.main .grid_8 .suffix_1 {
    margin-right: 12.76042%; }

.main .grid_7 .grid_12 {
    width: 100%; }

.main .grid_7 .grid_11 {
    width: 100%; }

.main .grid_7 .grid_10 {
    width: 100%; }

.main .grid_7 .grid_9 {
    width: 100%; }

.main .grid_7 .grid_8 {
    width: 100%; }

.main .grid_7 .grid_7 {
    width: 100%; }

.main .grid_7 .prefix_7 {
    margin-left: 104.16667%; }

.main .grid_7 .prefix_7.alpha {
    margin-left: 102.08333% !important; }

.main .grid_7 .suffix_7 {
    margin-right: 102.08333%; }

.main .grid_7 .grid_6 {
    width: 85.41667%; }

.main .grid_7 .prefix_6 {
    margin-left: 89.58333%; }

.main .grid_7 .prefix_6.alpha {
    margin-left: 87.5% !important; }

.main .grid_7 .suffix_6 {
    margin-right: 87.5%; }

.main .grid_7 .grid_5 {
    width: 70.83333%; }

.main .grid_7 .prefix_5 {
    margin-left: 75.0%; }

.main .grid_7 .prefix_5.alpha {
    margin-left: 72.91667% !important; }

.main .grid_7 .suffix_5 {
    margin-right: 72.91667%; }

.main .grid_7 .grid_4 {
    width: 56.25%; }

.main .grid_7 .prefix_4 {
    margin-left: 60.41667%; }

.main .grid_7 .prefix_4.alpha {
    margin-left: 58.33333% !important; }

.main .grid_7 .suffix_4 {
    margin-right: 58.33333%; }

.main .grid_7 .grid_3 {
    width: 41.66667%; }

.main .grid_7 .prefix_3 {
    margin-left: 45.83333%; }

.main .grid_7 .prefix_3.alpha {
    margin-left: 43.75% !important; }

.main .grid_7 .suffix_3 {
    margin-right: 43.75%; }

.main .grid_7 .grid_2 {
    width: 27.08333%; }

.main .grid_7 .prefix_2 {
    margin-left: 31.25%; }

.main .grid_7 .prefix_2.alpha {
    margin-left: 29.16667% !important; }

.main .grid_7 .suffix_2 {
    margin-right: 29.16667%; }

.main .grid_7 .grid_1 {
    width: 12.5%; }

.main .grid_7 .prefix_1 {
    margin-left: 16.66667%; }

.main .grid_7 .prefix_1.alpha {
    margin-left: 14.58333% !important; }

.main .grid_7 .suffix_1 {
    margin-right: 14.58333%; }

.main .grid_6 .grid_12 {
    width: 100%; }

.main .grid_6 .grid_11 {
    width: 100%; }

.main .grid_6 .grid_10 {
    width: 100%; }

.main .grid_6 .grid_9 {
    width: 100%; }

.main .grid_6 .grid_8 {
    width: 100%; }

.main .grid_6 .grid_7 {
    width: 100%; }

.main .grid_6 .grid_6 {
    width: 100%; }

.main .grid_6 .prefix_6 {
    margin-left: 104.16667%; }

.main .grid_6 .prefix_6.alpha {
    margin-left: 102.08333% !important; }

.main .grid_6 .suffix_6 {
    margin-right: 102.08333%; }

.main .grid_6 .grid_5 {
    width: 82.98611%; }

.main .grid_6 .prefix_5 {
    margin-left: 87.15278%; }

.main .grid_6 .prefix_5.alpha {
    margin-left: 85.06944% !important; }

.main .grid_6 .suffix_5 {
    margin-right: 85.06944%; }

.main .grid_6 .grid_4 {
    width: 65.97222%; }

.main .grid_6 .prefix_4 {
    margin-left: 70.13889%; }

.main .grid_6 .prefix_4.alpha {
    margin-left: 68.05556% !important; }

.main .grid_6 .suffix_4 {
    margin-right: 68.05556%; }

.main .grid_6 .grid_3 {
    width: 48.95833%; }

.main .grid_6 .prefix_3 {
    margin-left: 53.125%; }

.main .grid_6 .prefix_3.alpha {
    margin-left: 51.04167% !important; }

.main .grid_6 .suffix_3 {
    margin-right: 51.04167%; }

.main .grid_6 .grid_2 {
    width: 31.94444%; }

.main .grid_6 .prefix_2 {
    margin-left: 36.11111%; }

.main .grid_6 .prefix_2.alpha {
    margin-left: 34.02778% !important; }

.main .grid_6 .suffix_2 {
    margin-right: 34.02778%; }

.main .grid_6 .grid_1 {
    width: 14.93056%; }

.main .grid_6 .prefix_1 {
    margin-left: 19.09722%; }

.main .grid_6 .prefix_1.alpha {
    margin-left: 17.01389% !important; }

.main .grid_6 .suffix_1 {
    margin-right: 17.01389%; }

.main .grid_5 .grid_12 {
    width: 100%; }

.main .grid_5 .grid_11 {
    width: 100%; }

.main .grid_5 .grid_10 {
    width: 100%; }

.main .grid_5 .grid_9 {
    width: 100%; }

.main .grid_5 .grid_8 {
    width: 100%; }

.main .grid_5 .grid_7 {
    width: 100%; }

.main .grid_5 .grid_6 {
    width: 100%; }

.main .grid_5 .grid_5 {
    width: 100.0%; }

.main .grid_5 .prefix_5 {
    margin-left: 104.16667%; }

.main .grid_5 .prefix_5.alpha {
    margin-left: 102.08333% !important; }

.main .grid_5 .suffix_5 {
    margin-right: 102.08333%; }

.main .grid_5 .grid_4 {
    width: 79.58333%; }

.main .grid_5 .prefix_4 {
    margin-left: 83.75%; }

.main .grid_5 .prefix_4.alpha {
    margin-left: 81.66667% !important; }

.main .grid_5 .suffix_4 {
    margin-right: 81.66667%; }

.main .grid_5 .grid_3 {
    width: 59.16667%; }

.main .grid_5 .prefix_3 {
    margin-left: 63.33333%; }

.main .grid_5 .prefix_3.alpha {
    margin-left: 61.25% !important; }

.main .grid_5 .suffix_3 {
    margin-right: 61.25%; }

.main .grid_5 .grid_2 {
    width: 38.75%; }

.main .grid_5 .prefix_2 {
    margin-left: 42.91667%; }

.main .grid_5 .prefix_2.alpha {
    margin-left: 40.83333% !important; }

.main .grid_5 .suffix_2 {
    margin-right: 40.83333%; }

.main .grid_5 .grid_1 {
    width: 18.33333%; }

.main .grid_5 .prefix_1 {
    margin-left: 22.5%; }

.main .grid_5 .prefix_1.alpha {
    margin-left: 20.41667% !important; }

.main .grid_5 .suffix_1 {
    margin-right: 20.41667%; }

.main .grid_4 .grid_12 {
    width: 100%; }

.main .grid_4 .grid_11 {
    width: 100%; }

.main .grid_4 .grid_10 {
    width: 100%; }

.main .grid_4 .grid_9 {
    width: 100%; }

.main .grid_4 .grid_8 {
    width: 100%; }

.main .grid_4 .grid_7 {
    width: 100%; }

.main .grid_4 .grid_6 {
    width: 100%; }

.main .grid_4 .grid_5 {
    width: 100%; }

.main .grid_4 .grid_4 {
    width: 100%; }

.main .grid_4 .prefix_4 {
    margin-left: 104.16667%; }

.main .grid_4 .prefix_4.alpha {
    margin-left: 102.08333% !important; }

.main .grid_4 .suffix_4 {
    margin-right: 102.08333%; }

.main .grid_4 .grid_3 {
    width: 74.47917%; }

.main .grid_4 .prefix_3 {
    margin-left: 78.64583%; }

.main .grid_4 .prefix_3.alpha {
    margin-left: 76.5625% !important; }

.main .grid_4 .suffix_3 {
    margin-right: 76.5625%; }

.main .grid_4 .grid_2 {
    width: 48.95833%; }

.main .grid_4 .prefix_2 {
    margin-left: 53.125%; }

.main .grid_4 .prefix_2.alpha {
    margin-left: 51.04167% !important; }

.main .grid_4 .suffix_2 {
    margin-right: 51.04167%; }

.main .grid_4 .grid_1 {
    width: 23.4375%; }

.main .grid_4 .prefix_1 {
    margin-left: 27.60417%; }

.main .grid_4 .prefix_1.alpha {
    margin-left: 25.52083% !important; }

.main .grid_4 .suffix_1 {
    margin-right: 25.52083%; }

.main .grid_3 .grid_12 {
    width: 100%; }

.main .grid_3 .grid_11 {
    width: 100%; }

.main .grid_3 .grid_10 {
    width: 100%; }

.main .grid_3 .grid_9 {
    width: 100%; }

.main .grid_3 .grid_8 {
    width: 100%; }

.main .grid_3 .grid_7 {
    width: 100%; }

.main .grid_3 .grid_6 {
    width: 100%; }

.main .grid_3 .grid_5 {
    width: 100%; }

.main .grid_3 .grid_4 {
    width: 100%; }

.main .grid_3 .grid_3 {
    width: 100.0%; }

.main .grid_3 .prefix_3 {
    margin-left: 104.16667%; }

.main .grid_3 .prefix_3.alpha {
    margin-left: 102.08333% !important; }

.main .grid_3 .suffix_3 {
    margin-right: 102.08333%; }

.main .grid_3 .grid_2 {
    width: 65.97222%; }

.main .grid_3 .prefix_2 {
    margin-left: 70.13889%; }

.main .grid_3 .prefix_2.alpha {
    margin-left: 68.05556% !important; }

.main .grid_3 .suffix_2 {
    margin-right: 68.05556%; }

.main .grid_3 .grid_1 {
    width: 31.94444%; }

.main .grid_3 .prefix_1 {
    margin-left: 36.11111%; }

.main .grid_3 .prefix_1.alpha {
    margin-left: 34.02778% !important; }

.main .grid_3 .suffix_1 {
    margin-right: 34.02778%; }

.main .grid_2 .grid_12 {
    width: 100%; }

.main .grid_2 .grid_11 {
    width: 100%; }

.main .grid_2 .grid_10 {
    width: 100%; }

.main .grid_2 .grid_9 {
    width: 100%; }

.main .grid_2 .grid_8 {
    width: 100%; }

.main .grid_2 .grid_7 {
    width: 100%; }

.main .grid_2 .grid_6 {
    width: 100%; }

.main .grid_2 .grid_5 {
    width: 100%; }

.main .grid_2 .grid_4 {
    width: 100%; }

.main .grid_2 .grid_3 {
    width: 100%; }

.main .grid_2 .grid_2 {
    width: 100%; }

.main .grid_2 .prefix_2 {
    margin-left: 104.16667%; }

.main .grid_2 .prefix_2.alpha {
    margin-left: 102.08333% !important; }

.main .grid_2 .suffix_2 {
    margin-right: 102.08333%; }

.main .grid_2 .grid_1 {
    width: 48.95833%; }

.main .grid_2 .prefix_1 {
    margin-left: 53.125%; }

.main .grid_2 .prefix_1.alpha {
    margin-left: 51.04167% !important; }

.main .grid_2 .suffix_1 {
    margin-right: 51.04167%; }

.main .grid_1 .grid_12 {
    width: 100%; }

.main .grid_1 .grid_11 {
    width: 100%; }

.main .grid_1 .grid_10 {
    width: 100%; }

.main .grid_1 .grid_9 {
    width: 100%; }

.main .grid_1 .grid_8 {
    width: 100%; }

.main .grid_1 .grid_7 {
    width: 100%; }

.main .grid_1 .grid_6 {
    width: 100%; }

.main .grid_1 .grid_5 {
    width: 100%; }

.main .grid_1 .grid_4 {
    width: 100%; }

.main .grid_1 .grid_3 {
    width: 100%; }

.main .grid_1 .grid_2 {
    width: 100%; }

.main .grid_1 .grid_1 {
    width: 100%; }

.main .grid_1 .prefix_1 {
    margin-left: 104.16667%; }

.main .grid_1 .prefix_1.alpha {
    margin-left: 102.08333% !important; }

.main .grid_1 .suffix_1 {
    margin-right: 102.08333%; }

@media (max-width: 767px) {
    [id=wrapper] {
        width: 100%; }

    [id=wrapper] .main {
        width: 98%;
        padding: 0 1%; }

    .main {
        width: 100%; }

    [class*="grid_"],
    .main [class*="grid_"],
    .main [class*="grid_"].alpha,
    .main [class*="grid_"] [class*="grid_"],
    .main [class*="grid_"] [class*="grid_"].alpha {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }

    .main [class*="grid_"]:first-child {
        margin-left: 0; } }
@media (min-width: 768px) and (max-width: 980px) {
    [class*="grid_"] {
        float: left;
        min-height: 1px;
        margin-left: 20px; }

    [id=wrapper] {
        width: 100%;
        margin: 0; }
    [id=wrapper] .main {
        width: 98%;
        padding: 0 1%; } }

.component, .section.target {
    clear: left; }

.component[class*="grid"], .section.target[class*="grid"], .section.composite[class*="grid"] {
    clear: none; }

.component[class*="grid"].alpha, .section.target.alpha[class*="grid"], .section.composite.alpha[class*="grid"] {
    clear: left; }@charset "UTF-8";
/*!
 * Stylesheet for (HALEON) Expert Portal Project. A GlaxoSmithKline website.
 * Version v1.0.1.
 */
/*
#################################################################

REBOOT AND NORMALIZE
------------------
Summary:
Project: (HALEON) Expert Portal Project
Source: github.com/necolas/normalize.css
Licence: MIT License
------------------
Usage: Normalization of HTML elements, manually forked from Normalize.css to remove
styles targeting irrelevant browsers while applying new styles.

Normalize is licensed MIT. https://github.com/necolas/normalize.css

#################################################################
*/
html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@-ms-viewport {
  width: device-width;
}

body {
  margin: 0;
  color: #444444;
  line-height: 1.143rem;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul {
  list-style-type: disc;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: .75rem;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.25em;
}

/*a {
  color: $link-color;
  text-decoration: $link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.
  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }
} */
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #e9ecef;
  text-align: left;
  caption-side: bottom;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button:focus-visible {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"], .assessment-block .formControl-radio[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
#################################################################

TYPOGRAPHY
------------------
Summary:
Project: (HALEON) Expert Portal Project
Source: https://raw.githubusercontent.com/twbs/bootstrap-sass/master/assets/stylesheets/bootstrap/_type.scss
------------------
Usage: 

#################################################################
*/
h2 {
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.0625rem;
}

.page-title {
  font-size: 1.857rem;
  line-height: 2rem;
  display: block;
  color: #000;
}

.section-title {
  font-size: 1.429rem;
  line-height: 2rem;
  margin-bottom: 15px;
  margin-top: 15px;
  display: block;
  color: #000;
}

.subsection-title {
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
}

.form-text {
  font-size: 0.8571rem;
  line-height: 1rem;
}

.body-title {
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
}

.category-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #544f40;
}

.footnote {
  font-size: 0.8571rem;
  line-height: 1rem;
  font-style: italic;
}

p {
  margin: 0;
  margin-bottom: 1rem;
}

a {
  color: #000;
  text-decoration: underline;
  word-wrap: break-word;
  transition: all 0.3s ease-in-out;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

a span.body-title {
  display: inline;
}

a:hover, a:focus {
  background: #30e403;
}

a.img-wrap:hover, a.img-wrap:focus {
  text-decoration: none;
  background: none;
}

.icon, .gigyaraas.top-signin .gigya-raas-link::before, .userBox .logged-in p::before {
  font-family: 'VBL-Icons' !important;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 150%;
  text-transform: none;
  line-height: 1;
  margin-right: -.5rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.search::before, .gigyaraas.top-signin .search.gigya-raas-link::before, .userBox .logged-in p.search::before {
  content: "\e014";
}

.icon.language::before, .gigyaraas.top-signin .language.gigya-raas-link::before, .userBox .logged-in p.language::before {
  content: "\e013";
}

.icon.rep::before, .gigyaraas.top-signin .rep.gigya-raas-link::before, .userBox .logged-in p.rep::before {
  content: "\e019";
}

.icon.trolley::before, .gigyaraas.top-signin .trolley.gigya-raas-link::before, .userBox .logged-in p.trolley::before {
  content: "\e012";
}

.icon.request-a-rep::before, .gigyaraas.top-signin .request-a-rep.gigya-raas-link::before, .userBox .logged-in p.request-a-rep::before {
  content: "\e031";
}

.icon-v2 {
  font-family: 'VBL-Icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  text-transform: none;
  line-height: 1;
  margin-right: -.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-v2.microscope::before {
  content: "\e023";
}

.icon-v2.content-search::before {
  content: "\e022";
}

.icon-v2.custom-tools::before {
  content: "\e026";
}

.icon-v2.info::before {
  content: "\e027";
}

.icon-v2.question::before {
  content: "\f128";
}

.icon-v2.clock::before {
  content: "\e025";
}

.icon-v2.tick::before {
  content: "\e028";
}

.icon-v2.samples-box::before {
  content: "\e024";
}

.icon-v2.webinar::before {
  content: "\e029";
}

.icon-v2 .questionnaire::before {
  content: "\e036";
}

.icon-v2 .sneeze::before {
  content: "\e037";
}

.icon-v2 .webinar-v2::before {
  content: "\e040";
}

.icon-v2 .thermometer::before {
  content: "\e038";
}

.icon-v2 .user::before {
  content: "\e015";
}

.tm-border {
  display: inline-block;
  border: 1px solid #000;
  font-weight: bold;
  padding: 0 3px;
}

.language-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid white;
  border-radius: 50%;
  height: 2.145rem;
  width: 2.145rem;
  background-color: #000;
  color: white !important;
  padding: 5px;
  text-decoration: none !important;
  font-weight: 700;
  box-shadow: 0 0 0 2px #000;
}

.search-icon::before {
  content: "";
  font-family: 'VBL-Icons' !important;
  font-size: 1.5rem;
  color: #000;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.75rem;
}

/*
#################################################################

BUTTONS
------------------
Summary: 
Project: (HALEON) Expert Portal Project
Source: https://raw.githubusercontent.com/twbs/bootstrap-sass/master/assets/stylesheets/bootstrap/_buttons.scss
------------------
Usage: 

#################################################################
*/
.btn-link {
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  display: inline-block;
}

.btn-link:focus {
  color: #000;
  text-decoration: none;
}

.btn-link:hover {
  color: #000;
  text-decoration: none;
}

.btn-link:focus, .btn-link.focus {
  outline: none;
}

.btn-link.disabled, .btn-link:disabled {
  opacity: 0.65;
}

.btn-link:not([disabled]):not(.disabled):active, .btn-link:not([disabled]):not(.disabled).active {
  background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-secondary {
  background-color: #000 !important;
}

.btn-secondary:focus {
  background-color: #30e403 !important;
}

.btn-secondary:hover {
  background-color: #30e403 !important;
}

.btn {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
}

.btn:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.btn:focus::after, .btn.focus::after {
  border-color: #000;
}

.btn:disabled, .btn.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.btn:disabled::after, .btn.disabled::after {
  border-color: #cccccc;
}

.btn::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

.btn.btn-home {
  left: 2rem;
  bottom: 1.5rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.button-white {
  color: #000;
  background-color: #30e403;
  box-shadow: none;
}

.button-white:hover, .button-white:focus {
  background-color: #000;
  color: white;
}

.button-show-more {
  color: #000;
  font-size: 1rem;
  background: #e7e7e7;
  border: 2px solid #000;
  min-width: 190px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: none;
}

.button-show-more::after {
  border-color: #000;
}

.fa {
  font-family: 'VBL-Icons';
  font-size: inherit;
  color: #000;
}

.fa.fa-angle-right::before {
  content: "\e016";
}

.fa.fa-calendar-o::before {
  content: "\f073";
}

.fa.fa-map-marker::before {
  content: "\e017";
}

/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */
/* SmartWizard Basic CSS */
.sw-main {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 0.25rem !important;
}

.sw-main .sw-container {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.sw-main .step-content {
  display: none;
  position: relative;
  margin: 0;
}

.sw-main .sw-toolbar {
  margin-left: 0;
}

/* SmartWizard Theme: White */
.sw-theme-default {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.sw-theme-default .sw-container {
  min-height: 250px;
}

.sw-theme-default .step-content {
  padding: 10px;
  border: 0px solid #D4D4D4;
  background-color: #FFF;
  text-align: left;
}

.sw-theme-default .sw-toolbar {
  background: #f9f9f9;
  border-radius: 0 !important;
  padding: 10px;
  margin-bottom: 0 !important;
}

.sw-theme-default .sw-toolbar-top {
  border-bottom-color: #ddd !important;
}

.sw-theme-default .sw-toolbar-bottom {
  border-top-color: #ddd !important;
}

.sw-theme-default ul.step-anchor > li {
  position: relative;
  margin-right: 2px;
}

.sw-theme-default ul.step-anchor > li > a,
.sw-theme-default ul.step-anchor > li > a:hover {
  color: #bbb;
  text-decoration: none;
  outline-style: none;
  background: transparent !important;
  border: none !important;
  cursor: not-allowed;
}

.sw-theme-default ul.step-anchor > li.clickable > a:hover {
  color: #4285F4 !important;
  background: transparent !important;
  cursor: pointer;
}

.sw-theme-default ul.step-anchor > li > a::after {
  content: "";
  background: #4285F4;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  -webkit-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.sw-theme-default ul.step-anchor > li.active > a {
  border: none !important;
  color: #4285F4 !important;
  background: transparent !important;
  cursor: pointer;
}

.sw-theme-default ul.step-anchor > li.active > a::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sw-theme-default ul.step-anchor > li.done > a {
  border: none !important;
  color: #000 !important;
  background: transparent !important;
  cursor: pointer;
}

.sw-theme-default ul.step-anchor > li.done > a::after {
  background: #5cb85c;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sw-theme-default ul.step-anchor > li.danger > a {
  border: none !important;
  color: #d9534f !important;
  /* background: #d9534f !important; */
  cursor: pointer;
}

.sw-theme-default ul.step-anchor > li.danger > a::after {
  background: #d9534f;
  border-left-color: #f8d7da;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sw-theme-default ul.step-anchor > li.disabled > a, .sw-theme-default ul.step-anchor > li.disabled > a:hover {
  color: #eee !important;
  cursor: not-allowed;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {
  .sw-theme-default .nav-tabs > li {
    float: none !important;
  }
}

/* Common Loader */
.sw-loading::after {
  position: absolute;
  display: block;
  opacity: 1;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  transition: all 0.2s ease;
  z-index: 2;
}

.sw-loading::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  -webkit-animation: spin 1s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

@font-face {
  font-display: swap;
  font-family: 'VBL-Icons';
  font-style: normal;
  font-weight: normal;
  src: url(data:application/font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDkkAAAC8AAAAYGNtYXBsmBDFAAABHAAAANRnYXNwAAAAEAAAAfAAAAAIZ2x5ZvqaimkAAAH4AAA+BGhlYWQsI+dvAAA//AAAADZoaGVhB8ID/AAAQDQAAAAkaG10eOIAAAAAAEBYAAAA7GxvY2G/1868AABBRAAAAHhtYXhwAEgBmAAAQbwAAAAgbmFtZZlKCfsAAEHcAAABhnBvc3QAAwAAAABDZAAAACAAAwP3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxKAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAuAAAACoAIAAEAAoAAQAg4AngGeAp4DjgQ+BJ4FLpMOlr8AXwbvBw8HPwefDJ8RLxKP/9//8AAAAAACDgAeAQ4CDgMeBA4EngUOkw6WvwBfBu8HDwc/B58MnxEvEo//3//wAB/+MgAx/9H/cf8B/pH+Qf3hcBFscQLg/GD8UPww++D28PJw8SAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAIAAP/AA7wDwABfAKcAAAEnIwcOAQ8BIwcVDgEHDgEHLgEnLgEnJgYHDgEHDgEHLgEnLgE1MCYnNSM1LgExLwEVMxUeARUUFhceARceATMyNjc+ATc+ATc2MhcwFhceARceARcWNjc+ATc+ATc1NyUuAScuAScuATU0Njc+ATMyFjMXNzA2Fx4BFx4BBw4BBw4BDwEzNz4BNz4BNzYmJy4BJyYGBy4BBw4BFxQWFx4BFx4BHwEzJwO8AZcCAwQBAUYJAQUIBhMKBAYBAl8IECsNEFcCAgUDDBcCAQEBAVABAgKprwEBAgEEOhIJFgsKEwgUFwMCLQcEEAQsAQMPBwUUDQ8oERkiCggFAqL9gAIJBQYPCBAdMzMOHg8xOwEQElYtKD0OEBELBhQLDxcEAVYEAgoMDBgHEBkYGV48KVEYGG1JT1YBJBMHDQUDBQECUAEBWVUJDSATDQIGHkkpIzAKD0I+ekQCBAEFBlhiMz8REzcfDyASLA4JCBMjDgJPCQ4cDhAlEj5mDwgIBgUKU3k+NwUBAStNcUIMCg8DAwYLE0Y3LE4hCgFWER0MDhwOHj0cN0ELAwMWCQccAQEXExVJJRQqFhszGQ4TDxsWFzEZOGshIycCARQIChUPEG1RKk4jDRkMBhAJBwoAAAMAAP/AA7kDwAA2AEsAYAAAAS4BLwEuASMHFScRIxEHNSMiBg8BDgEHBhYXFR4BMzI2NRE3NTMVFxEUFjMyNjc1Njc2JicmJwEUBiMiJicuATUuATc+AT8BPgE3ESUOAQcOASMiJjURHgEfAR4BFxYGBwOcJCAcAiNkByJhUWIiBl8jCBwlHyAGAQVIUVE9YVFiP09OSgUBAgICBgYQ/ZAWLxcjDAkHAQMbIiAUAggYCwJCAQcJDCIXLxYMFwgCFB8iGwIBAY51RxwCJBADdyABJf7bIHoOIwgcQnZ5jwQBIV9gKgFIHVFRHf64KmBfIQECFxdKLzAz/v0LNg8QDBUCCI5WbDkVAQgKAv5EAQIVDBAPNgsBvAIJCAIVOmxWjAgAAAAEAAD/wAPMA8AAJAAoADMAOQAAEyM0Nz4BNzY3NhYXMT4BMzIXHgEXFhcjLgEnJgYHIy4BBw4BFQczFSMFAyM1Mxc3IRUhBxMBMxsBM51RCAgqJSY8aWwaE25XNCgoORAQA1oBPkNQSQJ6AldTTixpw8MBxcU9ZKB+AVP+06YH/sZq0NhiAqQDHBxEHx4HDU0mG1QTEzwkJCIFcAYHYQgDbQ4ObAFTStwBJkvvtUvs/uUBqP7SAS4ADAAA/8AC/APAAAkADwAVAJAAnwCpAK0AvADCAMgBOwFdAAABHAEVPAE1PAExJx4BFy4BJz4BNw4BAT4BNTAmNTE1NCYnMS4BJzQmJy4BJyoBIyIGByIGBw4BBw4BBw4BBw4BBzEOAQcxDgEHMTAGFSIGIzEOAR0BNDY3DgEVBzMcARUjBxUUFhceARcxHgE3PgE3PgE3PgE3PgE3MDY3PgE3PgE3PgE3PgE9ATQ2NTQ2NTM3AS4BJyIwNS4BJzczNRUBJz8BMxUzBy4BNSUVIzU3MBQVMTQ2NTA0MTAUOQEFFAYVNDY3BhQVPAE3NDY1MT4BNz4BNz4BNzI2MT4BNzE2MjM+ATcyNjMxMjYXIiYjMTIWMzIWFy4BIyoBIzEwMjMyFhczHgEXMR4BFzEeARceARcyFhceARcuASceARcuASceARcUFhUeARUcATEcARUUFhUxPAEnHAEVByE3ATAGBw4BBw4BBzEGIic3BxQGFRQGFRQGBw4BBxQGBw4BBwKyfwQIBAQI3QMGAwMGAZ0BAQEKGAECAQEBF1hKAQIBBw8HCRIJBAkECRAIBgsFBQgEBgsFAgYDAQECASUmBgUFBgNISQIMGggUCwJgZxkvFQYOBgIEAQQHBAIBAwMDBAkDAwYCExUBAQEB/qIIDAIBChEH7l3+7lABAQGenwEBAWQCAgH+nwEBAQECAQEBAgYZFAYOBwEBBxAIAQMBBw8HAwcDBQsGAgICAgICChMJCAwEAgMBBAIEDAgBBAgEBAkEAgMCBgsGAQIBAgUCAgUCGRsEBBQODhQEAQEBAQEC/qEDAT0CAQQIBBY3HAsUCsMBAQIBAQEEAgEBAwcFAowCBAEBAwEBAa0BAwECAg4DBAMDBf6lNEkBAgIJE1YtAgQCAQIBKj8DAQECAQECAgIFAwIFAwIFAwMIBAIFAgEBAiNWKAMMHhAQHgzUFCQPcg4UWy8OGQoDSAsDEQwFCAUCAgIDBQMCAQIGAgYKBQQGBBs7HQMCBAIVOSCZ/m0ECAIBCBYO7gIa/u6qQUABnwcQCIIICJ81IyUyAQEBBxIkEREkbRUuGBguOgMFAwQJBBYuFAYKBAEECAIBAwMBAQEBAQECAgICAgIBAgECAwIBAgEDBwUCAQIEAgIEAhU6Hh4tDw8tHgECAQYOBgEBAgICAwUDAwUDBQkEqNL98QMBBQkFFxoDAQHCJAMFAwIEAgMFAgUKBgEDAQcOBwAAAAwAAP/AA8sDwAAWABsAHwAjACcAKwBCAEcASwBPAGoAhgAAJSImJy4BJy4BJyM1Mx4BFx4BFx4BMxUlIxUzNRcjFTMXIxUzNyMVMxUjFTM9ATI2Nz4BNz4BNzMVIw4BBw4BBw4BIyUjFTM1ByMVMwcjFTMDIiYnLgE1NDc+ATc2MzIXHgEXFhUUBgcOASMRBgcOAQcGFR4BFx4BMzI2Nz4BNzQnLgEnJicxAdxqaBsFEQwMGw4aGhgvFBQfChdKS/6iSUmNSUmOSUmLSEhISEtKFwofFBQvGBoaDhwLDBEFG2hpAaZJSY1JSYtJSbMnRxwbHhgXPyEhExMhIEAXGB4cG0cnDxUVJg0OAxURECoWFioQERUDDA0mFRUP7Gs5DhcJCQoCRwEQDg8mFzBLSOZJSbFJO0mYSFFJ4klMMBYnDg4QAkgBCwkJGA84a+ZJSbFJO0kBLB0cG0gmHjQ0ZCUkJCRkNDQfJ0ccGx0BnRMdHT8eHhQWKA4PEBAPDigWFB4ePx4dEgAAAwAA/8ADvAPAADMATwBrAAABMxUUFjsBMjY9ATMyNj8BNCYnLgErATU0NjsBMjY9ATQmKwEiBgcOARcVIyIGHQEUFhcxEyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYBgjoFBGMDBUMEBAEKAQECAwJNDg0zAwUFA0kYLRMREAM9BAUFA39cUVB5IyMjI3lQUVxcUVB5IyMjI3hRUVxHPz9eGxsbG14/P0dHPz9eGxsbG14/PwGv8QMFBQPwBANZAgMBAgE4DA0FA1IDBREQDysXQQUDWAMFAQHBIiF2Tk9ZWU9OdiEiIiF2Tk9ZWU9OdiEi/QEbGls9PUZGPT1bGhsbGls9PUZGPT1bGhsABwAA/8ADvAPAAD4AhACYAKQAsADMAOgAAAE1NCYnLgEnLgEnJiIjKgEHIgYHDgEHDgEHFAYVHAEXFBYXHgEXHgEXMhYzMjYzPgE3PgE3PgE3NjQ1PAE1MQcjFAYHDgEHDgEjDgEjIiYnIiYnLgEnLgEnLgE1NCY1PAE3NDY3PgE3PgEzPgEzMhYXMhYXHgEXHgEXHgEXFBYVFAYdATEnMSIGFRQWFx4BMzI2NTQmJy4BIxUiJjU0NjMyFhUUBjciBhUUFjMyNjU0JgMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGAusGBQomGQ4dDxIdLi4dEg8eDhkmCQUGAQEBBgUKJhkOHQ8SHS4tHhIPHQ4ZJgoFBQEBPwEDBAQTDQkTCxEcLCsdEgkTCgYKBQUGAwMEAQEEAwUTDAkTCxEcKywdEgkTCQYLBAUHAgQDAQEBqzVKExISLho1ShMSEi4aGiUlGholJV4RFxcREBcXiFxRUHkjIyMjeVBRXFxRUHkjIyMjeFFRXEc/P14bGxsbXj8/R0c/P14bGxsbXj8/AhEMDx0OGiUKBQUBAQEGBQomGQ4dDxIeLS0eEg8dDhkmCgYFAQEBAQUGCSYZDh0QEh0tJh8MqwkTCQwSBQQDAQEBAQMEAgcFBAsGChMKERwsKx0SCRMJDRIFBAMBAQEBAwQCBwUECwYJEwsRHCwlHgwM2ko1GS8SEhNKNRkvEhITviUaGiQkGhol3hcQEBcXEBAXARAiIXZOT1lZT052ISIiIXZOT1lZT052ISL9ARsaWz09RkY9PVsaGxsaWz09RkY9PVsaGwAEAAD/wAO9A8AACwAPACsARwAAATMHFyMnByM3JzMXFzMDIwUUBw4BBwYjIicuAScmNTQ3PgE3NjMyFx4BFxYHNCcuAScmIyIHDgEHBhUUFx4BFxYzMjc+ATc2AoZHmrOMcIBHp7CTY2Am/CoCTSQjeVFRW1tRUXkkIyMjeFJRXFxRUXkjI2MbG14/P0hHPz5fGxwcG14/P0dIPz9eGxsCkLDwkJC944btAU2qWU5PdiIiIiJ2T05ZWU5PdiIiIiJ2T05ZRj09WxsaGhtbPT1GRj09WxsaGhtbPT0ABAAA/8ADvAPAABAAEwAvAEsAAAEhIgYdARQWMyEyNj0BNCYjAzUXAyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYCxP54GiYmGgGHGyUlG/qPWFxRUHkjIyMjeVBRXFxRUHkjIyMjeFFRXEc/P14bGxsbXj8/R0c/P14bGxsbXj8/AnImGuQaJiYa5Bom/vylUwGvIiF2Tk9ZWU9OdiEiIiF2Tk9ZWU9OdiEi/QEbGls9PUZGPT1bGhsbGls9PUZGPT1bGhsABQAA/8ADvQPAAAQAEQAsAEkAZQAAATMRIxE3MhYVFAYjIiY1MTQ2FzMVPgEXMhYdASM1NCYjIgYdASM0NTwBNTQxEyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMRIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGATNaWi0WHR0WFh0deVMMLRtDJlYLIiIRWj1cUVF5IyMjJHlRUVtbUVF5IyQjI3hSUVxHPz5fGxwcG14/P0dHPz5fGxwcG18+PwIG/ucBGY0dFhYdIBMWHY0mFhkCTTqciRgyLR2NAy0taywsAWoiInZPTllZTk92IiIiIXVPT1paT051IiL9ABobWz09RkY9PVsbGhobWz09RkY9PVsbGgAFAAD/wAO9A8AADwATABgANQBRAAABIQ4BFREUFjMhMjY1ES4BDwEnIRcVITUXAyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMRIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGAtP+UwkNEg4BpgwUAhVJlpYBLB3+mrYDXFFReSMjIyN4UlFcXFFReSMjIyN4UlFcSD8/XhsbGxtePz9ISD8/XhsbGxtePz8CdgISDP7XDxEUDAEpDxFDY2NApqZ9AfoiInZPTllZTk92IiIiIXVPT1paT051IiL9ABobWz09RkY9PVsbGhobWz09RkY9PVsbGgAAAAADAAD/wAOuA8AACwAXADMAACUiJjU0NjMyFhUUBiEiJjU0NjMyFhUUBgMRIzUzMhYVESETITUhMhYVFAYHAw4BIyEiJjUC6iIxMSIiMTH97CIxMSIjMDB2U30RGAIEU/38AjkRGQEBZwQWD/2zERkSLyMiLy8iIy8vIyIvLyIjLwEeAetSGBH+FQFHUhgRAgUD/mcOERgRAAIAAP/AA74DwAAbAHwAACUiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYBBgcGFhcWFxYXHgE3Njc2JicuAScuAT8BPgE3NhYfAR4BFx4BFx4BHQEUBgc2NzYmJyYnLgEnDgEHDgEHBiYjJgYHBhYXHgEHDgEHLgEnLgEnLgEnLgEnLgE1NCYnLgEnAgBcUlF5IyMjI3lRUlxcUlF5IyMjI3lSUf6jMxkZAxsbNScuLmQ0NDEECwQHMyoLAgQBAxw+IBkMBQsSDQUOChYHAgMuExMQISI5EykWEisJBREVBQ4IFS8JBgMTAwEDAgkCAwsECxoRBw0GEyMFAwICBwIHBRYiIXRNTlhYTk10ISIiIXRNTlhYTk10ISICljM/P4M+PjEkFhcSBQUTGCkIEj0qDBgZBBIXCgQUEAgPDAUCBwUMHx4EDBcJN0FBgjw8LA4XCQweCwYrAwEBAgUYD0IVBAsHCQsBAQwFDBgFAQMBBAoKBxMLDR4OBgkDAAAAAAIAAP/AA7wDwAAcADoAAAE+ATU0Jy4BJyYjIgcOAQcGFRQXHgEXFjMyNj8BHwEHJw4BIyInLgEnJjU0Nz4BNzYzMhceARcWFRQGArApKxcYUTY3Pj42NlEYFxcYUTY3PjpsKgZWtjy3M3tBUEZGaB8eHh9oRkZQT0ZGaB8eKwEdKmw6Pjc2URgXFxhRNjc+PTc2URgXKykGH7c8tikrHh9oRkZPUEZGaB8eHh9oRkZQQXsAAAMAAP/AA1EDwAALACgARwAAATI2NTQmIyIGFRQWFyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiMBNDc+ATc2MzIXHgEXFhUjNCcuAScmIyIHDgEHBhUjAgBGY2NGRmNjRjQuL0QUFBQURS4uNDQuLkUUFBQURS4uNP6vGhtbPj1GRj0+WxsaVBQURC4uNTQuLkUUE1UBz2NGRmJiRkZjVBQURC4uNTQuLkUUExMURS4uNDUuLkQUFP6FRj09XBobGxpcPT1GNC4uRRQTExRFLi40AAAAAAIAAP/AAtIDwAAEAAkAAAU1ARcBERUBNwEBLgFHXf5cAUdd/lxAuQFHXP5cBAC5/rlcAaQAAAAABAAA/8ADSgPAACIAPgBXAG0AAAEuAScuASMOAQcOAQcOARUUFx4BFxYfATc2Nz4BNzY1NCYnASYnLgEnJjUmNjc+ATsBMhYXHgEHFAcOAQcGBxEiBgcOARUUFhceATMyNjc+ATU0JicuASMXBiInLgE1NDY3PgEzMhYXHgEVFAYHAx4VPiYlVCwsVCUmPhUWFisrazAxDBwcDDAxaysrFhb+4horKlIeHQEnIyNdMQMzXCQjJwEdHlIqKxsbMxMUFRUTFDMbGzMTFBUVExQzGyUOLQ8IBwgHBxQKCxMIBwgIBwLhJj4VFhYBFRYWPSYlVCxSXFyhOjoNHx8NOjmiXFxSK1Qm/YQfNzeERUU8Ml0kIyYlJCReMTtFRYQ4Nx8CZhUTFDMbGzMTFBUVExM0GxszExQVrw8PBxMLCxMHCAgICAcTCwsTBwAAAAABAAD/wAM0A8AACwAAATcXBxcHJwcnNyc3AgDvRfDwRe/vRfDwRQIE8EXv70Xw8EXv70UAAwAA/8ADsAPAABQALABFAAABIS4BNTQ2NzEhHgEVMBQ5AQ4BBzEHISImNTE4ATE0NjcxIR4BFzEOASM4ATEBISIGFTERMzI2PwEhOAExMjY3MRE0JiMxAyD9wA0QEA0CQA4UAhMN2P6YDxQUDwFoDxUBARUPASD9MB4qIw8rDm0CQB0qASoeAoADFA0NFAMBFQ8BDhMByxQPDxUBARUPDxQBuyoe/OglGb8pHQHVHioAAAAAAQAA/8ADMQPAAAQAAAEVITUhAzH9ngJiAfJkZAAAAAABAAD/wAOHA8AADAAAAREjESEVIREzESE1IQI0aP6tAVNoAVP+rQH0AVP+rWj+rQFTaAAABwAA/8ADigPAAAMABwALAA8ALwBGAF8AAAEzFSMVMxUjByEVIQMhFSEXLgEnIgYHDgEHFBYXBxc3HgEzOgEzMjc+ATc2NzYmJwMiJi8BLgE1PgE3PgEXHgEXHgEHDgEnASEiBh0BMzUhESE1IxUUFjMhMjY1ETQmIwJOqqqqqlwBBv766gHw/hDhHEopKUseHSEBExNgKWAaPiEBAwEpJSU3ERABAR0dlxw0FAMTFAEXFRU1HR00FBQVAQFXOwIM/UQSGlgCZP2cWBoSArwSGhoSAkheT15PXgJkXlodIQEdHBxKKSE/G1wrXBQWDxA2JCUpKUse/uIWFQMUNRwdNRQUFQEBFxUVNR08UgECUxgRvpT9RB5IERgYEQMQERgABwAA/8ADUAPAAH8AhgCXAJsAqgC6ANUAACU2Nz4BJyYnLgEnLgEnNzY0Jy4BLwE3NjQnLgEvASYiBw4BDwEnJiIHDgEPASYGDwEGFBceAR8BBwYWHwEyFjc+AT8BFzoBMzI2PwE2NCcuASc3OgEzHgEXFgYHDgEHMScmBgcGFh8BByoBIzAiMSIGBxQWFx4BMyEyNj0BNCYnBTAyMToBMyU+ATMyFh8BFSE6ATMyNj8BExcHJxcHMCIxIgYVFBYXByc3Fwc0NjMyFhUUBgc4ATEGJjUTLgEnNjc+ATc2Jy4BJz4BNx4BFxYXFgYHBgcDFgkQDxQCAx0TPikCBQITAgICCQUDFgMDAgkFSQULBwUIAxYDBQ0FBQgDYwoUAhYDAwIJBSMaBQkMOgIPBQUJAhomAwQDCQ8FFgICAgUDBwIJBQ4QBRM4Dh8pBfYMFgUFDAznJ11XDwMrKgUCBQUKBwJHDBAEAv3WBAIIAgE3AhUMDBoHVv7DERMDBw4EVyATChMdCgMpNxMQBlNTUDMVDg4VEQwOG4MKFgoLDg0SAgIMBA8JCQ4CDBMIFAQDCwsMCXMZODeIR0c5JjEMAgUCNwUMBQUJAgM3BQwFBQkCHQICAgkFNgMCAgMIBf0CDAk3BA0FBQkCDUAMFQUXAgIDCQRADAkKNgUKCAQGAhQFDwwzlB0CKQVUAgoMDBUFTTk/GAcLBwUFEQw2BQoEKYYFEhgMcAwFB30CmgcZBk0ZOiYWJQ8TINokfA4VFQ4MFQMCFRH+Yw4UBxchIEklJR8MFAoMGREKGA4pNTVrMTEgAAAEAAD/wAOlA8AALQAyADcAOwAAAScuATUnMCYnJSYiBwUHMAYPATAGDwEGFBURFBYXBRcyFjMyNjclPgE1ETwBJwcFLQEFAREFESUFESURA6UBAQECAwP+awYQB/5wBgMBAgEBAQEJCQGOBgMEAgIEBAGTCAkBaP67/roBRgFF/U0BTf6zAY4BTQKGAwEDAQMEAssDA8gFAwEDAwEEAgQC/nIKDwTHAwEBAckEDwoBjgIEAgijo6Ki/oYBRab+u6amAUWm/rsAAAMAAP/AA7wDwAAFACEAPgAAATMVIxEzAzI3PgE3NjU0Jy4BJyYjIgcOAQcGFRQXHgEXFhciJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYjAjGU9mIxRz8/XhsbGxtePz9HRz8/XhsbGxtePz9HXFFQeSMjIyN4UVFcXFFQeSMjIyN5UFFcAcBgAVD9wBsaWz09RkY9PVsaGxsaWz0+RUU+PVsaG2AiInVPTlpZT051IiIiIXZOT1lZT052ISIAAAQAAP/AA6gDwAAYADEARABRAAABNTcnBy8BIw8BJwcXFQcXNx8BMz8BFzcnAS8BByc3NSc3Fz8BMx8BNxcHFRcHJw8BIxM0JicuASMiBhUUFjMyNjc+ATUnMhYVFAYjIiY1NDYzA0heXJQoMrk0KZJbX19clCgyuDUok11f/pUqXHchTEwhdl0qQipddyFMTCF2XCtC1yIgGTwfTGtrTB88GSAjtyg5OSgpOTkpAaguc6AZF4uLFxmgcy5yoBkXjIwXGaBy/rlwNhM5XWpdOhQ2cHA2FDpdal05EzZwAV4pShoUFmtMTGsWFBpKKWE5KCg6OigoOQAABAAA/8ADvAPAABsANwBDAEgAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGAyIGFRQWMzI2NTQmBzMRIxECAFxRUHkjIyMjeVBRXFxRUHkjIyMjeFFRXEc/P14bGxsbXj8/R0c/P14bGxsbXj8/RxslJRsbJSVWd3cDbyIhdk5PWVlPTnYhIiIhdk5PWVlPTnYhIv0BGxpbPT1GRj09WxobGxpbPT1GRj09WxobAlklGhomJRsbJJ/+jQFzAAEAAP/AA4wDwAAFAAAJARcJATcBnQGtQv4R/tdCASkBtUP+BwEvQwADAAD/wAO6A8AAGQAeACYAACUVMxUhNTM1ISImNTERNDYzITIWFREUBiMhJSERIRElNwcXBxc3FwIssf5Gsf6eEhoaEgMcEhoaEv6e/nICxP08AZU61zxnJGg8zVhZWVgaEwI9ExoaE/3DExpYAef+GaHXOjxoJGc8AAAACAAA/8ADYAPAADIATQBuAIkAzwDuARgBJwAAAQ4BBw4BDwEVFx4BFx4BOwEVFx4BMT4BPwEzOgEzPgE3PgE/ATU0JicuAScuAS8BIyoBFx4BFxYUFRQGBw4BIyImJy4BNTQ2Nz4BMzoBFx4BFx4BFRQGBw4BBw4BIyoBJy4BJy4BNTY0Nz4BFzoBFx4BMx4BFRQGBw4BIyImJy4BNTQ2Nz4BMzoBBQ4BBw4BFRQWFx4BFx4BMzAWHQEHDgEHDgEHDgEVFBYXHgEXHgE7ATc+ATc+ATc+ATc+ATEwJicuATc+ATc+AScuAScuARcOARceARceARceAR0BFz8BPQE3PgE3NiYnLgEnLgEDDgEHDgEHDgEXHgEfATMyNjc+ATc+ATU0JicuAScuAS8BDwEnLgExIgYXFTMVIxUjPQEnIzUzNTMCUAwWCQgKAwICBRUPCg4XGwQBAwESDR4oExkCDRYIBwkDAwEBAwoIBxALB2YpPxsDBQEBAgQEBwsLBwMFAgIDBAgNCQVdAwUBAQEBAQECAgMICwkFAwMFAQEBAQIDCw0IBl4CAwEDAQIEAwgLCgkDBAICAwQJDAkF/kslOQwDAwEBBRUPBRIBAQUsTRwLEgcFBAEBBA4KCA0dIwMDDAYSMh8HGQcDAwMCGA8KCjEjBwEIDB0QCBugM0ECARMSBwwKAQE9Hx4IEx0HCxQdDR8RBxtvHCwUDBIHCwIIBBEKBtiaQAQGCwUJCQQEEDgkCRAHBzU1NRYgAQf4JSUoEhMlKANkAQsJBxIKB5EGERkHBQIuAgEBAQ4KGQILCQcPCwdINxQFChIHCAgDAmwCBQMCBwgMCAMDAgEDBAgMDAcDBAIBAgUCAgcJCgUDAgMBAwECAQUEAgcICwQDBgQBAQEDBAcMDAgDAwICAwMIDAwHAwQCogUwIwsPDwsJBhUlDQQNCgYRAQgpHQsYDgsMCAYFBQsPBQQBCQgZCRwwEgQNAwECBAMgUiglPhIEAgYLDQQBAUwHTDMZLBIHCQYBAgUGPR8fBgYFCyYVJUsZDA8DAgH+2gscFAwXDhIaDgkOAwMBAQIGBAgTDAcMCSA1EgUHAgI1NTUWHwNKEigmExIBKCUAAAAABQAA/8ADvAPAAEEAUQBhAH0AmQAAAQcOAQcOAScuAScmNj8BPgE3LgEnLgEnLgE3PgEXHgEXFjI3NhYXFBYXFgYHDgEPARceARcWBgcOAQcGJicuAS8BAyYGBxwBMRQWMzI2NTQmIxUGJicmNjc6ATMeAQcOAQcTIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgH/Fg4cDgYTCQoNAwIEBk8BAgEIDwgOHA0LCQQCFAwFCAQvai8MGwgCAQMJCxInFAsKEyYSCgELBAoFCBIFEB8PEQEsPwE/LS1AQC0PFwEBFBABAgEQFAEBFA4BXFFQeSMjIyN5UFFcXFFQeSMjIyN4UVFcRz8/XhsbGxtePz9HRz8/XhsbGxtePz8BPBsSIxEIBgICDQoJEQdjAQMCAgQCBAwHBhYMCw8BAQICGhoHBwwCBAIMFwYKDwQCDRYvFwscCQQEAQIHBxMmFBUBdQE+LAECLUBALS0/kQEUEA8XAQEXDw4UAQFOIiF2Tk9ZWU9OdiEiIiF2Tk9ZWU9OdiEi/QEbGls9PUZGPT1bGhsbGls9PUZGPT1bGhsAAAMAAP/AA7wDwAAbADcAhAAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwY3IyImJy4BIyIGHQEUBiMiJicuATU0NjsBMhYXHgEzMjY9AS4BNTQ2OwEyFh0BFBYzMjY3PgE3PgEXMzIWBw4BMQ4BFx4BFx4BFxYGIwIAXFFQeSMjIyN5UFFcXFFQeSMjIyN4UVFcRz8/XhsbGxtePz9HRz8/XhsbGxtePz+YNRAUGhgXBggGDRkqWCExIwcMNQoKBBM3DgUFAhMIBVQIBwYDBQoKFCEMAg0INQwGAwVCBAIGBRcJDhcIBAsMA28iIXZOT1lZT052ISIiIXZOT1lZT052ISL9ARsaWz09RkY9PVsaGxsaWz09RkY9PVsaG78aGxcLBwswCgsyMEVhCgYKCgs5VQcNThsPCgUHCQtpCQYGChg3HQcJAQsIF2MHCQgGFQsOHxEMCwAAAAAEAAD/wANzA8AABAAJAA4AEwAAEyEVITUpARUhNQczESMRETMRIxGKAUz+tAGcAU3+s1BQUFBQAepQUFBQUP6sAVQBnP60AUwAAAAABgAA/8ADfwPAAAkADAAcACEAJgAqAAABFRQGKwERIREhBzM1NSEyFhURFAYjISImNTEREwMhFSE1NSEVITUBMxUjAdUZEdUCVP6r24YB1BIZGRL9WBIZ/30B6f4XAen+FwEU1dUDD9USGf5XAqmrh3kZEf0BERkZEgIoAQD9vV1dvV1dAQGTAAcAAP/AA8YDwAAEAAkADgATACwAMgA3AAATIRUhNTUhFSE1NSEVITURIRUhNQchMjY9ASMVIREhFTM1NCYjISIGFREUFjMBAxc3Eyc3FzcnB/oBW/6lAcb+OgHG/joBYf6fZgK8EhpY/ZwCZFgaEv1EEhoaEgKipgtfpmoJaB9pHgGWXl6tXl6tXl79+l5e2xgRvpQCvB5IERgYEfzwERgChf60XikBSzYRNz41PAAADAAA/8ADkQPAABwAIQAmAC8AUgBeAGMAZwBrAG8AdAB5AAABAyMHBhYXHgEzMhYXFRQWHwEeATsBNz4BNzYmJw8BNTcXJzcHLgEHDgEVMzQ2Nyc/AS4BNTQ2MzIWFRQGBxc+ATU0Jy4BJyYjIgcOAQcGFRQWFwUXHgEVMzQnLgEnJgEjFTM1FyMVMyUjFTM3IxUzFyMVMzUFIxUzNQKCdzN3BQEFBQ8JDi8UCAQFAgkFB3cHCwMCAQIxUwlKvj0HDh2EMDdSQDRfTyUZHmBERWAvJiI8SRMUQywtNDMtLUIUEzctATgMICVSDAsrHh799EBBS0FBAfJBQWdBQTFBQf0fQUEBHAEB3wgUBwcJBAYXCQ0EAwEDJAMLBwcNBgcZGaCgJHN5AwNELHxGQm4hHbRLF0AkRGFhRC9MFUsfdEgzLS1DExMTE0MtLTM9aCGHcSFYMS0qKkkeHgFEQECeQCdA5EDBQEApQEAAAAcAAP/AA24DwAAPABsAPgBUAFkAXgBjAAABESMRDgEVFBYzMjY1NCYnByImNTQ2MzIWFRQGEzwBNTAGIyoBMTYGFREOARUUFx4BFxYzMjc+ATc2NTQmJxEDIiY1NDY3PgE1ETMRFBYXHgEVFAYjEyEVITU1IRUhNTUhFSE1AYo+GyM3JyY3IxsgDRISDQ0SEo9zKClzAQEdIREROygoLS0nKDsRESEdnEBbHBgFBboGBRgbW0DnARz+5AEc/uQBHP7kATMBmv5mCTAfJjc3Jh8wCXcSDQ0SEg0NEgJJGCwBAgEtF/5vHk4tLSgnOxERERE7KCctLU4eAZH9O1tAIzwVBA0GAZ/+YQcMBBU8I0BbAcheXqVeXpteXgAABwAA/8ADwgPAABoAIAAnADMAPwBSAGAAAAEhIgYdASEiBhURFBYzITI2NREzMjY1ETQmIwE1IRUhBxczESERIREnMjY1NCYjIgYVFBYnNDYzMhYVFAYjIiYXIgYdATM1NDYzMhYdATM1NCYjASEiBhUUFjMhMjY1NCYDpv6aDBD+QAwSEgwC/Q0RJwwQEAz+tgEu/uoYK7z9QAGhzjFFRTEwRkUXKx0eKioeHStIQFsuQC4tQC9cQAIS/PQNEhINAwwMEhIDUhEMPBEN/eMNERENAT4QDAEdDBH+z/jlEyX+4AHi/u4JRTExRUUxMUV2HioqHh4qKmNbQQMDLkBALgMDQVv+yRUODhQUDg4VAAABAAD/wAOmA8AABgAACQEnBwkBJwNK/lPnXAFDAglcAvn+S+te/rYCFF4AAAcAAP/AA/4DwAAwAGEAdQCJALwAzgDhAAABIgcGBwYHBgcGBwYHBgcGFRQXFhcWFxYXFhcWNzY3Njc2NzY3NicmJyYnJicmJyYjNxYXFhcWFxYXFhcWBwYHBgcGBwYHBicmJyYnJicmJyY1NDc2NzY3Njc2NzY3Njc2MwEiBwYVERQXFjMhMjc2NRE0JyYjBTQ3NjMhMhcWFREUBwYjISInJjUlFhcWFxYVFhUUFQYHBgcGDwEGIwYjIiMmJyYnJicmNSY9ATQ1Njc2NzY3Njc2FzIzFhclISIHBhUUFxYzITI3NjU0JyYnISIHBhUUFxYzITI3NjU0JyYjAgAwLi4rKycnIiIaGhESCgkUFSgnNzdBQkZHRUY+PzIyISIODgcHHBstLTs6RERHEUhERDtAMDAdHQcIDw8jJDY2Q0NKS0tMRkY7OyoqFhYKChMTHBwkJCoqLi4yMTP+6wcFBQUFBwIhBwUFBQUH/asPDxYCIRUPDw8PFf3fFg8PAZUCAQIBAQEBAQEBAgJhAgIDAgICAwICAQIBAgEBAgEBAgICAgMCAgIDAgEP/gIHBQUFBQcB/ggFBQUFO/5oBwUFBQUHAZgHBQUFBQcDngkKERIaGiIiJycrKy4uMEdERDo7LS0bHAcHDg4hIjIyPj9GRUZHQkE3NycoFBUiAxUWKCo7O0ZGS0xLSkNDNjYjJA8PBwgdHTAwQD9ISUwzMTIuLioqJCQcHBMTCgr+RgUFB/7tBwUFBQUHARMHBQURFQ8PDw8V/u0VDw8PDxWjAQECAgICAgIDAgICAQICAT8BAQEBAQECAgICAgN9AwICAgIBAgEBAQEBAQGzBQUHBwUFBQUHBwUFUQUFCAcFBQUFBwgFBQAAAAUAAP/ABAADwAAjAEgAegCNAJ8AABMiBwYHBgcGFREUFxYXFhcWMyEyNzY3Njc2NRE0JyYnJicmIyUhMhcWFxYXFhURFAcGBwYHBiMhIicmJyYnJjURNDc2NzY3NjMBFhcWFxYVFhUUFQYHBg8CBgcGIyIjJicmJyYnJjUmPQE0NTY3Njc2NzYzNjMyMxYXASEiBwYVFBcWMyEyNzY1NCcmIychIgcGFRQXFjMhMjc2NTQnJpIODQ4KCwUGBQYLCg0ODgLcDg0OCgsFBgUGCwoNDg79JALcHRsbFBULCwsLFRQbGx39JB0bGxQVCwsLCxUUGxsdAdUCAQIBAgEBAgEBBJECAwMCAwIDAwICAgECAQECAQICAgMCAwMDAgMCAYz9PA8KCwoLDwLEDwoLCgsPYv4ADwsLCwsPAgAPCwsLCwIPBgYKCg0OD/7QDw0NCwoFBgUGCgsNDQ8BMA8NDgoKBgZJCwsVFRobHv7QHRsbFBULCwsLFRQbGx0BMB4aGxUVCwv+4AECAgICAgMDAgIDAgMBBF0BAQEBAgECAgICAwMCugMCAwIDAgIBAQEBAgFXCgsPEAoLCgsQDwoLlAoLEA8KCwoLDxAKCwADAAD/wANAA8AAGAA+AFMAAAEhNT4BNz4BNz4BMzIWFx4BFx4BFTEUFhUXIzUuAScuAScuASMiBgcOAQcOAQcVByMiBhURFBYzITI2NRE0JgcUBgcVFAYrASImPQEuATU0NjMyFgKY/s0BBQcHFQ8PMSMjMQ8PFQcGAwGIGwEGCgomHh5TNTVTHh4mCgoFAQEbDRMTDQJADRMT5AsJCgZKBgoJCyseHisCECQSLBcXKA4OFhYODigXFB4QAgUCLi4WNCAgQRscICAcG0EgID0WASQTDf5RDhISDgGvDRO9DhoJgQcJCQeBCRoOHyoqAAACAAD/wANAA8AAXAB7AAAlFAYxIiMqASMiIzAmNTQ1PAE1NDU0NjEwMzoBMzIzOgEzPAE1PAE1NCYnJgYHDgEHDgEnLgE3PgE3PgE3MjY7AR4BFx4BFx4BBxwBFToBMzIWMRYUFRQVHAEVFBUnNjQvASYiDwEnJiIPAQYUHwEWFxY2NzgBMTcwNDE3A0AwREREiERERDAzLSyARkczAgYDRDY/awgBAQEDHxUWHgEBOTkbOyEBAwEmDhsNKUEZHBsBAwQCJQ8BnwgIIwgVB342BxUIIwgIawICCBEHJI9NLg8PLCswMGIwMCwtDgIEAhw6HTVPCgxHPAgOBxUaAQIcFUFoJRITAwECBQMLKx8jTisdOx4uAwgEKy8wYTAvK98HFAciBwd2MgcHIQcUB2UCAQUBByEBhgAHAAD/wAPfA8AAhAEIATMBSgFlAYIBlQAAAQ4BBwYmJy4BIyoBOQEiBw4BBwYHBhYXHgEXNR4BMRQGBw4BFx4BFx4BFx4BFx4BFzIWFx4BFx4BHwIeARceATMyNjc+ATc+ATE2FhcWNjc+ATc+ATE+ATc+ATc+ATMwNjc+ATcxPgEnLgEnFyY2Nz4BNTQmJxUmJy4BJyYnLgEnLgEHBR4BFyMeARcWBgcOAQcGFBceARcWNjc+AT8BFx4BFxYGBw4BNTQmBw4BIyImJy4BJyYGFx4BFx4BFRQGIyImJy4BJyYGFRQWFx4BFxYUBw4BJy4BJy4BLwIuAS8CLgEvAi4BJy4BJy4BIyIGDwEnLgEnLgE1NDY3PgE3PgE3MhYzBR4BFx4BBw4BDwEnLgEnLgEHDgEHDgEHDgEjLgEjNDc+ATc2Nz4BNzYWFwEeAQcOAQcOAScuATU0NjUxPgE3NhYXFx4BFTgBOQEUBgcOAQcGJjc+ATc+ATMyFhcxFx4BBxQGBw4BBwYmJy4BNTQ2Nz4BNzYyMzIWFzEXHgEHDgEHDgEHBiYnJjY3PgEXApUnQiwCBggjVS4BATYwME0bHAwIAwkHFA0DBAMCDwgGCSkiAwICBAwJDB4OBQMBBQwNDBUODQMHJR0HDAoSHRAHTwYDBQEGAxs9FgsOAgECAQcEHCoGAgEBBgQOGAoVEAcBAwEBAQYFGRwBAQYQETQjIy0THBIMJAn+yBMkEAEIDgICEjAyHwUEBAYjGBs9HBMiISl7UioBAQIFBAQEBAIFAQE+Kz4uBRkqCQIgSiw+GgIBPiw8MAQVJxtTKj4CAgIEEwcCEwwaGxEHAwgqHAoDCCscCgMDDQsICwoPFA8UIRQMAwQNBAcDAQINQDUSLBICDQcBfzxREwkHAwMQCgVrOTYGFS8UBB4SHhIIDRQNBgkBGRpAHR0GFCsWDjIP/h0GBAQBFw8hFQoDBAEBSwYEDAVZBQUFDBcqBAwSBQIoEw8IBQMGA14EBAESFQ8ZAgYMBgQCAgQIQAQCBAMDBwNXCAYFARcQGBEECA4CAg0aIxELA4cFGhwCAwUZGxERPiwrNSJLJBkrFAEECAEFAxUrFyEoBwEECAwXCQ4RAwMFEhYNDA0DAwsdJgoCAgkLBU4JBAYBAQIKDxcKGQwEBwECAQcqHAQGAgEEDgoVNBoFCQQCAQoHIlYvChMKAS4oJ0AXGA4HBgIBAQFWAgsIBAgBARQwMSIMCRwKDxsHCQIKCBohKHxSKwUGCgQEAQQGAQQCAz0rPSwCDCUaBiJLLD8BAhs9LDwuAgkZFg0gUypAAgUMBAcFBAIRDBoRAwEMHCsGAgseKwYCDA8VDAgIBAcFDhELBAUbChMVGhUSCzpMFAcJAQEEDUMzGj4XFCsQCGo6NAQNAQwCGxIdEAQGBAEBARoaQBscBA4UBAIBBP6JBBAHAhgPIQsJBAgFAQMBBEwDAwIDWgMKBgUIDRgnAQMWCgMpEw4GAgFdAw0FAxQUEBgBAwIFBQUFBAYGCT4CAQICWQQQCAIZEBgOAQEKCAgRGyQLBgAAAAQAAP/AA9IDwABMAFAAVQC6AAABJw4BBwYiIxcHHgEXFBYxNxUHFAYVDgEjIiYnBzU3LgEnBycOAQcXFScOASMiJi8BNSc1Fz4BNz4BNyc3IiYnLgEnBxUXEQUlETc1JwElEQUNARElEQEWNjcGBw4BBwYHBhYXHgExHgEXMBYXFjY3Njc+ATc2NzoBMzoBMxYXHgEXFhceATc+ATE+ATcwNjc+AScmJy4BJyYnHgE3PgEnLgEnLgEHDgEHLgEjIgYHLgEnJgYHDgEHBhYXA8VoCBYPAgcDc1wJDQUCT64BBRcOBw0GrVMECQRQRgQIBUmmBAoFDhcEiiZKAgMCBAsGWX4ICgIOFQd4JgGoAbAmDf4m/pQBbAGW/oYBev1VEns3HCEhPhkaDQYDBANMAwUBEwIBCQMsISEvDw4IAQMBAQMBCA4PLyEhLAMJAQITAQUDTAMEAwYNGhk+ISEcNnsTHgsDAi8bCiUPHU8ZBh4dHR4GF08fDyUKGy8CAwseAqMsBwwCATEnBggDAQEhjEoCAwEOEQQESYwkBgsGIh4GDAYfjEUCAhENOgEQjB8CAwECBwQmNQEBAgoGMtkQ/sKztwE+ENgG/VOaAR2ZgaABIZ/+4AJLAwYDIB0dMBERCAMIAQEiAQYDVAUFAQIuLSxQISIXFyIhUCwtLgIBBQVUAwYBIgEBCAMIEREwHR0hBAYDBisMCGweDAsMF0AUDxUVEBNBGAwLDB5sCAwrBgAAAQAA/8ADNAPAAAUAAAE3FwkBNwIA70X+zP7MRQGK/Ej+vAFESAAAAAIAAP/AA68DwAAOABQAACUHETQ2MyEyFhURFAYjISchESERNwERwBkSAwgSGRkS/Y0eAmb9TkysmwMyEhoaEv2VEhpYAhP9sD0AAAACAAD/wAPSA8AAKwBFAAABLgEjIQMuASMiBgcDISIGBwYWHwEDBhYXHgEzMjY/ARcWMjc+AScDNz4BJwU2Ji8BMzI2PwEXHgE7AQcOAR8BJyYiDwE3A9IEEwz+0l4DFAwMEwRd/tEMEwQECAr0XQQHCgULBgULBfX1CRgKCgcEXfUJCAT9rAQHCq/YDBQDQ0MDFAzYrwoHBEKvCRgKrkICJwsOASALDg4L/uAOCwwWB7L+4AsXBwMEBAOysgcHBxcLASCyBxcL2QwWB38ODM3NDA5/BxYMzX8HB3/NAAAAAAMAAP/ABAADwAAbAEkAVQAAASIHDgEHBgcWFx4BFxYzMjc+ATc2NyYnLgEnJhceARcOAQcOASMiJicuASc+ATc+ATcOARUUFx4BFxYzMjc+ATc2NTQmJx4BFzEHFAYjIiY1NDYzMhYCAFRNTYQ1NSQkNTWETU1UVE1NhDU1JCQ1NYRNTaguSx0dSy44gUNDgTguSx0dSy4CBgMHCBQURi4vNTUvLkYUFAgHAwYC/DgoKDg4KCg4AwAXGFQ7O0dHOztUGBcXGFQ7O0dHOztUGBeqHE0tLU0cJCYmJBxNLS1NHAIEAhUsFzUvLkYUFBQURi4vNRcsFQIEAjYoODgoKDg4AAAABQAA/8AEAAPAAB4AKAA5AEcAZgAAASYiDwEuASMiBw4BBwYHHgEXBwYUFx4BMzI2NwE2NAEyFhcHLgE1NDYFPgE3PgE3DgEVFBYXBy4BJyU0JicBHgEzMjc+ATc2NwceARUeARcOAQcOASMiJicHHgEzMjc+ATc2Ny4BJwOyDigOyidSK1RNTYQ1NSQfWDafDg4HEgkJEgcDYA794CAxCnocJTj+9h1LLgIGAwcIGRY9KEIaApIGBv6+EycUNS8uRhQUPkUBAi5LHR1LLjiBQx05HE0tYDJUTU2ENTUkImM9A7IODsoMDBcYVDs7Rz5pKJ8OKA4HBwcHA2AOKP7cJRx6CjEgKDjALU0cAgQCFSwXKUsfPRtGKUYUJxP+vgYGFBRGLi/NRQEBARxNLS1NHCQmBwdNEBEXGFQ7O0dDcSoAAAAABAAA/8ADmQPAAAMACAAVAC4AAAEzFSMBIREhET0BIxUjNSMVIzUjFSEDMzIWFREUBiMhIiY1ETQ2OwE1MxUzNTMVAQvMzAI8/XICjntR9VJ6Ao17pBEYGBH9IBEYGBGkUfZRAWusAQH+qQFXVqxWVlZWrAEBGRL9UhEZGRECrxIZVVVVVQAAAAIAAP/AA18DwAAZADMAACUnMzY3PgE3Njc1IxUGBw4BBwYrATcnBxc3ExcjBgcOAQcGBxUzNTY3PgE3NjsBBxc3JwcB3GG6PTU1UBgYA00CEhM+KSkvsWE2v782NWK7PTU1UBgYA00CEhM+KSkvsmI2v782NV0CFxZMMjI6gnwsJyc6EBFdNLa1NAL+XQIXFkwyMjqCfCwnJzoQEV00trU0AAAAAwAA/8AC+APAAAMABwALAAABIRUhESEVIREhFSEBCAHw/hAB8P4QAfD+EAHvXgEaXv7mXgAAAAABAAD/wAOyA8AAJwAAExcHJzcXByEyFx4BFxYVFAcOAQcGKwE1MzI3PgE3NjU0Jy4BJyYjIf10QeLiQXQBR0xDQmQcHR0cZEJDTIaGOTIySxUWFhVLMjI5/rkCbm4919c9bxsbXz9ASEg/QF4cG1cVFEcwLzY2MDBGFRQAAgAA/8ADBwPAAAMAQwAAJTMVIwEuASMiBgcOAQ8BFzc+ATc+ATMyFhceARUUBgcOAQcOAQcOAQcOARUcARcVMzU+ATc+ATc+ATc+ATc+ATU0JicBu4uLAQQkXzs3WyMiKQcCgAIGGBISLBsbLxQTEgYGBx4XGSMJDhQGCAkBegEDBAIKBgQaGyQvDA0NJCS2iwLpICEfHh5YOBAPDyU3EBERExITKhgNGAsMIBUWIQwQIREVMx0FDgkQEBsnCwsUCAYbGCA1FhczGy5QIQAAAAEAAAAAAABzBUndXw889QALBAAAAAAA5ILReQAAAADkgtF5AAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAADsEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAAAAAAACgAUAB4BFAGmAgID0gSWBSwGbgbcB04H3AhaCKYJZgnACiwKSAruCwgLYgtyC4wMHA1MDbAOEA6MDvoPDg9MEPAR1hKSErgS/BNUFAoUmBUgFTYWgBdmF94YehrEG9wb8BwWHIYdCB2qHe4eQB5cHpofAgABAAAAOwGWAAwAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
}

html {
  font-size: 0.875rem;
  font-family: Verdana, sans-serif;
  background: #e7e7e7;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    html {
      font-family: Verdana, sans-serif;
    }
  }
}

.component {
  margin-bottom: 0;
}

.component > .component-content {
  margin-bottom: 0;
}

.component > .component-content:before, .component > .component-content:after {
  content: "";
  display: table;
}

.component > .component-content:after {
  clear: both;
}

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

.component-content:after {
  clear: both;
}

@media (min-width: 992px) {
  body > .container {
    padding: 0;
  }
}

.container > .row:first-child,
#header > .row:first-child, #content > .row:first-child, #footer > .row:first-child {
  margin-left: 0;
  margin-right: 0;
}

#header, #content, #footer {
  padding-left: 0;
  padding-right: 0;
}

#content {
  padding-top: 10rem;
  min-height: 500px;
}

@media (min-width: 992px) {
  #content {
    padding-top: 12.5rem;
  }
}

@media (min-width: 992px) {
  .lean-header #content {
    padding-top: 12rem;
  }
}

.header-banner #content {
  padding-top: 12rem;
}

@media (min-width: 992px) {
  .header-banner #content {
    padding-top: 13rem;
  }
}

.col-xs-12 > .component.section.col-xs-12 {
  padding: 0 !important;
}

/*
#################################################################

DYNAMIC BACKGROUND
------------------
Summary: DYNAMIC BACKGROUND
Project: VBL
------------------
Usage: CSS development should be modular and focus on components.
When necessary it may be required to style a particular page. For 
example, a 'Product' page would create the body class 
'.page-product' enabling developers to target a specific page.
Styles for pages should reside in this section.

PLEASE DON'T STYLE WEBSITES BY PAGE. STYLING FOR PAGES CREATES
A LOT OF REPEATED STYLES. THINK MODULARLY AND CREATE STYLES FOR
COMPONENTS WITHIN PAGES.

#################################################################
*/
.dynamic-background img,
.dynamic-background-single img {
  background: #30e403 !important;
  filter: none !important;
}

/*
#################################################################

SPECIFIC PAGE STYLES
------------------
Summary: Page Styles
Project: (HALEON) Expert Portal Project
------------------
Usage: CSS development should be modular and focus on components.
When necessary it may be required to style a particular page. For 
example, a 'Product' page would create the body class 
'.page-product' enabling developers to target a specific page.
Styles for pages should reside in this section.

PLEASE DON'T STYLE WEBSITES BY PAGE. STYLING FOR PAGES CREATES
A LOT OF REPEATED STYLES. THINK MODULARLY AND CREATE STYLES FOR
COMPONENTS WITHIN PAGES.

#################################################################
*/
@media (max-width: 767px) {
  .page-contact-us .content-block .richText-content {
    min-height: 137px;
  }
}

/*
#################################################################

COOKIE POLICY
------------------
Summary: cookie policy styles
Project: (HALEON) Expert Portal Project
Usage: This is the main SCSS for the cookie policy popup

#################################################################
*/
#CookieQBanner {
  border-top: 4px solid #30e403 !important;
  bottom: 0;
  position: fixed;
  top: auto !important;
}

#CookieQBanner .__cqinner {
  margin: 0 15px !important;
  font-size: 0.9285rem !important;
  max-width: 100% !important;
}

#CookieQBanner a.__cqAgree {
  margin-right: 15px !important;
}

.cookiePolicy-info {
  background-color: #e7e7e7;
  -moz-transition: linear 2s all;
  -o-transition: linear 2s all;
  -webkit-transition: linear 2s all;
  transition: linear 2s all;
  max-height: 1000px;
  overflow: hidden;
}

.cookiePolicy-info .cookiePolicy-inner {
  padding: 20px 10px;
  width: auto;
  max-width: 940px;
  margin: 0 auto;
}

.cookiePolicy-info.collapsed {
  max-height: 0;
}

.cookiePolicy-restrictive {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

@media (max-width: 767px) {
  .cookiePolicy-restrictive {
    position: absolute;
  }
}

.cookiePolicy-restrictive .cookiePolicy-inner {
  position: fixed;
  top: 100px;
  width: 700px;
  margin-left: -350px;
  left: 50%;
  padding: 13px;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .cookiePolicy-restrictive .cookiePolicy-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

.cookiePolicy-restrictive.collapsed {
  display: none;
}

.cookiePolicy-buttons {
  text-align: right;
}

/*
#################################################################

EXIT NOTIFICATION
------------------
Summary: 
Project: (HALEON) Expert Portal Project
Usage: This is the alert shown to users when they click a link
to leave the GSK website in question.

#################################################################
*/
.exit-notification {
  z-index: 10001 !important;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.exit-notification.is-hidden {
  display: none;
}

@media (max-width: 768px) {
  .exit-notification.exit-notification-restrictive {
    position: fixed;
  }
}

.exit-notification .exit-notification-inner {
  background: white !important;
  left: 25% !important;
  margin-left: 0 !important;
  width: 50% !important;
  position: fixed;
  top: 100px;
  padding: 15px;
}

@media screen and (max-width: 767px) {
  .exit-notification .exit-notification-inner {
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

.exit-notification .exit-notification-inner .content-block .richText-content {
  padding: 0 !important;
}

.exit-notification .exit-notification-inner .exit-notification-buttons {
  text-align: right;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  cursor: pointer;
  border: none;
}

@media (max-width: 480px) {
  .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept {
    margin-bottom: 5px;
  }
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept:focus, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept:focus::after, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept.focus::after {
  border-color: #000;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept:disabled, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept:disabled::after, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept.disabled::after {
  border-color: #cccccc;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-accept::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  cursor: pointer;
  border: none;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny:focus, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny:focus::after, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny.focus::after {
  border-color: #000;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny:disabled, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny:disabled::after, .exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny.disabled::after {
  border-color: #cccccc;
}

.exit-notification .exit-notification-inner .exit-notification-buttons .exit-notification-deny::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

@media (max-width: 767px) {
  .exit-notification .exit-notification-inner .exit-notification-buttons {
    text-align: left !important;
    padding-top: 15px;
  }
}

@media (max-width: 767px) {
  .exit-notification .exit-notification-inner {
    position: absolute;
    width: auto !important;
    margin: 15px !important;
    left: 0 !important;
    top: 5% !important;
  }
}

/*
#################################################################

HERO BANNER
------------------
Summary: Main Hero banner styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the Hero banner of the website

#################################################################
*/
@media (min-width: 992px) {
  .hero-banner .image {
    position: absolute;
    right: 0;
    height: 100%;
  }
}

.hero-banner .image img {
  width: 100%;
}

@media (min-width: 992px) {
  .hero-banner .image img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    -webkit-clip-path: polygon(0 100%, 11% 0, 100% 0, 91% 100%);
    clip-path: polygon(0 100%, 11% 0, 100% 0, 91% 100%);
  }
}

/*
#################################################################

WHITE BOX
------------------
Summary: Main white box styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the white box of the website

#################################################################
*/
.box-product-resource .box-category {
  display: none;
  height: 100%;
}

.box-product-resource .box-category > .component-content {
  background: #30e403;
  padding: 1rem 1rem 0.8rem;
  height: 100%;
}

.box-product-resource .box-category h2 {
  color: white;
  text-transform: uppercase;
}

.box-product-resource .box-category ul {
  display: block;
  padding: 0;
  margin: 0;
  margin-top: 0.5rem;
}

.box-product-resource .box-category ul li {
  list-style: none;
  padding: 0.4rem 0 0.6rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}

.box-product-resource .box-category ul li a {
  color: white;
}

.box-product-resource .box-category ul li a:hover {
  color: #333333;
  text-decoration: none;
}

.box-product-resource .box-category ul li:last-child {
  border-bottom: 0;
}

.box-product-resource:hover .box-category {
  display: block;
}

.box-home-white > .component-content {
  padding: 1rem;
  min-height: 16.65rem;
  padding-bottom: 4rem;
  background: white;
}

.box-home-white p:first-child {
  display: inline;
}

.box-home-white.burger::before {
  content: "";
  background: url("../../assets/img/burger-icon.png") left top no-repeat;
  right: 2.1rem;
  bottom: 2rem;
  width: 0.875rem;
  height: 1rem;
  position: absolute;
}

/*
#################################################################

IMAGE
------------------
Summary: Main Image styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the image in the website

#################################################################
*/
.image .right {
  text-align: right;
}

.image .left {
  text-align: left;
}

.image .middle {
  text-align: center;
}

.image figure {
  margin: 0;
}

/*
#################################################################

HEADER
------------------
Summary: Header styles
Project: (HALEON) Expert Portal Project
Usage: SCSS for the header; navigation styles found in _navigation. Gigya sign in form style found in _home-gigyarass

#################################################################
*/
.fixed-header {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1010;
  padding: 0;
}

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

.fixed-header.hide-header {
  top: -65px;
  transition: all 0.5s ease;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

@media (min-width: 992px) {
  .fixed-header.hide-header {
    background: white;
    top: -70px;
  }
}

.fixed-header .u-box-white, .fixed-header .userBox .logged-in .account-options, .userBox .logged-in .fixed-header .account-options, .fixed-header .searchResults .searchResults-results, .searchResults .fixed-header .searchResults-results, .fixed-header .searchResults .searchResults-pagination, .searchResults .fixed-header .searchResults-pagination {
  z-index: 2;
}

@media (max-width: 991px) {
  .fixed-header .searchbox-home + .box {
    background: white;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fixed-header .searchbox-home + .box {
    width: 100%;
  }
  .fixed-header .searchbox-home + .box > .component-content {
    max-width: 720px;
    margin: auto;
  }
}

.top-right-box {
  margin-top: 0.85rem;
}

.top-right-box .section {
  margin: 0 0 0.6rem 0;
  height: 2rem;
  float: left;
}

@media (max-width: 767px) {
  .top-right-box .section {
    margin: 0 0.25rem 0.6rem 0 !important;
  }
}

.top-right-box .content.paragraphSystem {
  float: right;
}

@media (max-width: 767px) {
  .top-right-box .content.paragraphSystem {
    margin-right: 0;
  }
}

.top-right-box .icon, .top-right-box .gigyaraas.top-signin .gigya-raas-link::before, .gigyaraas.top-signin .top-right-box .gigya-raas-link::before, .top-right-box .userBox .logged-in p::before, .userBox .logged-in .top-right-box p::before {
  font-size: 2rem;
  width: 2rem;
  margin: 0;
}

.top-right-box .icon.search:focus, .top-right-box .gigyaraas.top-signin .search.gigya-raas-link:focus::before, .gigyaraas.top-signin .top-right-box .search.gigya-raas-link:focus::before, .top-right-box .userBox .logged-in p.search:focus::before, .userBox .logged-in .top-right-box p.search:focus::before, .top-right-box .icon.search:hover, .top-right-box .gigyaraas.top-signin .search.gigya-raas-link:hover::before, .gigyaraas.top-signin .top-right-box .search.gigya-raas-link:hover::before, .top-right-box .userBox .logged-in p.search:hover::before, .userBox .logged-in .top-right-box p.search:hover::before {
  text-decoration: none;
}

.top-right-box a {
  position: relative;
}

.top-right-box a .icon, .top-right-box a .gigyaraas.top-signin .gigya-raas-link::before, .gigyaraas.top-signin .top-right-box a .gigya-raas-link::before, .top-right-box a .userBox .logged-in p::before, .userBox .logged-in .top-right-box a p::before {
  color: #000;
}

.top-right-box a:hover, .top-right-box a:focus {
  background: none;
  color: #000;
}

.top-right-box a:hover .icon, .top-right-box a:hover .gigyaraas.top-signin .gigya-raas-link::before, .gigyaraas.top-signin .top-right-box a:hover .gigya-raas-link::before, .top-right-box a:hover .userBox .logged-in p::before, .userBox .logged-in .top-right-box a:hover p::before, .top-right-box a:focus .icon, .top-right-box a:focus .gigyaraas.top-signin .gigya-raas-link::before, .gigyaraas.top-signin .top-right-box a:focus .gigya-raas-link::before, .top-right-box a:focus .userBox .logged-in p::before, .userBox .logged-in .top-right-box a:focus p::before {
  color: #000;
}

.top-right-box a:hover::after, .top-right-box a:focus::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background: #30e403;
}

.top-right-box a.gigya-raas-link:hover, .top-right-box a.gigya-raas-link:focus {
  background: none;
}

.top-right-box a.gigya-raas-link:hover::after, .top-right-box a.gigya-raas-link:focus::after {
  top: 27px;
}

@media (min-width: 992px) {
  .top-right-box a.gigya-raas-link:hover::after, .top-right-box a.gigya-raas-link:focus::after {
    top: 23px;
  }
}

.top-right-box .ep-lang-toggle a:hover, .top-right-box .ep-lang-toggle a:focus {
  background: none;
}

.top-right-box .ep-lang-toggle a:hover::after, .top-right-box .ep-lang-toggle a:focus::after {
  top: 11px;
}

.top-right-box a.register-link:hover, .top-right-box a.register-link:focus {
  background: none;
}

.top-right-box a.register-link:hover::after, .top-right-box a.register-link:focus::after {
  top: 24px;
}

.top-right-box .ep-search a:hover::after, .top-right-box .ep-search a:focus::after {
  top: 30px;
}

.top-right-box.lower-font a {
  font-size: 0.8rem;
}

.top-right-box.lower-font .button {
  font-size: 0.8rem;
}

.top-right-box.lower-font span.active-language {
  font-size: 0.8rem;
}

.top-right-box.lower-font .userBox .logged-in p {
  font-size: 0.8rem;
}

.ep-lang-toggle {
  position: relative;
}

@media (max-width: 991px) {
  .ep-lang-toggle {
    padding-right: 6px;
  }
}

@media (min-width: 992px) {
  .ep-lang-toggle p {
    margin: 0;
  }
}

.ep-lang-toggle a {
  font-weight: 700;
  transition: all 0s ease-in-out;
}

.ep-lang-toggle a .fa {
  margin: -2.3rem 0 0 0.5rem;
  color: #000;
  transition: all 0s ease-in-out;
}

.ep-lang-toggle a .fa.fa-sort-desc::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}

.ep-lang-toggle a .fa.fa-sort-asc::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000 transparent;
  position: relative;
  top: -1px;
}

.ep-lang-toggle a:hover, .ep-lang-toggle a:focus {
  outline: none;
}

.ep-lang-toggle a:hover .fa, .ep-lang-toggle a:focus .fa {
  color: #000;
}

.ep-lang-toggle a:hover .fa.fa-sort-desc::before, .ep-lang-toggle a:focus .fa.fa-sort-desc::before {
  border-color: #000 transparent transparent transparent;
}

.ep-lang-toggle a:hover .fa.fa-sort-asc::before, .ep-lang-toggle a:focus .fa.fa-sort-asc::before {
  border-color: transparent transparent #000 transparent;
}

@media (min-width: 992px) {
  .ep-lang-toggle a .language {
    margin-right: 4px;
  }
}

.ep-lang-toggle a .language::before {
  transition: all 0s ease-in-out;
  font-size: 1.7rem;
  position: relative;
  top: -1px;
}

.ep-lang-toggle span {
  margin-top: -2rem;
  display: inline-block;
  vertical-align: middle;
}

.ep-lang-toggle span.fa-sort-asc::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #30e403 transparent;
  position: relative;
  top: -1px;
}

.ep-lang-toggle span.active-locale {
  padding: 0 0 0 5px;
}

@media (max-width: 767px) {
  .ep-lang-toggle span.active-locale {
    padding: 0;
    font-size: 12px;
  }
}

.ep-lang-toggle ul {
  background: white;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.65);
  margin: 0;
  padding: 0;
  right: 0;
  top: 3.19rem;
  width: 133px;
  z-index: 11;
  display: none;
  position: absolute;
}

.ep-lang-toggle ul li {
  color: #000;
  list-style: none;
  padding: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.ep-lang-toggle ul li span {
  margin-top: 0;
  width: 100%;
  padding: 0.4rem 0;
  font-weight: 700;
}

.ep-lang-toggle ul li span a {
  display: block;
  width: 100%;
  padding: 0.4rem 1rem;
  text-decoration: none;
}

.ep-lang-toggle ul li span a::after {
  display: none;
}

.ep-lang-toggle ul li span a:focus, .ep-lang-toggle ul li span a:hover {
  color: #000;
  text-decoration: underline;
}

.ep-lang-toggle ul li span a:focus::after, .ep-lang-toggle ul li span a:hover::after {
  display: none;
}

.ep-lang-toggle ul li .active-language {
  background: #30e403;
  padding: 0.8rem 1rem;
}

.ep-lang-toggle.toggle-language span {
  color: #707070;
}

.ep-lang-toggle.toggle-language ul {
  left: 8px;
  top: 2.4rem;
}

@media (min-width: 992px) {
  .ep-request p {
    margin: 0;
  }
}

.ep-request span {
  margin-top: -2rem;
  display: inline-block;
  vertical-align: middle;
}

.ep-cart {
  padding-top: 0.2rem;
  padding-left: 2px;
}

.ep-cart a {
  text-decoration: none;
  margin-right: -0.875rem;
}

@media (min-width: 992px) {
  .ep-cart a {
    margin-right: -1.375rem;
  }
}

.ep-cart a .icon, .ep-cart a .gigyaraas.top-signin .gigya-raas-link::before, .gigyaraas.top-signin .ep-cart a .gigya-raas-link::before, .ep-cart a .userBox .logged-in p::before, .userBox .logged-in .ep-cart a p::before {
  font-size: 1.7rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  .ep-cart a .icon, .ep-cart a .gigyaraas.top-signin .gigya-raas-link::before, .gigyaraas.top-signin .ep-cart a .gigya-raas-link::before, .ep-cart a .userBox .logged-in p::before, .userBox .logged-in .ep-cart a p::before {
    margin-right: -2px !important;
  }
}

.ep-cart span {
  display: inline-block;
}

.ep-search {
  position: relative;
}

@media (min-width: 992px) {
  .ep-search p {
    margin: 0;
  }
}

.ep-search a:hover .fa {
  color: #000;
}

.ep-search a:focus {
  outline: none;
}

.ep-search span {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  padding-top: 0.5rem;
  transition: all 0s ease-in-out;
  font-size: 1.7rem !important;
}

@media (min-width: 992px) {
  .ep-search span {
    position: relative;
    top: 1px;
  }
}

.select-category-link {
  color: #000;
  font-weight: 700;
  float: left;
  text-decoration: none;
  font-size: 0.86rem;
}

.select-category-link:nth-child(1) {
  margin-top: -15px;
  width: 100%;
  left: -5px;
  position: relative;
}

.select-category-link:nth-child(1) span {
  display: inline-block;
  background: #30e403;
  border-radius: 4px;
  padding: 5px 10px;
}

.select-category-link:hover, .select-category-link:focus {
  text-decoration: none;
  color: #000;
  background: none;
}

.select-category-link:hover .fa, .select-category-link:focus .fa {
  color: #cccccc;
}

.select-category-link .icon-expand {
  margin-top: 1px;
  font-size: 0.86rem;
  font-weight: 400;
}

.select-category-link .icon-expand::after {
  content: "\e930";
  font-family: 'VBL-Icons' !important;
  font-size: 1.6rem;
  color: #000;
  position: relative;
  top: 5px;
  right: -1px;
  display: inline-block;
}

.select-category-link .icon-expand.sort-asc::after {
  content: "\e930";
  font-family: 'VBL-Icons' !important;
  font-size: 1.6rem;
  color: #000;
  transform: rotate(180deg);
  display: inline-block;
}

.select-category-link span {
  padding: 0;
}

.lower-font .select-category-link {
  font-size: .76rem;
}

.large-category-nav-menu .select-category-link:nth-child(1) {
  width: auto;
  float: none;
}

.icon-menu p {
  font-size: 11px;
  color: #000;
  margin-bottom: -6px;
  padding-top: 2px;
}

.icon-menu p span:first-child {
  font-size: 0;
}

.icon-menu p span:first-child::after {
  content: "\f0c9";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 3.6rem;
  top: 12px;
  left: 4px;
  position: absolute;
}

.icon-menu p span:last-child::after {
  display: none;
}

@media only screen and (max-width: 374px) {
  .icon-menu {
    padding-left: 11px;
  }
}

.promote-header-feature-link {
  font-size: 1rem;
  font-weight: bold;
  text-decoration: underline;
  color: #30e403;
}

#header .top-signin.register-link-enabled span.links-separator {
  padding-right: 0.25rem;
}

@media (max-width: 991px) {
  #header .top-signin.register-link-enabled span.links-separator {
    display: none;
  }
}

#header .top-signin.register-link-enabled .register-link {
  font-weight: 700;
  transition: all 0s ease-in-out;
  text-decoration: none;
}

#header .top-signin.register-link-enabled .register-link:hover, #header .top-signin.register-link-enabled .register-link:active, #header .top-signin.register-link-enabled .register-link:focus {
  text-decoration: none;
  color: #000;
  background: none;
}

@media (max-width: 991px) {
  #header .top-signin.register-link-enabled .register-link {
    display: none;
  }
}

@media (min-width: 992px) {
  .logo-gsk img {
    position: relative;
    right: 5px;
  }
}

.country-flag img {
  box-shadow: 0 0 6px #666;
  border-radius: 50%;
  padding: 2px;
}

@media (min-width: 992px) {
  .country-flag img {
    position: relative;
    right: 5px;
  }
}

.logo-portal a {
  background: none;
}

.logo-header-only #content {
  padding-top: 6rem;
  min-height: 500px;
}

/*
#################################################################

FOOTER
------------------
Summary: Main footer styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the footer of the website

#################################################################
*/
#footer .border-bottom {
  border-bottom: 2px solid #707070;
  padding-bottom: 10px;
}

#footer .richText-content ul {
  padding-left: 0;
}

@media (min-width: 768px) {
  #footer .richText-content ul {
    display: inline-block;
    margin-bottom: 10px;
  }
}

#footer .richText-content ul li {
  margin: 0 29px 10px 0;
  list-style: none;
  display: flex;
}

@media (min-width: 768px) {
  #footer .richText-content ul li {
    float: left;
  }
}

#footer .richText:not(.reference-richtext) .richText-content ul li a {
  font-weight: 700;
  color: white;
  text-decoration: underline;
  text-decoration-color: white;
}

#footer .richText:not(.reference-richtext) .richText-content ul li a:hover, #footer .richText:not(.reference-richtext) .richText-content ul li a:focus {
  text-decoration-color: #30e403;
  text-decoration-thickness: 3px;
  background: none;
}

#footer .reference-richtext ul {
  margin-bottom: 1rem;
  font-weight: 500 !important;
  float: none;
  text-align: left;
  display: block;
}

#footer .reference-richtext ul li {
  margin-left: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  padding-left: 30px;
  left: -8px;
  font-weight: 500 !important;
  float: none;
  text-align: left;
  display: block;
}

#footer .reference-richtext ul li span {
  padding-right: 4px;
  display: inline-block;
  width: 1.6rem;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
}

#footer .reference-richtext ol {
  padding-left: 0;
  counter-reset: item;
  margin-bottom: 2.1rem;
}

#footer .reference-richtext ol li {
  font-weight: 400;
  list-style-type: none;
  counter-increment: item;
  margin-bottom: 0.5rem;
  position: relative;
  width: 100%;
  padding-left: 30px;
  left: -8px;
}

#footer .reference-richtext ol li::before {
  content: counter(item) ".";
  display: inline-block;
  width: 2em;
  padding-right: 0.5em;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
}

#footer .reference-richtext ol li:last-child {
  padding-bottom: 15px;
}

#footer .reference-richtext ol::after {
  content: "";
  width: calc(100% + 30px);
  border-bottom: 2px solid #707070;
  position: absolute;
  right: -15px;
}

#footer .reference-richtext.border-bottom {
  border: none;
  margin-bottom: 1.5rem;
}

#footer .reference-richtext.border-bottom::after {
  content: "";
  width: calc(100% + 30px);
  border-bottom: 2px solid #707070;
  position: absolute;
  right: -15px;
}

#footer .zinc-code p {
  margin-top: 1rem;
}

#footer .reference-share-this-footer {
  display: flex;
}

@media (min-width: 768px) {
  #footer .reference-share-this-footer {
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 767px) {
  #footer .reference-share-this-footer {
    flex-direction: column;
  }
  #footer .reference-share-this-footer .component-content {
    display: flex;
    justify-content: center;
  }
}

#footer .reference-share-this-footer a:hover, #footer .reference-share-this-footer a:focus {
  background: none;
}

#footer .component-content.row img {
  max-width: 100%;
}

.divider.footer-divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.divider.footer-divider::before {
  content: '';
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0.875rem;
  background: #707070;
  height: 2px;
  width: 100%;
}

.reference-footer .richText:nth-of-type(2) {
  margin-top: 1rem;
  background: #000;
  color: white;
}

.reference-footer .richText:nth-of-type(2) .richText-content {
  padding: 30px 15px 25px;
}

.reference-footer .richText:nth-of-type(2) p {
  font-size: 0.86rem;
}

.reference-footer .richText:nth-of-type(2) p a {
  color: white;
  text-decoration-color: white;
  text-decoration-thickness: 1px;
}

.reference-footer .richText:nth-of-type(2) p a:hover, .reference-footer .richText:nth-of-type(2) p a:focus {
  text-decoration-color: #30e403;
  text-decoration-thickness: 3px;
  background: none;
}

@media (max-width: 767px) {
  .reference-footer .richText:nth-of-type(2) .component-content::before {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: -15px;
  }
  .reference-footer .richText:nth-of-type(2) .component-content::after {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    right: -15px;
  }
}

/*
#################################################################

Navigation
------------------
Summary: Header navigation styles.
Project: (HALEON) Expert Portal Project.
Usage: CSS for the navigation in the header.

#################################################################
*/
.navigation-mobile-menu {
  display: none;
}

/*
  The header id has been used to specify the navigation in the header,
  a semantic class should replace the header id closer to the styled HTML.
*/
.category-subnav ul li .navigation-item-title {
  font-size: 1rem;
  display: block;
  font-weight: 700;
}

@media (min-width: 992px) {
  #header .navigation {
    display: block;
  }
  #header .navigation ul {
    list-style: none;
    padding: 0 !important;
  }
  #header .navigation ul li.navigation-level1 > a span {
    display: none;
  }
  #header .navigation ul li {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
  }
  #header .navigation ul a {
    text-decoration: none;
  }
  #header .navigation ul ul {
    display: none;
  }
  #header .navigation:not(.category-subnav) ul li {
    padding: 0.75rem 0.25rem;
  }
  #header .navigation:not(.category-subnav) ul li.is-active a, #header .navigation:not(.category-subnav) ul li.active a {
    background: #30e403;
    color: #000;
  }
  #header .navigation:not(.category-subnav) ul a {
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
  }
  #header .navigation:not(.category-subnav) ul a:hover, #header .navigation:not(.category-subnav) ul a:focus {
    background: #30e403;
    color: #000;
  }
  #header .navigation:not(.category-subnav).lower-font a {
    font-size: 0.8rem;
    padding: 0.5rem;
  }
  #header .box-category-subnav .category-subnav {
    min-height: 35px;
  }
  #header .box-category-subnav .category-subnav > .component-content > ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    text-align: center;
  }
  #header .box-category-subnav .category-subnav > .component-content > ul li.navigation-level1 > .navigation-item-title {
    font-size: 1rem;
    transition: none;
    padding: 5px 0px;
    font-weight: 700;
  }
  #header .box-category-subnav .category-subnav > .component-content > ul li.navigation-level1 > .navigation-item-title:hover, #header .box-category-subnav .category-subnav > .component-content > ul li.navigation-level1 > .navigation-item-title:focus {
    border-bottom: 5px solid #30e403;
    color: #000;
    background: none;
  }
  #header .box-category-subnav .category-subnav > .component-content > ul li.navigation-level1:hover > .navigation-item-title, #header .box-category-subnav .category-subnav > .component-content > ul li.navigation-level1:focus > .navigation-item-title {
    border-bottom: 5px solid #30e403;
    color: #000;
  }
  #header .box-category-subnav .category-subnav > .component-content > ul > li {
    flex-grow: 1;
    display: contents;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li {
    width: 100%;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul {
    position: absolute;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    padding: 1rem 2rem !important;
    margin-top: 31px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul.navigation-level2 {
    border-bottom: 40px solid #30e403;
    overflow: auto;
    overflow-x: hidden;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul .category-icon {
    width: 100%;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul > li.navigation-level2 {
    width: 25%;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul > li.navigation-level2 ul {
    margin-top: 0px;
    top: 0;
    left: 100%;
    padding: 0px 10px 20px 10px !important;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li > .navigation-item-title {
    text-align: left;
    padding: 0.75rem 2.3rem 0.75rem 1rem !important;
    margin: 0 0 0 0.5rem;
    border-radius: 4px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li > .navigation-item-title:hover, #header .box-category-subnav .category-subnav > .component-content ul li > ul li > .navigation-item-title:focus {
    background: #30e403;
    color: #000;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li > .navigation-item-title.active-child {
    background: #000;
    color: white;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li.has-children > .navigation-item-title > .navigation-item-decoration {
    width: 10%;
    float: right;
    right: 0;
    position: absolute;
    top: 11px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li.has-children > .navigation-item-title > .navigation-item-decoration::after {
    content: "\e016";
    font-family: 'VBL-Icons';
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level3-focus > li:not(.has-children) > .navigation-item-title:hover, #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level3-focus > li:not(.has-children) > .navigation-item-title:focus,
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level4-focus > li:not(.has-children) > .navigation-item-title:hover,
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level4-focus > li:not(.has-children) > .navigation-item-title:focus {
    text-decoration: underline;
    background: none;
    color: #000;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level3-focus > li:not(.has-children):hover > .navigation-item-title, #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level3-focus > li:not(.has-children):focus > .navigation-item-title,
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level4-focus > li:not(.has-children):hover > .navigation-item-title,
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level4-focus > li:not(.has-children):focus > .navigation-item-title {
    text-decoration: underline;
    background: none;
    color: #000;
    text-decoration-color: #30e403;
    text-decoration-thickness: 3px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level3-focus {
    width: 450px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li .menu-level3-focus li.has-children {
    width: 200px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li ul.menu-level4-focus {
    flex-direction: row;
    width: 370px;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li > ul li ul.menu-level4-focus li {
    border-left: none;
    width: 50%;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li ul.menu-level2-focus,
  #header .box-category-subnav .category-subnav > .component-content ul li ul.menu-level3-focus,
  #header .box-category-subnav .category-subnav > .component-content ul li ul.menu-level4-focus {
    display: flex;
  }
  #header .box-category-subnav .category-subnav > .component-content ul li ul.menu-level1-focus {
    background: rgba(255, 255, 255, 0.98);
    min-height: 480px;
    border-top: 5px solid white;
    display: flex;
  }
  #header .large-category-nav-menu .richText {
    width: auto;
  }
  #header .large-category-nav-menu .richText p {
    line-height: 1.143rem;
  }
  #header .large-category-nav-menu .navigation {
    display: none;
    position: fixed;
    top: 4.4rem;
    z-index: 10;
    background: white;
    width: auto;
  }
  #header .large-category-nav-menu .navigation ul {
    margin: 0;
  }
  #header .large-category-nav-menu .navigation ul li {
    display: block;
    float: none;
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  #header .large-category-nav-menu .navigation ul li:last-child {
    border-bottom: 0;
  }
  #header .large-category-nav-menu .navigation ul li.active a, #header .large-category-nav-menu .navigation ul li.is-active a {
    background: none;
    color: #30e403;
    text-decoration: underline;
    display: none;
  }
  #header .large-category-nav-menu .navigation ul li.active a::before, #header .large-category-nav-menu .navigation ul li.active a::after, #header .large-category-nav-menu .navigation ul li.is-active a::before, #header .large-category-nav-menu .navigation ul li.is-active a::after {
    background: none;
  }
  #header .large-category-nav-menu .navigation ul li::before {
    background: none;
  }
  #header .large-category-nav-menu .navigation ul li a {
    padding-left: 0 !important;
  }
  #header .large-category-nav-menu .navigation ul a:hover, #header .large-category-nav-menu .navigation ul a:focus, #header .large-category-nav-menu .navigation ul a.is-active, #header .large-category-nav-menu .navigation ul a.active {
    background: none;
    color: #30e403;
    text-decoration: underline;
  }
  #header .large-category-nav-menu .navigation ul a:hover::before, #header .large-category-nav-menu .navigation ul a:hover::after, #header .large-category-nav-menu .navigation ul a:focus::before, #header .large-category-nav-menu .navigation ul a:focus::after, #header .large-category-nav-menu .navigation ul a.is-active::before, #header .large-category-nav-menu .navigation ul a.is-active::after, #header .large-category-nav-menu .navigation ul a.active::before, #header .large-category-nav-menu .navigation ul a.active::after {
    background: none;
  }
  #header .large-category-nav-menu .top-right-box {
    float: right;
  }
}

@media (max-width: 991px) {
  #header .large-category-nav-menu .top-right-box {
    float: right;
  }
  #header .navigation {
    position: fixed;
    top: 4.3rem;
    z-index: 10;
    display: none;
    left: 0;
  }
  #header .navigation ul {
    width: 100%;
    margin: 0;
    padding: 35px 20px 25px 25px;
  }
  #header .navigation li {
    display: block;
    margin: 0;
    padding: 0.5rem 0;
  }
  #header .navigation:not(.category-subnav):not(.full-width) {
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
  }
  #header .navigation:not(.category-subnav):not(.full-width) ul {
    padding-bottom: 15px;
    border-bottom: 40px solid #30e403;
  }
  #header .navigation:not(.category-subnav) .navigation-mobile-menu {
    display: block;
    border: 0;
    outline: none;
    padding: 0;
  }
  #header .navigation:not(.category-subnav) .navigation-mobile-menu::after {
    content: "\e018";
    font-family: 'VBL-Icons';
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 2.2rem;
    color: #000;
    top: 15px;
    right: 20px;
    z-index: 2;
    outline: none;
    position: absolute;
  }
  #header .navigation:not(.category-subnav) a {
    display: inline-block;
    text-decoration: none;
    padding: 0.5rem 1rem;
    transition: none;
    font-weight: 700;
  }
  #header .navigation:not(.category-subnav) a:hover, #header .navigation:not(.category-subnav) a:focus {
    border-radius: 4px;
    color: #000;
    background: #30e403;
    font-weight: 700;
  }
  #header .navigation.full-width {
    display: block;
    position: relative;
    top: 0;
  }
  #header .navigation.full-width .navigation-mobile-menu {
    display: none;
  }
  #header .navigation.full-width ul {
    padding: 0;
  }
  #header .navigation.full-width li {
    float: left;
    position: relative;
  }
  #header .navigation.full-width li .navigation-item-title:hover, #header .navigation.full-width li .navigation-item-title:focus, #header .navigation.full-width li .navigation-item-title.is-active {
    color: #000;
    background: #30e403;
    font-weight: 700;
  }
  #header .box-category-subnav {
    display: none;
    margin-top: 0;
    padding-top: 2.2rem;
    background: rgba(255, 255, 255, 0.98);
  }
  #header .box-category-subnav .navigation {
    display: block;
    position: relative;
    box-shadow: none;
    width: 100%;
    top: 0;
    height: fit-content;
    margin-bottom: 0;
    margin-top: 10px;
  }
  #header .box-category-subnav .navigation ul {
    padding: 0 0 0 15px;
    margin: 0;
    display: block;
    position: relative;
  }
  #header .box-category-subnav .navigation ul li {
    padding: 6px 0;
  }
  #header .box-category-subnav .navigation ul li ul {
    right: 100%;
    display: block !important;
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    top: 0;
    height: fit-content;
    transition: right 0.3s ease-in-out;
    z-index: 11;
    min-height: 250px;
    padding-bottom: 30px;
  }
  #header .box-category-subnav .navigation ul li .navigation-item-title {
    padding: 5px 35px 5px 15px;
    font-size: 1rem;
    text-decoration: none;
  }
  #header .box-category-subnav .navigation ul li .navigation-item-title:hover, #header .box-category-subnav .navigation ul li .navigation-item-title:focus {
    color: #000;
    text-decoration: underline;
    background: none;
  }
  #header .box-category-subnav .navigation ul li.has-children > .navigation-item-title {
    position: relative;
  }
  #header .box-category-subnav .navigation ul li.has-children > .navigation-item-title > .navigation-item-decoration {
    position: absolute;
    right: 22px;
    top: 3px;
  }
  #header .box-category-subnav .navigation ul li.has-children > .navigation-item-title > .navigation-item-decoration::after {
    content: "\e016";
    font-family: 'VBL-Icons';
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
  }
  #header .box-category-subnav .navigation ul li.has-children.is-open > ul {
    right: 0;
  }
  #header .box-category-subnav .navigation ul .category-icon {
    display: none;
  }
  #header .box-category-subnav .navigation ul > li:first-of-type {
    padding-top: 0;
  }
  #header .box-category-subnav .navigation ul > li:first-of-type > a {
    padding-top: 0;
  }
  #header .box-category-subnav .navigation ul > li:last-child {
    padding-bottom: 0;
  }
  #header .box-category-subnav .navigation ul > li:last-child > a {
    padding-bottom: 0;
  }
  #header .box-category-subnav .navigation ul.navigation-level1 {
    border-bottom: 40px solid #30e403;
    padding-bottom: 40px;
  }
  #header .icon-menu + .logo-portal .component-content {
    text-align: center;
  }
  #header .icon-menu + .logo-portal .component-content img {
    width: 100%;
  }
  #header .icon-menu {
    cursor: pointer;
  }
  #header .logo-portal {
    top: 3px;
  }
  #header .logo-portal img {
    max-width: 100%;
  }
}

.icon-close {
  cursor: pointer;
  position: absolute;
  width: 100%;
}

.icon-close::after {
  content: "\e018";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 2rem;
  color: #000;
  top: -26px;
  right: 29px;
  z-index: 2;
  float: right;
}

.icon-back {
  cursor: pointer;
  position: absolute;
  display: none;
  font-weight: 700;
  top: -20px;
  margin: 0;
  color: #000;
  right: 50px;
  max-width: calc(100% - 60px);
}

.icon-back a {
  color: white;
  background: #000;
  display: block;
  padding: 7px 10px 7px 20px;
  border-radius: 4px;
  text-decoration: none;
  position: relative;
}

.icon-back a::before {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  z-index: 2;
  left: 5px;
  position: absolute;
  transform: rotate(180deg);
  top: 7px;
  width: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .box-category-subnav {
    width: 100%;
  }
  #header .navigation .component-content {
    margin-right: auto;
    margin-left: auto;
  }
}

.navigation-left ul {
  padding: 1.3rem 1rem;
  margin: 0;
}

.navigation-left ul.navigation-level1 {
  margin-top: -1px;
  background: #30e403;
}

.navigation-left li {
  list-style: none;
  padding: 0.5rem 0;
  position: relative;
}

.navigation-left li ul {
  display: none;
  padding: 0;
}

.navigation-left li .navigation-item-title {
  padding: 0.58rem 1rem;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
}

.navigation-left li .navigation-item-title:hover, .navigation-left li .navigation-item-title:focus {
  color: #000;
  text-decoration: underline;
}

.navigation-left li .navigation-item-title.is-active {
  text-decoration: none;
  color: white;
  background: #000;
}

.navigation-left li.navigation-level1 > .navigation-item-title {
  font-weight: 700;
}

.navigation-left li.navigation-level1.has-active-child > .navigation-item-title, .navigation-left li.navigation-level1.is-active > .navigation-item-title {
  color: white;
  background: #000;
}

.navigation-left li.has-active-child > .navigation-item-title, .navigation-left li.is-active > .navigation-item-title {
  text-decoration: none;
}

.navigation-left li.has-active-child > ul, .navigation-left li.is-active > ul {
  display: block;
}

.navigation-left li.has-children ul {
  padding-top: 9px;
}

.navigation-left li.has-children ul li {
  padding: 0.25rem 0;
}

.navigation-left li.has-children ul li .navigation-item-title {
  font-weight: 400;
}

.navigation-left li.has-children ul li .navigation-item-title:hover, .navigation-left li.has-children ul li .navigation-item-title:focus {
  text-decoration-color: #000 !important;
}

.navigation-left li.has-children ul li .navigation-item-title .navigation-item-decoration {
  top: -2px;
}

.navigation-left li.has-children ul li.has-children.has-active-child > .navigation-item-title, .navigation-left li.has-children ul li.has-children.is-active > .navigation-item-title {
  font-weight: 700;
  background: #30e403;
}

.navigation-left li.has-children ul li:not(.has-children).is-active > .navigation-item-title {
  font-weight: 700;
  text-decoration: underline;
}

.navigation-left li.has-children > .navigation-item-title {
  max-width: calc(100% - 40px);
}

.navigation-left li.has-children > .navigation-item-title > .navigation-item-decoration {
  font-size: 1rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  right: 0;
  top: 0;
  outline: none;
  position: absolute;
  color: #000;
  padding: 14px 0 20px 15px;
  width: 40px;
}

.navigation-left li.has-children > .navigation-item-title > .navigation-item-decoration::after {
  content: "\e021";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.4rem;
}

.navigation-left li.has-children > .navigation-item-title > .navigation-item-decoration.angle-down::after {
  content: "\e020";
}

.navigation-left li.has-children > .navigation-item-title.parent-hover {
  text-decoration: none;
}

.navigation-left li.has-children.is-open > ul {
  display: block;
}

.navigation-left li.navigation-item:not(.has-children) > a span {
  display: none;
}

@media (max-width: 991px) {
  .navigation-left.mobile-dropdown-link {
    background: none;
  }
}

.navigation-left.mobile-dropdown-link .navigation button.navigation-mobile-menu {
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.143rem;
  text-align: left;
  padding: 10px 0;
}

.navigation-left.mobile-dropdown-link .navigation button:after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  top: 4px;
  left: 0.5rem;
  transform: rotate(90deg);
}

.navigation-left.mobile-dropdown-link .navigation button.angle-down:after {
  transform: rotate(-90deg);
}

.navigation-left.mobile-dropdown-link .navigation button:focus {
  outline: none;
}

@media (max-width: 991px) {
  .navigation-left.mobile-dropdown-link .navigation ul {
    display: none;
  }
}

#header .category-subnav.lower-font ul li .navigation-item-title {
  font-size: 0.85rem !important;
  text-transform: inherit;
}

#header .category-icon {
  color: #000;
  padding: 1rem 1rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  #header .category-icon {
    padding: 1rem 0;
  }
}

@media (max-width: 767px) {
  #header .category-icon {
    padding: 2rem 0 1rem;
  }
}

#header .category-icon p::before {
  font-family: "VBL-Icons";
  font-size: 2.5rem;
  display: block;
  margin-right: 10px;
  font-weight: normal;
}

@media (max-width: 991px) {
  #header .category-icon p::before {
    font-size: 2.8rem;
  }
}

#header .category-icon p {
  display: flex;
  font-weight: bold;
  font-size: 1.25rem;
}

#header .category-icon.oral-health-icon p::before {
  content: "\e001";
}

#header .category-icon.respiratory-health-icon p::before {
  content: "\e002";
}

#header .category-icon.pain-relief-icon p::before {
  content: "\e004";
}

#header .category-icon.skin-health-icon p::before {
  content: "\e005";
}

#header .category-icon.wellness-icon p::before {
  content: "\e003";
}

#header .category-icon.pharmacy-icon p::before {
  content: "\e034";
}

#header .category-icon.sexual-health-icon p::before {
  content: "";
}

@media (min-width: 992px) {
  .page-respiratory-health .box-category-subnav .category-subnav li.navigation-level2 {
    width: 20% !important;
  }
}

@media (min-width: 575px) and (max-width: 767px) {
  .box-category-subnav {
    overflow: scroll;
    height: 210px;
    overflow-x: hidden;
  }
  .box-category-subnav .richText {
    padding: 0;
  }
  .box-category-subnav .richText > .component-content {
    padding: 0 15px;
  }
  .box-category-subnav .richText .icon-close {
    width: calc(100% - 15px);
  }
  .box-category-subnav .richText .icon-close::after {
    right: 15px;
  }
}

/*
#################################################################

Search Box
------------------
Summary: Search box styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the search box in the header.

#################################################################
*/
.searchbox-home {
  top: -1rem;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all 0.5s ease;
  background: white;
  position: absolute;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width: 991px) {
  .searchbox-home {
    background: #544f40;
    width: 100%;
  }
}

.searchbox-home.toggle-searchbox {
  top: 4.4rem;
}

.searchbox-home .form-search {
  position: relative;
  overflow: visible;
}

.searchbox-home .searchBox-label {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  float: left;
  width: 75%;
}

.searchbox-home .searchBox-label + button {
  min-width: 50px;
}

@media (max-width: 479px) {
  .searchbox-home .searchBox-label + button {
    font-size: .96rem;
  }
}

.searchbox-home .searchBox-title {
  display: none !important;
}

.searchbox-home .search-query {
  font-size: 1rem !important;
  background: white !important;
  height: 43px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  border: none;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.searchbox-home .button {
  height: 43px;
  border-radius: 0;
  width: 25%;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  float: left;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #30e403;
  color: #000;
  padding: 0 5px;
  border: none;
  box-shadow: none;
}

.searchbox-home .button:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.searchbox-home .button:focus, .searchbox-home .button.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.searchbox-home .button:focus::after, .searchbox-home .button.focus::after {
  border-color: #000;
}

.searchbox-home .button:disabled, .searchbox-home .button.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.searchbox-home .button:disabled::after, .searchbox-home .button.disabled::after {
  border-color: #cccccc;
}

.searchbox-home .button::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

.searchbox-home .button:hover {
  background-color: #000;
  color: white;
  border: none;
}

.searchbox-home .button::after {
  content: none;
}

/*
#################################################################

EXPERT PORTAL FORM STYLES
------------------
Summary: Main  form styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the form elements of the website

#################################################################
*/
.btn-consent, input[type=submit] {
  color: white !important;
  font-family: Verdana, sans-serif !important;
  font-size: 1rem !important;
  width: auto !important;
  height: auto !important;
  background: #000 !important;
  box-shadow: none !important;
  padding: 8px 28px 9px 15px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  line-height: 1.143rem;
  display: inline-block;
  text-align: center !important;
  position: relative;
  text-decoration: none;
  border: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .btn-consent, input[type=submit] {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .btn-consent, input[type=submit] {
    font-family: Verdana, sans-serif !important;
  }
}

.btn-consent:hover, .btn-consent:focus, input[type=submit]:hover, input[type=submit]:focus {
  background: #30e403 !important;
  color: #000 !important;
  border: none;
}

input[type=submit] {
  border: none;
  background: #000 url("../../assets/img//arrow-white.svg") no-repeat right 8px center !important;
}

input[type=submit]:hover, input[type=submit]:focus {
  border: none;
  background: #30e403 url("../../assets/img//arrow-black.svg") no-repeat right 8px center !important;
}

input[type=text], input[type=password], input[type=number], textarea, input[type=email], input[type=tel] {
  background: #e7e7e7 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.143rem !important;
  outline: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    input[type=text], input[type=password], input[type=number], textarea, input[type=email], input[type=tel] {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  input[type=text], input[type=password], input[type=number], textarea, input[type=email], input[type=tel] {
    font-family: Verdana, sans-serif !important;
  }
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus {
  border: 1px solid #333333 !important;
  box-shadow: none !important;
}

select {
  background: transparent no-repeat right 15px center !important;
  background-size: 24px !important;
  border-radius: 4px !important;
  border: 1px solid #e7e7e7 !important;
  padding-left: 10px !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-indent: 0.01px;
  text-overflow: clip;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  outline: none;
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.143rem !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    select {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  select {
    font-family: Verdana, sans-serif !important;
  }
}

select:focus {
  border: 1px solid #333333 !important;
  box-shadow: none !important;
}

select option {
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.143rem !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    select option {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  select option {
    font-family: Verdana, sans-serif !important;
  }
}

select option:hover, select option:focus {
  background-color: #30e403 !important;
  color: white !important;
  padding: 10px !important;
}

select:hover {
  background-size: 24px !important;
}

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

input[type="radio"], .assessment-block .formControl-radio[type="radio"] {
  position: absolute;
  left: 14px;
  width: 25px;
  height: 21px;
}

input[type=radio] + label, .assessment-block .formControl-radio + label {
  cursor: pointer;
  padding: 0 9px 9px 0;
  margin-right: 10px;
  position: relative;
  font-weight: 500;
}

input[type=radio] + label span, .assessment-block .formControl-radio + label span {
  display: block;
  margin: -25px 0 0 0;
}

input[type=radio] + label:before, .assessment-block .formControl-radio + label:before {
  content: "";
  background-color: white;
  box-shadow: none;
  padding: 10px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top: 5px;
  border-radius: 2rem;
  border: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

input[type=radio] + label:after, .assessment-block .formControl-radio + label:after {
  border-radius: 100%;
  position: absolute;
  left: 5px;
  top: 10px;
  width: 12px;
  height: 12px;
}

input[type=radio] + label:hover:before, .assessment-block .formControl-radio + label:hover:before {
  border-radius: 2rem;
  border: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

input[type=radio] + label:hover:after, .assessment-block .formControl-radio + label:hover:after {
  content: '';
  background: #cccccc;
}

input[type=radio] + label:active:before, .assessment-block .formControl-radio + label:active:before {
  border-radius: 2rem;
  border: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

input[type=radio] + label:active:after, .assessment-block .formControl-radio + label:active:after {
  content: '';
  background: #30e403;
}

input[type=radio] + label.btn, .assessment-block .formControl-radio + label.btn {
  padding: 10px;
}

input[type=radio] + label.btn:after, .assessment-block .formControl-radio + label.btn:after {
  padding: 10px;
  border: 2px solid white;
}

input[type=radio] + label.inline, .assessment-block .formControl-radio + label.inline {
  margin: -20px 0 10px;
}

input[type=radio] + label.inline span, .assessment-block .formControl-radio + label.inline span {
  display: inline-block;
  margin: 0;
}

input[type=radio] + label.inline i, .assessment-block .formControl-radio + label.inline i {
  margin: 0 0 -10px  10px !important;
}

input[type=radio]:focus + label:before, .assessment-block .formControl-radio:focus + label:before {
  content: '';
}

input[type=radio]:checked + label:after, .assessment-block .formControl-radio:checked + label:after {
  content: '';
  background: #30e403;
}

input[type=radio]:disabled + label, .assessment-block .formControl-radio:disabled + label {
  cursor: not-allowed;
}

input[type=radio]:disabled + label:before, .assessment-block .formControl-radio:disabled + label:before {
  background-color: #707070;
}

input[type=checkbox] {
  height: 21px;
  width: 24px !important;
}

input[type=checkbox] + label {
  cursor: pointer;
  margin: 0 0 10px;
  position: relative;
  font-weight: 500;
  line-height: 1.143rem;
}

input[type=checkbox] + label.block span {
  display: block;
  margin: -30px 0 0 40px;
}

input[type=checkbox] + label:before {
  content: "";
  background-color: white;
  box-shadow: none;
  padding: 10px;
  border: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-radius: 0;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top: 7px;
  margin-left: -24px;
}

input[type=checkbox] + label:after {
  position: absolute;
  left: 2px;
  top: 2px;
}

input[type=checkbox] + label:hover:before, input[type=checkbox] + label:active:before {
  background: white;
  border: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

@media (min-width: 992px) {
  input[type=checkbox] + label:hover:after, input[type=checkbox] + label:active:after {
    content: '';
    border: 2px solid #cccccc;
    height: 6px;
    width: 13px;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    margin-left: -23px;
  }
}

input[type=checkbox]:checked + label:before {
  background: #30e403;
}

input[type=checkbox]:checked + label:after {
  content: '';
  border: 2px solid #000;
  height: 6px;
  width: 13px;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  margin-left: -23px;
}

input[type=checkbox]:disabled + label {
  cursor: not-allowed;
}

input[type=checkbox]:disabled + label:before {
  background-color: #707070;
}

.gigyaraas input[type=checkbox] {
  height: 20px;
}

.gigyaraas input[type=checkbox] + label:before {
  top: 0;
  vertical-align: top;
}

/*
#################################################################

FORM OVERLAY STYLES
------------------
Summary: Main form overlay styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the form overlay of the website

#################################################################
*/
div.gigya-style-modern.gigya-screen-dialog, div.gigya-style-modern.gigya-screen-dialog-mobile {
  margin: 0 auto;
  left: 0 !important;
  right: 0 !important;
  max-width: 500px;
  width: 90% !important;
}

@media (min-width: 768px) {
  div.gigya-style-modern.gigya-screen-dialog, div.gigya-style-modern.gigya-screen-dialog-mobile {
    width: 100%;
  }
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main {
  border-radius: 0 !important;
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top {
  padding: 0 0 0 15px !important;
  border-radius: 0 !important;
  background-color: white !important;
  border-bottom: 2px solid #cccccc;
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-caption, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-caption {
  color: #707070;
  font-size: 0.8571rem !important;
  font-weight: 700;
  width: calc(100% - 40px);
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a {
  width: 40px;
  height: 40px;
  background: #30e403;
  float: left;
  position: relative;
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a img, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a img {
  display: none;
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a::after, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a::after {
  content: "\e018";
  font-family: "VBL-Icons";
  position: absolute;
  left: 7px;
  top: 2px;
  font-size: 2rem;
  color: #000;
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:hover, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:hover, div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:focus, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:focus {
  background: #000;
  text-decoration: none;
}

div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:hover::after, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:hover::after, div.gigya-style-modern.gigya-screen-dialog .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:focus::after, div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top .gigya-screen-dialog-close a:focus::after {
  color: white;
}

div.gigya-style-modern.gigya-screen-dialog-mobile {
  top: 134.5px;
  height: auto;
}

div.gigya-style-modern.gigya-screen-dialog-mobile #gigya-screen-dialog-page-overlay {
  display: block !important;
}

div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main {
  position: relative;
}

div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-top {
  position: static !important;
}

div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-dialog-main .gigya-screen-dialog-inner {
  margin-top: 0;
}

html.gigya-mobile-modal-mode body {
  height: auto !important;
}

.gigya-resend-verification-code-form .email-verification-text {
  margin: 0 1% !important;
}

@media (max-width: 991px) {
  .gigya-resend-verification-code-form .email-verification-text {
    margin-left: 0 !important;
  }
}

@media (max-width: 575px) {
  .gigya-resend-verification-code-form .gigya-input-submit {
    margin-top: 15px;
    top: -10px;
  }
}

@media (min-width: 575px) {
  .gigya-resend-verification-code-form .gigya-composite-control {
    width: 100% !important;
    display: inline-block !important;
  }
  .gigya-resend-verification-code-form .gigya-composite-control .gigya-input-text {
    width: calc(100% - 130px) !important;
    display: block;
    margin: 0;
    padding-right: 130px !important;
  }
  .gigya-resend-verification-code-form .gigya-composite-control input.gigya-valid + .gigya-error-msg {
    width: calc(100% - 140px);
    display: inline-block !important;
  }
  .gigya-resend-verification-code-form .gigya-composite-control input + .gigya-error-msg:after {
    padding: 22px 6px 21px 6px;
    top: auto !important;
    width: 42px !important;
    border-radius: 4px 0 0 4px !important;
    bottom: 24px;
    right: 188px !important;
  }
  .gigya-resend-verification-code-form .gigya-composite-control input + .gigya-error-msg-active {
    display: inline !important;
  }
  .gigya-resend-verification-code-form .gigya-input-submit {
    top: -67px;
    display: block;
    padding: 14px 27px 13px 12px !important;
    border-radius: 0 4px 4px 0 !important;
    right: 8px;
    position: absolute;
    width: 140px !important;
  }
}

@media (max-width: 991px) {
  .gigya-resend-verification-code-form .email-verification-header {
    margin: 20px 0 !important;
    line-height: normal;
    font-size: 16px !important;
  }
}

.gigya-login-form input::placeholder {
  font-weight: 700;
}

.gigya-login-form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-weight: 700;
}

.gigya-login-form input::-ms-input-placeholder {
  /* Microsoft Edge */
  font-weight: 700;
}

.gigya-login-form input[type="text"] {
  font-weight: 700;
}

/*
#################################################################

GLOBAL HOME PAGE FORM STYLES
------------------
Summary: Main global home page form styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the global home page form of the website

#################################################################
*/
.gigya-screen-content div.gigya-screen {
  font-family: Verdana, sans-serif !important;
  font-size: 1rem !important;
  background: white;
  padding: 15px !important;
  margin-top: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .eye {
  top: 0 !important;
}

.gigya-screen-content div.gigya-screen .eye.eye-icon:after {
  content: "";
}

.gigya-screen-content div.gigya-screen .eye.eye-slash-icon:after {
  content: "";
}

.gigya-screen-content div.gigya-screen .eye::after {
  font-family: 'VBL-Icons' !important;
  font-size: 1.5rem;
  color: #000;
  cursor: pointer;
  position: absolute !important;
  bottom: 1.2rem !important;
  right: 3.5rem !important;
}

.gigya-screen-content div.gigya-screen a {
  color: #000;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  text-transform: none;
  position: absolute;
  right: 0;
  top: 9px;
  padding-bottom: 0 !important;
  font-size: 0.8571rem;
  line-height: 1rem;
  text-decoration: underline;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen a {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen a {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen a:hover {
  color: #000 !important;
}

.gigya-screen-content div.gigya-screen a.eye {
  text-decoration: none !important;
  display: block;
}

.gigya-screen-content div.gigya-screen a.eye:hover, .gigya-screen-content div.gigya-screen a.eye:focus {
  background: none !important;
}

.gigya-screen-content div.gigya-screen .CIAM-HHP-CUSTOM-TEXT a {
  font-weight: 700;
}

.gigya-screen-content div.gigya-screen a.forgotten-password {
  font-weight: 400;
  left: 0;
  top: -2rem;
  box-shadow: none !important;
  position: absolute;
  text-transform: none !important;
  font-size: 0.8571rem !important;
  text-decoration: underline;
}

.gigya-screen-content div.gigya-screen a.forgotten-password:hover {
  color: #000 !important;
  box-shadow: none !important;
  text-decoration: underline;
}

.gigya-screen-content div.gigya-screen .address-block-container {
  width: 98% !important;
}

.gigya-screen-content div.gigya-screen .address-block-container a {
  top: 0;
  font-size: 0.98rem;
}

.gigya-screen-content div.gigya-screen .display-address-block {
  background: #e7e7e7;
  padding: 10px !important;
  font-weight: normal;
  margin-top: 0.5rem;
  border: 1px solid #e7e7e7 !important;
  border-radius: 4px;
}

.gigya-screen-content div.gigya-screen .display-address-block hr {
  border-top: 1px solid #707070;
  margin: 6.86px 0px;
}

.gigya-screen-content div.gigya-screen .gigya-label-text {
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.143rem !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen .gigya-label-text {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-label-text {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-label-text b, .gigya-screen-content div.gigya-screen .gigya-label-text strong {
  font-family: Verdana, sans-serif;
  color: #444444;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen .gigya-label-text b, .gigya-screen-content div.gigya-screen .gigya-label-text strong {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-label-text b, .gigya-screen-content div.gigya-screen .gigya-label-text strong {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control {
  padding-bottom: 0 !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label {
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.143rem !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .subscription-name-label {
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.143rem !important;
  padding-left: 0 !important;
  margin-left: 8px !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen .subscription-name-label {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .subscription-name-label {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-required-display {
  color: #E90707;
}

.gigya-screen-content div.gigya-screen .gigya-required-display::after {
  color: #E90707;
}

.gigya-screen-content div.gigya-screen input[type=text].gigya-error,
.gigya-screen-content div.gigya-screen input[type=password].gigya-error,
.gigya-screen-content div.gigya-screen textarea.gigya-error,
.gigya-screen-content div.gigya-screen select.gigya-error {
  border: 1px solid #E90707 !important;
}

.gigya-screen-content div.gigya-screen select.gigya-error {
  background-size: 24px !important;
}

.gigya-screen-content div.gigya-screen input.gigya-error ~ a.eye::after {
  bottom: 2.8rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown > label {
  position: relative;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown > label::before {
  content: '';
  width: 100%;
  height: 44px;
  background: #e7e7e7;
  left: 0;
  bottom: -44px;
  position: absolute;
  border-radius: 4px;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown .gigya-error-msg::after {
  content: "\e930";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -2.85rem;
  right: 0.44rem;
  position: absolute;
  visibility: visible;
  transform: none;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown select.gigya-valid + .gigya-error-msg::after {
  content: "\e930";
  background-color: #30e403;
  color: #000;
  top: -2.8rem;
  transform: none;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown .gigya-error-msg-active::after {
  background-color: #E90707;
  color: #000 !important;
  top: -2.8rem;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown:hover > label::after, .gigya-screen-content div.gigya-screen .gigya-composite-control-dropdown:focus > label::after {
  transform: rotate(180deg);
}

.gigya-screen-content div.gigya-screen .loqate-address-search-control .gigya-error-msg::after {
  content: "";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -2.85rem;
  right: 0.44rem;
  position: absolute;
  visibility: visible;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.gigya-terms-error {
  border: 0 !important;
  border-radius: 0 !important;
  position: relative;
  top: -10px;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.gigya-terms-error input[type=checkbox] + label::before {
  border: 1px solid #E90707 !important;
  border-bottom: 1px solid #E90707 !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox[name="data.privacyPolicy.terms"] + label {
  margin-left: 0;
  width: 96%;
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox[name="data.privacyPolicy.terms"] + label {
    margin-left: -13px;
    text-indent: -8px;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox[name="data.privacyPolicy.terms"] + label:after {
    left: -5px;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox[name="data.privacyPolicy.terms"] + label span.gigya-checkbox-text a {
  position: static;
  font-size: 1rem;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox[name="data.gep.hcpConfirmation"] + label {
  margin-left: 0;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-dropdown {
  min-height: 90px !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-dropdown input, .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select {
  margin-bottom: 2px !important;
  font-size: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-textbox {
  min-height: 90px !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-textbox input, .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-textbox select {
  margin-bottom: 2px !important;
  font-size: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-textbox .gigya-error-msg-active a {
  position: initial !important;
  color: #E90707;
  display: inline;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-password {
  min-height: 90px !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-password input, .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-password select {
  margin-bottom: 2px !important;
  font-size: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label {
  width: 100% !important;
  margin-bottom: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-subscription-widget {
  width: 100% !important;
  margin-bottom: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-subscription-widget label {
  margin: 0 0 10px !important;
  font-weight: 700;
  font-size: 1rem !important;
  display: inline !important;
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-subscription-widget label {
    margin: 0 0 10px -21px !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-UNSUBSCRIBE-ALL {
  width: 100% !important;
  margin-bottom: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-UNSUBSCRIBE-ALL .gigya-label {
  display: inline !important;
  left: 0;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-UNSUBSCRIBE-ALL .gigya-label span {
  font-weight: 700;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control .gigya-error-msg {
  position: relative !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control .gigya-error-msg-active,
.gigya-screen-content div.gigya-screen .gigya-composite-control .js-locate-error {
  color: #E90707 !important;
  font-family: Verdana, sans-serif;
  font-size: 0.8571rem !important;
  line-height: 1rem !important;
  text-align: left !important;
  font-weight: 400 !important;
  position: relative !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen .gigya-composite-control .gigya-error-msg-active,
    .gigya-screen-content div.gigya-screen .gigya-composite-control .js-locate-error {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control .gigya-error-msg-active,
  .gigya-screen-content div.gigya-screen .gigya-composite-control .js-locate-error {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control .gigya-error-msg-active.gigya-form-error-msg,
.gigya-screen-content div.gigya-screen .gigya-composite-control .js-locate-error.gigya-form-error-msg {
  border-radius: 0;
  border: 0 !important;
  padding: 0 !important;
  font-weight: 700 !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control .gigya-label-text {
  display: inline !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-spacer {
  width: 100%;
  margin: 0;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header {
  font-size: 1.0625rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-family: Verdana, sans-serif;
  color: #444444;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-family: Verdana, sans-serif !important;
  }
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control {
    margin: 0 1%;
    width: 48%;
    font-size: 1rem !important;
    position: relative;
    float: left;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.loqate-address-search-control {
    width: 98%;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER, .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS {
    margin-left: 0.6rem;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-submit {
    margin: 0 1% !important;
    margin-left: 10px;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label {
    margin-left: 10px;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-subscription-widget {
    margin-left: 10px;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header {
    margin: 20px 0 !important;
    font-size: 1rem !important;
    line-height: 1.5;
    width: 100% !important;
    padding: 0 1%;
    box-sizing: border-box;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-image, .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-form-error {
    width: 100%;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-POST-CODE-VERIFICATION input:not(.loqate-address-search-input) + .gigya-error-msg::after {
    right: 9.3rem !important;
    border-radius: 4px 0 0 4px;
    padding: 22px 6px 21px 6px;
    top: -3.2rem;
    width: 42px !important;
  }
  .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-POST-CODE-VERIFICATION input:not(.loqate-address-search-input) + .gigya-error-msg-active::after {
    padding: 22px 6px 21px 6px;
    top: -3.2rem;
    width: 42px !important;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-POST-CODE-VERIFICATION input:not(.loqate-address-search-input) + .gigya-error-msg::after {
    right: 9.3rem !important;
    border-radius: 4px 0 0 4px;
    padding: 22px 6px 21px 6px;
    top: -3.2rem;
    width: 42px !important;
  }
}

.gigya-screen-content div.gigya-screen.email-verification-background {
  font-size: 1rem !important;
  padding: 15px !important;
  margin-top: 0 !important;
  max-width: 100% !important;
}

.gigya-screen-content div.gigya-screen.portrait.mobile input[type=text], .gigya-screen-content div.gigya-screen.portrait.mobile input[type=password], .gigya-screen-content div.gigya-screen.portrait.mobile input[type=email], .gigya-screen-content div.gigya-screen.portrait.mobile select {
  height: 43px !important;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-layout-row.with-divider {
    padding-bottom: 0 !important;
  }
  .gigya-screen-content div.gigya-screen input[type=submit] {
    margin-bottom: 15px;
  }
}

.gigya-screen-content div.gigya-screen .gigya-layout-cell.with-social-login {
  width: 100% !important;
  margin: 0 !important;
}

.gigya-screen-content div.gigya-screen #gigya-reset-password-form a {
  font-size: 0.8571rem;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-reset-password-form .gigya-composite-control-loginID input + .gigya-error-msg::after {
    border-radius: 4px 0 0 4px !important;
    padding: 21.5px 6px;
    top: -3.2rem !important;
    right: 0 !important;
    width: 42px;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-textbox .gigya-error-msg-active::after, .gigya-screen-content div.gigya-screen .gigya-composite-control-password .gigya-error-msg-active::after {
  content: "\e018";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  background: #E90707;
  border-radius: 4px;
  top: -2.85rem;
  right: 0.44rem;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-textbox.loqate-address-search-control .gigya-error-msg-active::after {
  content: "";
}

.gigya-screen-content div.gigya-screen input, .gigya-screen-content div.gigya-screen select {
  padding-right: 3.2rem !important;
}

.gigya-screen-content div.gigya-screen input.gigya-valid + .gigya-error-msg, .gigya-screen-content div.gigya-screen select.gigya-valid + .gigya-error-msg {
  visibility: visible;
  position: relative;
}

.gigya-screen-content div.gigya-screen input.gigya-input-submit {
  padding-right: 28px !important;
}

.gigya-screen-content div.gigya-screen input.gigya-valid + .gigya-error-msg::after,
.gigya-screen-content div.gigya-screen input.gigya-valid + a .gigya-error-msg::after {
  content: "\e028";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  background: #30e403;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -2.88rem;
  right: 0.44rem;
  visibility: visible;
}

.gigya-screen-content div.gigya-screen input.gigya-valid.loqate-address-search-input + .gigya-error-msg::after {
  content: "";
}

@media (min-width: 575px) {
  .gigya-screen-content div.gigya-screen .gigya-resend-verification-code-form .gigya-composite-control .gigya-error-msg {
    position: static !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-login-form h2.gigya-composite-control-header {
  line-height: 1.143rem;
  font-size: 1.0625rem !important;
  margin: 0 !important;
  margin-bottom: 0.5rem !important;
  color: #333333;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-composite-control.gigya-composite-control-textbox,
.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-composite-control.gigya-composite-control-password {
  min-height: 58px !important;
}

@media (max-width: 575px) {
  .gigya-screen-content div.gigya-screen .gigya-login-form input[type=submit] {
    padding: 12px !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-composite-control {
  margin: 0 !important;
  width: 100% !important;
}

.gigya-screen-content div.gigya-screen .gigya-login-form h2.gigya-composite-control-header {
  margin-bottom: 1rem !important;
  padding-left: 0;
  line-height: 1.1;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:first-child {
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:first-child .gigya-composite-control.gigya-composite-control-submit {
  margin: 0;
  order: 2;
  text-align: right;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:nth-child(2) {
  margin: 0;
  width: 100%;
  border-top: 2px solid #cccccc;
}

@media (max-width: 991px) {
  .gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:nth-child(2) {
    margin-top: 15px;
  }
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:nth-child(2) label {
  text-align: right !important;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:nth-child(2) label p {
  text-align: right;
  margin-top: 15px;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-row:nth-child(2) .gigya-layout-cell:nth-child(2) label p a {
  top: 0;
  position: relative;
  text-align: right;
}

.gigya-screen-content div.gigya-screen .gigya-login-form a.gigya-composite-control-link.forgotten-password {
  margin: 0;
  order: 1;
  top: 10px;
  position: relative;
  height: 24px !important;
  display: flex;
  align-items: center;
  width: fit-content !important;
  min-width: fit-content;
  border: none !important;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-layout-cell {
  min-width: auto;
  margin-top: 0.8rem;
  display: inline-block;
  text-align: center;
  position: relative;
  float: left;
  width: auto;
}

.gigya-screen-content div.gigya-screen .gigya-login-form .gigya-composite-control.gigya-composite-control-password {
  margin-bottom: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-reset-password-form .gigya-error-display {
  margin-bottom: 1rem !important;
}

.gigya-screen-content div.gigya-screen .gigya-reset-password-form .gigya-composite-control.gigya-spacer {
  display: none;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row .gigya-composite-control-header {
  display: none;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row:nth-child(2) .gigya-composite-control.gigya-composite-control-dropdown:nth-child(2) {
    width: 48%;
    clear: both;
    float: none;
  }
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row .gigya-composite-control.gigya-error-display {
  margin-bottom: 1rem !important;
  width: 98% !important;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-composite-control.gigya-composite-control-checkbox {
  display: block !important;
  margin-bottom: 2rem;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-composite-control.gigya-composite-control-checkbox .gigya-label {
  display: inline !important;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-composite-control.gigya-composite-control-checkbox.gigya-terms-error {
  top: 0 !important;
  padding-bottom: 10px !important;
  margin-left: 1.5%;
  margin-right: 0;
  box-sizing: border-box;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-composite-control.gigya-composite-control-label + .gigya-spacer {
  display: none;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row:first-child .gigya-layout-cell {
  min-width: 100% !important;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row.subscribe-wrapper {
  position: relative;
}

@media (max-width: 991px) {
  .gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row.subscribe-wrapper a {
    right: auto;
    left: 110px;
    font-size: 0.8571rem !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-row .gigya-composite-control-metadata + .gigya-spacer {
  display: none;
}

.gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-layout-ro.ui-sortablew .gigya-spacer {
  display: none;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen#ciam-edit-profile-webshop .gigya-profile-form .gigya-layout-row:nth-child(2) .gigya-composite-control.gigya-composite-control-textbox:nth-child(2) {
    width: 48%;
    float: none;
    clear: both;
  }
}

.gigya-screen-content div.gigya-screen#ciam-reset-password .gigya-composite-control-header {
  display: none;
}

.gigya-screen-content div.gigya-screen#ciam-reset-password .gigya-layout-row .gigya-layout-cell {
  width: 100% !important;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form {
    display: flex;
    align-items: baseline;
    line-height: 1.143rem;
    min-height: 10.5rem;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row {
    margin: 0;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row:first-child {
    width: 55%;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row:first-child .gigya-composite-control.gigya-composite-control-textbox {
    width: 98%;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit {
    position: relative;
    top: -9px;
    left: -8px;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit input[type="submit"] {
    padding: 13.5px 28px 14px 13px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit::after {
    top: 17px;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form.gigya-form-error .gigya-composite-control.gigya-composite-control-submit {
    top: -50px;
  }
  .gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-input-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.gigya-screen-content div.gigya-screen#ciam-forgot-password-success .gigya-composite-control-header, .gigya-screen-content div.gigya-screen#ciam-forgot-password-success .gigya-composite-control-label, .gigya-screen-content div.gigya-screen#ciam-reset-password-sucess .gigya-composite-control-header, .gigya-screen-content div.gigya-screen#ciam-reset-password-sucess .gigya-composite-control-label {
  text-align: left !important;
}

.gigyaraas.gigyaraas-home .gigya-raas {
  background: white;
  padding: 0 !important;
  min-height: 16.65rem;
}

.gigyaraas.gigyaraas-home div.gigya-screen {
  padding-bottom: 0 !important;
}

.gigyaraas.gigyaraas-home div.gigya-screen .gigya-layout-cell {
  min-width: auto;
  margin-top: 0.8rem;
  display: inline-block;
  text-align: center;
  position: relative;
  float: left;
  width: 50%;
}

.gigyaraas.gigyaraas-home div.gigya-screen h2.gigya-composite-control-header {
  text-transform: uppercase;
  font-family: Verdana, sans-serif;
  color: #444444;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigyaraas.gigyaraas-home div.gigya-screen h2.gigya-composite-control-header {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigyaraas.gigyaraas-home div.gigya-screen h2.gigya-composite-control-header {
    font-family: Verdana, sans-serif !important;
  }
}

.gigyaraas.gigyaraas-home div.gigya-screen .gigya-composite-control {
  margin: 0;
  width: 100%;
}

.gigyaraas.gigyaraas-home div.gigya-screen .gigya-composite-control.gigya-composite-control-submit {
  padding-bottom: 0;
  margin: 0 !important;
  position: relative;
}

.gigyaraas.top-signin .gigya-raas-link {
  margin-top: 6px;
  font-weight: 700;
  transition: all 0s ease-in-out;
  text-decoration: none;
  display: inline-block;
}

.gigyaraas.top-signin .gigya-raas-link::before {
  content: "\e015";
  top: -5px;
  left: 0;
  font-size: 1.7rem !important;
  position: relative;
  float: left;
  transition: all 0s ease-in-out;
}

@media (max-width: 991px) {
  .gigyaraas.top-signin .gigya-raas-link {
    color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    padding-top: 0.2rem;
    margin-top: 0;
    font-size: 0;
  }
  .gigyaraas.top-signin .gigya-raas-link::before {
    color: #000;
    top: -4px;
  }
  .gigyaraas.top-signin .gigya-raas-link:hover, .gigyaraas.top-signin .gigya-raas-link:focus {
    color: transparent !important;
    width: 1.8rem;
  }
  .gigyaraas.top-signin .gigya-raas-link:hover::before, .gigyaraas.top-signin .gigya-raas-link:focus::before {
    color: #000;
  }
  .gigyaraas.top-signin .gigya-raas-link:hover::after, .gigyaraas.top-signin .gigya-raas-link:focus::after {
    color: transparent !important;
  }
}

.gigyaraas.top-signin .gigya-raas-link:hover, .gigyaraas.top-signin .gigya-raas-link:focus {
  text-decoration: none;
  color: #000;
  outline: none;
  background: none;
}

.gigyaraas.top-signin .gigya-raas-link:hover::before, .gigyaraas.top-signin .gigya-raas-link:hover::after, .gigyaraas.top-signin .gigya-raas-link:focus::before, .gigyaraas.top-signin .gigya-raas-link:focus::after {
  color: #000;
}

@media (min-width: 992px) {
  .horizontal.gigyaraas .gigya-raas {
    min-height: 9.2rem;
  }
  .horizontal .gigya-screen * {
    margin: 0;
  }
  .horizontal .gigya-screen {
    margin: 0;
    display: flex;
  }
  .horizontal .gigya-screen .gigya-login-form {
    display: inline-flex;
    width: 100%;
    position: relative;
  }
  .horizontal .gigya-screen .gigya-layout-row:first-child {
    width: 74%;
  }
  .horizontal .gigya-screen .gigya-layout-row:nth-child(2) {
    width: 184px;
  }
  .horizontal .gigya-screen .gigya-layout-row {
    text-align: left;
  }
  .horizontal .gigya-screen .gigya-layout-row .gigya-composite-control-textbox {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
  }
  .horizontal .gigya-screen .gigya-layout-row .gigya-composite-control-password {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
    margin-right: 0;
  }
  .horizontal .gigya-screen .gigya-layout-row .gigya-layout-cell {
    margin-top: 2.5rem;
  }
  .horizontal .gigya-screen a:link {
    right: auto;
    left: 1rem;
  }
}

@media (min-width: 1200px) {
  .horizontal .gigya-screen .gigya-layout-row:first-child {
    width: 78%;
  }
}

.gigya-registration .gigya-screen-content div.gigya-screen.email-verification-background p:not(:last-child) {
  margin-bottom: 1rem;
}

.gigya-registration .gigya-screen-content div.gigya-screen.email-verification-background a {
  top: 0;
  width: auto !important;
  padding: 10px 0 !important;
  display: block !important;
  position: relative;
}

@media (min-width: 992px) {
  .gigya-registration .gigya-screen-content div.gigya-screen .gigya-composite-control:nth-child(4) {
    width: 98%;
    clear: both;
    float: none;
  }
  .gigya-registration .gigya-screen-content div.gigya-screen .gigya-composite-control:nth-child(7) {
    width: 25%;
    clear: both;
    float: none;
  }
  .gigya-registration .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header:nth-child(2) {
    margin: 0 0 20px 0 !important;
  }
}

.gigya-registration .gigya-screen-content div.gigya-screen .gigya-input-submit {
  margin-bottom: 15px;
}

@media (max-width: 1200px) {
  .gigya-registration input[type=checkbox]:not(:checked) + label:after {
    display: none;
  }
}

.gigya-registration input[type=checkbox] + label:after {
  left: 2px;
  top: 4px;
}

.gigya-screen-dialog-inner .email-verification-background .gigya-login-form a {
  top: 0;
  position: relative;
  float: none;
  clear: both;
}

@media (max-width: 991px) {
  .gigya-screen-dialog-inner .email-verification-background .gigya-login-form a {
    float: left;
    position: relative;
    font-size: 1rem;
  }
}

.gigya-registration .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-composite-control-label a {
  position: relative;
  top: 0;
  font-size: inherit;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

.gigya-registration .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-composite-control-label a span.body-title {
  display: inline;
}

.gigya-registration .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-composite-control-label a:hover, .gigya-registration .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-composite-control-label a:focus {
  background: #30e403;
}

.gigya-screen-content .gigya-update-profile-screen.gigya-screen .gigya-composite-control-label a {
  position: relative;
  top: 0;
}

/*code related to registration & smart wizard -STARTS*/
.wizard-container {
  /** Initial Hidden */
}

.wizard-container .gigya-composite-control-submit {
  display: none;
}

.wizard-container .gigya-screen-loader,
.wizard-container .gigya-screen-dimmer {
  display: none !important;
}

.wizard-container .gigya-composite-control-multi-choice .gigya-input-radio {
  display: none;
}

.wizard-container .gigya-register-form .gigya-composite-control.CIAM-GEP-REG1:not(.asterisk__red):not(.error-in-field), .wizard-container .gigya-register-form .gigya-composite-control.CIAM-GEP-REG2:not(.error-in-field), .wizard-container .gigya-register-form .gigya-composite-control.CIAM-GEP-REG3:not(.error-in-field) {
  display: none;
}

.wizard-container .gigya-error-msg {
  color: #E90707;
  font-size: 0.8571rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 400;
}

.wizard-container a.disabled,
.wizard-container input.disabled {
  pointer-events: none;
  color: #cccccc;
  background-color: #eeedec !important;
}

.wizard-container.manual-registration .gigya-screen-content div.gigya-screen .CIAM-GEP-MANUAL-TEXT {
  display: block;
}

.wizard-container.manual-registration .gigya-composite-control-submit.CIAM-GEP-REG3 {
  display: inline-block;
}

.wizard-container .gigya-screen-content div.gigya-screen {
  padding: 0 !important;
  background: transparent;
}

@media (min-width: 992px) {
  .wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control:nth-child(7) {
    width: 48%;
    float: left;
  }
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label {
  width: auto !important;
  line-height: 1.3rem !important;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-NAME-TEXT {
  float: left;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-INFO-TEXT {
  width: 100% !important;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-ACCESS-TEXT, .wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-MANUAL-TEXT, .wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-PROF-TEXT, .wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-NAME-TEXT {
  background: #eeedec;
  padding: 10px 15px !important;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-FIND_ADDRESS:nth-child(5) {
  display: block;
}

.wizard-container.gigya-mail-data-migration .gigya-composite-control.CIAM-GEP-EMAIL {
  width: 98%;
}

.wizard-container.gigya-mail-data-migration .gigya-composite-control.CIAM-GEP-EMAIL input {
  cursor: not-allowed;
}

.wizard-container.gigya-mail-data-migration .CIAM-GEP-OPTION {
  display: none;
}

.wizard-container.gigya-mail-data-migration .CIAM-GEP-ACCESS-TEXT, .wizard-container.gigya-mail-data-migration .CIAM-GEP-PROF-TEXT, .wizard-container.gigya-mail-data-migration .CIAM-GEP-NAME-TEXT {
  display: none !important;
}

.wizard-container .gigya-screen .gigya-composite-control {
  /*&.CIAM-GEP-REG3 {
				input{
					&.gigya-input-submit{
					cursor: pointer;
					}
				}
			}
			/** Options 
			input:read-only,
			select[readonly] {
				cursor: not-allowed;
			}*/
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice {
  padding-bottom: 8px !important;
  width: auto;
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item {
  padding: 0 0 15px;
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-label {
  padding: 0 0 15px;
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
  padding-bottom: 0;
  margin-left: 0;
  flex: auto;
  font-family: Verdana, sans-serif;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
    font-family: Verdana, sans-serif !important;
  }
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-submit {
  width: calc(100% - 20px);
  text-align: right;
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-header {
  margin: 15px 0 5px 0 !important;
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-label h2 {
  font-family: Verdana, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  margin: 5px 0 0;
  color: #444444;
  display: flex;
  align-items: center;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-label h2 {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-label h2 {
    font-family: Verdana, sans-serif !important;
  }
}

.wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-VAL-TEXT h2::before {
  content: "\e015";
  display: inline-block;
  width: 2.5rem;
  height: 3rem;
  color: #000;
  margin-right: 10px;
  font-family: 'VBL-Icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 3rem;
  text-transform: none;
  line-height: 1;
  margin-left: -.5rem;
  vertical-align: text-bottom;
}

@media (min-width: 992px) {
  .wizard-container.active-first-step .gigyaraas, .wizard-container.active-second-step .gigyaraas {
    position: static;
  }
  .wizard-container.active-first-step .gigya-layout-row > .gigya-layout-row, .wizard-container.active-second-step .gigya-layout-row > .gigya-layout-row {
    background: white;
    max-width: calc(25% - 30px);
    position: absolute;
    right: 0;
    height: calc(100% + 61px);
    top: 0;
    padding: 0 15px;
    box-sizing: border-box;
    overflow-y: auto;
  }
  .wizard-container.active-first-step .gigya-layout-row > .gigya-layout-row .gigya-composite-control.gigya-composite-control-label, .wizard-container.active-second-step .gigya-layout-row > .gigya-layout-row .gigya-composite-control.gigya-composite-control-label {
    margin: 0;
  }
  .wizard-container.active-first-step.manual-registration .gigyaraas, .wizard-container.active-second-step.manual-registration .gigyaraas {
    overflow: hidden;
  }
  .wizard-container.active-first-step.manual-registration .gigya-layout-row > .gigya-layout-row, .wizard-container.active-second-step.manual-registration .gigya-layout-row > .gigya-layout-row {
    height: 100%;
  }
}

.wizard-container.step-completed .step-notify {
  display: none;
}

.wizard-container.step-completed .gigyaraas {
  width: 100%;
  padding-top: 15px;
}

.active-first-step:not(.option-selected):not(.manual-registration) .gigya-composite-control-header.CIAM-GEP-REG1 {
  display: none !important;
}

.active-first-step .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.asterisk__red {
  display: block !important;
  color: #E90707 !important;
}

@media (min-width: 992px) {
  .active-first-step .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.asterisk__red {
    margin-bottom: 0 !important;
    text-align: right !important;
    width: auto !important;
    float: none;
  }
}

.active-second-step .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.asterisk__red {
  display: none !important;
}

.active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-OPTION, .active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-INFO-TEXT, .active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-REG1:not(.error-in-field), .active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-REG2:not(.error-in-field) {
  display: none !important;
}

.active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-REG3:not(.gigya-composite-control-submit) {
  display: block !important;
}

.active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-REG3.CIAM-GEP-PRIVACY:not(.gigya-composite-control-submit) {
  display: flex !important;
}

.active-second-step.gigya-mail-data-migration #step-footer .data-migration-overlay {
  display: block;
  float: left;
}

/** locate fields  */
.gigya-screen-content div.gigya-screen.gigya-update-profile-screen .gigya-composite-control.locate-field-key, .gigya-screen-content div.gigya-screen.gigya-update-profile-screen .gigya-composite-control.js-loqate-address-fields {
  min-height: 95px !important;
}

.gigya-screen-content div.gigya-screen input::placeholder {
  color: #707070;
}

.gigya-screen-content div.gigya-screen input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #707070;
}

.gigya-screen-content div.gigya-screen input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #707070;
}

.gigya-screen-content div.gigya-screen a {
  position: relative;
  text-transform: none;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

/*code related to registration & smart wizard -ENDS*/
/*Request a Rep - STARTS*/
.gigya-request-a-rep .gigya-screen-content div.gigya-screen form .gigya-layout-row:first-child .gigya-composite-control-header {
  padding: 0 1rem;
}

@media (max-width: 991px) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen form .gigya-layout-row:first-child .gigya-composite-control-header {
    padding: 0;
  }
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header {
  margin: 20px 0;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-EMAIL {
  width: 98%;
}

@media (max-width: 991px) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-EMAIL {
    width: 100%;
  }
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.js-ciam-text-area {
  width: 98%;
}

@media (max-width: 991px) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.js-ciam-text-area {
    width: 100%;
  }
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.js-ciam-text-area textarea {
  height: 6rem;
  padding: 0.5rem 0;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS {
  width: 98%;
}

@media (max-width: 991px) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS {
    width: 100%;
  }
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label {
  width: 96%;
  text-indent: -8px;
}

@media (max-width: 991px) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label {
    width: 87%;
  }
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label.gigya-required-display, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label.gigya-required-display {
  width: auto;
  text-indent: 0;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label span a, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label span a {
  position: relative;
  top: 0;
  bottom: 0;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label span a span.body-title, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label span a span.body-title {
  display: inline;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label span a:hover, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label span a:focus, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label span a:hover, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS label span a:focus {
  background: #30e403;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER.gigya-terms-error, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS.gigya-terms-error {
  margin-bottom: 0;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER.gigya-terms-error + .js-checkbox-errmsg, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS.gigya-terms-error + .js-checkbox-errmsg {
  display: block;
  color: #E90707 !important;
  font-family: Verdana, sans-serif;
  font-size: 0.8571rem !important;
  margin-top: -6px;
  text-align: left;
  font-weight: 400;
  position: static;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER.gigya-terms-error + .js-checkbox-errmsg, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS.gigya-terms-error + .js-checkbox-errmsg {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER.gigya-terms-error + .js-checkbox-errmsg, .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS.gigya-terms-error + .js-checkbox-errmsg {
    font-family: Verdana, sans-serif !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-COMM-PREFER label {
    margin-left: -15px;
  }
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.CIAM-GEP-TERMS-CONDITIONS {
  width: auto;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen .gigya-composite-control.js-checkbox-errmsg {
  display: none;
}

.gigya-request-a-rep .gigya-screen-content div.gigya-screen a {
  font-size: inherit;
}

.gigya-request-a-rep input[type=checkbox] + label:after {
  left: -6px;
  top: 4px;
}

.gigya-request-a-rep input[type=checkbox] span {
  float: left;
  margin-top: -1.5rem;
}

.gigya-request-a-rep #ciam-request-a-rep-success .gigya-composite-control b {
  font-weight: normal;
  line-height: normal;
}

/*Request a Rep - ENDS*/
/* JIRA: GMB-169*/
@media only screen and (max-width: 787px) {
  .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
    position: relative;
    width: 90%;
    padding-left: 35px;
    padding-top: 2px;
  }
  .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item input[type=radio] + label:before, .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .assessment-block .formControl-radio + label:before, .assessment-block .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .formControl-radio + label:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item input[type=radio] + label:after, .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .assessment-block .formControl-radio + label:after, .assessment-block .wizard-container .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .formControl-radio + label:after {
    top: 5px;
  }
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS {
  width: 100% !important;
  margin-bottom: 1rem !important;
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox], .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox], .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox], .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] {
  position: relative;
  margin-left: 1px;
}

@media (max-width: 991px) {
  .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox], .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox], .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox], .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] {
    margin-left: 0;
    margin-right: 1px;
  }
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label.gigya-label, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label.gigya-label, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label.gigya-label, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label.gigya-label {
  margin-left: -1.5rem;
}

@supports (-webkit-touch-callout: none) {
  .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label.gigya-label, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label.gigya-label, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label.gigya-label, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label.gigya-label {
    margin-left: -3.1rem;
  }
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after {
  margin-left: -5px;
}

@media (max-width: 479px) {
  .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after {
    top: 1px;
  }
}

@media (max-width: 991px) {
  .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after {
    left: 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:after, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:after {
    top: 1px;
    left: 1px;
  }
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:before, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:before, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:before, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:before {
  margin-left: -6px;
}

@media (max-width: 991px) {
  .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:before, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:before, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER input[type=checkbox].gigya-input-checkbox + label:before, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS input[type=checkbox].gigya-input-checkbox + label:before {
    margin-left: -8px;
  }
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-checkbox-text, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-checkbox-text, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-checkbox-text, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-checkbox-text {
  font-weight: 700;
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label {
  display: inline !important;
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label:hover, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label:active, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label:focus, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label:hover, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label:active, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label:focus, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label:hover, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label:active, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label:focus, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label:hover, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label:active, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label:focus {
  cursor: auto;
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label span:hover, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label span:active, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label span:focus, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label span:hover, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label span:active, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label span:focus, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label span:hover, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label span:active, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label span:focus, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label span:hover, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label span:active, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label span:focus {
  cursor: pointer;
}

.gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label label:hover, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label label:active, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label label:focus, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label label:hover, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label label:active, .gigya-registration .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label label:focus, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label label:hover, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label label:active, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-COMM-PREFER .gigya-label label:focus, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label label:hover, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label label:active, .gigya-profile-form .gigya-composite-control-checkbox.CIAM-GEP-TERMS-CONDITIONS .gigya-label label:focus {
  cursor: pointer;
}

.gigya-profile-form .CIAM-GEP-COMM-PREFER input[type=checkbox] + label:after, .gigya-profile-form .CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] + label:after {
  top: 3px;
}

@media (max-width: 991px) {
  .gigya-profile-form .CIAM-GEP-COMM-PREFER input[type=checkbox] + label:after, .gigya-profile-form .CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] + label:after {
    left: 2px;
  }
}

@media (max-width: 479px) {
  .gigya-profile-form .CIAM-GEP-COMM-PREFER input[type=checkbox] + label:after, .gigya-profile-form .CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] + label:after {
    top: 1px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gigya-profile-form .CIAM-GEP-COMM-PREFER input[type=checkbox] + label:after, .gigya-profile-form .CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] + label:after {
    top: 1px;
    left: 1px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gigya-composite-control-subscription-widget.CIAM-GEP-COMM-PREFER input[type=checkbox] + label:after, .gigya-composite-control-subscription-widget .CIAM-GEP-TERMS-CONDITIONS input[type=checkbox] + label:after {
    top: 2px;
    left: 1px;
  }
}

.gigya-composite-control-subscription-widget input[type=checkbox] + label:after {
  left: 2px;
  top: 4px;
}

.gigya-screen .gigya-composite-control.CIAM-GEP-REG3 {
  clear: both;
}

.gigya-composite-control.gigya-composite-control-checkbox.CIAM-GEP-PRIVACY {
  width: auto !important;
  line-height: 1.4rem;
  display: flex !important;
}

@media (max-width: 991px) {
  .gigya-composite-control.gigya-composite-control-checkbox.CIAM-GEP-PRIVACY {
    float: left;
  }
}

.wizard-container.active-first-step .gigya-composite-control.gigya-composite-control-checkbox.CIAM-GEP-PRIVACY {
  display: none !important;
}

.wizard-container.active-first-step.manual-registration .gigya-composite-control.gigya-composite-control-checkbox.CIAM-GEP-PRIVACY {
  display: flex !important;
}

.gigya-screen-content div.gigya-screen .gigya-label-text a {
  top: 1px;
}

.js-heading-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
  line-height: 1.143rem !important;
}

/*extending consent radio styles for all markets-Start*/
.gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice {
  padding-bottom: 8px;
  width: auto !important;
}

.gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice.CIAM-GEP-REG3 .gigya-multi-choice-item {
  padding: 0 0 5px !important;
  margin-bottom: 8px;
}

.gigya-screen .gigya-composite-control .gigya-input-radio {
  display: none;
}

.gigya-screen .gigya-composite-control .gigya-multi-choice-item label {
  padding-bottom: 0;
  margin-left: 0 !important;
  width: auto !important;
}

.gigya-screen .gigya-composite-control .gigya-multi-choice-item .gigya-input-radio {
  position: fixed;
}

.gigya-profile-form .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item {
  padding: 0 0 5px !important;
  margin-bottom: 8px;
}

/*extending consent radio styles for all markets-end*/
/*For design improvement- Mobile form changes- Start*/
@media (max-width: 575px) {
  .page-registration #step-footer .step-toolbar .richText-content {
    margin: 0 15px;
  }
  .page-registration #step-footer .step-toolbar .richText-content a {
    width: 100%;
    margin: 0 0 15px !important;
    padding: 12px;
  }
  .page-registration #step-footer .step-toolbar .richText-content a::after {
    top: 16px;
  }
  .page-registration .gigya-screen .gigya-composite-control.gigya-composite-control-submit {
    width: 100%;
  }
  .gigya-screen-content .gigya-screen #gigya-reset-password-form a {
    margin: 15px 0 !important;
  }
  .gigya-screen-content .gigya-screen #gigya-reset-password-form a.eye {
    margin: 0 !important;
  }
  .gigya-composite-control .gigya-screen-content .gigya-screen.gigya-composite-control-submit {
    width: 100%;
  }
  .gigya-composite-control .gigya-screen-content .gigya-screen.gigya-composite-control-submit::after {
    top: 14px;
  }
  .gigya-screen-content input[type=submit] {
    width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .gigya-screen-content .gigya-profile-form .gigya-composite-control.gigya-composite-control-submit.delete-user-account {
    width: auto;
    float: none;
  }
  .gigya-screen-content .gigya-login-form .gigya-layout-cell {
    display: block !important;
  }
  .gigya-screen-content .gigya-login-form .gigya-composite-control-submit::after {
    top: 14px;
  }
  .gigya-screen .gigya-reset-password-form .gigya-layout-cell {
    min-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .layout-outer .locate-enabled .locate-field-key .locate-field-button {
    width: 100% !important;
    border-radius: 4px;
    font-size: 0.7857rem;
    font-weight: 700;
    height: 37px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}

.page-registration #step-footer .step-toolbar .richText-content a {
  border-radius: 4px;
}

.gigya-screen-content div.gigya-screen .gigya-label-text a {
  top: 1px;
}

.wizard-container.active-first-step.registration-v2 .gigya-layout-row > .gigya-layout-row {
  position: relative;
  max-width: none;
  width: 100%;
  height: auto;
  padding: 0 8px;
  margin-top: 1rem;
}

@media (max-width: 991px) {
  .wizard-container.active-first-step.registration-v2 .gigya-layout-row > .gigya-layout-row {
    padding: 0;
  }
}

.wizard-container.active-first-step.registration-v2 .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-VAL-TEXT, .wizard-container.active-first-step.registration-v2 .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-ACCESS-TEXT, .wizard-container.active-first-step.registration-v2 .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-PROF-TEXT, .wizard-container.active-first-step.registration-v2 .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-NAME-TEXT {
  width: calc(100% - 30px) !important;
  float: left;
}

.wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .gigya-layout-row > .gigya-layout-row {
  position: relative;
  max-width: none;
  width: 100%;
  height: auto;
  padding: 0 8px;
  margin-top: 1rem;
}

@media (max-width: 991px) {
  .wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .gigya-layout-row > .gigya-layout-row {
    padding: 0;
  }
}

.wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .CIAM-GEP-VAL-TEXT,
.wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .CIAM-GEP-ACCESS-TEXT,
.wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .CIAM-GEP-PROF-TEXT,
.wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .CIAM-GEP-NAME-TEXT,
.wizard-container.active-second-step.registration-v2 .gigya-registration.gep-registration .CIAM-GEP-MANUAL-TEXT {
  display: none !important;
}

.wizard-container.gigya-mail-data-migration.active-first-step .gigya-registration .gigyaraas .gigya-composite-control.gigya-composite-control-label.data-migration {
  display: block !important;
}

.wizard-container.registration-v2 .gigya-registration.gep-registration .content .box.col-md-3 {
  flex: 1;
}

.wizard-container.registration-v2 .gigya-registration.gep-registration .gigyaraas .gigya-composite-control-header.CIAM-GEP-REG1:nth-child(2) {
  display: block !important;
}

.wizard-container.registration-v2 .gigya-registration.gep-registration .gigyaraas .gigya-composite-control-header.CIAM-GEP-REG1:nth-child(5) {
  display: none !important;
}

.wizard-container.manual-registration.registration-v2 .gigya-registration.gep-registration .gigyaraas .gigya-composite-control-header.CIAM-GEP-REG1:nth-child(5) {
  display: block !important;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-MANUAL-WAIT-TIME-TEXT {
  width: 100% !important;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-MANUAL-WAIT-TIME-TEXT::before {
  font-family: 'VBL-Icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "\e025";
  display: inline-block;
  font-size: 3.2rem;
  vertical-align: middle;
  position: relative;
  left: -4px;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-FAQ-TEXT {
  width: 100% !important;
}

.wizard-container .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-GEP-FAQ-TEXT::before {
  font-family: 'VBL-Icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  content: "\f128";
  display: inline-flex;
  font-size: 2rem;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #000;
  border-radius: 40px;
}

.wizard-container .gep-st-survey .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice {
  width: 100% !important;
}

.wizard-container .gep-st-survey .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
  flex: 0 0 auto;
}

.wizard-container .gep-st-survey .gigya-screen .gigya-composite-control.gigya-composite-control-submit {
  display: block;
  margin-bottom: 15px;
}

.gigya-ios .gigya-screen.portrait input[type=checkbox],
.gigya-ios .gigya-screen.landscape input[type=checkbox],
.gigya-ios .gigya-screen.portrait.mobile input[type=checkbox] {
  margin-bottom: 0 !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-submit {
  width: auto;
  position: relative;
  transition: all 0.3s ease-in-out;
  float: left;
}

@media (max-width: 575px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control-submit {
    float: none;
  }
}

@media (max-width: 575px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control-submit::after {
    top: 16px !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control-submit.disabled {
  pointer-events: none;
}

.gigya-screen * {
  font-family: Verdana, sans-serif !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .gigya-screen * {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  .gigya-screen * {
    font-family: Verdana, sans-serif !important;
  }
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.remember-link-override a {
  position: initial;
  font-size: 1rem !important;
  text-transform: none;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.remember-link-override {
    position: absolute;
    bottom: 0;
    left: 2rem;
    width: auto !important;
  }
}

@media (max-width: 991px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.remember-link-override {
    padding-top: 1rem;
  }
}

.dynamic-keyword-link {
  color: #E90707;
}

.dynamic-keyword-link:hover {
  color: #000 !important;
}

.gigyaraas .gigya-composite-control input[type=checkbox]:focus {
  box-shadow: none !important;
}

.gigyaraas .gigya-composite-control select:focus {
  box-shadow: none !important;
  border: 1px solid #333333 !important;
}

.gigyaraas .gigya-composite-control input:focus {
  box-shadow: none !important;
}

#gigya-reset-password-form a, #gigya-login-form a {
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

#gigya-reset-password-form a span.body-title, #gigya-login-form a span.body-title {
  display: inline;
}

#gigya-reset-password-form a:hover, #gigya-reset-password-form a:focus, #gigya-login-form a:hover, #gigya-login-form a:focus {
  background: #30e403;
}

.CIAM-HHP-CUSTOM-TEXT {
  background: #eeedec;
  padding: 10px 15px !important;
}

.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-HHP-CUSTOM-TEXT {
  width: calc(100% - 30px) !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1.5rem !important;
  position: relative;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label.CIAM-HHP-CUSTOM-TEXT {
    width: calc(100% - 48px) !important;
  }
}

/*smartwizard-extension scss*/
.wizard-container {
  /** If Manual Registration */
  /** Step Notification blocks */
  /** Error Messages */
  /** Two column layout */
}

.wizard-container.sw-theme-default {
  box-shadow: none;
  padding: 0 15px;
}

.wizard-container.sw-theme-default .sw-toolbar {
  display: none;
}

.wizard-container.sw-theme-default .step-content {
  background: transparent;
}

.wizard-container.sw-theme-default .sw-container {
  min-height: auto;
}

.wizard-container .CIAM-GEP-VAL-TEXT,
.wizard-container .CIAM-GEP-ACCESS-TEXT,
.wizard-container .CIAM-GEP-PROF-TEXT,
.wizard-container .CIAM-GEP-NAME-TEXT,
.wizard-container .CIAM-GEP-MANUAL-TEXT {
  display: none;
}

.wizard-container .second-step-message {
  display: none;
}

.wizard-container.manual-registration #step-footer .step-toolbar {
  display: none;
}

.wizard-container.manual-registration .CIAM-GEP-REG3.CIAM-GEP-COMM-PREFER {
  display: block !important;
}

.wizard-container .step-notify {
  background: #eeedec;
}

.wizard-container .error-messages p {
  margin-bottom: 0;
}

.wizard-container.active-first-step .CIAM-GEP-VAL-TEXT, .wizard-container.active-second-step .CIAM-GEP-VAL-TEXT {
  display: block;
}

#step-content {
  padding: 0 1rem;
}

#step-content > .row {
  min-height: 150px;
}

.active-first-step #step-footer .step-toolbar .spb-continue {
  display: inline-block;
}

.active-second-step #step-footer .spb-confirm-submit,
.active-second-step #step-footer .spb-try-again {
  display: inline-block;
}

.active-second-step .step-notify > .component-content > .content {
  margin: 0;
}

.active-second-step #step-content .second-step-message {
  display: block;
}

.active-second-step #step-content .gray-box .title {
  margin-top: 0;
  display: flex;
  align-items: center;
}

.active-second-step #step-content .gray-box .title:before {
  content: "\e015";
  display: inline-block;
  width: 2rem;
  color: #30e403;
  margin-right: 15px;
  font-family: "VBL-Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 3rem;
  text-transform: none;
  line-height: 1;
  margin-left: -0.5rem;
}

.active-second-step #step-content .gray-box p {
  margin-bottom: 0.5rem;
}

.step-progress-bar {
  margin: 0;
}

.step-progress-bar ul.nav {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 0;
}

.step-progress-bar ul.nav .nav-item {
  position: static;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 5px;
}

.step-progress-bar ul.nav .nav-item:first-child {
  margin-left: 0;
}

.step-progress-bar ul.nav .nav-item:last-child {
  margin-right: 0;
}

.step-progress-bar ul.nav .nav-item .nav-link {
  position: relative;
  display: block;
  width: 100%;
  color: #adb5bd;
  font-weight: bold;
  text-decoration: none;
  cursor: auto;
}

.step-progress-bar ul.nav .nav-item .nav-link::before {
  content: " ";
  display: block;
  height: 15px;
  background: white;
  margin-bottom: 5px;
}

.step-progress-bar ul.nav .nav-item .nav-link::after {
  border: none;
  background: #30e403;
  height: 7.5px;
  top: 3.75px;
  margin-left: 5px;
  width: 50%;
}

.step-progress-bar ul.nav .nav-item > p {
  margin-bottom: 0;
  font-weight: bold;
  color: #666;
}

.step-progress-bar ul.nav .nav-item.active > p, .step-progress-bar ul.nav .nav-item.done > p {
  color: #000;
}

@media (max-width: 767px) {
  .step-progress-bar ul.nav .nav-item p {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    font-weight: bold;
  }
}

.step-progress-bar ul.nav .nav-item.active .nav-link {
  color: #000 !important;
}

@media (max-width: 767px) {
  .step-progress-bar ul.nav .nav-item.active p {
    display: block;
  }
}

.step-progress-bar ul.nav .nav-item.active:not(:first-child):not(:last-child) .nav-link::after {
  margin-left: 0;
}

.step-progress-bar ul.nav .nav-item.done .nav-link::after, .step-progress-bar ul.nav .nav-item.skip .nav-link::after {
  width: calc(100% - 7.5px);
}

@media (max-width: 767px) {
  .step-progress-bar ul.nav .nav-item.done:nth-child(3) p, .step-progress-bar ul.nav .nav-item.skip:nth-child(3) p {
    display: block;
  }
}

.step-progress-bar ul.nav .nav-item.done:first-child .nav-link::after, .step-progress-bar ul.nav .nav-item.skip:first-child .nav-link::after {
  width: calc(100% - 5px);
  margin-left: 5px;
}

.step-progress-bar ul.nav .nav-item.done:not(:first-child):not(:last-child) .nav-link::after, .step-progress-bar ul.nav .nav-item.skip:not(:first-child):not(:last-child) .nav-link::after {
  width: 100%;
  margin-left: 0;
}

.step-progress-bar ul.nav .nav-item.done:last-child .nav-link::after, .step-progress-bar ul.nav .nav-item.skip:last-child .nav-link::after {
  width: calc(100% - 5px);
  margin-left: 0;
}

.step-progress-bar ul.nav .nav-item.disabled {
  display: none;
}

.step-progress-bar ul.nav .nav-item.skip .nav-link::after {
  transform: scale(1);
}

.step-progress-bar.dynamic-step-counter ul.nav {
  counter-reset: listCounter;
  list-style-type: none;
}

.step-progress-bar.dynamic-step-counter ul .nav-item:before {
  top: 1.4rem;
  position: absolute;
  bottom: 0;
  font-weight: bold;
  counter-increment: listCounter;
  content: counters(listCounter, "*") ". ";
  color: #adb5bd;
}

@media (max-width: 767px) {
  .step-progress-bar.dynamic-step-counter ul .nav-item:before {
    visibility: hidden;
  }
}

.step-progress-bar.dynamic-step-counter ul .nav-item.active:before {
  color: #000;
}

@media (max-width: 767px) {
  .step-progress-bar.dynamic-step-counter ul .nav-item.active:before {
    visibility: visible;
    left: 0;
  }
}

.step-progress-bar.dynamic-step-counter ul .nav-item.done:before {
  color: #000;
}

@media (max-width: 767px) {
  .step-progress-bar.dynamic-step-counter ul .nav-item.done:nth-child(3) p {
    display: none;
  }
}

.step-progress-bar.dynamic-step-counter ul .nav-item p {
  padding-left: 15px;
}

#step-footer {
  display: none;
}

#step-footer .step-toolbar {
  text-align: right;
  background: white;
}

#step-footer .step-toolbar a {
  display: none;
}

@media screen and (max-width: 991px) {
  #step-footer .step-toolbar a {
    margin: 0 15px 25px;
  }
}

@media (min-width: 992px) {
  #step-footer .step-toolbar a {
    margin: 0 25px 25px;
  }
}

@media screen and (min-width: 480px) {
  #step-footer .step-toolbar a.spb-try-again {
    float: left;
  }
}

#step-footer .step-toolbar p {
  margin-bottom: 0;
}

.sw-theme-default .step-content {
  padding: 0 15px !important;
}

.order-again {
  display: none;
}

.page-samples .active-first-step #step-footer {
  display: block;
}

.page-samples .active-second-step #step-footer {
  display: block;
}

.page-samples .active-second-step #step-footer .btn {
  display: inline-block;
  border-radius: 4px;
}

.page-samples .active-second-step #step-footer .btn.order-again {
  display: none;
}

.page-samples .active-third-step .order-again {
  margin: 1rem 0 0 0 !important;
  border-radius: 4px;
  box-shadow: none;
}

.page-samples #step-footer {
  display: block;
}

.page-samples #step-footer .step-toolbar a {
  margin: 0;
}

.page-samples #step-footer .step-toolbar .spb-back {
  float: left;
  border-radius: 4px;
  padding: 9px 15px 9px 28px;
  box-shadow: none;
}

.page-samples #step-footer .step-toolbar .spb-back::after {
  right: auto;
  left: 14px;
  transform: rotate(-180deg);
  bottom: 3px;
}

.page-samples #step-footer .step-toolbar .spb-continue {
  border-radius: 4px;
  box-shadow: none;
}

.page-samples #step-2 {
  display: none;
}

.page-samples #step-2 .active-second-step {
  display: block;
}

.page-samples #step-3 {
  display: none;
}

.page-samples #step-3 .active-third-step {
  display: block;
}

@media (max-width: 767px) {
  .page-samples .sw-container .content-block-group .box .paragraphSystem {
    margin: 0;
  }
  .page-samples .sw-container .content-block-group .content-block img {
    background: white;
  }
}

/*Global consent -STARTS*/
.gigya-registration .CIAM-GEP-COMM-PREFER, .gigya-profile-form .CIAM-GEP-COMM-PREFER {
  display: block !important;
}

.gigya-registration .CIAM-GEP-COMM-PREFER.hide, .gigya-profile-form .CIAM-GEP-COMM-PREFER.hide {
  display: none !important;
}

.active-first-step .gigya-registration .CIAM-GEP-COMM-PREFER {
  display: none !important;
}

.wizard-container.manual-registration .CIAM-GEP-COMM-PREFER.hide {
  display: none !important;
}

.active-second-step #step-content .gigya-register-form .gigya-composite-control.CIAM-GEP-REG3.CIAM-GEP-COMM-PREFER.hide {
  display: none !important;
}

/*Global consent -ENDS*/
.locate-enabled .locate-field-key {
  position: relative;
}

@media only screen and (max-width: 479px) {
  .locate-enabled .locate-field-key .locate-field-button {
    margin-top: 6px !important;
    margin-bottom: 15px;
    position: relative;
  }
}

@media only screen and (min-width: 480px) {
  .locate-enabled .locate-field-key input {
    max-width: calc(100% - 130px);
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .locate-enabled .locate-field-key .locate-field-button {
    position: absolute !important;
    top: 23px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

.locate-enabled .locate-field-key a {
  cursor: pointer;
}

.locate-enabled .locate-field-key a:hover {
  text-decoration: underline;
}

.locate-enabled .locate-field-key .locate-anchor {
  display: block !important;
  margin: 5px 0;
  top: 0;
}

.locate-enabled .locate-field-key .locate-field-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 120px !important;
  height: 43px;
  margin-left: 0;
  color: white !important;
  padding: 0 5px !important;
  text-transform: uppercase !important;
  font-weight: normal;
  top: auto;
}

.locate-enabled .locate-field-key .locate-field-button.CIAM-GEP-FIND_ADDRESS {
  background-color: #000;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.86rem !important;
}

.locate-enabled .locate-field-key .locate-field-button.CIAM-GEP-FIND_ADDRESS:hover, .locate-enabled .locate-field-key .locate-field-button.CIAM-GEP-FIND_ADDRESS:focus {
  color: #000 !important;
  background-color: #30e403;
}

@media (min-width: 992px) {
  .locate-enabled .locate-field-select {
    width: 98% !important;
  }
}

.locate-enabled .js-loqate-address-fields input:disabled {
  cursor: not-allowed !important;
  opacity: 1;
  -webkit-text-fill-color: #444444 !important;
}

.locate-enabled .js-loqate-address-fields select:disabled {
  cursor: not-allowed !important;
  opacity: 1;
  -webkit-text-fill-color: #444444 !important;
}

.locate-enabled .js-loqate-address-fields.gigya-composite-control-dropdown:hover > .gigya-label.disabled::after, .locate-enabled .js-loqate-address-fields.gigya-composite-control-dropdown:focus > .gigya-label.disabled::after {
  transform: none;
}

.locate-enabled .manual-enter-address {
  float: right !important;
  width: auto !important;
  text-transform: none !important;
  position: relative !important;
  font-weight: 700 !important;
  margin-bottom: 25px !important;
}

@media (min-width: 992px) {
  #ciam-edit-profile-professional-details .gigya-composite-control.locate-field-key {
    width: 99%;
  }
}

.pca .pcaitem {
  white-space: break-spaces !important;
}

@media (max-width: 480px) {
  .pca .pcaautocomplete .pcalist {
    width: 90% !important;
  }
}

/*
#################################################################

contact us
------------------
Summary: contact us page styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the contact us page.

#################################################################
*/
.box-contact-us .box-home-white .component-content {
  min-height: 11rem;
  padding-bottom: 0;
}

.box-contact-us .box-home-white .call-us-num {
  font-size: 1.6rem;
  font-weight: 400;
  color: #30e403;
}

.box-contact-us .box-home-white p .btn-link-border {
  bottom: 2rem;
}

/*
#################################################################

Streaming media
------------------
Summary: Streaming media styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the Streaming media.

#################################################################
*/
.streaming-media .mejs-container {
  border: 0 !important;
}

.streaming-media .video-video-container video {
  min-height: 150px;
  width: 100%;
}

.streaming-media .video-video {
  width: 100% !important;
  position: relative;
}

.streaming-media .video-video button {
  outline: none;
}

.streaming-media .video-video .mejs-poster img {
  width: 100% !important;
}

.streaming-media.video {
  position: relative;
}

.streaming-media.video .mejs-layers .mejs-poster img {
  object-fit: contain;
}

.video-nojs {
  display: none;
}

.content-block-video .richText-content a.btn {
  right: 2rem;
}

.video-video {
  border: 0 !important;
}

.transcript-content {
  display: none;
}

.parametrizedhtml .youtube-video-thumbnail > .play-button {
  background: url(../../assets/img/play_icon.png) no-repeat center;
  width: 100px;
  display: block;
  position: absolute;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  top: 50%;
  left: 50%;
}

.parametrizedhtml .youtube-video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56%;
}

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

/*
#################################################################

Arrow CTA
------------------
Summary: Arrow CTA styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the Arrow CTA.

#################################################################
*/
.cta-arrow .richText-content p {
  margin-bottom: 0;
  padding-right: 2rem;
}

.cta-arrow .richText-content p span {
  font-size: 2.5rem;
  right: 1rem;
  top: 0;
  align-items: center;
  display: flex;
  position: absolute;
  height: 100%;
}

/*
#################################################################

Share This
------------------
Summary: Share this component styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the share this component across the pages.

#################################################################
*/
.shareThis {
  padding-right: 15px;
}

@media (min-width: 768px) {
  .shareThis {
    position: relative;
    right: -15px;
  }
}

@media (max-width: 767px) {
  .shareThis {
    display: flex;
    justify-content: center;
    padding-right: 0;
  }
}

.shareThis .component-content {
  float: right;
}

.shareThis .shareThis-list {
  overflow: visible;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.143rem;
}

.shareThis .shareThis-list li {
  float: left;
  width: auto;
  height: 36px;
  margin: 10px 10px 0 0;
}

@media (max-width: 480px) {
  .shareThis .shareThis-list li {
    margin: 10px 10px 10px 0;
  }
}

.shareThis .shareThis-list li a {
  display: block;
  height: 36px;
  margin-left: 0.5rem;
  text-decoration: none;
  color: black;
}

.shareThis .shareThis-list li a::after {
  font-size: 3rem;
  height: 36px;
  width: 36px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.shareThis .shareThis-list li a img {
  display: none;
}

.shareThis .shareThis-list li a:hover, .shareThis .shareThis-list li a:focus {
  text-decoration: none;
}

.shareThis .shareThis-list li a:hover::after, .shareThis .shareThis-list li a:focus::after {
  background: #30e403;
}

.shareThis .shareThis-list li:last-child {
  margin-right: 0;
}

.shareThis .shareThis-list a[title="Twitter"]::after {
  content: "\e008";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="Linkedin"]::after {
  content: "\e010";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="Email"]::after {
  content: "\e011";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="Facebook"]::after {
  content: "\e006";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="VK"]::after {
  content: "\e033";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="OK"]::after {
  content: "\e032";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="Instagram"]::after {
  content: "\e007";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.shareThis .shareThis-list a[title="Youtube"]::after {
  content: "\e009";
  font-family: 'VBL-Icons';
  color: inherit;
  display: inline-block;
  position: relative;
}

.sharethis-text {
  padding-top: 9px;
}

.sharethis-text .component-content {
  color: #000;
  float: right;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  line-height: 1.5;
}

/*
#################################################################

Content block 
------------------
Summary: Content block for reusability of modules
Project: (HALEON) Expert Portal Project.
Usage: SCSS for modules - 2, 6, 7, 13, 14, 15, 20.

#################################################################
*/
.content-block {
  padding-left: 0;
  padding-right: 0;
  background: white;
  min-height: 137px;
}

.content-block > .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.content-block img {
  width: 100%;
  border: 15px solid white;
  border-bottom: 0;
}

.content-block .video-video-container {
  border: 15px solid white;
  border-bottom: 0;
}

.content-block p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .content-block.image-left img {
    float: left;
    margin-right: 15px;
    width: 25%;
    border-bottom: 15px solid white;
  }
  .content-block.image-left .richText-content {
    padding-left: calc(25% + 15px);
  }
}

@media (min-width: 768px) {
  .content-block.image-right img {
    float: right;
    margin-left: 15px;
    width: 25%;
    border-bottom: 15px solid white;
  }
  .content-block.image-right .richText-content {
    padding-right: calc(25% + 15px);
  }
  .content-block.image-right .richText-content .btn {
    right: calc(25% + 15px);
  }
}

.content-block .richText-content {
  padding: 15px;
  width: 100%;
}

.content-block .richText-content .btn {
  position: absolute;
  right: 15px;
  bottom: 1rem;
  max-width: calc(100% - 30px);
}

.content-block.cta .richText-content {
  padding-bottom: 3.6rem;
}

.content-block.cta .no-cta .richText-content {
  padding-bottom: 15px !important;
}

.content-block.cta.multiple-cta .richText-content .btn {
  position: relative;
  margin-left: 1rem;
  right: auto;
  bottom: auto;
}

.content-block.cta.multiple-cta .richText-content p:last-child {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

@media (max-width: 767px) {
  .content-block.cta.multiple-cta .secondary-btn, .content-block.cta.multiple-cta .primary-btn {
    left: 0;
    max-width: 100% !important;
    margin: 0 !important;
    display: block;
  }
  .content-block.cta.multiple-cta .richText-content p:last-child {
    position: static;
  }
}

@media (min-width: 768px) {
  .content-block.cta.multiple-cta .secondary-btn, .content-block.cta.multiple-cta .primary-btn {
    right: 0 !important;
  }
}

.content-block.cta.multiple-cta .secondary-btn {
  background-color: #30e403;
  border-color: transparent;
  text-decoration: none;
  color: #000;
}

.content-block.cta.multiple-cta .secondary-btn:hover, .content-block.cta.multiple-cta .secondary-btn:focus {
  color: white;
  background-color: #000;
}

.content-block.cta.multiple-cta .secondary-btn:hover::after, .content-block.cta.multiple-cta .secondary-btn:focus::after {
  border-color: white;
}

.content-block.cta.multiple-cta .secondary-btn::after {
  border-color: #000;
}

.content-block .cta .richText-content {
  padding-bottom: 3.6rem;
}

.content-block.zoom p:first-child {
  display: inline;
}

.content-block.zoom .richText-content {
  border-top: 1px solid #707070;
  position: relative;
  margin-top: 3rem;
  padding-bottom: 0;
}

.content-block.zoom .richText-content .btn-zoom {
  bottom: auto;
  top: -2.7rem;
  right: 1rem;
}

.content-block.zoom.cta .richText .richText-content {
  padding-bottom: 15px !important;
}

.content-block.hero-block img {
  border: 0;
  background: none;
}

.content-block.hero-block .richText-content {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  width: 100%;
}

@media (min-width: 768px) {
  .content-block.hero-block .richText-content {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: calc(40% - 15px);
    z-index: 3;
  }
}

.content-block.hero-block .richText-content img.partnerLogo {
  width: auto !important;
  height: 50px !important;
}

.content-block.hero-block .richText-content .body-title {
  font-size: 1.25rem;
  line-height: normal;
}

@media (max-width: 767px) {
  .content-block.hero-block .richText {
    position: static;
  }
}

.content-block.arrow {
  background: none;
  min-height: auto;
}

.content-block.arrow .richText-content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.content-block.arrow .richText-content a {
  background: white;
  flex-direction: row;
  position: relative;
  font-weight: 700;
  padding: 15px 3rem 15px 15px !important;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  color: #000;
  text-decoration: none;
  line-height: 1.143rem !important;
}

.content-block.arrow .richText-content a span {
  width: 28px;
  font-size: 2rem;
  font-weight: 400;
  right: 7px;
  top: 0;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
}

.content-block.arrow .richText-content a span::before {
  color: #000;
  transition: all 0.3s ease-in-out;
}

.content-block.arrow .richText-content a:hover {
  color: #000;
  text-decoration: none;
  background: #30e403;
}

.content-block.arrow .richText-content a:hover span::before {
  color: #000;
}

@media (min-width: 768px) {
  .content-block.image-contain img {
    object-fit: contain;
    object-position: center top;
  }
}

.content-block.img-scale-down {
  min-height: auto;
}

.content-block.tick-list ul {
  list-style-type: none;
}

.content-block.tick-list ul li {
  position: relative;
}

.content-block.tick-list ul li::before {
  content: "\f00c";
  position: absolute;
  left: -20px;
  top: 1px;
  font-family: "FontAwesome";
  font-size: inherit;
}

.content-block.no-image {
  min-height: auto;
}

.content-block.no-padding .richText-content {
  padding: 0;
}

.content-block.category-icon .component-content {
  padding-bottom: 90px;
  position: relative;
  background: white;
}

.content-block.category-icon .component-content .richText-content {
  padding-bottom: 0;
}

.content-block.category-icon .component-content p:last-child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  justify-content: space-between;
}

.content-block.category-icon .component-content p:last-child .btn {
  right: 1rem !important;
  max-width: calc(100% - 90px);
}

.content-block.category-icon.oral-icon p:last-child::before {
  content: "\e001";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block.category-icon.resp-icon p:last-child::before {
  content: "\e002";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block.category-icon.wellness-icon p:last-child::before {
  content: "\e003";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block.category-icon.pain-icon p:last-child::before {
  content: "\e004";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block.category-icon.skin-icon p:last-child::before {
  content: "\e005";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block.category-icon.farmacia-icon p:last-child::before {
  content: "\e034";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block.category-icon.sexual-health-icon p:last-child::before {
  content: "";
  font-family: 'VBL-Icons';
  font-size: 3.5rem;
  color: #000;
  display: block;
}

.content-block > a {
  text-decoration: none !important;
  color: #000 !important;
}

.content-block > a:hover, .content-block > a:focus {
  text-decoration: none !important;
  color: #000 !important;
}

.content-block.samples .body-title {
  font-size: 1rem;
}

.content-block-group .content-block {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .content-block-group .content-block {
    min-height: auto;
  }
  .content-block-group .content-block img {
    border-top: 0;
  }
}

@media (min-width: 768px) {
  .content-block-group .content-block.image-left img {
    border-left: 0;
  }
}

@media (min-width: 768px) {
  .content-block-group .content-block.image-right img {
    border-right: 0;
  }
}

@media (min-width: 768px) {
  .content-block-group .content-block.u-mb-sm-15 {
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .content-block-group .content-block.u-mb-sm-15 {
    margin-bottom: 30px;
  }
}

.content-block-group.column {
  padding-top: 0;
}

@media (min-width: 768px) {
  .content-block-group.column {
    padding: 0;
  }
}

.content-block-group.column > .component-content {
  padding-left: 0;
}

.content-block-group.column .content-block {
  padding: 0 15px;
  background: none;
}

.content-block-group.column .content-block .richText-content {
  background: white;
}

.content-block-group.column .content-block .richText-content .btn {
  right: 2rem;
  max-width: calc(100% - 50px);
}

.content-block-group.column .content-block .component-content {
  background: white;
}

@media (min-width: 768px) {
  .content-block-group.column .content-block img {
    border-top: 15px solid white;
  }
  .content-block-group.column .content-block.login-message img, .content-block-group.column .content-block.sample-message img {
    border: none;
  }
}

@media (min-width: 768px) {
  .content-block-group.column .row {
    display: flex;
  }
}

@media (min-width: 768px) {
  .content-block-group.column .row .content-block {
    display: flex;
  }
}

@media (max-width: 767px) {
  .content-block-group.column .row .content-block {
    padding-left: 0;
    padding-right: 0;
  }
}

.content-block-group.column .row .content-block .richText {
  background: white;
}

.content-block-group.column .row .content-block .richText .richText-content .btn {
  right: 1rem;
}

@media (min-width: 768px) {
  .content-block-group.column .content.paragraphSystem {
    display: flex;
    flex-wrap: wrap;
  }
  .content-block-group.column .content-block .component-content {
    background: white;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .content-block-group.column .box .content-block:nth-child(3n + 3) {
    -webkit-margin-start: -1px;
    -webkit-margin-end: -1px;
  }
}

@media (max-width: 767px) {
  .content-block-group.column.boxed {
    padding-top: 15px;
  }
}

@media (min-width: 768px) {
  .content-block-group.column.boxed {
    padding: 15px 15px 0 15px;
  }
}

.content-block-group.column.boxed > .component-content {
  padding-top: 0;
  padding-left: 0;
}

@media (max-width: 767px) {
  .content-block-group.column.boxed > .component-content {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .content-block-group.column.boxed .content-block img {
    margin-bottom: 1rem;
  }
}

.content-block-group.column.boxed .content-block .richText-content {
  padding-left: 0;
  padding-right: 0;
}

.content-block-group.column.boxed .content-block .richText-content .btn {
  right: 1rem;
}

@media (max-width: 767px) {
  .content-block-group.column.boxed .row .content-block {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.content-block-group.column.boxed .row .content-block .richText .richText-content .btn {
  right: 0;
}

@media (min-width: 768px) {
  .content-block-group.column.u-mb-sm-30 .content-block {
    margin-bottom: 30px;
  }
}

.content-block-group.column .dynamic-content .snippetConfig, .content-block-group.column .dynamic-content-pdf .snippetConfig, .content-block-group.column .dynamic-content-video .snippetConfig {
  padding: 0 15px;
}

.content-block-group.column .dynamic-content .snippetConfig h1, .content-block-group.column .dynamic-content-pdf .snippetConfig h1, .content-block-group.column .dynamic-content-video .snippetConfig h1 {
  display: none;
}

.content-block-group.column .dynamic-content .snippetConfig .snippetContent, .content-block-group.column .dynamic-content-pdf .snippetConfig .snippetContent, .content-block-group.column .dynamic-content-video .snippetConfig .snippetContent {
  display: flex;
  flex-wrap: wrap;
}

.content-block-group.column.grid .content-block {
  margin-bottom: 30px;
}

.content-block-group.column.grid .content-block img {
  border: none;
  box-shadow: 0 0 6px #adb5bd;
}

.content-block-group.column.grid .content-block .richText-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: 0 auto;
  width: calc(100% - 60px);
  box-shadow: 0 0 1px #adb5bd;
}

@media (min-width: 768px) {
  .content-block-group.column.grid .content-block .richText-content {
    left: auto;
    right: 30px;
    width: 55%;
  }
}

.content-block-group.column.grid .content-block .richText-content .btn {
  right: 15px;
}

.content-block-group.boxed {
  margin-bottom: 15px;
  display: grid;
  background: white;
}

.content-block-group.boxed img {
  bottom: 0 !important;
  border: 0 !important;
}

.content-block-group.boxed > .component-content {
  padding-left: 15px;
  padding-top: 15px;
}

@media (max-width: 767px) {
  .content-block-group.boxed > .component-content {
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .content-block-group.boxed img {
    margin-bottom: 1rem;
  }
}

.content-block-group.boxed .richText-content {
  padding-top: 0;
}

@media (max-width: 767px) {
  .content-block-group.boxed .richText-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .content-block-group.boxed .richText-content .btn {
    right: 0;
  }
}

.content-block-group.boxed .content-block {
  min-height: auto;
}

.content-block-group.boxed .content-block .btn {
  bottom: 0;
}

@media (min-width: 768px) {
  .content-block-group.boxed .content-block.image-left img {
    margin-right: 30px;
  }
  .content-block-group.boxed .content-block.image-left .richText-content {
    padding-left: calc(25% + 30px);
  }
}

@media (min-width: 768px) {
  .content-block-group.boxed .content-block.image-right img {
    margin-left: 30px;
  }
  .content-block-group.boxed .content-block.image-right .richText-content {
    padding-right: calc(25% + 30px);
  }
  .content-block-group.boxed .content-block.image-right .richText-content .btn {
    right: calc(25% + 30px);
  }
}

.content-block-group.boxed .box {
  margin: 15px 15px 0 15px;
}

@media (min-width: 768px) {
  .content-block-group.boxed .box {
    margin-right: 0;
  }
}

.content-block-group.events-block .content-block ul {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}

@media (max-width: 767px) {
  .content-block-group.events-block .content-block ul {
    padding-top: 20px;
    border-top: 1px solid #333333;
  }
}

@media (min-width: 768px) {
  .content-block-group.events-block .content-block ul {
    width: 150px;
    position: absolute;
    right: 0;
    top: 5px;
    padding: 5px 15px 5px 0;
  }
}

.content-block-group.events-block .content-block ul li {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  color: #707070;
  padding: 5px 0 5px 30px;
}

.content-block-group.events-block .content-block ul li span {
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 1.5rem;
}

.content-block-group.events-block .content-block ul li span.fa-map-marker {
  font-size: 2rem;
  left: -5px;
}

.content-block-group.events-block .content-block ul li span.event-span {
  font-size: 14px;
  position: relative;
}

.content-block-group.events-block .content-block ul li span.icon, .content-block-group.events-block .content-block ul li .gigyaraas.top-signin span.gigya-raas-link::before, .gigyaraas.top-signin .content-block-group.events-block .content-block ul li span.gigya-raas-link::before {
  color: #000;
  font-size: 1.6rem;
}

.content-block-group.events-block .content-block ul li span.fa-calendar-o {
  left: -4px;
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .content-block-group.events-block .content-block .richText-content {
    width: calc(100% - 185px);
  }
  .content-block-group.events-block .content-block .richText-content::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 185px;
    top: 0;
    background: #333333;
  }
}

.content-block-group.events-block .content-block.js-ignore .richText-content::after {
  background: none;
}

@media (min-width: 768px) {
  .content-block-group.events-block .content-block.image-left .richText-content {
    min-height: 200px;
  }
}

.content-block-group.row-reverse .row {
  flex-direction: row-reverse;
}

.content-block-group.row-reverse .content {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .content-block-group.row-reverse .content {
    justify-content: flex-end;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .content-block-group.row-reverse .content-block {
    margin: 0 -1px;
  }
}

.content-block-group.events-block .content-block {
  position: relative;
}

.content-block-group.events-block .rep {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  margin-left: -0.9rem;
}

.js-dynamic-content-past .content-block {
  position: relative;
}

@media (min-width: 992px) {
  .content-block-group .content-block.u-mb-sm-30 {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .content-block-group.column .box .content-block {
    margin-bottom: 30px;
  }
}

/*Specific for events and webinars page*/
@media (min-width: 768px) {
  .image-spacing img {
    border-left: 15px solid white !important;
    border-top: 15px solid white !important;
    border-bottom: 15px solid white;
  }
}

.generic-dynamic-content-banner .content-block.cta.multiple-cta .richText-content .btn {
  margin-left: auto;
  left: auto;
  margin-right: 0.5rem;
}

.generic-dynamic-content-banner .content-block.cta.multiple-cta .richText-content p:last-child {
  right: auto;
  bottom: auto;
}

.featured-article.content-block img {
  border: 15px solid transparent !important;
}

.featured-article .component-content, .featured-article .richText-content {
  background: #30e403 !important;
}

.featured-article .btn {
  max-width: calc(100% - 90px) !important;
}

.featured-article .btn:hover {
  background-color: white;
  border-color: transparent;
  text-decoration: none;
}

.featured-article.video-gallery-icon p:last-child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0px 30px;
  justify-content: space-between;
}

.featured-article.video-gallery-icon p:last-child:after {
  content: "";
  font-family: 'VBL-Icons';
  font-size: 3rem;
  display: block;
  color: #000;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .featured-article.video-gallery-icon p:last-child:after {
    margin-left: -10px;
    font-size: 2.5rem;
  }
}

.featured-article .video-series-icon {
  left: -2px !important;
}

.featured-article .video-series-icon::before {
  content: "";
  font-family: "VBL-Icons";
  font-size: 1.5rem;
  color: #000;
}

@media (min-width: 768px) {
  .content-block.image-right .language-symbol {
    top: 20px;
    right: 20px;
    left: auto;
  }
}

.content-block .language-symbol {
  position: absolute;
  top: 20px;
  left: 20px;
}

.content-block-group.column .content-block .language-symbol {
  left: 34px;
}

.locked {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.locked::before {
  position: absolute;
  content: "";
  font-family: 'VBL-Icons';
  color: #000;
  font-size: 4.5rem;
  display: block;
}

.locked img {
  opacity: 0.2;
}

@media (min-width: 768px) {
  .content-block.image-left .locked {
    display: block;
    width: 25%;
    float: left;
  }
  .content-block.image-left .locked img {
    width: 100%;
  }
  .content-block.image-left .locked::before {
    width: fit-content;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
  }
  .content-block.image-left .unlocked {
    position: relative;
    display: block;
    width: 25%;
    float: left;
  }
  .content-block.image-left .unlocked img {
    width: 100%;
  }
  .content-block.image-left .unlocked::before {
    bottom: 15px;
  }
  .content-block.image-right .locked::before {
    top: 3rem;
    left: 45rem;
  }
}

@media (min-width: 1200px) {
  .content-block.image-right .locked::before {
    top: 4rem;
    left: 54rem;
  }
}

span.locked::before {
  font-size: 1.5rem;
  left: 1rem;
  bottom: 0;
  top: 0;
  color: #E90707;
}

span.locked + span {
  position: relative;
  left: 2.9rem;
}

.unlocked {
  position: relative;
  display: inline-block;
}

.unlocked::before {
  position: absolute;
  bottom: 0;
  left: 15px;
  background-color: #30e403;
  content: "";
  font-family: 'VBL-Icons';
  width: 3.5rem;
  height: 3rem;
  font-size: 1.857rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

span.unlocked::before {
  font-size: 1.5rem;
  left: 1.1rem;
  height: 0;
  width: auto;
  bottom: 9px;
  color: #30e403;
}

span.unlocked + span {
  position: relative;
  left: 2.9rem;
}

@media (max-width: 991px) {
  .hero-block-v2.content-block.cta .richText-content {
    padding-bottom: 3.6rem;
  }
  .hero-block-v2.content-block.multiple-cta .richText-content p:last-child {
    position: static;
  }
  .hero-block-v2.hero-block .richText-content {
    position: static;
    color: #000;
    width: 100%;
  }
  .hero-block-v2.multiple-cta .secondary-btn,
  .hero-block-v2.multiple-cta .primary-btn {
    left: 0;
    max-width: 100% !important;
    margin: 0 !important;
    display: block;
  }
  .hero-block-v2.dynamic-lens-left .component-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .hero-block-v2.dynamic-lens-left .component-content .richText-content {
    bottom: 0;
    text-align: left;
  }
  .hero-block-v2.dynamic-lens-left .component-content img {
    position: relative;
    width: auto;
    height: 64vw;
    z-index: 1;
  }
  .hero-block-v2.dynamic-lens-left .component-content::before {
    height: 57vw;
  }
  .hero-block-v2.dynamic-lens-right .component-content {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .hero-block-v2.dynamic-lens-right .component-content .richText-content {
    bottom: 0;
    text-align: left;
  }
  .hero-block-v2.dynamic-lens-right .component-content .richText-content .btn {
    left: 0;
  }
  .hero-block-v2.dynamic-lens-right .component-content img {
    width: auto;
    height: 64vw;
  }
  .hero-block-v2.dynamic-lens-right .component-content::before {
    height: 64vw;
  }
}

@media (min-width: 992px) {
  .hero-block-v2.content-block {
    min-height: auto;
  }
  .hero-block-v2.hero-block .richText-content {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: calc(40% - 15px);
    z-index: 3;
    bottom: auto;
    text-align: right;
  }
  .hero-block-v2.multiple-cta .secondary-btn,
  .hero-block-v2.multiple-cta .primary-btn {
    right: 0 !important;
  }
  .hero-block-v2.dynamic-lens-left .component-content {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
  }
  .hero-block-v2.dynamic-lens-left .component-content .richText-content {
    bottom: auto;
    text-align: right;
  }
  .hero-block-v2.dynamic-lens-left .component-content img {
    width: 100%;
    height: auto;
  }
  .hero-block-v2.dynamic-lens-left .component-content::before {
    height: 100%;
  }
  .hero-block-v2.dynamic-lens-right .component-content {
    display: flex;
    align-items: flex-start;
  }
  .hero-block-v2.dynamic-lens-right .component-content .richText-content {
    bottom: auto;
    text-align: left;
  }
  .hero-block-v2.dynamic-lens-right .component-content .richText-content p:last-child {
    left: 0;
  }
  .hero-block-v2.dynamic-lens-right .component-content .richText-content .btn {
    left: 0;
  }
  .hero-block-v2.dynamic-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
  .hero-block-v2.dynamic-lens-right .component-content::before {
    height: 100%;
  }
}

/*object fit for IE */
.ie-mitigation-pop-up {
  z-index: 2100000000 !important;
  background: #e7e7e7 !important;
}

.ie-mitigation-pop-up .bumper-container {
  padding: 1.43rem !important;
  height: auto;
  box-shadow: 0 0 1px 1px #eeedec;
  background: white;
}

.ie-mitigation-pop-up .bumper-container p {
  font-size: 18px;
}

.ie-mitigation-pop-up .bumper-container ul {
  padding-left: 1.143rem;
}

.ie-mitigation-pop-up .bumper-container ul li {
  padding-top: 0.25rem !important;
  list-style-type: circle;
  font-size: 1.5rem;
}

.ie-mitigation-pop-up .bumper-container ul li a {
  font-size: 18px;
}

/*
#################################################################

ACCORDION
------------------
Summary: Accordion styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the Accordion of the website

#################################################################
*/
.mod-js .accordion-content-wrapper {
  visibility: hidden;
  height: 0;
  position: relative;
  top: -999999px;
  left: -999999px;
  overflow: hidden;
  box-sizing: border-box;
}

.mod-js .accordion-slide.is-active > .accordion-content-wrapper {
  visibility: visible;
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  margin: 10px 0;
}

.mod-js .accordion-slide.is-active:last-child > .accordion-content-wrapper {
  border-bottom: none;
}

.mod-js .accordion-slide.is-active .accordion-head a {
  background: #30e403;
}

.mod-js .accordion-head {
  cursor: pointer;
  position: relative;
}

.accordion {
  background: white;
}

.accordion .accordion-container {
  border: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.accordion .accordion-container .accordion-slide {
  border: none;
  border-top: 1px solid #e7e7e7;
}

.accordion .accordion-container .accordion-slide .accordion-head {
  padding: 0;
  background: none;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
}

.accordion .accordion-container .accordion-slide .accordion-head a {
  padding: 15px 45px 15px 15px;
  display: block;
  text-decoration: none;
}

.accordion .accordion-container .accordion-slide .accordion-head a:hover {
  background: #30e403;
}

.accordion .accordion-container .accordion-slide .accordion-head .accordion-title {
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
}

.accordion .accordion-container .accordion-slide .accordion-head::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  color: #000;
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
}

.accordion .accordion-container .accordion-slide .accordion-head:hover::after {
  color: #000;
}

.accordion .accordion-container .accordion-slide .accordion-content {
  padding: 0 15px 0;
}

@media (max-width: 767px) {
  .accordion .accordion-container .accordion-slide .accordion-content .content-block-group {
    padding: 0;
  }
}

.accordion .accordion-container .accordion-slide .accordion-content .content-block-group .paragraphSystem {
  margin: 0;
}

.accordion .accordion-container .accordion-slide.is-active .accordion-head::after {
  transform: rotate(-90deg);
}

.accordion .accordion-container .accordion-slide:first-child {
  border-top: 0;
}

/*
#################################################################

TABS
------------------
Summary: Tabs styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the Tabs of the website

#################################################################
*/
.tabs {
  position: relative;
}

.tabs .tabs-nav {
  position: relative;
  z-index: 150;
  top: 0;
  left: 0;
  height: 39px;
  overflow: hidden;
  width: 100%;
}

.tabs .tabs-nav-list {
  position: relative;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  width: 2000px;
}

.tabs .tabs-nav-list .tabs-nav-item {
  padding: 0;
  border: none;
  margin-left: 1px;
  font-weight: bold;
  font-size: 12px;
  float: left;
  cursor: pointer;
  top: 4px;
  height: auto;
}

.tabs .tabs-nav-list .tabs-nav-item > a:hover {
  text-decoration: none;
}

.tabs .tabs-nav-list .tabs-nav-item.is-active > a {
  border-bottom: 1px solid white;
  text-decoration: none;
}

.tabs .tabs-nav-list .tabs-nav-item:first-child {
  margin-left: 0;
}

.tabs .tabs-nav-switcher {
  position: absolute;
  height: 35px;
  width: 15px;
  border: 2px solid #333333;
  cursor: pointer;
  top: 0;
  background: #e7e7e7;
}

.tabs .tabs-nav-switcher:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  font-style: normal;
  position: relative;
  font-weight: normal;
  left: 50%;
  margin-left: -3px;
  padding: 7px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tabs .tabs-nav-switcher-right {
  right: 0;
}

.tabs .tabs-nav-switcher-left {
  left: 0;
}

.tabs .tabs-nav-switcher-left:before {
  content: "\f053";
  margin-left: -4px;
}

.tabs .tabs-content {
  position: relative;
  z-index: 100;
  top: -2px;
  background: white;
  overflow: hidden;
  padding: 0;
  border: 1px solid #707070;
}

.tabs .tabs-content.is-hidden {
  display: none;
}

.no-js .tabs-nav {
  display: none;
}

.no-js .tabs-content {
  display: block !important;
  visibility: visible !important;
}

.no-js .tabs > .component-content {
  padding-top: 0;
}

.tabs-heading {
  display: block;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

.tabs-vertical .tabs-nav {
  height: auto;
  width: 60px;
}

.tabs-vertical .component-content {
  padding-top: 0;
}

.tabs-vertical .tabs-nav-list {
  width: 100%;
}

.tabs-vertical .tabs-nav-item {
  border-width: 2px;
  height: auto;
  margin: 0 0 5px;
  width: 36px;
}

.tabs-vertical .tabs-nav-item.is-active {
  border-bottom: 2px solid;
  border-right: medium;
  padding: 7px 12px 7px 10px;
}

.tabs-vertical .tabs-nav-item.is-active:hover {
  border-bottom: 2px solid;
  border-right: medium;
  padding: 7px 12px 7px 10px;
}

.tabs-vertical .tabs-content {
  margin-left: 60px;
  left: -2px;
  top: 0;
}

/* carousel  Modules Start */
.carousel-slides {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.carousel-slide {
  clear: both;
  position: absolute;
  width: 100%;
}

.carousel-slide.is-active {
  display: block;
  position: relative;
}

.carousel-slide .no-content {
  text-align: center;
}

.carousel-slide .no-content .carousel-cover {
  float: none;
  max-width: 100%;
}

.carousel-slide .no-image {
  text-align: center;
}

.carousel-slide .no-image .carousel-content {
  float: none;
  max-width: 100%;
}

.carousel-slide .image-and-content {
  overflow: hidden;
}

.carousel-cover {
  max-width: 50%;
  height: auto;
  float: right;
}

@media (max-width: 767px) {
  .carousel-cover {
    max-width: 100%;
    float: none;
    margin: auto;
    display: block;
  }
}

.carousel-content {
  max-width: 48%;
  float: left;
  text-align: left;
  transition: margin 200ms ease-in;
  width: 100%;
}

@media (max-width: 767px) {
  .carousel-content {
    max-width: 100%;
    float: none;
  }
}

.carousel-nav {
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
  padding: 0;
}

.carousel-nav li {
  display: inline-block;
  margin: 0 3px;
}

.carousel-nav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 0;
  color: transparent;
}

.carousel-nav-prev,
.carousel-nav-next {
  position: absolute;
  border: none;
}

.carousel-nav-prev a,
.carousel-nav-next a {
  border: none;
  display: block;
  width: 100%;
  height: 100%;
}

.carousel-nav-prev a:before,
.carousel-nav-next a:before {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.no-js .carousel .carousel-slide {
  position: static;
}

.no-js .carousel .carousel-slide:first-child {
  margin-top: 0;
  border-top: none;
}

.no-js .carousel .carousel-nav li {
  display: none;
}

.lt-ie8 .carousel-nav li {
  display: inline;
  zoom: 1;
}

.lt-ie8 .carousel-nav li.is-active a {
  background: #707070;
}

.lt-ie8 .carousel-nav .carousel-nav-prev,
.lt-ie8 .carousel-nav .carousel-nav-next {
  width: 19px;
  height: 31px;
}

.lt-ie8 .carousel-nav .carousel-nav-prev a,
.lt-ie8 .carousel-nav .carousel-nav-next a {
  border: none;
  display: block;
  width: 100%;
  height: 100%;
}

.lt-ie8 .carousel-nav a {
  display: block;
  zoom: 1;
  border: 2px solid #707070;
  width: 10px;
  height: 10px;
}

.custom-carousel .fixed-component {
  position: static;
}

.custom-carousel .carousel-banner {
  line-height: 1.143rem;
}

.custom-carousel .custom-carousel-title {
  width: 100%;
  margin: 0 auto 2px auto;
  border-bottom: 1px solid #cccccc;
  min-height: 3rem;
  padding-right: 100px !important;
  position: static;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .custom-carousel .custom-carousel-title {
    padding-bottom: 0.25rem;
  }
}

.custom-carousel .custom-carousel-title h2 {
  padding-left: 15px;
  padding-right: 15px;
}

.custom-carousel .carousel {
  padding-bottom: 15px;
  position: static;
}

.custom-carousel .carousel .component-content {
  border: none;
  background: none;
  padding: 0;
  position: static;
}

.custom-carousel .carousel .component-content ul {
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .custom-carousel .carousel .component-content ul {
    height: auto;
  }
  .custom-carousel .carousel .component-content ul.carousel-slides {
    min-height: 200px;
  }
}

.custom-carousel .carousel .component-content ul li .carousel-content {
  max-width: 100%;
}

.custom-carousel .carousel .component-content ul li .richText {
  border-bottom: 1px solid #cccccc;
  padding-top: 15px;
}

@media (min-width: 768px) {
  .custom-carousel .carousel .component-content ul li .richText {
    border: 0px solid #ccc;
  }
}

.custom-carousel .carousel .component-content ul li .richText p {
  margin: 0;
  padding-bottom: 15px;
}

.custom-carousel .carousel .component-content ul li .richText p:last-child {
  padding-bottom: 0;
}

.custom-carousel .carousel .component-content ul li .richText .carousel-title {
  font-weight: 600;
  text-transform: uppercase;
}

.custom-carousel .carousel .component-content ul li .richText.last {
  border: none;
}

.custom-carousel .carousel .component-content .carousel-nav {
  padding-top: 15px;
}

.custom-carousel .carousel .component-content .carousel-nav li {
  display: inline-block;
}

.custom-carousel .carousel .component-content .carousel-nav li a {
  transition: all 0.3s ease-in-out;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next {
  left: auto;
  top: 0;
  height: 42px;
  width: 42px;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a {
  background: #000;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a::before,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a::before {
  transition: all 0.3s ease-in-out;
  font-family: "VBL-Icons";
  font-size: 1.8rem;
  color: #30e403;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a:hover,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a:hover {
  background: #30e403;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a:hover::before,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a:hover::before {
  color: #000;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a.is-active,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a.is-active {
  background: #000;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a.is-active::before,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a.is-active::before {
  color: white;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev,
.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next {
  margin: 0;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev {
  right: 43px;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-prev a:before {
  top: 13px;
  content: "\e016";
  transform: rotate(180deg);
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next {
  right: 0;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-next a:before {
  top: 13px;
  content: "\e016";
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-item a {
  border-radius: 10px;
  background: #000;
  border: none;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-item:hover a, .custom-carousel .carousel .component-content .carousel-nav .carousel-nav-item:focus a {
  background: #30e403;
}

.custom-carousel .carousel .component-content .carousel-nav .carousel-nav-item.is-active a {
  background: #30e403;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav {
  padding-top: 0;
  margin: 15px 0 0;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next {
  background: none;
  width: auto;
  height: auto;
  top: 43%;
  z-index: 5;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a {
  background: white;
  height: 70px;
  width: 60px;
  font-size: 0;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:before,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:before {
  top: 27px;
  color: #000;
  font-size: 3rem;
}

@media (max-width: 991px) {
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:before,
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:before {
    font-size: 2rem;
    top: 10px;
  }
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:hover, .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:focus,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:hover,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:focus {
  background: #000;
  color: #000;
  text-decoration: none;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:hover:before, .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:focus:before,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:hover:before,
.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:focus:before {
  color: #30e403;
  text-decoration: none;
}

@media (max-width: 991px) {
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a,
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a {
    height: 35px;
    width: 25px;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev,
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next {
    top: 10vh;
  }
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev {
  right: auto;
  left: 0;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a {
  box-shadow: 3px 0.1px 3px 1px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:before {
  content: "\e016";
  right: 0;
  transform: rotate(180deg);
}

@media (max-width: 991px) {
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-prev a:before {
    right: 2px;
  }
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next {
  right: 0;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a {
  box-shadow: -3px 0.1px 3px 1px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:before {
  content: "\e016";
  left: 0;
}

@media (max-width: 991px) {
  .custom-carousel .carousel.carousel-animate .component-content .carousel-nav .carousel-nav-next a:before {
    left: -1px;
  }
}

/* carousel  Modules End */
/* Spotlight Hero	Modules Start */
.spotlight-hero.tabs .is-hidden {
  display: none !important;
}

.spotlight-hero.tabs .tabs-nav {
  background: #000;
  height: auto;
  overflow: visible;
  position: relative;
  float: left;
}

@media (min-width: 992px) {
  .spotlight-hero.tabs .tabs-nav {
    width: 28%;
  }
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-switcher-left,
.spotlight-hero.tabs .tabs-nav .tabs-nav-switcher-right {
  display: none !important;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list {
  width: 100% !important;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item {
  font-weight: 400;
  font-size: 1.1rem;
  border: none;
  padding: 0;
  height: 33.33%;
  width: 100%;
  margin: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item {
    font-size: 1rem;
  }
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item .text-wrapper {
  font-weight: 700;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item .text-wrapper span {
  display: block;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item .text-wrapper .tabs-desc {
  font-weight: 400;
  padding-top: 0.25rem;
  font-size: 1rem;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item > a {
  color: white;
  border: none;
  padding: 20px;
  border-bottom: 2px solid white;
  display: block;
  background: #000;
  text-decoration: none;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item.is-active > a, .spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item:hover > a, .spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item:focus > a {
  background: #30e403;
  color: #000;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item.last a {
  border-bottom: none;
}

.spotlight-hero.tabs .tabs-nav .tabs-nav-list .tabs-nav-item .image-wrapper + .text-wrapper {
  position: absolute;
  padding-left: 10px;
}

.spotlight-hero.tabs .tabs-content {
  z-index: 1;
  margin-top: 0px;
  top: 0;
  border: none;
  padding: 0;
  position: relative;
  display: block;
}

@media (max-width: 767px) {
  .spotlight-hero.tabs .tabs-content {
    cursor: pointer;
  }
}

@media (min-width: 992px) {
  .spotlight-hero.tabs .tabs-content .richText {
    min-height: 300px;
  }
}

.spotlight-hero.tabs .tabs-content .tabContent .paragraphSystem {
  margin: 0;
}

.spotlight-hero.tabs .tabs-content .tabContent .box .component-content {
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}

.spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content {
  height: 30rem;
}

@media (min-width: 992px) {
  .spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content {
    height: 23.4rem;
  }
}

.spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText {
  background: none;
}

@media (max-width: 991px) {
  .spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText {
    position: absolute;
    bottom: 15px;
    padding-top: 0;
    min-height: auto;
  }
}

.spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText .richText-content {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
}

@media (max-width: 991px) {
  .spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText .richText-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText .richText-content {
    position: relative;
    width: calc(100% - 2px);
    margin-left: 30px;
    margin-top: 15px;
  }
}

.spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText .richText-content p .btn {
  color: white;
  background: #30e403;
  min-height: auto;
  display: inline-block !important;
}

@media (max-width: 991px) {
  .spotlight-hero.tabs .tabs-content .tabContent .box .component-content .content .richText .richText-content p .btn {
    right: 1rem;
    cursor: pointer;
  }
}

@media (max-width: 991px) {
  .spotlight-hero.tabs .hero-block {
    margin-bottom: 15px;
  }
}

.spotlight-hero.tabs .hero-block .richText-content {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  width: 100%;
  position: static;
}

@media (min-width: 992px) {
  .spotlight-hero.tabs .hero-block .richText-content {
    left: 0;
    top: 15px;
    position: absolute;
    width: calc(48% - 30px);
    bottom: auto;
  }
}

@media (min-width: 992px) {
  .spotlight-hero.tabs > .component-content {
    display: flex;
    flex-direction: row;
  }
  .spotlight-hero.tabs .tabs-nav-list {
    height: 100% !important;
  }
  .spotlight-hero.tabs .tabs-nav-list .tabs-nav-item {
    position: relative;
    top: 0;
  }
  .spotlight-hero.tabs .tabs-nav-list .tabs-nav-item a {
    position: absolute;
    height: 100%;
    width: 100%;
    min-height: 7.8rem;
    left: 0;
    top: 0;
  }
}

/* Breadcrumbs Start */
.breadcrumbs {
  margin: 10px 0 0 0;
}

.breadcrumbs .breadcrumbs-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs .breadcrumbs-list li {
  display: inline-block;
  padding-bottom: 10px;
  line-height: 1.42rem;
}

.breadcrumbs .breadcrumbs-list .breadcrumb-list-item:nth-last-child(1) {
  display: none;
}

.breadcrumbs .breadcrumbs-list .breadcrumb-list-item:nth-last-child(2) .breadcrumbs-separator {
  display: none;
}

.breadcrumbs .breadcrumbs-without-separator .breadcrumbs-separator {
  display: none;
}

.breadcrumbs .breadcrumbs-without-separator li {
  padding-right: 15px;
  margin-right: 9px;
  position: relative;
}

.breadcrumbs .breadcrumbs-without-separator li:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
  position: absolute;
  top: 5px;
  right: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.breadcrumbs .breadcrumbs-without-separator li:last-child {
  background-image: none;
}

.breadcrumbs .breadcrumbs-without-separator li:last-child:before {
  display: none;
}

@media (max-width: 767px) {
  ol.breadcrumbs-list li {
    float: left;
  }
}

ol.breadcrumbs-list li .breadcrumbs-separator {
  margin: 0;
}

/* Breadcrumbs End */
/*
#################################################################

Go To
------------------
Summary: Go To module styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the Go To module.

#################################################################
*/
.goto .goto-text {
  padding: 0;
}

.goto .goto-text p {
  color: #000;
  padding-right: 15px;
  padding-left: 9px;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  float: right;
  outline: none;
  position: relative;
}

.goto .goto-text p:before, .goto .goto-text p.angle-down:before {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  transform: rotate(90deg);
  font-size: 2rem;
  top: 8px;
  right: 0.6rem;
}

.goto .goto-text p.angle-down:before {
  transform: rotate(-90deg);
}

.goto .goto-text p:hover, .goto .goto-text p:focus {
  color: #000;
}

.goto .goto-text p:hover::after, .goto .goto-text p:focus::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: calc(100% - 15px);
  height: 5px;
  background: #30e403;
}

.goto .goto-link {
  right: 0;
  z-index: 1;
  display: none;
}

.goto .goto-link ul {
  padding: 0px;
}

.goto .goto-link ul li {
  list-style: none;
}

.goto .goto-link ul li:not(:first-child)::before {
  position: absolute;
  border-bottom: 2px solid #e7e7e7;
  box-sizing: border-box;
  content: "";
  left: 15px;
  right: 15px;
}

.goto .goto-link ul li a {
  background: white;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
}

.goto .goto-link ul li a:hover, .goto .goto-link ul li a:focus {
  background: #30e403;
  color: #000;
  text-decoration-thickness: 1px;
  text-decoration-color: #000;
}

/*
#################################################################

Callout
------------------
Summary: Callout module styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the Callout module.

#################################################################
*/
.callout .component-content {
  border-top: 5px solid #30e403;
  border-bottom: 5px solid #30e403;
}

.callout .component-content .richText-content {
  background: white;
  font-size: 1.357rem;
  line-height: 1.714rem;
  color: #000;
  padding: 15px;
}

.callout .component-content .richText-content p {
  margin: 0;
}

/*
#################################################################

REFERENCES
------------------
Summary: References styles
Project: (HALEON) Expert Portal Project
Usage: References module styles

#################################################################
*/
.references {
  text-align: left;
}

/*
#################################################################

Sitemap
------------------
Summary: Sitemap page styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the sitemap page.

#################################################################
*/
.sitemap-links .component-content {
  padding-bottom: 2rem;
  min-height: 0;
}

@media (max-width: 767px) {
  .sitemap-links ul {
    padding-left: 20px;
  }
}

.sitemap-links li {
  font-weight: 700;
  width: 13rem;
  float: left;
  padding: 0.5rem 0;
}

@media (min-width: 992px) {
  .sitemap-links li {
    width: 14rem;
  }
}

.sitemap li {
  margin-bottom: 5px;
}

.sitemap li > ul {
  padding-top: 1rem;
}

/*
#################################################################

FILTER
------------------
Summary: Filter styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the filter of the website

#################################################################
*/
.searchFilter .searchFilter-form {
  position: relative;
}

.searchFilter .searchFilter-form .searchFilter-title {
  background: #30e403;
  color: #000;
  padding: 10px;
  margin-bottom: 0;
  cursor: pointer;
}

.searchFilter .searchFilter-form .searchFilter-title::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 2rem;
  top: 4px;
  right: 10px;
  position: absolute;
  transform: rotate(90deg);
}

.searchFilter .searchFilter-form .searchFilter-title.sort-asc::after {
  transform: rotate(-90deg);
}

.searchFilter .searchFilter-form .searchFilter-controls {
  background: white;
  z-index: 1;
  position: absolute;
  width: 100%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.searchFilter .searchFilter-form .searchFilter-controls .searchFilterContent {
  display: none;
  margin: 0;
  width: 100% !important;
}

.searchFilter .searchFilter-form .searchFilter-controls .searchFilterContent .tagRadioFilter:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

.searchFilter .searchFilter-form .searchFilter-controls .searchFilterContent .tagRadioFilter .searchFilter-content {
  display: block;
  padding-bottom: 1rem;
}

.searchFilter .searchFilter-form .searchFilter-controls .searchFilterContent .tagRadioFilter .searchFilter-content .searchFilter-control .searchFilter-label {
  margin: -7px 0 3px 0;
  padding: 10px 0 10px 0;
  width: 100%;
  display: flex;
  align-items: baseline;
}

.searchFilter .searchFilter-form .searchFilter-controls .searchFilterContent .tagRadioFilter .searchFilter-content .searchFilter-control .searchFilter-label::after {
  top: 20px;
}

.searchFilter .searchFilter-form .searchFilter-controls .searchFilterContent .tagRadioFilter legend {
  display: none;
}

.searchFilter .searchFilter-form .searchFilter-controls .parsys:before,
.searchFilter .searchFilter-form .searchFilter-controls .parsys:after {
  content: " ";
  display: table;
  clear: both;
}

@media (max-width: 991px) {
  .searchFilter .searchFilter-form .searchFilter-controls {
    position: relative;
  }
}

@media (min-width: 992px) {
  .js-search-filter {
    position: absolute;
    left: -33.33%;
  }
  .js-search-filter > .searchFilter.component.section.js-snippet-filter {
    padding-right: 15px !important;
  }
  .js-search-filter > .searchFilter.component.section.js-snippet-filter .searchFilter-form .searchFilter-controls {
    position: relative;
  }
}

input[type="checkbox"] + .searchFilter-label:before {
  margin-left: -26px;
}

@media (max-width: 1200px) {
  input[type="checkbox"] + .searchFilter-label:before {
    margin-left: -27px;
  }
}

@supports (-webkit-touch-callout: none) {
  input[type="checkbox"] + .searchFilter-label:before {
    margin-left: -29px;
  }
}

input[type="checkbox"] + .searchFilter-label:hover:after, input[type="checkbox"] + .searchFilter-label:active:after {
  top: 12px;
  left: 0;
  width: 15px;
  height: 8px;
}

@supports (-webkit-touch-callout: none) {
  input[type="checkbox"] + .searchFilter-label:hover:after, input[type="checkbox"] + .searchFilter-label:active:after {
    margin-left: -25px;
  }
}

input[type="checkbox"] + .searchFilter-label:hover:before, input[type="checkbox"] + .searchFilter-label:active:before {
  margin-left: -26px;
}

@media (max-width: 1200px) {
  input[type="checkbox"] + .searchFilter-label:hover:before, input[type="checkbox"] + .searchFilter-label:active:before {
    margin-left: -27px;
  }
}

@supports (-webkit-touch-callout: none) {
  input[type="checkbox"] + .searchFilter-label:hover:before, input[type="checkbox"] + .searchFilter-label:active:before {
    margin-left: -29px;
  }
}

input[type="checkbox"]:checked + .searchFilter-label:before {
  margin-left: -26px;
}

@media (max-width: 1200px) {
  input[type="checkbox"]:checked + .searchFilter-label:before {
    margin-left: -27px;
  }
}

@supports (-webkit-touch-callout: none) {
  input[type="checkbox"]:checked + .searchFilter-label:before {
    margin-left: -29px;
  }
}

input[type="checkbox"]:checked + .searchFilter-label:after {
  top: 12px;
  left: 0;
  width: 15px;
  height: 8px;
}

@supports (-webkit-touch-callout: none) {
  input[type="checkbox"]:checked + .searchFilter-label:after {
    margin-left: -25px;
  }
}

@media (max-width: 767px) {
  input[type="checkbox"]:not(:checked) + .searchFilter-label:hover:after, input[type="checkbox"]:not(:checked) + .searchFilter-label:active:after {
    content: none;
  }
  input[type="checkbox"]:not(:checked) + .searchFilter-label:hover:before, input[type="checkbox"]:not(:checked) + .searchFilter-label:active:before {
    border: 1px solid #707070;
    border-bottom: 1px solid #707070;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  input[type="checkbox"]:not(:checked) + .searchFilter-label:hover:after, input[type="checkbox"]:not(:checked) + .searchFilter-label:active:after {
    content: none;
  }
  input[type="checkbox"]:not(:checked) + .searchFilter-label:hover:before, input[type="checkbox"]:not(:checked) + .searchFilter-label:active:before {
    border: 1px solid #707070;
    border-bottom: 1px solid #707070;
  }
}

.tagCheckBoxFilter legend {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.143rem;
  color: #333333;
}

.js-snippet-filter-error, .js-no-items-error {
  width: 100%;
}

.searchFilter-checkbox input[type="checkbox"] {
  vertical-align: middle;
  width: 23px !important;
}

@media (min-width: 992px) {
  .advanced-filter .searchFilter-form .searchFilter-title {
    cursor: default;
  }
  .advanced-filter .searchFilter-form .searchFilter-title::after {
    content: none !important;
  }
  .advanced-filter .searchFilterContent {
    display: block !important;
  }
  .advanced-filter .tagCheckBoxFilter legend {
    border-bottom: 2px solid #000;
    color: #000;
    padding: 10px 30px 10px 0;
    cursor: pointer;
    margin-bottom: 20px;
  }
  .advanced-filter .tagCheckBoxFilter legend::after {
    content: "\e016";
    font-family: 'VBL-Icons';
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    top: 10px;
    right: 20px;
    position: absolute;
    transform: rotate(-90deg);
  }
  .advanced-filter .tagCheckBoxFilter legend.sort-asc::after {
    transform: rotate(90deg);
  }
}

.advanced-filter .richText .btn {
  white-space: nowrap;
}

.advanced-filter .filter-reset-btn {
  display: inline-table;
  text-align: right;
}

@media (min-width: 768px) and (max-width: 991px) {
  .advanced-filter .tagCheckBoxFilter .searchFilter-item {
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .advanced-filter .tagCheckBoxFilter .searchFilter-item {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .searchFilter .searchFilter-item {
    margin-top: 5px;
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }
  .searchFilter .searchFilter-item label {
    width: 100%;
    padding-left: 10px;
  }
  .searchFilter .searchFilter-item label::before {
    content: " ";
    margin-left: 0 !important;
    position: absolute;
    left: -22px;
    top: -1px;
  }
  .searchFilter .searchFilter-item input + .searchFilter-label:hover:after, .searchFilter .searchFilter-item input + .searchFilter-label:active:after {
    top: 3px;
    left: 5px;
    width: 15px;
    height: 8px;
  }
  .searchFilter .searchFilter-item input:checked + .searchFilter-label:after {
    top: 3px;
    left: 5px;
    width: 15px;
    height: 8px;
  }
}

@media (max-width: 767px) {
  .dynamicFilterByRole input[type=checkbox]:checked + .searchFilter-label:before {
    margin-left: -23px;
  }
  .dynamicFilterByRole input[type=checkbox]:checked + .searchFilter-label:after {
    margin-left: -20px;
  }
  .dynamicFilterByRole input[type=checkbox]:hover + .searchFilter-label:before, .dynamicFilterByRole input[type=checkbox]:active + .searchFilter-label:before {
    margin-left: -23px;
  }
  .dynamicFilterByRole input[type=checkbox]:hover + .searchFilter-label:after, .dynamicFilterByRole input[type=checkbox]:active + .searchFilter-label:after {
    margin-left: -20px;
  }
  .dynamicFilterByRole input[type=checkbox] + .searchFilter-label:before {
    margin-left: -23px;
  }
}

.filtered-u-hidden {
  display: none !important;
}

.searchFilter-radio input[type="radio"], .searchFilter-radio .assessment-block .formControl-radio[type="radio"], .assessment-block .searchFilter-radio .formControl-radio[type="radio"] {
  vertical-align: middle;
  width: 23px;
  position: relative;
  bottom: -2.125rem;
  left: 0;
}

.no-filter-collapse .searchFilter-form .searchFilter-title {
  cursor: default;
}

.no-filter-collapse .searchFilter-form .searchFilter-title::after {
  display: none;
}

/*
#################################################################

Userbox
------------------
Summary: Userbox component styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the userbox component.

#################################################################
*/
.userBox:focus, .userBox:hover {
  outline: none;
}

.userBox .user-box:focus, .userBox .user-box:hover {
  outline: none;
}

.userBox .logged-in button {
  font-family: Verdana, sans-serif;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
  padding: 0.4rem 0;
}

.userBox .logged-in button:hover, .userBox .logged-in button:focus {
  color: #000;
  outline: none;
}

.userBox .logged-in a {
  text-decoration: none;
  padding: 6px 15px;
}

.userBox .logged-in a::after {
  display: none;
}

.userBox .logged-in .account-options {
  display: none;
  padding: 0.3rem 0;
  width: 200px;
  top: 44px;
  right: 0;
}

.userBox .logged-in .account-options a {
  color: #000;
  font-weight: 700;
}

.userBox .logged-in .account-options a:hover, .userBox .logged-in .account-options a:focus {
  color: #000;
  outline: none;
  background: none;
}

.userBox .logged-in span::before {
  top: -0.6rem;
}

.userBox .logged-in span:hover, .userBox .logged-in span:focus {
  color: #000;
}

.userBox .logged-in p {
  margin-bottom: 0;
  padding: 0.4rem 0;
  color: #000;
  font-weight: 700;
}

.userBox .logged-in p::before {
  content: "\e015";
  top: -0.3rem;
  font-size: 1.8rem !important;
  position: relative;
  float: left;
}

@media (min-width: 991px) {
  .userBox .logged-in p::before {
    left: -3px;
  }
}

.userBox .logged-in p.toggle-icon::after {
  transform: rotate(180deg);
  top: 0.3rem;
}

.userBox .logged-in p.toggle-icon:focus, .userBox .logged-in p.toggle-icon:hover {
  outline: none;
}

.userBox .logged-in p::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}

.userBox .logged-in p:hover, .userBox .logged-in p:focus {
  color: #000;
  outline: none;
}

.userBox .logged-in p:hover::after, .userBox .logged-in p:focus::after {
  border-color: #000 transparent transparent transparent;
}

@media (max-width: 991px) {
  .userBox .logged-in span,
  .userBox .logged-in p::after {
    display: none !important;
  }
}

.userBox .logged-in:focus, .userBox .logged-in:hover {
  outline: none;
}

@media (min-width: 992px) {
  .mpa-login-container-top > .component-content {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/*
#################################################################

Search Results
------------------
Summary: Search Results page styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the search results page.

#################################################################
*/
.searchResults {
  color: #000;
}

.searchResults .searchResults-number {
  padding-top: 10px;
  padding-bottom: 25px;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2rem;
}

.searchResults .searchResults-term {
  /*text-transform: capitalize;*/
}

.searchResults .searchResults-title {
  font-size: 1.2rem;
  padding-top: 25px;
}

.searchResults .searchResults-result {
  padding-bottom: 20px;
  padding-left: 28px;
  padding-right: 15px;
}

.searchResults .searchResults-result:not(:last-child) {
  border-bottom: 2px solid #cccccc;
}

.searchResults .searchResults-description {
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.searchResults .searchResults-pagination {
  width: 100%;
  float: left;
}

.searchResults .searchResults-pagination-list {
  text-align: center;
  padding: 30px 5px 15px;
  border-top: 2px solid #cccccc;
}

.searchResults .searchResults-pagination-item {
  font-size: 1.1rem;
  font-weight: 700;
  display: inline-block !important;
}

.searchResults .searchResults-pagination-item a {
  padding: 5px 9px;
  border-radius: 20px;
}

.searchResults .searchResults-pagination-item.is-active a {
  border: 2px solid #000;
  text-decoration: none;
}

.searchResults .searchResults-pagination-item.item-previous {
  margin-right: 7px;
}

.searchResults .searchResults-pagination-item.item-previous a {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  top: -2px;
  min-width: auto;
  padding: 9px 15px 8px 28px;
}

.searchResults .searchResults-pagination-item.item-previous a:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.searchResults .searchResults-pagination-item.item-previous a:focus, .searchResults .searchResults-pagination-item.item-previous a.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.searchResults .searchResults-pagination-item.item-previous a:focus::after, .searchResults .searchResults-pagination-item.item-previous a.focus::after {
  border-color: #000;
}

.searchResults .searchResults-pagination-item.item-previous a:disabled, .searchResults .searchResults-pagination-item.item-previous a.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.searchResults .searchResults-pagination-item.item-previous a:disabled::after, .searchResults .searchResults-pagination-item.item-previous a.disabled::after {
  border-color: #cccccc;
}

.searchResults .searchResults-pagination-item.item-previous a::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

.searchResults .searchResults-pagination-item.item-previous a::after {
  transform: rotate(-180deg);
  left: 8px;
}

.searchResults .searchResults-pagination-item.item-next {
  margin-left: 7px;
}

.searchResults .searchResults-pagination-item.item-next a {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  top: -2px;
  min-width: auto;
}

.searchResults .searchResults-pagination-item.item-next a:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.searchResults .searchResults-pagination-item.item-next a:focus, .searchResults .searchResults-pagination-item.item-next a.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.searchResults .searchResults-pagination-item.item-next a:focus::after, .searchResults .searchResults-pagination-item.item-next a.focus::after {
  border-color: #000;
}

.searchResults .searchResults-pagination-item.item-next a:disabled, .searchResults .searchResults-pagination-item.item-next a.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.searchResults .searchResults-pagination-item.item-next a:disabled::after, .searchResults .searchResults-pagination-item.item-next a.disabled::after {
  border-color: #cccccc;
}

.searchResults .searchResults-pagination-item.item-next a::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

@media (max-width: 575px) {
  .searchResults .searchResults-pagination-item.item-previous {
    margin-right: 0;
  }
  .searchResults .searchResults-pagination-item.item-next {
    margin-left: 0;
  }
}

.table {
  overflow-y: hidden;
  overflow-x: auto;
}

.table .table-caption {
  margin-bottom: 0.5rem;
}

.table .component-content {
  overflow-y: hidden;
  overflow-x: auto;
}

.table table {
  border-collapse: collapse;
  background: #e7e7e7;
  width: 100%;
}

.table table tr {
  border-bottom: 2px solid #cccccc;
}

.table table tr.even {
  background: white;
}

.table table tr td {
  padding: 10px;
}

.table + .richText {
  padding-top: 15px;
}

.responsive-table table th {
  padding: 10px;
  border-bottom: 2px solid #cccccc;
}

@media (min-width: 768px) {
  .responsive-table table th {
    border-bottom: 3px solid #30e403;
  }
}

.responsive-table .mobile-table {
  border: 2px solid #cccccc;
}

.responsive-table .mobile-table .mobile-table-key {
  width: 35%;
  text-align: left;
}

.responsive-table .mobile-table:first-child {
  display: none;
}

.responsive-table .mobile-table:nth-child(even) {
  background: white;
}

.responsive-table .mobile-table tr:first-child {
  border-bottom: none;
}

.responsive-table .mobile-table tr td {
  border: 2px solid #cccccc;
}

.responsive-table .mobile-table tr.even {
  background: none;
}

/*
#################################################################

OVERLAY
------------------
Summary: Modal equivalent CSS
Project: (HALEON) Expert Portal Project
Usage: 

#################################################################
*/
.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/loader.gif) no-repeat 50% 50%;
}

.overlay-background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9998;
}

.overlay-container {
  position: absolute;
  width: 100% !important;
  text-align: center;
  z-index: 9999;
  padding-bottom: 30px;
}

.overlay-container .overlay-content {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  border-radius: 0;
  border: 0;
  padding: 0;
  max-width: 45%;
  display: inline-block;
  background: white;
  text-align: left;
}

@media (max-width: 767px) {
  .overlay-container .overlay-content {
    max-width: 90%;
  }
}

.overlay-container .overlay-content .overlay-content-inner {
  overflow: hidden;
  padding-top: 40px;
}

.overlay-container .overlay-content .overlay-content-inner::before {
  content: "";
  border-bottom: 1px solid #cccccc;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

.overlay-container .overlay-content .overlay-content-inner .video-video-container {
  border-bottom: 15px solid white;
}

.overlay-container .overlay-content .overlay-content-inner iframe {
  border: 15px solid white;
}

.overlay-container .overlay-close {
  display: block !important;
  width: 40px;
  height: 40px;
  background: #30e403;
  top: 0;
  right: 0;
  z-index: 9999;
  position: absolute;
  cursor: pointer;
  outline: none;
}

.overlay-container .overlay-close::after {
  content: "\e018";
  color: #000;
  font-size: 2rem;
  font-family: "VBL-Icons";
  position: absolute;
  left: 7px;
  top: 11px;
  right: 0;
  margin: 0 auto;
  width: auto;
  display: block;
}

.overlay-container .overlay-close:hover, .overlay-container .overlay-close:focus {
  background: #000;
  text-decoration: none;
}

.overlay-container .overlay-close:hover::after, .overlay-container .overlay-close:focus::after {
  color: white;
}

.overlay-container.overlay-tab-extension .overlay-content {
  max-width: 65vw;
}

@media (max-width: 991px) {
  .overlay-container.overlay-tab-extension .overlay-content {
    max-width: 85vw;
  }
}

.overlay-container.overlay-tab-extension .overlay-content .overlay-content-inner {
  padding-right: 0;
  padding-left: 0;
}

.overlay-container.overlay-tab-extension .overlay-content .overlay-content-inner .content-wrapper {
  height: 75vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 15px;
}

.parametrizedhtml iframe {
  border: 15px solid white;
  border-bottom: 0;
}

.cluster-country-popup .select {
  position: absolute;
  z-index: 1;
  margin-left: 30%;
  background: #e7e7e7;
  min-height: 3rem;
  float: right;
  border-radius: 4px;
}

@media only screen and (max-device-width: 991px) and (orientation: landscape) {
  .cluster-country-popup .select {
    max-height: 12rem;
    overflow: auto;
  }
}

.cluster-country-popup .select.active {
  z-index: 2;
}

.cluster-country-popup .select.active div {
  display: block;
}

.cluster-country-popup .select.hidden {
  display: block;
}

.cluster-country-popup .select div {
  display: none;
}

.cluster-country-popup .select .header {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 5px;
}

.cluster-country-popup .select .selected {
  display: block;
}

.cluster-country-popup .select .selected::after {
  content: "\e930";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -0.2rem;
  right: -0.4rem;
  position: absolute;
  visibility: visible;
  transform: none;
}

.cluster-country-popup .select .selected.icon-reverse::after {
  transform: rotate(-180deg);
}

.cluster-country-popup .select .options {
  max-height: 20rem;
  height: auto;
  overflow: auto;
}

.cluster-country-popup .select .options i {
  display: none;
}

.cluster-country-popup .select ul {
  list-style-type: none;
}

.cluster-country-popup .select ul li span {
  display: block;
  cursor: pointer;
  padding: 10px 10px 10px 5px;
}

.cluster-country-popup .select ul li span:hover, .cluster-country-popup .select ul li span:focus {
  background-color: #cccccc;
}

.cluster-country-popup .select ul li:last-child {
  padding-bottom: 0.4rem;
}

.cluster-country-popup .clusterBlock {
  margin: -1px;
}

.cluster-country-popup .btnSelectCountry {
  border-radius: 4px;
  float: right;
}

@media (max-width: 992px) {
  .cluster-country-popup .btnSelectCountry {
    width: 100%;
  }
}

.cluster-country-popup.bumper-pop-up .bumper-container {
  margin: 20vh auto;
}

.cluster-country-popup .dropdownBlock {
  margin-top: -1.5rem;
}

.cluster-country-value {
  margin-right: 1rem !important;
  padding: 1rem !important;
  margin-top: -1rem !important;
  width: 22% !important;
  background: #e7e7e7;
  float: left !important;
  border-radius: 4px !important;
  cursor: not-allowed;
  height: 17px;
}

.cluster-country-value:after {
  content: "\e930";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.5rem;
  right: 0.44rem;
  position: absolute;
  visibility: visible;
  transform: none;
}

@media (max-width: 992px) {
  .cluster-country-value {
    margin: 6px 0 !important;
    width: 95% !important;
  }
}

@media (max-width: 480px) {
  .cluster-country-value {
    width: 90% !important;
  }
}

@media (min-width: 992px) {
  .country-value-container {
    margin-top: 0.5rem !important;
    padding-top: 1rem !important;
  }
}

.js-country-change-link a {
  top: 0 !important;
  position: relative !important;
}

@media (max-width: 992px) {
  .gigya-raas .cluster-country-value {
    margin: 6px 0 !important;
    width: 95% !important;
  }
}

.gigya-raas .registration-page-country-label {
  padding-bottom: 2.5rem !important;
  padding-top: 1.5rem !important;
}

@media (max-width: 480px) {
  .gigya-raas .registration-page-country-label {
    padding-bottom: 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .gigya-raas .registration-page-country-label {
    padding-bottom: 2rem !important;
  }
}

@media (max-width: 768px) {
  .unsubscribeAllPopup .bumper-container {
    width: 95% !important;
  }
}

.lite-account-userdetails-pop-up {
  z-index: 2100000000;
  background: rgba(0, 0, 0, 0.3) !important;
}

.lite-account-userdetails-pop-up .bumper-container {
  background: white;
  padding: 1.43rem !important;
}

.lite-account-userdetails-pop-up .bumper-container p {
  margin: 0;
}

.lite-account-userdetails-pop-up .bumper-container .userDetails {
  background: #eeedec;
  padding: 10px;
  border-radius: 4px;
}

.lite-account-userdetails-pop-up .bumper-container .buttonContainer {
  margin-top: 13px;
  display: flex;
  justify-content: space-between;
}

.lite-account-userdetails-pop-up .bumper-container .lite-account-confirm-yes {
  background: #30e403;
  color: #000;
}

.lite-account-userdetails-pop-up .bumper-container .lite-account-confirm-yes:hover {
  background: #000;
  color: white;
}

.lite-account-userdetails-pop-up .bumper-container .lite-account-confirm-no {
  padding: 9px 15px 6px 23px;
}

.lite-account-userdetails-pop-up .bumper-container .lite-account-confirm-no::after {
  transform: rotate(-180deg);
  inset: 2px 0px 2px 6px;
}

.lite-account-userdetails-pop-up .bumper-container .popupTitle {
  margin-top: 0;
  display: flex;
  align-items: center;
}

.lite-account-userdetails-pop-up .bumper-container .popupTitle::before {
  content: "\e015";
  display: inline-block;
  width: 2rem;
  color: #30e403;
  margin-right: 15px;
  font-family: "VBL-Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 3rem;
  text-transform: none;
  line-height: 1;
  margin-left: -0.5rem;
}

/*
#################################################################

Samples
------------------
Summary: Samples page styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for samples page.

#################################################################
*/
.sample-message,
.login-message {
  width: 100%;
}

.sample-message .richText-content,
.login-message .richText-content {
  background: white;
  padding: 15px;
}

.sample-message .richText-content p,
.login-message .richText-content p {
  margin: 1rem 0 0 0;
}

.shipping-information,
.order-samples {
  display: none;
}

.disable-btn input[type="submit"] {
  background-color: #e7e7e7 !important;
  cursor: default !important;
}

.select-products .content.paragraphSystem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}

@media (min-width: 768px) {
  .select-products .content.paragraphSystem .content-block {
    margin-left: -1px;
    margin-right: -1px;
  }
}

.select-products .content-block .component-content {
  height: 100%;
  background: white;
  border: 2px solid white;
  cursor: pointer;
}

.select-products .content-block.hero-block .component-content {
  border: none;
}

.select-products .content-block.active .component-content {
  height: 100%;
  background: white;
  border: 6px solid #30e403;
}

.select-products ul {
  display: none;
}

.content-block-container .content-block .component-content {
  cursor: auto;
}

@media (min-width: 992px) {
  .shipping-information .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox {
    width: 98%;
  }
}

.shipping-information .gigya-screen-content div.gigya-screen input[type=checkbox] {
  padding-right: 0 !important;
}

.shipping-information .gigya-composite-control-checkbox input {
  height: 19px;
}

.shipping-information .gigya-composite-control-checkbox label.gigya-label:before {
  margin-left: -36px;
}

.shipping-information .gigya-composite-control-checkbox label.gigya-label:after {
  margin-left: -36px;
}

@media (max-width: 479px) {
  .shipping-information .gigya-composite-control-checkbox label.gigya-label:after {
    top: 1px;
  }
}

.shipping-information .address-display {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shipping-information .address-block {
  border: 2px solid #30e403;
}

.shipping-information .address-block p {
  line-height: 1.143rem;
}

.shipping-information .update-address {
  border: 2px solid #cccccc;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 15px;
  line-height: 1.143rem;
}

.shipping-information .update-address a {
  color: #000;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  height: 100%;
}

.shipping-information .update-address a:hover,
.shipping-information .update-address a :active {
  border: none;
  text-decoration: none;
}

.shipping-information .update-address:hover,
.shipping-information .update-address :active {
  border: 2px solid #30e403;
}

.shipping-information.shipping-display-change .gigya-screen-content div.gigya-screen {
  background-color: #e7e7e7;
}

.shipping-information.shipping-display-change .gigya-screen-content div.gigya-screen input[type="submit"] {
  margin-left: -1.8rem;
  margin-top: -4rem;
}

.shipping-information.shipping-display-change .gigya-screen-content div.gigya-screen .gigya-composite-control-submit {
  width: 100%;
  text-align: right;
}

.shipping-information.shipping-display-change .gigya-screen-content div.gigya-screen .gigya-composite-control-submit::after {
  top: 4px !important;
}

.shipping-information.shipping-display-change .gigya-screen-content div.gigya-screen#ciam-edit-profile-webshop-success {
  background-color: white;
}

input[class="gigya-input-text"]:disabled {
  cursor: not-allowed;
}

/*
#################################################################

TWITTER
------------------
Summary: Twitter component styles
Project: (HALEON) Expert Portal Project
Usage: SCSS for the twitter component style found in news and events page.

#################################################################
*/
.news-side-rail .paragraphSystem {
  margin: 0;
}

.news-side-rail .twitter {
  background: white;
  padding: 0;
}

.news-side-rail .twitter .feed-provider-heading,
.news-side-rail .twitter p {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  color: #000;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border-bottom: 1px solid #eeedec;
}

.news-side-rail .twitter .feed-provider-heading:before,
.news-side-rail .twitter p:before {
  content: "\e008";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-size: 2.5rem;
  color: #000;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 2px;
  text-align: center;
}

.news-side-rail .twitter .feed-provider-description {
  display: none;
}

.news-side-rail .twitter .feed-provider-feeds {
  padding: 0;
  list-style-type: none;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed {
  position: relative;
  padding-left: 67px;
  padding-right: 15px;
  border-bottom: 1px solid #eeedec;
  margin-bottom: 1rem;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-retwitted {
  display: block;
  width: calc(100% - 70px);
  font-weight: 700;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-date {
  position: absolute;
  right: 15px;
  top: 0;
  font-size: 0.86rem;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-header {
  margin-bottom: 5px;
  width: calc(100% - 70px);
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-sender {
  font-size: 0.86rem;
  color: #707070;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-sender:hover {
  text-decoration: none;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-sender strong {
  font-weight: 400;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-sender img {
  position: absolute;
  left: 25px;
  top: 0;
  width: 28px;
  height: 28px;
  border: 1px solid #cccccc;
  border-radius: 28px;
  padding: 3px;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin-top: 10px;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action {
  flex-grow: 1;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action a {
  color: transparent;
  position: relative;
  text-decoration: none;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action a:before {
  content: "\f112";
  font-family: "VBL-Icons";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1.5rem;
  color: #cccccc;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action a:hover {
  text-decoration: none;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action a:hover:before {
  color: #000;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action:nth-child(2) a:before {
  content: "\f079";
  left: 5px;
}

.news-side-rail .twitter .feed-provider-feeds .twitter-feed .twitter-actions .twitter-action:last-child a:before {
  content: "\f005";
}

/*
#################################################################

Assessment styles 
------------------
Summary: Assessment styles 
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the Assessment styles .

#################################################################
*/
.assessment-block .paragraphSystem {
  margin: 0;
}

.assessment-block p {
  font-weight: 700;
}

.assessment-block .genericFormGroup label {
  display: table;
}

.assessment-block .genericFormGroup label:before {
  float: left;
  top: 0;
}

.assessment-block .genericFormGroup label:after {
  top: 5px;
}

.assessment-block .formControl-radio.checked + label:after {
  content: "";
  background: #30e403;
}

@media (max-width: 767px) {
  .assessment-block .formControl-radio.checked + label:after {
    top: 3px;
  }
}

@media (max-width: 767px) {
  .assessment-block .formControl-radio + label {
    padding-left: 30px;
  }
  .assessment-block .formControl-radio + label:before {
    position: absolute;
    left: 0;
    top: -2px;
  }
  .assessment-block .formControl-radio + label:hover:after {
    top: 3px;
  }
}

.assessment-block .quizOverlayContainer .resultQuizOverlay {
  display: none;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay {
  width: 90%;
  position: fixed;
  border: 0;
  border-radius: 0;
  background: white;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(200px);
  min-height: 120px;
  padding: 60px 15px 15px 15px;
  max-width: 500px;
  display: none;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 40px;
  background: #cccccc;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay.display-popup {
  z-index: 9999;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 2px;
  left: 0;
  top: 40px;
  background: #cccccc;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay.display-popup {
  z-index: 9999;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay .overlay-content {
  max-width: 100%;
  width: 100% !important;
  border: 0;
  border-radius: 0;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay .overlay-content .overlay-close {
  display: block;
  background-color: #30e403;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  position: absolute;
  cursor: pointer;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay .overlay-content .overlay-close::after {
  content: "\e018";
  color: #000;
  font-size: 2rem;
  font-family: "VBL-Icons";
  position: absolute;
  left: 7px;
  top: 11px;
  right: 0;
  margin: 0 auto;
  width: auto;
  display: block;
}

.assessment-block .quizOverlayContainer .errorQuizOverlay .overlay-content .overlay-close:hover, .assessment-block .quizOverlayContainer .errorQuizOverlay .overlay-content .overlay-close:focus {
  background: #cccccc;
}

.assessment-block .quizScoreBox {
  display: none;
}

.assessment-block .generateScore {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  margin-bottom: 15px;
  cursor: pointer;
  border: 0;
  float: right;
}

.assessment-block .generateScore:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.assessment-block .generateScore:focus, .assessment-block .generateScore.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.assessment-block .generateScore:focus::after, .assessment-block .generateScore.focus::after {
  border-color: #000;
}

.assessment-block .generateScore:disabled, .assessment-block .generateScore.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.assessment-block .generateScore:disabled::after, .assessment-block .generateScore.disabled::after {
  border-color: #cccccc;
}

.assessment-block .generateScore::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

#assessment-block {
  display: none;
}

/*
#################################################################

SKIP-TO-CONTENT
------------------
Summary: skip-to-content styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the skip to main content component of the website

#################################################################
*/
.skiptocontent a {
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

.skiptocontent a:focus, .skiptocontent a:active {
  color: #000;
  background-color: #30e403;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 10px;
  text-align: center;
  font-size: 1em;
  z-index: 9999;
  cursor: pointer;
  box-shadow: 3px 0.1px 3px 1px rgba(0, 0, 0, 0.2);
}

/*Webshop.scss*/
/* Next button theming in disabled state */
.disabled-state {
  cursor: not-allowed !important;
  color: #eeedec !important;
  background-color: #cccccc !important;
}

.disabled-state::after {
  border-color: #eeedec;
}

.disabled-state:hover, .disabled-state:focus {
  color: #eeedec !important;
  background-color: #cccccc !important;
}

.disabled-state:hover::after, .disabled-state:focus::after {
  border-color: #eeedec;
}

/*cart-icon theming*/
.ep-cart {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 190px;
  right: 5px;
  height: 61px;
  width: 60px;
  border: 2px solid #000;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

@media (max-width: 991px) {
  .ep-cart {
    top: 150px;
  }
}

.ep-cart .badge {
  float: left;
  color: #000;
  padding-top: 3px;
  left: 20%;
  position: relative;
}

.ep-cart .my-cart-badge {
  float: right;
  color: white;
  position: relative;
  left: 25%;
  bottom: 3.75rem;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  padding: 4px 0 0;
  text-align: center;
  background-color: #333333;
}

.ep-cart:hover {
  background: #30e403;
}

.ep-cart:hover .badge {
  color: #000;
}

.ep-cart.common-cart {
  display: block !important;
}

.ep-cart.common-cart .my-cart-badge {
  left: 0;
  bottom: 0.9rem;
}

.ep-cart .trolley {
  padding-top: 1rem;
  left: 23%;
}

.ep-cart .trolley::before {
  font-size: 2rem;
}

.ep-cart .component-content {
  /* ep-cart with richtext */
  height: 41px;
  width: 41px;
  position: relative;
  left: 3px;
  top: -2px;
}

.ep-cart .component-content p {
  margin-bottom: 0;
}

.ep-cart .component-content .trolley {
  top: 2px;
}

/*buttons theming*/
.content-block-group.column .content-block .richText-content .my-cart-btn {
  border: none;
  cursor: pointer;
  position: relative;
  margin: 0;
  right: 0;
  bottom: 0;
  vertical-align: bottom;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 0.9rem;
  font-size: 0.9rem;
  box-shadow: none;
  min-width: 75px;
}

.content-block-group.column .content-block .richText-content .my-cart-btn::after {
  top: 5px;
}

.content-block-group.column .content-block.dynamic form {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  padding: 0 2rem;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .content-block-group.column .content-block.dynamic form {
    padding: 0 1rem;
  }
}

.my-product-remove {
  min-width: 40px;
  padding: 5px 0;
  margin: 0 5px;
  line-height: 1.143rem;
}

.my-product-remove.icon-close {
  width: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .my-product-remove.icon-close {
    right: 8px;
  }
}

.my-product-remove.icon-close:after {
  top: 0;
}

/*checkout stage*/
.checkout form {
  padding: 0;
  min-height: auto;
}

@media (max-width: 768px) {
  .checkout form .row {
    margin: 0;
  }
}

.checkout form legend {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 1rem;
}

@media (max-width: 767px) {
  .checkout form legend {
    padding: 1rem 0;
    margin-bottom: 0;
  }
}

.checkout form input[type="radio"], .checkout form .assessment-block .formControl-radio[type="radio"], .assessment-block .checkout form .formControl-radio[type="radio"] {
  left: -999em;
  position: absolute;
}

.checkout form input[type="radio"] + label, .checkout form .assessment-block .formControl-radio[type="radio"] + label, .assessment-block .checkout form .formControl-radio[type="radio"] + label {
  width: 100%;
  cursor: pointer;
  padding: 15px 15px 10px;
  position: relative;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  height: 100%;
}

@media (max-width: 767px) {
  .checkout form input[type="radio"] + label, .checkout form .assessment-block .formControl-radio[type="radio"] + label, .assessment-block .checkout form .formControl-radio[type="radio"] + label {
    margin: 15px 0 0 0;
  }
}

.checkout form input[type="radio"] + label:hover, .checkout form .assessment-block .formControl-radio[type="radio"] + label:hover, .assessment-block .checkout form .formControl-radio[type="radio"] + label:hover {
  border-color: #ccc;
}

.checkout form input[type="radio"] + label:hover:after, .checkout form .assessment-block .formControl-radio[type="radio"] + label:hover:after, .assessment-block .checkout form .formControl-radio[type="radio"] + label:hover:after {
  content: none;
}

.checkout form input[type="radio"] + label:before, .checkout form .assessment-block .formControl-radio[type="radio"] + label:before, .assessment-block .checkout form .formControl-radio[type="radio"] + label:before {
  content: none;
}

.checkout form input[type="radio"] + label span, .checkout form .assessment-block .formControl-radio[type="radio"] + label span, .assessment-block .checkout form .formControl-radio[type="radio"] + label span {
  margin: 0;
}

.checkout form input[type="radio"]:checked + label, .checkout form .assessment-block .formControl-radio[type="radio"]:checked + label, .assessment-block .checkout form .formControl-radio[type="radio"]:checked + label {
  border-color: #30e403;
}

.checkout form input[type="radio"]:checked + label:after, .checkout form .assessment-block .formControl-radio[type="radio"]:checked + label:after, .assessment-block .checkout form .formControl-radio[type="radio"]:checked + label:after {
  content: none;
}

.checkout form input[type="radio"]:not(:checked) + label, .checkout form .assessment-block .formControl-radio[type="radio"]:not(:checked) + label, .assessment-block .checkout form .formControl-radio[type="radio"]:not(:checked) + label {
  border-color: transparent;
}

.checkout form input[type="radio"]:not(:checked) + label:after, .checkout form .assessment-block .formControl-radio[type="radio"]:not(:checked) + label:after, .assessment-block .checkout form .formControl-radio[type="radio"]:not(:checked) + label:after {
  content: none;
}

.checkout form input[type="radio"]:disabled + label, .checkout form .assessment-block .formControl-radio[type="radio"]:disabled + label, .assessment-block .checkout form .formControl-radio[type="radio"]:disabled + label {
  color: #ccc;
  cursor: not-allowed;
}

.checkout form .text a {
  color: black;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  height: 100%;
}

@media (max-width: 768px) {
  .checkout form .text a {
    margin: 15px 0 0 0;
  }
}

.checkout form .under-review,
.checkout form .targeted-hcp,
.checkout form .vt-invalid-address {
  color: #E90707;
  display: block;
}

.checkout form .new-address {
  width: 100%;
  height: 100%;
  padding: 15px;
  border: 2px solid #cccccc;
  cursor: pointer;
}

.checkout form .new-address:hover, .checkout form .new-address:active {
  border: 2px solid #30e403;
}

@media (max-width: 767px) {
  .checkout form .new-address {
    margin-top: 15px;
  }
}

.checkout .cart-items-display {
  padding: 1rem 0;
}

.checkout-cart-display table td,
.checkout-cart-display table th,
.order-summary-display table td,
.order-summary-display table th,
.order-history-display table td,
.order-history-display table th,
.cart-items-display table td,
.cart-items-display table th,
#my-cart-modal table td,
#my-cart-modal table th {
  padding: 0.75rem;
  text-align: center;
}

.checkout-cart-display table thead th,
.order-summary-display table thead th,
.order-history-display table thead th,
.cart-items-display table thead th,
#my-cart-modal table thead th {
  vertical-align: bottom;
}

.checkout-cart-display table thead .header-row,
.order-summary-display table thead .header-row,
.order-history-display table thead .header-row,
.cart-items-display table thead .header-row,
#my-cart-modal table thead .header-row {
  border-bottom: 3px solid #30e403;
}

.dispatched {
  color: green;
}

.pending {
  color: orange;
}

.cancelled {
  color: #E90707;
}

.order-summary-display h1 {
  border-bottom: 2px solid #eeedec;
  padding: 1rem 0;
}

.order-summary-display .table img {
  width: auto;
  border: none;
  height: 70px;
}

.checkout-cart-display h2 {
  padding: 1rem 0;
}

.checkout-cart-display .my-product-quantity {
  background-color: white !important;
  text-align: center;
}

@media (max-width: 767px) {
  .checkout-cart-display .my-product-quantity {
    width: 65% !important;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .checkout-cart-display .my-product-remove {
    position: relative;
    display: inline;
    margin: 0;
    min-width: 35%;
  }
}

.checkout-cart-display .my-product-remove::after {
  right: 5px;
}

@media (max-width: 767px) {
  .checkout-cart-display .my-product-remove::after {
    right: 0rem;
    top: 3px;
  }
}

.checkout-cart-display table td img {
  width: auto;
  height: 50px;
}

@media (max-width: 767px) {
  .checkout-cart-display table td:last-child {
    padding: 5px;
  }
}

@media (max-width: 767px) {
  .checkout-cart-display table .header-row td:last-child {
    width: 40%;
  }
}

.message-enabled {
  padding: 0 !important;
}

.message-enabled .sample-message {
  margin-left: 0 !important;
  min-height: 150px;
}

.relative {
  position: relative;
  padding: 15px;
}

.no-stock {
  color: #E90707;
  font-size: 1.2rem;
  font-weight: 700;
  position: absolute;
  bottom: 20px;
}

input[type="number"].number-text {
  background: white !important;
  height: 2.15rem;
  width: 25%;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-left: 15px;
  text-align: center;
}

select.number-text {
  padding: 0px 5px;
  height: 2.15rem;
  min-width: 75px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

select.number-text:disabled {
  cursor: not-allowed;
}

@media (min-width: 992px) and (max-width: 1199px) {
  select.number-text {
    width: 30%;
  }
}

.error-message-cont {
  color: #E90707;
}

.disabled:active, .disabled:focus {
  outline: none;
}

.order-history-display table td img {
  height: 70px;
}

@media (max-width: 767px) {
  .order-history-display table td img {
    float: none !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}

.order-history-display .tracking-url {
  text-decoration: underline;
}

.order-history-display .tracking-url:hover, .order-history-display .tracking-url:focus {
  text-decoration: none;
}

.form-box .error-message-cont {
  margin: 0 15px;
}

/* Quantity dropdown picklist - START*/
.wizard-container select {
  font-size: 0.95rem !important;
  cursor: pointer;
}

.wizard-container select.number-text {
  padding-left: 3px !important;
  border-color: #767676 !important;
  background: none !important;
}

.wizard-container select.checkout-quantity-picklist {
  padding-left: 5px !important;
  width: 70px;
  height: 22px;
  border: none !important;
  background: none !important;
}

.wizard-container select option.disabled {
  background-color: #ccc !important;
}

.wizard-container .content-block span.picklist-arrow {
  position: absolute;
  bottom: 8px;
}

.wizard-container span.picklist-arrow:before {
  content: "\e016";
  font-family: "VBL-Icons";
  transform: rotate(90deg);
  display: inline-block;
  font-style: normal;
  position: relative;
  font-weight: normal;
  color: #000;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  top: 3px;
  right: 22px;
  cursor: pointer;
}

.wizard-container span.picklist-arrow.arrow-down:before {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.wizard-container .checkout .select-wrapper {
  display: inline-block;
  background-color: white;
  margin-right: -15px;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .wizard-container .checkout .select-wrapper {
    width: 65% !important;
  }
}

@media (max-width: 767px) {
  .wizard-container .checkout .select-wrapper .checkout-quantity-picklist {
    width: 100% !important;
    display: inline-block;
  }
}

.wizard-container .checkout input {
  padding-left: 5px;
  height: 22px !important;
}

.wizard-container .checkout .picklist-arrow:before {
  right: 8px;
}

/* Quantity dropdown picklist - ENDS*/
.sample-user-selection a {
  color: #333333;
}

.sample-user-selection a:hover .content-block,
.sample-user-selection a :active .content-block {
  border: 2px solid #30e403;
}

.new-user-journey-enabled .order-again {
  margin-top: 1.5rem !important;
}

.wizard-container .generic-msg {
  color: #E90707;
}

.wizard-container .error-msg {
  color: #E90707;
  display: block;
}

.wizard-container .back-btn {
  display: none;
  float: left;
}

/*
#################################################################

MEDIA ELEMENT
------------------
Summary: Modal extension
Project: (HALEON) Expert Portal Project
Usage: 

#################################################################
*/
#my-cart-modal.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

#my-cart-modal.modal .modal-dialog {
  width: 700px;
  margin: 13vh auto;
  background: white;
}

@media (max-width: 991px) {
  #my-cart-modal.modal .modal-dialog {
    width: auto;
  }
}

#my-cart-modal.modal .modal-dialog .modal-header {
  padding: 2rem 1rem;
}

#my-cart-modal.modal .modal-dialog .modal-header .close {
  display: none;
}

#my-cart-modal.modal .modal-dialog .modal-header .modal-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.143rem;
  display: block;
}

#my-cart-modal.modal .modal-dialog .modal-body {
  padding: 0 1rem;
}

#my-cart-modal.modal .modal-dialog .modal-body .my-product-quantity {
  width: auto !important;
  border: none !important;
  background: none !important;
  height: 25px;
  cursor: default;
  text-align: center;
  color: #707070;
}

@media (min-width: 992px) {
  #my-cart-modal.modal .modal-dialog .modal-body .my-product-quantity {
    min-width: 58px;
    margin-right: -9px;
  }
}

#my-cart-modal.modal .modal-dialog .modal-body .my-product-remove {
  display: none;
}

#my-cart-modal.modal .modal-dialog .modal-footer {
  text-align: right;
  padding: 2rem 1rem;
}

#my-cart-modal.modal .modal-dialog .modal-footer button {
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

#my-cart-modal.modal .modal-dialog .modal-footer button.btn-close {
  float: left;
}

#my-cart-modal.modal .table {
  overflow-y: auto;
  max-height: 50vh;
}

@media (max-width: 767px) {
  #my-cart-modal.modal .table {
    max-height: 35vh;
  }
}

#my-cart-modal.modal .table table td img {
  width: auto;
  height: 50px;
}

#my-cart-modal .checkout-quantity-picklist {
  text-align: center;
  border: none !important;
  color: #333333 !important;
  padding-left: 0 !important;
  width: auto;
  height: 25px;
}

#my-cart-modal input[type="number"] {
  -moz-appearance: textfield;
}

#my-cart-modal input[type="number"]::-webkit-outer-spin-button,
#my-cart-modal input[type="number"] ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bumper-pop-up {
  z-index: 1000000001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.bumper-pop-up .bumper-container {
  margin: 30vh auto;
  float: none;
  width: 650px;
  padding: 0;
}

@media (max-width: 991px) {
  .bumper-pop-up .bumper-container {
    width: auto;
    padding: 1rem;
  }
}

.bumper-pop-up .bumper-container .content-block {
  padding: 2rem 0;
}

.bumper-pop-up .bumper-container .content-block.first {
  max-height: 250px;
  overflow-y: auto;
  padding: 2rem 2rem 0 2rem;
}

@media (max-width: 991px) {
  .bumper-pop-up .bumper-container .content-block.first {
    padding: 1rem;
  }
}

.bumper-pop-up .bumper-container .content-block.last {
  padding: 0 2rem 2rem 2rem;
}

@media (max-width: 991px) {
  .bumper-pop-up .bumper-container .content-block.last {
    padding: 1rem 0 2rem 0;
  }
}

.bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content {
  padding: 15px;
}

.bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content p:last-child {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: relative;
  padding: 2rem 0 0 0;
}

@media (max-width: 767px) {
  .bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content p:last-child {
    bottom: 0;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content h1 {
    padding-bottom: 0;
  }
}

.bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .btn {
  min-width: 18rem;
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .btn:last-child {
  margin-left: 0.5rem;
}

@media (max-width: 991px) {
  .bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .btn:last-child {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .btn:last-child {
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .btn {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 991px) {
  .bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .btn:first-child {
    margin-left: 0.3rem;
  }
}

.bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .secondary-btn,
.bumper-pop-up .bumper-container .content-block.cta.multiple-cta .richText-content .primary-btn {
  min-width: auto;
}

/*
#################################################################

DRUG POPUP
------------------
Summary: Drug popup styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the Hero banner of the website

#################################################################
*/
.box.js-drug-pop-up .component-content .richText {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
  padding: 30px 0;
}

.box.js-drug-pop-up .component-content .richText .richText-content {
  width: 80%;
  margin: 0 auto;
  max-height: 85px;
  overflow-y: scroll;
}

@media (max-width: 991px) {
  .box.js-drug-pop-up .component-content .richText .richText-content {
    width: 100%;
    max-height: 195px;
    padding: 0 15px;
  }
  .box.js-drug-pop-up .component-content .richText .richText-content p {
    text-align: left !important;
  }
}

.box.js-drug-pop-up .component-content .richText .richText-content h3 span.close-icon {
  position: fixed;
  right: 0;
}

.box.js-drug-pop-up .component-content .richText .richText-content h3 span.close-icon:after {
  content: "\e018";
  font-family: "VBL-Icons";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 3rem;
  color: #000;
  bottom: 7rem;
  right: 1rem;
  z-index: 2;
  cursor: pointer;
  position: fixed;
}

@media (max-width: 991px) {
  .box.js-drug-pop-up .component-content .richText .richText-content h3 span.close-icon:after {
    bottom: 16.5rem;
    right: -9px;
  }
}

.drug-overlay-button {
  position: fixed;
  background: white;
  bottom: 10rem;
  right: 0;
  transform: rotate(-90deg);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #000;
  cursor: pointer;
  box-shadow: 0 0.1px 0 2px black;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  z-index: 999;
}

@media (max-width: 991px) {
  .drug-overlay-button {
    bottom: 18rem;
  }
}

@media (max-width: 767px) {
  .drug-overlay-button {
    bottom: 15rem;
  }
}

@media (orientation: landscape) {
  .drug-overlay-button {
    bottom: 10rem;
  }
}

.drug-overlay-button p {
  display: block;
  position: relative;
  padding: 1rem .5rem 0 .5rem;
}

.drug-overlay-button:hover, .drug-overlay-button:focus {
  color: #000 !important;
  text-decoration: none !important;
  background: #30e403;
}

/*
#################################################################

PROMOTE FEATURE STICKY BUTTON
------------------
Summary: Promote feature sticky button styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the Hero banner of the website

#################################################################
*/
a.promote-feature-sticky-btn {
  display: none;
  position: fixed;
  right: 0;
  font-weight: normal;
  margin-right: 0;
  line-height: inherit;
  z-index: 999;
  transition: none;
  border: none;
  text-decoration: none !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 0 1px 2px black;
  background: white;
}

@media (max-width: 991px) {
  a.promote-feature-sticky-btn {
    padding: 5px 4px 5px 5px !important;
  }
}

@media (min-width: 992px) {
  a.promote-feature-sticky-btn {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    color: white;
    cursor: pointer;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@media (max-width: 767px) {
  a.promote-feature-sticky-btn {
    top: 50%;
  }
}

@media (max-width: 479px) {
  a.promote-feature-sticky-btn {
    top: 50%;
  }
}

@media (min-width: 768px) {
  a.promote-feature-sticky-btn {
    top: 43%;
  }
}

@media (orientation: landscape) {
  a.promote-feature-sticky-btn {
    top: 35%;
  }
}

a.promote-feature-sticky-btn span {
  font-family: Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 1rem 1rem 0 1rem;
  max-width: 150px;
  color: #000;
  transition: all 0.3s ease-in-out;
}

a.promote-feature-sticky-btn span:hover, a.promote-feature-sticky-btn span:focus {
  color: #000;
  text-decoration: none;
}

a.promote-feature-sticky-btn:hover, a.promote-feature-sticky-btn:focus {
  color: #000 !important;
  text-decoration: none !important;
  border: none;
  background: #30e403 !important;
}

a.promote-feature-sticky-btn:hover span, a.promote-feature-sticky-btn:focus span {
  color: #000;
}

a.promote-feature-sticky-btn.icon:before {
  vertical-align: middle;
  color: #000;
  transition: none;
  font-weight: 400;
  display: none;
}

@media (max-width: 991px) {
  a.promote-feature-sticky-btn.icon:before {
    font-size: 3rem;
    position: relative;
    right: 0;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1px;
  }
}

a.promote-feature-sticky-btn.icon:hover:before {
  color: #000;
}

a.promote-feature-sticky-btn.icon-v2.webinar::before {
  font-size: 2.5rem !important;
}

/*Pagination styles*/
.order-history-display .dataTables_wrapper table.dataTable tbody tr.odd {
  background-color: #eeedec;
}

.order-history-display .dataTables_wrapper table.dataTable tbody tr.even {
  background: #ccc;
}

.order-history-display .dataTables_wrapper table.dataTable tbody tr.even.odd {
  background: #eeedec !important;
}

div.dataTables_wrapper table.dataTable.no-footer {
  border-bottom: none;
}

div.dataTables_wrapper table.dataTable thead th,
div.dataTables_wrapper table.dataTable thead td {
  border-bottom: none;
}

div.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: right;
}

div.dataTables_wrapper .dataTables_info {
  font-weight: 700;
  padding-right: 3px;
  float: right;
  clear: none;
  padding-bottom: 10px;
}

div.dataTables_wrapper select {
  padding: 0 10px;
  text-align: center;
  margin: 0 5px;
  position: relative;
}

@media (max-width: 768px) {
  div.dataTables_wrapper .dataTables_filter {
    margin: 0;
  }
}

div.dataTables_wrapper .dataTables_filter input {
  padding: 5px;
  height: 30px;
  margin-left: 0.5em;
  background: #fff;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #707070 !important;
  border: 1px solid #e7e7e7 !important;
}

@media (max-width: 768px) {
  div.dataTables_wrapper .dataTables_filter input {
    margin: 0;
    width: 12rem;
  }
}

div.dataTables_wrapper .dataTables_filter label {
  text-transform: uppercase;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #30e403 !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem !important;
}

@media (max-width: 768px) {
  div.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.2rem !important;
  }
}

div.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  color: #707070 !important;
  background: none;
  border-color: white;
}

div.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  color: #707070 !important;
  background: none;
  border-color: white;
}

div.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  color: #707070 !important;
  background: none;
  border-color: white;
}

div.dataTables_wrapper tr.even.odd {
  background: none !important;
}

div.dataTables_wrapper .table table tr td {
  border: 1px solid white;
}

div.dataTables_wrapper .dataTables_length {
  float: left !important;
  position: relative;
}

div.dataTables_wrapper .dataTables_length label:after {
  content: "\e016";
  font-family: "VBL-Icons";
  transform: rotate(90deg);
  display: inline-block;
  font-style: normal;
  position: absolute;
  font-weight: normal;
  color: #000;
  -webkit-font-smoothing: antialiased;
  font-size: 1.1rem;
  top: 7px;
  right: 9px;
  line-height: 1.143rem;
}

div.dataTables_wrapper .dataTables_length label.focus:after {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

div.dataTables_wrapper .dataTables_length label select {
  cursor: pointer;
  padding: 0.5rem 1rem 0.4rem 2rem;
  min-width: 4rem;
  border-radius: 0 !important;
  background: none !important;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper .dataTables_info {
    padding-top: 10px;
  }
}

/* arrows */
/*
SPOTLIGHT-INFO
*/
.spotlight-info {
  position: relative;
  width: 100%;
  margin: 0;
  color: #000;
}

.spotlight-info.content-block {
  min-height: auto;
}

.spotlight-info .richText-content {
  text-align: center;
}

.spotlight-info .richText-content h3 {
  background: #30e403;
  margin: 0;
  padding: 1rem;
}

.spotlight-info .richText-content a {
  text-decoration-color: #000 !important;
}

.spotlight-info .richText-content p {
  background: #30e403;
  margin-bottom: 0;
  padding: 1rem;
}

.spotlight-info .richText-content p span {
  display: block;
  margin-bottom: 10px;
}

.spotlight-info .richText-content p span::before {
  color: #000;
  font-size: 3.5rem !important;
}

.spotlight-info .richText-content p span.faq-section {
  background: white;
  margin: 0 -1rem;
  line-height: normal;
}

.spotlight-info .richText-content p span.faq-section + span {
  padding: 1rem 0 0;
}

.spotlight-info .richText-content p span.faq-section + span::before {
  font-size: 2.5rem !important;
  display: flex;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  color: #30e403;
}

@media (max-width: 991px) {
  .spotlight-info.xs-collapsible .richText-content h3 {
    display: block;
  }
}

@media (max-width: 991px) {
  .spotlight-info.xs-collapsible .richText-content h3 span {
    position: relative;
    padding-right: 15px;
    padding-left: 5px;
  }
  .spotlight-info.xs-collapsible .richText-content h3 span::after {
    content: "\e016";
    font-family: 'VBL-Icons';
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    top: 2px;
    right: -5px;
    transform: rotate(90deg);
    position: absolute;
  }
  .spotlight-info.xs-collapsible .richText-content h3 span.arrow-reverse::after {
    transform: rotate(-90deg);
  }
}

@media (max-width: 991px) {
  .spotlight-info.xs-collapsible .richText-content p {
    display: none;
  }
}

.spotlight-info .component-content {
  text-align: center;
}

.spotlight-info img {
  width: 100%;
  max-width: 260px;
}

.spotlight-info.horizontal .component-content {
  cursor: default;
}

@media (min-width: 992px) {
  .spotlight-info.horizontal .richText-content {
    display: flex;
    flex-wrap: wrap;
  }
  .spotlight-info.horizontal .richText-content h3 {
    flex: 0 0 100%;
  }
  .spotlight-info.horizontal .richText-content p {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
  }
  .spotlight-info.horizontal .richText-content p .spotlight-content {
    padding: 1rem 2rem 0 1rem;
  }
  .spotlight-info.horizontal .richText-content p span .user {
    margin-bottom: 0;
  }
  .spotlight-info.horizontal .richText-content p::after {
    position: absolute;
    content: "";
    font-family: 'VBL-Icons' !important;
    right: -2rem;
    top: 2rem;
    font-size: 4.7rem;
    z-index: 2;
  }
  .spotlight-info.horizontal .richText-content p:last-child::after {
    content: '';
  }
}

@media (max-width: 991px) {
  .spotlight-info.horizontal .richText-content {
    counter-reset: item;
  }
  .spotlight-info.horizontal .richText-content p .spotlight-content {
    border-bottom: 2px #000 dotted;
    padding-bottom: 1rem;
    width: 75%;
    display: inline-block;
    text-align: center;
    position: relative;
  }
  .spotlight-info.horizontal .richText-content p .spotlight-content::before {
    position: absolute;
    left: -18px;
    counter-increment: item;
    content: counters(item, ".") "";
    font-size: 1rem !important;
    font-weight: 700;
  }
  .spotlight-info.horizontal .richText-content p:last-child .spotlight-content {
    border-bottom: none;
  }
}

.content-block.cta .spotlight-info .richText-content {
  padding-bottom: 1rem;
}

@media (max-width: 991px) {
  .content-block.cta .spotlight-info .richText-content {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .column-reverse .box > .component-content > .paragraphSystem {
    flex-direction: column-reverse;
  }
  .column-reverse .row {
    flex-direction: column-reverse;
  }
}

/*
#################################################################

TABS
------------------
Summary: Tabs Extension styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the Tabs of the website

#################################################################
*/
.tabs.section-toggle .tabs-content {
  border: none;
  background: none;
}

.tabs.section-toggle .tabs-nav {
  height: 100%;
  text-align: center;
  margin-bottom: 5rem;
  overflow: visible;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list {
  display: inline-block;
  width: 25%;
  padding: 0;
  position: absolute;
  margin: 0 auto;
  right: 0;
  z-index: 999;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) and (max-width: 991px) {
  .tabs.section-toggle .tabs-nav .tabs-nav-list {
    width: 35%;
  }
}

@media (max-width: 767px) {
  .tabs.section-toggle .tabs-nav .tabs-nav-list {
    width: auto;
    left: 1rem;
    right: 1rem;
  }
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item {
  background-color: white;
  color: #000;
  width: 100%;
  margin-left: 0;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item.is-active {
  cursor: pointer;
  padding: 0;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item.is-active:hover {
  padding: 0;
  cursor: pointer;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item.is-active > a {
  border: none;
  cursor: pointer;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item.is-active > a span {
  text-decoration: underline;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item.is-active > a:hover span, .tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item.is-active > a:focus span {
  text-decoration: none;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.143rem;
  padding: 1rem 2.5rem;
  color: #000;
  display: none;
  border-bottom: 1px solid #cccccc;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item span.active {
  background-color: #30e403;
  border-bottom: 1px solid #30e403;
  color: #000;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item span.active:after {
  content: "\e016";
  font-family: "VBL-Icons";
  transform: rotate(90deg);
  display: inline-block;
  font-style: normal;
  position: absolute;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.8rem;
  top: 1rem;
  right: 1rem;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item span.active.icon-reverse:after {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item span:hover, .tabs.section-toggle .tabs-nav .tabs-nav-list .tabs-nav-item span:focus {
  text-decoration: none;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.143rem;
  padding: 1rem 2.5rem;
  color: #000;
  cursor: pointer;
  width: 100%;
  text-decoration: underline;
  background-color: #30e403;
  border-bottom: 1px solid #30e403;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all.active {
  text-decoration: none;
  background-color: #30e403;
  color: #000;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all.active:after {
  content: "\e016";
  font-family: "VBL-Icons";
  transform: rotate(90deg);
  display: inline-block;
  font-style: normal;
  position: absolute;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 2rem;
  top: 1rem;
  right: 1rem;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all.active.icon-reverse {
  background-color: #30e403;
  color: #000;
  border-bottom: 1px solid #30e403;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all.active.icon-reverse:after {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all.icon-reverse {
  background-color: white;
  color: #000;
  border-bottom: 1px solid #cccccc;
  text-decoration-color: #30e403;
  text-decoration-thickness: 2px;
}

.tabs.section-toggle .tabs-nav .tabs-nav-list .show-all:hover, .tabs.section-toggle .tabs-nav .tabs-nav-list .show-all:focus {
  text-decoration: none;
}

.tabs.section-toggle .tabs-nav-switcher-left {
  display: none;
}

.tabs.section-toggle .tabs-nav-switcher-right {
  display: none;
}

.overlay-content-inner {
  padding-left: 15px;
  padding-right: 15px;
}

.overlay-content-inner .tabs.section-toggle .tabs-nav-list {
  width: 45%;
  background-color: #eeedec;
}

@media (max-width: 767px) {
  .overlay-content-inner .tabs.section-toggle .tabs-nav-list {
    width: 80%;
  }
}

.overlay-content-inner .tabs.section-toggle .show-all {
  background-color: #eeedec;
}

.custom-bullets-icon ul {
  list-style-type: none;
  padding: 0;
  margin-top: 1rem;
}

.custom-bullets-icon ul li {
  margin-bottom: 1rem;
  padding-left: 30px;
  position: relative;
}

.custom-bullets-icon ul li span {
  display: inline-block;
  font-size: 1.25rem;
  vertical-align: middle;
  color: #000;
  margin-right: 2px;
  position: absolute;
  left: 0;
  top: 0;
}

.custom-bullets-icon ul li span::before {
  border: 2px solid #000;
  border-radius: 50%;
  padding: 1px;
}

@media (max-width: 768px) {
  .custom-bullets-icon ul li span::before {
    font-size: 1.25rem !important;
    line-height: 1rem !important;
  }
}

.custom-bullets-icon .btn {
  box-shadow: none;
}

@media (min-width: 768px) {
  .language-annotations .richText-content {
    display: inline-flex;
  }
  .language-annotations p {
    position: absolute;
    right: 0;
    margin-top: 1rem;
  }
}

.language-annotations .language-symbol {
  margin-right: 0.25rem;
}

/*
#################################################################

On24
------------------
Summary: On24 webinar page styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the On24 webinar page.

#################################################################
*/
.error-container {
  margin-bottom: 1rem;
}

.error-container span {
  margin-left: -1rem;
}

.btnEventRegister {
  cursor: pointer;
  color: white !important;
}

.btnEventRegister:hover {
  color: #000 !important;
}

/*
#################################################################

PLS
------------------
Summary: PLS page styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the PLS page.

#################################################################
*/
.sso-link-btn a {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: #000;
  padding: 8px 28px 9px 15px;
  display: inline-block;
  min-width: 90px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 1px 2px white;
  float: right;
  margin-bottom: 15px;
}

.sso-link-btn a:hover {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.sso-link-btn a:focus, .sso-link-btn a.focus {
  color: #000;
  background-color: #30e403;
  text-decoration: none;
}

.sso-link-btn a:focus::after, .sso-link-btn a.focus::after {
  border-color: #000;
}

.sso-link-btn a:disabled, .sso-link-btn a.disabled {
  color: #cccccc;
  pointer-events: none;
  background-color: #eeedec;
  cursor: no-drop;
}

.sso-link-btn a:disabled::after, .sso-link-btn a.disabled::after {
  border-color: #cccccc;
}

.sso-link-btn a::after {
  content: "\e016";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2rem;
  right: 8px;
  position: absolute;
  top: 1px;
  bottom: 0;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin: auto 0;
}

.js-new-user-pls-msg .icon-v2.info {
  font-size: 1.5rem;
  vertical-align: sub;
  color: #30e403;
}

.page-personalized-training-platform .error-container span {
  margin: 0;
}

/*
#################################################################

Color Lenses Block 
------------------
Summary: Color Lenses Block for reusability of modules
Project: (HALEON) Expert Portal Project.
Usage: SCSS for modules 

#################################################################
*/
.dynamic-lens-left img {
  filter: saturate(0.5);
}

.dynamic-lens-left .component-content {
  position: relative !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .dynamic-lens-left .component-content {
    display: flex;
    align-items: flex-start;
  }
  .dynamic-lens-left .component-content .richText-content {
    bottom: auto;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .dynamic-lens-left .component-content .richText-content {
    right: 15px;
    padding-top: 20px;
  }
}

.dynamic-lens-left .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
}

@media (min-width: 768px) {
  .dynamic-lens-left .component-content img {
    width: 100%;
    height: auto;
  }
}

.dynamic-lens-left .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-left.png") no-repeat left top;
  background-size: cover;
  left: 0;
  display: block;
}

@media (min-width: 768px) {
  .dynamic-lens-left .component-content::before {
    height: 100%;
  }
}

.dynamic-lens-left .richText-content {
  background: none !important;
  position: relative;
}

@media (max-width: 767px) {
  .dynamic-lens-left .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

@media (max-width: 767px) {
  .dynamic-lens-left.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 767px) {
  .dynamic-lens-left.rendition .component-content::before {
    height: 78vw !important;
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-mobile.png") no-repeat center center;
    background-size: cover;
  }
}

.right-text-format .component-content {
  position: relative !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .right-text-format .component-content {
    display: flex;
    align-items: flex-start;
  }
  .right-text-format .component-content .richText-content {
    bottom: auto;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .right-text-format .component-content .richText-content {
    right: 15px;
    padding-top: 20px;
  }
}

.right-text-format .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
}

@media (min-width: 768px) {
  .right-text-format .component-content img {
    width: 100%;
    height: auto;
  }
}

.right-text-format .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-left.png") no-repeat left top;
  background-size: cover;
  left: 0;
  display: block;
}

@media (min-width: 768px) {
  .right-text-format .component-content::before {
    height: 100%;
  }
}

.right-text-format .richText-content {
  background: none !important;
  position: relative;
}

@media (max-width: 767px) {
  .right-text-format .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

.right-text-format .component-content::before {
  display: none;
}

@media (max-width: 767px) {
  .right-text-format.rendition .component-content img {
    height: 78vw;
  }
}

.dynamic-lens-right img {
  filter: saturate(0.5);
}

.dynamic-lens-right .component-content {
  position: relative !important;
  overflow: hidden;
  display: flex;
}

@media (max-width: 767px) {
  .dynamic-lens-right .component-content {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .dynamic-lens-right .component-content {
    align-items: flex-start;
  }
  .dynamic-lens-right .component-content .richText-content {
    bottom: auto;
    right: auto;
    left: 15px;
  }
}

@media (min-width: 992px) {
  .dynamic-lens-right .component-content .richText-content {
    left: 15px;
  }
}

.dynamic-lens-right .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
  text-align: right;
}

@media (min-width: 768px) {
  .dynamic-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
}

.dynamic-lens-right .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-right.png") no-repeat right top;
  background-size: cover;
  right: 0;
  display: block;
}

@media (min-width: 768px) {
  .dynamic-lens-right .component-content::before {
    height: 100%;
  }
}

.dynamic-lens-right .richText-content {
  background: none !important;
}

.dynamic-lens-right .richText-content .btn {
  right: auto;
  left: 1rem;
}

@media (max-width: 767px) {
  .dynamic-lens-right .richText-content {
    position: relative !important;
  }
  .dynamic-lens-right .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

@media (max-width: 767px) {
  .dynamic-lens-right.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 767px) {
  .dynamic-lens-right.rendition .component-content::before {
    height: 78vw !important;
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-mobile.png") no-repeat center center;
    background-size: cover;
  }
}

.left-text-format .component-content {
  position: relative !important;
  overflow: hidden;
  display: flex;
}

@media (max-width: 767px) {
  .left-text-format .component-content {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .left-text-format .component-content {
    align-items: flex-start;
  }
  .left-text-format .component-content .richText-content {
    bottom: auto;
    right: auto;
    left: 15px;
  }
}

@media (min-width: 992px) {
  .left-text-format .component-content .richText-content {
    left: 15px;
  }
}

.left-text-format .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
  text-align: right;
}

@media (min-width: 768px) {
  .left-text-format .component-content img {
    width: 100%;
    height: auto;
  }
}

.left-text-format .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-right.png") no-repeat right top;
  background-size: cover;
  right: 0;
  display: block;
}

@media (min-width: 768px) {
  .left-text-format .component-content::before {
    height: 100%;
  }
}

.left-text-format .richText-content {
  background: none !important;
}

.left-text-format .richText-content .btn {
  right: auto;
  left: 1rem;
}

@media (max-width: 767px) {
  .left-text-format .richText-content {
    position: relative !important;
  }
  .left-text-format .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

.left-text-format .component-content::before {
  display: none;
}

@media (max-width: 767px) {
  .left-text-format.rendition .component-content img {
    height: 78vw;
  }
}

.image-blur-left .component-content {
  position: relative !important;
  overflow: hidden;
  display: flex;
}

@media (max-width: 767px) {
  .image-blur-left .component-content {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .image-blur-left .component-content {
    align-items: flex-start;
  }
  .image-blur-left .component-content .richText-content {
    bottom: auto;
    right: auto;
    left: 15px;
  }
}

@media (min-width: 992px) {
  .image-blur-left .component-content .richText-content {
    left: 15px;
  }
}

.image-blur-left .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
  text-align: right;
}

@media (min-width: 768px) {
  .image-blur-left .component-content img {
    width: 100%;
    height: auto;
  }
}

.image-blur-left .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-right.png") no-repeat right top;
  background-size: cover;
  right: 0;
  display: block;
}

@media (min-width: 768px) {
  .image-blur-left .component-content::before {
    height: 100%;
  }
}

.image-blur-left .richText-content {
  background: none !important;
}

.image-blur-left .richText-content .btn {
  right: auto;
  left: 1rem;
}

@media (max-width: 767px) {
  .image-blur-left .richText-content {
    position: relative !important;
  }
  .image-blur-left .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

.image-blur-left .component-content::before {
  display: none !important;
}

.image-blur-left .component-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60vw;
  z-index: 2;
}

@media (min-width: 768px) {
  .image-blur-left .component-content::after {
    background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 58%);
  }
}

@media (max-width: 767px) {
  .image-blur-left.rendition .component-content img {
    height: 78vw;
  }
}

.image-blur-right .component-content {
  position: relative !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .image-blur-right .component-content {
    display: flex;
    align-items: flex-start;
  }
  .image-blur-right .component-content .richText-content {
    bottom: auto;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .image-blur-right .component-content .richText-content {
    right: 15px;
    padding-top: 20px;
  }
}

.image-blur-right .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
}

@media (min-width: 768px) {
  .image-blur-right .component-content img {
    width: 100%;
    height: auto;
  }
}

.image-blur-right .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-left.png") no-repeat left top;
  background-size: cover;
  left: 0;
  display: block;
}

@media (min-width: 768px) {
  .image-blur-right .component-content::before {
    height: 100%;
  }
}

.image-blur-right .richText-content {
  background: none !important;
  position: relative;
}

@media (max-width: 767px) {
  .image-blur-right .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

.image-blur-right .component-content::before {
  display: none !important;
}

.image-blur-right .component-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60vw;
  z-index: 2;
}

@media (min-width: 768px) {
  .image-blur-right .component-content::after {
    background: linear-gradient(to left, white 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 58%);
  }
}

@media (max-width: 767px) {
  .image-blur-right.rendition .component-content img {
    height: 78vw;
  }
}

.white-lens-left img {
  filter: saturate(0.5);
}

.white-lens-left .component-content {
  position: relative !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .white-lens-left .component-content {
    display: flex;
    align-items: flex-start;
  }
  .white-lens-left .component-content .richText-content {
    bottom: auto;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .white-lens-left .component-content .richText-content {
    right: 15px;
    padding-top: 20px;
  }
}

.white-lens-left .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
}

@media (min-width: 768px) {
  .white-lens-left .component-content img {
    width: 100%;
    height: auto;
  }
}

.white-lens-left .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-left.png") no-repeat left top;
  background-size: cover;
  left: 0;
  display: block;
}

@media (min-width: 768px) {
  .white-lens-left .component-content::before {
    height: 100%;
  }
}

.white-lens-left .richText-content {
  background: none !important;
  position: relative;
}

@media (max-width: 767px) {
  .white-lens-left .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

.white-lens-left .component-content::before {
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/white-lens-left.png") no-repeat left top;
  background-size: cover;
  display: block;
}

@media (max-width: 767px) {
  .white-lens-left.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 767px) {
  .white-lens-left.rendition .component-content::before {
    height: 78vw !important;
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/white-mobile.png") no-repeat center center;
    background-size: cover;
  }
}

.white-lens-right img {
  filter: saturate(0.5);
}

.white-lens-right .component-content {
  position: relative !important;
  overflow: hidden;
  display: flex;
}

@media (max-width: 767px) {
  .white-lens-right .component-content {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .white-lens-right .component-content {
    align-items: flex-start;
  }
  .white-lens-right .component-content .richText-content {
    bottom: auto;
    right: auto;
    left: 15px;
  }
}

@media (min-width: 992px) {
  .white-lens-right .component-content .richText-content {
    left: 15px;
  }
}

.white-lens-right .component-content img {
  position: relative;
  width: auto;
  height: 64vw;
  z-index: 1;
  text-align: right;
}

@media (min-width: 768px) {
  .white-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
}

.white-lens-right .component-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 64vw;
  z-index: 2;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-right.png") no-repeat right top;
  background-size: cover;
  right: 0;
  display: block;
}

@media (min-width: 768px) {
  .white-lens-right .component-content::before {
    height: 100%;
  }
}

.white-lens-right .richText-content {
  background: none !important;
}

.white-lens-right .richText-content .btn {
  right: auto;
  left: 1rem;
}

@media (max-width: 767px) {
  .white-lens-right .richText-content {
    position: relative !important;
  }
  .white-lens-right .richText-content .btn {
    right: auto;
    left: 1rem;
  }
}

.white-lens-right .component-content::before {
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/white-lens-right.png") no-repeat right top;
  background-size: cover;
  display: block;
}

@media (max-width: 767px) {
  .white-lens-right.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 767px) {
  .white-lens-right.rendition .component-content::before {
    height: 78vw !important;
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/white-mobile.png") no-repeat center center;
    background-size: cover;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .custom-carousel .carousel-slide .content-block .richText-content {
    width: calc(45% - 15px);
  }
  .custom-carousel .carousel-slide .content-block .richText-content .page-title {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  .custom-carousel .carousel-slide .content-block .richText-content p {
    font-size: .93rem;
  }
}

.custom-carousel .carousel-slide .dynamic-lens-left .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .dynamic-lens-left .component-content .richText-content {
    right: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .dynamic-lens-left .component-content .richText-content {
    padding-top: 60px;
  }
}

.custom-carousel .carousel-slide .dynamic-lens-left .component-content img {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-left .component-content img {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .dynamic-lens-left .component-content img {
    width: 100%;
    height: auto;
  }
}

.custom-carousel .carousel-slide .dynamic-lens-left .component-content::before {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-left .component-content::before {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .dynamic-lens-left .component-content::before {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .dynamic-lens-left.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-left.rendition .component-content img {
    height: 73vw !important;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .dynamic-lens-left.rendition .component-content::before {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-left.rendition .component-content::before {
    height: 73vw !important;
  }
}

.custom-carousel .carousel-slide .dynamic-lens-right .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .dynamic-lens-right .component-content .richText-content {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .dynamic-lens-right .component-content .richText-content {
    padding-top: 60px;
  }
}

.custom-carousel .carousel-slide .dynamic-lens-right .component-content img {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-right .component-content img {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .dynamic-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
}

.custom-carousel .carousel-slide .dynamic-lens-right .component-content::before {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-right .component-content::before {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .dynamic-lens-right .component-content::before {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .dynamic-lens-right.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-right.rendition .component-content img {
    height: 73vw !important;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .dynamic-lens-right.rendition .component-content::before {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .dynamic-lens-right.rendition .component-content::before {
    height: 73vw !important;
  }
}

.custom-carousel .carousel-slide .white-lens-left .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .white-lens-left .component-content .richText-content {
    right: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .white-lens-left .component-content .richText-content {
    padding-top: 60px;
  }
}

.custom-carousel .carousel-slide .white-lens-left .component-content img {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-left .component-content img {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .white-lens-left .component-content img {
    width: 100%;
    height: auto;
  }
}

.custom-carousel .carousel-slide .white-lens-left .component-content::before {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-left .component-content::before {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .white-lens-left .component-content::before {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .white-lens-left.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-left.rendition .component-content img {
    height: 73vw !important;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .white-lens-left.rendition .component-content::before {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-left.rendition .component-content::before {
    height: 73vw !important;
  }
}

.custom-carousel .carousel-slide .white-lens-right .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .white-lens-right .component-content .richText-content {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .white-lens-right .component-content .richText-content {
    padding-top: 60px;
  }
}

.custom-carousel .carousel-slide .white-lens-right .component-content img {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-right .component-content img {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .white-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
}

.custom-carousel .carousel-slide .white-lens-right .component-content::before {
  height: 62vw;
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-right .component-content::before {
    height: 59vw;
  }
}

@media (min-width: 768px) {
  .custom-carousel .carousel-slide .white-lens-right .component-content::before {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .white-lens-right.rendition .component-content img {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-right.rendition .component-content img {
    height: 73vw !important;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .white-lens-right.rendition .component-content::before {
    height: 78vw !important;
  }
}

@media (max-width: 479px) {
  .custom-carousel .carousel-slide .white-lens-right.rendition .component-content::before {
    height: 73vw !important;
  }
}

.custom-carousel .carousel-slide .left-text-format .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .left-text-format .component-content .richText-content {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .left-text-format .component-content .richText-content {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .left-text-format.rendition .component-content img {
    height: 69vw !important;
  }
}

.custom-carousel .carousel-slide .right-text-format .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .right-text-format .component-content .richText-content {
    right: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .right-text-format .component-content .richText-content {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .custom-carousel .carousel-slide .right-text-format.rendition .component-content img {
    height: 69vw !important;
  }
}

.custom-carousel .carousel-slide .image-blur-left .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .image-blur-left .component-content .richText-content {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .image-blur-left .component-content .richText-content {
    padding-top: 60px;
  }
}

.custom-carousel .carousel-slide .image-blur-right .component-content .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .custom-carousel .carousel-slide .image-blur-right .component-content .richText-content {
    right: 60px;
  }
}

@media (min-width: 1200px) {
  .custom-carousel .carousel-slide .image-blur-right .component-content .richText-content {
    padding-top: 60px;
  }
}

@media (min-width: 768px) {
  .spotlight-hero .richText-content {
    left: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .spotlight-hero .richText-content {
    top: 5px !important;
  }
}

.spotlight-hero .richText-content .btn {
  right: auto;
  left: 1rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  .spotlight-hero .dynamic-lens-right .component-content {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .spotlight-hero .dynamic-lens-right .component-content img {
    position: relative;
    width: auto !important;
    height: 40vw !important;
    z-index: 1;
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
  .spotlight-hero .dynamic-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .spotlight-hero .dynamic-lens-right .component-content::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 40vw !important;
    z-index: 2;
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/dynamic-lens-right.png") no-repeat right top;
    background-size: cover;
    right: 0;
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .spotlight-hero .white-lens-right .component-content {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .spotlight-hero .white-lens-right .component-content img {
    position: relative;
    width: auto !important;
    height: 40vw !important;
    z-index: 1;
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
  .spotlight-hero .white-lens-right .component-content img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .spotlight-hero .white-lens-right .component-content::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 40vw !important;
    z-index: 2;
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/health-professionals/master/assets/images/web/background-images/lens/white-lens-right.png") no-repeat right top;
    background-size: cover;
    right: 0;
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .spotlight-hero .left-text-format .component-content {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .spotlight-hero .left-text-format .component-content img {
    position: relative;
    width: auto !important;
    height: 40vw !important;
    z-index: 1;
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
  .spotlight-hero .left-text-format .component-content img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .spotlight-hero .image-blur-left .component-content {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .spotlight-hero .image-blur-left .component-content::after {
    display: none;
  }
  .spotlight-hero .image-blur-left .component-content img {
    position: relative;
    width: auto !important;
    height: 61vw !important;
    z-index: 1;
    text-align: right;
  }
}

.overlay-timer-wrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #000;
}

.timer-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%;
  background-color: white;
}

@media (max-width: 768px) {
  .timer-popup {
    width: 95%;
  }
}

progress {
  background: #30e403;
  color: #30e403;
  display: flex;
  justify-content: center;
  border: 2px solid black;
  width: 50%;
  margin-left: 25%;
}

@media (max-width: 768px) {
  progress {
    margin-left: 0;
    width: 95%;
  }
}

progress::-webkit-progress-value {
  background: #30e403;
}

progress::-moz-progress-bar {
  background: #30e403;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

/* Registration page styles */
/*Extended to accommodate right and left containers structure*/
/*Manual flow*/
.registration-v2.box > .component-content > .paragraphSystem {
  display: flex;
  flex-wrap: wrap;
}

.registration-v2.box .left-container {
  display: none;
}

.registration-v2.box .left-container > .component-content > .paragraphSystem {
  margin: 0;
}

.registration-v2.box .left-container div {
  height: 100%;
}

.registration-v2.box .right-container {
  display: none;
}

.registration-v2.box .right-container div {
  height: 100%;
  margin: 0;
}

@media (max-width: 991px) {
  .registration-v2.column-reverse > .component-content > .paragraphSystem {
    flex-direction: column-reverse;
  }
}

.registration-v2.registration-completed .right-container {
  display: none !important;
}

.registration-v2.registration-completed .left-container {
  width: 100% !important;
}

/*SORVI flow*/
@media (max-width: 991px) {
  .wizard-container.registration-v2 {
    margin-bottom: 5rem !important;
  }
}

.wizard-container.registration-v2 > .row {
  display: flex;
  flex-wrap: Wrap;
}

@media (max-width: 991px) {
  .wizard-container.registration-v2 > .row {
    flex-direction: column-reverse;
  }
}

@media (max-width: 991px) {
  .wizard-container.registration-v2 .step-progress-bar {
    position: absolute;
    top: 0;
  }
}

.wizard-container.registration-v2 .left-container {
  display: none;
  position: relative;
}

.wizard-container.registration-v2 .left-container > .row {
  height: 100%;
  background: white;
}

.wizard-container.registration-v2 .left-container #step-content {
  padding: 0 15px;
}

.wizard-container.registration-v2 .left-container .step-notify .richText.error-messages {
  padding: 0 1.6rem;
}

@media (max-width: 991px) {
  .wizard-container.registration-v2 .left-container .step-notify .richText.error-messages {
    padding: 0 16px;
  }
}

.wizard-container.registration-v2 .left-container #step-footer > .row {
  margin: 0;
}

@media (max-width: 991px) {
  .wizard-container.registration-v2 .left-container #step-footer > .row > div {
    padding: 0;
  }
}

.wizard-container.registration-v2 .left-container #step-footer .step-toolbar a.btn.spb-try-again {
  margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wizard-container.registration-v2 .left-container #step-footer .step-toolbar a.btn.spb-try-again {
    margin-left: 15px;
  }
}

.wizard-container.registration-v2 .left-container #step-footer .step-toolbar a.btn.spb-continue, .wizard-container.registration-v2 .left-container #step-footer .step-toolbar a.btn.spb-confirm-submit {
  margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wizard-container.registration-v2 .left-container #step-footer .step-toolbar a.btn.spb-continue, .wizard-container.registration-v2 .left-container #step-footer .step-toolbar a.btn.spb-confirm-submit {
    margin-right: 15px;
  }
}

@media (max-width: 991px) {
  .wizard-container.registration-v2 .left-container {
    top: 4rem;
  }
}

.wizard-container.registration-v2 .right-container {
  display: none;
}

.wizard-container.registration-v2 .right-container div {
  height: 100%;
}

@media (max-width: 991px) {
  .wizard-container.registration-v2 .right-container {
    top: 4rem;
  }
}

.wizard-container.registration-v2.step-completed.registration-completed .left-container {
  width: 100% !important;
}

.wizard-container.registration-v2.step-completed.registration-completed .right-container {
  display: none !important;
}

.wizard-container.registration-v2.active-second-step .step-notify .richText.error-messages {
  padding: 0 15px;
}

@media (max-width: 991px) {
  .wizard-container.registration-v2.active-second-step .step-notify .richText.error-messages {
    padding: 0 5px;
  }
}

.reference-interactive-point {
  position: inherit;
}

.interactive-link {
  background: #000;
  color: white;
  border-radius: 35px;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  padding: 5px;
}

.interactive-link:hover {
  background: #30e403;
  color: #000;
  text-decoration: none;
}

.interactive-link .icon-v2::before {
  border-radius: 50%;
  font-size: 3rem;
  line-height: 3rem;
  margin-right: 0.5rem;
}

.interactive-link .interactive-text {
  font-family: Verdana, sans-serif !important;
  padding: 5px;
}

.pdx-interactive-video .interactive-link {
  background: #d51828;
  color: white;
}

.pdx-interactive-video .interactive-link .icon-v2::before {
  background: #011b4b;
}

.overlay-container .right-arrow .interactive-link, .overlay-container .left-arrow .interactive-link {
  border-radius: 0;
}

.overlay-container .right-arrow .interactive-text, .overlay-container .left-arrow .interactive-text {
  padding: 0;
}

.overlay-container .right-arrow .icon-v2::before {
  content: "\e016" !important;
  display: block;
}

.overlay-container .left-arrow .icon-v2 {
  transform: rotate(180deg);
}

.overlay-container .left-arrow .icon-v2::before {
  content: "\e016" !important;
  display: block;
}

.overlay-container .pdx-interactive-video.right-arrow .interactive-link, .overlay-container .pdx-interactive-video.left-arrow .interactive-link {
  background: none;
}

.overlay-container .pdx-interactive-video.right-arrow .icon-v2::before, .overlay-container .pdx-interactive-video.left-arrow .icon-v2::before {
  border-radius: 0;
  padding: 5px;
}

@media (max-width: 767px) {
  .icon-v2::before {
    font-size: 2.5rem !important;
    line-height: 2.5rem !important;
  }
}

@media (max-width: 480px) {
  .interactive-link {
    font-size: 1rem !important;
  }
  .icon-v2::before {
    font-size: 1rem !important;
    line-height: 1rem !important;
  }
}

/*
#################################################################

Search select dropdown
------------------
Summary: Search select dropdown component styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the Search select dropdown component.

#################################################################
*/
.focused-banner img {
  border: 15px solid #fff !important;
}

@media (max-width: 767px) {
  .focused-banner img {
    display: none;
  }
}

.focused-banner .richText-content {
  width: 60% !important;
  left: 12rem !important;
  background: #000 !important;
  min-height: 150px;
  color: #30e403 !important;
}

@media (max-width: 768px) {
  .focused-banner .richText-content {
    width: auto !important;
    left: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .focused-banner .richText-content {
    bottom: 2rem !important;
  }
}

.focused-banner .richText-content p {
  color: white;
}

.flu-tracker-container .weather-container .box {
  background: #000 !important;
  border: 15px solid #fff !important;
}

.flu-tracker-container .weather-container .icon-v2 span::before {
  font-size: 4rem;
}

.flu-tracker-container .weather-container .body-title {
  color: white;
}

.flu-tracker-container .weather-container .weather-icon img {
  border: 5px solid white;
  border-radius: 50%;
  min-width: 64px;
}

.flu-tracker-container .weather-container .temperature-container {
  color: white;
}

.flu-tracker-container .weather-container .temperature-container h3 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 479px) {
  .flu-tracker-container .weather-container .temperature-container h3 {
    flex-direction: column;
  }
}

.flu-tracker-container .weather-container .smilies-img-container .component-content {
  height: 73px;
  width: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  box-shadow: 0 0 2px white;
  background: white;
}

@media (max-width: 991px) {
  .flu-tracker-container .weather-container .smilies-img-container .component-content {
    margin: 0 auto;
  }
}

.flu-tracker-container .weather-container .smilies-img-container img {
  width: 83px;
  height: 83px;
}

.flu-tracker-container .weather-container .smilies-img-container .very-low {
  object-position: -5px -1px;
}

.flu-tracker-container .weather-container .smilies-img-container .low {
  object-position: -81px -1px;
}

.flu-tracker-container .weather-container .smilies-img-container .moderate {
  object-position: -160px -1px;
}

.flu-tracker-container .weather-container .smilies-img-container .high {
  object-position: -238px -1px;
}

.flu-tracker-container .weather-container .smilies-img-container .very-high {
  object-position: -313px -1px;
}

.flu-tracker-container .weather-container .location-container .section-title {
  color: #30e403;
}

.ts-control {
  cursor: pointer !important;
}

.ts-control input {
  cursor: pointer;
}

.ts-control::after {
  content: "";
  font-family: "VBL-Icons";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.429rem;
  color: #000;
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
}

.ts-control.is-active::after {
  transform: rotate(270deg);
}

.content-block-group-xs .paragraphSystem {
  display: flex;
  flex-wrap: wrap;
}

.content-block-group-xs .content-block .component-content {
  background: white;
  height: 100%;
}

.smilies-img-container img {
  width: 84px;
  height: 84px;
  object-fit: cover;
  border: none !important;
  margin: 10px 0;
}

.smilies-img-container .very-low {
  object-position: -5px -1px;
}

.smilies-img-container .low {
  object-position: -82px -1px;
}

.smilies-img-container .moderate {
  object-position: -162px -1px;
}

.smilies-img-container .high {
  object-position: -241px -1px;
}

.smilies-img-container .very-high {
  object-position: -317px -1px;
}

.global-country-banner img {
  display: block;
  border: 15px solid white;
  opacity: 30%;
}

@media (max-width: 767px) {
  .global-country-banner img {
    border: none;
  }
}

@media (max-width: 767px) {
  .global-country-banner .richText-content {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .global-country-banner .richText-content {
    width: 96% !important;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .global-country-banner .richText-content {
    width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .global-country-banner .richText-content {
    margin-bottom: 30px !important;
  }
}

.ts-dropdown-content .selected {
  background: #30e403 !important;
  color: #000 !important;
}

.ts-dropdown-content .disabled {
  color: #8D979D !important;
}

.ts-dropdown-content .option {
  border: 1px solid #eeedec;
}

/*Gallery.scss*/
.videoGallery-heading, .imageGallery-heading {
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
}

.videoGallery-video object, .videoGallery-video embed, .imageGallery-video object, .imageGallery-video embed {
  width: 100% !important;
}

.imageGallery-view img {
  width: 100%;
  height: auto;
}

.videoGallery-thumbnail, .imageGallery-thumbnail {
  float: left;
  margin: 0 2px;
  padding: 10px 1px;
  text-align: center;
}

.videoGallery-thumbnail.is-active, .imageGallery-thumbnail.is-active {
  background-color: #e7e7e7;
}

.videoGallery-thumbnail.is-active .videoGallery-thumbnail-overlay, .imageGallery-thumbnail.is-active .videoGallery-thumbnail-overlay {
  opacity: 0;
  transition: opacity .5s;
}

.videoGallery-thumbnail-image, .imageGallery-thumbnail-image {
  position: relative;
  margin: 2px 2px 10px 2px;
  cursor: pointer;
}

.videoGallery-thumbnail-image img, .imageGallery-thumbnail-image img {
  margin: 0 auto;
  border: 0;
  width: 90px;
}

.videoGallery-thumbnail-image:hover .videoGallery-thumbnail-overlay, .imageGallery-thumbnail-image:hover .videoGallery-thumbnail-overlay {
  background: #E90707;
  color: white;
  opacity: 1;
}

.videoGallery-thumbnail-title, .imageGallery-thumbnail-title {
  display: inline-block;
  margin: 0;
  width: 6rem;
  font-size: 0.875rem;
  text-align: left;
  font-weight: 700;
  padding: 0 5px;
}

.videoGallery-thumbnail-overlay, .imageGallery-thumbnail-overlay {
  position: absolute;
  top: 55%;
  left: 50%;
  background: #000;
  opacity: 0.5;
  border-radius: 50% / 10%;
  width: 30px;
  height: 24px;
  margin: -15px 0 0 -15px;
}

.videoGallery-thumbnail-overlay::before, .imageGallery-thumbnail-overlay::before {
  position: absolute;
  top: 9%;
  left: -5%;
  bottom: 9%;
  right: -5%;
  background: inherit;
  border-radius: 5% / 50%;
  content: "";
}

.videoGallery-thumbnail-overlay::after, .imageGallery-thumbnail-overlay::after {
  border-style: solid;
  border-width: 6px 10px;
  border-color: transparent transparent transparent white;
  content: ' ';
  margin-top: 6px;
  left: 12px;
  position: absolute;
  width: 0;
}

.videoGallery-thumbnails, .imageGallery-thumbnails {
  position: relative;
}

.videoGallery-thumbnails-list li:hover .image, .imageGallery-thumbnails-list li:hover .image {
  margin: 0;
  border: solid 4px #000;
}

.videoGallery-thumbnails-title, .imageGallery-thumbnails-title {
  display: block;
  margin: 10px auto 0 auto;
  width: 71px;
  font-size: 11px;
}

.videoGallery-thumbnail-not-available, .imageGallery-thumbnail-not-available {
  border: 2px solid #000;
}

.videoGallery-list, .imageGallery-list {
  margin: 0 60px;
  overflow: hidden;
}

.imageGallery-list {
  margin: 10px 0;
}

.videoGallery-list-inner, .imageGallery-list-inner {
  position: relative;
  margin: 0;
  padding: 0;
  left: 0;
  overflow: hidden;
  list-style: none;
}

.videoGallery-description {
  margin: 15px 0;
  min-height: 5rem;
}

.videoGallery-arrow, .imageGallery-arrow {
  position: absolute;
  top: 15%;
  background: white;
  cursor: pointer;
}

@media (min-width: 768px) {
  .videoGallery-arrow, .imageGallery-arrow {
    height: 60px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.videoGallery-arrow:before, .imageGallery-arrow:before {
  top: 2rem;
  color: #000;
  display: inline-block;
  font-family: 'VBL-Icons' !important;
  position: relative;
  content: "\e016" !important;
  font-size: 2.9rem;
}

@media (min-width: 768px) {
  .videoGallery-arrow:before, .imageGallery-arrow:before {
    top: 0;
  }
}

.videoGallery-arrow:hover, .imageGallery-arrow:hover {
  background: #000;
  transition: all 0.3s ease-in-out;
}

.videoGallery-arrow:hover:before, .imageGallery-arrow:hover:before {
  color: #30e403;
}

.videoGallery-arrow.is-disabled, .imageGallery-arrow.is-disabled {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .imageGallery-view .imageGallery-arrow {
    top: 33%;
  }
}

.imageGallery-view .imageGallery-arrow-left {
  left: 15px;
}

.imageGallery-view .imageGallery-arrow-right {
  right: 15px;
}

.imageGallery-arrow {
  top: 0;
  border: none;
}

.imageGallery-view-overlay {
  display: none;
}

.videoGallery-arrow-left, .imageGallery-arrow-left {
  left: 0;
  box-shadow: 3px 0.1px 3px 1px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.videoGallery-arrow-left:before, .imageGallery-arrow-left:before {
  left: 0;
  transform: rotate(180deg);
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.videoGallery-arrow-right, .imageGallery-arrow-right {
  right: 0;
  box-shadow: -3px 0.1px 3px 1px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.videoGallery-arrow-right:before, .imageGallery-arrow-right:before {
  left: 2px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
  .videoGallery-arrow-right:before, .imageGallery-arrow-right:before {
    left: 0;
  }
}

.mod-js .videoGallery-nojs, .mod-js .imageGallery-nojs {
  display: none;
}

@media (max-width: 767px) {
  .videoGallery-list {
    margin: 0;
  }
  .videoGallery-list-inner, .imageGallery-list-inner {
    margin: 0;
    padding: 0;
    left: 30px;
  }
  .videoGallery-arrow, .imageGallery-arrow {
    top: 30%;
    height: 35px;
    width: 25px;
    opacity: 0.9;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .videoGallery-arrow:before, .imageGallery-arrow:before {
    top: 0;
    font-size: 1.6rem;
  }
  .videoGallery-arrow.is-disabled, .imageGallery-arrow.is-disabled {
    opacity: 0.7;
  }
  .videoGallery-arrow-left:before, .imageGallery-arrow-left:before {
    left: 0;
  }
  .videoGallery-arrow-right:before, .imageGallery-arrow-right:before {
    left: 0;
  }
}

/*mediaelement.scss*/
.mejs-offscreen {
  display: none !important;
}

.mejs-container {
  position: relative;
  height: 0 !important;
  overflow: hidden;
  padding-bottom: 56.3%;
}

.mejs-container .mejs-controls {
  display: none !important;
}

/* Start: LAYERS */
.mejs-mediaelement iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mejs-poster {
  pointer-events: none;
  z-index: -1;
}

:root .mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

:root .mejs-poster img {
  display: none;
}

/*
#################################################################

DYNAMIC FORM
------------------
Summary: Dynamic form styles
Project: (HALEON) Expert Portal Project
Usage: This is the main CSS for the explicit styles related to dynamic forms of the website

#################################################################
*/
#dynamic-registration-form .dynamic-registration-error-messages {
  color: #E90707;
  font-size: 0.875rem;
  font-weight: 700;
}

#dynamic-registration-form .section-level-error-msg {
  color: #E90707;
  font-size: 0.875rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  #dynamic-registration-form .legend-label {
    padding-bottom: 10px;
    margin-top: 0px !important;
    float: left !important;
  }
}

#dynamic-registration-form .legend-label {
  float: right;
  color: #E90707;
  margin-top: -30px;
}

#dynamic-registration-form .cluster-country-value {
  height: 43px;
}

@media (min-width: 992px) {
  #dynamic-registration-form .cluster-country-value {
    width: 48% !important;
  }
}

@media (max-width: 992px) {
  #dynamic-registration-form .cluster-country-value {
    margin: 6px 0 !important;
    width: 100% !important;
  }
}

#dynamic-registration-form .country-change-link {
  padding-left: 2px;
  width: 48% !important;
}

#dynamic-registration-form .list-group {
  display: flex;
  flex-direction: column;
}

#dynamic-registration-form .list-group .list-group-item {
  position: relative;
  display: block;
  background-color: white;
  margin-bottom: 1rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header {
  padding: 1rem;
  display: inline-flex;
  width: 100%;
  align-items: center;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header .accordion-title {
  padding-left: 10px;
  margin-top: 5px;
  padding-right: 2rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header .badge {
  padding: 0.25rem;
  font-size: 100%;
  display: inline-block;
  font-weight: 700;
  line-height: 1.143rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  width: 2.2rem;
  color: #000;
  height: 25px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header .badge.badge-primary {
  background-color: #146AFF;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header .badge.badge-success {
  background-color: #30e403;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header .badge.badge-danger {
  background-color: #E90707;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header .badge.badge-light {
  background-color: #e7e7e7;
}

#dynamic-registration-form .list-group .list-group-item .accordion-header::after {
  content: "";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.429rem;
  right: 15px;
  visibility: hidden;
  position: absolute;
  top: -5px;
  bottom: 0;
  height: 17px;
  width: 15px;
  display: inline-block;
  margin: auto 0;
  transform: rotate(90deg);
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body {
  display: none;
  padding: 1rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .eye.eye-icon:after {
  content: "";
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .eye.eye-slash-icon:after {
  content: "";
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .eye::after {
  font-family: "VBL-Icons" !important;
  font-size: 1.5rem;
  color: #000;
  cursor: pointer;
  position: absolute !important;
  right: 3.3rem !important;
  top: -2.2rem;
  pointer-events: auto;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .error-msg {
  display: block;
  position: relative;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.fieldset-composite-control-textbox, #dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.fieldset-composite-control-dropdown, #dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.fieldset-composite-control-password {
  min-height: 90px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.fieldset-composite-control-label {
  margin-bottom: 1rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control a {
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #30e403;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control a:hover {
  background: #30e403;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control a.eye {
  text-decoration: none !important;
  display: block;
  position: relative;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control a.eye:hover {
  background: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"].error,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"].error,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"].error,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"].error,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"].error {
  border: 1px solid #E90707 !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"].error ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"].error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"].error ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"].error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"].error ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"].error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"].error ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"].error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"].error ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"].error ~ .error-msg:after {
  content: "";
  background: #E90707;
  visibility: visible;
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -2.75rem !important;
  right: 0.4rem !important;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"].valid ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"].valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"].valid ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"].valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"].valid ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"].valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"].valid ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"].valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"].valid ~ a .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"].valid ~ .error-msg:after {
  content: "";
  background: #30e403;
  visibility: visible;
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -2.75rem !important;
  right: 0.4rem !important;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"]#practice-address ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"]#practice-address ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"]#practice-address ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"]#practice-address ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"]#practice-address ~ .error-msg:after {
  content: "";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -2.75rem !important;
  right: 0.4rem !important;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"]#practice-address.valid,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"]#practice-address.valid,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"]#practice-address.valid,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"]#practice-address.valid,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"]#practice-address.valid {
  border: none !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"]#practice-address.valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"]#practice-address.valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"]#practice-address.valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"]#practice-address.valid ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"]#practice-address.valid ~ .error-msg:after {
  content: "";
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="text"]#practice-address.error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="password"]#practice-address.error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="number"]#practice-address.error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="email"]#practice-address.error ~ .error-msg:after,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control input[type="tel"]#practice-address.error ~ .error-msg:after {
  content: "";
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select {
  background: #e7e7e7 !important;
  border: 1px solid #e7e7e7;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #444444 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.143rem !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    #dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select {
      font-family: Verdana, sans-serif !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  #dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select {
    font-family: Verdana, sans-serif !important;
  }
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select ~ .error-msg:after {
  content: "";
  visibility: visible;
  transform: none;
  background: transparent;
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -2.75rem !important;
  right: 0.4rem !important;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select.valid ~ .error-msg:after {
  content: "";
  background-color: #30e403;
  color: #000;
  top: -2.75rem;
  right: 0.4rem;
  transform: none;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select.error {
  border: 1px solid #E90707 !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control select.error ~ .error-msg:after {
  background-color: #E90707;
  color: #000 !important;
  top: -2.75rem;
  right: 0.4rem;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .fieldset-input-text,
#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .fieldset-dropdown {
  display: block;
  width: 100%;
  height: 43px;
  padding: 0.375rem 0.75rem;
  padding-right: 3.2rem !important;
  z-index: unset;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .fieldset-input-checkbox + label {
  font-weight: 700;
  top: -7px;
  left: 1px;
  display: initial;
  line-height: 1.5rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .fieldset-input-checkbox + label::after {
  top: 6px;
  left: 4px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.privacy-policy .fieldset-input-checkbox + label {
  font-weight: 400;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control .hhp-info-text {
  padding: 3px 0 !important;
  font-weight: normal;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.wait-time-text .hhp-info-text:before {
  content: "";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 2.3rem;
  margin-right: 5px;
  color: #000;
  font-size: 3.2rem;
  vertical-align: middle;
  left: -4px;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-composite-control.faq-text .hhp-info-text:before {
  content: "";
  font-family: 'VBL-Icons';
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-transform: none;
  line-height: 1rem;
  margin-right: 1rem;
  color: white;
  display: inline-flex;
  font-size: 2rem;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #000;
  border-radius: 40px;
  pointer-events: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .hhp-email-consent,
#dynamic-registration-form .list-group .list-group-item .accordion-body .hhp-manual-text {
  padding: 10px 15px !important;
  margin-top: 1rem;
  border-radius: 4px !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .hhp-email-consent {
  background: #8D979D;
  color: white;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .hhp-manual-text {
  background: #eeedec;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .address-block-container {
  width: 100% !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .display-address-block {
  padding: 10px;
  font-size: 0.98rem;
  font-weight: normal;
  background: #e7e7e7;
  margin-top: 0.5rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .display-address-block p {
  margin: 0.25rem 0;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .valid ~ span.error-msg,
#dynamic-registration-form .list-group .list-group-item .accordion-body .valid ~ .eye .error-msg {
  visibility: hidden;
  position: relative;
  display: block;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .error ~ span.error-msg,
#dynamic-registration-form .list-group .list-group-item .accordion-body .error ~ .eye .error-msg {
  visibility: visible;
  color: #E90707;
  font-size: 13px;
  position: relative;
  display: block;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .error ~ span.error-msg a,
#dynamic-registration-form .list-group .list-group-item .accordion-body .error ~ .eye .error-msg a {
  color: #E90707 !important;
  transition: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-label-text {
  display: initial;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-input-radio {
  top: -2px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-input-radio + label {
  top: 1px;
  left: 1px;
  padding-left: 35px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-input-radio + label:after {
  border-radius: 100%;
  left: 5px;
  top: 2px;
  width: 12px;
  height: 12px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-input-radio + label:before {
  top: -3px;
  left: 0;
  content: "";
  background-color: white;
  box-shadow: none;
  padding: 10px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 2rem;
  border: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer {
  display: none;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .fieldset-composite-control {
  margin-bottom: 1rem;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .fieldset-composite-control a[disabled] {
  pointer-events: none;
  background-color: #eeedec !important;
  color: white !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .hhp-acc-nav {
  float: right !important;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .hhp-acc-nav .next-btn {
  float: right !important;
  background: #30e403;
  color: #000;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .hhp-acc-nav .next-btn:hover, #dynamic-registration-form .list-group .list-group-item .accordion-footer .hhp-acc-nav .next-btn:focus {
  color: white;
  background: #000;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .hhp-acc-nav .back-btn {
  padding: 9px 15px 8px 28px;
}

#dynamic-registration-form .list-group .list-group-item .accordion-footer .hhp-acc-nav .back-btn::after {
  transform: rotate(-180deg);
  inset: 2px 0px 2px 8px;
}

#dynamic-registration-form .list-group .list-group-item .optional-field .asterisk-required {
  display: none;
}

#dynamic-registration-form .list-group .list-group-item .asterisk-required {
  color: #E90707;
  font-weight: bold;
  margin: 0;
  display: inline-block;
}

#dynamic-registration-form .list-group .list-group-item.open .accordion-header {
  background: #30e403;
  cursor: default;
}

#dynamic-registration-form .list-group .list-group-item.open .accordion-header .badge.badge-success, #dynamic-registration-form .list-group .list-group-item.open .accordion-header .badge.badge-light {
  color: white;
  background-color: #000;
}

#dynamic-registration-form .list-group .list-group-item.open .accordion-header::after {
  transform: rotate(-90deg);
  transition: transform 0.2s;
  pointer-events: none;
  top: 2px;
}

#dynamic-registration-form .list-group .list-group-item.open .accordion-body,
#dynamic-registration-form .list-group .list-group-item.open .accordion-footer {
  display: block;
}

#dynamic-registration-form .phone-dial-code {
  top: 25.5px;
  position: absolute;
  left: 19px;
  padding: 11px;
  font-weight: bold;
  border-right: 3px solid #cccccc;
}

#dynamic-registration-form .phone-dial-code ~ input {
  padding-left: 80px !important;
}

@media (min-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-change-email-success-message a {
    font-size: inherit;
    font-weight: 700;
  }
  .gigya-screen-content div.gigya-screen .gigya-otp-send-code-form .gigya-composite-control-submit input[type="submit"]:disabled,
  .gigya-screen-content div.gigya-screen .gigya-profile-form .gigya-composite-control-submit input[type="submit"]:disabled {
    pointer-events: none;
    opacity: 0.65;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-layout-row {
    display: flex;
    flex-direction: column;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-input-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-composite-control .gigya-subscriber-phone-number-input {
    width: 98% !important;
    display: inline-block;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-composite-control-phone-number-input {
    height: 65px !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-composite-control-submit {
    position: relative;
    top: -43.4px;
    right: -47%;
    width: 48%;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-composite-control-submit input[type="submit"] {
    padding: 13.5px 28px 14px 13px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-change-email-screen .gigya-otp-send-code-form {
    display: flex;
    align-items: end;
    line-height: 1.143rem;
    min-height: 10.5rem;
  }
  .gigya-screen-content div.gigya-screen#gigya-change-email-screen .gigya-otp-send-code-form .gigya-input-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-change-email-screen .gigya-otp-send-code-form .gigya-composite-control {
    width: 98% !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-change-email-screen .gigya-otp-send-code-form .gigya-composite-control-submit {
    position: relative;
    top: -9.5px;
    left: -9px;
  }
  .gigya-screen-content div.gigya-screen#gigya-change-email-screen .gigya-otp-send-code-form .gigya-composite-control-submit input[type="submit"] {
    padding: 13.5px 28px 14px 13px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-input-text, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-input-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control-submit, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control-submit {
    position: relative;
    top: -65px;
    right: -48%;
    width: 48%;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control-submit input[type="submit"], .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control-submit input[type="submit"] {
    padding: 13.5px 28px 14px 13px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-textbox, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-textbox {
    min-height: 65px !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-textbox .gigya-error-msg-active, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-textbox .gigya-error-msg-active {
    padding: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-link, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-link {
    margin-top: -35px;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-layout-row, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-layout-row {
    display: flex;
    flex-direction: column;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-error-display .gigya-error-msg, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-error-display .gigya-error-msg {
    margin-bottom: -5%;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form a, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form a {
    top: 0;
    font-size: 1rem;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-error-display .gigya-error-msg {
    margin-top: -1%;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-error-display .gigya-error-msg {
    margin-top: -7.5%;
  }
}

@media (max-width: 992px) {
  .gigya-screen-content div.gigya-screen .gigya-change-email-success-message a {
    font-size: inherit;
    font-weight: 700;
  }
  .gigya-screen-content div.gigya-screen .gigya-otp-send-code-form .gigya-composite-control-submit input[type="submit"]:disabled {
    pointer-events: none;
    opacity: 0.65;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-composite-control .gigya-subscriber-phone-number-input {
    width: 100% !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-valid ~ .gigya-error-msg::after {
    right: 0.44rem;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .otp-screen-error-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .otp-screen-error-container .gigya-composite-control-submit {
    order: 2;
    padding: 0;
    margin: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .otp-screen-error-container .gigya-error-display {
    order: 1;
    padding: 0;
    margin: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .otp-screen-error-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .otp-screen-error-container .gigya-composite-control-submit {
    order: 2;
    padding: 0;
    margin: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .otp-screen-error-container .gigya-error-display {
    order: 1;
    padding: 0;
    margin: 0;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-link, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-link {
    padding-top: 10px;
    padding-left: 10px;
    float: left;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-textbox, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-composite-control.gigya-composite-control-textbox {
    min-height: 65px !important;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-error-display .gigya-error-msg, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-error-display .gigya-error-msg {
    margin-top: -2%;
  }
  .gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form a, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form a {
    top: 0;
    font-size: 1rem;
  }
}

.gigya-screen-content div.gigya-screen#gigya-change-email-screen .gigya-otp-send-code-form .gigya-label-text, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-label-text {
  font-weight: inherit;
}

.gigya-screen-content div.gigya-screen#gigya-mobile-edit-screen .gigya-otp-send-code-form .gigya-valid ~ .gigya-error-msg::after {
  content: "";
  font-family: 'VBL-Icons' !important;
  font-size: 2rem;
  color: #000;
  background: #30e403;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -3.6rem;
  right: 0.9rem;
  visibility: visible;
}

.gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-label-text, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-label-text {
  font-weight: inherit;
}

.gigya-screen-content div.gigya-screen#gigya-email-code-verification-screen .gigya-otp-update-form .gigya-label-text b, .gigya-screen-content div.gigya-screen#gigya-mobile-edit-verification-screen .gigya-otp-update-form .gigya-label-text b {
  font-weight: 700;
}

/*
#################################################################

SMS-OTP Login Component Styles
------------------
Summary: SMS-OTP Login related styles.
Project: (HALEON) Expert Portal Project.
Usage: SCSS for the SMS-OTP Login gigya styles override.

#################################################################
*/
.custom-ciam-login * {
  margin: 0 !important;
}

.custom-ciam-login .custom-redirect-msg {
  color: #E90707;
  font-size: 0.875rem;
}

.custom-ciam-login .gigya-input-text,
.custom-ciam-login .gigya-input-password {
  width: 100%;
  padding: 15px;
  background-color: #e7e7e7 !important;
  border: none !important;
  border-radius: 4px;
  color: #666 !important;
  margin-bottom: 1rem !important;
}

.custom-ciam-login .gigya-input-text::placeholder,
.custom-ciam-login .gigya-input-password::placeholder {
  color: #666 !important;
}

.custom-ciam-login .gigya-composite-control-textbox,
.custom-ciam-login .gigya-composite-control-password {
  margin-bottom: 1rem !important;
}

.custom-ciam-login#gigya-login-form .gigya-composite-control-form-error {
  padding-bottom: 10px !important;
}

.custom-ciam-login#gigya-login-form .gigya-composite-control-password:has(.gigya-password-input-container .gigya-input-password.gigya-valid) > a .gigya-error-msg::after {
  content: "";
  font-family: "VBL-Icons" !important;
  font-size: 2rem;
  color: #000;
  background: #30e403;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: -2.88rem;
  right: 0.44rem;
  visibility: visible;
}

.custom-ciam-login .gigya-password-input-container {
  position: relative;
}

.custom-ciam-login .gigya-input-submit {
  background-color: #000 !important;
  color: white !important;
  border: none !important;
  padding: 12px 40px 12px 20px !important;
  font-weight: 700 !important;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  margin-top: -1.5rem !important;
}

.custom-ciam-login a.gigya-composite-control-link.forgotten-password,
.custom-ciam-login a.forgotten-password.klasa {
  color: #000 !important;
  text-decoration: underline !important;
  display: block;
  margin: 0 !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
}

.custom-ciam-login a.gigya-composite-control-link[data-switch-screen] {
  color: #000 !important;
  text-decoration: underline !important;
  display: inline-flex;
  align-items: center;
  margin-top: 10px !important;
  width: 100% !important;
  font-weight: 700 !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
  text-decoration-line: underline !important;
  width: fit-content !important;
  margin-bottom: 0 !important;
  top: 5px;
}

.custom-ciam-login .gigya-layout-cell.responsive.with-social-login {
  display: flex;
  flex-direction: column;
}

.custom-ciam-login .gigya-layout-cell.responsive.with-social-login > div {
  display: flex;
  flex-direction: column;
}

.custom-ciam-login .gigya-composite-control-submit {
  order: 2 !important;
  width: auto;
}

.custom-ciam-login .gigya-error-msg {
  color: #d9534f;
  display: block;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
}

.custom-ciam-login .js-heading-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.custom-ciam-login .custom-separator-line {
  display: flex;
  width: 100%;
  border-top: 3px solid #e7e7e7 !important;
  margin-top: 14px !important;
  order: 3 !important;
  justify-content: space-between;
  align-items: center;
}

.custom-ciam-login .custom-separator-line span {
  display: inline-flex;
  align-items: center;
  width: fit-content !important;
}

.custom-ciam-login .custom-separator-line span::before {
  content: "\e96b";
  font-family: "VBL-Icons";
  margin-right: 10px;
  margin-top: 15px;
  font-size: 1.7rem;
  color: #000;
}

.custom-ciam-login .custom-separator-line span a.gigya-composite-control-link {
  white-space: nowrap;
  width: fit-content !important;
}

.custom-ciam-login .custom-separator-line a.register-link {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
  white-space: nowrap;
  width: fit-content !important;
}

@media (min-width: 768px) {
  .custom-ciam-login .gigya-layout-cell.responsive.with-social-login > div {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .custom-ciam-login a.gigya-composite-control-link.forgotten-password,
  .custom-ciam-login a.forgotten-password.klasa {
    order: 1;
    flex: 0 0 auto;
    align-self: center;
  }
  .custom-ciam-login .gigya-composite-control-submit {
    order: 2;
    flex: 0 0 auto;
    margin-left: auto !important;
  }
  .custom-ciam-login a.gigya-composite-control-link[data-switch-screen] {
    order: 2;
    margin-top: 10px !important;
  }
}

@media (max-width: 991px) {
  .custom-ciam-login .gigya-layout-cell.responsive.with-social-login > div {
    flex-direction: column;
    align-items: stretch;
  }
  .custom-ciam-login .gigya-composite-control-submit {
    order: 1;
    width: 100%;
  }
  .custom-ciam-login .gigya-input-submit {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .custom-ciam-login a.gigya-composite-control-link.forgotten-password,
  .custom-ciam-login a.forgotten-password.klasa {
    order: 2 !important;
    text-align: left;
    margin-bottom: 10px !important;
  }
  .custom-ciam-login a.gigya-composite-control-link[data-switch-screen] {
    order: 3;
    margin-top: 10px !important;
  }
}

.login-form-register-container {
  margin-top: -35px !important;
  text-align: right;
  display: flex !important;
  justify-content: flex-end;
}

.login-form-register-container .login-form-register {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
  display: inline-block;
  white-space: nowrap;
  width: fit-content !important;
}

.custom-gigya-mobile-login-screen * {
  margin: 0 !important;
}

.custom-gigya-mobile-login-screen .disabled-btn {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.custom-gigya-mobile-login-screen .gigya-legend {
  padding-bottom: 6px;
  font-weight: 700 !important;
}

.custom-gigya-mobile-login-screen .gigya-legend-text {
  font-size: 1rem;
}

.custom-gigya-mobile-login-screen .gigya-label-text {
  font-size: 1rem;
  margin-bottom: 1rem !important;
}

.custom-gigya-mobile-login-screen .gigya-input-text {
  width: 100% !important;
  padding: 15px;
  background-color: #e7e7e7 !important;
  border: none !important;
  border-radius: 4px;
  top: 50%;
  padding-bottom: 10px !important;
}

.custom-gigya-mobile-login-screen .gigya-input-text.gigya-subscriber-phone-number-input::placeholder {
  font-weight: 700 !important;
}

.custom-gigya-mobile-login-screen .gigya-input-text .gigya-composite-control-form-error {
  position: absolute !important;
  left: 15px;
  display: block !important;
  width: fit-content !important;
  font-weight: 400;
  top: 50%;
  padding-bottom: 10px !important;
}

.custom-gigya-mobile-login-screen .gigya-input-text .gigya-composite-control-form-error .gigya-error-msg-active {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.86rem !important;
}

.custom-gigya-mobile-login-screen .gigya-composite-control-form-error {
  position: absolute !important;
  top: 52% !important;
}

.custom-gigya-mobile-login-screen .gigya-composite-control-form-error .gigya-error-msg-active {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
}

.custom-gigya-mobile-login-screen .gigya-composite-control-phone-number-input {
  margin-bottom: 1rem !important;
  width: 100% !important;
}

.custom-gigya-mobile-login-screen .gigya-composite-control-phone-number-input fieldset {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}

.custom-gigya-mobile-login-screen .gigya-layout-row {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.custom-gigya-mobile-login-screen .gigya-layout-row:last-of-type {
  display: flex;
  flex-direction: column;
}

.custom-gigya-mobile-login-screen .gigya-layout-row:last-of-type > a.gigya-composite-control-link[href*=registration] {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
  white-space: nowrap;
  width: fit-content !important;
  margin-top: -35px !important;
  display: block !important;
  text-align: right;
  margin-left: auto !important;
}

.custom-gigya-mobile-login-screen .gigya-composite-control-submit {
  display: flex !important;
  justify-content: flex-end;
  width: 100% !important;
  margin-bottom: 10px !important;
  padding-top: 2.5rem !important;
}

.custom-gigya-mobile-login-screen .gigya-composite-control-submit::after {
  content: none !important;
}

.custom-gigya-mobile-login-screen a.check-identifier {
  background-color: #000 !important;
  color: white !important;
  border: none !important;
  padding: 10px;
  font-weight: 700 !important;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase !important;
  position: relative !important;
  text-decoration: none !important;
  display: inline-block;
  margin-top: -1.5rem !important;
  margin-bottom: 10px !important;
  line-height: 1.2;
  font-size: 14px !important;
  line-height: 1.143rem !important;
}

.custom-gigya-mobile-login-screen a.check-identifier::after {
  position: absolute;
  right: 2px;
  transform: translateY(-50%);
  top: 1.4rem;
  font-size: 15px;
}

.custom-gigya-mobile-login-screen a.check-identifier:hover, .custom-gigya-mobile-login-screen a.check-identifier:focus {
  background-color: #30e403 !important;
  color: #000 !important;
  text-decoration: none !important;
  outline: none !important;
}

.custom-gigya-mobile-login-screen a.gigya-composite-control-link[data-switch-screen] {
  color: #000 !important;
  display: inline-flex;
  align-items: center;
  padding-bottom: 0px !important;
  width: auto !important;
  font-weight: 700 !important;
}

.custom-gigya-mobile-login-screen .custom-separator-line {
  display: inline-flex;
  width: 100%;
  border-top: 3px solid #e7e7e7 !important;
  margin-top: 20px !important;
  order: 3 !important;
  justify-content: space-between;
  align-items: center;
}

.custom-gigya-mobile-login-screen .custom-separator-line span {
  display: inline-flex;
  align-items: center;
  width: fit-content !important;
}

.custom-gigya-mobile-login-screen .custom-separator-line span::before {
  content: "";
  font-family: "VBL-Icons";
  margin-right: 10px;
  margin-top: 10px;
  font-size: 2rem;
  color: #000;
}

.custom-gigya-mobile-login-screen .custom-separator-line span a.gigya-composite-control-link[data-switch-screen] {
  white-space: nowrap;
  width: fit-content !important;
}

.custom-gigya-mobile-login-screen .custom-separator-line > a.gigya-composite-control-link[href*=registration],
.custom-gigya-mobile-login-screen .custom-separator-line > a[href*=registration] {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
  white-space: nowrap;
  width: fit-content !important;
  margin-left: auto !important;
}

.custom-gigya-mobile-login-screen .gigya-error-msg,
.custom-gigya-mobile-login-screen .gigya-form-error-msg {
  color: #d9534f;
  display: block;
  font-size: 1rem;
  padding-top: 2px !important;
}

.custom-gigya-mobile-login-screen .gigya-error-msg-active::after {
  right: 0.44rem !important;
  top: -2.7rem !important;
}

@media (max-width: 991px) {
  .custom-gigya-mobile-login-screen a.check-identifier {
    width: 100% !important;
    text-align: center;
  }
  .custom-gigya-mobile-login-screen .gigya-composite-control-submit {
    padding-top: 5rem !important;
  }
}

.custom-gigya-mobile-login-screen .gigya-input-submit {
  display: none !important;
}

.gigya-screen-content div.gigya-screen .custom-gigya-mobile-login-screen a {
  padding-bottom: 10px !important;
  margin-right: 4px !important;
}

@media (max-width: 991px) {
  .gigya-screen-content div.gigya-screen .custom-gigya-mobile-login-screen .gigya-composite-control.gigya-composite-control-submit {
    justify-content: stretch;
    display: flex !important;
  }
}

.custom-gigya-mobile-verification-screen .gigya-composite-control-textbox {
  width: 100% !important;
}

.custom-gigya-mobile-verification-screen a {
  color: #000 !important;
  font-size: 1rem !important;
  top: 0 !important;
  margin-left: 5px;
}

.custom-gigya-mobile-verification-screen .gigya-composite-control-link {
  top: 1rem;
  float: right !important;
  width: auto !important;
  margin-bottom: 1rem !important;
}

.custom-gigya-mobile-verification-screen .gigya-composite-control-link .gigya-disabled {
  color: #ccc !important;
  background: none !important;
}

.custom-gigya-mobile-verification-screen .custom-separator-line {
  display: inline-block;
  width: 100%;
  border-top: 3px solid #e7e7e7 !important;
  margin-top: 14px !important;
}

.custom-gigya-mobile-verification-screen .custom-separator-line a {
  font-weight: 700 !important;
}

.custom-gigya-mobile-verification-screen .custom-separator-line a[data-gigya-api-link] {
  text-decoration: underline !important;
  text-decoration-color: #30e403 !important;
  text-decoration-thickness: 2px !important;
}

.custom-gigya-mobile-verification-screen .gigya-composite-control-form-error {
  position: absolute !important;
  left: 15px;
  display: block !important;
  width: fit-content !important;
  font-weight: 400;
  padding-bottom: 10px !important;
}

.custom-gigya-mobile-verification-screen .gigya-composite-control-form-error .gigya-error-msg-active {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.86rem !important;
}

.custom-gigya-mobile-verification-screen .gigya-input-text::placeholder {
  color: #666 !important;
  font-weight: 700;
}

.custom-gigya-mobile-verification-screen .gigya-label-text {
  font-weight: 700 !important;
}

.custom-otp-screen-layout {
  display: flex !important;
}

.custom-otp-screen-layout .gigya-composite-control-label {
  display: flex !important;
  z-index: 20000;
  margin: 0 !important;
}

.custom-otp-screen-layout .gigya-composite-control-submit {
  display: flex !important;
  justify-content: flex-end;
  order: 3;
}

.custom-otp-screen-layout .gigya-input-submit {
  margin: 0 !important;
}

.custom-otp-screen-layout .gigya-composite-control-form-error {
  display: flex !important;
  order: 1;
  margin-top: -7.5% !important;
}

@media (max-width: 991px) {
  .custom-otp-screen-layout {
    flex-direction: column;
    align-items: stretch;
  }
  .custom-otp-screen-layout .gigya-composite-control-form-error {
    order: 1;
  }
  .custom-otp-screen-layout .gigya-composite-control-submit {
    order: 2;
    width: 100% !important;
  }
  .custom-otp-screen-layout .gigya-input-submit {
    width: 100% !important;
    margin-top: 10px !important;
  }
  .custom-otp-screen-layout .gigya-composite-control-label {
    order: 3;
    margin-top: 10px !important;
    margin: 0;
  }
}

#gigya-mobile-login-screen .gigya-input-submit {
  display: none !important;
  z-index: -1 !important;
}

/*
#################################################################

UTILITIES
------------------
Summary: Atomic CSS / utility classes
Project: (HALEON) Expert Portal Project
------------------
Usage: Enable features in this stylesheet in variables file to include utilities 
into the stylesheet. By default utilities are not included as
default due to AEM not accepting class names at a global level.

#################################################################
*/
.u-align-baseline {
  vertical-align: baseline !important;
}

.u-align-top {
  vertical-align: top !important;
}

.u-align-middle {
  vertical-align: middle !important;
}

.u-align-bottom {
  vertical-align: bottom !important;
}

.u-align-text-bottom {
  vertical-align: text-bottom !important;
}

.u-align-text-top {
  vertical-align: text-top !important;
}

.u-bg-white {
  background-color: white !important;
}

a.u-bg-white:focus {
  background-color: #e6e5e5 !important;
}

a.u-bg-white:hover {
  background-color: #e6e5e5 !important;
}

.u-bg-black {
  background-color: #000 !important;
}

a.u-bg-black:focus {
  background-color: black !important;
}

a.u-bg-black:hover {
  background-color: black !important;
}

.u-bg-color-1 {
  background-color: #30e403 !important;
}

a.u-bg-color-1:focus {
  background-color: #25b202 !important;
}

a.u-bg-color-1:hover {
  background-color: #25b202 !important;
}

.u-border-none, .reference-iframe-external iframe, .userBox .logged-in button {
  border: 0 !important;
}

.u-border-top-none {
  border-top: 0 !important;
}

.u-border-right-none {
  border-right: 0 !important;
}

.u-border-bottom-none {
  border-bottom: 0 !important;
}

.u-border-left-none {
  border-left: 0 !important;
}

.u-border-top {
  border-top: 2px solid #707070;
}

.u-rounded-none {
  border-radius: 0;
}

.u-rounded-circle {
  border-radius: 50%;
}

.u-clearfix:before, .u-clearfix:after {
  content: "";
  display: table;
}

.u-clearfix:after {
  clear: both;
}

.u-fixed-top,
.u-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1010;
}

.u-fixed-top,
.u-sticky-top {
  top: 0;
}

.u-fixed-bottom {
  bottom: 0;
}

.u-sticky-top {
  position: sticky;
  z-index: 1050;
}

.u-text-justify {
  text-align: justify !important;
}

.u-text-nowrap {
  white-space: nowrap !important;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-lowercase {
  text-transform: lowercase !important;
}

.u-text-uppercase {
  text-transform: uppercase !important;
}

.u-text-caps {
  text-transform: capitalize !important;
}

.u-text-inherit {
  text-transform: inherit !important;
}

.u-font-weight-normal {
  font-weight: 400;
}

.u-font-weight-bold {
  font-weight: 700;
}

.u-font-italic {
  font-style: italic;
}

.u-text-color-1 {
  color: #000 !important;
}

a.u-text-color-1:focus {
  color: black !important;
}

a.u-text-color-1:hover {
  color: black !important;
}

.u-text-color-2 {
  color: #000 !important;
}

a.u-text-color-2:focus {
  color: black !important;
}

a.u-text-color-2:hover {
  color: black !important;
}

.u-text-color-3 {
  color: #000 !important;
}

a.u-text-color-3:focus {
  color: black !important;
}

a.u-text-color-3:hover {
  color: black !important;
}

.u-text-color-4 {
  color: #000 !important;
}

a.u-text-color-4:focus {
  color: black !important;
}

a.u-text-color-4:hover {
  color: black !important;
}

.u-text-color-5 {
  color: #000 !important;
}

a.u-text-color-5:focus {
  color: black !important;
}

a.u-text-color-5:hover {
  color: black !important;
}

.u-text-color-6 {
  color: #000 !important;
}

a.u-text-color-6:focus {
  color: black !important;
}

a.u-text-color-6:hover {
  color: black !important;
}

.u-text-black {
  color: #000 !important;
}

a.u-text-black:focus {
  color: black !important;
}

a.u-text-black:hover {
  color: black !important;
}

.u-text-white {
  color: white !important;
}

a.u-text-white:focus {
  color: #e6e5e5 !important;
}

a.u-text-white:hover {
  color: #e6e5e5 !important;
}

.u-text-gray-darker {
  color: #333333 !important;
}

a.u-text-gray-darker:focus {
  color: #1a1919 !important;
}

a.u-text-gray-darker:hover {
  color: #1a1919 !important;
}

.u-text-gray-dark {
  color: #544f40 !important;
}

a.u-text-gray-dark:focus {
  color: #37342a !important;
}

a.u-text-gray-dark:hover {
  color: #37342a !important;
}

.u-text-gray {
  color: #cccccc !important;
}

a.u-text-gray:focus {
  color: #b3b2b2 !important;
}

a.u-text-gray:hover {
  color: #b3b2b2 !important;
}

.u-text-gray-light {
  color: #e7e7e7 !important;
}

a.u-text-gray-light:focus {
  color: #cecdcd !important;
}

a.u-text-gray-light:hover {
  color: #cecdcd !important;
}

.u-text-gray-lighter {
  color: #eeedec !important;
}

a.u-text-gray-lighter:focus {
  color: #d6d4d1 !important;
}

a.u-text-gray-lighter:hover {
  color: #d6d4d1 !important;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.u-hidden {
  display: none !important;
}

.u-relative, .userBox .logged-in, .userBox .logged-in p::before {
  position: relative;
}

.u-absolute, .userBox .logged-in .account-options, #dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-input-radio + label:after, #dynamic-registration-form .list-group .list-group-item .accordion-body .fieldset-input-radio + label:before {
  position: absolute;
}

.u-static {
  position: static;
}

.u-inline-block, .userBox .logged-in a {
  display: inline-block;
}

.u-inline {
  display: inline !important;
}

.u-block {
  display: block;
}

.u-background-none, .userBox .logged-in button {
  background: none;
}

.u-bg-transparent {
  background: transparent !important;
}

.u-bg-gray {
  background: #e7e7e7;
}

.u-outline-none {
  outline: none;
}

.u-overflow-visible {
  overflow: visible;
}

.u-height-auto {
  height: auto;
}

.u-input-border-radius {
  border-radius: 2rem;
}

.u-mb-15 {
  margin-bottom: 15px;
}

.u-mb-13 {
  margin-bottom: 13px;
}

.u-row-mx-0 > .row {
  margin: 0 !important;
}

.u-box-white, .userBox .logged-in .account-options, .searchResults .searchResults-results, .searchResults .searchResults-pagination {
  background: white;
}

.u-info-msg {
  color: #008000;
}

.u-error-msg {
  color: #E90707;
}

.u-box-shadow, .userBox .logged-in .account-options {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.u-static {
  position: static !important;
}

.u-border {
  border: 15px solid white;
  border-bottom: 0;
}

.u-mb-30 {
  margin-bottom: 30px;
}

.u-min-h-137 .richText-content {
  min-height: 137px;
}

.affix {
  position: fixed;
}

.u-w-25 {
  width: 25% !important;
}

.u-w-50 {
  width: 50% !important;
}

.u-w-75 {
  width: 75% !important;
}

.u-w-100, .u-image-responsive img {
  width: 100% !important;
}

.u-h-25 {
  height: 25% !important;
}

.u-h-50 {
  height: 50% !important;
}

.u-h-75 {
  height: 75% !important;
}

.u-h-100 {
  height: 100% !important;
}

.u-mw-100, .u-image-responsive img {
  max-width: 100% !important;
}

.u-mh-100 {
  max-height: 100% !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-mt-0,
.u-my-0 {
  margin-top: 0 !important;
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}

.u-mb-0,
.u-my-0 {
  margin-bottom: 0 !important;
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}

.u-m-1 {
  margin: 0.25rem !important;
}

.u-mt-1,
.u-my-1 {
  margin-top: 0.25rem !important;
}

.u-mr-1,
.u-mx-1 {
  margin-right: 0.25rem !important;
}

.u-mb-1,
.u-my-1 {
  margin-bottom: 0.25rem !important;
}

.u-ml-1,
.u-mx-1 {
  margin-left: 0.25rem !important;
}

.u-m-2 {
  margin: 0.5rem !important;
}

.u-mt-2,
.u-my-2 {
  margin-top: 0.5rem !important;
}

.u-mr-2,
.u-mx-2 {
  margin-right: 0.5rem !important;
}

.u-mb-2,
.u-my-2 {
  margin-bottom: 0.5rem !important;
}

.u-ml-2,
.u-mx-2 {
  margin-left: 0.5rem !important;
}

.u-m-3 {
  margin: 1rem !important;
}

.u-mt-3,
.u-my-3 {
  margin-top: 1rem !important;
}

.u-mr-3,
.u-mx-3 {
  margin-right: 1rem !important;
}

.u-mb-3,
.u-my-3 {
  margin-bottom: 1rem !important;
}

.u-ml-3,
.u-mx-3 {
  margin-left: 1rem !important;
}

.u-m-4 {
  margin: 1.5rem !important;
}

.u-mt-4,
.u-my-4 {
  margin-top: 1.5rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 1.5rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 1.5rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 1.5rem !important;
}

.u-m-5 {
  margin: 3rem !important;
}

.u-mt-5,
.u-my-5 {
  margin-top: 3rem !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 3rem !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 3rem !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 3rem !important;
}

.u-p-0 {
  padding: 0 !important;
}

.u-pt-0,
.u-py-0 {
  padding-top: 0 !important;
}

.u-pr-0,
.u-px-0 {
  padding-right: 0 !important;
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}

.u-p-1 {
  padding: 0.25rem !important;
}

.u-pt-1,
.u-py-1 {
  padding-top: 0.25rem !important;
}

.u-pr-1,
.u-px-1 {
  padding-right: 0.25rem !important;
}

.u-pb-1,
.u-py-1 {
  padding-bottom: 0.25rem !important;
}

.u-pl-1,
.u-px-1 {
  padding-left: 0.25rem !important;
}

.u-p-2 {
  padding: 0.5rem !important;
}

.u-pt-2,
.u-py-2 {
  padding-top: 0.5rem !important;
}

.u-pr-2,
.u-px-2 {
  padding-right: 0.5rem !important;
}

.u-pb-2,
.u-py-2 {
  padding-bottom: 0.5rem !important;
}

.u-pl-2,
.u-px-2 {
  padding-left: 0.5rem !important;
}

.u-p-3 {
  padding: 15px !important;
}

.u-pt-3,
.u-py-3 {
  padding-top: 15px !important;
}

.u-pr-3,
.u-px-3,
.userBox .logged-in form {
  padding-right: 15px !important;
}

.u-pb-3,
.u-py-3 {
  padding-bottom: 15px !important;
}

.u-pl-3,
.u-px-3,
.userBox .logged-in form {
  padding-left: 15px !important;
}

.u-p-4 {
  padding: 1.5rem !important;
}

.u-pt-4,
.u-py-4 {
  padding-top: 1.5rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 1.5rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 1.5rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 1.5rem !important;
}

.u-p-5 {
  padding: 3rem !important;
}

.u-pt-5,
.u-py-5 {
  padding-top: 3rem !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 3rem !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 3rem !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 3rem !important;
}

.u-m-auto {
  margin: auto !important;
}

.u-mt-auto,
.u-my-auto {
  margin-top: auto !important;
}

.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important;
}

.u-mb-auto,
.u-my-auto {
  margin-bottom: auto !important;
}

.u-ml-auto,
.u-mx-auto {
  margin-left: auto !important;
}

@media (min-width: 768px) {
  .u-mb-sm-15 {
    margin-bottom: 15px;
  }
  .u-m-sm-0 {
    margin: 0 !important;
  }
  .u-mt-sm-0,
  .u-my-sm-0 {
    margin-top: 0 !important;
  }
  .u-mr-sm-0,
  .u-mx-sm-0 {
    margin-right: 0 !important;
  }
  .u-mb-sm-0,
  .u-my-sm-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-sm-0,
  .u-mx-sm-0 {
    margin-left: 0 !important;
  }
  .u-m-sm-1 {
    margin: 0.25rem !important;
  }
  .u-mt-sm-1,
  .u-my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .u-mr-sm-1,
  .u-mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .u-mb-sm-1,
  .u-my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .u-ml-sm-1,
  .u-mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .u-m-sm-2 {
    margin: 0.5rem !important;
  }
  .u-mt-sm-2,
  .u-my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .u-mr-sm-2,
  .u-mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .u-mb-sm-2,
  .u-my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-sm-2,
  .u-mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .u-m-sm-3 {
    margin: 1rem !important;
  }
  .u-mt-sm-3,
  .u-my-sm-3 {
    margin-top: 1rem !important;
  }
  .u-mr-sm-3,
  .u-mx-sm-3 {
    margin-right: 1rem !important;
  }
  .u-mb-sm-3,
  .u-my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-sm-3,
  .u-mx-sm-3 {
    margin-left: 1rem !important;
  }
  .u-m-sm-4 {
    margin: 1.5rem !important;
  }
  .u-mt-sm-4,
  .u-my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .u-mr-sm-4,
  .u-mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .u-mb-sm-4,
  .u-my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-sm-4,
  .u-mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .u-m-sm-5 {
    margin: 3rem !important;
  }
  .u-mt-sm-5,
  .u-my-sm-5 {
    margin-top: 3rem !important;
  }
  .u-mr-sm-5,
  .u-mx-sm-5 {
    margin-right: 3rem !important;
  }
  .u-mb-sm-5,
  .u-my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .u-ml-sm-5,
  .u-mx-sm-5 {
    margin-left: 3rem !important;
  }
  .u-p-sm-0 {
    padding: 0 !important;
  }
  .u-pt-sm-0,
  .u-py-sm-0 {
    padding-top: 0 !important;
  }
  .u-pr-sm-0,
  .u-px-sm-0 {
    padding-right: 0 !important;
  }
  .u-pb-sm-0,
  .u-py-sm-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-sm-0,
  .u-px-sm-0 {
    padding-left: 0 !important;
  }
  .u-p-sm-1 {
    padding: 0.25rem !important;
  }
  .u-pt-sm-1,
  .u-py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .u-pr-sm-1,
  .u-px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .u-pb-sm-1,
  .u-py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .u-pl-sm-1,
  .u-px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .u-p-sm-2 {
    padding: 0.5rem !important;
  }
  .u-pt-sm-2,
  .u-py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .u-pr-sm-2,
  .u-px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .u-pb-sm-2,
  .u-py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-sm-2,
  .u-px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .u-p-sm-3 {
    padding: 1rem !important;
  }
  .u-pt-sm-3,
  .u-py-sm-3 {
    padding-top: 15px !important;
  }
  .u-pr-sm-3,
  .u-px-sm-3 {
    padding-right: 15px !important;
  }
  .u-pb-sm-3,
  .u-py-sm-3 {
    padding-bottom: 15px !important;
  }
  .u-pl-sm-3,
  .u-px-sm-3 {
    padding-left: 15px !important;
  }
  .u-p-sm-4 {
    padding: 1.5rem !important;
  }
  .u-pt-sm-4,
  .u-py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .u-pr-sm-4,
  .u-px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .u-pb-sm-4,
  .u-py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-sm-4,
  .u-px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .u-p-sm-5 {
    padding: 3rem !important;
  }
  .u-pt-sm-5,
  .u-py-sm-5 {
    padding-top: 3rem !important;
  }
  .u-pr-sm-5,
  .u-px-sm-5 {
    padding-right: 3rem !important;
  }
  .u-pb-sm-5,
  .u-py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .u-pl-sm-5,
  .u-px-sm-5 {
    padding-left: 3rem !important;
  }
  .u-m-sm-auto {
    margin: auto !important;
  }
  .u-mt-sm-auto,
  .u-my-sm-auto {
    margin-top: auto !important;
  }
  .u-mr-sm-auto,
  .u-mx-sm-auto {
    margin-right: auto !important;
  }
  .u-mb-sm-auto,
  .u-my-sm-auto {
    margin-bottom: auto !important;
  }
  .u-ml-sm-auto,
  .u-mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .u-md-background-none {
    background: none;
  }
  .u-md-inline-block {
    display: inline-block;
  }
  .u-md-relative {
    position: relative;
  }
  .h-md-active-nav-position {
    left: 0;
    right: 0;
    position: absolute;
  }
  .h-md-nav-top-height {
    top: -0.5rem;
    height: 0.5rem;
  }
  .h-md-nav-bottom-height {
    bottom: -1rem;
    height: 1rem;
  }
  .u-m-md-0 {
    margin: 0 !important;
  }
  .u-mt-md-0,
  .u-my-md-0 {
    margin-top: 0 !important;
  }
  .u-mr-md-0,
  .u-mx-md-0 {
    margin-right: 0 !important;
  }
  .u-mb-md-0,
  .u-my-md-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-md-0,
  .u-mx-md-0 {
    margin-left: 0 !important;
  }
  .u-m-md-1 {
    margin: 0.25rem !important;
  }
  .u-mt-md-1,
  .u-my-md-1 {
    margin-top: 0.25rem !important;
  }
  .u-mr-md-1,
  .u-mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .u-mb-md-1,
  .u-my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .u-ml-md-1,
  .u-mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .u-m-md-2 {
    margin: 0.5rem !important;
  }
  .u-mt-md-2,
  .u-my-md-2 {
    margin-top: 0.5rem !important;
  }
  .u-mr-md-2,
  .u-mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .u-mb-md-2,
  .u-my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-md-2,
  .u-mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .u-m-md-3 {
    margin: 1rem !important;
  }
  .u-mt-md-3,
  .u-my-md-3 {
    margin-top: 1rem !important;
  }
  .u-mr-md-3,
  .u-mx-md-3 {
    margin-right: 1rem !important;
  }
  .u-mb-md-3,
  .u-my-md-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-md-3,
  .u-mx-md-3 {
    margin-left: 1rem !important;
  }
  .u-m-md-4 {
    margin: 1.5rem !important;
  }
  .u-mt-md-4,
  .u-my-md-4 {
    margin-top: 1.5rem !important;
  }
  .u-mr-md-4,
  .u-mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .u-mb-md-4,
  .u-my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-md-4,
  .u-mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .u-m-md-5 {
    margin: 3rem !important;
  }
  .u-mt-md-5,
  .u-my-md-5 {
    margin-top: 3rem !important;
  }
  .u-mr-md-5,
  .u-mx-md-5 {
    margin-right: 3rem !important;
  }
  .u-mb-md-5,
  .u-my-md-5 {
    margin-bottom: 3rem !important;
  }
  .u-ml-md-5,
  .u-mx-md-5 {
    margin-left: 3rem !important;
  }
  .u-p-md-0 {
    padding: 0 !important;
  }
  .u-pt-md-0,
  .u-py-md-0 {
    padding-top: 0 !important;
  }
  .u-pr-md-0,
  .u-px-md-0 {
    padding-right: 0 !important;
  }
  .u-pb-md-0,
  .u-py-md-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-md-0,
  .u-px-md-0 {
    padding-left: 0 !important;
  }
  .u-p-md-1 {
    padding: 0.25rem !important;
  }
  .u-pt-md-1,
  .u-py-md-1 {
    padding-top: 0.25rem !important;
  }
  .u-pr-md-1,
  .u-px-md-1 {
    padding-right: 0.25rem !important;
  }
  .u-pb-md-1,
  .u-py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .u-pl-md-1,
  .u-px-md-1 {
    padding-left: 0.25rem !important;
  }
  .u-p-md-2 {
    padding: 0.5rem !important;
  }
  .u-pt-md-2,
  .u-py-md-2 {
    padding-top: 0.5rem !important;
  }
  .u-pr-md-2,
  .u-px-md-2 {
    padding-right: 0.5rem !important;
  }
  .u-pb-md-2,
  .u-py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-md-2,
  .u-px-md-2 {
    padding-left: 0.5rem !important;
  }
  .u-p-md-3 {
    padding: 1rem !important;
  }
  .u-pt-md-3,
  .u-py-md-3 {
    padding-top: 1rem !important;
  }
  .u-pr-md-3,
  .u-px-md-3 {
    padding-right: 1rem !important;
  }
  .u-pb-md-3,
  .u-py-md-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-md-3,
  .u-px-md-3 {
    padding-left: 1rem !important;
  }
  .u-p-md-4 {
    padding: 1.5rem !important;
  }
  .u-pt-md-4,
  .u-py-md-4 {
    padding-top: 1.5rem !important;
  }
  .u-pr-md-4,
  .u-px-md-4 {
    padding-right: 1.5rem !important;
  }
  .u-pb-md-4,
  .u-py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-md-4,
  .u-px-md-4 {
    padding-left: 1.5rem !important;
  }
  .u-p-md-5 {
    padding: 3rem !important;
  }
  .u-pt-md-5,
  .u-py-md-5 {
    padding-top: 3rem !important;
  }
  .u-pr-md-5,
  .u-px-md-5 {
    padding-right: 3rem !important;
  }
  .u-pb-md-5,
  .u-py-md-5 {
    padding-bottom: 3rem !important;
  }
  .u-pl-md-5,
  .u-px-md-5 {
    padding-left: 3rem !important;
  }
  .u-m-md-auto {
    margin: auto !important;
  }
  .u-mt-md-auto,
  .u-my-md-auto {
    margin-top: auto !important;
  }
  .u-mr-md-auto,
  .u-mx-md-auto {
    margin-right: auto !important;
  }
  .u-mb-md-auto,
  .u-my-md-auto {
    margin-bottom: auto !important;
  }
  .u-ml-md-auto,
  .u-mx-md-auto {
    margin-left: auto !important;
  }
  .u-ml-md-10 {
    margin-left: 10px;
  }
  .u-mb-sm-30 {
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .u-m-lg-0 {
    margin: 0 !important;
  }
  .u-mt-lg-0,
  .u-my-lg-0 {
    margin-top: 0 !important;
  }
  .u-mr-lg-0,
  .u-mx-lg-0 {
    margin-right: 0 !important;
  }
  .u-mb-lg-0,
  .u-my-lg-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-lg-0,
  .u-mx-lg-0 {
    margin-left: 0 !important;
  }
  .u-m-lg-1 {
    margin: 0.25rem !important;
  }
  .u-mt-lg-1,
  .u-my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .u-mr-lg-1,
  .u-mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .u-mb-lg-1,
  .u-my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .u-ml-lg-1,
  .u-mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .u-m-lg-2 {
    margin: 0.5rem !important;
  }
  .u-mt-lg-2,
  .u-my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .u-mr-lg-2,
  .u-mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .u-mb-lg-2,
  .u-my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-lg-2,
  .u-mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .u-m-lg-3 {
    margin: 1rem !important;
  }
  .u-mt-lg-3,
  .u-my-lg-3 {
    margin-top: 1rem !important;
  }
  .u-mr-lg-3,
  .u-mx-lg-3 {
    margin-right: 1rem !important;
  }
  .u-mb-lg-3,
  .u-my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-lg-3,
  .u-mx-lg-3 {
    margin-left: 1rem !important;
  }
  .u-m-lg-4 {
    margin: 1.5rem !important;
  }
  .u-mt-lg-4,
  .u-my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .u-mr-lg-4,
  .u-mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .u-mb-lg-4,
  .u-my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-lg-4,
  .u-mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .u-m-lg-5 {
    margin: 3rem !important;
  }
  .u-mt-lg-5,
  .u-my-lg-5 {
    margin-top: 3rem !important;
  }
  .u-mr-lg-5,
  .u-mx-lg-5 {
    margin-right: 3rem !important;
  }
  .u-mb-lg-5,
  .u-my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .u-ml-lg-5,
  .u-mx-lg-5 {
    margin-left: 3rem !important;
  }
  .u-p-lg-0 {
    padding: 0 !important;
  }
  .u-pt-lg-0,
  .u-py-lg-0 {
    padding-top: 0 !important;
  }
  .u-pr-lg-0,
  .u-px-lg-0 {
    padding-right: 0 !important;
  }
  .u-pb-lg-0,
  .u-py-lg-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-lg-0,
  .u-px-lg-0 {
    padding-left: 0 !important;
  }
  .u-p-lg-1 {
    padding: 0.25rem !important;
  }
  .u-pt-lg-1,
  .u-py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .u-pr-lg-1,
  .u-px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .u-pb-lg-1,
  .u-py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .u-pl-lg-1,
  .u-px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .u-p-lg-2 {
    padding: 0.5rem !important;
  }
  .u-pt-lg-2,
  .u-py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .u-pr-lg-2,
  .u-px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .u-pb-lg-2,
  .u-py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-lg-2,
  .u-px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .u-p-lg-3 {
    padding: 1rem !important;
  }
  .u-pt-lg-3,
  .u-py-lg-3 {
    padding-top: 1rem !important;
  }
  .u-pr-lg-3,
  .u-px-lg-3 {
    padding-right: 1rem !important;
  }
  .u-pb-lg-3,
  .u-py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-lg-3,
  .u-px-lg-3 {
    padding-left: 1rem !important;
  }
  .u-p-lg-4 {
    padding: 1.5rem !important;
  }
  .u-pt-lg-4,
  .u-py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .u-pr-lg-4,
  .u-px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .u-pb-lg-4,
  .u-py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-lg-4,
  .u-px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .u-p-lg-5 {
    padding: 3rem !important;
  }
  .u-pt-lg-5,
  .u-py-lg-5 {
    padding-top: 3rem !important;
  }
  .u-pr-lg-5,
  .u-px-lg-5 {
    padding-right: 3rem !important;
  }
  .u-pb-lg-5,
  .u-py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .u-pl-lg-5,
  .u-px-lg-5 {
    padding-left: 3rem !important;
  }
  .u-m-lg-auto {
    margin: auto !important;
  }
  .u-mt-lg-auto,
  .u-my-lg-auto {
    margin-top: auto !important;
  }
  .u-mr-lg-auto,
  .u-mx-lg-auto {
    margin-right: auto !important;
  }
  .u-mb-lg-auto,
  .u-my-lg-auto {
    margin-bottom: auto !important;
  }
  .u-ml-lg-auto,
  .u-mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (max-width: 767px) {
  .u-px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.u-cursor, .userBox .logged-in button, .userBox .logged-in p {
  cursor: pointer !important;
}

.u-auto-cursor {
  cursor: auto !important;
}

.u-cursor-disabled {
  cursor: not-allowed !important;
}

.u-mt-35 {
  margin-top: 1.35rem !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

input::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

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

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

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

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.larger-font #content {
  font-size: 1.143rem;
}

.larger-font #content .body-title, .larger-font #content h2, .larger-font #content .h2, .larger-font #content h3, .larger-font #content .h3, .larger-font #content .category-title, .larger-font #content .text-wrapper, .larger-font #content .btn, .larger-font #content .footnote, .larger-font #content sup, .larger-font #content sub, .larger-font #content b {
  font-size: 1.143rem;
}

.larger-font #content .content-block .page-title, .larger-font #content .content-block .section-title {
  font-size: 1.143rem;
}

.larger-font #content .page-title {
  font-size: 2.122551rem;
}

.larger-font #content .section-title {
  font-size: 1.633347rem;
}

.larger-font #content .goto .goto-text p {
  font-size: 1.143rem;
}

.larger-font #content .goto .goto-link ul li a {
  font-size: 1.143rem;
}

.larger-font #content .breadcrumbs a, .larger-font #content .content-block a, .larger-font #content .left-navigation a, .larger-font #content .sitemap a, .larger-font #content .content-box a {
  transition: none;
}

.larger-font #content .item-previous a {
  line-height: 1.5rem;
}

.larger-font #content .item-previous a::after {
  bottom: -4px;
}

.larger-font #content .item-next a {
  line-height: 1.5rem;
}

.larger-font #content .item-next a::after {
  top: -4px;
}

.larger-font #content .btn {
  line-height: 1.5rem;
}

.larger-font #content .btn::after {
  top: -4px;
  transition: none;
}

.larger-font #content .custom-carousel .carousel-nav .carousel-nav-prev a::before {
  top: 7px;
}

.larger-font #content .custom-carousel .carousel-nav .carousel-nav-next a::before {
  top: 7px;
}

.larger-font #content sup {
  top: -0.25em;
}

.larger-font .navigation-left ul li .navigation-item-title {
  font-size: 1.143rem;
}

.larger-font .accordion .accordion-container .accordion-slide .accordion-head .accordion-title {
  font-size: 1.143rem;
}

.larger-font .content-block-group.events-block .content-block ul li span.event-span {
  font-size: 1.143rem;
}

.larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control, .larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-label, .larger-font .gigya-screen-content div.gigya-screen .gigya-label-text, .larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header, .larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-header.CIAM-GEP-REG3 {
  font-size: 1.143rem !important;
}

.larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-dropdown input, .larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select, .larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-textbox input, .larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-textbox select {
  font-size: 1.143rem !important;
}

.larger-font .gigya-screen-content div.gigya-screen input[type=submit] {
  font-size: 1.143rem !important;
  line-height: 1.5rem;
}

.larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox[name="data.privacyPolicy.terms"] + label span.gigya-checkbox-text a {
  font-size: 1.143rem;
}

.larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-subscription-widget label {
  font-size: 1.143rem !important;
}

.larger-font .gigya-screen-content div.gigya-screen #gigya-reset-password-form a {
  font-size: 1.143rem !important;
}

.larger-font .gigya-screen-content div.gigya-screen .gigya-composite-control-submit::after {
  top: 15px;
  transition: none;
}

.larger-font .gigya-screen-content .gigya-required-display {
  font-size: 1.143rem !important;
}

.larger-font:lang(ko-kr) div.gigya-screen .gigya-register-form .gigya-composite-control.gigya-composite-control-header.CIAM-GEP-REG3 {
  font-size: 1.4859rem !important;
}

/*
#################################################################

SHAME
------------------
Summary: used to test code before including in project
Project: (HALEON) Expert Portal Project
------------------
Usage: Enable this stylesheet to load temporary styles into the stylesheet.
When the changes are to be officially added the code should be copied to the
relevant folder / file in project and the '$enable-shame' set to 'false' in the
variables file.

#################################################################
*/
@media (min-width: 992px) {
  .page-brands .navigation-item.page-brands > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-conditions .navigation-item.page-conditions > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-patient-care-resources .navigation-item.page-patient-care-resources > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-patient-care-resources .navigation-item.page-patient-care-resources > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-samples .navigation-item.page-samples > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-samples.lean-header .navigation-item.page-samples > a {
    background: #30e403;
  }
  .page-learning-lab .navigation-item.page-learning-lab > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-learning-lab .navigation-item.page-learning-lab-pain > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-faq .navigation-item.page-faq > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-haleon-pain-management-institute .navigation-item.page-haleon-pain-management-institute > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-centre-for-human-sciences .navigation-item.page-centre-for-human-sciences > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
  .page-hygienist-home .navigation-item.page-hygienist-home > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
}

@media (max-width: 991px) {
  .template-category-landing .navigation-item.page-Home {
    margin-right: 5px;
  }
}

.template-category-landing .navigation-item.page-Home a {
  background: #30e403;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}

.page-registration .navigation:not(.category-subnav) .navigation-item.page-registration a {
  background: #30e403;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}

@media (min-width: 992px) {
  .page-news-events .navigation-item.page-news-events > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
}

@media (min-width: 992px) {
  .page-flu-tracker .navigation-item.page-flu-tracker > a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
}

/*bug fix for pages having different nav title - highlight in nav bar not working :STARTS*/
@media (min-width: 992px) {
  .page-patient-care-resources .navigation-item.page-patient-resources a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
}

@media (min-width: 992px) {
  .page-patient-resources .navigation-item.page-patient-care-resources a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
}

@media (min-width: 992px) {
  .page-product-orders .navigation-item.page-product-orders a {
    border-bottom: 5px solid #30e403 !important;
    color: #000;
  }
}

/*bug fix for pages having different nav title - highlight in nav bar not working :ENDS*/
/*css has been added since the parameter to remove the title has been deprecated in iframe API*/
.ytp-title {
  display: none;
}

.module-name {
  font-weight: 700;
}

/*see-more-link in news & events page -STARTS*/
a.see-more-link {
  margin: 20px 0;
  position: relative;
  padding: 6px 4px 4px;
  padding-right: 17px;
  font-weight: 700;
  text-decoration: none;
}

a.see-more-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #30e403;
}

a.see-more-link:focus, a.see-more-link:hover {
  background: #30e403;
}

a.see-more-link span {
  font-size: 1.4rem;
  position: absolute;
  bottom: 0;
  top: 6px;
  font-weight: normal;
  line-height: 1.143rem;
  color: #000;
  width: 1rem;
  right: 3px;
}

/*see-more-link in news & events page -ENDS*/
/*Spinner in news & events page onload-STARTS*/
.snippetload-overlay-wrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #000;
  opacity: 0.5;
}

.snippetload-overlay-wrapper .spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  position: fixed;
  top: 45%;
  left: 45%;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/*Spinner in news & events page onload-ENDS*/
/** Registration find address button */
.locate-enabled .locate-field-key .locate-anchor {
  display: none !important;
}

.col-xs-12 > .component.section.col-xs-12.u-content-px-15 {
  padding: 0 15px !important;
}

.page-refresh, .page-redirect {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

.page-refresh:hover, .page-refresh:focus, .page-redirect:hover, .page-redirect:focus {
  text-decoration: none;
  color: #000;
}

/*Fix for astrich for professional id field in strategic registration - STARTS*/
.gigya-register-form .gigya-composite-control.CIAM-GEP-PROFESSIONAL .gigya-required-display {
  display: inline-block !important;
}

/*Fix for astrich for professional id field in strategic registration - ENDS*/
/* Font size increase for quiz error popup overlay - STARTS */
.quiz .quizOverlayContainer .errorQuizOverlay h4 {
  font-size: 1.0625rem;
}

/* Font size increase for quiz error popup overlay - ENDS */
/*iframe - accessibility issue fix :STARTS*/
#cqButton iframe {
  height: 100%;
  width: 100%;
}

.parametrizedhtml .youtube-video iframe {
  height: 100%;
  width: 100%;
}

/*iframe - accessibility issue fix :ENDS*/
/*Korea theme fixes*/
:lang(ko-kr) #content {
  line-height: 2rem;
  opacity: 0;
  transition: opacity .3s ease;
}

/*Korea Font size fix*/
:lang(ko-kr) div.gigya-screen .gigya-register-form .gigya-composite-control.gigya-composite-control-header.CIAM-GEP-REG3 {
  font-size: 1.3rem !important;
}

:lang(ko-kr) .gigyaraas input[type=checkbox] + label:before {
  top: 0;
  vertical-align: top;
}

:lang(ko-kr) input[name="subscriptions.globalGSK.audioCall.email.isSubscribed"] {
  vertical-align: top !important;
}

@media (min-width: 992px) {
  :lang(ko-kr).gigya-screen-content div.gigya-screen#ciam-forgot-password .gigya-reset-password-form .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit {
    position: relative;
    top: 2px !important;
  }
}

:lang(ja-jp) #ciam-forgot-password input[type=submit],
:lang(ko-kr) #ciam-forgot-password input[type=submit] {
  line-height: 1.143rem;
}

.goto .goto-text p {
  line-height: 1.5;
}

.CIAM-GEP-COMM-PREFER, .CIAM-GEP-TERMS-CONDITIONS {
  line-height: 1.143rem;
}

.locate-enabled .locate-field-key {
  line-height: 1.143rem;
}

#ciam-login .gigya-login-form .ciam-secondary-background p {
  line-height: 1.5;
}

#ciam-login .gigya-login-form .ciam-secondary-background p a {
  font-weight: 700 !important;
}

#ciam-login .login-form-register-container {
  padding-bottom: 2rem !important;
  float: right !important;
}

#ciam-login .login-form-register-container .login-form-register {
  font-weight: bold !important;
}

.gigyaraas {
  line-height: 1.143rem;
}

:lang(en-ca) .gigya-screen, :lang(en-ca) .gigya-screen *, :lang(fr-ca) .gigya-screen, :lang(fr-ca) .gigya-screen * {
  font-size: 1rem;
}

.page-samples .sw-theme-default .step-content {
  line-height: 1.143rem;
}

/* Hide Turkey Mobildev Consent Fields in Registration and Communication Preferences */
.CIAM-GEP-CONSENT-REFERENCE-ID, .CIAM-GEP-CONSENT-HCP-ID {
  display: none;
}

.btn-consent {
  min-width: 90px !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  margin: 0 3% !important;
  margin-left: 10px;
}

@media (max-width: 575px) {
  .btn-consent {
    font-size: 0.7857rem !important;
    width: 94% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}

.error-chkbox-required-field-active {
  border: 1px solid red !important;
  border-radius: 0 !important;
  top: -10px;
  position: relative;
  padding: 5px !important;
}

input.error-required-field-active {
  border: 1px solid red !important;
}

input.error-required-field-active {
  border: 1px solid red !important;
}

.error-messages .gigya-error-msg {
  color: #E90707;
  font-size: 0.8571rem;
  line-height: 1rem;
  text-align: left;
  font-weight: 700;
}

.error-messages p {
  margin-bottom: 0;
}

.page-registration .gigya-screen-loader,
.page-registration .gigya-screen-dimmer {
  display: none !important;
}

.page-registration .gigya-screen-dialog .gigya-screen-loader, .page-registration div.gigya-style-modern.gigya-screen-dialog-mobile .gigya-screen-loader {
  display: block !important;
}

.sharethis-text .component-content {
  display: none;
}

.category-icon img {
  filter: saturate(0.5);
}

.category-icon img[src$=".gif"] {
  filter: none;
}

.no-category-icon img {
  filter: none;
}

.no-category-icon img[src$=".gif"] {
  filter: none;
}

.no-saturation img {
  filter: none !important;
}

.no-saturation img[src$=".gif"] {
  filter: none;
}

.campaign-portal #content {
  padding-top: 6rem;
  min-height: 500px;
}

[lang="ru-RU"] h1, [lang="ru-RU"] h2, [lang="ru-RU"] h3, [lang="ru-RU"] h4, [lang="ru-RU"] p {
  word-wrap: break-word;
}

.global-portal .global-country-block-group {
  background: white;
}

.global-portal .global-country-block-group .component-content > .content {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .global-portal .global-country-block-group .component-content > .content {
    display: flex;
    flex-wrap: wrap;
  }
}

.global-portal .global-country-block-group .richText {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .global-portal .global-country-block-group .richText {
    width: 33%;
    text-align: center;
  }
}

.global-portal .global-country-block-group .richText p {
  font-size: 1.143rem;
  font-weight: 500;
  margin-bottom: 0;
}

.global-portal .global-country-block-group .richText > .component-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 768px) {
  .global-portal .global-country-block-group .richText > .component-content {
    flex-direction: row;
    justify-content: flex-start;
  }
}

.global-portal .global-country-block-group .richText img {
  width: 60px;
  box-shadow: 0 0 10px #cccccc;
  border-radius: 50%;
  padding: 2px;
  margin: 15px;
}

.global-portal .focused-banner .country-flag-icon {
  width: 7% !important;
  border: none !important;
  margin-right: 15px;
  box-shadow: 0 0 10px #cccccc;
  border-radius: 2rem;
  opacity: 100%;
}

.global-portal .region-option,
.global-portal .country-option {
  display: flex;
  align-items: center;
}

.global-portal .search-select-country {
  display: block;
  align-items: center;
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .global-portal .country-option,
  .global-portal .search-select-country {
    display: none;
  }
}

.country-flag a:hover {
  background: none;
}