[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; }/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../../sass/core/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, ../../sass/core/normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../../sass/core/normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../../sass/core/normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 68, ../../sass/core/normalize.scss */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Remove default margin.
 */
/* line 80, ../../sass/core/normalize.scss */
body {
  line-height: 1;
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/*
a:focus {
    outline: thin dotted;
}
*/
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 101, ../../sass/core/normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 115, ../../sass/core/normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 124, ../../sass/core/normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 132, ../../sass/core/normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 141, ../../sass/core/normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 149, ../../sass/core/normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 159, ../../sass/core/normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 168, ../../sass/core/normalize.scss */
code,
kbd,
pre,
samp {
  font-family: serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 180, ../../sass/core/normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 188, ../../sass/core/normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 196, ../../sass/core/normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 204, ../../sass/core/normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 212, ../../sass/core/normalize.scss */
sup {
  top: -0.5em;
}

/* line 216, ../../sass/core/normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 228, ../../sass/core/normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 236, ../../sass/core/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 248, ../../sass/core/normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 260, ../../sass/core/normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 271, ../../sass/core/normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 282, ../../sass/core/normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 296, ../../sass/core/normalize.scss */
button,
input {
  line-height: 1;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 308, ../../sass/core/normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 321, ../../sass/core/normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 333, ../../sass/core/normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 343, ../../sass/core/normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 355, ../../sass/core/normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 367, ../../sass/core/normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 376, ../../sass/core/normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 387, ../../sass/core/normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 400, ../../sass/core/normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.mejs-container {
  position: relative;
  background: #000;
  font-family: sans-serif;
  text-align: left;
  vertical-align: top;
  text-indent: 0; }

.mejs-fullscreen {
  overflow: hidden !important; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen {
  width: 100%;
  height: 100%; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement,
.me-plugin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: none; }
  .mejs-overlay-button:before {
    content: "\f04b";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    font-size: 30px;
    width: 100%;
    height: 100%;
    border: 3px solid #3e3e3e;
    text-indent: 7px;
    background: #fff;
    text-align: center;
    line-height: 67px; }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: url(../background.png);
  background: rgba(0, 0, 0, 0.9); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(../../assets/img/loading.gif) center center no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(../../assets/img/background.png);
  background: rgba(0, 0, 0, 0.7);
  height: 30px;
  width: 100%; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  background: 0;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 12px;
  width: 12px;
  border: 0; }

/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  overflow: hidden;
  text-align: center;
  padding: auto 4px; }

.mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px; }

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  border-radius: 2px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: rgba(50, 50, 50, 0.8); }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: rgba(60, 170, 200, 0.8);
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: rgba(255, 255, 255, 0.8); }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  visibility: hidden;
  position: absolute;
  display: block;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail:hover .mejs-time-float {
  visibility: visible; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px;
  border-color: #eee transparent transparent transparent;
  border-radius: 0;
  top: 15px;
  left: 13px; }

/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(../../assets/img/background.png);
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  border-radius: 0 0 4px 4px; }

.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  display: block; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  border-radius: 1px;
  margin: 0; }

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(../../assets/img/background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  border-radius: 0; }

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  visibility: visible; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0px 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: rgba(102, 102, 102, 0.7); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 45px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url(../../assets/img/background.png);
  background: rgba(20, 20, 20, 0.8); }

/* End: TRACK (Captions and Chapters) */
.mejs-clear {
  clear: both; }

.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: ERROR */
.mejs-offscreen {
  /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
  position: absolute !important;
  top: -10000px;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px; }

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  border-radius: 2px;
  cursor: pointer; }

/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: picture controls */
/* MEJS Zen garden skin */
.mejs-controls {
  display: block;
  visibility: visible; }

.mejs-container .mejs-controls {
  z-index: 25;
  height: 47px;
  background: #d6d6d6;
  border-top: 2px solid #303030; }

.mejs-container .mejs-controls .mejs-button {
  width: 20px;
  height: 20px;
  margin: 4px 6px; }

.mejs-controls .mejs-button button {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: inherit; }
  .mejs-controls .mejs-button button:before {
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: block;
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    font-smoothing: antialiased; }

.mejs-controls .mejs-playpause-button button {
  text-align: center; }
  .mejs-controls .mejs-playpause-button button:before {
    content: "\f04b"; }

.mejs-controls .mejs-pause button {
  width: 15px; }
  .mejs-controls .mejs-pause button:before {
    content: "\f04c"; }

.mejs-controls .mejs-fullscreen-button button:before {
  content: "\f0b2"; }

.mejs-controls .mejs-share-button button {
  background-position: -2px -39px; }

.mejs-controls .mejs-share-button button:hover {
  background-position: -2px -3px; }

.mejs-controls .mejs-volume-button {
  margin: 4px 6px; }

.mejs-controls .mejs-volume-button button:before {
  content: "\f026"; }

.mejs-controls .mejs-mute button:before {
  content: "\f028"; }

.mejs-controls .mejs-unmute button:before {
  content: "\f026"; }

.mejs-controls .mejs-horizontal-volume-slider {
  background: url(../../assets/img/controls.png) 0 -83px no-repeat;
  display: block !important;
  width: 34px;
  height: 21px;
  margin-top: 12px;
  position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 34px; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: url(../../assets/img/controls.png) 0 -108px no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 21px; }

.mejs-controls .mejs-volume-button .mejs-volume-handle {
  display: none; }

.mejs-controls .mejs-time-rail {
  height: 20px;
  padding-top: 8px;
  margin-left: 2px; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  height: 3px;
  border-radius: 0;
  background: #303030; }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  height: 6px;
  background-color: transparent;
  -webkit-filter: none;
          filter: none;
  background-image: none;
  display: none;
  border-radius: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  height: 3px;
  background-color: #303030;
  -webkit-filter: none;
          filter: none;
  background-image: none;
  border-radius: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  background: #fff;
  border: 1px solid #303030;
  height: 14px;
  width: 14px;
  top: -6px;
  display: block;
  padding: 0;
  border-radius: 6px; }

.mejs-container .mejs-controls .mejs-time {
  width: 100px;
  margin: 15px 0 0 0;
  padding: 0;
  position: absolute;
  left: 8px;
  top: 12px; }

.mejs-container .mejs-controls .mejs-time span {
  float: left;
  color: #303030;
  font-size: 14px; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  z-index: 10; }

.mejs-container-fullscreen {
  z-index: 10000 !important; }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 0;
  opacity: 1; }

.mejs-overlay-loading {
  background: url(../../assets/img/loader.gif) center center no-repeat; }

.mejs-overlay-button {
  opacity: 0.7;
  height: 69px;
  left: 50%;
  margin: -35px 0 0 -36px;
  position: absolute;
  top: 50%;
  width: 73px; }

.mejs-poster {
  pointer-events: none;
  background: none !important; }

.mejs-poster img {
  width: auto !important;
  margin: 0 auto;
  display: block; }

:root .mejs-poster img {
  display: none \0/IE9; }

:root .mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 4, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-info {
  background-color: #e1e1e1;
  -moz-transition: linear 2s all;
  -o-transition: linear 2s all;
  -webkit-transition: linear 2s all;
  transition: linear 2s all;
  max-height: 1000px;
  overflow: hidden;
}
/* line 10, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-info.collapsed {
  max-height: 0;
}
/* line 14, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-info .cookiePolicy-inner {
  padding: 20px 10px;
  width: auto;
  max-width: 940px;
  margin: 0 auto;
}

/* line 23, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-restrictive {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
/* line 33, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-restrictive.collapsed {
  display: none;
}
/* line 37, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-restrictive .cookiePolicy-inner {
  position: fixed;
  top: 100px;
  width: 700px;
  margin-left: -350px;
  left: 50%;
  padding: 13px;
  background-color: #e1e1e1;
}
@media screen and (max-width: 699px) {
  /* line 37, ../../sass/core/cookiePolicy.scss */
  .cookiePolicy-restrictive .cookiePolicy-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 699px) {
  /* line 60, ../../sass/core/cookiePolicy.scss */
  .cookiePolicy-restrictive {
    position: absolute;
  }
}
/* line 66, ../../sass/core/cookiePolicy.scss */
.cookiePolicy-buttons {
  text-align: right;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 4, ../../sass/core/exitNotification.scss */
.exit-notification {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
/* line 14, ../../sass/core/exitNotification.scss */
.exit-notification.is-hidden {
  display: none;
}
/* line 18, ../../sass/core/exitNotification.scss */
.exit-notification .exit-notification-inner {
  position: fixed;
  top: 100px;
  width: 700px;
  margin-left: -363px;
  left: 50%;
  padding: 13px;
  background-color: #e1e1e1;
}
@media screen and (max-width: 699px) {
  /* line 18, ../../sass/core/exitNotification.scss */
  .exit-notification .exit-notification-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 699px) {
  /* line 40, ../../sass/core/exitNotification.scss */
  .exit-notification-restrictive {
    position: absolute;
  }
}
/* line 46, ../../sass/core/exitNotification.scss */
.exit-notification-buttons {
  text-align: right;
}

/**
 * @license
 * MyFonts Webfont Build ID 4119541, 2021-06-30T05:24:32-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FSAlbert by Fontsmith
 * URL: https://www.myfonts.com/fonts/fontsmith/fs-albert/regular/
 * 
 * Webfont: FSAlbert-Italic by Fontsmith
 * URL: https://www.myfonts.com/fonts/fontsmith/fs-albert/italic/
 * 
 * Webfont: FSAlbert-Bold by Fontsmith
 * URL: https://www.myfonts.com/fonts/fontsmith/fs-albert/bold/
 * 
 * 
 * Webfonts copyright: Copyright (c) 2009 by Fontsmith Ltd. All rights reserved. This font may not be altered in any way without prior permission of Fontsmith Ltd.
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3edbf5");
  
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 4, ../../sass/core/main.scss */
#cq-emulator-content.firefox {
  background-color: #FFF !important;
}

/* line 8, ../../sass/core/main.scss */
html, body {
  width: 100%;
  font-size: 14px;
}

/* line 13, ../../sass/core/main.scss */
body {
  line-height: 1.5;
  color: black;
  font-family: sans-serif;
  position: relative;
  overflow: auto;
}

/* line 21, ../../sass/core/main.scss */
#wrapper,
.container {
  color: #323131;
  background-color: #FFFFFF;
  width: 100%;
}

/* line 27, ../../sass/core/main.scss */
#header {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 32, ../../sass/core/main.scss */
#footer {
  padding-bottom: 15px;
  padding-top: 15px;
}

/* BASE STYLES
----------------------------------------- */
/* line 40, ../../sass/core/main.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: sans-serif;
  color: #323131;
  margin: 10px 0;
}

.template-tums-ca-template h1{ font-family:"Roboto"; font-weight: 700; font-size:35px;line-height:18px;}
.template-tums-ca-template h2{ font-family:"Roboto"; font-weight: 700; font-size:18px; line-height:25px;}
.template-tums-ca-template h3{ font-family:"Roboto"; font-weight: 700;}
.template-tums-ca-template h4{ font-family:"Roboto"; font-weight: 700;}
.template-tums-ca-template h5{ font-family:"Roboto"; font-weight: 700;}
.template-tums-ca-template h6{ font-family:"Roboto"; font-weight: 700;}
.template-tums-ca-template p{ font-family:Roboto;}
.template-tums-ca-template strong{font-family:"Roboto"; font-weight: 700;}

/* line 47, ../../sass/core/main.scss */
h1 {
  font-size: 2em;
}

/* line 51, ../../sass/core/main.scss */
h2 {
  font-size: 1.5em;
}

/* line 55, ../../sass/core/main.scss */
h3 {
  font-size: 1.17em;
}

/* line 59, ../../sass/core/main.scss */
h4 {
  font-size: 1em;
}

/* line 63, ../../sass/core/main.scss */
h5 {
  font-size: 0.83em;
}

/* line 67, ../../sass/core/main.scss */
h6 {
  font-size: 0.67em;
}

/* line 71, ../../sass/core/main.scss */
a {
  color: #323131;
  text-decoration: none;
}

/* line 76, ../../sass/core/main.scss */
a:hover {
  color: #868484;
}

/* line 80, ../../sass/core/main.scss */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

/* line 89, ../../sass/core/main.scss */
button,
input {
  /* *overflow: visible; */
  line-height: normal;
}

/* line 95, ../../sass/core/main.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 101, ../../sass/core/main.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* line 109, ../../sass/core/main.scss */
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

/* line 120, ../../sass/core/main.scss */
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

/* line 127, ../../sass/core/main.scss */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 132, ../../sass/core/main.scss */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* LAYOUT STYLES
----------------------------------------- */
/* line 140, ../../sass/core/main.scss */
.component {
  clear: left;
 /*  margin-bottom: 10px; */
}

/* line 145, ../../sass/core/main.scss */
.component[class*="grid"] {
  clear: none;
}

/* line 149, ../../sass/core/main.scss */
.component[class*="grid"].alpha {
  clear: left;
}

/* line 153, ../../sass/core/main.scss */
.component-content {
  overflow: hidden;
  margin-bottom: 0px;
}

/* line 158, ../../sass/core/main.scss */
.component > .component-content {
  margin-bottom: 0;
}

/* ALERTS
-------------------------------------*/
/* line 165, ../../sass/core/main.scss */
.alert-list {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: disc;
}

/* line 172, ../../sass/core/main.scss */
.alert-list li {
  padding-left: 4px;
}

/* line 176, ../../sass/core/main.scss */
.alert {
  margin-bottom: 20px;
}

/* line 180, ../../sass/core/main.scss */
.alert-error {
  color: #8A0808;
}

/* UTILITIES
----------------------------------- */
/* line 187, ../../sass/core/main.scss */
.pull-right {
  float: right;
}

/* line 191, ../../sass/core/main.scss */
.pull-left {
  float: left;
}

/* line 195, ../../sass/core/main.scss */
.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
/* line 205, ../../sass/core/main.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
/* line 216, ../../sass/core/main.scss */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 226, ../../sass/core/main.scss */
.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
/* line 235, ../../sass/core/main.scss */
.clearfix {
  zoom: 1;
}


/* Contact us page start */

html[lang="en-CA"] .icon-Haleon, html[lang="fr-CA"] .icon-Haleon {
  background-image: url('/content/dam/cf-consumer-healthcare/bp-caltrate/en_CA/global/logo/haleon-logo.svg') !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
html[lang="en-CA"] .icon-Haleon, html[lang="fr-CA"] .icon-Haleon {
  text-indent: -9999px;
  height: 33px;
  border-width: 3px;
  width: 118px;
}

.contact-us h1{
  font-size:30px;
  font-weight:700;
  line-height:36px;
  margin:1rem 0;
  color: #263781;
  
  
}
.contact-us h2{
  font-size:24px;
  font-weight:700;
  line-height:30px;
  margin-bottom:4rem;
  color: #263781;
}
.contact-us ul.contact-list li span div{
  background:#b3b3b3;
  text-align:center;
  border-radius:61%;
  height:70px;
  line-height:90px;
  width:70px;
  color: #263781;
}
.contact-us .richText .richText-content ul{
  margin:0 0 1rem 0
}
.contact-us .richText .richText-content ul>li{
  color: #263781;
  margin:0 .5rem 1rem .5rem;
  padding:0;
  font-size:16px;
  font-weight:400;
  font-family: 'Roboto';
}

.contact-us ul.contact-list li img{
  width:30px
}

.contact-us ul.contact-list li{
  display:flex !important;
  align-items:center;
  margin-bottom:2rem !important;
  line-height:20px;
  font-size:16px;
  color: #263781;
  font-family: 'Roboto';
}
.contact-us ul.contact-list li strong{
  font-family: 'Roboto';
}
.contact-us ul li .visibility-hide{
  visibility:hidden !important
}
.contact-us .richText ul li:before{
  display:none
}
.contact-us a{
  color:#263781;
  border-bottom:2px solid #263781;
  text-decoration:none !important
}
.contact-us .richText a:not(.btn-default):hover{
  border-bottom:2px solid transparent;
  background-color:#263781;
  color:#fff
}
.contact-us .default-icon>a{
  background-color:#263781;
  display:inline-block;
  position:relative;
  border-radius:50%;
  width:30px;
  height:26px;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin-left:5px;
  padding: 0;
}
.contact-us .default-icon>a img{
  width: auto !important;
  height: 16px !important;
  text-align: center;
  left: 50% !important;
  top: 50%;
}
.max-content-width{
  clear:both;
  float:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:100% !important
}
.margin-around{
  margin: 0
}
.col-md-1, .col-md-9{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.margin-para{
    margin-left: 12px;
}

@media(min-width:992px){
  .contact-us h1{
      font-size:42px;
      line-height:52px
  }
  .contact-us h2{
      font-size:32px;
      line-height:40px
  }
  .contact-us .richText .richText-content ul>li,.contact-us .richText .richText-content ol>li{
      line-height:20px
  }
  .contact-us .richText a:not(.btn-default){
      border-bottom:2px solid #263781;
  }
  .max-content-width{
      max-width:1140px !important
  }
  .col-md-1 {
      width: 8.33333333%;
      }
  .col-md-9 {
      width: 75%;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[lang="en-CA"] .image-header-gsk, html[lang="fr-CA"] .image-header-gsk {
      margin-right: 3rem;
  }
}
@media(max-width:767px){
  .contact-us ul.contact-list li{
      padding:10px !important;
      border-radius:4px;
      background:#8080800f
  }
  .margin-around{
      margin: 0;
  }
  .margin-para{
      margin-left: 12px;
  }
  .contact-us a{
      word-break:break-all
  }
  .contact-us{
      padding-left:0 !important;
      padding-right:0 !important
  }
  .contact-us .contact-list{
      padding-left: 0;
  }
}    


:lang(en-CA) .box.component.section.grid_8.omega.even.desktop-navigation-box-ca,
:lang(fr-CA) .box.component.section.grid_8.omega.even.desktop-navigation-box-ca{
  width: 82% !important;
}
:lang(en-CA) .navigation-box-ca .gsk-logo, 
:lang(fr-CA) .navigation-box-ca .gsk-logo {
  margin: 16px 0 !important;
  padding: 0 !important;
}
:lang(en-CA) .navigation-box-ca .gsk-logo img,
:lang(fr-CA) .navigation-box-ca .gsk-logo img {
  width: 95% !important;
}

@media only screen and (max-width: 991px) {
  .gsk-logo-mobile{
      position: absolute !important;
      right: 61px !important;
      top: 12px !important;
  }
  .gsk-logo-mobile img{
      width: 100px !important;
  }
}

@media only screen and (max-width: 320px) {
  .tums-logo-ca-mobile img {
    width: 64%;
    margin-top: 0.5rem;
  }
  .gsk-logo-mobile img {
    width: 85px !important;
    margin-top: -5px;
    margin-left: 18px;
  }
}
/* Abhay Shishodia | GSKBD-30054 | Start | 31-10-2023 */

.tums-en_CA .navigation-box .navigation-item.navigation-level1 > .navigation-item-title {
  padding: 16px 25px 16px 25px  ;
}

.tums-fr_CA .navigation-box .navigation-item.navigation-level1 > .navigation-item-title {
  padding: 15px 7px ;
}

@media (max-width: 991px) {
  .mobile-navigation-box-ca .navigation-root .navigation-item.navigation-level1:not(:last-child) a {
    border-bottom: 1px solid white;
  }
}
.footer-links-ca ul li:nth-child(3):after { 
  content: "|" !important;
}
/* Abhay Shishodia | GSKBD-30054 | End | 31-10-2023 */span.selection-underline {
  text-decoration: underline; }

span.selection-bold {
  font-weight: bold; }

span.selection-italic {
  font-style: italic; }
.skip-to-main-content-wrapper a {
  position: absolute;
  color: #fff;
  background-color: #f36633;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid whitesmoke;
  text-align: center;
  font-size: 1.2em;
  width: 30%;
  top: -100px;
  left: 0;
  z-index: 1; }
  .skip-to-main-content-wrapper a:focus, .skip-to-main-content-wrapper a:active {
    top: auto;
    left: auto; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/core/overlay.scss */
.overlay-background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9998;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 14, ../../sass/core/overlay.scss */
.overlay-container {
  position: absolute;
  width: 100%;
  top: 150px;
  text-align: center;
  z-index: 9999;
  padding-bottom: 30px;
}

/* line 23, ../../sass/core/overlay.scss */
.overlay-content {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  max-width: 90%;
  padding: 10px;
  display: inline-block;
  background: #FFF;
  text-align: left;
  border: solid 2px #323131;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* line 36, ../../sass/core/overlay.scss */
.overlay-content-inner {
  overflow: hidden;
}

/* line 40, ../../sass/core/overlay.scss */
.overlay-close {
  width: 25px;
  height: 25px;
  z-index: 9999;
  font-size: 25px;
  position: absolute;
  top: -30px;
  right: 15px;
  background: url(../../../../wireframe/desktop/img/close.png) no-repeat;
  cursor: Pointer;
  display: none;
}

/* line 53, ../../sass/core/overlay.scss */
.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../../wireframe/desktop/img/loader.gif) no-repeat 50% 50%;
}
/*!
 * FullCalendar v2.0.2 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	position: relative;
	z-index: 1; /* scopes all other z-index's to be inside this container */
	clear: both;
	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
	}
	
.fc-view {
	position: relative;
	width: 100%;
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #fcf8e3;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-button .fc-icon {
	margin: 0 .1em;
	font-size: 2em;
	font-family: sans-serif;
	vertical-align: baseline; /* for IE7 */
	}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	}
	
/* icon (for jquery ui) */

.fc-button .ui-icon {
	position: relative;
	top: 50%;
	float: left;
	margin-top: -8px; /* we know jqui icons are always 16px tall */
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
	z-index: 8;
	}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
	z-index: 9;
	}
	 
.fc-event {
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: .85em;
	cursor: default;
	}

a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	font-weight: normal;
	}

.fc-agenda-slots .fc-agenda-axis {
	white-space: nowrap;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: sans-serif;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
.search-filters-box
{
border: 2px solid;
max-width:15%;
}

.searchResults 
{
border: 1px solid;
width:70%;
margin:40px auto; 
}

.searchResultDetails h2
{
color:green;
font-size:18px;
font-weight:bold;
}

.searchResultDetails
{
padding:20px;
}

.searchResults
{
padding:10px;
}/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix {
  min-height: 0; }
  .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse; }
  .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    right: 2px; }
    .ui-datepicker .ui-datepicker-next span {
      display: block;
      cursor: pointer;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    left: 2px; }
    .ui-datepicker .ui-datepicker-prev span {
      display: block;
      cursor: pointer;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
    left: 1px; }
  .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
    right: 1px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .ui-datepicker td {
    border: 0;
    padding: 1px; }
    .ui-datepicker td span, .ui-datepicker td a {
      display: block;
      padding: .2em;
      text-align: center;
      text-decoration: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
      right: 1px;
      left: auto; }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
      left: 1px;
      right: auto; }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: right; }
  .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #d9d6c4;
  background: #eeeeee;
  color: #1f1f1f; }
  .ui-widget-content a {
    color: #1f1f1f; }

.ui-widget-header {
  border: 1px solid #eeece4;
  background: white;
  color: #323131;
  font-weight: bold; }
  .ui-widget-header a {
    color: #323131; }

/* Interaction states
----------------------------------*/
.ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24; }
  .ui-state-default a {
    color: #654b24;
    text-decoration: none; }
  .ui-state-default a:link, .ui-state-default a:visited {
    color: #654b24;
    text-decoration: none; }

.ui-widget-content .ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24; }

.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-hover {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }

.ui-widget-header .ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24; }

.ui-widget-header .ui-state-hover, .ui-widget-header ui-state-focus, .ui-widget-header .ui-state-active {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }

.ui-state-hover, .ui-state-focus {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }
  .ui-state-hover a, .ui-state-focus a {
    color: white;
    text-decoration: none; }
  .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: white;
    text-decoration: none; }

.ui-state-focus {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }

.ui-state-active {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }
  .ui-state-active a {
    color: white;
    text-decoration: none; }
  .ui-state-active a:link, .ui-state-active a:visited {
    color: white;
    text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight {
  border: 1px solid #FF7A21;
  background: #eeece4;
  color: #3a3427; }
  .ui-state-highlight a {
    color: #3a3427; }

.ui-widget-content .ui-state-highlight, ui-widget-header .ui-state-highlight {
  border: 1px solid #FF7A21;
  background: #eeece4;
  color: #3a3427; }
  .ui-widget-content .ui-state-highlight a, ui-widget-header .ui-state-highlight a {
    color: #3a3427; }

.ui-widget-content .ui-state-error, ui-widget-header .ui-state-error {
  border: 1px solid #681818;
  background: #b83400;
  color: white; }
  .ui-widget-content .ui-state-error a, ui-widget-header .ui-state-error a {
    color: white; }

.ui-widget-content .ui-state-error-text, ui-widget-header .ui-state-error-text {
  color: white; }

.ui-widget-content .ui-priority-primary, ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-widget-content .ui-priority-secondary, ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-widget-content .ui-state-disabled, ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-error {
  border: 1px solid #681818;
  background: #b83400;
  color: white; }
  .ui-state-error a {
    color: white; }

.ui-state-error-text {
  color: white; }

.ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }
  .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* For IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(../../img/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(../../img/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(../../img/ui-icons_FF7A21_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(../../img/ui-icons_FF7A21_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(../../img/ui-icons_ffffff_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(../../img/ui-icons_ffffff_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(../../img/ui-icons_3572ac_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../../img/ui-icons_fbdb93_256x240.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.privacyPolicy {
  overflow: hidden; }
  .privacyPolicy p {
    margin: 0; }
  .privacyPolicy .wsform-hint {
    display: none; }
  .privacyPolicy input[type='checkbox'] {
    float: left; }

.privacyPolicy-text {
  padding-left: 20px; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
.accordion-container {
	border-top: solid 1px #FFF;
	list-style: none;
	padding: 0;
	margin: 0;
}
.accordion-slide {border-top: 1px solid #fff; }
.accordion-head {
	display: block;
	color: #323131;
	font-size: 20px;
	font-weight: bold;
	padding: 19px 0px;
}
.accordion-title {display: inline-block;float: none;}
.accordion-head-link {display: block;}
.accordion-slide:first-child { border-top: 0;}
.accordion-title {
	display: inline-block;
	margin: 0;
	float: none;
}
.accordion .product-accordion .accordion-container li:after{
	background-image: url(../../img/down-arrow.png);
}
.accordion .product-accordion .accordion-slide.is-active:before{
    color: #FFF;
	background-image: url(../../img/wht-up-arrow.png);
}
.accordion-content-wrapper {
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
.mod-js .accordion-slide .accordion-head:hover { color: white;}
.mod-js .accordion-slide.is-active > .accordion-head { color: black;}
.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;
}
.mod-js .accordion-slide.is-active:last-child > .accordion-content-wrapper {border-bottom: none;}
.mod-js .accordion-head {cursor: pointer; position: relative;}
.mod-js .accordion-head:after {
    content: "\f107";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 5px;
    font-size: 36px;
    float: right;
    right: 20px;
}
.mod-js .accordion-slide.is-active > .accordion-head:after {
    content: "\f106";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: -4px;
    font-size: 36px;
    float: right;
}
.product-accordion .accordion-slide.is-active > .accordion-head:after {color:#FFF;}
.product-accordion  .accordion-head:after {color:#FFF;}
.mod-js .accordion-slide.is-active > .accordion-head {
	cursor: pointer;
	background-image: url(../../img/wht-up-arrow.png);
	background-repeat: no-repeat;
	background-size: 43px;
}
.product-accordion ul li:last-child .accordion-content-wrapper {  padding: 0 7%;}
.product-contents-box-ca .you-might-also-like-images-box-ca {  padding: 0 12.5%;     padding-bottom: 5%;}
.faq-contents-box-ca .accordion-slide.is-active > .accordion-head {
	content: " ";
	background-image: url('../../img/up-arrow.png');
	background-repeat: no-repeat;
	background-size:inherit;
	background-position-x: 99%;
	background-position-y: 8px;
}
.faq-contents-box-ca .accordion-slide .accordion-head{
	content: " ";
	background-image: url('../../img/down-arrow.png');
	background-repeat: no-repeat;
	background-size:inherit;
	background-position-x: 99%;
	background-position-y: 8px;
}
.faq-contents-box-ca .accordion-content .richText{width:93%;}
.faq-contents-box-ca .accordion.component .richText{font-size:16px;}
.faq-contents-box-ca .accordion-head:after {display:none;}
.faq-contents-box-ca .accordion-slide.is-active > .accordion-head:after{display:none;}
.faq-contents-box-ca .accordion-title-text{font-size:16px;line-height:19px;} 
/*Desktop View End */
  @media only screen and (max-device-width:767px) and (min-device-width: 320px){ 
   .accordion-head {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: bold;
    padding: 18px 0px 18px 0px ;

}
.accordion-slide.is-active {    padding: 0px 0px 0px 0px;}
.mod-js .accordion-slide.is-active > .accordion-head:after,
.mod-js .accordion-head:after {	top: 2px; left: -10px;}
.faq-contents-box-ca .accordion-title-text a{line-height:27px;}
.mod-js .accordion-slide.is-active:last-child > .accordion-content-wrapper{padding-bottom:12px;}
 }  
   
/*Mobile View Start*/
@media only screen and (max-device-width:667px) and (min-device-width: 320px){
.faq-contents-box-ca ul .accordion-slide{ margin: 0 5px;}
}
@media only screen and (max-device-width: 374px) and (min-device-width: 320px){
.faq-contents-box-ca ul .accordion-slide.is-active{ background-position-x: 95%; background-position-y: 20px;}
.faq-contents-box-ca ul .accordion-slide{background-position-x: 95%; background-position-y: 20px;}
}
@media only screen and (max-device-width: 667px) and (min-device-width: 375px){
.faq-contents-box-ca ul .accordion-slide.is-active{    background-position-x: 95%; background-position-y: 30px;}
.faq-contents-box-ca ul .accordion-slide{background-position-x: 95%; background-position-y: 50%;}
}
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
.faq-contents-box-ca ul .accordion-slide.is-active{    background-position-x: 95%; background-position-y: 30px;}
.faq-contents-box-ca ul .accordion-slide{ background-position-x: 95%; background-position-y: 50%;}
.faq-contents-box-ca ul .accordion-slide{ margin: 0 10px;}
}/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.add-to-basket-container {
  border: 1px solid #D5D1CE;
  background: #F0EFED; }
  .add-to-basket-container .add-to-basket-description {
    border-right: 1px solid #D5D1CE;
    display: inline-block;
    vertical-align: top;
    width: 65%;
    padding-left: 10px;
    margin-right: 10px; }
  .add-to-basket-container .add-to-basket-quantity {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    padding-top: 20px; }
    .add-to-basket-container .add-to-basket-quantity select {
      padding-left: 2%;
      padding-right: 4%; }
  .add-to-basket-container .add-to-basket-btn {
    display: inline-block;
    padding-top: 20px;
    vertical-align: middle;
    width: 15%; }

@media only screen and (max-width: 767px) {
  .add-to-basket-container {
    padding-bottom: 10px; }
    .add-to-basket-container .add-to-basket-description {
      width: 100%; }
    .add-to-basket-container .add-to-basket-quantity {
      width: 100%;
      padding-left: 10px; }
    .add-to-basket-container .add-to-basket-btn {
      width: 100%;
      padding-left: 10px; } }

.order-header {
  background-color: white;
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px; }

.productDescription {
  float: left;
  width: 35%;
  padding-left: 20px; }
  .productDescription img {
    width: 40%;
    margin: 20px 15px 5px 0px !important; }

.SampleCount {
  float: left;
  width: 15%; }

.OrderDate {
  float: left;
  width: 25%; }

.OrderStatus {
  width: 20%;
  float: left; }

.itemOrderList {
  float: left;
  width: 100%; }
  .itemOrderList .SampleCount, .itemOrderList .OrderDate, .itemOrderList .OrderStatus {
    padding-top: 15px; }

.orderList .order-header div {
  font-weight: bold;
  font-size: 20px; }

.webshop-metadata {
  display: none !important; }

.webshop-cart .cartRecord {
  background: white;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-top: 20px;
  float: left;
  width: 100%; }

.webshop-cart .add-to-basket-description {
  width: 68%;
  border-right: 1px solid #f2f2f2;
  float: left; }

.webshop-cart .add-to-basket-wrapper {
  width: 30%;
  display: inline;
  margin-left: 40px;
  position: relative;
  left: 15px; }
  .webshop-cart .add-to-basket-wrapper div {
    float: left; }

.webshop-cart a.add-to-basket-remove {
  float: left;
  position: relative;
  left: 15px; }

.webshop-cart .webshop-error {
  margin-top: 20px;
  margin-left: 15px;
  color: red; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/article.teaser.scss */
.articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img {
  border-bottom: solid 4px #f36633;
}

/* line 6, ../../sass/components/article.teaser.scss */
.articleTeaser .articleTeaser-text-content .articleTeaser-text-link {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
}
/* line 190, ../../sass/core/_mixins.scss */
.articleTeaser .articleTeaser-text-content .articleTeaser-text-link:hover {
  background-color: #939191;
  color: white;
}
/* line 193, ../../sass/core/_mixins.scss */
.articleTeaser .articleTeaser-text-content .articleTeaser-text-link:active {
  background-color: #939191;
  color: white;
}

/* Mobile view 767 max width */
@media only screen and (max-width: 767px) {
  /* line 16, ../../sass/components/article.teaser.scss */
  .articleTeaser .component-content.hero-article .articleTeaser-text-content {
    width: 100%;
  }

  /* line 19, ../../sass/components/article.teaser.scss */
  .articleTeaser .articleTeaser-image-holder {
    text-align: center;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.article-teaser-block {
  border: 1px solid #efefed;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06);
  box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06);
  position: relative;
  margin: 8px;
  overflow: hidden;
  background-color: #fff; }
  .article-teaser-block .aspect-ratio-box {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden; }
    .article-teaser-block .aspect-ratio-box img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%; }
  .article-teaser-block .article-body {
    min-height: 120px;
    padding: 0 24px 30px; }
  .article-teaser-block .label p {
    margin-bottom: 20px; }
  .article-teaser-block .article-title p {
    margin-bottom: 20px; }
  .article-teaser-block .article-description {
    margin-bottom: 20px; }
  .article-teaser-block .article-body .article-date {
    color: rgba(84, 79, 64, 0.7);
    font-size: 1rem;
    letter-spacing: .2px;
    margin-bottom: 20px; }
  .article-teaser-block .article-button-container {
    position: relative;
    bottom: 0;
    left: 0; }
  .article-teaser-block .article-title {
    font-size: 1.5rem;
    font-weight: 700; }
  .article-teaser-block .margin-none-top {
    margin-top: 0; }
  .article-teaser-block .button-text {
    font-size: .85714rem;
    letter-spacing: 1.5px;
    line-height: 1.14286rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #544f40; }
  .article-teaser-block a.button-primary {
    color: #15717d; }
  .article-teaser-block a.button-primary-filled {
    background-color: #15717d;
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    border-radius: 2rem;
    font-size: .85714rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.14286rem;
    text-transform: uppercase;
    text-align: center; }
  .article-teaser-block a.button-primary-pdf-icon::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-image: url(../../img/download.png); }
  .article-teaser-block a.external-link-icon::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-image: url(../../img/new-window.png); }

.article-teaser-block-transparent-background {
  border: none;
  background-color: inherit;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0; }

.articleTeaser .clickable-at {
  cursor: pointer; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 4, ../../sass/components/articleList.scss */
.articleList > .component-content {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

/* line 10, ../../sass/components/articleList.scss */
.articleList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 13, ../../sass/components/articleList.scss */
.articleList-date {
  margin-bottom: 10px;
  color: #868484;
}

/* line 17, ../../sass/components/articleList.scss */
.articleList-article {
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 21, ../../sass/components/articleList.scss */
.articleList-description {
  overflow: hidden;
}

/* line 24, ../../sass/components/articleList.scss */
.articleList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 27, ../../sass/components/articleList.scss */
.articleList-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 32, ../../sass/components/articleList.scss */
.articleList-thumbnail {
  max-width: 100px;
  float: left;
  margin-right: 15px;
}

/* line 37, ../../sass/components/articleList.scss */
.articleList-more {
  float: right;
}
/* line 39, ../../sass/components/articleList.scss */
.articleList-more:after {
  content: " \00bb";
  display: inline;
}

/* line 44, ../../sass/components/articleList.scss */
.articleList-more-arrow {
  display: none;
}
/* line 46, ../../sass/components/articleList.scss */
.no-generatedcontent .articleList-more-arrow {
  display: inline;
}

/* line 51, ../../sass/components/articleList.scss */
.articleList-article-wrapper {
  margin: 0;
  padding: 0;
}

/* line 55, ../../sass/components/articleList.scss */
.articleList-horizontal-2-columns .articleList-article,
.articleList-horizontal-3-columns .articleList-article {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

/* line 63, ../../sass/components/articleList.scss */
.articleList-horizontal-2-columns .articleList-article {
  padding: 0;
  margin: 0;
  margin-right: 1.2%;
  width: 48%;
}

/* line 69, ../../sass/components/articleList.scss */
.articleList-horizontal-3-columns .articleList-article {
  padding: 0;
  margin: 0;
  margin-right: 1.5%;
  width: 31%;
}

/* line 75, ../../sass/components/articleList.scss */
.articleList-tags {
  list-style-type: none;
  padding: 0;
  margin: -20px 0 0 0;
}

/* line 80, ../../sass/components/articleList.scss */
.articleList-tags-item {
  display: inline-block;
  margin: 0 2px;
}

/* line 84, ../../sass/components/articleList.scss */
.articleList-tags-item-link {
  background: #b9b8b8;
  color: black;
  border: 1px solid #939191;
  padding: 1px;
  display: block;
  font-size: 0.85em;
}

/* Mobile Start  767 view */
@media only screen and (max-width: 767px) {
  /* line 96, ../../sass/components/articleList.scss */
  .articleList-thumbnail {
    float: none;
    margin: auto;
    display: block;
  }

  /* line 104, ../../sass/components/articleList.scss */
  .articleList-horizontal-2-columns .articleList-article,
  .articleList-horizontal-3-columns .articleList-article {
    display: block;
    width: 100%;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/box/_box-base.scss */


#carousel {
    overflow: hidden;
    width: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
	-webkit-transform-style: preserve-3d;
}

#carousel ul.animate {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#carousel ul {
	transform: translate3d(0%,0,0) scale3d(1,1,1);
	-o-transform: translate3d(0%,0,0) scale3d(1,1,1);
	-ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
	-moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
	-webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

#carousel li {
	float: left;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,0);
}

.box-outlined .component-content {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

/* line 9, ../../sass/components/box/_box-base.scss */
.box-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 13, ../../sass/components/box/_box-base.scss */
.box-more {
  display: block;
  text-align: right;
}
 /***************** Desktop View CSS Start  *******************/
.sitemap-contents-box-ca{ background:#fff; }
.sitemap-contents-box-ca .component-content .content{ margin:7% 7% 0% 7%; }
.contact-us-contents-box .component-content .content{margin: 7% 7% 0% 2%;}
.faq-header-contents{background-color: rgb(3, 103, 185);color:#fff;}
 /***************** Desktop View CSS End  *******************/
 
 

/**************** All Mobile  DeviceView  CSS Start */
@media only screen and (min-width : 320px) and (max-width:767px){
	.home-product-banner-box-ca > .component-content {
		margin: 0 auto;
		display: block;
		width: 100% !important;
	}
	.sitemap-contents-box-ca .component-content .content {
		margin: 0px 4%;
		
	}
}
/**************** All Mobile Device View  CSS End */


/**************** Tablet / IPAD View CSS Start */
@media only screen and (min-width: 768px)  and (max-width: 991px) {
.contact-us-contents-box .contact-us-contents-rt{margin-left:0px;}
.contact-us-header-rt-ca .richText-content{margin:0;}
}
/**************** Tablet / IPAD View CSS End */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs {
  margin: 10px 0;
}

/* line 7, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 14, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-list li {
  float: left;
  margin-right: 6px;
}

/* line 19, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-separator {
  margin: 0 10px;
}

/* line 23, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator .breadcrumbs-separator {
  display: none;
}
/* line 26, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li {
  padding-right: 15px;
  margin-right: 9px;
  position: relative;
}
/* line 30, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 8px;
}
/* line 38, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li:last-child {
  background-image: none;
}
/* line 40, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li:last-child:before {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 47, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
  .breadcrumbs-list li {
    float: none;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/**********************Carousel.css ********************/
.carousel > .component-content {
	position: relative;
}
.carousel-slides {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.carousel-slide {
	float:left;
}
.carousel-slide .no-content,
.carousel-slide .no-image {
	text-align: center;
}
.carousel-slide.is-active {
	display: block;
	position: relative;
}
.product-slider-ca .carousel-content{padding-top:0px;}
.carousel-content{padding-top:40px;}
.carousel-cover {
	height: auto;
	float: right;
}
.home-carousel-header-ca .carouselSlide .carousel-cover {
	width: 100%;
	height: auto;
	float: right;
}
.home-carousel-header-en-ca{position:relative;}
.product-slider-box-en-ca .carouselSlide .carousel-cover {
	width: 25%;
	height: auto;
	float: right;
}
.carousel-slide .image-and-content {overflow: hidden;}
.carousel-slide .no-content .carousel-cover {
	float: none;
	max-width: 100%;
}
.carousel-slide .no-image .carousel-content {
	float: none;
	max-width: 100%;
}
.home-carousel-header-ca .carousel-content {
	text-align: center;
	-moz-transition-property: margin;
	-o-transition-property: margin;
	-webkit-transition-property: margin;
	transition-property: margin;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	width: 50%;
	position: absolute;
	padding: 84px 0px 0px 0px;
	background: rgba(255,255,255,0.7);
	min-height: 370px;
}
.carousel-nav { /* UAT Fix on 15-03-2018 */
    margin-top: 20px;
    overflow: hidden;
    padding: 0px 0% 0 49%;
    margin: 0 auto;
    width: 160px;
  }
.product-slider-ca  .carousel-nav {
    padding: 0px;
    margin: 0 auto;
  }
.product-slider-ca  .carouselSlide h3 a{color:#fff; text-decoration:none; }
.product-slider-ca  .carouselSlide h3{
	color: #FFFFFF;
	font-family:"Roboto";
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	text-align:center;
	width: 107%;
	margin: 0px;
}
.carousel.product-slider-ca .carousel-nav-prev { left: 22px;}
.carousel-nav-prev {left: 22px;}
.carousel.product-slider-ca .carousel-nav-prev, .carousel.product-slider-ca .carousel-nav-next {
    position: absolute;
    top: 31%;
    border: none;
    width: 37px;
    height: 31px;
}
.carousel-nav li { /* UAT Fix on 15-03-2018 */
	display: inline-block;
	margin: 0px 18px;
}
.carousel-nav li.carousel-nav-prev, .carousel-nav li.carousel-nav-next{
	margin:0px;
}
.home-content-box-ca .product-slider-box-ca-desktop{width:100%;}
.carousel-nav a {
	display: inline-block;
	border: 2px solid #fff;
	width: 10px;
	height: 10px;
	font-size: 0;
	border-radius: 10px;
	color: transparent;
	position:absolute;
	top: 87%;
}
.about-content-box-ca .product-slider-box-ca-desktop .carousel.product-slider-ca{padding-top: 0%;}
.product-slider-box-ca-desktop .carousel.product-slider-ca{padding-top: 7.5%;}
.carousel.product-slider-ca {width: 960px; overflow: hidden;}
.product-slider-box-ca{margin-top:-21px;}
.home-product-carousel-box-ca .image {padding: 10% 0% 4% 4%; width: 150px; }
.rs-pepper-single-roll-box-ca .home-product-carousel-box-ca .image img,
.es-berry-single-roll-box-ca.home-product-carousel-box-ca .image img{width:140px;}
.about-content-box-ca .home-product-carousel-box-ca .image { padding: 22% 0% 4% 5%;}
.carousel-nav li.is-active a {background: #fff;}
.carousel.product-slider-ca .carousel-nav a { border: 0px solid #fff;  }
.carousel.product-slider-ca .carousel-nav li.is-active a { background: none;}
.carousel-nav-prev,
.carousel-nav-next {
	position: absolute;
	top: 36%;
	border: none;
	width: 19px;
	height: 31px;
}
.carousel-nav-prev a{margin-left: 0px;}
.carousel-nav-next a{margin-left: 5px;}
.carousel-nav-prev a,
.carousel-nav-next a {
	border: none;
	display: block;
	width: 100%;
	height: 100%;
}
.carousel-nav-prev {left: 0px;}
.carousel-nav-prev a:before {
	content: "\f104";
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	position: relative;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 39px;
    color: #FFF;
	background:rgba(27,117,188,0.85);
    padding: 4px 15px 3px 16px;
}
.product-slider-ca .carousel-nav-next a:before,
.product-slider-ca .carousel-nav-prev a:before {
	padding: 0px 14px 0px 14px;
	border-radius: 72px;
	font-size: 25px;
}
.carousel-nav-prev a:active:before,
.carousel-nav-prev a:hover:before,
.carousel-nav-prev a:focus:before{background:#81ddff;}
.carousel-nav-next {right: 30.50px;}
.carousel-nav-next a:before {
	content: "\f105";
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	position: relative;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 39px;
	color: #FFF;
	background:rgba(27,117,188,0.85);
	padding: 4px 15px 3px 16px;
}
.carousel-nav-next a:hover:before,
.carousel-nav-next a:focus:before {background:#81ddff; }
.no-js .carousel .carousel-slide:first-child {
	margin-top: 0;
	border-top: none;
}
.no-js .carousel .carousel-slide { position: static;}
.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: #939191;}
.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 #656363;
	width: 10px;
	height: 10px;
}
 /***************** Desktop View CSS Start  *******************/
 .home-h1-text-ca   h1{
	color: #263781;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
 .carouselSlide   h2{
    color: #263781;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    margin: 0px 12% 12px 10%;
}
.carousel-content {
	h2 + p {
		color: #263781;
		font-family:"Roboto";
		font-size: 18px;
		line-height: 25px;
		text-align:center;
		margin: 0 3.5rem;
	}
	
	p:last-of-type {
		margin: 1rem 0;
	}
}
.slides-item_1 .carousel-content h2 + p { margin: 0 24% 30px 24%;}
.carouselSlide.slides-item_1   h2{margin: 0px 15% 15px 14%;}
.carouselSlide.slides-item_2   h2{margin: 0px 26% 15px 26%;}
.home-carousel-header-ca .slides-item_1 .carousel-content{padding: 122px 0px 0px 0px;}
.home-carousel-header-ca .slides-item_2 .carousel-content{padding: 125px 0px 0px 0px;}
.home-carousel-header-ca .slides-item_3 .carousel-content{padding: 160px 0px 0px 0px;}
.tums-fr_CA .carouselSlide.slides-item_2 h2 { margin: 0px 20% 15px 20%;}
.tums-fr_CA .slides-item_0.carouselSlide h2 {margin: 0px 10% 12px 10%;} 
.tums-fr_CA .slides-item_3.carouselSlide h2 {margin: 0px 20% 12px 20%;}   
.tums-fr_CA .home-carousel-header-ca .carousel-content {min-height: 420px;}
.tums-fr_CA .home-carousel-header-ca .slides-item_3 .carousel-content {padding: 100px 0px 0px 0px;}
.tums-fr_CA .home-carousel-header-ca .slides-item_1 .carousel-content {padding: 82px 0px 0px 0px;} /*CHDT-6282*/
.tums-fr_CA .home-carousel-header-ca .slides-item_2 .carousel-content {padding: 75px 0px 0px 0px;}
.carouselSlide p{text-align: center;}
.carouselSlide p a{
	font-family:"Roboto";
	font-weight: 700;
	font-size: 18px;	
	background-color: #263781;
	cursor: pointer;
	padding: 12px 15px;
	color:#fff;
	text-decoration:none;
}
.carouselSlide p a:hover ,
.carouselSlide p a:focus{
    font-family: "Roboto";
	font-weight: 700;
    font-size: 18px;
    background-color: #81ddff;
    cursor: pointer;
    padding: 12px 15px;
    color: #263781;
    text-decoration: none;
}
.home-content-box-ca .home-carousel-header-ca-mobile{ display: none;}
.carousel-slide { display: inline-block; margin: 0 auto 0 0px!important;}
.product-slider-ca ul{ display: inline-block;    padding-left: 9%; }
.product-slider-box-ca-desktop { margin-top: -21px;} 
.home-product-carousel-box-ca img{width: 110px;}


   /***************** Desktop View CSS End  *******************/
   
   
/**************** All Mobile  DeviceView  CSS Start */
@media only screen and (min-width : 320px) and (max-width:767px){
.carousel-content h2 + p {
    color: #263781;
    font-family: "Roboto";
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    margin: 4% 35px 4%;
}
.carouselSlide   h2{
    font-size: 36px;
	line-height: 36px;
}

.carousel.home-carousel-header-ca-mobile .carousel-nav {
    margin-top: 20px;
    padding: 0px 0% 0 34%;
    margin: 0 auto;
		position: fixed;
    top: 39%;
  	cursor:pointer;
		display: none;
}
.home-carousel-header-ca-mobile .carousel-nav-prev a:before, .home-carousel-header-ca-mobile .carousel-nav-next a:before{display:none;}
.home-carousel-header-ca-mobile .carousel-nav li { margin: 0 15px; bottom: 12px; position: relative; right: 62px;}
.carousel-nav a { width: 5px; height: 5px;}
.home-carousel-header-ca-mobile .carousel-nav a {position: relative;}
.carousel-content{padding-top:40px;  margin-bottom: 45px;}
.product-slider-ca .carousel-nav-next a:before, .product-slider-ca .carousel-nav-prev a:before {display:none;}
.home-carousel-header-ca-mobile .carousel-slide.is-active, 
.home-carousel-header-ca-mobile .carousel-slide {  width: 100%;}  
.about-content-box-ca .home-product-carousel-box-ca .image { padding: 13% 0% 4% 4%;}
.carouselSlide.slides-item_1 h2{margin: 0px 5% 15px 5%;}
.carouselSlide.slides-item_3 h2 { margin: 0px 23% 12px 23%;}	
.slides-item_1 .carousel-content h2 + p {  margin: 0 15% 30px 15%;}
.carousel.product-slider-ca {
    width: 500px;
    overflow: hidden;
}
.home-product-carousel-box-ca .image {
    padding: 15% 7.5% 4% 3%;
    width: 160px;
}
.product-slider-ca ul {
    display: inline-block;
    margin-left: -27.50%;
}
.product-slider-ca .carousel-nav-next {right: 135px;}
.carousel-cover {
    max-width: 100%;
    float: none;
    margin: auto;
    display: block;
  }
.carousel-slide .no-image .carousel-content {
	max-width: 100%;
    float: none;
    margin: 30px 0px 30px 0px;
    padding-bottom: 30px;
  }
.carouselSlide.slides-item_0 h2 {margin: 0px 10% 20px 10%;}
.carouselSlide.slides-item_2 h2 {margin: 0px 20% 20px 20%;}
.tums-fr_CA .carouselSlide.slides-item_2 h2 {margin: 0px 10% 15px 10%; line-height: 35px;}  
.tums-fr_CA .carousel-content h2 + p { margin: 0 10% 35px 10%;}  
.carouselSlide.slides-item_2 p a {
    font-family: "Roboto";
	font-weight: 700;
    font-size: 17px;
    background-color: #263781;
    cursor: pointer;
    padding: 13px 20px;
    color: #fff;
    text-decoration: none;
}
.tums-fr_CA .slides-item_3.carouselSlide h2 { margin: 0px 15% 12px 15%;} 
#mixedSlider .MS-content .item .chewies-orange-32,
#mixedSlider .MS-content .item .chewies-cherry-32{margin-top: -15%;}

.carouselSlide p a:hover, 
.carouselSlide p a:focus,
.carouselSlide p a { font-size: 14px;}
}
@media only screen and (min-width : 320px) and (max-width:359px){
.home-product-carousel-box-ca .image { padding: 9% 0.50% 4% 4%; width: 147px;}
.product-slider-ca ul { display: inline-block; margin-left: -31%;}
.carouselSlide h2 {font-size: 30px; line-height: 30px;}	
.tums-fr_CA .carouselSlide.slides-item_2 p a {
    font-size: 15px;
    cursor: pointer;
    padding: 13px 13px;	
}
.home-carousel-header-ca-mobile .carousel-nav { top: 33%;}
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
.carousel.product-slider-ca {
    width: 850px;
	height:450px;
    overflow: hidden;
}	
.home-carousel-header-ca-mobile .carousel-nav { top: 57%; left: 7%;}
.home-product-carousel-box-ca img { width: 160px;}
.home-product-carousel-box-ca .image {
    padding: 10% 0.50% 4% 4%;
    width: 315px;
    margin-left: -11%;
}
.product-slider-ca ul { display: inline-block; margin-left: -28%;}
.product-slider-ca .carouselSlide h3 {
    color: #FFFFFF;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    margin: 0px;
}
.product-slider-ca .carousel-nav-next { right: 33%;}
.carousel.product-slider-ca .carousel-nav-prev { left: 11%;}
.chewies-orange-32 img, .chewies-cherry-32 img{ padding-top: 3px !important;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 95%;
    margin: -41px 0px -41px 0px !important;
}
}

@media only screen and (device-width: 568px){
.product-slider-ca ul { display: inline-block; margin-left: -25.5%;}
.home-product-carousel-box-ca .image { padding: 15% 0.50% 4% 4%; width: 261px;}
.home-carousel-header-ca-mobile .carousel-nav { top: 53%; left: 7%;}
}
@media only screen and (device-width: 360px){
.home-product-carousel-box-ca .image {
    padding: 9% 0.50% 4% 4%;
    width: 175px;
}
}

@media only screen and (max-width: 620px) and (min-width: 600px){
.carousel.product-slider-ca {
    width: 850px;
	height:100%;
    overflow: hidden;
}	
.home-carousel-header-ca-mobile .carousel-nav { top: 55%; left: 6%;}
.home-product-carousel-box-ca img { width: 195px;}
.home-product-carousel-box-ca .image {padding: 20% 0.50% 4% 4%;  width: 275px;}
.product-slider-ca ul { display: inline-block; margin-left: -31%;}
.product-slider-ca .carouselSlide h3 {
    color: #FFFFFF;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    margin: 0px;
}
.product-slider-ca .carousel-nav-next {right: 33%;}
.carousel.product-slider-ca .carousel-nav-prev {left: 11%;}
.home-product-carousel-box-ca .image {
    padding: 15% 7.5% 4% 3%;
    width: 285px;
}

}
/**************** All Mobile Device View  CSS End */


@media only screen and (device-width: 962px){ 
.home-product-carousel-box-ca .image { padding: 35% 0% 4% 0%; width: 161px;}
}
/**************** Tablet / IPAD View CSS Start */

@media only screen and (min-width: 768px)  and (max-width: 991px) {
.carousel.product-slider-ca {width: 100%;}
.about-content-box-ca .home-product-carousel-box-ca .image { padding: 16% 0% 4% 4%;}
.home-product-carousel-box-ca .image {padding: 35% 0% 4% 0%; width: 137px;}
.home-carousel-header-ca .slides-item_1 .carousel-content {padding: 67px 0px 0px 0px;}
.slides-item_0 .carousel-content h2 + p {margin: 0 14% 28px 14%;}
.tums-fr_CA .slides-item_0.carouselSlide h2 { margin: 0px 5% 12px 5%;}
.carousel.product-slider-ca .carousel-nav-prev {left: 5px;}
.carousel.product-slider-ca .carousel-nav-next {right: 5px;}
.carousel.product-slider-ca .carousel-nav-prev, .carousel.product-slider-ca .carousel-nav-next { position: absolute; top: 21%;}
.slides-item_1 .carousel-content h2 + p {margin: 0 18% 30px 18%;}
.carouselSlide.slides-item_2 h2 {margin: 0px 23% 15px 23%;}
.home-carousel-header-ca .slides-item_2 .carousel-content {padding: 75px 0px 0px 0px;}
.home-carousel-header-ca .slides-item_3 .carousel-content {padding: 100px 0px 0px 0px;}
.product-slider-box-ca-desktop {margin-top: -23px;}
.home-carousel-header-ca .slides-item_0 .carousel-content{padding: 33px 0px 0px 0px;}
.product-slider-ca .carouselSlide h3 { font-size: 10px;}
.tums-fr_CA .home-carousel-header-ca .slides-item_3 .carousel-content { padding: 70px 0px 0px 0px;}
.tums-fr_CA .home-carousel-header-ca .slides-item_2 .carousel-content { padding: 60px 0px 0px 0px;}
.tums-fr_CA .slides-item_2.carouselSlide p a {padding: 12px 15px;}
.tums-fr_CA .slides-item_3 .carousel-content h2 + p {margin: 0 17% 28px 17%;}
.product-slider-ca ul {display: inline-block; padding-left: 2.5%;}
.tums-fr_CA .slides-item_2 .carousel-content h2 + p { margin: 0 18% 28px 18%;}
.tums-fr_CA .carouselSlide h2 {color: #263781;font-family: "Roboto";font-weight: 700;font-size: 30px;line-height: 33px;text-align: center; margin: 0px 12% 12px 10%;}
.home-product-carousel-box-ca img { width: 100px;}
.rs-pepper-single-roll-box-ca .home-product-carousel-box-ca .image img, 
.es-berry-single-roll-box-ca.home-product-carousel-box-ca .image img {width: 128px;}
.tums-fr_CA .home-carousel-header-ca .carousel-content {min-height: 327px;}

#mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    width: 84%;
    padding-left: 18px;
}
}
@media only screen and (device-width: 962px) {
.home-product-carousel-box-ca .image { width: 165px;}
.home-product-carousel-box-ca img { width: 115px;}
.product-slider-ca ul { display: inline-block; padding-left: 4.5%;}
}

/**************** Tablet / IPAD View CSS End */
@media only screen and (device-width: 1024px) {
.home-product-carousel-box-ca .image {width: 162px;}	
.carousel.product-slider-ca { width: 1024px;overflow: hidden;}
.carousel-nav-next {right: 35px;}
.product-slider-ca ul {display: inline-block; padding-left: 7%;}
}

/* Product View Carousel CSS Start */

.container { margin:150px auto;}
#mixedSlider { position: relative;}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
  width:84%;
  padding-left: 5px;
	-webkit-transition-duration:0.0001s;	/*Control the transition duration*/
	-webkit-transition-timing-function: ease;	/*Control the transitionfunction*/
	-webkit-transition-delay: 0.0001s;	/*Control the transition start delay*/
	/* Firefox */
	-moz-transition-duration: 0.0001s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.0001s;
	/* Standard syntax */
	transition-duration: 0.0001s;
	transition-timing-function: ease;
	transition-delay: 0.0001s;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  right: 0%;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 15px 0px;
}
@media (max-width: 991px) {
#mixedSlider .MS-content .item { width: 20%;  }
.item.home-product-carousel-box-ca h3 {
    color: #FFFFFF;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
	#mixedSlider .MS-content .item { width: 40%; }
	#mixedSlider .MS-content .item .imgTitle img {
	height: auto;
	width: 100%;
}
}
#mixedSlider .MS-content .item .imgTitle {
	position: relative;
	width: 100%;
	display: inline-block;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
	margin: 0;
	text-align: left;
	letter-spacing: 2px;
	color: #252525;
	font-style: italic;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	bottom: 0;
	font-weight: bold;
	padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
	height: auto;
	width: 75%;
}
#mixedSlider .MS-content .item p {
	color:#263781;
	font-family: "Roboto";
	font-size: 12px;
	line-height: 18px;
	margin: 2px 10px 0 5px;
	text-indent: 15px;
	float: left;
}
#mixedSlider .MS-content .item a {float: right;text-align: center;}
#mixedSlider .MS-content .item a:hover { text-shadow: 0 0 1px grey;}
#mixedSlider .MS-controls button {
	position: absolute;
	border: none;
	background-color: transparent;
	outline: 0;
	font-size: 50px;
	top: 87px;
	color: rgba(0, 0, 0, 0.4);
	transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {color: rgba(0, 0, 0, 0.8);}
@media (max-width: 992px) {
#mixedSlider .MS-controls button {  font-size: 30px;  }
}
.MS-right .fa.fa-angle-right,
.MS-left .fa.fa-angle-left{outline:none;}
#mixedSlider .MS-controls .MS-left {left: 0px;}
#mixedSlider .MS-controls .MS-right {right: 0px;}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
#mixedSlider .MS-controls .MS-left {left: -21px; width:10%;}
#mixedSlider .MS-controls .MS-right {right: -20px; width:10%;}
}

@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-left { left: -10px;  }
#mixedSlider .MS-controls button { font-size: 20px;  }
#mixedSlider .MS-controls .MS-right { right: -10px;  }
#mixedSlider .MS-content { width: 100%;}

#mixedSlider .MS-content .item .imgTitle img {
    height: auto;
    width: 75%;
    margin: 0 auto;
    display: block;
	padding-top: 15px;
}
.chewies-orange-32 img, .chewies-cherry-32 img{ margin-top: 15% !important;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 95%;
    margin: -32px 0px -32px 0px !important;
}
#mixedSlider .MS-content .item {right: 2.425%;}
#basicSlider .MS-content .item { width: 35%; } 
.reference-product-slider-html .MS-controls{display:none;}
#mixedSlider .MS-content .item a {float: none; text-align: center;}
.reference-product-slider-html { height: 380px;}
}
#basicSlider { position: relative; }
#basicSlider .MS-content {
	white-space: nowrap;
	overflow: hidden;
	margin: 0 2%;
	height: 50px;
}

#basicSlider .MS-content .item {
	display: inline-block;
	width: 20%;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: normal;
	line-height: 50px;
	vertical-align: middle;
}
.fa-angle-left:before, .fa-angle-right:before {
    padding: 0px 14px 0px 14px;
    border-radius: 72px;
    font-size: 25px;
}
.fa-angle-left:hover:before, .fa-angle-right:hover:before,
.fa-angle-left:focus:before, .fa-angle-right:focus:before { background: #81ddff; }
.fa-angle-left:focus:before, .fa-angle-right:focus:before{ outline: -webkit-focus-ring-color auto 5px;}
.fa-angle-left:before {
	content: "\f104";
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	position: relative;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    color: #FFF;
    background: #263781;
    padding: 6px 16px 6px 13px;
	left:15px;
}
.fa-angle-right:before{
	content: "\f105";
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	position: relative;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 26px;
    color: #FFF;
    background: #263781;
    padding: 6px 13px 6px 16px;
	right:15px;
}
#basicSlider .MS-content .item a {line-height: 50px; vertical-align: middle;}
#basicSlider .MS-controls button { position: absolute; }
#basicSlider .MS-controls .MS-left {top: 35px;  left: 10px;}
#basicSlider .MS-controls .MS-right { top: 35px;  right: 10px;}
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 95%;
    margin: -41px 0px -41px 0px !important;
}
}
@media only screen and (min-width: 768px)  and (max-width: 991px) {

#mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    width: 82%;
    padding-left: 0px;
}
.fa-angle-left:before { left: 0px;}
.fa-angle-right:before {right: 0px;}
#mixedSlider .MS-content .item {width: 20%;}
#mixedSlider .MS-controls .MS-left { padding: 0px 0px 0px 15px;}
#mixedSlider .MS-controls .MS-right {padding: 0px 15px 0px 0px;}
}
@media only screen and (device-width: 962px){
#mixedSlider .MS-controls .MS-left {left: 20px;}
#mixedSlider .MS-controls .MS-right { right: 20px;}
}
@media (max-width: 991px) { #basicSlider .MS-content .item { width: 25%; } }
@media (max-width: 500px) { #basicSlider .MS-content .item { width: 50%; } }

@media only screen and (min-width: 1024px) and (max-width:1080px) {

#mixedSlider .MS-controls .MS-left, #mixedSlider .MS-controls .MS-right { 	padding:0px; }
}
@media only screen and (max-width: 360px) and (min-width: 320px){
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    margin: -27px 0px -27px 0px !important;
}
}
@media only screen and (max-width: 568px) and (min-width: 375px) and (orientation: landscape){
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 95%;
    margin: -35px 0px -35px 0px !important;
}
}
/* Product View Carousel CSS End */

	.tums-en_CA .carouselSlide,
	.tums-fr_CA .carouselSlide {
		.carousel-content {
			padding: 0;
			height: 100%;
	
			& > .content {
				display: flex;
				align-items: center;
				height: 100%;
			}
		}
	}



@media screen and (min-width: 768px) and (max-width: 949px) {
	.tums-en_CA .carouselSlide,
	.tums-fr_CA .carouselSlide {
		.richText-content {
			display: flex;
			flex-direction: column;
		}
	}

	.tums-en_CA .carouselSlide {
		h2 {
			font-size: 30px;
			margin: 0;
		}

		p {
			font-size: 16px;
			margin: 1rem 15%;
		}
	}

	.tums-fr_CA .carouselSlide {
		a {
			font-size: 14px;
		}
	}
}

@media screen and (max-width: 768px) {
	.tums-en_CA .carousel-slides,
	.tums-fr_CA .carousel-slides {
		display: flex;

		.carousel-slide {
			flex: 1;
		}

		.carouselSlide {
			height: 100%;
		}

		.image-and-content {
			height: 100%;
			display: flex;
			flex-direction: column;

			img {
				margin: 0;
			}

			.carousel-content {
				flex: 1;
				margin: 0;

				p:last-of-type {
					margin: 1rem 0 3rem 0;
				}
			}
		}

		.homepage-carousel-one-box-one {
			display: none !important;
		}
	}
}

/* Code export from french homepage */

‌.tums-fr_CA .slides-item0.carouselSlide h2 {
	margin: 0 10% 12px 10%!important;
   }

.tums-fr_CA .slides-item1.carouselSlide h2  {
	margin: 0 15% 15px 14%!important;
}


.tums-fr_CA .slides-item2.carouselSlide h2 {
	margin: 0 20% 15px 20%!important;
}

.tums-fr_CA .slides-item3.carouselSlide h2 {
	margin: 0 20% 12px 20%!important;
}


.voluntary-recall-banner {
	background: #ffe699;
}

.voluntary-recall-banner p {
	max-width: 960px;
	margin: auto;
	padding: 1rem;
	text-align: center;
}

@media only screen and (max-width: 480px) {
	.voluntary-recall-banner p {
		text-align: left;
	}
}

@media (min-width: 768px) and (max-width: 769px) {
	.page-home.tums-en_CA .carousel-slides,
	.page-home.tums-fr_CA .carousel-slides {
		height: 360px !important;
	}
}

.carouselSlide p a:hover, 
.carouselSlide p a:focus,
.carouselSlide p a {
	font-size: 14px;
}


@media (max-width: 767px) {
	.home-carousel-header-ca-mobile .carousel-slide:nth-of-type(1)::before {
		top: 2vw;
		right: 4%;
		visibility: visible;
		position: absolute;
		background-image: url("/content/dam/cf-consumer-healthcare/wellness-tums/en_CA/update_25/tums-2024-best-new-product-logo-dt.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 15%;
		height: auto;
		aspect-ratio: 1/2;
		min-width: 40px;
	}
	
	.home-carousel-header-ca-mobile .carousel-slide:nth-of-type(1)::after {
		top: 25vw;
		right: 5%;
		visibility: visible;
		position: absolute;
		background-image: url("/content/dam/cf-consumer-healthcare/wellness-tums/en_CA/update_25/tums-2024-consumer-survey-product-innovation-logo-dt.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 15%;
		height: auto;
		aspect-ratio: 1/2;
		min-width: 40px;
	}		
}

.home-carousel-header-ca .carousel-slide:nth-of-type(1)::before {
	top: 10px;
	right: 9%;
	visibility: visible;
	position: absolute;
	background-image: url("/content/dam/cf-consumer-healthcare/wellness-tums/en_CA/update_25/tums-2024-consumer-survey-product-innovation-logo-dt.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 8%;
	height: auto;
	aspect-ratio: 1/2;
}

.home-carousel-header-ca .carousel-slide:nth-of-type(1)::after {
	top: 10px;
	right: 0;
	visibility: visible;
	position: absolute;
	background-image: url("/content/dam/cf-consumer-healthcare/wellness-tums/en_CA/update_25/tums-2024-best-new-product-logo-dt.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 8%;
	height: auto;
	aspect-ratio: 1/2;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/coupons.scss */
.coupons {
  padding: 10px;
  border: 1px solid #D5D1CE;
  position: relative;
  margin-bottom: 10px;
}
/* line 8, ../../sass/components/coupons.scss */
.coupons .couponsImage {
  float: left;
  width: 30%;
  margin-right: 10px;
}
/* line 13, ../../sass/components/coupons.scss */
.coupons .couponsDescription {
  float: left;
  width: 60%;
}

/* line 21, ../../sass/components/coupons.scss */
.coupons .couponsContainer .button,
.coupons .couponsContainer a.lightbox {
  bottom: 10px;
  position: absolute;
  right: 25px;
}

/* line 28, ../../sass/components/coupons.scss */
.coupons a.lightbox, .overlay-content-inner a.couponCancel, .overlay-content-inner a.couponSubmit {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
}
/* line 190, ../../sass/core/_mixins.scss */
.coupons a.lightbox:hover, .overlay-content-inner a.couponCancel:hover, .overlay-content-inner a.couponSubmit:hover {
  background-color: #939191;
  color: white;
}
/* line 193, ../../sass/core/_mixins.scss */
.coupons a.lightbox:active, .overlay-content-inner a.couponCancel:active, .overlay-content-inner a.couponSubmit:active {
  background-color: #939191;
  color: white;
}
.digitalWallet .hidden {
  display: none; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 4, ../../sass/components/divider/_divider-base.scss */
.divider > .component-content {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzOTE5MSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzIzMTMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTM5MTkxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #939191, #323131, #939191);
  background-image: -webkit-linear-gradient(45deg, #939191, #323131, #939191);
  background-image: linear-gradient(45deg, #939191, #323131, #939191);
  background: #939191;
  height: 2px;
  background-size: 25% 100%;
  margin: 2em 0;
}

/* line 14, ../../sass/components/divider/_divider-base.scss */
.divider.float-breaker > .component-content {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
  height: auto;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/fileList/_fileList-base.scss */
.fileList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 7, ../../sass/components/fileList/_fileList-base.scss */
.fileList-date {
  margin-bottom: 10px;
  color: #868484;
}

/* line 12, ../../sass/components/fileList/_fileList-base.scss */
.fileList-file {
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 17, ../../sass/components/fileList/_fileList-base.scss */
.fileList-description {
  overflow: hidden;
}

/* line 21, ../../sass/components/fileList/_fileList-base.scss */
.fileList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 25, ../../sass/components/fileList/_fileList-base.scss */
.fileList-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 31, ../../sass/components/fileList/_fileList-base.scss */
.fileList-thumbnail {
  max-width: 100px;
  float: left;
  margin-right: 15px;
}

/* line 37, ../../sass/components/fileList/_fileList-base.scss */
.fileList-download {
  text-align: right;
}

/* line 41, ../../sass/components/fileList/_fileList-base.scss */
.fileList-download-size {
  color: #868484;
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 47, ../../sass/components/fileList/_fileList-base.scss */
  .fileList-thumbnail {
    float: none;
    margin: auto;
    display: block;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.filterableBox {
  position: relative;
  margin-left: 10px; }
  .filterableBox .filterableBox__header {
    display: flex; }
    .filterableBox .filterableBox__header .header__item {
      margin-right: 20px; }
    .filterableBox .filterableBox__header .header__searchWrapper .searchWrapper__search-box {
      height: 100%;
      padding: 0; }
    .filterableBox .filterableBox__header .header__sortMenu .sortMenu__label {
      background-color: #f36633;
      color: white;
      border: none;
      cursor: pointer;
      padding: 10px 20px;
      text-decoration: none;
      margin: auto; }
    .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
      z-index: 1;
      margin-top: 10px;
      padding-inline-start: 0; }
      .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        cursor: pointer; }
        .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item:hover {
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5); }
        .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item.active {
          font-weight: bold; }
  .filterableBox .filterableBox__content {
    margin-top: 20px; }
    .filterableBox .filterableBox__content .content__noResultFound {
      display: none; }
    .filterableBox .filterableBox__content .content {
      display: flex;
      flex-wrap: wrap; }
      .filterableBox .filterableBox__content .content .indexable-component {
        padding: 10px; }
        .filterableBox .filterableBox__content .content .indexable-component:first-child {
          margin-right: 20px; }
.flash > .component-content {
  text-align: center; }

.flash object {
  max-width: 100%; }

.flash-missing {
  margin: 0 auto; }

.flash .seoDescription {
  display: none; }
.footer {
  background: none;
  color: inherit; }
  .footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .footer .img-link {
    border: solid 2px transparent;
    display: block; }
    .footer .img-link:focus {
      border: solid 2px red; }

.footer-bar {
  padding: 1rem 0 0; }

.footer-sitemap {
  background: none; }

.footer-social {
  background: none; }

.footer-core {
  background: none; }

.footer-extra {
  background: none; }

.footer-navgroup__heading {
  color: inherit;
  font-size: inherit; }

.footer-navgroup li {
  padding: 0.25rem 0; }

.footer-navgroup li > a {
  color: red;
  text-decoration: none; }
  .footer-navgroup li > a:hover, .footer-navgroup li > a:focus {
    color: blue;
    text-decoration: underline; }

.footer-navgroup img {
  max-width: 100%; }

.footer-copyright {
  display: flex; }
  .footer-copyright__img {
    margin: 0 1rem 0 0; }
  .footer-copyright__text {
    font-size: inherit;
    color: inherit; }

.footer-navlist ul {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.footer-navlist li {
  padding: 0 0 0.25rem 0; }

.footer-navlist a {
  color: red;
  text-decoration: none; }
  .footer-navlist a:hover, .footer-navlist a:focus {
    color: blue;
    text-decoration: underline; }

.social-icons {
  max-width: 100%;
  margin: 0 auto; }
  .social-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  .social-icons li {
    margin: 0 0.4rem 0 0;
    position: relative; }
  .social-icons a {
    display: block;
    background: #000;
    border: solid 3px transparent;
    transition: all 0.5s ease; }
    .social-icons a:hover, .social-icons a:focus {
      background: black;
      border: solid 3px red; }
  .social-icons svg {
    position: absolute;
    left: 3px;
    top: 4px;
    fill: #FFF; }
  .social-icons--md svg {
    width: 32px; }
  .social-icons--md a {
    width: 40px;
    height: 40px; }
.form-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.form form {
  margin: 0 0 20px; }

.form fieldset {
  background-color: #e1e1e1;
  border: solid 2px #323131;
  padding: 13px;
  margin: 15px 0; }

.form label,
.form input,
.form button,
.form select,
.form textarea {
  font-size: 14px; }

.form select,
.form textarea,
.form input {
  width: 100%;
  max-width: 250px;
  padding: 4px 6px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #323131;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  .form select:focus,
  .form textarea:focus,
  .form input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
    .form select:focus:invalid,
    .form textarea:focus:invalid,
    .form input:focus:invalid {
      color: red;
      border-color: #ff6666; }

.form legend {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  padding: 0 5px;
  display: block;
  margin-right: 10px; }

.form textarea {
  height: auto;
  resize: vertical; }

.form label {
  display: block;
  margin-bottom: 5px; }

.form select {
  max-width: 260px; }
  .form select[multiple], .form select[size] {
    height: auto; }

.form input {
  height: 20px; }
  .form input[type="radio"], .form input[type="checkbox"] {
    width: auto;
    height: auto;
    box-shadow: none; }

.form .control-label {
  padding: 5px 0; }

.form .control-group {
  margin-bottom: 10px; }

.no-js .clearButton {
  display: none; }

.hiddenField {
  display: none; }

.control-tooltip {
  display: none;
  padding: 0 10px;
  max-width: 200px;
  margin-left: 5px;
  position: absolute;
  z-index: 1;
  background-color: #ddd;
  left: 100%;
  top: 0; }
  .control-tooltip:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 100%;
    top: 10px;
    display: inline-block;
    border: solid transparent;
    height: 0;
    width: 0;
    border-right-color: #ddd;
    border-width: 5px;
    margin-top: -5px; }
  .control-tooltip-container {
    position: relative;
    display: inline-block; }
  .control-tooltip-button:hover + .control-tooltip, .control-tooltip:hover {
    display: block; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.hidden-password-field {
  display: none; }

.gigya-screen .default-submit-button input[type=submit] {
  background-color: #f36633; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/html/_html-base.scss */
.html .hints a {
  float: left;
  margin-right: 5px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */

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


 /***************** Desktop View CSS Start  *******************/
 
.carouselSlide .image-and-content img{width:20%;}
 
 /***************** Desktop View CSS End  *******************/


/**************** All Mobile  DeviceView  CSS Start */

@media only screen and (min-width : 320px) and (max-width:767px){
	
.carouselSlide .image-and-content img {  width: 100%;}
.image .component-content { text-align: center; }
	
}
/**************** All Mobile Device View  CSS End */


.imageGallery > .component-content {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1; }

.imageGallery .gallery-play {
  color: #323131; }

.imageGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.imageGallery-description {
  margin: 15px 0; }

.imageGallery-thumbnails {
  position: relative;
  margin: 20px 0; }

.imageGallery-thumbnail, .imageGallery-view {
  cursor: pointer; }

.imageGallery.is-playing .imageGallery-view-overlay:before {
  content: "\f04c";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  text-indent: 0; }

.imageGallery-arrow, .imageGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 35px;
  height: 60px;
  padding: 0;
  border: 0;
  box-sizing: content-box;
  background: none;
  cursor: pointer;
  font: 0/0 serif;
  color: transparent; }
  .imageGallery-arrow:before, .imageGallery-arrow.is-disabled:hover:before {
    position: absolute;
    margin-top: 15px;
    color: #b9b8b8; }

.imageGallery-arrow {
  text-align: center; }
  .imageGallery-arrow.is-disabled {
    opacity: 0.5; }
  .imageGallery-arrow:hover:before {
    color: #939191; }
  .imageGallery-arrow-left, .imageGallery-arrow-left.is-disabled:hover {
    left: 0; }
    .imageGallery-arrow-left:before, .imageGallery-arrow-left.is-disabled:hover:before {
      content: "\f053";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 30px; }
  .imageGallery-arrow-right, .imageGallery-arrow-right.is-disabled:hover {
    right: 0; }
    .imageGallery-arrow-right:before, .imageGallery-arrow-right.is-disabled:hover:before {
      content: "\f054";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 30px; }

.imageGallery-thumbnail {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 0 9px;
  border: solid 4px #323131;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  opacity: .7;
  transition: opacity .2s; }
  .imageGallery-thumbnail a {
    display: block; }
  .imageGallery-thumbnail-image {
    position: relative;
    margin: 2px;
    border: solid 2px #323131; }
    .imageGallery-thumbnail-image img {
      display: block;
      width: 63px;
      height: 52px;
      margin: 0 auto; }
  .imageGallery-thumbnail-cover {
    display: block;
    max-width: none; }
  .imageGallery-thumbnail-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }
  .imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
    opacity: 0;
    transition: opacity .5s; }
  .imageGallery-thumbnail-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -15px;
    height: 28px;
    width: 30px;
    cursor: pointer;
    opacity: 0.7; }
    .imageGallery-thumbnail-overlay:before {
      display: inline-block;
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 15px;
      border-radius: 50%;
      border: 3px solid #323131;
      text-indent: 7px;
      background: white;
      text-align: center;
      line-height: 24px; }
  .imageGallery-thumbnail.is-active, .imageGallery-thumbnail:hover {
    opacity: 1; }

.imageGallery-list {
  overflow: hidden;
  margin: 0 50px;
  position: relative; }
  .imageGallery-list li:hover .image,
  .imageGallery-list li.active .image {
    margin: 0;
    border: solid 4px #323131; }
  .imageGallery-list-inner {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 4000px;
    overflow: hidden;
    list-style: none; }

.imageGallery-view {
  position: relative;
  margin-bottom: 10px;
  border: solid 2px #323131;
  overflow: hidden;
  text-align: center;
  background: white; }
  .imageGallery-view img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%; }
  .imageGallery-view:hover-overlay {
    opacity: 0.7; }
  .imageGallery-view-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -36px;
    width: 73px;
    height: 69px;
    cursor: pointer;
    transition: opacity .5s;
    opacity: 0; }
    .imageGallery-view-overlay:hover {
      opacity: 1;
      text-decoration: none; }
    .imageGallery-view-overlay:before {
      display: inline-block;
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      background: white;
      border: 3px solid #323131;
      border-radius: 50%;
      font-size: 30px;
      text-indent: 5px;
      text-align: center;
      line-height: 65px; }

.mod-js .imageGallery-thumbnail {
  padding: 0; }
  .mod-js .imageGallery-thumbnail .imageGallery-thumbnails {
    position: relative; }

.no-js .imageGallery-view {
  display: none; }

.no-js .imageGallery-list {
  margin: 0; }

.no-js .imageGallery-arrow {
  display: none; }

.no-js .imageGallery-thumbnail {
  float: none;
  border: 0;
  opacity: 1;
  overflow: hidden; }
  .no-js .imageGallery-thumbnail img {
    width: auto;
    height: auto; }
  .no-js .imageGallery-thumbnail a:after {
    display: block;
    padding: 10px 0 30px;
    content: attr(data-description);
    text-align: left; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.locationfinder input[type=text] {
    font-family: sans-serif;
    font-size: 12px;
    border: 1px solid #D5D1CE;
    display: inline;
    float: left;
    height: 12px;
    padding: 8px;
    width: 27%;
}

@media only screen and (max-width: 767px) {
    .locationfinder input[type=text] {
        width: 60%;
        margin-bottom: 20px;
    }
}

.locationfinder .button {
    padding: 8px;
    background-image: url(../../img/Search-icon.png);
    background-repeat: no-repeat;
    border: none;
    margin-right: 20px;
    width: 30px;
    height: 30px;
}

@media only screen and (max-width: 767px) {
    .locationfinder .button {
        margin-right: 24%;
        margin-bottom: 20px;
    }
}

.locationfinder .locationFinder-selectOption {
    width: 7%;
    border: 1px solid #D5D1CE;
    height: 30px;
    margin-left: 10px;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .locationfinder .locationFinder-selectOption {
        width: 20%;
        margin-left: 0px;
        margin-right: 15px;
    }
}

.locationfinder .locationFinder-selectOption1 {
    height: 30px;
    margin-left: 15px;
    width: 15%;
}

@media only screen and (max-width: 767px) {
    .locationfinder .locationFinder-selectOption1 {
        width: 40%;
        margin-left: 0px;
    }
}

.locationfinder .locationFinder-loadMore .loadMore {
    background-color: #f36633;
    border-radius: 3px;
    color: white;
    padding: 8px 20px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
}

.locationfinder .locationFinder-loadMore .loadMore:hover {
    background-color: #939191;
    color: white;
}

.locationfinder .locationFinder-loadMore .loadMore:active {
    background-color: #939191;
    color: white;
}
.map-canvas {
  margin-bottom: 10px;
  border: solid 2px #323131;
  text-align: center; }
  .map-canvas img {
    width: 100%;
    max-width: inherit; }

.no-js .map-canvas img {
  width: 100%;
  max-width: 640px; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/************** Navigation.css *****************/
.navigation-root {
	text-align: center;
	z-index: 10;
	max-width: 100%;
}
.navigation-mobile-menu, .mobile-navigation-box-ca, .mobile-header-box-ca {display: none;}
.no-js .navigation-level1 > .navigation-branch,
.no-js .navigation-root.navigation-branch.navigation-level1,
.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2 {display: block;}
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 {
	display: block;
	margin: 0 0 -2px 0;
	border-left: none;
	border-right: none;
	position: static;
}
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 > .navigation-item {float: none;}
.navigation-branch {
	overflow: visible;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
.navigation-branch.navigation-level1 {
	border: none;
	display: block;
}
.navigation-item > .navigation-item-title {
	display: block;
	padding: 5px 15px 5px 15px;
	color: black;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.navigation-item > a.navigation-item-title:hover {
	color: #81ddff;
	text-decoration: none;
}
.navigation-item > span.navigation-item-title {cursor: default;}
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
	background-color: #c8c8c8;display: inline-block;
}
.navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
	color: black;
	text-decoration: none;
}
.navigation-item.is-open > .navigation-branch, .no-js .navigation-item:hover > .navigation-branch {display: block;}
.navigation-item.navigation-level1 { display: inline-block;}
#wrapper .main {
    width: 100%;
    padding: 0;
}
#wrapper #content ,#wrapper #footer{
    width: 960px;
    margin: 0 auto;
}
.navigation-item.navigation-level1 > .navigation-item-title {
    color: #FFFFFF;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 14px;
    line-height: 41px;
    padding: 15px 6px 14px 102px;
	letter-spacing: 0.6px;
}

:lang(fr-CA) .navigation-item.navigation-level1 > .navigation-item-title {
    font-size: 13px;
}

.navigation-item.navigation-level1 > a.navigation-item-title:focus,
.navigation-item.navigation-level1 > a.navigation-item-title:hover {
	color: #81DDFF;
	text-decoration: none;
}
.tums-en_CA .navigation-root.navigation-branch.navigation-level1{margin-left:13%;}
.tums-en_CA .navigation-item.navigation-level1 > .navigation-item-title { padding: 15px 50px 13px 50px;}
.navigation.has-children.has-active-child.navigation-item.navigation-level1 a,
.navigation .is-active.navigation-item.navigation-level1 a{ color: #81ddff;}
.navigation-item.navigation-level2 {border-top: 1px solid #Fff;}
ul.navigation-root.navigation-branch.navigation-level2 li:first-child{ border-top: 1px solid #263781;}
.navigation { background: #263781;}
.navigation-branch.navigation-level2 {  display: none;}
.tums-fr_CA .navigation-branch.navigation-level2 {width: 325px;}
.navigation-item > .navigation-item-title {padding-left: 40px;}
.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2 {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {overflow: hidden;}
.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child {border-top: none;}
.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item {width: 100%;}
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 {
	min-width: 100%;
	position: absolute;
	top: 41px;
	left: -2px;
	display: block;
}
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item {float: none;}
.navigation-horizontal .navigation-item {
	float: left;
	position: relative;
}
.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item .navigation-branch.navigation-level3 {display: none;}
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level3 {
	display: block;
	float: none;
}
.navigation-horizontal .navigation-item.navigation-level2:first-child {border-top: none;}
.navigation-horizontal .has-children > .navigation-item-title {
	padding-right: 61px;
	background-image: none;
}
.navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration {
	height: 41px;
	width: 41px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	line-height: 41px;
}
.navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration:after {
	content: "\f078";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	position: relative;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 41px;
	height: 41px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}
.navigation-horizontal .has-children > .navigation-item-title:hover .navigation-item-decoration { background-color: #939191;}
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title { padding-right: 55px;}
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
	height: 31px;
	width: 31px;
	line-height: 31px;
}
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration:after {
	width: 31px;
	height: 31px;
}
.navigation-horizontal .has-active-child > .navigation-item-title .navigation-item-decoration {
	background-color: #605e5e;
}
.navigation-horizontal .navigation-level2.navigation-branch {
	border-color: #4a4a4a;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
}
.navigation-horizontal .navigation-level2 .navigation-item-title { padding: 5px 15px 5px 15px;}
.navigation-horizontal .navigation-level2.navigation-root { max-width: none;}
.navigation-vertical .navigation-branch.navigation-level2,
.navigation-vertical .navigation-branch.navigation-level3 { display: none;}
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level3 {display: block;}
.navigation-vertical .has-children > .navigation-item-title { position: relative;}
.navigation-vertical .has-children > .navigation-item-title .navigation-item-decoration {
	height: 41px;
	width: 41px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	line-height: 41px;
}
.tums-fr_CA .navigation-branch.navigation-level2.drop-down{ margin-left: 5px;  display: block;  position: absolute;}
.tums-en_CA .navigation-branch.navigation-level2.drop-down { margin-left: 10px; display: block;  position: absolute;}
.navigation-vertical .has-children > .navigation-item-title .navigation-item-decoration:before {
	content: "\f078";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	position: relative;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 41px;
	height: 41px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
	height: 31px;
	width: 31px;
	line-height: 31px;
}
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration:before {
	width: 31px;
	height: 31px;
}
.navigation-vertical .has-active-child > .navigation-item-title .navigation-item-decoration { background-color: #c8c8c8;}

 @media all and (-ms-high-contrast:none)  {
.navigation-item > .navigation-item-title {overflow: visible; }
 }
.navigation-item.navigation-level1.has-active-child > .navigation-item-title,
.navigation-item.navigation-level1.is-active > .navigation-item-title {
    color: #81DDFF;
    background: none;
    text-decoration: none;
}
@media only screen and (min-width: 990px) {
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    margin: 0 0 -2px -2px;
    position: absolute;
  }
}
 /***************** Desktop View CSS Start  *******************/
.mobile-header-box-ca{display:none;}
.box.component.section.grid_12.alpha.even.mobile-header-box-ca { display: none;}
.navigation-box-ca .gsk-logo{float: right; margin: 22px 0;    padding-left: 13px;}
.navigation-box-ca{background:#263781; height: 70px;}
.footer-box-ca{background:#0367b9; text-align:center;}
li.navigation-item.navigation-level1 a:focus ~ .navigation-branch.navigation-level2, 
li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2 {margin-left: 10px;  display: block; position:absolute}
.navigation-item-decoration{display:none !important;}
.contact-us-contents-rt p span.faq-link-ca{text-decoration:underline;}
.tums-fr_CA li.navigation-item.navigation-level1 a:focus ~ .navigation-branch.navigation-level2,
.tums-fr_CA li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2 {margin-left: 5px;}
.tums-fr_CA .navigation-item.navigation-level1 > .navigation-item-title { padding: 15px;}
.tums-fr_CA .navigation-branch.navigation-level1 {margin-left: 15%;}
.navigation-branch.navigation-level2 li  {	background: #263781;}
.has-children.has-active-child.navigation-item.page-heartburn-relief .is-active.navigation-item.navigation-level2{
	background: #81ddff;
    border: none;
}
.has-children.has-active-child.navigation-item.page-heartburn-relief .is-active.navigation-item.navigation-level2 a{color:#263781;}
.tums-fr_CA .navigation-branch.navigation-level2 li a { white-space: pre-wrap;}
.navigation-branch.navigation-level2 li a{
    color: #FFFFFF;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    padding: 17px 20px 17px 20px;
	text-align:center;
	text-transform: uppercase;
}

.navigation-branch.navigation-level2 li a:hover{
    color:#263781;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    padding: 17px 20px 17px 20px;
	text-align:center;
	background: #81DDFF;
 }
.language-toggle-ca p a {
    color: #0d1c4c;
    text-decoration: none;
}
li.navigation-item.navigation-level2:hover .navigation-branch.navigation-level3 {display: inline-block  ;position:absolute}

 /***************** Desktop View CSS End  *******************/
 
 
/**************** All Mobile  DeviceView  CSS Start */
@media only screen and (min-width : 320px) and (max-width:991px){
#wrapper #content, #wrapper #footer {
    width: 100%;
    margin: 0 auto;
}
.mobile-navigation-box-ca{z-index:1;}	
.box.component.section.grid_12.alpha.first.odd.desktop-header-box-ca { display: none;}
.box.component.section.grid_12.alpha.even.mobile-header-box-ca {display:block;}
.navigation-mobile-menu:after{background-image: url(../../img/hamburger.png);}
.navigation-item.navigation-level1 > a.navigation-item-title:hover { color: #fff; text-decoration: none;}
.navigation-mobile-menu.is-open {
    display: block;
    background-image: url(../../assets/img/close.png);
	background-repeat:no-repeat;
    background-position: 22px 30%;
	color: #263781;

  }
li.navigation-item.navigation-level1 a:focus ~ .navigation-branch.navigation-level2 {right: 0%; }  
.tums-en_CA .navigation-root.navigation-branch.navigation-level1 { margin-left: 0%;}
.navigation li.navigation-item.navigation-level1.page-find-your-tums a {
    padding: 17px 50px 16px 50px;
}
.tums-en_CA .navigation-item.navigation-level1 > .navigation-item-title  {
    padding: 16px 50px 16px 50px;
} 
.tums-en_CA .navigation-item.navigation-level1.page-about > .navigation-item-title {padding: 19px 50px 16px 50px;}
.tums-fr_CA .language-toggle-ca p a {margin-left: 0px !important;}  
.tums-fr_CA .navigation-item.navigation-level1 > .navigation-item-title { padding: 20px;}  
.tums-fr_CA .navigation-branch.navigation-level2 { width: 100%;}  
.tums-fr_CA li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2 {right: 0%; }
.tums-fr_CA .navigation-branch.navigation-level1 {margin-left: 0%;}  
.search-box-mobile-ca .search-box-ca .button:hover,
.search-box-mobile-ca .search-box-ca button{
    background-image: url(../../img/search-icon_m.png);
    background-position: 100% 5px;
    background-repeat: no-repeat;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    border: none;
    outline: none;
    padding: 9px 28px;
 }  
.navigation-branch.navigation-level2.drop-down {
    right: 0% !important;
    display: block;
    position: absolute;
} 
.navigation-mobile-menu.is-open:after{background:none;}
.navigation-root.navigation-branch.navigation-level1.is-open{
    margin-top: 0;
    display: block;
    position: absolute;
    top: 122px;
}
.navigation-item.navigation-level1 > .navigation-item-title {
    color: #FFFFFF;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    padding: 20px;
	background: #263781;
}
.navigation-branch.navigation-level2 li a {
    color: #FFFFFF;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    padding: 20px;
    text-align: center;
}
.navigation-branch.navigation-level2 li a:hover,
.navigation-branch.navigation-level2 li a {font-size: 13px;}
#wrapper .search-box-mobile-ca{display:none;}
#wrapper .search-box-mobile-ca.is-open{display:block; position:absolute;top: 34px;}
.mobile-header-box-ca .search-box-mobile-ca .searchBox{display:block;  z-index: 1; margin-top: 37px;}
.mobile-navigation-box-ca{position:absolute;top:0px;    margin: 0 !important;}
.mod-touch .navigation-horizontal .navigation-item { width: 100%; }
.tums-fr_CA #wrapper .search-box-mobile-ca.is-open {
    display: block;
    position: absolute;
    top: 63px;
    background: #fff;
}  
.tums-fr_CA .navigation-root.navigation-branch.navigation-level1.is-open{
    margin-top: 5px;
}
.tums-en_CA .navigation-root.navigation-branch.navigation-level1.is-open{
    margin-top: 5px;
}
.tums-fr_CA .mobile-header-box-ca .search-box-mobile-ca .searchBox {
    display: block;
    z-index: 1;
    margin-top: 8px;
} 
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    margin: 0 0 -2px 0;
    border-left: none;
    border-right: none;
    position: static;
  }
.tums-logo-ca-mobile{
	position: relative;
    z-index: 1;
    top: 5px;
}
.language-toggle-ca {	
	position: relative;
    top: 2px;
    z-index: 11;
    left: 73px !important;
}
.image.tums-logo-ca-mobile .component-content { text-align: center;}
.navigation-branch {
    overflow: visible;
    margin: 0px;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
	width:100%;
}
li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2 {
    right: 0%;
    display: inline-block;
    position: relative;
}
.has-children.navigation-item.navigation-level1.page-heartburn-relief > a:after{
    content: "\f107";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 3px;
    font-size: 20px;
    float: none;
    left: 3%;
}
.has-children.navigation-item.navigation-level1.page-heartburn-relief > a {
    border-top: 1px solid #Fff;
    border-bottom: 1px solid #fff;
}
.mobile-logo-box-ca{float:right !important; width: 60% !important;}
.gsk-logo-mobile.image .component-content {  position:absolute; left:90%;}
.tums-logo-ca-mobile img{width: 100%;}
.tums-logo-ca-mobile{
	float: left !important;
    width: 100px !important;
    z-index: 999;
}
.language-toggle-ca p a {
    color: #FFF;
	font-family: "Roboto";
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}
.gsk-logo-mobile{
    position: relative;
    margin: 13px 45px 0 0;
    z-index: 9999;
    float: right !important;
    width: 50px !important;
 }
.navigation-mobile-menu {
    display: block;
    width: 20%;
    height: 72px;
    position: relative;
    cursor: pointer;
    border:none;
    box-sizing: border-box;
    margin: 0 0 -2px -2px;
    overflow: hidden;
 	background-color: #263781;
	z-index:11;
	outline:none;
	color: #263781;	
  }

.navigation-root .has-children.navigation-item.navigation-level1.page-heartburn-relief ul li:last-child a{ border-bottom: 1px solid #Fff;}
.image.component.section.grid_3.alpha.first.odd.hamburger-icon-ca {display: none;}
.navigation.has-children.has-active-child.navigation-item.navigation-level1 a, .navigation .is-active.navigation-item.navigation-level1 a {
    color: #263781;
    background: #81ddff;
}
.navigation-mobile-menu:after {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 41px;
    height: 41px;
    top: -3px;
    line-height: 38px;
    font-size: 25px;
    right: 0px;
    left: 10px;
	background-repeat: no-repeat;
  }
.navigation-item.navigation-level1 { width: 100%;  }
li.navigation-item.navigation-level1 {background: #263781; height:100%; float:left;}
.navigation-item > .navigation-item-title { white-space: nowrap;}
.navigation-branch.navigation-level1 { display: none;	  }
.navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2, .navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2 {
    left: 0;
    border-left: none;
    border-right: none;
  }
  
.searchBox.search-box-ca  button{ margin-left: 1%;}
.search-box-mobile-ca .image.search-icon{
	position: absolute;
    top: 48px;
    right: 11%;
    z-index: 1111;
    width: 30px !important;
}
.search-box-mobile-ca .image .component-content { text-align: right;}
	/*CHDT-6297 starts*/
	.tums-fr_CA  li.navigation-item.navigation-level1 a:focus ~ .navigation-branch.navigation-level2, 
	.tums-fr_CA  li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2{
		margin-left:0;
	}

	.tums-en_CA li.navigation-item.navigation-level1 a:focus ~ .navigation-branch.navigation-level2,
	.tums-en_CA  li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2{
		margin-left:0;
	}
	/*CHDT-6297 ends*/
	/*CHDT-6294 starts
	.tums-en_CA  .navigation-branch.navigation-level1.is-open li.navigation-item.navigation-level1.first.odd{
		padding-top:5px;
	}
/*	.tums-fr_CA  .navigation-branch.navigation-level1.is-open li.navigation-item.navigation-level1.first.odd{
		padding-top:5px;
	}
	/*CHDT-6294 ends*/
}

@media only screen and (min-width : 320px) and (max-width:359px){
.gsk-logo-mobile {
    position: relative;
    margin: 13px 41px 0 0;
    z-index: 9999;
    float: right !important;
    width: 50px !important;
}
.tums-fr_CA .navigation-item.navigation-level1 > .navigation-item-title { font-size: 12px;}	
}
@media only screen and (max-device-width: 620px) and (min-device-width: 600px){
.searchBox.search-box-ca button {margin-left: 3%;}
}
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
.searchBox.search-box-ca button { margin-left: 6%;}
}
/**************** All Mobile Device View  CSS End */





/**************** Tablet / IPAD View CSS Start */

@media only screen and (min-width: 768px)  and (max-width: 991px) {

.mod-touch .navigation-horizontal .navigation-item { width: 100%;  }
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    margin: 0 0 -2px 0;
    border-left: none;
    border-right: none;
  }
#wrapper .search-box-mobile-ca.is-open { display: block; position: absolute;}
.language-toggle-ca { top: -70px;}  
.search-box-mobile-ca .image.search-icon {
    position: relative;
    top: 48px;
    right: 10%;
    z-index: 1111;
    float: right;
}
.box.component.section.grid_12.alpha.even.mobile-header-box-ca { display: block; height: 69px;}
.navigation-mobile-menu {height: 72.5px;}
.navigation-root.navigation-branch.navigation-level1.is-open {top: 118px;}
.search-box-ca > .component-content, .navigation-box-ca > .component-content { width: 960px; margin: 0 auto;background: #fff;}
.mobile-header-box-ca .search-box-mobile-ca .searchBox { margin-left: 0px;}
}
@media only screen and (device-width: 962px) {
.searchBox.search-box-ca button { margin-left: 20%;}
}
@media only screen and (device-width: 1024px) {
.tums-fr_CA li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2 { right: 31%;}
}
/* NEWSFEED ITEM */
/* NEWSFEED COMPONENT */
/* PER PAGE */
/* MOBILE */
.newsfeed-result {
  padding: 0;
  margin: 0;
  background: #F5F5F5;
  margin-bottom: 20px; }

.newsfeed-image {
  margin: 0;
  height: 150px;
  overflow: hidden; }
  .newsfeed-image img {
    height: 100%;
    min-width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%); }

.newsfeed-inner-content {
  padding: 10px 15px;
  border-top: solid 4px #F36533; }

.newsfeed-category {
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D; }

.newsfeed-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #7E7E7E; }
  .newsfeed-title:only-child {
    border-bottom: 0;
    padding: 0;
    margin: 0; }
  .newsfeed-title a:hover {
    text-decoration: none; }
  .newsfeed-title a:active {
    text-decoration: none; }
  .newsfeed-title a:focus {
    text-decoration: none; }

.newsfeed-date {
  font-size: 13px;
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D; }

.newsfeed-description {
  margin: 0 0 10px;
  color: #73645D; }

.newsfeed-url {
  font-size: 13px;
  word-break: break-all; }
  .newsfeed-url a {
    color: #16727F;
    font-weight: bold; }
    .newsfeed-url a:hover {
      text-decoration: none; }
    .newsfeed-url a:active {
      text-decoration: none; }
    .newsfeed-url a:focus {
      text-decoration: none; }

.newsfeed {
  position: relative; }
  .newsfeed a {
    color: inherit;
    text-decoration: none; }
  .newsfeed .active a {
    font-weight: bold; }
  .newsfeed .splitter {
    color: #F36533; }

.newsfeed-number {
  margin-bottom: 20px;
  position: absolute;
  left: 250px;
  top: -50px; }
  .newsfeed-number .results-count-strong {
    font-weight: bold; }

.newsfeed-pagination .mobile {
  display: none; }

.newsfeed-pagination-list {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
  float: right; }

.newsfeed-pagination-item {
  display: inline-block; }
  .newsfeed-pagination-item a {
    display: block;
    border: 1px solid #e9e9e9;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 3px; }
    .newsfeed-pagination-item a:hover {
      text-decoration: none;
      border-color: #a0ce4e; }
    .newsfeed-pagination-item a:focus {
      text-decoration: none;
      border-color: #a0ce4e; }
    .newsfeed-pagination-item a:active {
      text-decoration: none;
      border-color: #a0ce4e; }

.newsfeed-pagination-item.separator {
  display: inline-block;
  border: 1px solid #fff;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 3px;
  letter-spacing: 2px; }
  .newsfeed-pagination-item.separator:before {
    content: "..."; }

.newsfeed-pagination-item.is-active a {
  background: #a0ce4e;
  color: #fff;
  cursor: default; }

.newsfeed-pagination-item.item-next a {
  border: 0;
  width: auto; }
  .newsfeed-pagination-item.item-next a:hover {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:focus {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:active {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:after {
    content: ">";
    font-family: FontAwesome, serif;
    display: inline-block;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-size: 1rem;
    margin-left: 5px; }

.newsfeed-pagination-item.item-previous a {
  border: 0;
  width: auto; }
  .newsfeed-pagination-item.item-previous a:hover {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:focus {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:active {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:before {
    content: "<";
    font-family: FontAwesome, serif;
    display: inline-block;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-size: 1rem;
    margin-right: 5px; }

.view-all.button {
  margin-top: 30px; }

.promo .view-all.button {
  text-align: center; }

.related .view-all.button {
  text-align: start; }

.view-all a {
  background: #15717d;
  padding: 10px 23px;
  border-radius: 20px;
  color: #fff; }

span.newsfeed-related-updates {
  display: block;
  margin: 50px 0 20px 0;
  font-style: italic;
  color: #73645D; }

a.newsfeed-related-category {
  background: #f3f2f0;
  padding: 15px;
  border-radius: 40px;
  font-weight: bold;
  color: #15717d; }

.newsfeed-perPage {
  max-width: 200px;
  margin: 14px 0 0; }
  .newsfeed-perPage > div {
    display: inline-block; }
  .newsfeed-perPage .active {
    font-style: italic;
    background: #DDD; }
  .newsfeed-perPage a {
    color: inherit;
    text-decoration: none; }
  .newsfeed-perPage .heading {
    background: #EEE;
    min-width: 100px;
    padding: 10px; }
  .newsfeed-perPage .slider {
    position: absolute;
    background: #FFF;
    width: 100%;
    max-width: 198px;
    border: 1px solid grey;
    z-index: 100; }
  .newsfeed-perPage ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .newsfeed-perPage li {
    padding: 5px 20px; }
    .newsfeed-perPage li a {
      display: block; }

@media (max-width: 767px) {
  .newsfeed-pagination {
    text-align: center; }
    .newsfeed-pagination .mobile {
      display: block; }
    .newsfeed-pagination .desktop {
      display: none; }
  .newsfeed-pagination-list {
    display: inline-block;
    float: none; }
  .newsfeed-result.has-image {
    text-align: center; }
    .newsfeed-result.has-image .newsfeed-image {
      position: static;
      margin-bottom: 20px; }
    .newsfeed-result.has-image .newsfeed-title {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-description {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-date {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-url {
      text-align: left;
      margin-left: 0; }
  .item-previous {
    float: left; }
  .item-next {
    float: right; } }
.newsfeedFilterBy {
  max-width: 200px; }
  .newsfeedFilterBy .active {
    font-style: italic;
    background: #DDD; }
  .newsfeedFilterBy a {
    color: inherit;
    text-decoration: none; }
  .newsfeedFilterBy .heading {
    background: #F36533;
    color: #FFF;
    padding: 10px; }
  .newsfeedFilterBy .slider {
    position: absolute;
    background: #FFF;
    width: 100%;
    max-width: 198px;
    border: 1px solid grey;
    z-index: 100; }
    .newsfeedFilterBy .slider .tag-link a {
      display: block; }
  .newsfeedFilterBy .top-level {
    font-weight: bold;
    padding-left: 10px; }
  .newsfeedFilterBy ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .newsfeedFilterBy li {
    padding: 5px 20px; }
.podcast {
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #EFEFED;
  max-width: 800px; }
  .podcast p {
    margin: 0; }

.podcast__information {
  display: flex; }

.podcast__text {
  padding: 10px; }

.podcast__title {
  font-weight: 700; }

.audio {
  background-color: #efefed; }

.audio__controls {
  display: flex;
  align-items: center; }

.audio__backwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%; }

.audio__forwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%; }

.audio__backwards, .audio__forwards, .audio__play, .audio__pause {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.audio__play {
  height: 50px;
  width: 50px;
  background-color: #15717d;
  border-radius: 50%; }
  .audio__play:after {
    content: "\25b6";
    color: #fff;
    font-size: 25px; }

.audio__pause {
  display: none;
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%; }
  .audio__pause:after {
    content: "| |";
    color: #000;
    font-size: 25px; }

.audio--playing .audio__pause {
  display: flex; }

.audio--playing .audio__backwards {
  visibility: visible; }

.audio--playing .audio__forwards {
  visibility: visible; }

.audio--playing .audio__play {
  display: none; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/powerreviews.scss */
.powerreviews {
  border: solid 1px #e0e0e0;
  padding: 5px 10px 0 10px;
  margin-bottom: 5px;
}

/* line 8, ../../sass/components/powerreviews.scss */
.powerreviews .p-w-r .pr-header-title {
  color: #f36633;
}

/* line 11, ../../sass/components/powerreviews.scss */
.powerreviews .p-w-r .pr-star-selected {
  background-color: #f36633;
}

/* line 14, ../../sass/components/powerreviews.scss */
.powerreviews .pr-snapshot-rating .pr-stars {
  background-image: url("../../img/stars.gif");
}

/* line 17, ../../sass/components/powerreviews.scss */
.powerreviews .pr-review-rating .pr-stars-small, .powerreviews .pr-snippet-stars .pr-stars-small {
  background-image: url("../../img/stars_small.gif");
}

/* line 20, ../../sass/components/powerreviews.scss */
.powerreviews.pr-base-modal a, .powerreviews .pr-pa-snippet a, .powerreviews .pr-review-engine a, .powerreviews .pr-snippet a, .powerreviews .prImageSnippet a {
  color: #f36633;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.product-list-main__results .product {
    border-bottom: 2px solid #f3f2f1;
}

.productList .product-list-content {
    display: table;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.productList .product-list-content .product-list-main, .productList .product-list-content product-list-header {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

.productList .alphabet-filter__element {
    margin-left: 10px;
}

.productList .no-of-shown-results, .productList .no-of-all-results, .productList .applied-filter {
    font-weight: bold;
}

.productList .product-list-main {
    display: table-row;
    justify-content: space-around;
}

.productList .product-list-header {
    display: table-row;
    justify-content: space-around;
}

.productList .product-list-filter--alphabet {
    border-left: 2px solid #f3f2f1;
}

.productList .product-list-filter .filter-trigger--alphabet {
    color: #72635d;
    cursor: default;
    opacity: 0.5;
    text-decoration: none;
    margin: 0;
}

.productList .product-list-filter .filter-trigger--alphabet.filter-trigger--active {
    color: #f36633;
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
}

.productList .product-list-header__filter-by .filter-by__label {
    background-color: #f36633;
    color: white;
    padding: 10px 30px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.productList ul.filter__product-types {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.productList ul.filter__product-types li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.productList ul.filter__product-types li input ~ span::after {
    content: "";
    background-color: white;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    margin: 0 7px 0 0;
    position: absolute;
    right: 0;
}

.productList ul.filter__product-types li input:checked ~ span::after {
    background-color: #15717e;
    border: 2px solid white;
    margin: 0 6px 0 0;
}

.productList ul.filter__product-types li input {
    visibility: hidden;
}

.productList ul .alphabet-filter__elements, .productList ul .product__links--additional {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.productList ul.filter__product-types.show {
    display: block;
    padding: 0;
}

.productList .product__info-formula-text {
    font-style: italic;
}

.productList .product .product__links a {
    color: #15717e;
    font-weight: bold;
}

.productList .product .product__info-title, .productList .product .product__info-title a {
    color: #15717e;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.productList .product .product__info-title.lock-icon {
    color: black;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.productList .product .product__info-title.lock-icon a:before {
    content: '!';
    color: #ff0000;
}

.productList .product-list-main__results {
    width: 95%;
}

.productList .product-list-main__results .product {
    display: flex;
    margin-top: 15px;
}

.productList .product-list-main__results .product .product__info {
    width: 50%;
}

.productList .product-list-main__results .product .product__links {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.productList .results__show-more-btn {
    display: inline-block;
    margin-top: 15px;
    color: white;
    background-color: #15717e;
    padding: 10px 30px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    width: 20%;
    margin-left: 35%;
    margin-right: auto;
}

.productList .results__show-more-btn:hover {
    background-color: white;
    display: inline-block;
    padding: 8px 30px;
    border: 2px solid #15717e;
    color: #15717e;
    font-size: 18px;
    width: 20%;
    margin-left: 35%;
    margin-right: auto;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionanswers.hideScoreBox .quizScoreBox, .questionanswers.hideScoreBox .quizResultBoxContainer {
  display: none; }

.quizResultBoxContainer.showBoxQuiz {
  display: block; }

.quizButton img {
  cursor: pointer; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionWithCheck {
  border: dotted 1px #D5D1CE;
  padding: 10px; }
  .questionWithCheck .formControl-radio {
    float: left;
    margin: 0;
    padding: 0;
    width: 21px; }
  .questionWithCheck .genericFormGroup span input[type="checkbox"] {
    float: left;
    margin: 2px 2px 0 0;
    padding: 0;
    width: 15px; }

.questionWithRadio button {
  background: white;
  border: 1px solid white;
  border-radius: 0;
  float: left;
  margin-right: 15px; }
  .questionWithRadio button.optionActive {
    border: solid 1px #D5DCEF; }

.questionWithRadio .formControl-radio {
  float: left;
  margin: 0;
  padding: 0;
  width: 21px; }

.questionWithRadio .genericFormGroup span input[type="radio"] {
  float: left;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 15px; }

.questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {
  float: left;
  padding: 1px 0 0;
  width: auto;
  margin-right: 15px; }

.questionWithRadio .genericFormGroup .quizRadioImg label, .questionWithCheck .genericFormGroup .quizRadioImg label {
  width: 100px; }

.questionWithRadio .quizScoreBox, .questionWithCheck .quizScoreBox {
  border: 1px solid #0F61AF;
  background: white;
  text-align: center;
  font-weight: 700;
  padding: 5px;
  width: 50px;
  height: 15px;
  margin-left: 20px;
  float: left; }
  .questionWithRadio .quizScoreBox p, .questionWithCheck .quizScoreBox p {
    margin: 0;
    font-weight: 700; }

.questionWithRadio .imgContainer, .questionWithCheck .imgContainer {
  width: 100%;
  float: left; }

.questionWithRadio .quizQuestion p, .questionWithCheck .quizQuestion p {
  margin: 0 0 15px 0; }

.quizHideBox {
  display: none; }

.quizOverlayContainer .overlay-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000;
  /* high z-index */
  background: #000;
  /* fallback */
  background: rgba(0, 0, 0, 0.75);
  text-align: center; }

.quizOverlayContainer .overlay-content {
  background: none repeat scroll 0 0 white;
  display: inline-block;
  max-width: 90%;
  min-height: 80px;
  min-width: 80px;
  padding: 30px 10px 10px;
  position: relative;
  text-align: left;
  top: 150px; }

.quizOverlayContainer .overlay-close {
  background: url("../../img/overlay-close-icon.png") no-repeat scroll 0 0/20px auto rgba(0, 0, 0, 0);
  cursor: pointer;
  display: none;
  font-size: 25px;
  height: 20px;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 20px;
  z-index: 9999; }

.quizOverlayContainer .close-btn:hover {
  background: #05abe0; }

.questionWithImage {
  clear: both; }
  .questionWithImage .quizQuestion {
    border: 2px solid #0F61AF;
    background: #D5DCEF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 10px 20px 10px;
    float: left;
    width: 80%; }
    .questionWithImage .quizQuestion p {
      font-weight: 700;
      line-height: 1.2em;
      margin: 10px 0 0 0;
      vertical-align: middle;
      color: black; }
  .questionWithImage .imgContainer {
    float: left;
    width: 50%;
    text-align: center; }
    .questionWithImage .imgContainer span {
      border: 3px solid #78A7D2;
      padding: 10px;
      height: 36px;
      width: 36px;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      border-radius: 150px; }
    .questionWithImage .imgContainer img {
      text-align: center;
      vertical-align: bottom;
      cursor: pointer; }
  .questionWithImage .quesLeftCaption, .questionWithImage .quesRighCaption {
    float: left;
    width: 25%; }

.quizResultContainer {
  width: 92%; }

.quizScoreBox {
  border: 2px solid #0F61AF;
  background: #D5DCEF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 5px;
  width: 58px;
  height: 62px;
  margin-left: 20px;
  float: left; }
  .quizScoreBox p {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    color: black;
    margin-top: 15px; }
  .quizScoreBoxtotalScoreBox {
    float: right; }

.quiz .nextQuestionPage {
  float: right; }

.quiz .generateScore {
  float: right; }

.quiz .button.generateScore {
  width: 230px;
  padding: 10px;
  font-weight: 700;
  font-size: 22px;
  color: white;
  background: #115A64; }

.quiz .button.generateScoreNewPage {
  padding: 10px;
  font-weight: 700;
  color: #0073BD;
  border: solid 1px white;
  background: #E4FE98; }

.quiz.quizWithBGImage {
  float: left; }
  .quiz.quizWithBGImage .quizQuestionBox {
    background-color: #FFF1D0;
    padding: 20px;
    width: 70%; }
    .quiz.quizWithBGImage .quizQuestionBox h2 {
      color: #4469A1;
      font-size: 40px;
      margin-bottom: 0; }
    .quiz.quizWithBGImage .quizQuestionBox p {
      font-size: 18px;
      color: #5C5D59;
      margin: 0;
      line-height: 22px; }
  .quiz.quizWithBGImage .quizQuestionOption {
    position: relative;
    background-repeat: no-repeat;
    background-position: left top; }
  .quiz.quizWithBGImage .quizOptionButton {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #E2F1F3;
    padding: 17px 25px 17px 25px;
    font-size: 20px;
    border: 0;
    border-radius: 0;
    color: #73A1A7; }
    .quiz.quizWithBGImage .quizOptionButton focus {
      border: dotted 1px #000; }
    .quiz.quizWithBGImage .quizOptionButton span {
      background: url("../../img/boxlink-arrow.png") no-repeat right center;
      padding-right: 25px; }

.quiz.quizProgressBar .quizProgressBarQuestions {
  background-color: white;
  padding: 5px;
  position: relative;
  margin-bottom: 35px; }
  .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion {
    color: #22508E;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    background: none;
    cursor: text; }

.quiz.quizProgressBar .quizProgressBarDots {
  background-color: #eeece4;
  border: 1px solid #eeece4;
  border-radius: 18px;
  height: 10px;
  padding: 5px;
  position: relative; }

.quiz.quizProgressBar .quizProgressDots {
  background-color: white;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 12px;
  box-shadow: none;
  border: 0px solid gainsboro; }
  .quiz.quizProgressBar .quizProgressDots.active {
    background-color: #099696;
    height: 16px;
    width: 16px;
    left: 0;
    position: absolute;
    top: 2px; }
  .quiz.quizProgressBar .quizProgressDots.firstactive {
    background-color: #099696;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 2px; }
  .quiz.quizProgressBar .quizProgressDots.progressActive {
    background-color: #099696;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 2px; }

.quizWithBGImage.questionOption1 .quizQuestionOption {
  height: 450px; }

.quizWithBGImage.questionOption2 .quizQuestionOption, .quizWithBGImage.questionOption3 .quizQuestionOption, .quizWithBGImage.questionOption4 .quizQuestionOption, .quizWithBGImage.questionOption5 .quizQuestionOption {
  height: 225px; }

.quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4 {
  width: 50%; }

.quizWithBGImage.questionOption2, .quizWithBGImage.questionOption3 {
  width: 25%; }

#question3 .quizWithBGImage .questionOption2 {
  height: 450px; }
  #question3 .quizWithBGImage .questionOption2 .quizQuestionOption {
    height: 450px; }

#question3 .quizWithBGImage.questionOption2 {
  widht: 50%; }

#question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 {
  width: 25%; }

.quizProgressBar {
  background: white;
  border: solid 1px white;
  padding: 20px 0;
  border-color: white;
  box-shadow: 0 0 10px #9ecaed; }

.progressDotActive {
  width: 2%;
  background: #099696;
  height: 10px; }

.quizRadioImg {
  float: left;
  width: 100px; }

.hideQuizTotalBox .quizResultContainer {
  display: none; }

/* Mobile start */
@media only screen and (max-width: 767px) {
  .questionWithCheck .formControl-radio {
    clear: both;
    display: block; } }

@media only screen and (max-width: 420px) {
  .questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio {
    clear: both;
    display: block;
    float: left;
    width: 6%; }
  .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {
    display: block;
    float: left;
    width: 50%; }
  .quizRadioImg {
    width: 100%; }
  .questionWithImage .quizQuestion {
    width: 60%; }
  .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption, .questionWithImage .imgContainer {
    display: block;
    width: 100%; }
  .quiz.quizProgressBar .quizProgressBarQuestions {
    margin-bottom: 15px; }
    .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion {
      font-size: 12px;
      font-weight: 700; }
  .quiz.quizWithBGImage {
    width: 100%;
    display: block; }
    .quiz.quizWithBGImage .quizQuestionOption {
      width: 100%;
      display: block;
      background: no-repeat;
      background-position: center center;
      background-attachment: scroll;
      background-size: 100% 100%; }
  .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, .quizWithBGImage.questionOption2, .quizWithBGImage.questionOption3 {
    width: 100%; }
  .quizWithBGImage #question3 .quizWithBGImage.questionOption2 {
    width: 100%; }
  .quizWithBGImage #question2 .quizWithBGImage.questionOption3, .quizWithBGImage #question2 .quizWithBGImage.questionOption4, .quizWithBGImage #question2 .quizWithBGImage.questionOption5 {
    width: 100%; } }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */

/************** RichText.css **********************/

.richText h1,
.richText h2,
.richText h3,
.richText h4,
.richText h5,
.richText h6 { margin-top: 0;}
.richText a {text-decoration: underline;}
.richText li {
	font-size: 14px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.richText ul li {
	margin-left: 0;
	padding-left: 15px;
	position: relative;
}
.richText ol li {list-style: decimal;}
.richText-links {font-size: 10px;}
.richText .richText-links li {
	background: none;
	display: inline;
	list-style: none;
	padding-left: 0;
}
.richText-links li a {
	padding-right: 5px;
	border-right: solid 1px #b9b8b8;
	margin-right: 5px;
}
.richText .componcat-contcat {
	overflow: hidden;
}
.richText-links li:last-child a {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;
}
.richText-image {
	display: block;
	margin-bottom: 10px;
}
.richText-image.pull-left {
	margin: 5px 15px 5px 10px;
	float: left;
}
.richText-image.pull-right {
	margin: 5px 10px 5px 15px;
	float: right;
}
 /***************** Desktop View CSS Start  *******************/

.box.componcat.section.grid_12.alpha.evca.mobile-header-box-ca {display: none;}
.desktop-header-box-ca .skiptocontent {
    position: absolute;
    width: 170px;
    left: 0;
    top: -16px;
	z-index: 1;
}
.skiptocontent p a{color:#FFF;}
.skiptocontent p a:focus{color: #263781;}
.desktop-header-box-ca .skiptocontcat p a:focus{color:#263781;}
.carousel-aux-control {
    background: transparent !important;
    background-color: white !important;
    border-radius: 0;
    height: 30px;
    line-height: 30px;
    width: 150px;
    text-align: center;
    border-radius: 2px;
    color: black;
    margin-top: 8px;
    margin-left: 8px;
    display: block;
    position: absolute;
    top: -100%;
    transition: 0.3s ease all;
}
.carousel-aux-control:focus {
top: 0;
z-index: 1;
}
.home-product-banner-box-ca, .home-product-banner-box-ca image{text-align:center;}
.footer-links-ca ul li a{color:#FFF; text-decoration:none; }
.footer-links-ca ul li{
	color: #FFFFFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 14px;
	line-height: 21px;
	display: inline-flex;
	text-align:center;
	padding: 0px;
	cursor: pointer;
}
.footer-links-ca ul li:after{
	content: "|";
	color:#FFF;
	font-family: FontAwesome;
	padding: 0px 13px;
    font-size: 13px;
    margin-right: -4px;
}
.desktop-header-box-ca .skiptocontcatp p a {color: #fff; }
.richText.footer-links-ca ul{padding:4px 0px;}
.footer-links-ca ul{padding:0px;}
.footer-links-ca ul li:last-child:after {  content: "";}
.footer-copy-ca p {
    color: #FFFFFF;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 11px;
    line-height: 12px; /* UAT Fix on 15-03-2018 */
    text-align: center;
    padding: 0px 18%;
}
.tums-fr_CA .footer-copy-ca p {
    color: #FFFFFF;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0px 15%;
}
.language-toggle-ca{margin-top:10px;}
.search-box-ca{background:#FFFFFF;}
.refercace-footer .componcat-contcat, .footer-ca .component-content,
.refercace-footer.componcat , .refercace-footer .componcat, .about-inner-box-ca  .componcat{margin-bottom:0px;}
.about-tums-blue-box-ca{background:#0367b9;}
.about-callout-rt-one-ca, .about-callout-rt-two-ca, .about-tums-blue-light-box-ca{background:#1371be;}
.about-inner-box-ca h2{
	color: #FFFFFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 30px;
	line-height: 40px;
}
.about-inner-box-ca p {
	color: #FFFFFF;
	font-family:"Roboto";
	font-size: 16px;
	line-height: 22px;
	width: auto;
}
.hb-triggers-rt-ca  ul li strong ,  .canada-blue-box-three ul li strong{
	color: #FFFFFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	list-style-type: disc;
}
.home-content-box-ca .rt-language-selector-ca-en { display: none;}
.about-tums-blue-light-box-ca {padding: 2.1% 10% 2% 10%;}
.hb-triggers-rt-ca ul li,.hc-professional-rt-ca ul li, .canada-blue-box-two ul li, .canada-blue-box-four ul li, .canada-blue-box-three ul li{padding-left:0px;}
.get-facts-hb-rt-ca .canada-blue-box-one{padding-bottom:3%;}
.get-facts-hb-rt-ca.richText ul,.hb-triggers-rt-ca.richText ul,.hc-professional-rt-ca.richText ul,
.canada-blue-box-two .richText ul,.get-facts-preg-rt-ca.richText ul, .canada-blue-box-three .richText ul,
.hb-history-ca ul, .canada-blue-box-four .richText ul {    margin-left: -20px; list-style-type: disc !important;}
.hb-history-ca ul li{padding:0px;}
.banner-image-ca img{ height:auto; width: 100%; margin-bottom: -7px;}
.canada-blue-box-one h2, .hb-triggers-rt-ca h2,.physical-changes-rt-ca h2, .foods-causing-hb-rt-ca h2, .hc-professional-rt-ca h2,
.hb-preg-inner-content-box-ca h2, .canada-blue-box-one h2, .hb-triggers-rt-ca h2, .gerd-rt-ca h2, .serious-gerd-rt-ca h2,
.canada-blue-box-two h2, .canada-blue-box-three h2, .canada-blue-box-four h2{
	color: #FFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 28px;
	line-height: 30px;
}
.tums-fr_CA .get-facts-preg-rt-ca ul li,
.tums-fr_CA .get-facts-hb-rt-ca ul li{padding:10px 0px;}
.tums-fr_CA .facts-content-box-ca .banner-rt-ca p  {width: 80%;}
.tums-fr_CA .relief-content-box-ca .banner-rt-ca p {
    width: 75%;
}
.tums-fr_CA .relief-content-box-ca .banner-rt-ca,
.tums-fr_CA .facts-content-box-ca .banner-rt-ca,
.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca,
.tums-fr_CA .symptoms-content-box-ca .banner-rt-ca{ padding: 2rem;}
.tums-fr_CA .symptoms-content-box-ca .banner-rt-ca h1{width:100%;}
.relief-inner-content-box-ca sup { top: -0.5em;}
.relief-inner-content-box-ca sub, .relief-inner-content-box-ca sup {
    font-size: 65%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.tums-fr_CA .relief-content-box-ca .banner-rt-ca h1 { width: 100%;}
.manage-hb-steps-image-one-ca p:first-child,
.manage-hb-steps-image-two-ca p:first-child,
.manage-hb-steps-image-three-ca p:first-child,
.manage-hb-steps-image-four-ca p:first-child,
.manage-hb-steps-image-six-ca p:first-child,
.manage-hb-steps-image-seven-ca p:first-child,
.manage-hb-steps-image-five-ca p:first-child{margin-bottom:0px;}
.manage-hb-steps-image-one-ca p:last-child,
.manage-hb-steps-image-two-ca p:last-child,
.manage-hb-steps-image-three-ca p:last-child,
.manage-hb-steps-image-four-ca p:last-child,
.manage-hb-steps-image-six-ca p:last-child,
.manage-hb-steps-image-seven-ca p:last-child,
.manage-hb-steps-image-five-ca p:last-child{margin-top:0px;}
.canada-blue-box-two ul li, .canada-blue-box-three ul li,.canada-blue-box-four ul li{margin:0px;}
.get-facts-preg-rt-ca ul li sup:before{content: " "; margin:0px; padding:0px;}
.relief-content-box-ca img{width:100%;}
.relief-content-box-ca p:last-child{padding-bottom:42px;}
.canada-blue-box-four p,.canada-blue-box-one p, .preg-rt-ca-three p, .serious-gerd-rt-ca p, .preg-rt-ca-one p, .physical-changes-rt-ca p,
.canada-blue-box-two p,.canada-blue-box-one p, .hb-triggers-rt-ca p, .hb-triggers-rt-ca  ul li , .get-facts-preg-rt-ca p,
.hc-professional-rt-ca ul li, .canada-blue-box-two ul li, .canada-blue-box-four ul li, .canada-blue-box-three ul li,.canada-blue-box-one ul li{
	color: #FFFFFF;
	font-family:"Roboto";
	font-size: 16px;
	line-height: 22px;
}
.hb-triggers-rt-ca ul li { padding: 10px 0px 5px 0px !important;}
.canada-blue-box-three ul li span{font-family:"Roboto"; font-weight: 700; }
.next-section-rt-ca p:last-child{padding:0px;}
.canada-blue-box-one .relief-why-tums-rt-ca h2{padding-top: 15%;}
.canada-blue-box-one h2{padding-top:7.5%;}
.canada-blue-box-one{background: #0367b9;padding: 0% 6% 4% 9.5%; }
.canada-blue-box-three{background: #0367b9;padding: 5.75% 6% 4.5% 9.5%; }
.canada-blue-box-two {background:#1371be;padding: 5.75% 6% 4% 9.5%; }
.canada-blue-box-four{background:#1371be; padding: 5.75% 6% 4.5% 9.5%;}
.canada-blue-box-three ul li strong{display:block;}
.canada-blue-box-three ul li strong:after{padding-left:10px;}
.hc-professional-rt-ca ul li {margin:0px;}
.tums-en_CA .hb-causes-content-box-ca .banner-rt-ca{ padding: 9.25% 0px 0% 6.75%;}
.tums-en_CA .facts-content-box-ca .banner-rt-ca{padding: 9.75% 0px 0% 6.75%;}
.tums-en_CA .facts-content-box-ca .banner-rt-ca p { width: 73%;}
.preg-rt-ca-two{padding-bottom:17px;}
.preg-rt-ca-two p{margin-bottom:0px;}
.preg-rt-ca-two p:nth-child(3){margin-top:0px;}
.preg-rt-ca-two p:nth-child(4){margin-top:30px; }
.preg-rt-ca-two p:nth-child(5){margin-top:0px; }
.hb-causes-content-box-ca .banner-rt-ca h1 {width: 57.5%;}
.hb-causes-content-box-ca .banner-rt-ca p {width: 75%;}
.tums-fr_CA .about-content-box-ca .banner-rt-ca p,
.tums-fr_CA .hb-causes-content-box-ca .banner-rt-ca p {width: 88%;}
.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca p {width: 80%;}
.find-tums-content-box-ca .products-banner-text-ca h1{
	color: #FFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 34px;
	line-height: 40px;
	text-align:center;
	margin-top: 5px;
	letter-spacing: 0px;
	margin-bottom: 70px;
		}
#mixedSlider .MS-controls button p{display: none;} 		

.product-filter-text-ca h2,.find-tums-content-box-ca  h3{
	color: #FFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	margin: 5px 0px;
    letter-spacing: 0px;
	}
.find-tums-content-box-ca h3 {
    margin: 18px 30px 12px 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}
.find-tums-content-box-ca .strength-box-ca h3 {margin: 18px 0px 12px 0px;	}
.tums-products-box-ca{
	display: block;
    text-align: center;
}
.product-filter-text-ca p {
	padding: 0px 0px 25px 0px;
	border-bottom:1px solid #FFF;
}
.find-tums-content-box-ca   p{
	color: #FFF;
	font-family:"Roboto";
	font-size: 18px;
	line-height: 25px;
	margin: 30px 0px 30px 0px;
	letter-spacing: 1px;

}	
.find-tums-content-box-ca  .product-filter-text-ca p{ margin: 0px 0px 10px 0px;	width: 100%;}
.find-tums-content-box-ca  .no-products-match-text-ca p{margin: 55px 0px 30px 0px;	width: 100%;}
.find-tums-content-box-ca .tums-products-box-ca p {
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    margin: 9px 0px 50px 0px;
    letter-spacing: 0px;
    width: 140px;
}
.tums-fr_CA .find-tums-content-box-ca .tums-products-box-ca p {
    width: 170px;
    max-width: 100%;
}

@media (max-width: 768px) {   
    .tums-fr_CA .find-tums-content-box-ca .tums-products-box-ca p {
        margin: 0 auto !important;
    }
    .extra-plus-strength-rt-ca .mg-strength-ca:last-child{
        margin-left: 10em !important;
        padding-left: 0 !important;
        display: block;
    }
}

@media (max-width: 450px) {   
    .tums-fr_CA .find-tums-content-box-ca .tums-products-box-ca p {
        margin: 0 auto !important;
    }
    .extra-plus-strength-rt-ca .mg-strength-ca:last-child{
        margin-left: 2em !important;
    }
    .extra-plus-strength-rt-ca .mg-strength-ca:nth-of-type(2){
        margin-left: 2em !important;
        padding-left: 0 !important;
        display: block;
    }
    .reference-strength-html span:last-child {
        display: block;
    }
}

.find-tums-content-box-ca .tums-products-box-ca {
    display: block;
    margin: 0 auto;
    width: 940px;
    padding-top: 4%;
}
.find-tums-content-box-ca .rsp-single-roll-fyt-ca {margin-top:-30px;}
.find-tums-content-box-ca .rsp-single-roll-fyt-img-ca.image img {margin-top:-20px;}
.find-tums-content-box-ca{
	padding: 13.5% 7.5% 0% 7.5%;
	background: #0367b9; /* Old browsers */
	background: -moz-linear-gradient(top, #0367b9 85%, #2b3a83 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0367b9 85%,#2b3a83 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0367b9 85%,#2b3a83 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0367b9', endColorstr='#2b3a83',GradientType=0 ); /* IE6-9 */
}	
.reference-product-slider-html{
	background: #0367b9; /* Old browsers */
	background: -moz-linear-gradient(top, #0367b9 0%, #2b3b83 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0367b9 0%,#2b3b83 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0367b9 0%,#2b3b83 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0367b9', endColorstr='#2b3b83',GradientType=0 ); /* IE6-9 */
}
.about-content-box-ca .reference-product-slider-html .container{ margin: 4.5% auto 8.25%; background:none;} /* UAT Fix on 15-03-2018*/
.home-content-box-ca .reference-product-slider-html .container{ margin: 5.5% auto; background:none;} /* UAT Fix on 15-03-2018*/
.item.home-product-carousel-box-ca h3 {
    color: #FFFFFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin: 0px;
	display: inline-block;
	width: 100%;
}

#mixedSlider .MS-content .item .imgTitle.es-ab-single img{width:95%; margin: -26px 0px -26px 0px;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img{width:95%; margin: -26px 0px -26px 0px;}
.item.home-product-carousel-box-ca h3 a { color: #FFFFFF; float:none !important;}
.next-section-rt-ca p, .next-section-rt-ca p a{color: #FFF; text-decoration:none;}
.next-section-rt-ca p:first-child{
	color: #FFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 18.23px;
	line-height: 35.55px;
    margin: 0px;
	}
.next-section-rt-ca p:last-child{
	color: #FFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 27.35px;
	line-height: 35.55px;
	margin: 0px 0px 28px 0px;
	}
.home-other-products-rt-ca h2{
	color: #263781;
	font-family:"Roboto";
	font-size: 16px;
	line-height: 18px;
	text-align:center;
	margin-bottom: 40px;
	margin-left: -10%;
	font-weight: normal;
}
.home-product-banner-box-ca>.component-content {
    margin: 0 auto;
    display: block;
    width: 837px;
    padding-left: 10%;
}
.accordion-content-wrapper .richText ul {
    list-style: none;
    margin-left: -43px;
}
.about-content-box-ca{position:relative;}
.box.search-box-ca,
.navigation-box-ca > .component-content{width: 960px;margin: 0 auto !important; float:none;}
.search-box-ca{position:relative;}
.desktop-header-box-ca .search-box-ca button:focus,
.search-box-ca .searchBox .searchBox-label input:focus {
    background: #fff;
    border-radius: 2px; outline:-webkit-focus-ring-color auto 5px;
}
.search-box-ca .searchBox {float:right; color: #0d1c4c;   margin-top: 10px;background: none; width:150px;}
.desktop-header-box-ca .search-box-ca .button:focus,
.desktop-header-box-ca .search-box-ca button{
    background-image: url(../../img/search_icon.png);
	background-position: 100% 65%;
	background-repeat: no-repeat;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    border: none;
    padding: 6px;
}
.box.search-box-ca > .component-content{
	float:right;
	width:210px;
}
.search-box-ca .search-icon {right: 10.50%; cursor: pointer; position: absolute; z-index: 1; margin: 15px 0;}
.search-box-ca .language-toggle-ca {
    width: 26.5%;
    float: right;
 }
 .search-box-ca .language-toggle-ca {
    width: 40px;
    float: left;
}
.tums-fr_CA .search-box-ca .language-toggle-ca {	right: 17%;}
.image.search-icon { display: none;}
.search-box-ca .language-toggle-ca p{
	color: #0d1c4c;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 12px;
    margin: -18px 0px 4px 0px;
}
.search-box-ca .language-toggle-ca p:after {
	content: "|"	;
    color: #000;
    font-family: FontAwesome;
    padding: 0px 17px;
    font-size: 36px;
 }
.canada-blue-box-one .image.relief-burger-image-mobile-ca {display:none;}
.tums-fr_CA .search-box-ca .language-toggle-ca p:after { padding: 0px 0 0 17px;}
.footer-copy-ca p:last-child{padding-bottom:37px;}/* UAT Fix on 15-03-2018 */
.home-product-banner-box-ca img{margin:0 25px;}
.home-product-banner-box-ca { background:#FFFFFF; padding: 7.25% 0% 6.5% 0px;}
.product-slider-ca { background: linear-gradient(to bottom, #0367b9, #2b3a83);height: 352px;}
.about-history-rt-ca, .about-rt-ca {padding: 6% 0% 4.50% 0.25%;}
.about-tablet-image-ca {padding: 5% 0% 4.50% 0.25%;margin-left: 0px !important;}
.about-carb-rt-ca {padding: 8.5% 0% 8.5% 0%;}
.about-history-image-ca {padding: 9.75% 0% 4% 4%;}
.tums-vs-others-rt-ca {padding: 4.50% 0 0% 0%;}
.about-history-rt-ca p, .about-rt-ca p {margin: 4% 4% 4% 16.5%;}
.about-history-rt-ca h2,.about-rt-ca h2{ margin: 0% 16.5%;}
.about-carb-rt-ca h2{margin: 0% 9% 2%;}
.tums-antacids-rt-ca{padding:0% 0% 3% 0%;}
.tums-antacids-rt-ca p:nth-child(2){padding: 0.50% 0 3.5% 0;}
.tums-antacids-rt-ca p:nth-child(3){padding: 0% 0 1% 0;}
.tums-antacids-rt-ca p:nth-child(4){padding: 0 4% 0 0;}
.about-content-box-ca .find-tums-rt-ca{background: #0367b9; padding: 73px 0px 38px 0px;} /* UAT Fix on 15-03-2018 */
.home-content-box-ca .find-tums-rt-ca{background: #0367b9; padding: 65px 0px 38px 0px;} /* UAT Fix on 15-03-2018 */
.find-tums-rt-ca h2{font-size:30px; text-align:center; color:#fff; font-family:"Roboto"; font-weight: 700;}
.canada-next-box{
    background: #263781;
    padding: 4% 7% 1.55% 9.55%;
}
.next-section-rt-ca {
	background-image: url(../../img/arrows/Next-arrow.png);
	background-repeat: no-repeat;
    background-position: 97% 30%;
}
.next-arrow-image-ca { padding: 11px 10px 10px 25%;}
.about-callout-rt-two-ca p, .about-callout-rt-one-ca p{
	text-align:center;
	color: #FFFFFF;
	font-family:"Roboto";
    font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	padding: 1% 6% 2% 6%;
}
.about-callout-rt-two-ca p{padding:2.75% 13% 0 13%;}
.home-carousel-header-ca-mobile { margin-top: 7px; margin-bottom: 50px;}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-mobile-box-ca{display:none;}
.symptoms-content-box-ca .banner-rt-ca h1 {  width: 50%;}
.banner-rt-ca h1 {
    color: #263781;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    text-align: left;
}			
.banner-rt-ca p {
    color: #263781;
    font-family: "Roboto";
    font-size: 18px;
    line-height: 25px;
    width: 90%;
}
.tums-en_CA .about-content-box-ca .banner-rt-ca p {width: 73%;}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca p {width: 85%;}
.tums-fr_CA .hb-causes-content-box-ca .banner-rt-ca h1 { width: 53%;}	
.about-content-box-ca .banner-rt-ca { width: 50% !important; padding: 14.5% 0px 0% 9.50%; }
.symptoms-content-box-ca .banner-rt-ca{  padding: 9.75% 0px 0% 6.75%;}
.banner-rt-ca{
    float: left;
    text-align: left;
    -moz-transition-property: margin;
    -o-transition-property: margin;
    -webkit-transition-property: margin;
    transition-property: margin;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
    width: 35% !important;
    position: absolute;
    padding: 7.5% 0px 0% 6.75%;
	min-height: 450px;
	background-color: rgb(246, 246, 246);
	opacity: 0.902;
	
}	
.about-ca-carb-rt-ca { padding: 5% 10%;}
.about-ca-carb-rt-ca p{width: 82%}
.sitemap-header-rt-ca{background-color: rgb(3, 103, 185); color:#fff;}
.sitemap-header-rt-ca .richText-content{margin: 121px 0 128px 0;}
.sitemap-header-rt-ca h1{color:#fff;}
.sitemap-contents-box-ca .sitemap-contents-rt-one-ca { margin-left: 0%; width:48%;}
.sitemap-contents-rt-one-ca h2, .sitemap-contents-rt-one-ca p, .sitemap-contents-rt-one-ca p a{color:#263781;}
.sitemap-contents-rt-two-ca h2, .sitemap-contents-rt-two-ca p, .sitemap-contents-rt-two-ca p a{color:#263781;}
.box.component.section.grid_8.omega.even.desktop-navigation-box-ca {width: 90%;}
.tums-logo-ca a{ position: absolute; top: 13px;}
.hb-causes-food-images-box-two-ca .grid_2 {width: 115px;}
.hb-causes-food-images-box-two-ca image + image + figcaption p {width: 170px;}
 /* Desktop Product Page */
.product-accordion .accordion-content-wrapper .richText ul{     list-style-type: disc; list-style:disc;}
.product-accordion .accordion-content-wrapper .richText ul li{padding-left:0px;     list-style-type: disc;}
.product-contents-box-ca{background:#0367b9;}
.product-header-img-box h1{
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
	text-align:center;
	padding-top: 15px;
}
.product-header-img-box p{
	color: #FFF;
    font-family: "Roboto";
    font-size: 30px;
    line-height: 33px;
	text-align:center;
	padding: 0 20%;
    margin: 14px 0px;
} 
.tums-products-box-ca .image .left,
.product-accordion .image .left,
.you-might-also-like-images-box-ca .image .left {text-align:center;}
.product-accordion .image img{width:124px; height:192px;}
.you-might-also-like-images-box-ca .image img{width:158px;}
.you-might-also-like-images-box-ca {padding: 0 6% 5% 6%;}
.product-accordion .image.sizes-img-one-ca img, .product-accordion .image.sizes-img-two-ca img, 
.product-accordion .image.sizes-img-three-ca img{margin-top:10px; margin-bottom:-10px;}
.page-tums-chewies-orange-rush-32ct-bag .product-accordion  .image img{width:auto;}
.page-tums-extra-strength-assorted-berries-single-roll .image.you-might-also-like-image-one-ca img,
.page-tums-regular-strength-peppermint-3-roll-pack .image.you-might-also-like-image-one-ca img,
.page-tums-regular-strength-peppermint-3-roll-pack .image.you-might-also-like-image-three-ca img{width:74%;}
.page-tums-extrastrength-assorted-berries-100ct .product-accordion .image.sizes-img-three-ca img,
.page-tums-regular-strength-peppermint-150ct-bottle .product-accordion .image.sizes-img-three-ca img,
.page-tums-regular-strength-peppermint-single-roll .product-accordion .image.sizes-img-two-ca img,
.page-tums-extra-strength-assorted-berries-single-roll .product-accordion .image.sizes-img-three-ca img{width:74%;}
.image.you-might-also-like-image-three-ca.ab-single-roll-prdt-ca img,
.page-tums-extra-strength-assorted-berries-3-roll-pack .image.you-might-also-like-image-one-ca img,
.you-might-also-like-images-box-ca .image.you-might-also-like-image-one-ca.rsp-single-roll-prdt-ca img{width: 87%; margin-bottom: -67px;}
.tums-vs-others-rt-ca h2{padding-bottom:4px;}
.home-product-slider-ca-rt h2{
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
	text-align: center;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.product-contents-box-ca h2{
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
	text-align:center;
	margin: 65px 0 45px 0px;
}
.product-accordion h3 a{
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 30px;
    line-height: 25px;
}
.product-accordion{padding: 0 9.5%;}
.page-tums-regular-strength-peppermint-single-roll .product-accordion ul li:nth-child(4),
.page-tums-regular-strength-peppermint-3-roll-pack .product-accordion ul li:nth-child(4),
.page-tums-regular-strength-peppermint-150ct-bottle  .product-accordion ul li:nth-child(4),
.product-accordion ul li:nth-child(5){border-bottom: 1px solid #fff;}
.page-tums-regular-strength-peppermint-single-roll .product-accordion .richText ul li:nth-child(4), 
.page-tums-regular-strength-peppermint-3-roll-pack .product-accordion .richText ul li:nth-child(4), 
.page-tums-regular-strength-peppermint-150ct-bottle  .product-accordion .richText ul li:nth-child(4),
.product-accordion .richText ul li:nth-child(5){border:none;}
.product-accordion .sizes-img-one-ca p a,.product-accordion .sizes-img-two-ca p a,.product-accordion .sizes-img-three-ca p a 
 {
    color: #FFF;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 25px;
	margin:0 auto;
	display:block;
}
.sizes-img-one-ca p{padding-bottom:0px !important;}
.product-accordion .accordion-content p:last-child{padding-bottom:33px;}
.product-accordion .sizes-img-three-ca.ab-single-roll-prdt-ca p{padding-bottom:18px;}
.product-accordion ul li {
    color: #FFF;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 25px;
	margin: 2px 0px 0px 0px;
}
.you-might-also-like-images-box-ca p{ -webkit-margin-before: 5px;}
.you-might-also-like-images-box-ca p a{
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
	padding: 0 14%;
	margin: 0 auto;
	display:block;
}
.product-accordion p{
	color: #FFF;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 25px;
    margin: 5px 0px 0px 0px;
	padding: 10px 0px;
	outline:none;
	border:none;
}
.product-accordion p:nth-child(3){margin-bottom:-22px;}
.product-accordion .uses-and-warnings-rt-ca p+p+p{margin-bottom:0px;}
.product-accordion p+ul+p+p{margin-bottom:-5px;}
.product-accordion p:first-child{margin-bottom:-7px;}
.product-accordion .ingredients-rt-ca p:first-child{margin-bottom:-19px;}
.product-accordion .directions-rt-ca p:first-child {margin-bottom:-21px;}
.page-tums-extra-strength-peppermint-100ct-bottle .image.sizes-img-one-ca{width:100% !important;}
.product-header-img{margin: 6% 0% 1% 0%;}
.contact-us-header-rt-ca h1, .sitemap-header-rt-ca h1{
	color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 35px;
    line-height: 18px;
	text-align:center;
	padding-bottom: 12px;
}
.clear-all-rt-ca {background-image: url(../../img/clear-all-icon.png);
	background-repeat:no-repeat;
	background-position: 100% 56%;	
	cursor:pointer;
}
.tums-fr_CA .clear-all-rt-ca p {margin: 10px 0px 5px 82%;}
.clear-all-rt-ca p{margin: 10px 0px 5px 87%;}
.tums-products-box-ca p a{text-decoration:none; color:#fff;}
.reference-flavour-html span, .reference-format-html  span, .reference-strength-html span{
	color: #FFF;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 32px;
	padding-left:12px;
}
.reference-strength-html span:last-child{ padding-left: 0px;}
.assorted-fruit-flavor-ca-rt, .assorted-berry-flavor-ca-rt, .strawberry-flavor-rt-ca, .cherry-flavor-rt-ca, .lemon-flavor-rt-ca,
.peppermint-flavor-rt-ca, .chewies-format-rt-ca, .chewies-bites-format-rt-ca, 
.smoothies-format-rt-ca, .tablets-format-rt-ca, .chewies-strength-rt-ca, .ultra-strength-rt-ca, .extra-strength-rt-ca, .extra-plus-strength-rt-ca, .regular-strength-rt-ca{
	background-image: url(../../img/check-box.png);
    background-repeat: no-repeat;
	padding: 2px 10px 2px 3px;
    background-position: 0px;
	cursor:pointer;
}
.tums-products-box-ca{margin-top:35px;}
.find-tums-content-box-ca .no-products-match-text-ca{display:none;}
.assorted-fruit-flavor-ca-rt.checked,.assorted-berry-flavor-ca-rt.checked, .strawberry-flavor-rt-ca.checked,
.cherry-flavor-rt-ca.checked, .lemon-flavor-rt-ca.checked, .peppermint-flavor-rt-ca.checked,.chewies-format-rt-ca.checked,.chewies-bites-format-rt-ca.checked,.smoothies-format-rt-ca.checked,
.tablets-format-rt-ca.checked, .chewies-strength-rt-ca.checked, .ultra-strength-rt-ca.checked,.extra-strength-rt-ca.checked,
.regular-strength-rt-ca.checked,
.assorted-fruit-flavor-ca-rt:hover,.assorted-berry-flavor-ca-rt:hover, .strawberry-flavor-rt-ca:hover,
.cherry-flavor-rt-ca:hover, .lemon-flavor-rt-ca:hover,.peppermint-flavor-rt-ca:hover,
.chewies-format-rt-ca:hover,.chewies-bites-format-rt-ca:hover,.smoothies-format-rt-ca:hover, .tablets-format-rt-ca:hover, .chewies-strength-rt-ca:hover, .ultra-strength-rt-ca:hover,
.extra-strength-rt-ca:hover, .extra-plus-strength-rt-ca:hover, .regular-strength-rt-ca:hover{
	background-image: url(../../img/check-box-white.png);
    background-repeat: no-repeat;
	padding: 2px 10px 2px 3px;
    background-position: 0px;
	cursor:pointer;
}

.extra-plus-strength-rt-ca:hover {
    background-position: 0 12px;
}

.assorted-fruit-flavor-ca-rt input:focus,.assorted-berry-flavor-ca-rt input:focus, .strawberry-flavor-rt-ca input:focus,
.cherry-flavor-rt-ca input:focus, .lemon-flavor-rt-ca input:focus, .peppermint-flavor-rt-ca input:focus,
.chewies-format-rt-ca input:focus,.chewies-bites-format-rt-ca input:focus,.smoothies-format-rt-ca input:focus, .tablets-format-rt-ca input:focus, 
.chewies-strength-rt-ca input:focus, .ultra-strength-rt-ca input:focus,
.extra-strength-rt-ca input:focus, .extra-plus-strength-rt-ca input:focus, .regular-strength-rt-ca input:focus{
	background-image: url(../../img/check-box.png); 
    background-repeat: no-repeat;
	padding: 2px 10px 2px 3px;
    background-position: 0px;
	opacity:1 !important;
} 

.extra-plus-strength-rt-ca {
    background-position: 0 12px;
}

.assorted-fruit-flavor-ca-rt label  input[type="checkbox"].flavour-list.checked:after{
	background-image: url(../../img/check-box-white.png); 
    background-repeat: no-repeat;
	opacity:1;
}
.reference-format-html input[type="checkbox"],.reference-flavour-html input[type="checkbox"], .reference-strength-html input[type="checkbox"] {
     opacity:0;
}
.rs-pepper-single-roll-box-ca.home-product-carousel-box-ca .image   img{width:140px;}
.image.component.section.grid_5.alpha.first.odd.contact-us-contents-img-ca{    margin-left: -13px;    margin-top: 102px;}
.contact-us-header-rt-ca p, .sitemap-header-rt-ca p{
	color: #FFF;
    font-family: "Roboto";
    font-size: 18px;
    line-height: 25px;
	text-align:center;
}
.contact-us-contents-rt p{
	color:#263781;
    font-size: 16px;
    line-height: 25px;
	margin-bottom: 30px;
	font-family: Roboto;
}
.contact-us-contents-rt p:last-child{margin-bottom: 57px;}
.contact-us-header-rt-ca .richText-content{margin:100px 0 100px 0; background:#0367b9;}
.page-sitemap h1, .page-contact h1{font-size:35px;}
.page-sitemap p, .page-contact p{font-size:16px;}
.contact-us-header-rt-ca{background-color: rgb(3, 103, 185);color:#fff;}
.contact-us-contents-box .contact-us-contents-rt {
    margin-left: 40px;
    width: 52%;
}
.contact-us-contents-rt a{color:#263781;font-size: 16px;line-height: 25px;font-family:Roboto;  font-weight:700;  text-decoration: none;}
.contact-us-contents-rt p:nth-child(4){width:75%; margin-bottom: -10px;}
.faq-header-contents h1,.faq-header-contents h2, .faq-header-contents p{color:#fff;}
.faq-header-contents .richText-content{margin:119px 0 130px 0;}
.faq-contents-box-ca h2,.faq-contents-box-ca h3, .faq-contents-box-ca p,.faq-contents-box-ca a,.faq-contents-box-ca ul{color:#263781;}
.faq-contents-box-ca h3{font-family: Roboto; font-weight: 700; font-size: 16px;  line-height: 25px;}
.faq-contents-box-ca .accordion-container{
    border-left: 0;
    border-right: 0;
    border-top: 1px solid rgb(38, 55, 129);
    border-bottom: 1px solid rgb(38, 55, 129);
    margin: 0px 90px 0px 90px;
}
.product-accordion .richText.uses-and-warnings-rt-ca ul {margin-left:-20px;    display: inline-block;}
.faq-contents-box-ca .accordion-container p{margin: 0px;}
.faq-contents-box-ca{margin-top:65px;}
.faq-contents-box-ca  p{padding:0px;margin:0px;line-height: 25px; font-size: 16px;	font-family: Roboto; outline: none;  border: none;}
.faq-content-intro-text-ca .richText-content p:nth-child(2) {margin-bottom: 37px;}
.faq-contents-box-ca h2{font-family:"Roboto"; font-weight: 700; margin:75px 90px 20px 90px;font-size:30px; line-height:18px;}
.faq-contents-box-ca .accordion-head{background:#fff;padding:0px;font-size:16px;width:100%;}
.faq-contents-box-ca .accordion-slide{padding: 12px 0px 12px 0px;border-color: rgb(38, 55, 129);}
.faq-contents-box-ca .accordion-content{padding:0px;}
.faq-contents-box-ca {margin:58px 0% 4.5% 0%;}
.faq-contents-box-ca .accordion-content .richText ul li:before{content:"\2022";font-size: 16px;padding-right: 4px;position: absolute;top: -1px;left: 2px;}
.faq-contents-box-ca .accordion-content .richText ul li{    font-size: 16px;    line-height: 25px; margin:0px;    font-family: Roboto;}
.sitemap-contents-box-ca{margin-bottom:46px;}
.sitemap-contents-box-ca h2{font-size:30px;line-height:30px; font-family:"Roboto"; font-weight: 700;  margin-top: 0px; margin-bottom: 15px;}
.sitemap-contents-box-ca p{font-size:16px;margin-bottom: 5px; margin-top: 5px;}
.sitemap-contents-box-ca p+h2{margin-top:60px;}
.sitemap-contents-box-ca p a{font-size:16px;line-height:27px;font-family:"Roboto"; font-weight: 700;}
.sitemap-ls-span-ca a,.sitemap-terms-rt-ca a,.sitemap-privacy-rt-ca a{line-height:22px;}
.error-banner-text-ca {min-height: 243px;    background-color: rgb(3, 103, 185);}
.error-banner-text-ca .richText-content{margin: 13.7% 0%;    text-align: center; }
.error-banner-text-ca h1{color:#fff;line-height:18px;}
.error-banner-text-ca p{color:#fff; font-size:18px; line-height:25px;}
.error-rt-ca .richText-content{margin:6.34% 0%;}
.error-rt-ca p{text-align: center;    width: 36%;    margin:0 33%; color: #263781;font-family:Roboto;font-size:16px; line-height:22px;}
.tums-fr_CA .error-rt-ca p {
    text-align: center;
    width: 50%;
    margin: 0 25%;
    color: #263781;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22px;
}
.error-rt-ca p:first-child{font-family:"Roboto"; font-weight: 700;}
.foods-causing-hb-ca .hb-causes-faq-rt {
    background: #263781;
    text-align: center;
	margin: 4% 0px 18px 0px;
	width: 71.50%;
    position: relative;
    left: 14%;
}
.tums-fr_CA .foods-causing-hb-ca .hb-causes-faq-rt { width: 95.5%; left: 0%;}
.faq-header-contents h2{
    font-family:"Roboto";
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
	text-align:center;
}
.faq-header-contents h1{
    font-family:"Roboto";
    font-weight: 700;
    font-size: 35px;
    line-height: 38px;
	padding-bottom: 8px;
}
.faq-contents-box-ca .faq-content-intro-text-ca p{
	line-height: 25px;
    font-size: 16px;
	font-family: Roboto;
	padding:10px 0px;
}
.foods-causing-hb-ca .hb-causes-faq-rt p a {
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
.foods-causing-hb-ca.canada-blue-box-two figcaption p{padding-top:4px; margin:0px;}
.image.banner-image-mobile-ca {display:none;}
.sitemap-contents-box-ca .sitemap-contents-rt-one-ca .component-content{margin-left:25px; width:100%;}
.sitemap-contents-box-ca .sitemap-contents-rt-two-ca .component-content{margin-left:37px; width:100%;}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-one-ca {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-top: 6.5%;
}

.hb-causes-food-images-box-two-ca .image .left,
.hb-causes-food-images-box-one-ca .image .left {
    text-align: center;
}

.hb-causes-food-images-box-one-ca,
.hb-causes-food-images-box-two-ca {
    & > .component-content > .content {
        display: flex;
        justify-content: center;
    }
}

.home-content-box-ca .product-slider-box-ca-mobile {display: none;}
.rt-language-selector-ca-en {display: none !important;}
.about-inner-box-ca .image.about-history-image-ca-mobile,
.about-inner-box-ca .image.about-tablet-image-ca-mobile{display:none;}
.next-section-rt-ca a {text-decoration:none;}
.hb-causes-faq-rt p {
    margin: 0;
    padding: 12px 10px;
	letter-spacing: 0.60px;
}
.search-results-page-header-ca .searchBox label input :-ms-input-placeholder{color:#fff;}  
.search-results-page-header-ca .searchBox label input ::-webkit-input-placeholder{color:#fff;}  
.search-results-page-header-ca .searchBox label input ::-moz-placeholder {color:#fff;}
.tums-en_CA .relief-content-box-ca .banner-rt-ca { padding: 2rem;}
.manage-hb-steps-image-seven-ca p:last-child{ padding-bottom: 0px; }
.relief-why-tums-rt-ca p{width: 85%; padding-bottom: 0px !important; }
.relief-inner-content-box-ca .canada-blue-box-three ul li{padding:10px 0px;}
.relief-inner-content-box-ca .canada-blue-box-two ul li{padding:10px 0px;}
.MS-controls button p{display:none;}
.hb-causes-content-box-ca, .about-content-box-ca,
.acid-gerd-content-box-ca, .symptoms-content-box-ca,
 .relief-content-box-ca, .facts-content-box-ca,.hb-preg-content-box-ca{
	position:relative;
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.get-facts-hb-rt-ca.richText ul, .get-facts-preg-rt-ca.richText ul{  margin-left: -24px; list-style-type: disc !important;} 
 }


 /***************** Desktop View CSS End  *******************/
 
 
/**************** All Mobile  DeviceView  CSS Start */
/*COMMON FOR ALL MOBILES + SAMSUNG TAB*/
@media only screen and (min-width : 320px) and (max-width:767px){
.tums-fr_CA .banner-rt-ca, .tums-en_CA .banner-rt-ca { padding: 4% 0% !important;   width: 100% !important;position: static; min-height: inherit;}	
.product-slider-box-ca-desktop, .carousel.home-carousel-header-ca-mobile{overflow-y: auto !important;  touch-action: auto !important;}
.product-slider-ca .carousel-slides li{width:auto !important;}	
.product-slider-ca ul{width: 500px;overflow: hidden;}
.product-slider-ca > .component-content{position:relative;}
.product-slider-ca .carousel-slide {margin: 0 auto 0 0px!important;clear: none;}
.template-tums-ca-template.page-faq  h1,.template-tums-ca-template.page-site-map h1,.template-tums-ca-template.page-contact-us h1{margin-bottom:10px;}
#wrapper .home-content-box-ca .carousel.home-carousel-header-ca{display: none;}
.tums-fr_CA .product-accordion h3 a {
    font-family:"Roboto";
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}
.tums-en_CA.product-accordion h3 a {
    color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
}
.page-tums-extrastrength-assorted-berries-100ct .product-accordion .image.sizes-img-three-ca img, .page-tums-regular-strength-peppermint-150ct-bottle .product-accordion .image.sizes-img-three-ca img, .page-tums-regular-strength-peppermint-single-roll .product-accordion .image.sizes-img-two-ca img, 
.page-tums-extra-strength-assorted-berries-single-roll .product-accordion .image.sizes-img-three-ca img{width:42%;}
.reference-product-slider-html .container { touch-action: auto !important;}
.swipeicon:before, .swipeicon:active,.swipeicon:hover{ content:" " !important; display:none;}

.home-carousel-header-ca-mobile:before{
	content: url(../../img/swipe_icon.png);
    cursor: pointer;
    height: 142px;
    width: 161px;
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 53%;
    transform: translate(-50%, -50%);
}
.tums-en_CA .reference-product-slider-html.hover:before,
.tums-en_CA .reference-product-slider-html.active:before {
    content:" " !important; 
	display:none;
}
.reference-product-slider-html:hover:before,
 .reference-product-slider-html:active:before {
    content:" " !important;
	display:none;
}
.footer-links-ca ul li:nth-child(3):after { content: " ";}
.reference-product-slider-html:before {
    content: url(../../img/swipe_icon.png);
    cursor: pointer;
    height: 142px;
    width: 142px;
    position: absolute;
    z-index: 1;
    top: 54.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about-content-box-ca .reference-product-slider-html:before {top: 91%;left: 50%;}
.canada-blue-box-one .image.relief-burger-image-mobile-ca {display:block;}
.canada-blue-box-one .image.relief-burger-image-ca{display:none;}
.find-tums-rt-ca h2 {font-size: 28px;}
.relief-why-tums-rt-ca p:last-child {padding-bottom: 20px;}
.about-inner-box-ca h2 {
    color: #FFFFFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
}
.about-content-box-ca .product-slider-ca:before {top: 93%;left: 50%;}
.product-slider-ca .carousel-nav a {
    display: inline-block;
    border: 0px solid #fff; 
    width: 0px; 
    height: 0px;
    font-size: 0;
    border-radius: 0px;
    position: absolute;
    top: 87%;
}
.product-accordion .accordion-content p:last-child { padding-bottom: 33px; }
.image.you-might-also-like-image-three-ca.ab-single-roll-prdt-ca img, 
.you-might-also-like-images-box-ca .image.you-might-also-like-image-one-ca.rsp-single-roll-prdt-ca img,
.page-tums-extra-strength-assorted-berries-single-roll .product-accordion .image.sizes-img-three-ca img,
.page-tums-regular-strength-peppermint-single-roll .product-accordion .image.sizes-img-two-ca img{width:250px;height:250px; }
.product-accordion .image img { width: 160px; height: auto;}
.about-content-box-ca{position:relative;}
.banner-image-ca {display: none !important;}	
.banner-image-mobile-ca img{width:100%; float:left;}
.home-product-banner-box-ca > .component-content {
    margin: 0 auto;
    display: block;
    width: 100% !important;
	padding-left: 0px;
}
.find-tums-rt-ca { background: #0367b9; padding: 30px 0px 0px 0px;}
.home-content-box-ca .rt-language-selector-ca-en { display: none !important;}
.relief-inner-content-box-ca p { text-align: left;}
.product-header-img { margin: 10% 0% 1% 0%;}
.about-tums-blue-box-ca .image.about-history-image-ca,
.about-tums-blue-box-ca .image.about-tablet-image-ca { display: none;}
.about-inner-box-ca .image.about-history-image-ca-mobile{display:block;padding: 45px 0px 0px 0px;}
.about-inner-box-ca .image.about-tablet-image-ca-mobile{display:block;padding:0px;}
.home-product-banner-box-ca .image.grid_2{width:20%;float:left;}
.home-product-banner-box-ca img {margin: 0 10px;}
.home-product-banner-box-ca .image.grid_2 img{width:82%;}
.home-other-products-rt-ca h2 {
    color: #263781;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    margin: 15px 25% 30px 25%;
}

.tums-fr_CA .home-other-products-rt-ca h2 {margin: 15px 10% 35px 10%;}
.foods-causing-hb-ca .hb-causes-faq-rt { background: #263781; text-align: center;}
.foods-causing-hb-ca .hb-causes-faq-rt p a {text-decoration:none;font-weight:bold;color:#FFF;}
.next-arrow-image-ca {
    padding: 36px 10px 10px 59%;
    position: absolute;
    top: 91.75%;
    width: 82% !important;
}
.about-history-rt-ca h2, .about-rt-ca h2 {margin: 0% 4%;}
.rt-language-selector-ca-en { display: none !important;}
.about-inner-box-ca h2, .about-history-rt-ca p, .about-rt-ca p { margin: 4% 3%;}
.about-carb-rt-ca h2, .about-tums-blue-light-box-ca h2 { margin: 0% 3% 3%;}
.about-inner-box-ca p {
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 22px;
    width: 94%;
    margin: 4% 3%;
}
.about-tums-blue-light-box-ca { padding: 0%;}
.about-ca-carb-rt-ca { padding: 5% 0%;}
.product-header-img-box p { padding: 0 5%;}
.product-accordion {padding: 0 4%;}
.accordion-content {padding: 0px; }
.canada-blue-box-one .relief-why-tums-rt-ca h2 {padding-top: 5%;}
.hb-preg-content-box-ca .banner-rt-ca h1 {padding: 0 8%;}
.about-content-box-ca .banner-rt-ca {top: 0%;  position: static;  min-height: inherit;}
.acid-gerd-content-box-ca .banner-rt-ca h1 {	padding:0 11%;}
.banner-rt-ca h1 {
    color: #263781;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 34px;
    line-height: 35px;
  	margin:4%;
	width: auto !important;
	text-align: center;
	padding:0 15%;
}
.banner-rt-ca p {
    color: #263781;
    font-family: "Roboto";
    font-size: 18px;
    line-height: 21px;
    width: auto !important;
    margin: 4%;
    text-align: center;
}
.about-callout-rt-two-ca p, .about-callout-rt-one-ca p {
    text-align: center;
    color: #FFFFFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    padding: 3% 0%;
}
.banner-image-ca img {
    height: auto;
    width: 100%;
    margin-bottom: -6px;
}
.canada-blue-box-one, .canada-blue-box-three {
    background: #0367b9;
    padding: 6.5% 3% 5px 3%;/*****/
}
.relief-content-box-ca .canada-blue-box-one {  padding: 0% 3% 5px 3%;}
.product-header-img-box h1 {padding: 5% 5% 0% 5%;font-size: 30px; line-height: 35px;}
.product-contents-box-ca h2 {margin: 30px 0 10px 0px;font-size: 25px;}
.reference-strength-html span+span{
	display:inline-block;
	margin-left: 17px;
    margin-top: -6px;
}
.product-accordion .richText.uses-and-warnings-rt-ca ul {
     margin-left: 20px; 
}
.chewies-strength-rt-ca:hover, .ultra-strength-rt-ca:hover, .extra-strength-rt-ca:hover, .regular-strength-rt-ca:hover,
.chewies-strength-rt-ca, .ultra-strength-rt-ca, .extra-strength-rt-ca, .regular-strength-rt-ca {
    background-position: 0px 11px;
}
.faq-contents-box-ca .accordion.component .richText {
    font-size: 16px;
    padding-bottom: 10px;
}
.canada-blue-box-two {
    background: #1371be;
    padding: 6.5% 3% 6.5% 3%;
}
.canada-blue-box-four {
    background: #1371be;
    padding: 6.5% 3% 6.5% 3%;
}
.canada-next-box { background: #263781;}
.next-section-rt-ca {background-position: 98% 50%;}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-mobile-box-ca{display:block;}
.foods-causing-hb-ca.canada-blue-box-two{display:none;}
.next-section-rt-ca p:last-child {
    color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 27px;
    line-height: 35px;
    width: 65%;
	margin-top: -5px;
	margin-bottom: 10px;
}
.footer-links-ca {padding-left:6%;}
.tums-fr_CA .next-section-rt-ca p:last-child {
    color: #FFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    width: 80%;
    margin-top: -5px;
    margin-bottom: 10px;
}
.facts-content-box-ca .next-section-rt-ca p:last-child {width: 80%;}
.contact-us-contents-box{margin-bottom:35px;}
.contact-us-contents-rt .component-content{margin: 0 2px 0 5px;}
.contact-us-header-rt-ca .component-content-content {margin: 24.3%;}
.contact-us-header-rt-ca .richText-content{margin:0%; padding: 50px 0px;}
.contact-us-contents-img-ca img{width:95%;}
.contact-us-contents-img-ca .component-content.middle{margin-right:-11px;}
.contact-us-header-rt-ca h1{line-height:18px;}
.sitemap-header-rt-ca .component-content{margin:0% 26.5%;padding:0%;}
.sitemap-header-rt-ca h1{font-size:34px; line-height:1; padding:0px;}/*****/
.faq-header-contents h1 {font-size: 34px;}
.sitemap-contents-rt-one-ca h2{    margin-top: 37px;line-height:30px;margin-bottom: 20px;}/*****/
.sitemap-contents-box-ca p {line-height:22px;}
.sitemap-contents-rt-two-ca{margin-top:10px;}
.sitemap-contents-rt-two-ca p{margin-bottom: 24px; margin-top:0px;}
.sitemap-contents-rt-two-ca h2{margin-bottom: 16px;line-height:1.2;margin-top: 2px; font-size:27px;}
.sitemap-contents-box-ca{margin-bottom: 10px;}
.richText.component.section.grid_6.alpha.first.odd.sitemap-contents-rt-one-ca .component-content{margin-left:0; width:100%;}
.richText.component.section.grid_6.omega.even.last.sitemap-contents-rt-two-ca .component-content{margin-left:0; width:100%;}
.faq-contents-box-ca .richText-content p {padding: 0px;margin: 0px;line-height: 25px;}
.faq-header-contents .component-content {    padding: 12.5% 0%;}
.faq-contents-box-ca  .faq-content-intro-text-ca p{margin: 0px 10px 25px 10px;}
.faq-contents-box-ca  .faq-content-intro-text-ca p:last-child{margin: 0px 10px 0px 10px;}
.faq-contents-box-ca .accordion-container {    margin: 0px 10px 0px 10px;}
.faq-header-contents .component-content{    margin: 0% 0%;padding: 5.9% 0%;}
.faq-contents-box-ca .richText.component.section.grid_12.alpha.first.odd.last.default-style p{margin: 0px 10px 0px 0px;}
.faq-contents-box-ca .accordion-title{    margin: 14px 0px;width:70%;}
.faq-contents-box-ca .richText.component.section.grid_12.alpha.first.odd.default-style h2{margin:45px 10px 10px 15px;line-height:35px;}/*****/
.reference-footer.footer-ca .footer-copy-ca { padding: 0 4%;}
.footer-copy-ca p {
    color: #FFFFFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 11px;
    line-height: 23px;
    text-align: center;
    padding: 0px 0px;
}
.faq-contents-box-ca .accordion-slide.is-active > .accordion-head ,
.faq-contents-box-ca .accordion-slide .accordion-head { background-position-y: 20px;}
.error-banner-text-ca{min-height:0px;}
.error-banner-text-ca h1{margin-bottom:30px;}
.error-banner-text-ca .richText-content{padding: 27% 0% 14% 0%;margin:0;}
.error-banner-text-ca .component-content{margin-top:7px;}
.error-rt-ca p {width: 80%; margin: 0 10% 5px; line-height:1.5;} /*****/
.error-rt-ca p:nth-child(2){width: 65%;margin: 0px 15%;} /*****/
.hb-causes-food-images-mobile-box-ca .hb-causes-food-mobile-box-ca-five .image.grid_6,
.hb-causes-food-images-mobile-box-ca .hb-causes-food-mobile-box-ca-four .image.grid_6,
.hb-causes-food-images-mobile-box-ca .hb-causes-food-mobile-box-ca-three .image.grid_6,
.hb-causes-food-images-mobile-box-ca .hb-causes-food-mobile-box-ca-one  .image.grid_6,
.hb-causes-food-images-mobile-box-ca .hb-causes-food-mobile-box-ca-two  .image.grid_6{width:50% !important;float:left !important;}
.hb-causes-inner-content-box-ca .foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-two-ca,
.hb-causes-inner-content-box-ca .foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-one-ca {display: none;}
.canada-blue-box-two .foods-causing-hb-rt-ca p{padding:0px !important;}
.find-tums-content-box-ca .products-banner-text-ca h1 { padding: 45px 0px 0px 0px; margin-bottom:50px;}
.clear-all-rt-ca p { margin: 10px 0px 5px 81%;}
.find-tums-content-box-ca .strength-box-ca h3 {margin: 20px 0px 12px 0px;}
.find-tums-content-box-ca .no-products-match-text-ca{display:none;}
.find-tums-content-box-ca h3 {
    margin: 0px 0px 12px 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
}
.canada-blue-box-one h2 {padding-top: 0%;}
.language-toggle-ca {margin-top: 0px; }
.tums-fr_CA .find-tums-content-box-ca .tums-products-box-ca p, .find-tums-content-box-ca .tums-products-box-ca p {width:90%; margin:0 auto 10px;}/*****/
.tums-products-box-ca .grid_2.product-details-ca{width:50%;float:left;}
.foods-causing-hb-ca .hb-causes-faq-rt {left: 0%; }
.tums-fr_CA .banner-rt-ca h1 {
    font-size: 28px;
    line-height: 28px;
    margin: 4%;
    padding: 0 0%;
}
.about-content-box-ca .banner-rt-ca { width: 100% !important; padding:0%;}
.sitemap-header-rt-ca .component-content{margin: 0% 27%;    padding:0;}/*****/
.sitemap-header-rt-ca .component-content{margin: 0% 23%; padding: 74px 0%;}
.sitemap-header-rt-ca p {
    font-size: 18px;
    line-height: 26px;
}
.tums-fr_CA .contact-us-header-rt-ca .component-content { margin: 0% 13%; padding: 0% 0%;}
.contact-us-header-rt-ca p, .sitemap-header-rt-ca p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
	margin-bottom:0px;
}
.tums-fr_CA .footer-copy-ca p { padding: 0px 4%;}
.footer-box-ca { background: #0367b9; text-align: center; padding-bottom: 2%;}
.tums-fr_CA .footer-box-ca {padding-bottom: 11%;}
.tums-fr_CA .faq-header-contents .richText .component-content {margin: 0% 10%; padding: 18% 0%;}
.faq-contents-box-ca {margin: 35px 0% 16% 0%;}
.foods-causing-hb-ca.canada-blue-box-two figcaption p { padding-top: 10px; margin: 0px; padding-bottom: 20px;}
.canada-blue-box-one .richText ul {margin:0px; padding: 10px 0px;}
.canada-blue-box-one .richText ul li{margin:0px; padding:0px;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img,
#mixedSlider .MS-content .item .imgTitle.es-ab-single img ,
#mixedSlider .MS-content .item .imgTitle.es-ab-single img {width: 97%;}
.home-carousel-header-ca-mobile{Margin-bottom:0px;}
.about-inner-box-ca .image.about-tablet-image-ca-mobile img{Width:100%;}
.relief-why-tums-rt-ca p{width:100%;}
.relief-content-box-ca p:last-child{padding-bottom:0px;}
.find-tums-content-box-ca{padding:0 20px;}
.find-tums-content-box-ca .tums-products-box-ca{padding-top:0px;margin-bottom:25px;}
.find-tums-content-box-ca .tums-products-box-ca p{	margin-bottom:0px;}
.find-tums-content-box-ca .tums-products-box-ca .box{margin-bottom:0px;  padding-top: 20px;}
.contact-us-contents-rt p{margin-bottom:15px;}
.accordion-content-wrapper .richText ul{padding-left:0px;}
.faq-contents-box-ca .accordion-slide{	padding:0px;}
.sitemap-contents-box-ca p+h2{margin-top:15px;}
.product-accordion h3 a{font-size:20px;}
.about-content-box-ca .banner-rt-ca{position:static;	min-height:inherit;	margin:0px 20%;}
.flavour-box-ca .reference-flavour-html{margin-bottom:20px;}
.canada-next-box {  background: #263781;  padding: 4% 7% 1.55% 7.55%;}
.find-tums-content-box-ca .tums-products-box-ca p{font-size:12px;}
.you-might-also-like-images-box-ca p a{padding:0 20%;}
.search-results-page-header-ca{height:inherit;}
.accordion-content-wrapper .richText ul {
    list-style: none;
    margin-left: -2px;
}
.search-results-page-header-ca h1 {margin:90px 0% 150px;}/*****/
.tums-en_CA .about-content-box-ca .banner-rt-ca p{margin:4% 10%;}/*****/
.search-content-box-ca .searchResults-number{margin-bottom:15px;}/*****/

}
/*ONLY FOR IPHONE 5 PORTRAIT VIEW*/
@media only screen and (min-width : 320px) and (max-width:359px){
.banner-rt-ca p {
    font-size: 16px;
    line-height: 20px;
    margin: 4%;
}
.tums-fr_CA .product-header-img-box h1 {
    padding: 5% 5% 0% 5%;
    font-size: 25px;
    line-height: 30px;
}
.about-callout-rt-two-ca p, .about-callout-rt-one-ca p {
    text-align: center;
    color: #FFFFFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    padding: 3% 2%;
    width: 90%;
}
.find-tums-content-box-ca .tums-products-box-ca p {
    font-size: 11px;
}
.find-tums-content-box-ca .tums-products-box-ca .box {
    margin-bottom: 25px;
    padding-right: 0px;
}
.product-slider-ca:before { top: 52%; left: 50%;}
.reference-product-slider-html { height: 340px;}
.home-carousel-header-ca-mobile:before {top: 17%;}
.tums-fr_CA .product-header-img-box p {
    color: #FFF;
    font-family: "Roboto";
    font-size: 20px;
    line-height: 25px;
}
.tums-fr_CA .product-contents-box-ca h2 {margin: 25px 0 10px 0px; font-size: 21px;}/*****/
.tums-fr_CA .product-accordion h3 a {
    font-family:"Roboto";
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}
.clear-all-rt-ca p {margin: 10px 0px 5px 62%;}
.tums-fr_CA .relief-content-box-ca .banner-rt-ca {
    top: 7%;
    width: 100% !important;
    padding: 0.5% 0px 0% 0%;
	position:static;
	min-height:inherit;
}
.home-other-products-rt-ca h2 {margin: 15px 24% 30px 24%;}
.tums-fr_CA .clear-all-rt-ca p {margin: 10px 0px 5px 49%;}
.footer-links-ca ul li { font-size: 11px;  line-height: 15px;}
.tums-fr_CA .footer-copy-ca p {font-size: 9px;}
.tums-fr_CA .next-section-rt-ca p:last-child { font-size: 20px; line-height: 25px;}
.foods-causing-hb-ca.canada-blue-box-two figcaption p {
    padding-top: 2px;
    margin: 0px;
    padding-bottom: 20px;
}
.hb-causes-content-box-ca .banner-rt-ca { top: 0%;  position: static;  min-height: inherit;}
.banner-rt-ca h1 {
    color: #263781;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    margin: 4%;
    width: auto !important;
    text-align: center;
	padding: 0px 16%;
}
.banner-rt-ca { top: 0%; position: static;  min-height: inherit;}
.acid-gerd-content-box-ca .banner-rt-ca h1{padding: 0px 12%;}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca h1 {padding: 0px 0%;}
.sitemap-header-rt-ca .richText-content {margin:0;padding:0; }/*****/
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca { top: 10.75%; width: 100% !important;}
.image.component.section.grid_5.alpha.first.odd.contact-us-contents-img-ca{margin-top: 42px;margin-bottom: 22px;}
.language-toggle-ca {margin-top: 0px;}
.contact-us-contents-rt p:nth-child(5) {width: 90%;margin: 0;}
.contact-us-contents-rt p:nth-child(4) {margin-bottom: 0;margin: 0;}
.contact-us-header-rt-ca  .richText-content p{margin: 0 18%;}
.contact-us-header-rt-ca h1{line-height:1.2;}
.contact-us-contents-rt p:last-child{margin-bottom:0px;}
.faq-header-contents .richText-content {margin:0 10%;padding:60px 0 50px;}
.faq-header-contents .component-content{margin:0%;padding:0%;}
.tums-fr_CA .contact-us-header-rt-ca h1 {color: #FFF; font-family:"Roboto";font-weight: 700; font-size: 31px;}
.contact-us-header-rt-ca .richText-content p{margin: 0 26%;}/*****/
.tums-fr_CA .contact-us-header-rt-ca .richText-content p { margin: 0 5%;}
.reference-product-slider-html:before { top: 53.50%;left: 51%;}
.about-content-box-ca .reference-product-slider-html:before {
    top: 92.75%;
    left: 52%;
}
}

/*Samsung TAB only portrait view */
@media only screen and (max-device-width: 666px) and (min-device-width: 601px){
.error-rt-ca p:nth-child(2){width:34%;margin:0px 30%;}
.error-rt-ca p {width:47%;margin:0 24%;}
.sitemap-header-rt-ca p:nth-child(2){width:	60%;margin-left: 20%;}
.sitemap-header-rt-ca .richText-content {margin:128px 0 118px 0;}
.contact-us-header-rt-ca .richText-content {padding:95px 0px;}
.contact-us-contents-rt p:nth-child(5) {width:42%;}
.faq-header-contents .richText-content{padding:95px 0px;margin:0px;}
.about-content-box-ca{position:relative;}
.sitemap-header-rt-ca .component-content { margin: 0% 26.5%;    padding: 0%;}
.tums-fr_CA .sitemap-header-rt-ca .component-content { margin: 0% 23%; padding: 0%;}
.tums-fr_CA .faq-header-contents .richText .component-content {  margin: 0% 10%;  padding: 0%;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img,
.faq-contents-box-ca .accordion.component .richText {
    font-size: 16px;
    padding-bottom: 10px;
}
.footer-links-ca ul li:nth-child(3):after { content: "|";}
#mixedSlider .MS-content .item .imgTitle.es-ab-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img { width: 95.5%;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img{ margin: -52px 0px -52px 0px !important;padding-bottom:0px;}
#mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 95%;
    margin: -48px 0px -48px 0px !important;
}
}
/*COMMON FOR IPHONE6 PORTRAIT + LANDSCAPE + SAMSUNG TAB PORTRAIT*/
@media only screen and (max-device-width: 667px) and (min-device-width: 375px){
.faq-contents-box-ca .accordion-container{margin-right: 10px;}
.image.component.section.grid_5.alpha.first.odd.contact-us-contents-img-ca{margin-top: 42px;margin-bottom: 45px;}
.contact-us-contents-rt p:last-child{margin-bottom: 0px;}
.faq-header-contents .richText-content h2{margin:18.5px 0;}
.contact-us-contents-rt p:nth-child(5){width: 78%;margin: 0;}
.contact-us-contents-rt p:nth-child(4){margin-bottom: 0;margin:0;}
.faq-header-contents .component-content {margin: 0%;padding:0%;}

}
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) and (orientation: portrait){
.reference-strength-html span:last-child {
    padding-left: 12px;
}
}
/*IPONE 6 LANDSCAPEVIEW*/
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
.faq-contents-box-ca .faq-content-intro-text-ca p {    margin: 0px 60px 25px 60px;}
.faq-contents-box-ca .accordion-container{    margin-right: 10px;}
.faq-header-contents .richText-content {    margin:0 16%;    padding: 65px 0;}
.contact-us-header-rt-ca  .richText-content p{    margin: 0 4%;}
.contact-us-header-rt-ca .richText-content{    padding: 82px 0px;}
.contact-us-header-rt-ca .component-content {   margin: 0% 35%;}
.sitemap-header-rt-ca .richText-content {    margin:  0;}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca { top: 20.50%; width: 100% !important;}
.product-slider-ca:before { top: 57%; left: 50%;}
.tums-fr_CA .product-accordion h3 a { font-family:"Roboto"; font-weight: 700; font-size: 25px; line-height: 25px;}
.tums-fr_CA .faq-header-contents .richText .component-content { margin: 0% 10%; padding: 0%;}
.facts-content-box-ca .next-section-rt-ca p:last-child { width: 55%;}
.about-content-box-ca .reference-product-slider-html:before {top: 91%;left: 50%;}
.reference-product-slider-html:before {  top: 56%;left: 51.5%;}
.home-carousel-header-ca-mobile:before { top: 30%;}
.tums-fr_CA .clear-all-rt-ca p { margin: 10px 0px 5px 73%;}
.clear-all-rt-ca p {margin: 10px 0px 5px 79%;}
.product-slider-ca { background: linear-gradient(to bottom, #0367b9, #2b3a83);  height: 451px;}
.foods-causing-hb-ca.canada-blue-box-two figcaption p {
    padding-top: 20px;
    margin: 0px;
    padding-bottom: 20px;
}
.footer-links-ca ul li:nth-child(3):after { content: "|";}
.error-banner-text-ca .richText-content { padding: 12% 0% 10% 0%; margin: 0;}
.tums-en_CA .facts-content-box-ca .banner-rt-ca {
    padding: 0.75% 0px 0% 0%;     position: static;
    min-height: inherit;
}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-mobile-box-ca {display: block; padding-top: 6%;}
.home-carousel-header-ca-mobile ul:before { top: 22%; left: 6.5%;}
.product-slider-ca ul:before { top: 58%; left: 51%;}
.banner-rt-ca {
    color: #263781;
    font-family: "Roboto";
    font-size: 22px;
    line-height: 37px;
    width: 100% !important;
    text-align: center;
	top: 12%;
}
.banner-rt-ca h1 {
    color: #263781;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    margin: 4%;
    width: auto !important;
    text-align: center;
}
#mixedSlider .MS-content .item .imgTitle img { width: 55%;}
.banner-rt-ca p {
    color: #263781;
    font-family: "Roboto";
    font-size: 20px;
    line-height: 25px;
    width: auto !important;
    margin: 3% 4%;
    text-align: center;
}
.acid-gerd-content-box-ca .banner-rt-ca{top: 0%;position:static; min-height:inherit; width: 100% !important;}
.about-content-box-ca{position:relative;}
.symptoms-content-box-ca .banner-rt-ca h1,
.hb-preg-content-box-ca .banner-rt-ca h1 {padding: 0 16%;}
.banner-rt-ca {top: 0%;position:static; min-height:inherit;}
.tums-fr_CA .about-content-box-ca .banner-rt-ca {top: 0; position:static; min-height:inherit; margin:0px 20%;}
.error-rt-ca p { width: 45%; margin: 0 26.5%;}
.error-rt-ca p:nth-child(2) { width: 32%; margin: 0px 32%;}
.image.banner-image-mobile-ca { padding-bottom: 0%;background: #f6f6f6;}
.canada-blue-box-one .relief-why-tums-rt-ca h2 { padding-top: 0%;}
.es-berry-single-roll-box-ca.home-product-carousel-box-ca .image img {width: 250px; height: 250px;}
.reference-product-slider-html { height: 470px;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img,
#mixedSlider .MS-content .item .imgTitle.es-ab-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img { width: 71%;}
.reference-strength-html span:last-child {margin-left:0px;}
}

/*Only for IPHONE 5 LANDSCAPE VIEW*/
@media only screen and (device-width: 568px){
.facts-content-box-ca .next-section-rt-ca p:last-child { width: 60%;}
.contact-us-header-rt-ca .component-content{margin:0% 35% 15% 35%; padding: 0%;}
.banner-rt-ca {top: 0%; position:static; min-height:inherit;}
.acid-gerd-content-box-ca .banner-rt-ca h1{ font-size: 30px; line-height: 33px;}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca {top: 0%; position:static; min-height:inherit; width: 100% !important;}
.tums-fr_CA .clear-all-rt-ca p {margin: 10px 0px 5px 70%;}
.tums-fr_CA .facts-content-box-ca .banner-rt-ca p {font-size: 20px; line-height: 22px;}
.home-carousel-header-ca-mobile:before {top: 26%;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img,
#mixedSlider .MS-content .item .imgTitle.es-ab-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img { width: 71%;}
.reference-product-slider-html { height: 425px;}
.reference-product-slider-html:before { top: 55%;  left: 50%;}
.searchBox.search-box-ca button { margin-left: 0%;}
}

/*Specific to iphone6 portrait only*/
@media only screen and (min-width : 360px) and (max-width:479px){
.contact-us-header-rt-ca .component-content {margin:0% 24.3%;     padding: 0% 0%;}
.image.component.section.grid_5.alpha.first.odd.contact-us-contents-img-ca{margin-top: 42px;    margin-bottom: 22px;}
.contact-us-contents-rt p:last-child {margin-bottom: 5px;}
.sitemap-header-rt-ca .richText-content{margin:0;}
.sitemap-header-rt-ca .component-content{margin: 0% 27%;    padding: 18.67% 0%;}
.tums-fr_CA .sitemap-header-rt-ca .component-content{margin: 0% 23%; padding: 18.67% 0%;}
.about-content-box-ca .banner-rt-ca { top: 10.25%;}
.faq-header-contents .richText-content{margin:0;}
.faq-header-contents .richText .component-content{margin: 0% 22%;padding: 18.535% 0%;}
.acid-gerd-content-box-ca .banner-rt-ca {position:static; min-height:inherit; padding:15px 0; width: 100% !important;}
.banner-rt-ca{position:static; min-height:inherit;}
.clear-all-rt-ca p { margin: 10px 0px 5px 66%;}
.image.banner-image-mobile-ca { background: #f6f6f6;}
.tums-fr_CA .clear-all-rt-ca p { margin: 10px 0px 5px 55%;}
}
@media only screen and (max-device-width: 620px) and (min-device-width: 600px){
.banner-rt-ca {top: 0%;  position:static; min-height:inherit;   padding: 5% 0px 5% 0%;}
.tums-fr_CA .symptoms-content-box-ca .banner-rt-ca {top: 23%;}
.clear-all-rt-ca p { margin: 10px 0px 5px 79%;}
.product-slider-ca {height: 550px;}
.about-content-box-ca .product-slider-ca:before { top: 89%; left: 50%;}
.about-content-box-ca .product-slider-ca ul { display: inline-block; margin-left: -33%;}
.foods-causing-hb-ca.canada-blue-box-two figcaption p {
    padding-top: 20px;
    margin: 0px;
    padding-bottom: 20px;
}
.you-might-also-like-images-box-ca .image img {
    width: 158px;
}
.carousel.home-carousel-header-ca-mobile .carousel-nav {
    margin-top: 20px;
    padding: 0px 0% 0 33%;
    margin: 0 auto;
    position: fixed;
    top: 54%;
    cursor: pointer;
}
.accordion-content-wrapper .richText ul {
    list-style: none;
    margin-left: 0px;
}
.about-content-box-ca .reference-product-slider-html:before {top: 91%;left: 50%;}
.es-berry-single-roll-box-ca.home-product-carousel-box-ca .image img { width: 250px;}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-mobile-box-ca { display: block; padding-top: 6%;}
.canada-blue-box-two .hb-causes-faq-rt p { padding: 15px 0%;}
.banner-rt-ca p {font-size: 20px;line-height: 28px;}
.reference-product-slider-html { height: 540px;}
}
@media only screen and (device-width : 640px){
.hb-causes-content-box-ca .banner-rt-ca {top: 15%;}
.acid-gerd-content-box-ca .banner-rt-ca { top: 20.50%;  width: 100% !important;}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca {top: 20%; width: 100% !important;}
.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca { top: 21%;}
}

@media only screen and (device-width : 360px){
.contact-us-contents-rt p:nth-child(5){width:71%;}
.symptoms-content-box-ca .banner-rt-ca {position:static; min-height:inherit;}
.clear-all-rt-ca p { margin: 10px 0px 5px 66%;}
}

@media only screen and (device-width : 375px){
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca {top: 12.5%;    width: 100% !important;}
.tums-fr_CA .banner-rt-ca p {font-size: 17px; line-height: 20px;}	
.tums-fr_CA .facts-content-box-ca .banner-rt-ca { top: 14.75%;}
.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca {top: 15%;}
.hb-causes-content-box-ca .banner-rt-ca {top: 11%;}
.tums-fr_CA  .hb-causes-content-box-ca .banner-rt-ca {top: 10%;}
.about-content-box-ca .banner-rt-ca { top: 11.25%;}
.acid-gerd-content-box-ca .banner-rt-ca {top: 14.15%; width: 100% !important;}
.tums-fr_CA .about-content-box-ca .banner-rt-ca { top: 10.25%;}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img,
#mixedSlider .MS-content .item .imgTitle.es-ab-single img, #mixedSlider .MS-content .item .imgTitle.es-ab-single img { width: 97%;}


}
/**************** All Mobile Device View  CSS cad */

/**************** Tablet / IPAD View CSS Start */

.find-tums-rt-ca {
    p {
        color: #FFFFFF;
        font-family: "Roboto";
        font-size: 16px;
        line-height: 22px;
        width: auto;
        box-sizing: border-box;
        padding: 0 3%;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 991px) {
.item.home-product-carousel-box-ca h3 {
    color: #FFFFFF;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 11px;
}	
.find-tums-rt-ca {
    background: #0367b9;
    padding: 55px 0px 17px 0px;
}
#mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 95%;
    margin: -25px 0px;
}
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img {
    width: 95%;
    margin: -25px 0px;
}
.error-rt-ca {min-height:413px;}
.faq-contents-box-ca {padding: 0 2%;}
.contact-us-contents-img-ca img{width:100%;}
.contact-us-contents-box .contact-us-contents-rt{ margin-left: 40px; width: 51%;}
.sitemap-header-rt-ca .component-content{margin: 0% 20%;overflow:visible;}
.sitemap-contents-box-ca h2{line-height:30px;}
.page-contact-us #wrapper #content, .page-contact-us  #wrapper #footer{width:100%;overflow:hidden;}
.faq-contents-box-ca .component > .component-content {margin: 0%;}
.faq-header-contents .richText-content {margin: 145px 0 134px 0;}
.faq-contents-box-ca .accordion-container {margin: 0px 10px 0px 10px;}
.error-rt-ca p { width: 44%;    margin: 0 30%}
.sitemap-contents-box-ca .sitemap-contents-rt-one-ca{width: 52%;}
.sitemap-contents-box-ca .sitemap-contents-rt-two-ca{width:44%;}
.sitemap-header-rt-ca .richText-content {    margin: 141px 0 130px 0;}
.sitemap-contents-box-ca .sitemap-contents-rt-two-ca .component-content{margin-left:50px;}
.sitemap-contents-box-ca .sitemap-contents-rt-one-ca .component-content{margin-left:-10px;}
.product-header-img-box h1 {padding: 0 3%;}
.product-header-img-box p {padding: 0 16%;}
.about-history-image-ca { padding: 8.75% 0% 4% 0%;}
.about-history-rt-ca p, .about-rt-ca p { margin: 4% 4% 4% 7%;}
.about-history-rt-ca h2, .about-rt-ca h2 { margin: 0% 7%;}
.about-ca-carb-rt-ca { padding: 5% 4%;}
.about-tums-blue-light-box-ca {padding: 0 4%;}
.tums-fr_CA .footer-copy-ca p {padding: 0px 5%;}
.image.about-tablet-image-ca img {width:100%;}
.footer-copy-ca p { padding: 0px 15%;}
.home-product-banner-box-ca>.component-content {
    margin: 0 auto;
    display: block;
    width: 763px;
    padding-left: 5%;
}

.about-content-box-ca .banner-rt-ca { width: 50% !important; padding: 11% 0px 0% 4%;}
.tums-en_CA .about-content-box-ca .banner-rt-ca p { width: 84%;}
.tums-en_CA .navigation-root.navigation-branch.navigation-level1 {margin-left: 0%;}
.canada-blue-box-one { background: #0367b9; padding: 0% 3% 5% 4%;}
.product-slider-ca {height: 325px;}
.canada-blue-box-two ul li:last-child, .get-facts-preg-rt-ca ul li:last-child { display: block;}
.image.rsp-single-roll-fyt-img-ca img{width:100%;}
.banner-rt-ca {
    width: 50% !important;
    padding: 0 1rem;
    min-height: 360px;
}
.canada-next-box { background: #263781; padding: 4% 7% 1.55% 4%;}
.tums-fr_CA .hb-causes-content-box-ca .banner-rt-ca h1 { width: 85%;}
.find-tums-content-box-ca .tums-products-box-ca { width: 820px;}
.tums-en_CA .acid-gerd-content-box-ca .banner-rt-ca {
    width: 50% !important;
    padding: 7% 0px 0% 4%;
    min-height: 360px;
}
.tums-fr_CA .banner-rt-ca h1 {
    color: #263781;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 33px;
    line-height: 35px;
    text-align: left;
}
.tums-fr_CA .banner-rt-ca {
    width: 50% !important;
    padding: 2rem 1rem 1rem 1rem;
    min-height: 359px;
}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca {width: 50% !important; padding: 8% 0px 0% 4%;}
.foods-causing-hb-ca .hb-causes-faq-rt { width: 75%;}
.tums-fr_CA .facts-content-box-ca .banner-rt-ca, .tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca, .tums-fr_CA .symptoms-content-box-ca .banner-rt-ca {
    width: 50% !important;
    padding: 2rem 1rem 1rem 2rem;    
    min-height: 360px;
}

.tums-fr_CA .relief-content-box-ca .banner-rt-ca {
    padding: 1rem 1rem 0 1rem;
}

.tums-fr_CA .relief-content-box-ca .banner-rt-ca p { width: 100%; padding: 0;}
.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca p { width: 88%;}
.tums-fr_CA .hb-causes-content-box-ca .next-section-rt-ca p:last-child { width: 80%;}
.hb-causes-content-box-ca .banner-rt-ca p {  width: 81%;}
.hb-causes-content-box-ca .banner-rt-ca h1 { width: 55%;}
.tums-en_CA .hb-causes-content-box-ca .banner-rt-ca h1 { width: 70%;}
.tums-en_CA .hb-causes-content-box-ca .banner-rt-ca { padding: 2rem;}
.canada-blue-box-two {
    background: #1371be;
    padding: 5% 4% 5% 4%;
}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-two-ca {
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 2rem;
}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-one-ca {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-top: 5%;
}
.canada-blue-box-four { background: #1371be; padding: 5% 4% 3% 4%;}
.canada-blue-box-three { background: #0367b9; padding: 5% 4% 3% 4%;}
.find-tums-content-box-ca { padding: 13.5% 4% 6.5% 4%;}
.find-tums-content-box-ca .image .middle { text-align: left;}
.clear-all-rt-ca p { margin: 10px 0px 5px 84%;}
.tums-fr_CA .clear-all-rt-ca p { margin: 10px 0px 5px 83%;}
.reference-flavour-html span, .reference-format-html span, .reference-strength-html span {
    color: #FFF;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 32px;
    padding-left: 10px;
}
.tums-fr_CA .foods-causing-hb-ca .hb-causes-faq-rt { width: 80.5%; left: 10.5%;}
.product-contents-box-ca .you-might-also-like-images-box-ca { padding: 0 9%; padding-bottom: 5%;}
.image.you-might-also-like-image-three-ca.ab-single-roll-prdt-ca img,
.page-tums-extra-strength-assorted-berries-3-roll-pack .image.you-might-also-like-image-one-ca img,
.you-might-also-like-images-box-ca .image.you-might-also-like-image-one-ca.rsp-single-roll-prdt-ca img { width: 100%;}
.navigation-root.navigation-branch.navigation-level2,
.navigation-item.navigation-level1.page-find-your-tums { width: 100%;}
.faq-contents-box-ca h2 {
    font-family:"Roboto";
    font-weight: 700;
    margin: 75px 90px 20px 9px;
    font-size: 30px;
    line-height: 18px;
}
}
@media only screen and (device-width: 962px){
#mixedSlider .MS-content .item .imgTitle.rs-pepper-single img,
#mixedSlider .MS-content .item .imgTitle.es-ab-single img {
    width: 82%;
    margin-top: 3px;
}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-two-ca {
    margin: 0 auto;
    width: 92%;
    display: block;
    text-align: center;
    padding: 3% 0px 0px 10%;
}	
.home-product-banner-box-ca>.component-content {
    margin: 0 auto;
    display: block;
    width: 706px;
    padding-left: 8%;
}
.find-tums-content-box-ca .tums-products-box-ca {
    width: 960px;
}
.image.you-might-also-like-image-three-ca.ab-single-roll-prdt-ca img, .page-tums-extra-strength-assorted-berries-3-roll-pack .image.you-might-also-like-image-one-ca img, .you-might-also-like-images-box-ca .image.you-might-also-like-image-one-ca.rsp-single-roll-prdt-ca img {
    width: 79%;
}
.tums-en_CA .facts-content-box-ca .banner-rt-ca { padding: 13.75% 0px 0% 4%;}
.tums-en_CA .relief-content-box-ca .banner-rt-ca { padding: 14.75% 0px 0% 4%;}
.symptoms-content-box-ca .banner-rt-ca { padding: 13.75% 0px 0% 4%;}
.tums-en_CA .acid-gerd-content-box-ca .banner-rt-ca {padding: 15% 0px 0% 4%;}
.banner-rt-ca {
    width: 50% !important;
    padding: 12% 0px 0% 4%;
    min-height: 450px !important;
}
.tums-en_CA .hb-causes-content-box-ca .banner-rt-ca { padding: 13% 0px 0% 4%;}
.home-product-banner-box-ca img { margin: 0 12px;}
.carousel.product-slider-ca .carousel-nav-prev, .carousel.product-slider-ca .carousel-nav-next {position: absolute; top: 32%;}
.es-berry-single-roll-box-ca.home-product-carousel-box-ca .image img { width: 150px;}
.product-slider-box-ca-desktop .carousel.product-slider-ca {padding-top:1%;  padding-bottom: 4%;}
.tums-fr_CA .banner-rt-ca {padding: 13% 0px 0% 4%; min-height: 360px;}
.tums-fr_CA .about-content-box-ca .banner-rt-ca {padding: 14% 0px 0% 4%; min-height: 360px;}
.clear-all-rt-ca p { margin: 10px 0px 5px 87%;}
.find-tums-content-box-ca .tums-products-box-ca { margin-left: 4.5% !important;}
.tums-fr_CA .find-tums-content-box-ca .tums-products-box-ca {  width: 930px;}
.tums-fr_CA .banner-rt-ca { min-height: 451px;}
.faq-contents-box-ca h2{font-family:"Roboto"; font-weight: 700; margin:75px 90px 20px 9px;font-size:30px; line-height:18px;}
.tums-fr_CA .acid-gerd-content-box-ca .banner-rt-ca { padding: 13% 0px 0% 4%;}
.tums-fr_CA .facts-content-box-ca .banner-rt-ca{ padding: 15.5% 0px 0% 4%;}
}
@media only screen and (device-width: 1024px) {
.sitemap-contents-box-ca p a {
    font-size: 15px;
    line-height: 27px;
    font-family:"Roboto";
    font-weight: 700;
}

#mixedSlider .MS-controls button {
	padding:0px
}
#mixedSlider .MS-content .item { width: 20%;}
.search-box-ca form .form-search{float:right;}
#wrapper #content, #wrapper #footer { width: 100%; margin: 0 auto;}
.skiptocontent p a { color: #FFF; visibility: hidden;}
.search-box-ca .search-icon {
    right: 1.5%;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    margin: 15px 0;
}
.searchBox input[type=text] {
    width: 81px;
    color: #0d1c4c;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 12px;
    margin: 15px 0 10px 85px;
}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-one-ca {
    margin: 0 auto;
    display: block;
    width: 857px;
    padding-top: 5%;
}
.foods-causing-hb-ca.canada-blue-box-two .hb-causes-food-images-box-two-ca {
    margin: 0 auto;
    width: 857px;
    display: block;
    text-align: center;
}
.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca h1 { width: 75%;}
.tums-fr_CA .facts-content-box-ca .banner-rt-ca, .tums-fr_CA .relief-content-box-ca .banner-rt-ca ,.tums-fr_CA .hb-preg-content-box-ca .banner-rt-ca, .tums-fr_CA .symptoms-content-box-ca .banner-rt-ca {
    width: 50% !important;
}
.tums-fr_CA .banner-rt-ca { width: 50% !important;padding: 7.5% 0px 0% 9.750%;}
.tums-fr_CA .hb-causes-content-box-ca .banner-rt-ca h1 { width: 80%;}
.banner-rt-ca { min-height: 480px;  padding: 7.5% 0px 0% 9.750%;  width: 50% !important; }
.tums-en_CA .symptoms-content-box-ca .banner-rt-ca { padding: 13.75% 0px 0% 9.75%;}	
.tums-en_CA .acid-gerd-content-box-ca .banner-rt-ca { padding: 12.5% 0px 0% 9.750%;}
.tums-en_CA .relief-content-box-ca .banner-rt-ca { padding: 14.75% 0px 0% 9.75%;}
.tums-en_CA .facts-content-box-ca .banner-rt-ca { padding: 14.75% 0px 0% 9.75%;}
.tums-en_CA .hb-preg-content-box-ca .banner-rt-ca {  padding: 13.5% 0px 0% 9.750%;}
.tums-en_CA .hb-causes-content-box-ca .banner-rt-ca { padding: 14.25% 0px 0% 9.75%;}
.tums-en_CA .acid-gerd-content-box-ca .banner-rt-ca h1  .banner-rt-ca h1 {
    color: #263781;
    font-family:"Roboto";
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    text-align: left;
    width: 67%;
}
.tums-en_CA .search-box-ca .language-toggle-ca { right: 14%;}
li.navigation-item.navigation-level1:hover .navigation-branch.navigation-level2 {
    right: 39%;
    display: block;
    position: absolute;
}
.desktop-header-box-ca .search-box-ca .button:hover, .desktop-header-box-ca .search-box-ca button { background-position: 63% 5px;}
.find-tums-content-box-ca .tums-products-box-ca {width: 990px;}
.tums-fr_CA .search-box-ca .language-toggle-ca {  right: 24%;}

}
@media only screen and (min-width: 1660px) {
.banner-rt-ca {
    padding: 5.25% 0px 0% 5.75% !important;
}
}
@media only screen and (min-width: 960px) {
.banner-rt-ca{ width:480px !important; height:451px !important;}
.tums-en_CA .hb-causes-content-box-ca .banner-rt-ca{
    width: 50% !important;
}

.tums-fr_CA .hb-causes-content-box-ca .banner-rt-ca{
    width: 50% !important;
	min-height:451px;
}

}
/* 
@media only screen and (min-width: 1020px) and (max-width:1030px) {

.search-box-ca .searchBox {
	position:absolute;
    right: 4.5%;
    color: #0d1c4c;
    margin-top: 10px;
    background: none;
	float:right;
}
.search-box-ca .searchBox > .component-content{
    width: 100%;
}
.search-box-ca .language-toggle-ca p:after {
    content: "|";
    color: #000;
    font-family: FontAwesome;
    padding: 0px 17px;
    font-size: 36px;
	position:relative;
	top:8px;
}
form.form-search{
	float:right ;
}
} */
/**************** Tablet / IPAD View CSS end */


.negative-margin-bottom-22 { margin-bottom:-22px !important; }

@media screen and (max-width: 767px) {
    .banner-rt-ca {
        max-height: 100% !important;
    }
    .find-tums-content-box-ca .tums-products-box-ca p {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hb-preg-content-box-ca .banner-rt-ca {
        padding: 0 0.5rem;
    
        p {
            width: 100%;
        }
    }

    .page-heartburn-relief.tums-fr_CA .banner-rt-ca h1 {
        font-size: 28px;
    }
    .page-heartburn-relief.tums-fr_CA .banner-rt-ca h1, .page-heartburn-relief.tums-fr_CA .about-content-box-ca .banner-rt-ca p {
        width: 100%;
    }
    .page-heartburn-relief.tums-fr_CA .banner-rt-ca p {
        font-size: 16px;
    }
    .find-tums-content-box-ca .tums-products-box-ca p {
        max-width: 100%;
    }
    .page-find-your-tums .tums-products-box-ca {
        width: 100%;
    }
    .tums-products-box-ca > .component-content > .content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }

    .canada-blue-box-two ul li::marker,
    .get-facts-preg-rt-ca ul li::marker {
      content: none !important;
      display: none !important;
    }  
    .canada-blue-box-two ul li::before,
    .get-facts-preg-rt-ca ul li::before {
      content: " \2022";
      display: block;
      position: absolute;
      unicode-bidi: isolate;
      font-variant-numeric: tabular-nums;
      text-transform: none;
      text-indent: 0px !important;
      text-align: start !important;
      text-align-last: auto !important;
      color: #FFFFFF;
      font-family: "Roboto";
      font-size: 16px;
      line-height: 22px;
      left: -18px;
    }  
    .canada-blue-box-two ul li,
    .get-facts-preg-rt-ca ul li {
      position: relative;
    }  
}

@media screen and (min-width: 768px) {
    .tums-fr_CA .banner-rt-ca {
        height: 46.8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .page-about.tums-fr_CA .banner-rt-ca h1,
    .page-about.tums-fr_CA .about-content-box-ca .banner-rt-ca p {
        width: 88%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .page-heartburn-relief.tums-fr_CA .banner-rt-ca {
        padding-left: 0 !important;
    }
    .page-acid-reflux-and-gerd.tums-fr_CA .banner-rt-ca {
        padding-top: 0 !important;
    }
    .page-heartburn-relief.tums-fr_CA .banner-rt-ca > .component-content >.richText-content{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}


.link-blue-hover:hover {
    color: #263781;
}

.text-white {
    color: #fff
}

.tums-en_CA.page-finding-relief .relief-content-box-ca .banner-rt-ca {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    p:last-of-type {
        padding-bottom: 0;
    }
}.searchBox .easy-autocomplete-container ul {
  list-style-type: none;
  padding: 0 0 0 0; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/* line 3, ../../sass/components/search.filter.scss */
.searchFilter {
	border: solid 1px #dfdfdf;
}

/* line 8, ../../sass/components/search.filter.scss */
.searchFilter-title {
	background-color: #fff;
	background: url("../../img/down_arrow_black.png") no-repeat 90% center;
	margin: 0;
	padding: 13px;
	cursor: pointer;
}

/* line 14, ../../sass/components/search.filter.scss */
.searchFilter-controls {
	border-top: solid 4px #f36533;
}

.searchFilter-controls .searchFilterContent {
	display: block;
}
/* line 21, ../../sass/components/search.filter.scss */
.searchFilter-selection,.searchFilter-checkbox,.searchFilter-phrase {
	overflow: hidden;
	margin: 5px 0;
}

/* line 27, ../../sass/components/search.filter.scss */
.searchFilter-label {
	float: left;
	margin-right: 10px;
	min-width: 85%;
}

/* line 33, ../../sass/components/search.filter.scss */
.searchFilter-checkbox .searchFilter-label {
	float: none;
	margin-right: 0;
}

/* line 38, ../../sass/components/search.filter.scss */
.searchFilter-submit {
	padding: 13px;
	margin: 5px 0;
	overflow: hidden;
	display: block;
}
/* line 42, ../../sass/components/search.filter.scss */
.searchFilter-submit button {
	float: right;
}

/* line 49, ../../sass/components/search.filter.scss */
.searchFilter-horizontal .searchFilter-controls {
	float: left;
}
/* line 55, ../../sass/components/search.filter.scss */
.searchFilter-horizontal .searchFilter-selection,.searchFilter-horizontal .searchFilter-checkbox,.searchFilter-horizontal .searchFilter-phrase
	{
	float: left;
	clear: none;
	margin-right: 10px;
}
/* line 61, ../../sass/components/search.filter.scss */
.searchFilter-horizontal .searchFilter-label {
	min-width: 0;
}
/* line 64, ../../sass/components/search.filter.scss */
.searchFilter-horizontal .searchFilter-control {
	float: left;
}

.tagRadioFilter fieldset,.metadataFilter fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.tagRadioFilter .searchFilter-control,.metadataFilter .searchFilter-control
	{
	padding: 7px 5px;
	background: #f5f5f5;
	border-bottom: solid 1px #dfdfdd;
}

.tagRadioFilter fieldset legend,.metadataFilter fieldset legend,.searchFilter-sorting h4
	{
	background: url("../../img/filter-plus.png") no-repeat right center;
	color: #000000;
	font-size: 16px;
	padding: 0px 10px;
	display: block;
	width: 93%;
	cursor: pointer;
	margin: 7px 10px;
}

.tagRadioFilter input,.metadataFilter input[type="radio"] {
	float: right;
}

.tagRadioFilter fieldset legend.filter-active,.metadataFilter fieldset legend.filter-active
	{
	background: url("../../img/filter-minus.png") no-repeat right center;
}

.searchFilter-form .search-productFilter,.searchFilter-form .search-theraphyFilter,.searchFilter-form .search-indicationFilter
	{
	font-size: 1.2em;
	font-style: italic;
	padding: 0 20px;
}
/* 
.searchResults-number {
	display: none;
} */
/* 
.searchFilter-content{
	display:none;
} */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/searchBox/_searchBox-base.scss */
.searchBox .form .form-content .textField {
  display: inline;
  float: left;
  margin-right: 15px;
}

/* line 9, ../../sass/components/searchBox/_searchBox-base.scss */
.searchBox .form .form-content .formButton {
  display: inline;
  float: left;
}

/* line 14, ../../sass/components/searchBox/_searchBox-base.scss */
.no-box.searchBox .form .form-content .section {
  margin: 0 15px 0 0;
}

/* line 18, ../../sass/components/searchBox/_searchBox-base.scss */
.no-box.searchBox .form .form-content .formButton.section {
  margin: -1px 0 0;
}
.searchBox input[type=text]:focus{outline:auto;}
/* line 22, ../../sass/components/searchBox/_searchBox-base.scss */
.searchBox input[type=text] {
	width: 108px; 
	color: #0d1c4c;
	font-family:"Roboto";
  font-weight: 700;
	font-size: 12px; 
	margin: 9px 0 10px 0px;
  border: none;
	outline:none;
	}

.search-box-ca span.searchBox-title {display:none;}
.form-search.no-box,
.form-search.no-box .section {margin-top: 0; margin-bottom: 0;}
.lt-ie8 .button { margin-left: 4px;}

@media only screen and (min-width : 320px) and (max-width:991px){

.searchBox input[type=text] {
    width: 220px;
    color: #0d1c4c;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 18px;
    margin: 15px 0px 15px 30px;
    border: none;
    outline: none;
    padding-left: 3px;
    padding-top: 4px;
	}
.search-results-page-header-ca .button{outline:none;}
}

@media only screen and (min-width: 768px)  and (max-width: 991px) {
.searchBox input[type=text] {
    width: 565px;
    color: #0d1c4c;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 18px;
    margin: 13px 0 12px 35px;
    border: none;
	}
}
@media only screen and (min-width: 600px)  and (max-width: 620px) {
.searchBox input[type=text] {
    width: 420px;
    color: #0d1c4c;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 18px;
   /*  margin: 13px 0 12px 35px; */
    border: none;
	}
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
.searchBox input[type=text] {width: 430px;}
}

@media only screen and (max-width: 359px) and (min-width: 320px){
.searchBox input[type=text] { width: 185px;}
}

@media only screen and (device-width: 1024px) {
.tums-en_CA .search-box-ca .language-toggle-ca { right: 14%;}
.search-box-ca .searchBox { right: -6.5%;color: #0d1c4c;}
.searchBox input[type=text] {
    width: 75px;
    color: #0d1c4c;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    margin: 9px 0 10px 12px;
}
}/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
.searchResults-pagination {
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: default;
}
.searchResults-pagination-list {
	padding: 0;
	margin: 0;
}
.searchResults-pagination-item {
	display: inline-block;
	line-height: 30px;
	background-color: #eeeeee;
	margin: 1px;
	cursor: default;
	/* display: inline; */
}
.searchResults-pagination-item a {
	display: inline-block;
	background-color: #e1e1e1;
	min-width: 30px;
	padding: 0 10px;
	cursor: pointer;
}
.searchResults-pagination-item a:hover {
	background-color: #ebebeb;
	text-decoration: none;
}
.searchResults-pagination-item.is-active {
  font-weight: bold;
}
.searchResults-title {
	display: block;
	color: #323131;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.searchResults-term {
	font-style: normal;
}
.searchResults-number {
	margin:10px 0px 5% 1%;
	text-align: left;
	color: #263781;
	font-size: 16px;
	font-family:"Roboto";
	font-weight: 700;
}
.searchResults-results {
	margin-bottom: 10px;
}
.search-content-box-ca .searchResults{ padding: 1% 7% 1% 8.25%;}
.searchResults-image {
	float: left;
	width: 100px;
	height: 100px;
	margin: 10px 0;
}
.searchResults-result {
	position: relative;
	overflow: hidden;
	padding: 0 10px 20px 10px;
	background-color: #e1e1e1;
}
.searchResults-result:nth-child(even) {
	background-color: inherit;
}
.searchResults-icon-wrapper {
	position: absolute;
	text-align: center;
	width: 70px;
	margin-top: 10px;
	left: 0;
	top: 0;
}
.searchResults-date {
	margin-bottom: 10px;
	margin-left: 110px;
}
.searchResults-url {
	margin-top: 10px;
}
.lt-ie8 .searchResults-pagination-item {
	display: inline;
	zoom: 1;
	margin: 3px;
}
.lt-ie8 .searchResults-pagination-item a {
	display: block;
	zoom: 1;
}
.searchResults-tags {
	list-style-type: none;
	padding: 0;
}
.searchResults-tags-item {
	display: inline-block;
	margin: 0 2px;
}
.searchResults-tags-item-link {
	background: #b9b8b8;
	color: black;
	border: 1px solid #939191;
	padding: 1px;
	display: block;
	font-size: 0.85em;
}
.search-results-page-header-ca{height:325px;    background-color: rgb(3, 103, 185);position:relative;}
.search-results-page-header-ca h1{
	color: #FFF;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 34px;
    line-height: 18px;
	margin: 121px 0%;
	text-align:center
}
.search-results-page-header-ca .searchBox {    position: absolute;    top:53%;left: 22.5%;    border: 1px solid #fff;width:58.3%;}
.search-results-page-header-ca .button {
	background-color: transparent;
    border-radius: 0px;
    color: transparent;
    height:55px;
	width:59px;
    border-top:none;
	border-right:none;
	border-bottom:none;
	border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    cursor: pointer;
    display: inline-block;
	float: right;
	background-image: url(../../img/search.png);
	background-repeat: no-repeat;
    background-position: 20px;
	position: absolute;
    right: 0%;
    top: 0%;
}
.page-search-results .main .search-results-page-header-ca  .searchBox input[type=text]{
	width:448px;
	height:55px;
	margin:0;
	font-size:18px;
	line-height:25px;
	color:#fff;
	background-color: transparent;
	padding:0 25px;
	font-family: "Roboto";
	}

.page-search-results .main .search-content-box-ca .searchResults{border:none;}
.page-search-results .main .search-content-box-ca .searchResults-result{border:none;}
.page-search-results .main .search-content-box-ca .searchResults-result{background-color:#fff;}

.page-search-results .main .search-content-box-ca  .searchResults-description {
	font-family:"Roboto";
	color:#263781;
	font-size:16px;
	line-height:25px
}
.searchResults a{color:#263781;}
.searchResults h3{
	color:#263781;
	font-style:normal;
	text-decoration:underline;
	font-size:16px;
	line-height:25px;
	font-family: "Roboto";
	font-weight: 700;
}
.page-search-results .main .search-content-box-ca .searchResults-url{
	font-family:"Roboto";
	display:none;
	color:#263781;
}
.page-search-results .main .search-content-box-ca .searchResults-url a{
	background-image:none;
	font-family:"Roboto";
	color:#263781;
}
.search-content-box-ca .searchResults-number{
	display:block;
	font-family:"Roboto";
	font-weight: 700;
	font-size: 16px;
	line-height:25px;
	color: #263781;
	margin: 0px 0px 41px 10px;
}
.page-search-results .main .search-content-box-ca .searchResults {
    border: none;
    display: block;
    font-family: "Roboto";
	font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #263781;
    margin: 50px 0px 30px 110px;
} 
.search-results-page-header-ca input::placeholder{color:#fff ;} 
.search-box-ca.searchBox  input::placeholder{color:#0d1c4c ;}
@media only screen and (min-width : 320px) and (max-width:767px){

.search-results-page-header-ca{height:inherit;}
.page-search-results .main .search-results-page-header-ca .searchBox {
	position: absolute;
	top: 50%;
	left: 15%;
	border: 1px solid #fff;
	width: 70%;
	height:50px;
}
.search-results-page-header-ca .button { background-position: 15px;}
.page-search-results .main .search-results-page-header-ca  .searchBox input[type=text]{width:-webkit-fill-available;height:-webkit-fill-available;}
.page-search-results .main .search-results-page-header-ca .button{	
	height:48px;
	width:50px;
	position: absolute;
	top: 0%;
	right:0%;
	float: right;
	margin-top: 0px;
	outline:none;
}
.search-results-page-header-ca h1{margin:80px 0 140px;}
.search-content-box-ca .searchResults{padding:0;}
	.search-content-box-ca .searchResults-number{
	display:block;
	margin: 0 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
.page-search-results .main .search-content-box-ca .searchResults {
	border: none;
	display: block;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 16px;
	line-height: 25px;
	color: #263781;
	margin: 0 20px 0px 10px;
	padding: 50px 10px 30px 10px;
} 
.searchResults-result {padding: 0px 0px 20px 0px;}

}

@media only screen and (min-width : 320px) and (max-width:359px){
.search-results-page-header-ca h1 {font-size: 28px;}
}@charset "UTF-8";
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.searchBlox.searchResults .component-content {
    display: flex;
}

.searchBlox-results highlight {
    font-weight: bold;
}

.searchBlox-results .searchResults-number {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.searchBlox-results .searchResults-title {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-left: 10px;
}

.searchBlox-results .searchResults-term {
    font-style: italic;
}

.searchBlox-results .searchResults-results {
    margin-bottom: 10px;
}

.searchBlox-results .searchResults-description, .searchBlox-results .searchResults-url,
.searchBlox-results .searchResults-context {
    margin-left: 10px;
}

.searchBlox-results .searchResults-image {
    float: left;
    width: 100px;
    height: 100px;
    margin: 10px 0;
}

.searchBlox-results .searchResults-result {
    position: relative;
    overflow: hidden;
    padding: 0 10px 20px 10px;
    background-color: #eeece4;
}

.searchBlox-results .searchResults-result:nth-child(even) {
    background-color: inherit;
}

.searchBlox-results .searchResults-icon-wrapper {
    position: absolute;
    text-align: center;
    width: 70px;
    margin-top: 10px;
    left: 0;
    top: 0;
}

.searchBlox-results .searchResults-url {
    margin-top: 10px;
}

.searchBlox-results .searchResults-description p, .searchBlox-results .searchResults-context p {
    font-family: sans-serif;
    font-size: 12px;
    color: #635a54;
}

.searchBlox-results .searchResults {
    width: 100%;
}

.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav {
    float: right;
    padding-left: 20px;
}

.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul {
    padding-left: 0;
}

.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul li {
    list-style-type: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul li a {
    color: #000;
}

.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul li.active a {
    color: #F98033;
    font-size: 12px;
    font-weight: 700;
}

.searchResults .searchResults-facets {
    margin-right: 30px;
}

.searchResults .searchResults-facets .facet-value {
    cursor: pointer;
}

.searchResults .searchResults-facets .facet-value--active {
    font-weight: bold;
}

.searchResults .searchResults-facets .facet-value--active:before {
    content: "✖";
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/shareThis/_shareThis-base.scss */
.shareThis-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.shareThis.footer-share-ca{
  display: block;
  width: 100%;
  float: left;
  margin: 0 auto;
  padding: 40px 0 25px;
}

.shareThis ul {
  margin: 0 auto;
  display: block;
  width: fit-content;
}

/* line 10, ../../sass/components/shareThis/_shareThis-base.scss */
.shareThis-list li {
  float: left;
  width: auto;
  height: 26px;
  margin: 0 10px 10px 0;
}

/* line 17, ../../sass/components/shareThis/_shareThis-base.scss */
.shareThis-list li:last-child {
  margin-right: 0;
}

/* line 22, ../../sass/components/shareThis/_shareThis-base.scss */
.shareThis-item a {
  display: block;
  height: 26px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}

/* line 32, ../../sass/components/shareThis/_shareThis-base.scss */
.shareThis-item img {
  opacity: 0.7;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.shareThis-item a img {
  opacity: 1;
  width: 27px;
  height: 28px;

}
/* line 40, ../../sass/components/shareThis/_shareThis-base.scss */
/*.shareThis-item a:hover img {
  opacity: 1;
}*/
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column {
  float: left;
}
/* line 5, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column > ul {
  margin: 0 5px;
}

/* line 10, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-1 .sitemap-column {
  width: 100%;
}

/* line 14, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-2 .sitemap-column {
  width: 50%;
}

/* line 18, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-3 .sitemap-column {
  width: 33.32%;
}

/* line 22, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-4 .sitemap-column {
  width: 25%;
}

/* line 26, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-5 .sitemap-column {
  width: 20%;
}

/* line 30, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-6 .sitemap-column {
  width: 16.64%;
}

/* line 34, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-7 .sitemap-column {
  width: 14.25%;
}

/* line 38, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-8 .sitemap-column {
  width: 12.49%;
}

/* line 42, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-9 .sitemap-column {
  width: 11.10%;
}

/* line 46, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-10 .sitemap-column {
  width: 10%;
}

/* line 50, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-11 .sitemap-column {
  width: 9.08%;
}

/* line 54, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-columns-12 .sitemap-column {
  width: 8.32%;
}

/* line 60, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul {
  list-style: none;
  padding: 0;
}
/* line 65, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column a {
  text-decoration: none;
}
/* line 69, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column .component-content {
  overflow: hidden;
}
/* line 73, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column h3 {
  background-color: #e1e1e1;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
}
/* line 80, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/* line 85, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10px;
}
/* line 92, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul li {
  font-weight: bold;
  padding-left: 12px;
  line-height: 150%;
  position: relative;
}
/* line 97, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul li:before {
  content: "\f0da";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 0;
  top: 1px;
  position: absolute;
}
/* line 105, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul ul {
  margin-top: 0;
}
/* line 109, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul ul li {
  font-weight: normal;
  margin-left: 10px;
}
 /***************** Desktop View CSS Start  *******************/

 
 /***************** Desktop View CSS End  *******************/
 
 

/**************** All Mobile  DeviceView  CSS Start */
@media only screen and (min-width : 320px) and (max-width:767px){

	
}
@media only screen and (min-width : 320px) and (max-width:359px){}

@media only screen and (min-width : 360px) and (max-width:479px){}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
	
}

/**************** All Mobile Device View  CSS End */


/**************** Tablet / IPAD View CSS Start */

@media only screen and (min-width: 768px)  and (max-width: 991px) {

}

/**************** Tablet / IPAD View CSS End */

/*************************** Sitemap media queries */
@media only screen and (max-width: 767px) {
  /* line 119, ../../sass/components/sitemap/_sitemap-base.scss */
  .component-content .sitemap-column {
    width: 100%;
    float: none;
  }

  /* line 124, ../../sass/components/sitemap/_sitemap-base.scss */
  .component-content .sitemap-column > ul {
    margin: 0 0 15px;
  }
}
.smart-link {
  margin: 10px 0; }
  .smart-link-previous:before, .smart-link-next:after {
    display: inline-block;
    position: relative;
    top: -1px;
    height: 14px;
    width: 6px;
    font-size: 8px;
    color: black; }
  .smart-link-next:after {
    margin-left: 10px;
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal; }
  .smart-link-previous:before {
    margin-right: 10px;
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal; }
  .smart-link-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    text-align: center; }
    .smart-link-list li {
      display: inline-block; }
.table-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.table .button {
  display: none; }
  @media only screen and (max-width: 767px) {
    .table .button {
      display: block;
      margin: 20px; } }

.table-caption {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1;
  border-bottom: none; }
  .table-caption .button {
    display: block;
    margin: 10px 0 0 5px; }
    @media only screen and (max-width: 767px) {
      .table-caption .button {
        display: none; } }

.table th, .table td {
  border: solid 2px #323131;
  padding: 5px; }

.table td {
  vertical-align: middle; }

.table th {
  background-color: #e1e1e1;
  font-weight: bold;
  text-align: center; }

.table table {
  width: 100%;
  border: solid 2px #323131;
  border-collapse: collapse; }

.no-js .table .button {
  display: none; }
.tabs {
  position: relative; }
  .tabs-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px; }
  .tabs-nav {
    position: relative;
    top: 0;
    left: 0;
    height: 39px;
    z-index: 150;
    width: 100%;
    overflow: hidden; }
    .tabs-nav-list {
      position: relative;
      left: 0;
      padding: 0;
      margin: 0;
      width: 2000px;
      list-style: none;
      overflow: hidden; }
    .tabs-nav-item {
      display: inline;
      float: left;
      margin-left: 5px;
      height: 21px;
      top: 4px;
      padding: 7px 10px 7px 10px;
      border-width: 2px 2px 0 2px;
      border-style: solid;
      border-color: #323131;
      background: #e1e1e1;
      font-weight: bold;
      font-size: 12px;
      cursor: pointer; }
      .tabs-nav-item a {
        color: #323131; }
      .tabs-nav-item.is-active,
      .tabs-nav-item.is-active a, .tabs-nav-item.is-active:hover {
        cursor: default;
        background: white; }
      .tabs-nav-item.is-active, .tabs-nav-item.is-active:hover {
        border-bottom: none;
        padding-bottom: 9px; }
      .tabs-nav-item.is-active:hover a {
        color: #323131; }
      .tabs-nav-item:first-child {
        margin-left: 0; }
      .tabs-nav-item:hover {
        background: #939191; }
        .tabs-nav-item:hover a {
          color: white;
          text-decoration: none; }
    .tabs-nav-switcher {
      position: absolute;
      top: 0;
      height: 35px;
      width: 15px;
      border: 2px solid #323131;
      background: #e1e1e1;
      cursor: pointer; }
      .tabs-nav-switcher-right {
        right: 0; }
      .tabs-nav-switcher-left {
        left: 0; }
        .tabs-nav-switcher-left:before {
          content: "f053";
          margin-left: -4px; }
      .tabs-nav-switcher:before {
        left: 50%;
        margin-left: -3px;
        padding: 7px 0;
        font-size: 12px;
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal; }
  .tabs-content {
    padding: 13px;
    position: relative;
    top: -2px;
    z-index: 100;
    border: solid 2px #323131;
    background: white;
    overflow: hidden; }

.tabMenuItem {
  margin-bottom: 0; }

.no-js .tabs > .component-content {
  padding-top: 0; }

.no-js .tabs-nav {
  display: none; }

.no-js .tabs-content {
  display: block !important;
  visibility: visible !important; }
.tagList-tag-link, .tagList-tag-item {
  background-color: #e1e1e1;
  border: 1px solid #656363;
  color: #323131;
  padding: 5px 20px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block; }
  .tagList-tag-link:hover, .tagList-tag-item:hover {
    background-color: #939191;
    color: white; }

.tagList-heading {
  font-weight: bold;
  color: #323131;
  margin: 10px 0;
  font-size: 1.5rem;
  display: block; }

.tagList-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.tagList-tag {
  display: inline-block; }

.tagList-tag-link, .tagList-tag-item {
  margin-right: 5px;
  text-decoration: none; }
  .tagList-tag-link:hover, .tagList-tag-link:active, .tagList-tag-item:hover, .tagList-tag-item:active {
    color: #fff; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.genericFormGroup {
  clear: both; }

.initialTabBasedFilter {
  background-color: #eeece4;
  border: 2px solid #323131;
  padding: 15px 60px;
  position: relative; }

.tagBasedFilter .formControl-radio {
  float: left;
  margin: 0;
  padding: 0;
  width: 21px; }

.tagBasedFilter .genericFormGroup span input[type="radio"], .tagBasedFilter .genericFormGroup span input[type="checkbox"] {
  float: left;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 15px; }

.tagBasedFilter .genericFormGroup label {
  float: left;
  padding: 1px 0 0;
  width: auto; }

.tagBasedFilterResults-Information {
  border: 1px solid #C5C4C4; }
  .tagBasedFilterResults-Information .tagBasedFilterResults-productImage {
    border-bottom: 1px solid #C5C4C4;
    text-align: center; }
  .tagBasedFilterResults-Information .tagBasedFilterResults-description {
    padding: 20px; }
    .tagBasedFilterResults-Information .tagBasedFilterResults-description h2 {
      font-size: 26px;
      margin: 16px 0 0;
      text-align: center; }
    .tagBasedFilterResults-Information .tagBasedFilterResults-description p {
      text-align: center; }

.prd-category {
  border-bottom: 1px solid #C5C4C4;
  border-top: 1px solid #C5C4C4;
  font-size: 11px;
  display: block;
  padding: 5px 0;
  text-align: center; }

.tagBasedFilterResults-box-content .product-button {
  border: 1px solid #C5C4C4;
  display: inline-block;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 10px; }

.tagbasedfilter .simpleTagFilter input[type="button"] {
  background-color: #f36633;
  border: 1px solid #D5D1CE;
  border-radius: 0;
  color: white;
  padding: 5px 10px; }

/*Multi Level Filter*/
.tagBasedFilter .multiLevelFilterContent input[type="button"]:hover {
  background-color: #85F5F5; }

.tagBasedFilter .multiLevelFilterContent .selected {
  background-color: #85F5F5; }

.tagBasedFilter .multiLevelFilter-ContainerResults .tagBasedFilterResults {
  overflow: hidden;
  margin-top: 10px;
  padding-top: 15px; }

.tagBasedFilter.multiLevelFilter .genericFormGroup span input[type="button"]:focus {
  background: url("../../img/quiz1_hover.png") no-repeat scroll center center; }

.multiLevelFilter-Container .multiLevelFilter-level1 {
  margin-left: 25px; }

.multiLevelFilter-Container .multiLevelFilter-level2 {
  margin-left: 45px; }

.multiLevelFilter-Container .multiLevelFilter-level3 {
  margin-left: 65px; }

.multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level1, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level2, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level3 {
  margin-left: 0; }
  .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level1 input, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level2 input, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level3 input {
    float: left; }

.multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level4 {
  margin-left: 0; }

.multiLevelFilter-Container .buttonTypeContent.multiLevelFilter-level0 {
  float: left; }

.multiLevelFilter .genericFormGroup {
  border-bottom: 1px dotted #e0e0e0;
  overflow: hidden;
  padding: 5px 0; }

.tagBasedNoResult {
  color: #ff0000;
  font-weight: 700; }

.tagbasedfilter-primary .multiLevelFilter-Container .multiLevelFilterContent {
  float: left; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.tagBasedFilterResults-Information {
  border: 1px solid #C5C4C4; }
  .tagBasedFilterResults-Information .tagBasedFilterResults-productImage {
    border-bottom: 1px solid #C5C4C4;
    text-align: center; }
  .tagBasedFilterResults-Information .tagBasedFilterResults-description {
    padding: 20px; }
    .tagBasedFilterResults-Information .tagBasedFilterResults-description h2 {
      font-size: 26px;
      margin: 16px 0 0;
      text-align: center; }
    .tagBasedFilterResults-Information .tagBasedFilterResults-description p {
      text-align: center; }

.prd-category {
  border-bottom: 1px solid #C5C4C4;
  border-top: 1px solid #C5C4C4;
  font-size: 11px;
  display: block;
  padding: 5px 0;
  text-align: center; }

.tagBasedFilterResults-box-content .product-button {
  border: 1px solid #C5C4C4;
  display: inline-block;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 10px; }
.title h1 {
  margin-top: 0;
  word-wrap: break-word; }

.title h2 {
  margin-top: 0;
  word-wrap: break-word; }

.title h3 {
  margin-top: 0;
  word-wrap: break-word; }

.title h4 {
  margin-top: 0;
  word-wrap: break-word; }

.title h5 {
  margin-top: 0;
  word-wrap: break-word; }

.title h6 {
  margin-top: 0;
  word-wrap: break-word; }
.twitter > .component-content {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1; }

.twitter-feed {
  position: relative;
  display: block;
  margin: 10px 0;
  padding-left: 55px;
  list-style-type: none; }
  .twitter-feed:before, .twitter-feed:after {
    content: "";
    display: table; }
  .twitter-feed:after {
    clear: both; }

.twitter-content a:hover strong {
  text-decoration: underline; }

a:hover
.twitter-sender-avatar {
  position: absolute;
  top: 3px;
  left: 0; }

.twitter-date {
  float: right; }

.twitter-actions {
  padding: 0;
  margin: 0;
  float: right; }

.twitter-action {
  list-style-type: none;
  display: inline; }

.feed-provider-heading {
  display: inline-block;
  margin: 0 0 0 20px;
  line-height: 30px; }
  .feed-provider-heading-image {
    float: left;
    width: 30px;
    height: 30px; }

.feed-provider-description {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid black; }

.feed-provider-feeds {
  padding: 0;
  margin: 0; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.userBox-header-text {
  font-size: 2em; }

.userBox .logged-in .user {
  font-weight: bold; }

.userBox .logged-in, .userBox .logged-out {
  border: 1px solid #D5D1CE;
  padding: 13px;
  margin: 10px 0; }
  .userBox .logged-in .button, .userBox .logged-out .button {
    float: right; }
  .userBox .logged-in .button, .userBox .logged-in a, .userBox .logged-out .button, .userBox .logged-out a {
    background-color: #eeece4;
    border: 1px solid #D5D1CE;
    margin-left: 1%;
    margin-right: 1%;
    color: #323131;
    padding: 5px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block; }
    .userBox .logged-in .button:hover, .userBox .logged-in a:hover, .userBox .logged-out .button:hover, .userBox .logged-out a:hover {
      background-color: #939191;
      color: white; }
  .userBox .logged-in .lt-ie8 .button, .userBox .logged-out .lt-ie8 .button {
    display: inline; }
.video object,
.video embed {
  width: 100%; }

.video-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.video-description {
  padding: 13px;
  margin-top: -2px;
  border: solid 2px #323131; }

.video-video {
  border: solid 2px #323131; }
  .video-video-container {
    margin: 0 auto; }

.video-nojs {
  display: none;
  padding: 20px 0;
  text-align: center;
  color: red; }

.no-js .video-nojs {
  display: block; }
.videoGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.videoGallery-video {
  border: 2px solid #323131; }
  .videoGallery-video object,
  .videoGallery-video embed {
    width: 100% !important; }

.videoGallery-thumbnail {
  position: relative;
  display: inline;
  float: left;
  margin: 0 9px;
  padding: 0;
  max-width: 100px;
  overflow: hidden;
  cursor: pointer;
  text-align: center; }
  .videoGallery-thumbnail-image {
    position: relative;
    margin: 2px;
    border: solid 2px #323131; }
    .videoGallery-thumbnail-image img {
      display: block;
      margin: 0 auto; }
  .videoGallery-thumbnail-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }
  .videoGallery-thumbnail-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 28px;
    width: 30px;
    margin: -14px 0 0 -15px;
    opacity: 0.7; }
    .videoGallery-thumbnail-overlay:before {
      display: inline-block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      background: white;
      border: 3px solid #323131;
      border-radius: 50%;
      line-height: 24px;
      text-align: center;
      text-indent: 5px;
      font-size: 15px; }
  .videoGallery-thumbnail.is-active .videoGallery-thumbnail-overlay {
    opacity: 0;
    transition: opacity .5s; }

.videoGallery-thumbnails {
  position: relative;
  margin-top: 18px; }
  .videoGallery-thumbnails-list li:hover .image, .videoGallery-thumbnails-list li.active .image {
    margin: 0;
    border: solid 4px #323131; }
  .videoGallery-thumbnails-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }

.videoGallery-list {
  position: relative;
  margin: 0 50px;
  overflow: hidden; }
  .videoGallery-list-inner {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none; }

.videoGallery-description {
  margin: 15px 0; }

.videoGallery-arrow, .videoGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 0;
  width: 35px;
  height: 60px;
  background: 50% no-repeat;
  font: 0/0 serif;
  cursor: pointer; }
  .videoGallery-arrow:before, .videoGallery-arrow.is-disabled:hover:before {
    position: absolute;
    top: 50%;
    color: #323131; }

.videoGallery-arrow.is-disabled {
  opacity: 0.5; }

.videoGallery-arrow:hover:before {
  color: #b9b8b8; }

.videoGallery-arrow-left, .videoGallery-arrow-left.is-disabled:hover {
  left: 0; }
  .videoGallery-arrow-left:before, .videoGallery-arrow-left.is-disabled:hover:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    font-size: 30px; }

.videoGallery-arrow-right, .videoGallery-arrow-right.is-disabled:hover {
  right: 0;
  text-align: right; }
  .videoGallery-arrow-right:before, .videoGallery-arrow-right.is-disabled:hover:before {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    font-size: 30px; }

.mod-js .videoGallery-nojs {
  display: none; }
.virtual-meeting-component .virtual-meeting-content--initializing {
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.virtual-meeting-component .meeting-registration-button {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button:hover {
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .virtual-meeting-spinner {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 5000;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: spinner-item 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #000;
    border-radius: 100%;
    animation: spinner-item-before 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
    animation-delay: -0.6s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item-before {
    50% {
        transform: scale(0.4);
    }
    100%, 0% {
        transform: scale(1);
    }
}

.box.virtual-meeting-list .component-content {
    overflow: visible;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav {
    overflow: visible;
    height: 50px;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-list {
    width: 100%;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item {
    background: #ebebeb;
    padding: 14px 30px 18px;
    border: none;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item.is-active {
    border-top: 4px solid #f36633;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item.is-active .text-wrapper {
    color: #f36633;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item:hover:not(.is-active) .text-wrapper {
    text-decoration: underline;
}

.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item .text-wrapper {
    color: #808080;
    font: bold 18px sans-serif;
}

.box.virtual-meeting-list .component-content .tabs .tabs-content {
    overflow: visible;
    z-index: 500;
    padding: 0;
    border: none;
}

.virtual-meeting-component .virtual-meeting-content--initializing {
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.virtual-meeting-component .meeting-registration-button {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button:hover {
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .virtual-meeting-spinner {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 5000;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: spinner-item 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #000;
    border-radius: 100%;
    animation: spinner-item-before 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
    animation-delay: -0.6s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item-before {
    50% {
        transform: scale(0.4);
    }
    100%, 0% {
        transform: scale(1);
    }
}

.virtualMeetingList .meeting-list-filter {
    background-color: #f0efed;
    padding: 30px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__categoryTrigger.active {
    font-weight: 700;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__categoryTrigger.active:before {
    content: 'x';
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterByLabel {
    background-color: #f36633;
    color: #fff;
    padding: 10px 45px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin: 0;
    display: inline;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__foundResults {
    float: right;
    font-size: 14px;
    margin: 0;
    display: inline;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterBox {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: 10px;
    min-width: 230px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger {
    box-sizing: border-box;
    margin: 10px 10px;
    padding: 0;
    border-radius: 20px;
    text-align: center;
    font-size: 15px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger .resetTrigger__label {
    background-color: #f0efed;
    color: #f36633;
    border: 0;
    border-radius: 20px;
    padding: 5px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger .resetTrigger__label:hover {
    background-color: #f36633;
    color: #f0efed;
    cursor: pointer;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #e0dfdd;
    border-image: none;
    padding: 0;
    margin: 0;
    clear: both;
    height: 52px;
    position: relative;
    cursor: pointer;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active {
    height: auto;
    transition-duration: 0.5s;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter:first-child {
    border-width: 2px 0 2px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__label {
    font-weight: 700;
    padding-left: 16px;
    padding-top: 10px;
    position: relative;
    display: block;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__label:after {
    content: '+';
    float: right;
    font-size: medium;
    margin-right: 20px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.selected .categoryFilter__label {
    color: #15717d;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__selectedCategoryTitle {
    font-style: italic;
    margin-left: 16px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active .categoryFilter__label:after {
    content: '-';
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active .categoryFilter__optionsList {
    display: block;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter:not(.active):hover {
    background-color: #f0efed;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList {
    display: none;
    list-style: none;
    padding-left: 0;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li {
    border-bottom: 1px solid;
    border-color: #e0dfdd;
    padding: 15px;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li:hover:not(input):not(button) {
    background-color: #f36633;
    color: #f0efed;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li:hover:not(input):not(button) .categoryFilter__additionalInformation {
    color: #f0efed;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected {
    background-color: #15717d;
    color: #fff;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected .categoryFilter__additionalInformation {
    color: #fff;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected:hover {
    color: #f0efed;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected:hover .categoryFilter__additionalInformation {
    color: #f0efed;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList .categoryFilter__name {
    margin: 0;
}

.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList .categoryFilter__additionalInformation {
    display: block;
    color: #808080;
    font-style: italic;
    margin: 0;
}

.virtual-meeting-component .virtual-meeting-content--initializing {
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.virtual-meeting-component .meeting-registration-button {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button:hover {
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .virtual-meeting-spinner {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 5000;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: spinner-item 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #000;
    border-radius: 100%;
    animation: spinner-item-before 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
    animation-delay: -0.6s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item-before {
    50% {
        transform: scale(0.4);
    }
    100%, 0% {
        transform: scale(1);
    }
}

.virtualMeetingList .meeting-list-content .no-results-label {
    display: table;
    margin: 0 auto;
    font-size: large;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry {
    display: flex;
    align-items: flex-start;
    align-content: center;
    padding-bottom: 30px;
    margin: 30px 0 0;
    position: relative;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry:not(.hidden-by-filter):not(:last-child) {
    border-bottom: 1px solid #d4d0ce;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting .meeting-list-column.column--basicInfo {
    border-right: none;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--basicInfo {
    border-right: none;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton, .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--supplementaryInfo .meeting-list-section .section-item--showSubMeetings {
    margin-top: 15px;
    margin-bottom: -15px;
    display: inline-block;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo {
    border-right: 1px solid #d4d0ce;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--cancelled {
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--generalInfo {
    flex-shrink: 0;
    width: 400px;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--details {
    display: none;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--registerButton {
    display: none;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry {
    flex-direction: column;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section {
    display: inline-block;
    padding: 0;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section {
    flex-direction: column;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section.section--generalInfo {
    flex-shrink: 0;
    width: 150px;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section.section--details {
    display: block;
    border-left: none;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings span.subMeetings-label {
    font-weight: 700;
    font-size: 18px;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section {
    position: relative;
    padding: 0 20px;
    float: left;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--showSubMeetings {
    padding: 0 20px;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--generalInfo {
    flex-shrink: 0;
    width: 400px;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--generalInfo .section-item--description {
    font-family: sans-serif;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-word;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--regulatoryCode {
    padding-left: 20px;
    position: absolute;
    right: 5%;
    bottom: 5px;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--regulatoryCode .section-item--zincCode {
    font-size: 12px;
    color: #3e3e3e;
    font-family: sans-serif;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--meetingBanner .eventMeetingBanner--small {
    width: 230px;
    height: 173px;
    position: relative;
    float: left;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--title a {
    font-size: 24px;
    color: #15717d;
    font-weight: 700;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--title a:hover {
    text-decoration: underline;
}

.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--registerButton, .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--showSubMeetings {
    display: inline-block;
    position: relative;
}

.virtual-meeting-component .virtual-meeting-content--initializing {
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.virtual-meeting-component .meeting-registration-button {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button:hover {
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}

.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
    background-color: #15717d;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}

.virtual-meeting-component .virtual-meeting-spinner {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 5000;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: spinner-item 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #000;
    border-radius: 100%;
    animation: spinner-item-before 2.0s infinite ease-in-out both;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
    animation-delay: -0.6s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
    animation-delay: -1.1s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
    animation-delay: -1.0s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
    animation-delay: -0.9s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
    animation-delay: -0.8s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
    animation-delay: -0.7s;
}

.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-item-before {
    50% {
        transform: scale(0.4);
    }
    100%, 0% {
        transform: scale(1);
    }
}

.virtualMeetingList.subeventslisting .virtual-meeting-spinner {
    top: 20px;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry {
    font-weight: 700;
    border: 1px solid #e1dede;
    margin: 0;
    min-height: 75px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo {
    width: 75%;
    border-right: none;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo {
    width: 100%;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers {
    margin: 0;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerName, .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerTitle {
    font-size: 14px;
    line-height: 22px;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerTitle {
    margin-right: 2px;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--viewSpeakerBio {
    float: right;
    color: #15717d;
    text-decoration: none;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--registrationArea {
    position: absolute;
    right: 0;
    top: 15px;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo {
    width: 75%;
    order: -1;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details {
    border-left: none;
    width: 100%;
    margin-top: 6px;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 6px;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo .dateInfo-element--conjuctionText {
    display: none;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo .dateInfo-element--startTime {
    float: right;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton {
    right: 0;
    top: 15px;
    height: 100%;
    left: auto;
    position: absolute;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton:before {
    content: '';
    height: 90%;
    width: 1px;
    background-color: #e1dede;
    position: relative;
}

.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton a.meeting-list-button {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}
.virtual-meeting-component .virtual-meeting-content--initializing {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5; }

.virtual-meeting-component .meeting-registration-button {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer; }
  .virtual-meeting-component .meeting-registration-button:hover {
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer; }
  .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
    background-color: #fff;
    border: 2px solid #15717d;
    border-radius: 50px;
    color: #15717d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 120px;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none; }
    .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
      background-color: #15717d;
      border: 2px solid #fff;
      border-radius: 50px;
      color: #fff;
      display: inline-block;
      font-size: 14px;
      font-weight: 700;
      line-height: 16px;
      min-width: 120px;
      padding: 8px 20px;
      text-align: center;
      cursor: pointer; }

.virtual-meeting-component .virtual-meeting-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 5000; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-section {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: spinner-item 2.0s infinite ease-in-out both; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #000;
    border-radius: 100%;
    animation: spinner-item-before 2.0s infinite ease-in-out both; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
    animation-delay: -1.1s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
    animation-delay: -1.0s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
    animation-delay: -0.9s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
    animation-delay: -0.8s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
    animation-delay: -0.7s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
    animation-delay: -0.6s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
    animation-delay: -1.1s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
    animation-delay: -1.0s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
    animation-delay: -0.9s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
    animation-delay: -0.8s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
    animation-delay: -0.7s; }
  .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
    animation-delay: -0.6s; }

@keyframes sk-chase {
  100% {
    transform: rotate(360deg); } }

@keyframes spinner-item {
  80%, 100% {
    transform: rotate(360deg); } }

@keyframes spinner-item-before {
  50% {
    transform: scale(0.4); }
  100%, 0% {
    transform: scale(1); } }

.virtualMeetingRegistration .virtual-meeting-spinner {
  top: 45px; }

.virtualMeetingRegistration .virtual-meeting-info {
  padding: 20px 0;
  margin-top: 30px;
  min-height: 30px;
  background-color: #424242; }
  .virtualMeetingRegistration .virtual-meeting-info .registration-section-item {
    display: flex;
    align-items: center;
    margin-left: 15%; }
    .virtualMeetingRegistration .virtual-meeting-info .registration-section-item * {
      margin: 0 15%; }
    .virtualMeetingRegistration .virtual-meeting-info .registration-section-item span {
      font-size: 20px;
      color: white; }
    .virtualMeetingRegistration .virtual-meeting-info .registration-section-item .meeting-registration-button:not(.meeting-registration-button--cancelled) {
      border-color: #15717d; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.webinar {
  border: 1px solid #D5D1CE; }
  .webinar .containerInner {
    height: auto;
    overflow: hidden;
    padding: 1% 1% 0 0%; }
  .webinar .contentLeft {
    overflow: hidden;
    float: left;
    width: 60%; }
  .webinar .contentRight {
    overflow: hidden; }
  .webinar .footer {
    overflow: hidden;
    margin: 10px auto; }
    .webinar .footer .webinarArrowLeft {
      background: url("../../img/arrows/leftArrow.png") no-repeat left center;
      bottom: 0;
      left: 0; }
    .webinar .footer .webinarArrowRight {
      background: url("../../img/arrows/rightArrow.png") no-repeat left center;
      right: 0;
      bottom: 0; }
  .webinar .content {
    overflow: auto;
    margin: 0 0 0 10px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden; }
    .webinar .content .webinarThumbnails {
      margin: 0 46px;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .webinar .content .webinarThumbnails {
          margin: 0 20px; } }
      .webinar .content .webinarThumbnails .view-chapters-button {
        display: none; }
        @media only screen and (max-width: 767px) {
          .webinar .content .webinarThumbnails .view-chapters-button {
            display: block; } }
      @media only screen and (max-width: 767px) {
        .webinar .content .webinarThumbnails .desktop-only {
          display: none; } }
      .webinar .content .webinarThumbnails .imagesContainer {
        overflow: hidden;
        position: relative; }
  .webinar .webinarThumbnails {
    margin: 0 46px;
    overflow: hidden; }
  .webinar .slide {
    text-align: center; }
    .webinar .slide img {
      width: 96%; }
  .webinar .videoDetail {
    text-align: left;
    overflow: hidden;
    margin: 5px 5px 45px 0;
    padding: 0; }
  .webinar .imageSeparator {
    margin: 0 8px; }
  .webinar .imagesContainer div {
    float: left; }
    .webinar .imagesContainer div img {
      float: left;
      cursor: pointer;
      width: 150px;
      height: 115px;
      display: block;
      border: 1px solid #D5D1CE; }
  .webinar .imageBox.activeSlide img {
    border: 1px solid #D5D1CE; }
  .webinar .video {
    width: 100%;
    height: 250px; }
  .webinar .webinarArrowLeft, .webinar .webinarArrowRight {
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    background-color: #e0e0e0;
    padding: 50px 0; }
.webinarTeaser__wrapper {
  display: block; }
  @media only screen and (min-width: 720px) {
    .webinarTeaser__wrapper {
      display: flex; } }

.webinarTeaser__image {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .webinarTeaser__image {
      background-size: cover;
      background-position: center; }
      .webinarTeaser__image-left {
        order: 0; }
      .webinarTeaser__image-right {
        order: 2; } }
  .webinarTeaser__image img {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .webinarTeaser__image img {
        display: none; } }

.webinarTeaser__content {
  width: 100%; }
.listing-item:first-of-type {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_1:nth-of-type(12n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_2:nth-of-type(6n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_3:nth-of-type(4n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_4:nth-of-type(3n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_5:nth-of-type(2.4n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_6:nth-of-type(2n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_7:nth-of-type(1.71429n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_8:nth-of-type(1.5n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_9:nth-of-type(1.33333n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_10:nth-of-type(1.2n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_11:nth-of-type(1.09091n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_12:nth-of-type(1n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_1:nth-of-type(16n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_2:nth-of-type(8n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_3:nth-of-type(5.33333n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_4:nth-of-type(4n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_5:nth-of-type(3.2n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_6:nth-of-type(2.66667n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_7:nth-of-type(2.28571n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_8:nth-of-type(2n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_9:nth-of-type(1.77778n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_10:nth-of-type(1.6n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_11:nth-of-type(1.45455n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_12:nth-of-type(1.33333n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_13:nth-of-type(1.23077n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_14:nth-of-type(1.14286n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_15:nth-of-type(1.06667n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_16:nth-of-type(1n + 1) {
  margin-left: 0; }
.navigationMobileOptimized .mobile-optimized {
  display: none; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.searchBlox-pagination .searchResults-pagination {
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: default; }

.searchBlox-pagination .searchResults-pagination-item {
  display: inline-block;
  line-height: 30px;
  margin: 1px;
  cursor: default; }
  .searchBlox-pagination .searchResults-pagination-item a {
    display: inline-block;
    min-width: 30px;
    padding: 0 10px;
    cursor: pointer; }
    .searchBlox-pagination .searchResults-pagination-item a:hover {
      text-decoration: none;
      color: dimgrey;
      font-weight: bold; }
  .searchBlox-pagination .searchResults-pagination-item.is-active a {
    font-weight: bold;
    color: black; }
  .searchBlox-pagination .searchResults-pagination-item:last-child a, .searchBlox-pagination .searchResults-pagination-item:first-child a {
    height: inherit;
    width: inherit;
    border-right: inherit;
    line-height: 30px; }

.searchBlox-pagination .searchResults-pagination-list {
  padding: 0;
  margin: 0; }

.lt-ie8 .searchBlox-pagination .searchResults-pagination-item {
  display: inline;
  zoom: 1;
  margin: 3px; }
  .lt-ie8 .searchBlox-pagination .searchResults-pagination-item a {
    display: block;
    zoom: 1; }
.navigationGroupEnhanced .component-content {
  overflow: visible; }
  .navigationGroupEnhanced .component-content nav.flexy {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center; }
    .navigationGroupEnhanced .component-content nav.flexy button.moreFields {
      align-self: stretch;
      transition: all .4s ease-out;
      padding: 0 1rem 0 1.5rem;
      outline: 0;
      border: 0;
      font-size: 18px;
      background: #F36533;
      color: #ffffff; }
      .navigationGroupEnhanced .component-content nav.flexy button.moreFields.hidden {
        transition: none;
        border-right: 0.5rem solid #F36533;
        width: 0;
        padding: 0;
        overflow: visible;
        display: none; }
      .navigationGroupEnhanced .component-content nav.flexy button.moreFields:after {
        content: attr(count);
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        color: #F36533;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8);
        border-radius: 50%;
        font-size: 14px;
        line-height: 14px;
        margin-left: 1rem;
        margin-right: calc(-1rem + -8px); }
    .navigationGroupEnhanced .component-content nav.flexy ul.links {
      display: flex;
      justify-content: flex-end;
      flex: 1;
      overflow: hidden; }
    .navigationGroupEnhanced .component-content nav.flexy ul li {
      flex: auto;
      padding: 1rem; }
      .navigationGroupEnhanced .component-content nav.flexy ul li a {
        color: #ffffff; }
      .navigationGroupEnhanced .component-content nav.flexy ul li ul {
        background: #F36533; }
    .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links {
      display: block;
      position: absolute;
      background: #F36533;
      right: 0;
      top: 100%; }
      .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li {
        padding: 1rem; }
        .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li a {
          color: #ffffff;
          padding-right: 3rem; }
        .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li ul li a {
          color: #ffffff; }
      .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links.hidden {
        display: none; }
  .navigationGroupEnhanced .component-content * {
    box-sizing: border-box; }
.tabsEnhancedMarkup .component-content .tabs-arrows {
  display: flex;
  width: 100%; }
  .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows__left {
    float: left; }
  .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows__right {
    float: right; }
  .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows--hidden {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none; }
    .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows--hidden a {
      text-decoration: none; }
  .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots {
    display: inline-block;
    margin: 0 auto;
    width: 90%; }
    .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list {
      display: flex; }
      .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list li {
        display: block; }
      .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .tabs-dots__item {
        flex: auto; }
        .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .tabs-dots__item .tabs-dots__dot {
          display: block;
          border-radius: 50%;
          width: 15px;
          height: 15px;
          background-color: black; }
      .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .is-active .tabs-dots__dot {
        background-color: #F36533; }
.cf-form-notification {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000; }
  .cf-form-notification .cf-form-notification-inner {
    position: fixed;
    top: 100px;
    width: 700px;
    margin-left: -363px;
    left: 50%;
    padding: 13px;
    background-color: #e1e1e1; }

.cf-form-notification.is-hidden {
  display: none; }

@media screen and (max-width: 699px) {
  .cf-form-notification .cf-form-notification-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0; } }

@media screen and (max-width: 699px) {
  .cf-form-notification-restrictive {
    position: absolute; } }

.cf-form-notification-buttons {
  text-align: right; }

.cf-form-header-error-msg-text {
  font-wieght: bold;
  color: red;
  text-align: center; }
/* -------------------------------- 

File: _modal.box.scss
Title: Modal Styles
Descr: Core styles for the modal component.
Usage: Haleon AEM CF Framework

-------------------------------- */
div.wf-modal {
  position: relative;
  width: auto;
  height: auto;
  opacity: 1;
  visibility: visible;
  background-color: transparent; }
  div.wf-modal::after {
    content: "Modal / Dialog region (Overlay styles available in preview or 'view as published')";
    background: black;
    padding: 0.2rem;
    font-size: 12px;
    color: white;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%); }
  div.wf-modal .wf-modal-wrapper {
    width: auto !important;
    transform: scale(1) !important;
    border: solid 1px black;
    position: relative;
    margin: 0 auto; }
  div.wf-modal .wf-modal-body .new.section {
    min-width: 12rem; }

dialog.wf-modal {
  position: fixed;
  z-index: var(--wf-modal-z-index, 100);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
  visibility: hidden;
  border: none;
  background: transparent;
  padding: 1.5rem; }
  dialog.wf-modal::backdrop {
    background: var(--wf-modal-backdrop, rgba(0, 0, 0, 0.8)); }
  dialog.wf-modal:not([open]) {
    pointer-events: none;
    background-color: transparent; }
  dialog.wf-modal[open] {
    opacity: 1;
    visibility: visible; }

.wf-modal-wrapper {
  width: 100%;
  max-height: 100%;
  height: auto !important;
  transform: scale(0);
  max-width: 64em;
  border-radius: var(--wf-modal-radius, 0.3em);
  margin: 0 1rem;
  background-color: var(--wf-modal-background-color, white); }
  .wf-modal-wrapper--xs {
    max-width: var(--wf-modal-xs, 540px); }
  .wf-modal-wrapper--sm {
    max-width: var(--wf-modal-sm, 720px); }
  .wf-modal-wrapper--md {
    max-width: var(--wf-modal-md, 960px); }
  .wf-modal-wrapper--lg {
    max-width: var(--wf-modal-lg, 1140px); }
  .wf-modal-wrapper--xl {
    max-width: var(--wf-modal-xl, 1320px); }

.wf-modal-body {
  padding: var(--wf-modal-padding, 1rem) !important;
  font-size: var(--wf-modal-font-size-body, 1rem); }

.wf-modal-close {
  transition: var(--wf-modal-transition-duration, 0.2s);
  cursor: pointer;
  border: none;
  position: absolute;
  right: -15px;
  top: -15px;
  background-color: var(--wf-modal-close-button-background, black) !important;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  line-height: 1; }
  .wf-modal-close:hover, .wf-modal-close:focus, .wf-modal-close:focus-visible {
    background-color: var(--wf-modal-close-button-background-focus, blue) !important; }
  .wf-modal-close > svg {
    fill: var(--wf-modal-close-icon-color, white);
    position: absolute;
    left: 8px;
    top: 8px; }

@media (prefers-reduced-motion: no-preference) {
  .wf-modal--fade, .wf-modal--scale, .wf-modal--fade-up, .wf-modal--fade-down, .wf-modal--fade-right, .wf-modal--fade-left, .wf-modal--slide-up, .wf-modal--slide-down, .wf-modal--slide-right, .wf-modal--slide-left {
    transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s var(--wf-modal-transition-duration, 0.2s); }
    .wf-modal--fade[open], .wf-modal--scale[open], .wf-modal--fade-up[open], .wf-modal--fade-down[open], .wf-modal--fade-right[open], .wf-modal--fade-left[open], .wf-modal--slide-up[open], .wf-modal--slide-down[open], .wf-modal--slide-right[open], .wf-modal--slide-left[open] {
      transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; }
  .wf-modal--fade[open] {
    transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; }
    .wf-modal--fade[open] .wf-modal-wrapper {
      transform: scale(1);
      /* reset all transformations */ }
  .wf-modal--scale .wf-modal-wrapper, .wf-modal--fade-up .wf-modal-wrapper, .wf-modal--fade-down .wf-modal-wrapper, .wf-modal--fade-right .wf-modal-wrapper, .wf-modal--fade-left .wf-modal-wrapper {
    will-change: transform;
    transition: transform var(--wf-modal-transition-duration, 0.2s) var(--wf-modal-ease, cubic-bezier(0.215, 0.61, 0.355, 1)); }
  .wf-modal--scale[open], .wf-modal--fade-up[open], .wf-modal--fade-down[open], .wf-modal--fade-right[open], .wf-modal--fade-left[open] {
    transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; }
    .wf-modal--scale[open] .wf-modal-wrapper, .wf-modal--fade-up[open] .wf-modal-wrapper, .wf-modal--fade-down[open] .wf-modal-wrapper, .wf-modal--fade-right[open] .wf-modal-wrapper, .wf-modal--fade-left[open] .wf-modal-wrapper {
      transform: scale(1);
      /* reset all transformations */ }
  .wf-modal--slide-up .wf-modal-wrapper, .wf-modal--slide-down .wf-modal-wrapper, .wf-modal--slide-right .wf-modal-wrapper, .wf-modal--slide-left .wf-modal-wrapper {
    will-change: transform;
    transition: transform var(--wf-modal-transition-duration, 0.2s) var(--wf-modal-ease, cubic-bezier(0.215, 0.61, 0.355, 1)); }
  .wf-modal--slide-up[open], .wf-modal--slide-down[open], .wf-modal--slide-right[open], .wf-modal--slide-left[open] {
    transition: background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; }
    .wf-modal--slide-up[open] .wf-modal-wrapper, .wf-modal--slide-down[open] .wf-modal-wrapper, .wf-modal--slide-right[open] .wf-modal-wrapper, .wf-modal--slide-left[open] .wf-modal-wrapper {
      transform: scale(1);
      /* reset all transformations */ }
  .wf-modal--scale .wf-modal-wrapper {
    transform: scale(0.95); }
  .wf-modal--fade-up .wf-modal-wrapper {
    transform: translateY(40px); }
  .wf-modal--fade-down .wf-modal-wrapper {
    transform: translateY(-40px); }
  .wf-modal--fade-right .wf-modal-wrapper {
    transform: translateX(-40px); }
  .wf-modal--fade-left .wf-modal-wrapper {
    transform: translateX(40px); }
  .wf-modal--slide-up .wf-modal-wrapper {
    transform: translateY(100%); }
  .wf-modal--slide-down .wf-modal-wrapper {
    transform: translateY(-100%); }
  .wf-modal--slide-right .wf-modal-wrapper {
    transform: translateX(-100%); }
  .wf-modal--slide-left .wf-modal-wrapper {
    transform: translateX(100%); } }

.wf-u-sr-only,
.wf-u-sr-only-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap; }
select.wf-form-control::-ms-expand {
  display: none; }

input::-ms-clear {
  display: none; }

.wf-l-container {
  width: calc(100% - 2 * 1rem);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wf-col-xl, 1140px); }

.wf-form-control {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none; }

.wf-form fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

.wf-form textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top; }

.wf-form input::-ms-clear {
  display: none; }

.wf-form-control {
  font-size: var(--wf-form-control-font-size, 1rem);
  padding: var(--wf-form-control-padding-y, 0.75rem) var(--wf-form-control-padding-x, 0.75rem);
  border-radius: var(--wf-form-control-radius, 0);
  width: 100%;
  background: var(--wf-form-control-background, white);
  color: var(--wf-form-control-color, black);
  line-height: 1.2;
  box-shadow: inset 0px 0px 0px 1px #ccc;
  transition: all 0.2s ease; }

.wf-form-control::placeholder {
  opacity: 0.8;
  color: var(--wf-color-contrast-low, gray); }

.wf-form-control:focus, .wf-form-control:focus-within {
  background: var(--wf-color-bg);
  outline: none; }

.wf-form-control:focus-visible {
  outline: solid; }

.wf-form {
  position: relative; }

.wf-form-section {
  margin-bottom: var(--wf-form-section-spacing, 1.5rem) !important; }

.wf-form-legend {
  display: block;
  line-height: 1.2;
  font-size: var(--wf-form-legend-font-size, 1.5rem);
  margin-bottom: var(--wf-space-sm);
  color: var(--wf-form-legend-color, black); }

.wf-form-label {
  display: block;
  font-size: var(--wf-form-label-font-size, 1rem);
  color: var(--wf-form-label-color, black);
  padding-bottom: var(--wf-space-xxs);
  font-weight: bold; }

.wf-form-helptext {
  color: var(--wf-form-helper-text-color, black); }

.wf-form-helptext > p {
  margin-bottom: 0; }

.wf-form-error {
  line-height: 1;
  display: inline-block; }

.wf-form-error > p {
  margin: 0; }

.wf-form-is-hidden,
.wf-form-hidden-item {
  display: none;
  visibility: hidden; }

.wf-form-reveal-if-active {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  transform: scale(0.8);
  transition: 0.5s; }

.wf-form-reveal-if-active label {
  display: block;
  margin: 0 0 3px 0; }

.wf-form-reveal-if-active input[type="text"] {
  width: 100%; }

input[type="radio"]:checked ~ .wf-form-reveal-if-active,
input[type="checkbox"]:checked ~ .wf-form-reveal-if-active {
  opacity: 1;
  visibility: visible;
  max-height: 100px;
  padding: 10px 30px;
  transform: scale(1);
  overflow: visible; }

.wf-form-upload-wrapper {
  --upload-height: calc(var(--wf-form-control-padding-y, 0.75rem) * 4);
  --upload-radius: 0 var(--wf-form-control-radius, 0)
		var(--wf-form-control-radius, 0) 0;
  position: relative;
  width: 100%;
  height: var(--upload-height); }

.wf-form-upload-wrapper::after {
  content: attr(data-input);
  font-size: var(--text-sm, 1rem);
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: var(--upload-height);
  line-height: var(--upload-height); }

.wf-form-upload-wrapper::before {
  content: var(--wf-form-upload-text, attr(data-button));
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: var(--wf-form-upload-background, grey);
  color: white;
  z-index: 25;
  line-height: var(--upload-height);
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: var(--upload-radius); }

.wf-form-upload-wrapper:hover::before, .wf-form-upload-wrapper:focus::before {
  background: var(--wf-form-upload-background-hover-focus, black); }

.wf-form-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: var(--upload-height);
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%; }

.wf-form-upload-file-item {
  list-style-type: none;
  border-radius: 10px;
  background-color: rgba(144, 163, 203, 0.2);
  margin: 0;
  color: initial;
  display: inline-flex;
  margin-right: 1rem;
  padding-right: 1rem; }

.wf-form-upload-file-item > span.name {
  padding-right: 10px;
  width: max-content;
  display: inline-flex; }

.wf-form-upload-file-item-delete {
  display: flex;
  width: 24px;
  color: initial;
  background-color: #6eb4ff00;
  font-size: large;
  justify-content: center;
  margin-right: 3px;
  cursor: pointer; }

.wf-form-upload-file-item-delete:hover, .wf-form-upload-file-item-delete:focus {
  background-color: rgba(144, 163, 203, 0.2);
  border-radius: 10px; }

.wf-form-upload-file-item-delete > span {
  transform: rotate(45deg); }

.wf-form-control[aria-invalid="true"],
.wf-form-control[aria-required="true"] .wf-form-control.wf-form-control--error,
.wf-form-list--error {
  box-shadow: 0px 0px 0px 2px var(--wf-color-error, red); }

.wf-form-control[aria-invalid="true"]:focus, .wf-form-control[aria-invalid="true"]:focus-within,
.wf-form-control[aria-required="true"] .wf-form-control.wf-form-control--error:focus,
.wf-form-control[aria-required="true"] .wf-form-control.wf-form-control--error:focus-within,
.wf-form-list--error:focus,
.wf-form-list--error:focus-within {
  box-shadow: 0px 0px 0px 2px var(--wf-color-error, red); }

.wf-form-label.wf-form-label--error {
  color: var(--wf-color-error, red); }

.wf-form-list--error {
  padding: var(--wf-space-xs) !important;
  border-radius: var(--wf-form-control-radius, 0); }

.wf-form-control--disabled,
.wf-form-control[disabled],
.wf-form-control[aria-disabled="true"],
.wf-form-control[readonly],
.wf-form-radio-item[disabled] + label,
.wf-form-radio-item[aria-disabled="true"] + label,
.wf-form-checkbox-item[disabled] + label,
.wf-form-checkbox-item[aria-disabled="true"] + label {
  opacity: 0.5;
  cursor: not-allowed; }
.filter-margin-top p {
    margin: 0 !important;
    margin-top: 8px !important;
}