[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: monospace, 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;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/libs/mediaelement.scss */
.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0;
}

/* line 12, ../../sass/libs/mediaelement.scss */
.mejs-fullscreen {
  overflow: hidden !important;
}

/* line 16, ../../sass/libs/mediaelement.scss */
.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000;
}

/* line 26, ../../sass/libs/mediaelement.scss */
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen {
  width: 100%;
  height: 100%;
}

/* Start: LAYERS */
/* line 33, ../../sass/libs/mediaelement.scss */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 39, ../../sass/libs/mediaelement.scss */
.mejs-mediaelement,
.me-plugin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 48, ../../sass/libs/mediaelement.scss */
.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* line 57, ../../sass/libs/mediaelement.scss */
.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 63, ../../sass/libs/mediaelement.scss */
.mejs-overlay-play {
  cursor: pointer;
}

/* line 67, ../../sass/libs/mediaelement.scss */
.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: none;
}
/* line 75, ../../sass/libs/mediaelement.scss */
.mejs-overlay-button:before {
  content: "\f04b";
  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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  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;
}

/* line 91, ../../sass/libs/mediaelement.scss */
.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px;
}

/* line 95, ../../sass/libs/mediaelement.scss */
.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(../background.png);
  background: rgba(0, 0, 0, 0.9);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(50, 50, 50, 0.9)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background-image: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background-image: linear-gradient(to bottom, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

/* line 108, ../../sass/libs/mediaelement.scss */
.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 */
/* line 118, ../../sass/libs/mediaelement.scss */
.mejs-container .mejs-controls {
  position: absolute;
  background: none;
  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);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(50, 50, 50, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background-image: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background-image: linear-gradient(to bottom, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%;
}

/* line 133, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 148, ../../sass/libs/mediaelement.scss */
.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) */
/* line 165, ../../sass/libs/mediaelement.scss */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  padding: auto 4px;
}

/* line 176, ../../sass/libs/mediaelement.scss */
.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 */
/* line 189, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-play button {
  background-position: 0 0;
}

/* line 193, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-pause button {
  background-position: 0 -16px;
}

/* End: Play/pause */
/* Stop */
/* line 200, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-stop button {
  background-position: -112px 0;
}

/* End: Play/pause */
/* Start: Progress bar */
/* line 207, ../../sass/libs/mediaelement.scss */
.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px;
}

/* line 212, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

/* line 223, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzNjM2MiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(30, 30, 30, 0.8)), color-stop(100%, rgba(60, 60, 60, 0.8)));
  background-image: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background-image: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background-image: linear-gradient(to bottom, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#1E1E1E, endColorstr=#3C3C3C);
}

/* line 231, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjN2M5MSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWI3ZDQiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(44, 124, 145, 0.8)), color-stop(100%, rgba(78, 183, 212, 0.8)));
  background-image: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background-image: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background-image: linear-gradient(to bottom, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#2C7C91, endColorstr=#4EB7D4);
  width: 0;
}

/* line 239, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(200, 200, 200, 0.8)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#C8C8C8);
}

/* line 247, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center;
}

/* line 262, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 276, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail:hover .mejs-time-float {
  visibility: visible;
}

/* line 280, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0;
}

/* line 288, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px;
}

/* End: Progress bar */
/* Start: Fullscreen */
/* line 306, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0;
}

/* line 310, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px;
}

/* End: Fullscreen */
/* line 316, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px;
}

/* line 320, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-unmute button {
  background-position: -16px 0;
}

/* line 324, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button {
  position: relative;
}

/* line 328, ../../sass/libs/mediaelement.scss */
.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);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0;
}

/* line 344, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

/* line 350, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  display: block;
}

/* line 354, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
}

/* line 365, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* line 376, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0;
}

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
/* line 394, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-captions-button {
  position: relative;
}

/* line 398, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-captions-button button {
  background-position: -48px 0;
}

/* line 402, ../../sass/libs/mediaelement.scss */
.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;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 419, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  visibility: visible;
}

/* line 423, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

/* line 431, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 440, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0px 5px;
}

/* line 446, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 454, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0;
}

/* line 459, ../../sass/libs/mediaelement.scss */
.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
}

/* line 467, ../../sass/libs/mediaelement.scss */
.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(50, 50, 50, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background-image: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background-image: linear-gradient(to bottom, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
  overflow: hidden;
  border: 0;
}

/* line 478, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 488, ../../sass/libs/mediaelement.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none;
}

/* line 492, ../../sass/libs/mediaelement.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  /*background: #333;*/
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(102, 102, 102, 0.7)), color-stop(100%, rgba(50, 50, 50, 0.6)));
  background-image: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}

/* line 500, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 510, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 519, ../../sass/libs/mediaelement.scss */
.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  /*font-weight: bold;*/
  line-height: 22px;
  font-size: 12px;
  color: #fff;
}

/* line 530, ../../sass/libs/mediaelement.scss */
.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline;
}

/* line 535, ../../sass/libs/mediaelement.scss */
.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

/* line 540, ../../sass/libs/mediaelement.scss */
.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0;
}

/* line 547, ../../sass/libs/mediaelement.scss */
.mejs-captions-position-hover {
  bottom: 45px;
}

/* line 551, ../../sass/libs/mediaelement.scss */
.mejs-captions-text {
  padding: 3px 5px;
  background: url(../../assets/img/background.png);
  background: rgba(20, 20, 20, 0.8);
}

/* End: TRACK (Captions and Chapters) */
/* line 558, ../../sass/libs/mediaelement.scss */
.mejs-clear {
  clear: both;
}

/* line 562, ../../sass/libs/mediaelement.scss */
.me-cannotplay a {
  color: #fff;
  font-weight: bold;
}

/* line 567, ../../sass/libs/mediaelement.scss */
.me-cannotplay span {
  padding: 15px;
  display: block;
}

/* End: ERROR */
/* line 574, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 584, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

/* Start: Loop */
/* line 596, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px;
}

/* line 600, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-loop-on button {
  background-position: -64px 0;
}

/* End: Loop */
/* Start: backlight */
/* line 607, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px;
}

/* line 611, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0;
}

/* End: backlight */
/* Start: picture controls */
/* line 618, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0;
}

/* End: picture controls */
/* MEJS Zen garden skin */
/* line 625, ../../sass/libs/mediaelement.scss */
.mejs-controls {
  display: block;
  visibility: visible;
}

/* line 630, ../../sass/libs/mediaelement.scss */
.mejs-container .mejs-controls {
  z-index: 25;
  height: 47px;
  background: #d6d6d6;
  border-top: 2px solid #303030;
}

/* line 637, ../../sass/libs/mediaelement.scss */
.mejs-container .mejs-controls .mejs-button {
  width: 20px;
  height: 20px;
  margin: 4px 6px;
}

/* line 643, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-button button {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: inherit;
}
/* line 649, ../../sass/libs/mediaelement.scss */
.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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 662, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-playpause-button button {
  text-align: center;
}
/* line 664, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-playpause-button button:before {
  content: "\f04b";
}

/* line 669, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-pause button {
  width: 15px;
}
/* line 671, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-pause button:before {
  content: "\f04c";
}

/* line 677, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-fullscreen-button button:before {
  content: "\f0b2";
}

/* line 682, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-share-button button {
  background-position: -2px -39px;
}

/* line 686, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-share-button button:hover {
  background-position: -2px -3px;
}

/* line 690, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button {
  margin: 4px 6px;
}

/* line 695, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button button:before {
  content: "\f026";
}

/* line 701, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-mute button:before {
  content: "\f028";
}

/* line 707, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-unmute button:before {
  content: "\f026";
}

/* line 712, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 721, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 34px;
}

/* line 725, ../../sass/libs/mediaelement.scss */
.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;
}

/* line 733, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-volume-button .mejs-volume-handle {
  display: none;
}

/* line 737, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail {
  height: 20px;
  padding-top: 8px;
  margin-left: 2px;
}

/* line 743, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-total {
  height: 3px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #303030;
}

/* line 753, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  height: 6px;
  background-color: transparent;
  filter: none;
  background-image: none;
  display: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/* line 766, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-current {
  height: 3px;
  background-color: #303030;
  filter: none;
  background-image: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/* line 778, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  background: #fff;
  border: 1px solid #303030;
  height: 14px;
  width: 14px;
  top: -6px;
  display: block;
  padding: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

/* line 793, ../../sass/libs/mediaelement.scss */
.mejs-container .mejs-controls .mejs-time {
  width: 100px;
  margin: 15px 0 0 0;
  padding: 0;
  position: absolute;
  left: 8px;
  top: 12px;
}

/* line 802, ../../sass/libs/mediaelement.scss */
.mejs-container .mejs-controls .mejs-time span {
  float: left;
  color: #303030;
  font-size: 14px;
}

/* line 808, ../../sass/libs/mediaelement.scss */
.mejs-controls .mejs-time-rail .mejs-time-float {
  z-index: 10;
}

/* line 812, ../../sass/libs/mediaelement.scss */
.mejs-container-fullscreen {
  z-index: 10000 !important;
}

/* line 816, ../../sass/libs/mediaelement.scss */
.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 0;
  opacity: 1;
}

/* line 821, ../../sass/libs/mediaelement.scss */
.mejs-overlay-loading {
  background: url(../../assets/img/loader.gif) center center no-repeat;
}

/* line 825, ../../sass/libs/mediaelement.scss */
.mejs-overlay-button {
  opacity: 0.7;
  height: 69px;
  left: 50%;
  margin: -35px 0 0 -36px;
  position: absolute;
  top: 50%;
  width: 73px;
}

/* line 835, ../../sass/libs/mediaelement.scss */
.mejs-poster {
  background: none !important;
}

/* line 839, ../../sass/libs/mediaelement.scss */
.mejs-poster img {
  width: auto !important;
  margin: 0 auto;
  display: block;
}

/* line 848, ../../sass/libs/mediaelement.scss */
:root .mejs-poster img {
  display: none;
}

/* line 852, ../../sass/libs/mediaelement.scss */
: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*/
/* 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: -363px;
  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*/
/* 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;
}
/* COLOR NAMES
----------------------------------------- */


/*theme colors*/


/*hard-coded colors*/


/* FUNCTIONAL COLORS
----------------------------------------- */


/*border colors*/


/*text colors*/


/*background colors*/


/*gradient colors*/


/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'QuattrocentoSansItalic';
    src: url(../fonts/QuattrocentoSans-Italic.ttf);
    src: url(../../fonts/QuattrocentoSans-Italic.ttf?#iefix);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
    src: url("../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?v=4.1.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuattrocentoSansBold';
    src: url(../../fonts/QuattrocentoSans-Bold.ttf);
    src: url(../../fonts/QuattrocentoSans-Bold.ttf?#iefix);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'QuattrocentoSansBoldItalic';
    src: url(../../fonts/QuattrocentoSans-BoldItalic.ttf);
    src: url(../../fonts/QuattrocentoSans-BoldItalic.ttf?#iefix);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'QuattrocentoSansRegular';
    src: url(../../fonts/QuattrocentoSans-Regular.ttf);
    src: url(../../fonts/QuattrocentoSans-Regular.ttf?#iefix);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'urw-din';
    src: url("https://use.typekit.net/af/0fba77/00000000000000007735a855/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/0fba77/00000000000000007735a855/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/0fba77/00000000000000007735a855/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
}


/* line 5, ../../sass/core/main.scss */

#cq-emulator-content.firefox {
    background-color: #FFF !important;
}


/* line 9, ../../sass/core/main.scss */

html,
body {
    width: 100%;
    font-size: 14px;
}


/* line 14, ../../sass/core/main.scss */

body {
    line-height: 1.5;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    overflow: auto;
}


/* line 22, ../../sass/core/main.scss */

[id=wrapper],
.container {
    color: #333333;
    /*background-color: #F5F5F5;*/
}


/* line 28, ../../sass/core/main.scss */

[id=header] {
    padding-top: 15px;
    padding-bottom: 15px;
}


/* line 33, ../../sass/core/main.scss */

[id=footer] {
    padding-bottom: 15px;
    padding-top: 15px;
}


/* BASE STYLES
----------------------------------------- */


/* line 41, ../../sass/core/main.scss */

img {
    max-width: 100%;
}


/* line 45, ../../sass/core/main.scss */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #323131;
    margin: 10px 0;
}


/* line 52, ../../sass/core/main.scss */

h1 {
    font-size: 2em;
}


/* line 56, ../../sass/core/main.scss */

h2 {
    font-size: 1.5em;
}


/* line 60, ../../sass/core/main.scss */

h3 {
    font-size: 1.17em;
}


/* line 64, ../../sass/core/main.scss */

h4 {
    font-size: 1em;
}


/* line 68, ../../sass/core/main.scss */

h5 {
    font-size: 0.83em;
}


/* line 72, ../../sass/core/main.scss */

h6 {
    font-size: 0.67em;
}


/* line 76, ../../sass/core/main.scss */

a {
    color: #323131;
    text-decoration: none;
}


/* line 81, ../../sass/core/main.scss */

a:hover {
    /*color: #868484;*/
}


/* line 85, ../../sass/core/main.scss */

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}


/* line 94, ../../sass/core/main.scss */

button,
input {
    *overflow: visible;
    line-height: normal;
}


/* line 100, ../../sass/core/main.scss */

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* line 106, ../../sass/core/main.scss */

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


/* line 114, ../../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 125, ../../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 132, ../../sass/core/main.scss */

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


/* line 137, ../../sass/core/main.scss */

textarea {
    overflow: auto;
    vertical-align: top;
}


/* LAYOUT STYLES
----------------------------------------- */


/* line 145, ../../sass/core/main.scss */

.component {
    margin-bottom: 10px;
}


/* line 149, ../../sass/core/main.scss */

.component-content {
    margin-bottom: 14px;
}


/* line 166, ../../sass/core/_mixins.scss */

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


/* line 172, ../../sass/core/_mixins.scss */

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


/* line 154, ../../sass/core/main.scss */

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


/* ALERTS
-------------------------------------*/


/* line 161, ../../sass/core/main.scss */

.alert-list {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style-type: disc;
}


/* line 168, ../../sass/core/main.scss */

.alert-list li {
    padding-left: 4px;
}


/* line 172, ../../sass/core/main.scss */

.alert {
    margin-bottom: 20px;
}


/* line 176, ../../sass/core/main.scss */

.alert-error {
    color: red;
}


/* UTILITIES
----------------------------------- */


/* line 183, ../../sass/core/main.scss */

.pull-right {
    float: right;
}


/* line 187, ../../sass/core/main.scss */

.pull-left {
    float: left;
}


/* line 191, ../../sass/core/main.scss */

.is-hidden {
    display: none !important;
    visibility: hidden !important;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


/* http://sonspring.com/journal/clearing-floats */


/* line 201, ../../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 212, ../../sass/core/main.scss */

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


/* line 222, ../../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 231, ../../sass/core/main.scss */

.clearfix {
    zoom: 1;
}


/* BUTTONS
----------------------------------*/


/* line 237, ../../sass/core/main.scss */

.button {
    background-color: #e1e1e1;
    border: 1px solid #656363;
    color: #323131;
    padding: 5px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
}


/* line 249, ../../sass/core/main.scss */

.lt-ie8 .button {
    display: inline;
}


/* line 253, ../../sass/core/main.scss */

.button:hover {
    background-color: #939191;
    color: white;
}

#wrapper {
    width: 100%;
}

#content.main {
    width: 100%;
    padding: 0px;
    margin: 0px;
}


/*WUNGLOGC-1942 :: START
==========================================================*/


/*issue 7*/

[lang|=en] .page-caplets img {
    width: auto;
}


/*issue 6*/

@media all and (max-height: 566px) and (max-width: 767px) {
    [lang|=en] .searchBox .form-search .search-query {
        width: 183px;
        left: -265px;
        top: -43px;
    }
    [lang|=en] .searchBox .form-search .button {
        width: 9%;
        left: -23%;
        top: -56px;
        color: transparent;
    }
    [lang|=en] #wrapper .search-logo img {
        top: -8px;
        position: relative;
        left: -3px;
    }
    [lang|=en] #wrapper .homepage-shopnow {
        top: 54px;
    }
    [lang|=en] .richText.section.homepage-shopnow.grid_2.component.even p {
        margin: 5px 0;
    }
    [lang|=en] .homepage-shopnow p a {
        padding: 5px 32px;
    }
    [lang|=en] .navigation-branch.navigation-level1.is-open {
        left: -250px;
        width: 100%;
        top: 110px;
        overflow: scroll;
        height: 210px;
    }
    [lang|=en] .navigation-horizontal .navigation-item {
        padding-bottom: 0;
    }
    [lang|=en] .navigation-item.navigation-level1>.navigation-item-title {
        padding: 0px 20px 4px 20px;
    }
    [lang|=en] .navigation-horizontal .navigation-level2 .navigation-item-title {
        padding: 2px 15px 2px 20px;
    }
}


/*issue 5*/

@media all and (min-width: 768px) and (max-width: 960px) {
    [lang|=en] #wrapper .orange-mix-product-details-body-box-one,
    [lang|=en] #wrapper .orange-mix-product-details-body-box-two,
    [lang|=en] #wrapper .orange-mix-product-details-body-box-three,
    [lang|=en] #wrapper .orange-mix-product-details-body-box-four,
    [lang|=en] #wrapper .orange-mix-product-details-body-box-five {
        width: calc(20% - 30px);
        left: 0;
        padding: 0;
        margin: 25px 15px 0 15px;
    }
    [lang|=en] .page-caplets #wrapper .orange-mix-product-details-body-box-one,
    [lang|=en] .page-caplets #wrapper .orange-mix-product-details-body-box-two,
    [lang|=en] .page-caplets #wrapper .orange-mix-product-details-body-box-three,
    [lang|=en] .page-caplets #wrapper .orange-mix-product-details-body-box-four {
        width: calc(25% - 30px);
        left: 0;
        padding: 0;
        margin: 25px 15px 0 15px;
    }
}


/*issue 4*/

@media all and (max-width: 767px) {
    [lang|=en] .page-orange-mix-powder #wrapper .orange-mix-other-products-left-image img,
    .page-sugar-free-orange-mix #wrapper .sugarfree-orangemix-other-products-box-left .orange-mix-other-products-left-image img {
        left: 0;
        margin-bottom: 20px;
    }
}


/*issue 3*/

@media all and (max-width: 767px) {
    [lang|=en] .shop-external-box .shop-box-two {
        margin: 25px auto;
        width: calc(100% - 60px);
    }
    [lang|=en] #wrapper .shop-box-two .image.grid_4 {
        width: 50%;
        text-align: center;
        min-height: 120px;
        padding-top: 0;
        padding-bottom: 0;
        display: block;
        margin: 0;
        top: 0;
        clear: none;
        float: left;
        position: relative;
    }
    [lang|=en] #wrapper .shop-box-two img {
        float: none;
        max-width: 100%;
        display: inline-block;
        position: static;
    }
    [lang|=en] #wrapper .shop-box-two a {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85%;
    }
    [lang|=en] #wrapper .shop-box-two .content.paragraphSystem:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}


/*issue 2*/

@media all and (max-width: 959px) {
    [lang|=en] .page-products .accordion-container li h3 a {
        padding: 10px 40px 10px 10px;
    }
}


/* mobile landscape issue - START */

@media only screen and (max-width: 959px) {
    #wrapper .homepage-shopnow {
        background: #fff;
    }
    .searchBox .form-search .search-query:focus{
        outline:0px solid #fad9bf;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .navigation-branch.navigation-level1.is-open {
        height: auto!important;
    }
}

@media only screen and (max-width: 812px) and (max-height: 375px) {
    .navigation-item.navigation-level1>.navigation-item-title {
        width: 60% !important;
    }
    .navigation-branch.navigation-level1.is-open {
        overflow: scroll !important;
        height: 210px !important;
    }
}

@media all and (max-width: 767px) {
    .navigation-mobile-menu {
        outline: none;
    }
}

@media all and (max-width: 767px) {
    .homepage-second-box,
    #wrapper .homepage-product-box,
    .product-other-box,
    .fiber-header-box,
    .home-info-two p,
    .homepage-product-box,
    .homepage-fiber-box,
    #footer,
    #wrapper .product-header-box, 
    .product-main-box .product-bread-box, 
    .product-rich-content,
    orange-mix-product-details-main-box,
    #wrapper .orange-mix-top-text,
    #wrapper .orange-mix-drug-facts-main-box,
    .orange-mix-content-box-bottom,
    #wrapper .fiber-box .box.section.component.even,
    .product-heading-rich,
    .fiber-rt-three,
    .what-is-fiber-content-bottom,
    .mobile-mandatory-text p,
    #wrapper .fiber-main-box .fiber-text-box,
    #wrapper .fiber-teaser-box,
    .disclaimer-text p,
    #wrapper .common-product-box,
    .orange-mix-drug-facts-left-text-three,
    .orange-mix-other-products-title,
    #wrapper .orange-mix-breadcrumb-box,
    #wrapper .homepage-top-box .breadcrumbs.section.product-breadcrumb.component{
        width: calc(100% - 20px) !important;
    }
    #wrapper .homepage-top-box .home-top-richtext,
    .home-top-richtext h1,
    .home-top-richtext p,
    #wrapper .home-top-image,
    #wrapper .home-rich-product p,
    span.Product-info-rich-text,
    .home-products-heading h2,
    .home-rich-product h3,
    .home-rich-product,
    .home-rich-info,
    .home-chart-image,
    .footer-image,
    .product-mandatory-text,
    .sitemap_submenu,
    .home-fibre-need-rich h2,
    #wrapper .home-fibre-need-rich p,
    .home-teaser-box .home-teaser-one,
    .home-teaser-two,
    .home-teaser-three,
    #wrapper .product-heading-rich h1,
    #wrapper .fiber-image-two, 
    .fiber-top-box, 
    .orange-mix-top-box,
    .what-is-fiber-mandatory-text,  
    .success-note-richtext, 
    .orange-mix-main-box,
    #wrapper .product-mobile-image-box,
    #wrapper .product-main-box .product-rich-content p,
    #wrapper .orange-mix-top-text p,
    #wrapper .orangemix-product-detail,
    #wrapper .orange-mix-product-details-title,
    #wrapper .orange-mix-drug-facts-box-left,
    .orange-mix-drug-facts-left-text-three ul li, 
    .orange-mix-drug-facts-right-text-three p, 
    .orange-mix-drug-facts-left-text-three p,
    #wrapper .orange-mix-drug-facts-box-right,
    #wrapper .orange-mix-drug-facts-right-text-three h3,
    .orange-mix-drug-facts-right-text-three p:nth-child(4),
    #wrapper .other-product-box,
    .orange-mix-other-products-left-text p:nth-child(3),
    .orange-mix-other-products-right-text p:nth-child(2),
    .orange-mix-other-products-right-text p:nth-child(3),
    .orange-mix-other-products-right-text p,
    .fiber-rt-two p,
    .homepage-top-box .fiber-rt-three p,
    .what-is-fiber-content-bottom p,
    .fiber-rich-topbox .fiber-rt-one p,
    #wrapper .fiber-text-box .fibre-content-richtext p,
    .fiber-type-content-italic p,
    .fiber-type-content-text-two p, 
    .fiber-type-content-text-one p, 
    .fiber-health-content p,
    .fiber-type-content-text-two h2, 
    .fiber-type-content-text-one h2, 
    .fiber-health-content h2, 
    .diet-rich-one h2, 
    .diet-rich-two h2,
    .fibre-content-richtext,
    .diet-rich-one p,
    #wrapper .diet-rich-one, 
    .diet-rich-two,
    .diet-rich-two p,
    .fiber-health-content p em,
    .orange-mix-drug-facts-right-text-one h4, 
    .orange-mix-drug-facts-left-text-three h4{
        width: 100% !important;
    }
    #wrapper .home-centre-box{
        width: 94% !important;
    margin: 5px auto !important;
    }
    #wrapper .home-rich-product p a{
        width: 94% !important;
        padding: 10px 0 !important;
    }
    .home-fibre-need-rich{
        padding: 0 15px;
    }
    #wrapper .home-fibre-need-rich p,
    .home-fibre-need-rich h2{
        padding-left: 0px !important;
    }
    .home-product-two-box .home-rich-product{
        right: 0 !important;
    }
    .navigation-mobile-menu {
        width: 27px !important;
    }
    .searchBox {
        width: 300px !important;
    }
    .navigation-item.navigation-level1>.navigation-item-title {
        background: none !important;
    }
    #wrapper .navigation.section.navigation-horizontal {
        width: auto !important;
    }
    #wrapper .search-logo {
        width: 46px !important;
        left: -62px !important;
        height: auto !important;
    }
    .searchBox .form-search .button {
        left: 6px !important;
    }
    #wrapper .footer-product-text,
    .footer-product-text p,
    .Footer-Rich-Text,
    .Footer-Rich-Text p:nth-child(2) {
        width: calc(100% - 10px) !important;
    }
    .Footer-Rich-Text p:nth-child(1) {
        text-align: center;
    }
    .Footer-Rich-Text p a {
        display: inline-block !important;
    }
    .home-teaser-box .home-teaser-one,
    .home-teaser-two,
    .home-teaser-three {
        width: 32% !important;
        display: inline-block !important;
    }
    #wrapper .home-product-image-three img {
        width: auto !important;
    }
    br {
        display: none;
    }
    .product-mobile,
    .fiber-mobile {
        width: 49% !important;
        display: inline-block !important;
        vertical-align: top;
        border-bottom: 2px solid #f1f1f1;
    }
    #wrapper .home-product-one-box p,
    #wrapper .home-product-two-box p,
    #wrapper .home-product-three-box p{
        margin: 17px auto !important;
    }
    .product-mobile {
        padding-bottom: 33px !important;
    }
    .footer-product-text p:nth-child(3) {
        left: auto !important;
        text-align: center !important;
        background-color: transparent !important;
    }
    #wrapper .footer-product-text-box {
        background-position: 75% 38% !important;
        background-size: 100% 44% !important;
    }
    
    .product-header-image-box img{
        max-width: 300px;
    }
    #wrapper .product-mobile-image-box{
        margin: auto !important;
    }
    .product-mobile-image-external-box{
        margin-top: -10px !important;
    }
    .orange-mix-top-box{
        background-color: transparent !important;
        display: block !important;
        padding: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
    }
    .main .orange-mix-top-image.grid_6.alpha{
        background-color: #fff;
        display: block;
        padding: 18px 0 0;
        border-radius: 5px;
        width: 300px !important;
        margin: 10px auto !important;
    }
    #wrapper .orange-mix-top-text {
        margin: 5px auto !important;
    }
    #wrapper .orange-mix-top-box .orange-mix-top-text p a{
        padding: 17px 0 !important;
        width: 94% !important;
    }
    .orange-mix-other-products-title h2 strong{
        float: none !important;
    }
    .main .orange-mix-other-products-left-image.grid_3.alpha,
    .main .orange-mix-other-products-right-image.grid_3.alpha{
        margin-bottom: 0px;
        max-width: 300px;
        margin: auto !important;
        text-align: center;
    }
    .orange-mix-other-products-right-text p a, 
    .orange-mix-other-products-left-text p a{
        width: 94% !important;
    }
    .accordion{
        width: 94% !important;
    }
    .homepage-top-box .fiber-rt-three p,
    .mobile-mandatory-text p,
    #wrapper .orange-mix-content-box-bottom .orange-mix-other-products-right-text p:nth-child(3){
        text-align: center;
    }
    #wrapper .fiber-main-teaser-box 
    .what-is-fiber-teaser-one, 
    .what-is-fiber-teaser-two, 
    .what-is-fiber-teaser-three, 
    .what-is-fiber-teaser-four {
        display: inline-block !important;
        width: 49% !important;
    }
    #wrapper .fiber-main-teaser-box 
    .what-is-fiber-teaser-one .articleTeaser-text-content, 
    .what-is-fiber-teaser-two .articleTeaser-text-content, 
    .what-is-fiber-teaser-three .articleTeaser-text-content, 
    .what-is-fiber-teaser-four .articleTeaser-text-content {
        max-width: 295px;
        margin: auto;
    }
    .fibre-header-image{
        width: 100% !important;
        margin: auto !important;
        padding: 0px !important;
    }
    .articleTeaser .articleTeaser-image-holder.articleTeaser-image-top,
    #wrapper .types-fiber-teaser .articleTeaser-text-content, 
    .health-fiber-teaser .articleTeaser-text-content, 
    .diet-fiber-teaser .articleTeaser-text-content,
    .benefits-fiber-teaser .articleTeaser-text-content{
        max-width: 300px !important;
        margin: auto !important;
    }
    #wrapper .fiber-main-box .fiber-text-box{
        padding: 0px 10px !important;
    }
    .fibre-content-richtext,
    .fibre-header-image,
    #wrapper .fiber-main-box .fiber-text-box,
    .orange-mix-other-products-right-text p a, 
    .orange-mix-other-products-left-text p a{
        box-sizing: border-box !important;
    }
    #wrapper .fiber-text-box .fibre-content-richtext p,
    .fiber-type-content-text-two p, 
    .fiber-type-content-text-one p, 
    .fiber-health-content p,
    .fiber-health-content p em{
        left: auto !important;
    }
    #wrapper .orangemix-caplets-top-box .caplets-orangemix-top-image img,
    #wrapper .orange-mix-other-products-box-left{
        margin: auto !important;
    }
    .orange-mix-other-products-title{
        float: none !important;
    }
    #wrapper .homepage-top-box .breadcrumbs.section.product-breadcrumb.component{
        margin: 10px !important;
        padding: 0px !important;
    }
    .fiber-type-content-italic p{
        left: auto !important;
    }
    .diet-rich-one p:nth-child(1){
        padding: 0 !important;
    }
    #wrapper .orange-mix-other-products-title h2 span.product-line-span{
        left: 63% !important;
    }
    #wrapper .footer-product-text{
        margin-bottom: 30px !important;
    }
    .diet-fiber-image img {
        margin: 0px auto 5px !important;
        float: none !important;
    }
    #wrapper .diet-food-box .diet-food-box-two .diet-fiber-image img {
        margin: 2px auto !important;
    }
    #wrapper .diet-food-box .diet-food-box-four .diet-fiber-image img {
        margin: 0px auto 4px !important;
    }
}

@media (max-width: 640px) {
    .home-teaser-box .home-teaser-one,
    .home-teaser-two,
    .home-teaser-three {
        width: 94% !important;
        display: block !important;
        max-width: 300px;
    }
}

@media all and (max-width: 480px) {
    .product-mobile,
    .fiber-mobile {
        width: 100% !important;
        display: block !important;
    }
    .product-mobile {
        border-bottom: none;
    }
    #wrapper .footer-product-text-box {
        background-position: 75% 24% !important;
        background-size: 100% 38% !important;
    }
    .Footer-Rich-Text p a {
        display: block !important;
    }
    .footer-product-text p:nth-child(3){
        font-size: 11px !important;
    }
    #wrapper .fiber-main-teaser-box 
    .what-is-fiber-teaser-one, 
    .what-is-fiber-teaser-two, 
    .what-is-fiber-teaser-three, 
    .what-is-fiber-teaser-four {
        display: inline-block !important;
        width: 100% !important;
    }
    #wrapper .orange-mix-other-products-title h2 span.product-line-span{
        left: 84% !important;
    }
}

@media all and (max-width: 568px) {
    .navigation-branch.navigation-level1.is-open {
        height: 185px !important;
    }
}


/* mobile landscape issue - END */


/*=======================================WUNGLOGC-1942 :: END*/


.page-search-results  #wrapper .searchResults {
    margin: 100px auto;
}
.page-search-results .searchResults .component-content {
    display: flex;
    padding: 0 10px;
}
.accordion-container li h3 {
	padding:0px;
}
.fiber-teaser-box .articleTeaser-text-content h2 {
	    top: -6px !important;
}
.fiber-teaser-box .articleTeaser-text-content h2 a{
	top: -6px !important;
}
.what-is-fiber-content-bottom h2{
	margin-top:9px !important;
}
.page-search-results #wrapper .searchResults {
    margin: 40px auto;
}

.searchBox .form-search .button {
    color: #ffffff;
}

/* Ashish Gupta | CCW-1494 | 11/01/23 | en-US: I have created "contact-us" varient for Contact Us page UI issues fixes */

.contact-us .contact-list {
    margin-left: 0;
}
.contact-us .grey-circle {
    background: #b3b3b3;
    text-align: center;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}
.contact-us .grey-circle img {
    width: 30px;
}

.contact-us .contact-item {
    display: flex !important;
    align-items: center;
}
.contact-us .visibility-hide {
    visibility: hidden;
}
.contact-us .contact-list .contact-item:before {
    display: none;
}

.contact-us .ext-link {
    border-bottom: 2px solid #04a1c1;
    text-decoration: none;
}

.contact-us .default-icon>.removePopUp {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #04a1c1;
    border-radius: 50%;
    margin: 0 0 0 5px;
    height: 26px;
    width: 26px;
    border-bottom: none;
    vertical-align: middle;
}

.contact-us .default-icon>.removePopUp img {
    width: auto;
    height: 16px;
    text-align: center;
}

@media(max-width:767px) {
    .contact-us .contact-list .contact-item {
        padding: 10px;
        border-radius: 4px;
        background: #8080800f
    }
}

@media(min-width:992px) {
    .m-d-t-2 {
        margin-top: 2rem;
    }
    .p-d-x-1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media(max-width:991px) {
    .m-m-t-2 {
        margin-top: 2rem;
    }
    .p-m-x-1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Ashish Gupta | CCW-1494 | End */

/* Ashish Gupta | CCW-1530 | 13/01/22 | en-US: create varient globally for normal font-weight */

.opt-out-icon{
    margin : -1px 0;
}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*/
/* 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 {
  z-index: 9999;
  font-size: 35px;
  line-height: 1;
  position: absolute;
  top: -40px;
  right: 15px;
  cursor: pointer;
  display: none;
  color: #fff;
  outline: none;
}
/* line 52, ../../sass/core/overlay.scss */
.overlay-close:after {
  content: "\f00d";
  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;
}

/* line 57, ../../sass/core/overlay.scss */
.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/loader.gif) no-repeat 50% 50%;
}
/* 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
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/accordion/_accordion-base.scss */
.accordion-container {
  /*border: solid 1px #DDDDDD;*/
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius:3px;
}

/* line 10, ../../sass/components/accordion/_accordion-base.scss */
.accordion-head {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
  padding: 19px 0px 19px 10px;
  margin: 0;
  color: #939191;
  border-top:0px solid #DDDDDD;
 margin:0px;
}

/* line 19, ../../sass/components/accordion/_accordion-base.scss */
.accordion-slide:first-child .accordion-head {
  border-top: 0;
}

/* line 23, ../../sass/components/accordion/_accordion-base.scss */
.accordion-title {
  padding: 13px;
  margin: 0;
}

/*
.accordion-slide:last-child:not(.is-active) > .accordion-head,
.accordion-slide:last-child > .accordion-content {
    border-bottom: none;
}*/
/* line 34, ../../sass/components/accordion/_accordion-base.scss */
.accordion-content {
  padding: 13px;
}

/* line 38, ../../sass/components/accordion/_accordion-base.scss */
.accordion-content-wrapper {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

/* line 46, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide .accordion-head:hover {
  background-color: #fff;
  color: white;
}
/* line 51, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide.is-active > .accordion-head:hover {
  background-color:#FFFFFF;
}
/* line 55, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide.is-active > .accordion-head {
  color: black;
}
/* line 60, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-content-wrapper {
  visibility: hidden;
  height: 0;
  position: relative;
  top: -999999px;
  left: -999999px;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* line 72, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide.is-active > .accordion-content-wrapper {
  visibility: visible;
  position: relative;
  top: auto;
  left: auto;
  overflow:none;
}
/* line 81, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide.is-active:last-child > .accordion-content-wrapper {
  border-bottom: none;
}
/* line 85, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-head {
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
}
/* line 89, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-head:after {
  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: 8px;
  font-size: 12px;
  float: right;
}
/* line 98, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide.is-active > .accordion-head {
  cursor: default;
  padding:0px;
}
/* line 100, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide.is-active > .accordion-head:after {
  
  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: 8px;
  font-size: 12px;
  float: right;
}
.accordion-slide{  border: solid 1px #DDDDDD;  margin-bottom: 39px;  border-top-right-radius: 3px;border-top-left-radius: 3px;}
/* 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*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img {
  border-bottom: solid 4px #f36633; }

.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; }
  .articleTeaser .articleTeaser-text-content .articleTeaser-text-link:hover {
    background-color: #939191;
    color: white; }
  .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) {
  .articleTeaser .component-content.hero-article .articleTeaser-text-content {
    width: 100%; }
  .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*/
/* line 3, ../../sass/components/articleList/_articleList-base.scss */
.articleList {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

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

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

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

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

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

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

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

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

/* line 51, ../../sass/components/articleList/_articleList-base.scss */
.articleList-more-arrow {
  display: none;
}
/* line 53, ../../sass/components/articleList/_articleList-base.scss */
.no-generatedcontent .articleList-more-arrow {
  display: inline;
}

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

/* line 64, ../../sass/components/articleList/_articleList-base.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 73, ../../sass/components/articleList/_articleList-base.scss */
.articleList-horizontal-2-columns .articleList-article {
  padding: 0;
  margin: 0;
  margin-right: 1.2%;
  width: 48%;
}

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

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

  /* line 96, ../../sass/components/articleList/_articleList-base.scss */
  .articleList-horizontal-2-columns .articleList-article,
  .articleList-horizontal-3-columns .articleList-article {
    display: block;
    width: 100%;
  }
}
/* line 103, ../../sass/components/articleList/_articleList-base.scss */
.articleList-tags {
  list-style-type: none;
  padding: 0;
  margin: -20px 0 0 0;
}

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

/* line 114, ../../sass/components/articleList/_articleList-base.scss */
.articleList-tags-item-link {
  background: #b9b8b8;
  color: black;
  border: 1px solid #939191;
  padding: 1px;
  display: block;
  font-size: 0.85em;
}
.page-contact-us .success-note-richtext {font-family:'';}
.homepage-second-box {   width: 940px;margin: 0px auto;  margin-bottom: 11%;  position: relative;}
.shop-box-two a{	display: block;}
.home-info-two p{ display:none}
#wrapper .orangemix-caplets-top-box .caplets-orangemix-top-image img {margin:56px 0px 0px 69px;}
#wrapper .orangemix-caplets-top-box .orange-mix-top-text {  margin-top: 5px;  margin-left:0px;}
#wrapper .home-rich-product{ margin-top:-1px;}
#wrapper .sugaerfree-caplets-bottom-text p a{ margin-top:40px; }
#wrapper .buy-three img{ margin-top:0px; position:relative;}
#wrapper .buy-two img{margin-top:0px;}
#wrapper .buy-six img{  padding-top: 0px;}
.buy-five{margin-top:10px;}
.buy-four{margin-top:15px;}
.buy-nine{margin-top:20px;}
.buy-ten{  margin-top: 17px;}
.footer-product-text p a:hover,.orange-mix-other-products-left-text p a:hover,.orange-mix-other-products-right-text p a:hover {
  color: #FFFFFF;
  background-color: #f0812a;
}
/* kv- 20151023
.homepage-shopnow p a:hover{color: #FFFFFF;
  background-color: #f0812a;
  border:1px;}*/
  .homepage-shopnow p a:hover{ 
  color: #FFFFFF;
  background-color: #f0812a;  
  padding: 9px 32px;
  text-decoration: none;
  border-radius: 5px;
  letter-spacing: 1px;
  border: 2px solid #f0812a;}
.product-breadcrumb li.even a {text-transform: capitalize;}
.footer-mobile { display:none;}
#wrapper .orange-mix-product-details-body-box-four .orange-mix-product-details-text p{ margin-top:4px;}
#wrapper .orange-mix-product-details-body-box-three .orange-mix-product-details-text p{ margin-top:4px;}
#wrapper .orange-mix-drug-facts-left-text-three ul:nth-child(8){ font-family:'QuattrocentoSansRegular';font-weight:normal;}
#wrapper .orange-mix-drug-facts-right-text-one{   position: relative;display: block;top:0;margin-bottom: -20px;}
#wrapper .orange-mix-drug-facts-right-text-one p strong{   font-family: 'QuattrocentoSansBold';}
#wrapper .orange-mix-other-products-box-right{ margin-left:7px;}
#wrapper .orange-mix-other-products-box-left{  margin: 0px;position: relative;display: block;left: -12px;}
#wrapper .orangemix-caplets-top-box .orange-mix-top-text p:nth-child(4){  font-size: 16px;margin-bottom:41px;line-height: 20px;top:22px;position: relative; font-weight:normal;color:#333333; font-family:'QuattrocentoSansRegular';}
.orange-mix-other-products-title h2, .orange-mix-top-text h2{  font-family: 'QuattrocentoSansBoldItalic';font-size: 24px;color: #408471;line-height: 24px;}
#wrapper .orange-mix-drug-facts-right-text-one h4{ margin-top:8px;}
#wrapper .home-daughter-image img{   width: 618px;border-radius:5px 5px 0px 0px;}
#wrapper .orange-mix-drug-facts-box-left {  width: 49%;position: relative;display: block;float: left;padding-right: 20px;}
#wrapper .orange-mix-top-text p:nth-child(3){ margin-bottom:0px;} 
#wrapper .caplets-sugarfree-bottom-text{ margin-top:-25px; }
#wrapper .caplets-orangemix-bottom-text{   margin-top: 9px;display: block;position: relative;left: 23px;} 
#wrapper .sugaerfree-orangemix-bottom-text p:nth-child(3) { margin-top:55px;}
#wrapper .caplets-orangemix-bottom-text p:nth-child(3){margin-top: 52px;}
.orangemix-warning-span{  font-family: 'QuattrocentoSansRegular';font-size: 16px;font-weight: normal;}
#wrapper .orangemix-product-detail{   position: relative;left:1%;width: 940px;}
.orange-mix,.sugar-free-orange-mix,.caplets{   margin-bottom:-32px;/* margin: 0px auto; */display: block;position: relative;left: -15px;}
#wrapper .orange-mix-other-products-left-image img{ width:100%;}
#wrapper .product-landing-info .home-rich-product p:nth-child(3){  font-size: 14px;line-height: 14px;margin-top: 60px;}
#wrapper .home-product-one-box .home-rich-product p a span.methyl-orange-product-info{ margin:0px;}
#wrapper .home-product-one-box p:nth-child(3){font-size:14px;line-height:14px;margin-top:81px;}
#wrapper .home-product-two-box p:nth-child(3){font-size:14px;line-height:14px;margin-top:62px;}
/*#wrapper .home-product-three-box p:nth-child(3) {font-size:14px;line-height:14px;margin-top:61px;}*/
#wrapper .home-product-three-box p:nth-child(3) {font-size:14px;line-height:14px;margin-top:65px;}
#wrapper .home-product-three-box{  padding: 0px;
  margin-top: 74px;}
#wrapper .orange-mix-other-products-left-text p:nth-child(4){ margin-top:-26px}
#wrapper .product-small-image{ margin-top:20px;  padding-left: 6px;}/*gnana 10/5/15*/
#wrapper .product-header-image-box{margin-top:29px;margin-bottom:0;width:51%;margin-top: 27px;  margin-top: 27px;right: 20px;
 position: relative;}
#wrapper .product-header-rich-box { margin:0px auto;  margin-top:49px;  right: 18px;
  position: relative;}
/*#wrapper .home-teaser-box { margin-left:14px;}*/
/*kv - 20151023*/
#wrapper .home-teaser-box {margin: 5px 0px 0px 19px;}
.homepage-main-box .home-chart-image{width:940px;margin:22px auto;margin-bottom:0px;}
#wrapper .homepage-product-box{margin:0px auto;width:940px;margin-bottom: 50px;}/*gnana 10/12/15*/
.articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header{ margin-top:0px;}
.product-mobile, .fiber-mobile{ display:none;}
.orange-mix-top-text p:nth-child(6) {font-family: 'QuattrocentoSansBoldItalic';color: #408271;  line-height: 10px;}
.mobile-diet-box{ display:none;}
.mobile-mandatory-product-text p{ display:none;}
.mobile-faq h2{display:none}
.diet-food-box{ display:block;  margin: 14px 0px 0px 0px;}
#wrapper .sitemap-submenu p{position:absolute;left:21%;margin-top:-45px;line-height:5px;list-style-type:disc}
.orange-mix-top-text p span.caplets-head-span{color:#000;font-family:'QuattrocentoSansRegular';font-size:16px;margin-top:0!important}
#wrapper .footer-text p span.footer-menu,.footer-fiber-text p span.footer-menu{  color: #408471;font-family:'urw-din';font-weight:900;font-size:16px;line-height:16px;}
#wrapper .Error-heading-text{  color: #fff;width: 940px;margin: 0 auto;font-size: 26px;font-family: 'QuattrocentoSansBoldItalic'; line-height:26px;}
h4{color:#408271}
#wrapper .home-star-style{position:absolute;font-size:27px;margin-top:-8px}
.page-caplets #wrapper .orange-mix-product-details-body-box-one, .page-caplets #wrapper .orange-mix-product-details-body-box-two, .page-caplets #wrapper .orange-mix-product-details-body-box-three,.page-caplets  #wrapper .orange-mix-product-details-body-box-four {width: 202px;padding: 0px 19px;}
.page-caplets .common-product-box{  margin-bottom: 22px;}
#wrapper .other-product-box{margin-top:46px;display:block;float:left;  margin-bottom: 22px;} /*palani*/
#wrapper .footer-product-text-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/Rounded.png) no-repeat;  background-position: 100% 28%;  background-size:63% 70%;  margin-left: 5px;  margin-bottom:0px;}
.footer-product-text p:nth-child(2) {   margin-top: 10px;}
#wrapper .searchResults{border:0 solid;width:940px;margin:40px auto}
#wrapper .orange-mix-accordian-text-title h2 span.product-line-span { border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;float: none;left:54.4%;margin-top: -67px;}
#wrapper .orange-mix-other-products-title h2 span.product-line-span {  border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;margin: -20px 0px 0px 0px;left:50%;}
#wrapper .orange-mix-product-details-title h2 span.product-line-span { border-bottom: 2px solid rgb(241, 241, 241);position: relative;margin: -63px 0px 0px 0px;display: block;left: 31.5%;}
#wrapper .orange-mix-drug-facts-title-text h2 span.product-line-span {border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;margin: -63px 0px 0px 0px;left: 22%;}
.product-child-text{color:#408471;font-weight:700}/*gnana 10/8/15*/
.orange-mix-drug-facts-right-text-one ul li{font-size:16px;font-family:'QuattrocentoSansBoldItalic'}
.orange-mix-drug-facts-right-text-two{font-size:16px;font-family:'QuattrocentoSansRegular'}
.orange-mix-other-products-right-text p:nth-child(1){  font-size: 16px;font-family: 'QuattrocentoSansBold';color: #408471;line-height: 16px;margin-bottom: 0px;}
.orange-mix-other-products-left-text p{font-size:16px;font-family:'QuattrocentoSansRegular';line-height:18px;}
.orange-mix-drug-facts-left-text-three ul li em,.orange-mix-drug-facts-right-text-three ul li em,.orange-mix-drug-facts-left-text-two ul li em{font-family:'QuattrocentoSansBoldItalic';font-size:16px}
.orange-mix-drug-facts-left-text-three ul:nth-child(3){margin:0;padding:0;width:90%;position:relative;left:-14px}
.orange-mix-drug-facts-left-text-three strong{font-family:'QuattrocentoSansBold';font-size:16px}
.orange-mix-drug-facts-left-text-two ul{margin:0;padding:0}
.orange-mix-drug-facts-left-text-two p {  margin: 0px 0px 40px;}
.orange-mix-drug-facts-left-text-three ul li,.orange-mix-drug-facts-left-text-one p,.orange-mix-drug-facts-left-text-two p{font-family:'QuattrocentoSansRegular';font-size:16px;line-height:20px}
.orange-mix-drug-facts-left-text-three p{font-family:'QuattrocentoSansRegular';font-size:16px;line-height:20px;  margin-top: 0px;}
.orange-mix-drug-facts-right-text-three p{font-family:'QuattrocentoSansRegular';font-size:16px;line-height:18px;  margin: 10px 0px 45px;}
.orange-mix-drug-facts-left-text-two h3,.orange-mix-drug-facts-left-text-one h3,.orange-mix-drug-facts-left-text-three h3,.orange-mix-drug-facts-right-text-three h3{font-size:24px;font-family:'urw-din';font-weight:900;color:#408471}/*gnana 10/8/15*/
#wrapper .orange-mix-drug-facts-right-text-one h3{font-size:26px;font-family:'urw-din';font-weight:900;color:#408471;  margin:0px 0px 0px;}/*palani*/
.orange-mix-drug-facts-left-text-one h4{color:#408471;font-family:'urw-din';font-weight:900;line-height:0;word-spacing:0;letter-spacing:3px;  font-size: 16px;}/*gnana 10/8/15*/
.orange-mix-product-details-main-box .product-main-box .orange-mix-top-box{background-color:#fff;display:block;padding:51px 0 0;border-radius:5px;width:940px}
.orange-mix-top-text h1{font-family:'urw-din';font-weight:900;font-size:70px;line-height:70px;color:#F0812A;text-align:left;  margin-bottom:20px;  position: relative; right: 3px;}
.orange-mix-other-products-title h2,.orange-mix-top-text h2{font-family:'QuattrocentoSansBoldItalic';font-size:22px;color:#408471;}/*gnana 10/7/15*/
.orange-mix-top-text p{font-family:'QuattrocentoSansRegular';font-size:16px;width:94%;padding:0;line-height:20px;}
.orange-mix-top-text p:nth-child(5){color: #408471;font-family: 'QuattrocentoSansBold';font-size: 16px;font-weight: 400;line-height: 16px;  margin-bottom: 0px;}
.orange-mix-top-text p:nth-child(4){  font-size: 16px;margin-bottom:41px;line-height: 20px;top:22px;position: relative;color: #408471;font-family:'urw-din';font-weight:900;}/*gnana 10/8/15*/
.page-caplets .orange-mix-top-text p:nth-child(4){top:0px;margin-top:12px;  margin-bottom: 25px;font-weight:normal;  color: #323131;}
.orange-mix-top-text p a{background-color:#f0812a;padding:10px;border-radius:5px;color:#fff;position:relative;display:block;width:95%;font-family:'urw-din';font-weight:900;font-size:16px;text-align:center;margin-top:40px}
#wrapper .orange-mix-top-box .orange-mix-top-text p a{  background-color: #f0812a;padding:15px;border-radius: 5px;color: #fff;position: relative;display: block;width:99%;font-family:'urw-din';font-weight:900;font-size:16px;text-align: center;margin-top: 40px;}/*gnana 10/7/15*/
#wrapper .orange-mix-product-details-title {  margin: 52px 0px 28px;  }
.orange-mix-accordian-text-title h2,.orange-mix-other-products-title h2,.orange-mix-drug-facts-title-text h2,.orange-mix-product-details-title h2{color:#408471;font-family:'urw-din';font-weight:900;font-size:32px;line-height:49px}
.orange-mix-drug-facts-title-text h2{color:#408471;font-family:'urw-din';font-weight:900;font-size:32px;line-height:42px;  margin-bottom: 50px;}
.orange-mix-product-details-title h2{color:#408471;font-family:'urw-din';font-weight:900;font-size:32px;line-height:42px}
.citrucel-sitemap,.orange-mix-drug-facts-main-box{margin:0 auto;width:940px;margin-bottom:0px;}
.orange-mix-product-details-text p{margin:0 auto;display:block;text-align:center;font-size:14px;font-family:'QuattrocentoSansBoldItalic';line-height:16px;}/*gnana 10/7/15*/
.common-product-box{  width: 940px;  margin: 0 auto;  display: block;}
#wrapper .orange-mix-product-details-body-box-one,#wrapper .orange-mix-product-details-body-box-two,#wrapper .orange-mix-product-details-body-box-three,#wrapper .orange-mix-product-details-body-box-four{  position: relative;  left: 17px;  width: 167px;}
#wrapper .orange-mix-product-details-body-box-five{  width: 167px;position:relative;top:11px;}
.orange-mix-product-details-mandatory-text{text-align:center;font-family:'QuattrocentoSansBoldItalic';padding:12px;  font-size: 14px; padding-bottom:0px;   margin-bottom: 3px;}/*gnana 10/8/15 */
.orange-mix-product-details-image img{padding:10px;margin:0 auto;display:block;clear:both}
.orange-mix-product-details-image{  margin-bottom: 18px;}
.orange-mix-product-details-main-box .product-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 80%}
#wrapper .orange-mix-top-image img{   margin: 5px 0px 0px 72px;display: block;align-items: center;float: left;}/*palani-gs*/

.success-note-richtext p{  color: #666666;font-family:'QuattrocentoSansBoldItalic';font-size:16px}/*gnana 10/13/15*/
.success-note-richtext p em a{  color: #408471;font-family:'QuattrocentoSansBoldItalic';font-size:16px}/*gnana 10/5/15*/
#wrapper .caplets img{width:62.3%;margin:0 auto;display:block}
#wrapper .home-product-three-box .home-rich-product { margin-top:-27px} /*palani*/
#wrapper .home-product-image-three img{width:55%;margin:0 auto;display:block}
#wrapper .orange-mix-breadcrumb-box,.orange-mix-top-box,.orange-mix-product-details-title{margin:0 auto;width:940px;display:block;float:none}
.box-outlined .component-content{border:solid 2px #323131;padding:13px;background-color:#e1e1e1}
.box-heading{display:block;color:#323131;font-size:20px;font-weight:700;padding-bottom:10px}
.box-more{display:block;text-align:right}
#wrapper .fibre-heading-richtext .fibre-content-richtext{width:700px;margin:0 auto;text-align:center}
.fibre-content-richtext p{font-size:16px;font-family:'QuattrocentoSansRegular';width:88%; margin: 0px auto;}
#wrapper .types-fiber-teaser .articleTeaser-text-content h2 a,.health-fiber-teaser .articleTeaser-text-content h2 a,.diet-fiber-teaser .articleTeaser-text-content h2 a,.benefits-fiber-teaser .articleTeaser-text-content h2 a{font-size:18px;color:#408427;font-family:'QuattrocentoSansBoldItalic';margin:0 auto;position:relative;margin-top:0px;margin-left:0px;  float: left;
  position: relative;
  margin: 0px;
  width: 251px;
  right: 23px;
  top: -3px;}/*gnana 10/5/15 */
#wrapper .types-fiber-teaser h2{  position: relative;margin-top: -38px;margin-left: 20px;background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;clear: both;    background-position:100% 48%;  height: 10px;
  position: relative;
  width: 72%;
  left: 8%;
  top: 0;}/*gnana 10/8/15 */
#wrapper .benefits-fiber-teaser h2{  position: relative;  margin-top: -24px;  margin-left: 15px;background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;clear: both;    background-position:100% 69%;  height: 10px;
position: relative;
  left: 88%;
  top: 0;
  width: 72%;
  left: 8%;}/*gnana 10/8/15 */
#wrapper .diet-fiber-teaser h2{  position: relative;margin-top: -27px;margin-left: 17px;background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;clear: both;    background-position:100% 69%;  height: 10px;
  position: relative;
  width: 72%;
  left: 8%;
  top: 0;}/*gnana 10/8/15 */
#wrapper .health-fiber-teaser h2{  position: relative;margin-top: -34px;margin-left: 22px;background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;clear: both;    background-position:100% 67%;  height: 10px;
  position: relative;
  width: 72%;
  left: 8%;
  top: 0;}/*gnana 10/8/15 */
.types-fiber-teaser .articleTeaser-text-description a p,.health-fiber-teaser .articleTeaser-text-description a p,.diet-fiber-teaser .articleTeaser-text-description a p{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;height:10px;width:10px;position:relative;width:3%;left:86%;top:-50px}
#wrapper .types-fiber-teaser,.health-fiber-teaser,.diet-fiber-teaser,.benefits-fiber-teaser{height:auto;  margin-bottom: 0px;}
#wrapper .types-fiber-teaser,.health-fiber-teaser,.diet-fiber-teaser{height:284px}
#wrapper .citrucel-toggle{display:none}
.arrow-image{position:relative;display:block;float:left;left:93.5%;top:-6px}
.fibre-heading-richtext h1{color:#408427}
#wrapper .fiber-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100%}/*gnana 10/5/15 */
#wrapper .fiber-main-box .fiber-text-box{width:940px;margin:0 auto;background-color:#fff;border-radius:5px;   margin-bottom: 0px;}/*gnana 10/8/15 */
#wrapper .fibre-header-image img{display:block;height:auto;width:864px;margin: 0px auto;}
#wrapper .fiber-rt-one .fiber-rt-two,.product-heading-rich{margin:0 auto;width:940px}
#wrapper .fiber-rt-one .fiber-rt-two{margin:0 auto;width:940px}
.Citrucel-Fibers-box .fibre-two-Box .types-of-fiber .Fiber-Rich-Text p{width:100%;top:-19px;position:relative;display:block;float:left}
#wrapper .navigation.section.navigation-horizontal{position:relative;padding-left:4%;width:33%;left: 70px;  letter-spacing: 1px;}
.homepage-shopnow p a{font-size:14px;font-family:'urw-din';font-weight:900;color:#f0812a;text-align:center;border:2px solid #fad9bf;padding:9px 32px;text-decoration:none;border-radius:5px;letter-spacing: 1px;}
#wrapper .homepage-shopnow{width:16%;position:relative;left: 65px;z-index:9999;margin:7px auto;}/*gnana 10/9/15*/
.searchBox .form-search .button{background-color:#fff;border:2px solid #fad9bf;width:28%;margin-top:13px;border-radius:5px;padding: 8px 35px 10px 0px;left: 27px;position:relative;float:right}/*gnana 10/20/15*/
.citrucel-Header-Box{margin-bottom:0px;position: relative;}
.gsk-logo{top:14px;position:absolute;left:auto;right:0}
.Citrucel-Fibers-box,.searchBox .form-search .search-query,.searchBox-title{display:none}
#wrapper .search-logo{width:46px;padding:0;margin:0;height:52px;top:0;position:relative;left:-70px}/*gnana 10/20/15*/
#wrapper .search-logo img{top:23px;position:relative;left:17px}/*gnana 10/20/15*/
#wrapper .Citrucel-Header-Box .navigation-horizontal{width:100%;left:66%;position:relative}
.Citrucel-Header-Box .navigation-horizontal{width:47%;margin-top:10px;position:relative;display:block;float:left}
#content .homepage-top-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;   background-size: 100% 88%;}
#wrapper .fiber-top-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 85%}
.citrucel-Header-Box .citrucel-logo{margin:17px auto;left:0px;position:relative;width:163px}
#wrapper .homepage-top-box .home-top-richtext{ position: relative;color: #fff;left: 0%;margin-top: 62px;width: 480px;}
.home-top-richtext h1{font-size:70px;color:#fff;line-height:70px;font-family:'urw-din';font-weight:900;text-transform:uppercase;letter-spacing:2px;  margin-bottom:10px;  text-shadow: 0 3px 0 #e16217;}
.home-top-richtext p:nth-child(1){font-family:'QuattrocentoSansBoldItalic';font-size:27px;color:#fff;margin-bottom:0px; line-height:27px;}
.home-top-richtext p:nth-child(3),.home-top-richtext p:nth-child(4){font-family:'QuattrocentoSansBoldItalic';color:#fff;  width: 400px;float:left;margin-bottom: 0px;line-height:21px;  font-size: 17px;
  letter-spacing: 1px;}
.home-products-heading h2{font-family:'urw-din';font-weight:900;font-size:42px;color:#408471;text-align:center;line-height:42px;}
.home-rich-product h3{font-size:24px;font-family:'urw-din';font-weight:900;width:100%;margin:0 auto;display:block;color:#408471;text-align:center;  line-height: 24px;  padding-bottom: 24px;}
#wrapper .home-product-one-box p,.home-product-two-box p,.home-product-three-box p{margin:0 auto;text-align:center;font-family:'QuattrocentoSansRegular';font-size:16px;line-height: 20px; width: 85%;}
.home-product-image-two,.home-product-image-one{margin:0 auto;width:100%;margin-top:-42px;}
.home-fibre-need-rich p{font-family:'QuattrocentoSansRegular';font-size:16px;padding:0 0 0 20px;width:89%;line-height:23px}
.home-fibre-need-rich h2{font-family:'urw-din';font-weight:900;font-size:42px;color:#408271;padding-left:15px;line-height: 42px;}
.home-rich-info p{ font-family: 'QuattrocentoSansBoldItalic';font-size:14px;line-height:16px;letter-spacing:0px;margin: 0px auto;padding: 0px;text-align: center;display: block;position: relative;margin-bottom:34px; }
.Product-rich-text p{color:#408471;font-size:24px;font-family:'urw-din';font-weight:900;text-align:center;width:100%}
.orange-mix-other-products-left-text p:nth-child(1){color:#408471;font-size:12px;font-family:'urw-din';font-weight:900;line-height:0}
.orange-mix-other-products-right-text h2{color:#408471;font-size:32px;font-family:'urw-din';font-weight:900;line-height:32px}
.orange-mix-other-products-left-text h2{color:#408471;font-size:32px;font-family:'urw-din';font-weight:900;line-height:32px}
.orange-mix-other-products-left-text p:nth-child(3),.orange-mix-other-products-right-text p{  font-size: 16px;font-family: 'QuattrocentoSansRegular';line-height:18px;position: relative;display: block;float: none;margin-top: 11px;}/*gnana 10/5/15 */
.product-one-Box{margin:0 auto;width:38%}
.articleTeaser-image-holder h2{color:#408471;font-size:16px}
.product-one-Box .orange-mix img,.product-two-Box .sugar-free-orange-mix img{width:70%;display:block;margin:0 auto}
.product-three-Box .caplets img{display:block;margin:0 auto}
.home-fibre-need-rich p:nth-child(5){font-size:12px;border-top:1px solid #e4e4e4;font-family:'QuattrocentoSansBoldItalic';width:100%}
/*.articleTeaser-text-content h2 a{font-size:16px;color:#408427;font-family:'QuattrocentoSansBoldItalic';margin:0 auto;position:absolute;margin-top:-55px;margin-left:30px}*/
.articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img{border-bottom:none}
.home-centre-box{width:618px;border:1px solid #eaeaea;border-radius:5px;  margin: 7px auto;}
.footer-text p:nth-child(1){color:#408471;font-size:16px;font-family:'urw-din';font-weight:900;}
.footer-text p{font-family:'QuattrocentoSansBold';font-size:16px;line-height:16px}
.footer-fiber-text p:nth-child(1){color:#408471;font-size:16px;font-family:'urw-din';font-weight:900;line-height:16px;}
.footer-fiber-text p{font-family:'QuattrocentoSansBold';font-size:16px;line-height:16px;}
.footer-product-text p a{ padding: 8px;background-color: #fff;border: 2px solid #F0812A;border-radius: 5px;text-align: center;width: 120px;color: #f0812a;font-family:'urw-din';font-weight:900;font-size: 14px;text-transform: uppercase;display: block;}
.footer-product-text p:nth-child(1){font-size: 14px; font-family: 'QuattrocentoSansRegular';  LINE-HEIGHT: 24PX;    width: 237px;  margin: 5px 0px 0px;}
.footer-product-text p:nth-child(4),.footer-product-text p:nth-child(3){background-color:#fff;text-align:left;font-family:'QuattrocentoSansItalic';font-size:12px;line-height:18px;  margin: 32px 0px 16px;}
.Footer-Rich-Text{border-top:1px solid #e0e0e0}
.Footer-Rich-Text p:nth-child(1){  font-size: 12px;word-spacing: 2px;line-height: 12px;margin-bottom: 0px;}
.Footer-Rich-Text p:nth-child(2){  font-size: 10px;  width: 67.8%;  line-height: 14px;  font-family: 'QuattrocentoSansBold';  margin-bottom: 0px;}/*gnana 10/7/15*/
.Footer-Rich-Text{font-family:'QuattrocentoSansBold';text-transform:uppercase;border-top:1px solid #f0f0f0;  margin-bottom: 0px;}/*gnana 10/7/15*/
.common-footer-box {margin-bottom:0px;}/*gnana 10/7/15*/
.citrucel-Products-box{display:none}
.Citrucel-Fibers-box,.fibre-one-Box,.fibre-two-Box,.fibre-three-Box,.fibre-four-Box,.Fiber-Rich-Text p a{margin:0;font-family:'QuattrocentoSansBoldItalic';font-size:16px;color:#408471;  position: relative;}
.types-of-fiber p a{color:red}
.home-arrow-image{position:relative;width:100%;left:90%;display:block;margin-top:-48px}/*gnana 10/7/15*/
.articleTeaser-text-description a p {background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;height:10px;width:10px;position:relative;width:3%;left:86%;top:-49px}
.home-teaser-box .home-teaser-one,.home-teaser-two,.home-teaser-three{display:block;top:0;left:0;height:274px;margin-bottom: 4px;}
.home-teaser-three h2 a,.home-teaser-one h2 a,.home-teaser-two h2 a{   display: block; font-size: 16px;
color: #408427;font-family: 'QuattrocentoSansBoldItalic';/* right: -10px; *//* line-height: 0px; */
margin-top: 10px; float: left; position: absolute;margin: 0px; top: -3px;clear: left;z-index: 99999;
 width: 100%;left: 20px;}
.home-teaser-three h2,.home-teaser-one h2,.home-teaser-two h2{ background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat 90% 0%;
  height: 22px;position: relative;/* width: 3%; */top: -38px; /* left: 88%; */display: block;
 }
.homepage-product-box{width:940px;margin:0 auto}
.homepage-fiber-box{width:940px;margin:0 auto}
.home-rich-info{width:940px;margin:0 auto}
.fiber-box .box.section.component.even,.what-is-fiber-content-bottom,.fiber-top-box,.accordion,.what-is-fiber-mandatory-text,.fiber-rich-topbox,.fiber-rt-three,.product-other-box,.product-mandatory-text,.fiber-header-box,.orange-mix-content-box-bottom,.sitemap_submenu{width:940px;margin:0 auto}
#wrapper .fiber-image-two{width:940px;margin:0 auto;position:relative;top:15px;}/*gnana 10/5/15 */
#wrapper .homepage-top-box .breadcrumbs.section.product-breadcrumb.component{margin:0 auto;width:940px;font-family:'QuattrocentoSansBoldItalic';font-size:26px;  padding: 14px 0px 35px 0px;line-height:26px}
.product-breadcrumb{ margin-bottom:0px }
.accordion ul li h3 a{color:#F0812A}
.accordion .accordion-slide.is-active a{background:url(../../../../../../../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/minus.png) no-repeat;display:block;  background-position: 99% 55%;background-color:#F0812A;color:#fff;   padding: 20px 31px 20px 20px;}/*gnana 10/5/15 */
.accordion-slide h3 a{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/Plus.png) no-repeat;display:block;background-position:99% 0}/*gnana 10/12/15*/
#wrapper .product-heading-rich h1{font-family:'urw-din';font-weight:900;font-size:50px;line-height:50px;color:#fff;text-shadow:0 3px 0 #e16217;text-align:center}
#wrapper .fiber-box .product-heading-rich h1{font-family:'urw-din';font-weight:900;font-size:70px;line-height:50px;color:#fff;  text-shadow: 0 3px 0 #e16619;text-align:center;  margin-bottom: 28px;}
#wrapper .fibre-heading-richtext h1{font-family:'urw-din';font-weight:900;font-size:70px;line-height:70px;color:#408471;text-align:left;  margin: 28px 0 22px 35px;  word-spacing: 12px;}
.fiber-rich-topbox .fiber-rt-one,.fiber-rt-two p{font-size:16px;font-family:'QuattrocentoSansRegular';color:#fff}
.homepage-top-box .fiber-rt-three p{text-align:center;font-size:16px;font-family:'QuattrocentoSansBoldItalic';color:#fff;  padding-bottom: 10px;}
.fiber-image-two img{margin:0 auto;display:block}
.what-is-fiber-teaser-one .articleTeaser-text-content h2 a,.what-is-fiber-teaser-two .articleTeaser-text-content h2 a,.what-is-fiber-teaser-three .articleTeaser-text-content h2 a,.what-is-fiber-teaser-four .articleTeaser-text-content h2 a{font-size: 16px;color: #408427;font-family: 'QuattrocentoSansBoldItalic';float: left;position: absolute;margin:0px;width: 200px;  right: -10px;  top: -3px;}/*gnana 10/5/15*/
#wrapper .what-is-fiber-teaser-one .articleTeaser-text-description a,.what-is-fiber-teaser-two .articleTeaser-text-description a,.what-is-fiber-teaser-three .articleTeaser-text-description a,.what-is-fiber-teaser-four .articleTeaser-text-description a{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;height:10px;width:10px;position:relative;width:3%;left:91%;top:-43px}
.what-is-fiber-content-bottom h2{text-align:center;font-size:42px;font-family:'urw-din';font-weight:900;color:#408471;margin-bottom: 18px;}
.what-is-fiber-content-bottom p{text-align:center;font-size:16px;font-family:'QuattrocentoSansRegular';width:85%;margin:0 auto;display:block;  margin-bottom: 27px;}
.accordion-container li h3 a{  font-family: 'QuattrocentoSansBoldItalic';font-size:22px;border-radius:1px 1px 0px 0px;  padding: 0px 25px;}/*gnana 10/12/15 */
#wrapper .what-is-fiber-mandatory-text p{text-align:center;font-family:'QuattrocentoSansBoldItalic';font-size:15px;  margin: 9px 0px 13px 0px;}
.orange-mix-accordian-text p,.what-is-fiber-accordian-text p{font-family:'QuattrocentoSansRegular';font-size:16px}
.homepage-top-box ol li a,span.breadcrumbs-separator{color:#fff}
.shop-box-two img{  margin: 0 auto;padding: 20px;margin-top: 5px;position: relative;display: block;float: left;}
.shop-common-top-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100%}
.shop-common-richtext h1{font-size:70px;font-family:'urw-din';font-weight:900;width:940px;margin:0 auto;color:#fff}
.shop-external-box .shop-box-two{margin:40px auto;width: 860px;display:block;border:1px solid #dadada;border-radius:5px;padding:39px;}
.product-breadcrumb ol li a,span.breadcrumbs-separator,.shop-bread ol li a,span.breadcrumbs-separator{color:#fff;font-size:16px;font-family:'QuattrocentoSansBoldItalic';line-height: 26px;}
#wrapper .product-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;display:block;background-repeat:no-repeat;  background-size:100% 38.7%;width:100%;  margin-bottom: 3px;}
.page-health  #wrapper .product-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;display:block;background-repeat:no-repeat;  background-size: 100% 34.5%;width:100%;  margin-bottom: 3px;}
#wrapper .orange-mix-product-details-main-box .product-sub-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;display:block;background-repeat:no-repeat;background-size:100% 71%;width:100%;}
#wrapper .product-header-box,.product-main-box .product-bread-box,.product-rich-content{width:940px;margin:0 auto}
#wrapper .product-main-box .home-product-three-box img,.home-product-image-one img{margin:0 auto;display:block;float:none}
/* kv - 20151023
.home-product-image-two img{margin:0 auto;display:block;float:left;  padding: 0px 10px;}*/
/*gnana 10/13/15*/
.home-product-image-two img{margin:0 auto;display:block;}
.home-product-image-two img{margin:0 auto;display:block;left: -7px;top: 5px;position:relative;}
.homepage-product-box .home-product-image-three img{margin:0 auto;display:block}
#wrapper .home-rich-product h2{text-align:center}  
#wrapper .home-rich-product p a{background-color:#f0812a;padding:13px;border-radius:5px;color:#fff;position:relative;display:block;width:50%;margin:20px auto;font-family:'urw-din';font-weight:900;font-size:14px; line-height:14px;}
#wrapper .Product-rich-text p a{background-color:#f0812a;padding:10px;border-radius:5px;color:#fff;position:relative;display:block;width:44%;font-family:'urw-din';font-weight:900;font-size:14px;left:24%}/*gnana 10/7/15*/
.orange-mix-other-products-left-text p a{background-color:#fff;padding:11px;border-radius:5px;position:relative;display:block;width:55%;font-family:'urw-din';font-weight:900;font-size:14px;left:0;border:2px solid #f0812a;color:#f0812a;text-align:center;top:15px;  margin-top: 30px;line-height:14px;}
.orange-mix-other-products-right-text p a{background-color:#fff;padding:11px;border-radius:5px;position:relative;display:block;width:55%;font-family:'urw-din';font-weight:900;font-size:14px;border:2px solid #f0812a;color:#f0812a;text-align:center;margin-top:31px; line-height:14px;}
#wrapper .product-main-box .product-rich-content p{text-align:center;width:81%;font-family:'QuattrocentoSansRegular';font-size:16px;margin:22px auto;}
#wrapper .product-main-box .product-rich-content p:nth-child(1){margin-bottom:13px;}
#wrapper .product-main-box .product-rich-content p:nth-child(2){margin-top:0px;}
#wrapper .product-main-box .product-rich-content p:nth-child(3){font-family: 'QuattrocentoSansBoldItalic';font-size: 16px;margin: 20px auto;line-height: 20px;  margin-top: 30px;margin-bottom: 37px;}/*gnana 10/5/15*/
#wrapper .product-mobile-image-box{display:none}
#wrapper .product-bread-box .product-breadcrumb ol li a,.fiber-header-box .benefits-breadcrumb ol li a{font-size:16px;font-family:'QuattrocentoSansBoldItalic';color:#fff;line-height:30px;}
.product-heading-rich{text-align:center;font-family:'QuattrocentoSansBoldItalic';font-size:27px;line-height:6px;color:#fff;margin-top:-21px;}
#wrapper .product-bread-box .product-heading-rich h1{font-size:50px}
.product-rich-content-one p,.product-rich-content-two p,.product-rich-content-three p{color: #fff;font-family: 'QuattrocentoSansBoldItalic';font-size: 16px;display: block;float: none;  margin-bottom: 5px;line-height:22px;padding: 0px;  width: 97%;}
.product-small-image{margin:0 auto;display:block;float:left;margin-top:37px}
.home-product-one-box,.home-product-two-box{border-right:1px solid #eaeaea;  height: 405px;}
/* kv - 20151023
.home-product-image-three{  padding:0px;margin:-14px 0px 10px 0px;}*/
.home-product-image-three{  padding:0px;margin:-30px 0px 10px 0px;}
.product-mandatory-text p{font-family: 'QuattrocentoSansBoldItalic';font-size: 16px;display: block;float: none;top:-18px;position: relative;left: 56px;margin-bottom: -3px;padding: 0px}
.Citrucel-Fibers-box{  z-index: 99999;background-color: #fff;position: absolute;width:886px;padding: 50px 27px;height: 145px;}
.citrucel-Products-box{  z-index: 99999;background-color: #fff;position: absolute;width: 940px;padding-top: 43px;height:364px;}
#wrapper .fiber-teaser-box,.orange-mix-other-products-title{width:940px;margin:0 auto;display:block}
.fiber-type-content-image-one img,.fiber-type-content-image-two img{  float: right;  margin-right: 18px;}
.fiber-type-content-text-two h2,.fiber-type-content-text-one h2,.fiber-health-content h2,.diet-rich-one h2,.diet-rich-two h2{color:#408471;font-size:32px;font-family:'urw-din';font-weight:900;line-height:42px;}
.fiber-type-content-text-two p,.fiber-type-content-text-one p,.fiber-health-content p,.diet-rich-one p,.diet-rich-two p{font-family:'QuattrocentoSansRegular';font-size:16px}
.fiber-type-content-italic p{font-family:'QuattrocentoSansBoldItalic';font-size:16px;width:100%;left:5%;position:relative}
.fiber-health-content em{font-family:'QuattrocentoSansBoldItalic';font-size:16px;width:100%;position:relative;top: 30px;}
#wrapper .fiber-health-content{  width: 87%;margin: 0px auto;  padding: 15px 29px 55px 0px;}
#wrapper .diet-rich-one,.diet-rich-two{  width: 89%;margin: 0px auto;}
.diet-fiber-image img{margin:0 auto;display:block}
#wrapper .diet-rich-food p{position:relative;width:100%;margin:0 auto;text-align:center;font-family:'QuattrocentoSansBoldItalic';font-size:22px}
#wrapper .shop-bread{margin:0 auto;width:940px;display:block}
.shop-avaiable-richtext{display:none}
.success-note-richtext{margin:0 auto;width:940px;display:block;  margin-top:26px;}/*gnana 10 8 15 */
.success-note-richtext p:nth-child(1){  font-family: 'QuattrocentoSansBoldItalic';font-size:16px;  color: #408471;margin-bottom:0px;}/*gnana 10 8 15 */
.success-note-richtext p:nth-child(2){  margin-top: 12px;}/*gnana 10 8 15 */
.disclaimer-text p{
  color: #666666;
  font-family: 'QuattrocentoSansBoldItalic';
  font-size: 16px;
  width: 940px;
  margin: 0 auto;
  position: relative;
  padding-top: 30px;
}
.orange-mix-other-products-right-image img,.orange-mix-other-products-left-image img{width:100%;margin:0 auto;display:block}
.orange-mix-other-products-right-image img{ margin-top:5px;}
.page-caplets .orange-mix-other-products-right-image img{width:100%;}
.shop-common-top-box h1{margin:0 auto;width:940px;color:#fff;font-size:70px;text-transform:uppercase;  padding:15px;  position: relative;
  top: -20px;padding-bottom:0px;}
#wrapper .shop-bread ol{   margin-top: 11px;}
.Footer-Rich-Text p a{padding:0 8px;  font-weight: bold;}
.sitemap_submenu .richText-content p a{color:#f0812a;font-family:'QuattrocentoSansBold';font-size:20px;line-height:20px}
.home-fibre-need-rich p span.learn-more{color:#408471;font-size:18px;font-family:'QuattrocentoSansBoldItalic';display:block;float:left;margin-left:0;margin-top:1.5%;position:absolute;line-height:16PX;width:100px}
.fiber-image-one{margin-bottom:0px;}
#wrapper .fiber-main-teaser-box{  margin-top: 27px;position: relative;top: 18px;  margin-bottom: 20px; width:70.4%;}
.page-fiber  #wrapper .fiber-main-teaser-box{  margin-top: 27px;position: relative;top: 18px;  margin-bottom: 20px; width:940px;}
.footer-product-text{  top: 20px;position: relative;}
.Footer-Rich-Text a:nth-child(1) {padding-left: 0px;}
.fibre-heading-richtext{margin-bottom:7px;}
.fibre-content-richtext p:nth-child(1) {margin-bottom: 10px;}
.fibre-content-richtext{  margin: 35px 0px 25px 0px;}
.mobile-mandatory-text p{display:none}
/*#wrapper .home-top-image {display: block;position: absolute;op: 47px;left: 36%;width: 69%;}*/
#wrapper .home-top-image {  display: block;position: absolute;top: 47px;left: 36%;width: 79%;}
.home-info-two p{display:none;}
#wrapper .home-products-heading{margin:0px auto;margin-top:52px;display:block;margin-bottom:30px; }
.home-product-one-box,.home-product-two-box,.home-product-three-box{  margin-top: 55px;}/*gnana 10/7/15*/
#wrapper .what-is-fiber-teaser-one h2,.what-is-fiber-teaser-two h2,.what-is-fiber-teaser-three h2,.what-is-fiber-teaser-four h2{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;height:10px;width:10px;position:relative;width:3%;left:88%;top:-32px;}
.fiber-need,.types-of-fiber,.fiber-and-Health,.fiber-and-diet{ margin-bottom:-10px;}
.fibre-content-richtext-type {  margin-bottom: 21px;padding: 0px 10px;}
.fiber-type-content-image-one,.fiber-type-content-image-two{  top: 13px;position: relative;}
.fiber-type-content-text-two{margin-bottom:18px;}
.fiber-health-content h2{  margin-bottom: 6px;}
.fiber-health-content p{   margin: 0px 0px 30px 0px;}/*gnana 10/12/15*/	
.fiber-health-content p:nth-child(6){margin-bottom:10px;}
.fiber-health-content p:nth-child(7){margin-bottom:20px;}
.diet-food-box-one {position: relative;top: 33px;}
#wrapper .diet-food-box-four{margin-top: 11px;  width: 17%;margin-left: 0px;}
#wrapper .diet-food-box-two{  margin-left: 0px;width: 18%;}
.diet-food-box-three{  margin: 0px 0px 0px 21px;}
.diet-food-box-one,.diet-food-box-two,.diet-food-box-four{margin-bottom:0px;}
.diet-rich-two h2{  margin-bottom: 7px;}
.diet-rich-two p{   margin: 0px 0px 31px;}
.diet-rich-two p:nth-child(4){  margin-bottom: 40px;}
#wrapper .footer-product-text{  margin-left: 0px;
  width: 51%;}
#wrapper .load-iframe{ width:960px; margin: 0 auto;}
.orange-mix-drug-facts-right-text-one p:nth-child(5){font-weight: bold;font-family: 'QuattrocentoSansBoldItalic';}
.orange-mix-drug-facts-right-text-two p:nth-child(1){margin-top:31px;}
.orange-mix-drug-facts-right-text-two p:nth-child(2){margin:0px;}
.orange-mix-drug-facts-right-text-two p:nth-child(3){margin-top:11px;}
.orange-mix-drug-facts-right-text-three{  margin:20px 0px 22px;}
.orange-mix-drug-facts-right-text-three h3{  margin-bottom: 0px; margin-top:4px !important;}
.orange-mix-drug-facts-right-text-three ul{   margin: 0px 0px 40px;}
#wrapper .orange-mix-drug-facts-box-right {  margin-top: 0px;  margin-left: 18px;
  width: 49%;  left: 4px;}
.orange-mix-drug-facts-left-text-one{  margin-bottom: 25px;}
.orange-mix-drug-facts-left-text-two h3:nth-child(1){  margin-bottom: 5px;}
.orange-mix-drug-facts-left-text-two h3:nth-child(3){  margin-bottom: 0px;}
.orange-mix-drug-facts-left-text-two ul{  margin-top: -7px;}
.orange-mix-drug-facts-left-text-three{  margin-top: 45px;  width: 437px; margin-bottom:70px;}
#wrapper .orange-mix-drug-facts-left-text-three  h4{   margin: 35px 0px 3px;
  font-size: 16px;
  color: #408471;
  font-family: QuattrocentoSansRegular;}/*gnana 10/12/15*/
#wrapper .orange-mix-drug-facts-left-text-three ul{margin-top:0px;}
.fiber-type-content-text-two p:nth-child(2){  margin: 0px 0px 11px;}/*gnana 10/8/15*/
.fiber-type-content-text-one p{margin-top:0px;}/*gnana 10/8/15*/
.fiber-type-content-text-two p:nth-child(3){margin-top:0px;}
#wrapper .diet-fiber-teaser{    margin: 2px 0px 0px 8px;}
#wrapper .health-fiber-teaser{   margin: 2px 0px 0px 4px;}/*gnana 10/8/15*/
.fiber-type-content-box{margin-bottom:0px;}
#wrapper .types-fiber-teaser{  margin: 2px 0px 0px 6px;}
.page-diet #wrapper .product-main-box{ background-size: 100% 33.4%;}/*gnana 10/5/15*/
.health-fiber-teaser img{   width: 98%;top: 2px;position: relative;}/*gnana 10/8/15*/
.home-product-three-box,.home-product-two-box,.home-product-one-box{margin-bottom:0px;}
#wrapper .footer-image img{display:block;}
#wrapper .orange-mix-top-text{   margin-top: 5px;  margin-left:-23px;   width: 467px;}
.home-product-two-box .home-rich-product{  position: relative;right: 8px;}
.page-orange-mix-powder .orange-mix-other-products-right-text{  position: relative;
  top: 23px;}
 .page-orange-mix-powder .orange-mix-other-products-right-text p a{  margin-top: 13px;}
 .searchResults h3 a{  color: #f0812a;}
 .page-caplets  #wrapper .caplets-sugarfree-bottom-text {
margin-top: 0;
  position: relative;
  top: -10px;
}
.page-benefits #wrapper .product-main-box{  background-size: 100% 47%;}
 #wrapper .orange-mix-other-products-box-right{margin-left:11px;}
.footer-mobile{display:none;}
.page-caplets #wrapper .orange-mix-product-details-main-box .product-sub-box{  background-size: 100% 66%;}
.page-types #wrapper .product-main-box{  background-size: 100% 40.5%;}
.buy-nine img{  padding-top: 0px;}
.diet-fiber-teaser img{  width: 96%;top: 6px;position: relative;}
.benefits-fiber-teaser img{  width: 97%;top: 8px;position: relative;}
#wrapper .fiber-teaser-benefits-mobile{display:none;}/*gnana 10/9/15*/
#wrapper .fiber-teaser-two-mobile{display:none;}/*gnana 10/9/15*/
.chart-mobile{display:none;}




@-moz-document url-prefix() {
 #header{padding-bottom:8px;}
 #wrapper .home-products-heading{margin-top: 57px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 ::i-block-chrome, #wrapper .orange-mix-other-products-title h2 span.product-line-span {
margin: -23px 0px 0px 0px;
left: 53%;
}
 ::i-block-chrome, .home-fibre-need-rich p span.learn-more {
 margin-top: 19px;
 }
 ::i-block-chrome, #wrapper .orange-mix-accordian-text-title h2 span.product-line-span {
left: 57%;
margin-top: -72px;
}  
 ::i-block-chrome,.home-rich-product h3 {
font-size: 22px;
}
 ::i-block-chrome,.accordion-container li h3 a {
font-family: 'QuattrocentoSansBoldItalic';
font-size: 20px;
border-radius: 1px 1px 0px 0px;
padding: 0px 16px;
}
 ::i-block-chrome,.accordion-slide h3 a {

background-position: 99% 0;
}
 ::i-block-chrome,.home-top-richtext h1 {

letter-spacing: 1px;

}
}
@media only screen and (min-width:2047px) and  (max-width:2048px){
#wrapper .home-top-image {  display: block;position: absolute;top: 47px;left: 36%;width: 79%;}/*gnana 10/10/15*/
#wrapper .homepage-top-box .home-top-richtext {
    position: relative;
    color: #FFF;
    left: 27%;
    margin-top: 62px;
    width: 39%;
}
}
@media only screen and (min-width:1920px) and  (max-width:1921px){
.home-fibre-need-rich p span.learn-more{  margin-top: 19px;}
#wrapper .homepage-top-box .home-top-richtext{
  /*left: 25%;*/
}
#content .homepage-top-box {
    background: transparent url("../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png") no-repeat scroll 0% 0% / 100% 78%;
    width: 100%;
    position: relative;
    left: 0px;
    display: block;
}
}

@media only screen and (min-width:1024px) and (max-width:1025px) {
#wrapper .load-iframe{
	width:960px;	
	/*margin-left: 10px;
	margin-right: 10px;*/
}
#wrapper .navigation.section.navigation-horizontal {
  position: relative;
  padding-left: 4%;
  width: 33%;
  left: 120px;
}
#wrapper .home-product-one-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top: 80px;
}
.home-top-richtext p:nth-child(3), .home-top-richtext p:nth-child(4) {  width: 336px;}
#wrapper .home-product-two-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top: 61px;
}
#wrapper .homepage-top-box .home-top-richtext {
  position: relative;
  color: #fff;
  letter-spacing: 1px;
  left: 2.3%;
  margin-top: 62px;
}
#content .homepage-top-box {
background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);
width: 100%;
position: relative;
left: 0;
display: block;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.home-top-richtext h1 {
font-size:55px;
color: #fff;
line-height:55px;
font-family:'urw-din';
font-weight:900;
text-transform: uppercase;
letter-spacing: 2px;
}
#wrapper .home-top-image {  display: block;  position: absolute;  top: 47px;  left: 29%;  width: 72%;}/*gnana 10/10/15*/
.home-top-richtext p:nth-child(1) {
  font-family: 'QuattrocentoSansBoldItalic';
  font-size:22px;
  color: #fff;
  margin-bottom: 0px;
  line-height:22px;
}
.Citrucel-Fibers-box{  z-index: 99999;background-color: #fff;position: absolute;width:886px;padding: 50px 27px;height: 145px;}
.citrucel-Products-box{  z-index: 99999;background-color: #fff;position: absolute;width: 940px;padding-top: 43px;height: 383px;}
}
@media only screen and (max-width:959px) {
#wrapper .fiber-box .product-heading-rich h1 {
  font-size: 65px;
}
.benefits-fiber-teaser .articleTeaser-text-content h2 a {
font-size: 16px;
}
 ::i-block-chrome,#wrapper .home-rich-product h3 {font-size:17px;}/*gnana 10/13/15 */
  ::i-block-chrome,#wrapper .accordion-container li h3 a {font-size: 20px}
.disclaimer-text p{
  display: block;
  margin: 0px auto;
  width: 742px;
}
#wrapper .home-teaser-box{
 margin: 5px 0px 0px 8px;	
}
#wrapper .sugaerfree-caplets-bottom-text p a {  margin-top:23px;}
.homepage-second-box {
  width: 768px;
  margin: 0px auto;
  margin-bottom:2%;
  position: relative;
}
#wrapper .benefits-fiber-teaser h2{  margin-top: -18px;}
#wrapper .types-fiber-teaser h2{  margin-top: -28px;}
#wrapper .health-fiber-teaser h2{  margin-top: -25px;}
#wrapper .diet-fiber-teaser h2{  margin-top: -20px;}
.home-teaser-three h2, .home-teaser-one h2, .home-teaser-two h2{left:0px;  top: -36px;
  background-position: 91% 28%;  width: 227px;
  float: right;}
.home-teaser-three h2 a, .home-teaser-one h2 a, .home-teaser-two h2 a{width: 200px;}
#wrapper .home-top-image {  display: block;position: absolute;top: 47px;left: 35%;width:62%;}
#wrapper .orange-mix-drug-facts-box-left {
  width: 47%;
  position: relative;
  display: block;
  float: left;
  padding-right: 0px;
}
#wrapper .load-iframe{
	margin-left:0px;	
}
#wrapper .product-header-image-box{
	right: 3px;
}
#wrapper .orange-mix-product-details-title{
	margin-left: 10px;
}

#wrapper .home-product-one-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top: 61px;
}
#wrapper .home-product-two-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top: 61px;
}
.shop-external-box .shop-box-two{  width: 670px;
  margin: 40px auto;}
.page-caplets #wrapper .orange-mix-product-details-body-box-one, .page-caplets #wrapper .orange-mix-product-details-body-box-two, .page-caplets #wrapper .orange-mix-product-details-body-box-three, .page-caplets #wrapper .orange-mix-product-details-body-box-four {
    width: 22%;
  padding: 0px 19px;
}
#wrapper .sugaerfree-orangemix-bottom-text p:nth-child(3) {
  margin-top: 35px;
}
.orange-mix-top-text p:nth-child(5) {
  color: #408471;
  font-family: 'QuattrocentoSansBold';
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 17px;
}
#wrapper .orangemix-caplets-top-box .orange-mix-top-text p:nth-child(4) {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 16px;
  top: 0px;
  position: relative;
  font-weight: normal;
  color: #333333;
  font-family: 'QuattrocentoSansRegular';
}

#wrapper .orangemix-caplets-top-box .orange-mix-top-text p:nth-child(3){ line-height:18px;}
.orange-mix-other-products-title h2, .orange-mix-top-text h2 {
  font-family: 'QuattrocentoSansBoldItalic';
  font-size: 18px;
  color: #408471;
}
#wrapper .orange-mix-top-image img {
  margin: 9px 0px 0px 93px;
  display: block;
  align-items: center;
  float: left;
}

.orange-mix-drug-facts-left-text-one h4 {
  color: #408471;
  font-family: 'urw-din';
  font-weight: 900;
  line-height:18px;
  word-spacing: 0;
  letter-spacing: 3px;
  font-size: 16px;
}
.orange-mix-product-details-mandatory-text {
  text-align: center;
  font-family: 'QuattrocentoSansBoldItalic';
  padding: 12px;
  font-size: 18px;
  padding-bottom: 0px;
  width:75%;
}
#wrapper .orange-mix-product-details-body-box-one, #wrapper .orange-mix-product-details-body-box-two, #wrapper .orange-mix-product-details-body-box-three, #wrapper .orange-mix-product-details-body-box-four {
  position: relative;
  left: 17px;
  width:13%;
}
#wrapper .orange-mix-product-details-body-box-one, #wrapper .orange-mix-product-details-body-box-two, #wrapper .orange-mix-product-details-body-box-three, #wrapper .orange-mix-product-details-body-box-four {
  position: relative;
  left: 17px;
  width:13%;
}
#wrapper .orangemix-product-detail {
   position: relative;
  left: 0;
  width: 768px;
  margin: 0px auto;
}
#wrapper .orangemix-caplets-top-box .caplets-orangemix-top-image img{ margin-top: 26px;  margin-left: 25px;}
#wrapper .orangemix-caplets-top-box .orange-mix-top-text {  margin-top: 5px;  margin-left:12px;}

#wrapper .orange-mix-top-text{  margin-top: 23px;  margin-left: 14px;  width: 49%;}

#wrapper .homepage-top-box .home-top-richtext{
  position: relative;
  color: #fff;
  letter-spacing: 1px;
  left: 4.3%;
  margin-top: 38px;
  width: 350px;
  
}
#content .homepage-top-box {
  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);
  width: 100%;
  position: relative;
  left: 0;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 85%;
}
.product-mandatory-text p {
  font-family: 'QuattrocentoSansBoldItalic';
  font-size: 16px;
  display: block;
  float: none;
  top: -18px;
  position: relative;
  left: 56px;
  margin-bottom: -3px;
  padding: 0px;
}
#wrapper .home-product-three-box .home-rich-product {
  margin-top:-20px;
}
#wrapper .home-product-three-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top:65px;
}
#wrapper .product-landing-box .home-product-two-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top: 40px;

}
#wrapper .home-product-one-box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin-top:59px;
}
#wrapper .product-landing-box {
  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 40%;
  width: 100%;
  margin-bottom: 3px;
}
.home-top-richtext p:nth-child(3),.home-top-richtext p:nth-child(4){font-family:'QuattrocentoSansBoldItalic';font-size:16px;color:#fff;float:left;  margin-bottom: 0px;line-height:21px;width:78%;}
.accordion ul li h3 a{color:#F0812A}
.orange-mix-other-products-right-text h2 {color: #408471;font-size: 28px;font-family:'urw-din';font-weight:900;line-height: 28px;}
.orange-mix-other-products-left-text h2 {color: #408471;font-size: 28px;font-family:'urw-din';font-weight:900;line-height: 28px;}
#wrapper .orange-mix-product-details-title h2 span.product-line-span {border-bottom: 2px solid rgb(241, 241, 241);position: relative;margin: -63px 0px 0px 0px;display: block;   left: 383px;}
#wrapper .orange-mix-drug-facts-title-text h2 span.product-line-span {border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;margin: -63px 0px 0px 0px;    left: 241px;}/*10/13/15*/
#wrapper .orange-mix-other-products-title h2 span.product-line-span {border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;margin: -18px 0px 0px 0px;    left: 655px;}/*10/13/15*/
#wrapper .orange-mix-accordian-text-title h2 span.product-line-span {border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;float: none;  left: 559px;margin-top: -69px;}
.orange-mix-top-image {margin-top:7px;}
.orange-mix-top-text{margin-top: 30px;}
.orange-mix-other-products-title h2 {font-family:'urw-din';font-weight:900;font-size: 42px;color: #408471;line-height: 50px;}
 #wrapper .success-note-richtext { display: block; margin: 0px auto; width: 768px;}
  #wrapper .success-note-richtext .component-content{padding:0px 10px;}
 #wrapper .load-iframe{width:768px;
margin: 0px auto;}
.what-is-fiber-teaser-one .articleTeaser-text-content h2 a,.what-is-fiber-teaser-two .articleTeaser-text-content h2 a,.what-is-fiber-teaser-three .articleTeaser-text-content h2 a,.what-is-fiber-teaser-four .articleTeaser-text-content h2 a{font-size: 12px;color: #408427;font-family: 'QuattrocentoSansBoldItalic';float: left;position: absolute;margin: 0px;  width: 158px;}
.mobile-mandatory-product-text p{display:none}
.mobile-mandatory-text p{display:none}
#wrapper .home-product-image-three img{width:67%;margin:0 auto;display:block}
#wrapper .orange-mix-other-products-right-text{display:block;float:left;position:relative;  margin-top:0;}
#wrapper .product-main-box .product-rich-content p{text-align:center;width:100%;font-family:'QuattrocentoSansRegular';font-size:16px;margin:0 auto}
.footer-product-text p:nth-child(1){font-family:'QuattrocentoSansRegular';font-size:13px;line-height:13px;text-align:left;width:182px}
.product-small-image{margin:0 auto;display:block;float:left;margin-top:19px}
.product-rich-content-one p,.product-rich-content-two p,.product-rich-content-three p{color:#fff;font-family:'QuattrocentoSansBoldItalic';font-size:16px;display:block;float:none;margin-bottom:0;line-height:16px}
#wrapper .fiber-rt-one .fiber-rt-two,.product-heading-rich{margin:0 auto;width:768px}
.citrucel-Header-Box{position:relative}
.citrucel-Header-Box .citrucel-logo{margin:10px auto;width:91%}
.gsk-logo{float:right}
.header-wrap.shadow{position:fixed;top:0;left:245px;width:100%;height:100%;background:#000;z-index:9998;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}/*gnana 10/5/15*/
#wrapper .homepage-shopnow{width:28%;float:left;left:-31%;position:absolute;top:81px;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:0;z-index:99999}/*gnana 10/5/15*/
.homepage-shopnow p a{background-color:#f0812a;color:#fff;display:block}
#wrapper .gsk-logo{width:100px;top:12px;position:absolute;left:auto;right: 0;}
#wrapper .homepage-product-box{width:768px;margin:0 auto}
.homepage-main-box .home-chart-image{width:768px;margin:0 auto}
.homepage-fiber-box{width:768px;margin:0 auto}
.home-rich-info{width:768px;margin:0 auto}
#footer{width:768px;margin:0 auto;  padding: 0px;}
/*#wrapper .homepage-top-box .home-top-richtext{position:relative;margin-top:10px;color:#fff}*/
.home-top-richtext h1{  line-height: 42px;
  font-family: 'urw-din';
  font-weight: 900;
  font-size: 42px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto;
  
  text-shadow: 2px 2px red;
  padding-bottom: 10px;}
.home-top-richtext p:nth-child(1){font-family:'QuattrocentoSansBoldItalic';font-size:18px;color:#fff;line-height:24px}/*gnana 10/8/15*/
.home-top-richtext p:nth-child(3),.home-top-richtext p:nth-child(4){font-family:'QuattrocentoSansBoldItalic';font-size:14px;color:#fff;line-height:18px}
.home-teaser-box .home-teaser-one,.home-teaser-two,.home-teaser-three{width:100%;display:block;top:0;left:0;height:246px;margin-bottom:0;  height: auto;
  margin-bottom: -22px;}
.home-fibre-need-rich p{font-family:'QuattrocentoSansRegular';font-size:16px;padding:0 0 0 20px;width:91%;line-height:18px}
.home-product-one-box p,.home-product-two-box p,.home-product-three-box p{margin:0 auto;text-align:center;font-family:'QuattrocentoSansRegular'; width:100%;}
.home-rich-product h3{font-size:17px;font-family:'urw-din';font-weight:900;margin:0 auto;display:block;color:#408471;text-align:center}/*gnana 10/13/15*/
#wrapper .product-header-box,.product-main-box .product-bread-box,.product-rich-content{width:768px;margin:0 auto}
#wrapper .fiber-image-two,.what-is-fiber-content-bottom,.fiber-top-box,.accordion,.what-is-fiber-mandatory-text,.fiber-rich-topbox,.fiber-rt-three,.product-other-box,.product-mandatory-text,.fiber-header-box,.orange-mix-content-box-bottom,.sitemap_submenu{width:768px;margin:0 auto;}
#wrapper .fiber-box .box.section.component.even{width:680px;margin:0 auto;}
.product-mandatory-text p{font-family:'QuattrocentoSansBoldItalic';font-size:16px;display:block;float:none;top:0;position:relative;left:56px}

#wrapper .homepage-top-box .breadcrumbs.section.product-breadcrumb.component{margin:0 auto;width:768px;font-family:'QuattrocentoSansBoldItalic';font-size:26px;line-height:26px}
#content .homepage-top-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 95%}
#wrapper .fibre-heading-richtext h1{font-family:'urw-din';font-weight:900;font-size:60px;line-height:60px;color:#408471;text-align:left;margin:26px 0 22px 40px}
#content .fiber-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 32%;margin:0 auto}
#wrapper .fiber-text-box .fibre-content-richtext p{font-size:16px;font-family:'QuattrocentoSansRegular';width:700px;left:3%;position:relative}
#wrapper .fiber-teaser-box,.orange-mix-other-products-title{width:700px;margin:0 auto;display:block;float:none;position:relative}
#wrapper .fibre-header-image img{display:block;height:auto;width:660px;margin:0 auto;float:none}
#wrapper .fiber-main-box .fiber-text-box{width:700px;margin:0 auto;background-color:#fff;border-radius:5px}
#wrapper .orange-mix-breadcrumb-box,#wrapper .orange-mix-top-box,#wrapper .orange-mix-product-details-title{margin:0 auto;  width: 762px;display:block;float:none;}
.orange-mix-product-details-main-box .product-main-box .orange-mix-top-box{background-color:#fff;display:block;padding:40px 0 0;border-radius:5px;width:700px}
.citrucel-sitemap,.orange-mix-drug-facts-main-box{margin:0 auto;width:768px}
.accordion-container li h3 a{font-family:'QuattrocentoSansBoldItalic';font-size:19px;padding: 0px 26px 0px 0px;line-height:24px;}
#wrapper .other-product-box{margin-top:40px;display:block;float:left;width:768px}
#wrapper .what-is-fiber-teaser-one h2,.what-is-fiber-teaser-two h2,.what-is-fiber-teaser-three h2,.what-is-fiber-teaser-four h2{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;height:10px;width:10px;position:relative;width:3%;left:91%;  top:-22px;}
#wrapper .shop-common-top-box .shop-bread{margin:0 auto;width:768px;display:block;padding:0px}
.shop-common-top-box h1{margin:0 auto;  width: 752px;color:#fff;font-size:70px;text-transform:uppercase;padding:0px}
.accordion{width:760px;margin:0 auto}
#wrapper .orange-mix-drug-facts-title-text,.orange-mix-drug-facts-left-text-one,.orange-mix-drug-facts-left-text-two,.orange-mix-drug-facts-left-text-three,.orange-mix-drug-facts-box-right,.orange-mix-accordian-text-title{  padding: 0px 10px;  width: 94%;}
.accordion-slide h3 a{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/Plus.png) no-repeat;display:block;background-position:716px 0}
.orange-mix-top-text h1{font-family:'urw-din';font-weight:900;font-size:55px;line-height:55px;color:#F0812A;text-align:left;margin:0 0px 15px;}
.orange-mix-top-text p{font-family:'QuattrocentoSansRegular';font-size:16px;width:88%;padding:0;margin:0;line-height: 30px;}
#wrapper .diet-rich-food p{position:relative;margin:0 auto;text-align:center;font-family:'QuattrocentoSansBoldItalic';font-size:22px}
.page-our-products{right:0}
.home-fibre-need-rich p span.learn-more{color:#408471;font-size:18px;font-family:'QuattrocentoSansBoldItalic';display:block;float:left;margin-left:15%;margin-top:3%;position:absolute;line-height:0;width:269px}
#header{padding:0px;margin:0px;}
.common-product-box {margin: 0 auto;display: block;  width: 768px;}
.home-product-one-box, .home-product-two-box {padding: 0px;}
.home-product-three-box p:nth-child(3) {margin-top: 0px;width: 100%;}
.home-product-image-three {padding: 0px;  margin-bottom: 0px;}
#wrapper.home-product-one-box p:nth-child(3) {margin-top: 43px; }
#wrapper .breadcrumbs {margin: 10px 23px;  padding: 0px;}
.common-footer-box  {padding:0px 10px;}
.sitemap_submenu .component-content{padding:0px 10px;}
/*.shop-external-box  .shop-box-two{  width: 750px;padding: 0px;margin: 0px auto;}
.shop-box-two img{padding:0px;}
.shop-box-two  .image{padding:0px 10px;}*/
.orange-mix-other-products-left-text p a {  top: 0px;}/*gnana 10/9/15*/
#wrapper .searchResults { border: 0 solid; width: 768px; margin: 0px auto; padding: 0px;}
.searchResults .component-content{padding:0px 10px;}
/*#wrapper .home-product-one-box .home-rich-product p a{  width: 59%;}*/
::i-block-chrome,#wrapper .orange-mix-other-products-title h2 span.product-line-span {
left: 28px;
width: 100px;
float: right;
clear: both;}
::i-block-chrome,#wrapper .orange-mix-accordian-text-title h2 span.product-line-span {

left: 10px;
width: 200px;
float: right;
}
::i-block-chrome,#wrapper .orange-mix-product-details-title h2 span.product-line-span {
left: 40%;
}
#wrapper .home-product-image-two img {
  padding: 0px 0px;
   position: relative;
/* kv - 20151023  right: 11px; */
}
.accordion .accordion-slide.is-active a{font-size:21px;}
}
@media only screen and (max-width: 767px) {
.disclaimer-text p{
  display: block;
  margin: 0px auto;
  width: 300px;
}
.chart-mobile{display:block;}
.homepage-second-box {width: 300px;margin: 0px auto;margin-bottom: 11%;position: relative;}
#wrapper .Error-heading-text{  color: #fff;width: 940px;margin: 0 auto;font-size: 16px;font-family: 'QuattrocentoSansBoldItalic'; line-height:16px;}
.orange-mix-other-products-title h2 strong{  float: right;clear: left;width: 218px;}
#wrapper .mobile-faq h2 span.product-line-span{    border-bottom: 2px solid rgb(241, 241, 241);
  position: relative;
  display: block;
  margin: -29px 0px 0px 0px;
  left:24%;}
.orange-mix-top-text p {   width: 273px;line-height: 22px;font-size: 16px;}
#wrapper .orangemix-caplets-top-box .orange-mix-top-text p:nth-child(3) {
  line-height:22px;
}
#wrapper .orangemix-caplets-top-box .caplets-orangemix-top-image img {
  margin:0px auto;
}
#wrapper .home-top-image {   display: block;position: relative;top: 47px;width: 300px;margin: 0px auto;left:0%;  float: left;}/*gnana 10/10/15*/
.home-top-richtext p:nth-child(3), .home-top-richtext p:nth-child(4) {
  font-family: 'QuattrocentoSansBoldItalic';
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
  line-height: 20px;
  margin-bottom: 20px;
  display: block;
  position: relative;
  width: 300px;
  display: block;
  float: none;
}
.home-rich-info p{ display:none;}
#wrapper .buy-three img{ margin-top:0px; position:relative;}
#wrapper .home-chart-image img{ display:none;}
#wrapper .shop-box-two .buy-six {  width: 47%;float: left;display: block;clear: right;padding:20px;}
#wrapper .shop-box-two .buy-four{  width: 52%;float: left;display: block;clear: right;padding:20px;}
#wrapper .shop-box-two .buy-one{width: 47%;float: left;display: block;clear: right;padding:20px;  margin-top: 35px;}
#wrapper .shop-box-two .buy-eight {  width:52%;float: left;display: block;padding:20px;margin-top: 15px;}
#wrapper .shop-box-two .buy-five{width: 47%;display: block;padding:20px;  float: left;clear: left;}
#wrapper .buy-ten{  float: left;clear: none;width: 47%;  width: 42%;margin-top: 42px;}
#wrapper .buy-eleven{width:55%;display: block;padding:20px;  display: inline-block;}
#wrapper .shop-box-two .buy-three{ width: 47%;float: left;display: block;position: relative;clear:left;padding:20px;}
#wrapper .shop-box-two .buy-seven{width: 47%;float: left;display: block;position: relative;clear:left;padding:20px;}
#wrapper .shop-box-two .buy-nine {width:52%;float:left; padding:20px;clear:left;}
#wrapper .shop-box-two .buy-two{width: 47%;float: left;display: block;position: relative;clear: right;padding:20px;  top: 14px;}
.page-caplets .orange-mix-other-products-right-image img, .orange-mix-other-products-right-image img,#wrapper  .orange-mix-other-products-left-image img {width: 67%;margin: 0 auto;display: block;position: relative;}
#wrapper .orange-mix-drug-facts-box-left {width: 300px;position: relative;display: block;float: left;padding-right: 0px;}
.accordion ul li h3 a{color:#F0812A}
#wrapper .footer-image img{display:block;}
.home-info-two p {  font-family: 'QuattrocentoSansBoldItalic';font-size:14px;line-height:14px;letter-spacing: -1px;width: 285px;margin: 0px auto;padding: 0px;text-align: center;display: block;position: relative;}
#wrapper .orangemix-product-detail {position: relative;left: 1.5%;width:285px;}
.orange-mix-product-details-mandatory-text {text-align: center;font-family: 'QuattrocentoSansBoldItalic';padding: 17px; display:none;}
#wrapper .orange-mix-drug-facts-box-right {margin-top: 0px;margin-left: 0px;width: 300px;left:0px;}/*gnana 10/13/15*/
#wrapper .orange-mix-product-details-main-box .product-main-box{background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position: relative;display: block;background-repeat: no-repeat;background-size: 100% 35%;width:100%;}.shop-box-two img{margin:0 auto;padding:0;}
#wrapper .orange-mix-accordian-text-title h2 span.product-line-span { border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;float: none;left: 53%;margin-top: -67px;}
#wrapper .orange-mix-other-products-title h2 span.product-line-span {  border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;margin: 20px 0px 0px 0px;left: 45%;top: -29px;}
#wrapper .orange-mix-product-details-title h2 span.product-line-span {   border-bottom: 2px solid rgb(241, 241, 241);position: relative;margin: -27px 0px 0px 0px;display: block;left: 71%;}
#wrapper .orange-mix-drug-facts-title-text h2 span.product-line-span {border-bottom: 2px solid rgb(241, 241, 241);position: relative;display: block;margin: -40px 0px 0px 0px;   left: 180px;}
#wrapper .orange-mix-top-box .orange-mix-top-text p a {  background-color: #f0812a;  padding: 17px;  border-radius: 5px;  color: #fff;  position: relative;  display: block;  width:90%;  font-family:'urw-din'; font-weight:900;  font-size: 16px;  text-align: center;  margin-top: 29px;}
#wrapper .orange-mix-top-image img {width:44%;margin: 0 auto;display: block;float:none;}
.accordion .accordion-slide.is-active a {  background: url(../../../../../../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/minus.png) no-repeat;display: block;background-position: 98% 55%;background-color: #F0812A;color: #fff;padding: 17px 21px 17px 10px;font-size: 16px;background-size: 20px 20px;}/*gnana 10/12/15*/
#wrapper .home-product-one-box{  margin: 20px 0px 5px;padding:0px;  height: auto;}
#wrapper .home-product-two-box{margin-top:0px;padding:0px;  height: auto;}
#wrapper .home-product-three-box{  margin-top: 54px;padding:0px;  margin-bottom: 0px;}
#wrapper .product-main-box {background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position: relative;display: block;background-repeat: no-repeat;  background-size: 100% 16%;width: 100%;}
#wrapper .diet-food-box{ width: 100%;display: block;margin: 0px auto;  padding-bottom: 18px;}
#wrapper .diet-food-box .diet-food-box-one{  width: 50%;  float: left;}
#wrapper .diet-food-box .diet-food-box-two {width: 50%;  float: left;}
#wrapper .diet-food-box .diet-food-box-three {width: 50%;  float: left;}
#wrapper .diet-food-box .diet-food-box-four{width: 50%;  float: left;}
.orange-mix-drug-facts-left-text-three h3{padding:10px 0;  margin-bottom: 7px;}
.orange-mix-drug-facts-right-text-one h4,.orange-mix-drug-facts-left-text-three h4{width:300px;font-size:18px;line-height:26px}
.orange-mix-drug-facts-right-text-one p{font-family:'QuattrocentoSansregular';font-size:16px}
.orange-mix-drug-facts-right-text-one p:nth-child(5){font-family:'QuattrocentoSansbolditalic';font-size:16px}
.orange-mix-drug-facts-left-text-three ul li,.orange-mix-drug-facts-right-text-three p,.orange-mix-drug-facts-left-text-three p{font-family:'QuattrocentoSansRegular';font-size:16px;width:295px}
.orange-mix-drug-facts-left-text-one p{font-family:'QuattrocentoSansRegular';font-size:15px;width:295px}
.orange-mix-drug-facts-left-text-two p{font-family:'QuattrocentoSansRegular';font-size:16px;width:295px ; margin-top: 0px;  margin: 0px 0px 29px;}
.orange-mix-top-text p:nth-child(5){color:#408471;font-family:'QuattrocentoSansBoldItalic';font-size:16px;font-weight:400;line-height:20px;text-align:left}
.orange-mix-top-text p:nth-child(6){color:#408471;font-family:'QuattrocentoSansBoldItalic';font-size:16px;font-weight:400;line-height:20px;text-align:left;padding-bottom: 21px;}
.accordion-container li h3 a{font-family:'QuattrocentoSansBoldItalic';font-size:16px;padding:0px 21px 0px 0px; }
#wrapper .fiber-main-teaser-box .what-is-fiber-teaser-one,.what-is-fiber-teaser-two,.what-is-fiber-teaser-three,.what-is-fiber-teaser-four{height:284px}
.homepage-top-box .fiber-rt-three p{font-size:16px;font-family:'QuattrocentoSansBoldItalic';color:#fff;width:276px;margin:20px auto;display:block;text-align:left}
.fiber-mobile{border-bottom:2px solid #f1f1f1}
#wrapper .home-products-heading{padding:20px 0;  margin-top: 23px;}
.arrow-image{position:relative;display:block;float:left;left:88%;top:-6px}
.mobile-mandatory-text p{text-align:left;font-family:'QuattrocentoSansBoldItalic'!important;font-size:16px!important;display:block;width:300px;margin:0 auto;line-height:16px}
.what-is-fiber-mandatory-text p{display:none}
.what-is-fiber-teaser-one .articleTeaser-text-content h2 a,.what-is-fiber-teaser-two .articleTeaser-text-content h2 a,.what-is-fiber-teaser-three .articleTeaser-text-content h2 a,.what-is-fiber-teaser-four .articleTeaser-text-content h2 a{font-size: 16px;color: #408427;font-family: 'QuattrocentoSansBoldItalic';float: left;width:100%;margin:0px;display: block;right:0px;}
#wrapper .what-is-fiber-teaser-one .articleTeaser-text-description a p,.what-is-fiber-teaser-two .articleTeaser-text-description a p,.what-is-fiber-teaser-three .articleTeaser-text-description a p,.what-is-fiber-teaser-four .articleTeaser-text-description a p{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat;height:10px;width:10px;position:relative;width:3%;left:85%;top:-52px}
#wrapper .home-fibre-need-rich p span.learn-more{color:#408471;font-size:18px;font-family:'QuattrocentoSansBoldItalic';display:block;float:left;margin-left:0;margin-top:24px;position:absolute;line-height:12px;width:100px;height:4px}
#wrapper .home-fibre-need-rich p{font-family:'QuattrocentoSansRegular';font-size:14px;  padding: 0 0 3px 15px;line-height:18px;width:272px}
#wrapper .home-product-image-three img{width:70%;margin:0 auto;display:block}
.orange-mix-drug-facts-left-text-two,.orange-mix-drug-facts-box-right,.orange-mix-accordian-text-title{  padding: 0px 10px;}
.orange-mix-drug-facts-left-text-three{   padding: 18px 0px 0px; margin-top: 0px;  width: 300px;
  margin: 0px auto;}
#wrapper .orange-mix-drug-facts-title-text{  margin-bottom: 0px; padding: 0px 10px;margin-top: 20px;}
.orange-mix-drug-facts-left-text-one{  margin-bottom:18px;  padding: 0px 10px;}
.shop-common-top-box h1{margin:0 auto;width:300px;color:#fff;font-size:42px;line-height:42px;text-transform:uppercase;  top: 0px;}
.shop-common-top-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 100%;margin:0 auto}/*gnana 10/9/15*/
#wrapper .other-product-box{  margin:49px 0px 0px;display:block;width:300px}
#wrapper .fiber-teaser-box,.orange-mix-other-products-title{width:300px;margin:0 auto;display:block;float:left;left:0px;position:relative}
#wrapper .homepage-top-box .breadcrumbs.section.product-breadcrumb.component{margin:0 auto;width:300px;font-family:'QuattrocentoSansBoldItalic';font-size:26px;line-height:26px;padding:6px 0px 0px 20px;}
.Footer-Rich-Text p a span.footer-stick{display:none}
.orange-mix-product-details-main-box .product-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 80%}
#wrapper .orange-mix-product-details-text p{display:block;text-align:center;font-family:'QuattrocentoSansBoldItalic';font-size:14px; line-height:16px;}
#wrapper .orange-mix-drug-facts-main-box{  width: 300px;  margin: 0px auto;}
#wrapper .common-product-box{width:300px;margin:0 auto}
#wrapper .common-product-box .orange-mix-product-details-body-box-four{float:left;width:50%;  padding-top: 0px;  margin-top: 15px;}
#wrapper .common-product-box .orange-mix-product-details-body-box-one{float:left;width:50%;  padding-top: 0px;}
#wrapper .common-product-box .orange-mix-product-details-body-box-two{float:left;width:50%}
#wrapper .common-product-box .orange-mix-product-details-body-box-three{float:left;width:50%;display:block;  clear: left;      margin-top: 9px;}
.orange-mix-top-text p:nth-child(4),.orange-mix-top-text p:nth-child(5){color:#408471;font-family:'QuattrocentoSansBold';font-size:16px;padding:10px;text-align:left}
#wrapper .orange-mix-top-text p{    font-family: 'QuattrocentoSansRegular';font-size: 16px;text-align: center;  width: 259px;
  margin: 0px auto;}
.orange-mix-top-text h2{font-family:'QuattrocentoSansBoldItalic';font-size:16px;color:#408471;text-align:center;line-height:22px;  margin-bottom: 18px;}/*palani*/
.orange-mix-top-text h1{font-family:'urw-din';font-weight:900;font-size:42px;line-height:42px;color:#F0812A;margin:0 auto;text-align:center;  padding-bottom: 12px; letter-spacing:2px;}
#wrapper .fibre-header-image img{display:block;margin:0}
#wrapper .shop-common-richtext h1{font-size:35px;font-family:'urw-din';font-weight:900;width:300px;margin:0 auto;color:#fff;line-height:42px;  margin-top: 23px;}/*gnana 10/9/15*/
#wrapper .shop-common-richtext {margin-bottom:43px;}/*gnana 10/9/15*/
.shop-external-box .shop-box-two{margin:25px auto;width:300px;display:block;border:1px solid #dadada;padding:0;border-radius:5px;}/*gnana 10/9/15*/
#wrapper .fiber-teaser-box{width:300px;margin:0 auto;display:block;float:none;left:0;position:relative}
#wrapper .fiber-main-box .fiber-text-box{width:300px;margin:0 auto;background-color:#fff;padding:0px;border-radius:5px}
#wrapper .fibre-heading-richtext h1{font-family:'urw-din';font-weight:900;font-size:42px;line-height:42px;color:#408471;text-align:left;  margin: 17px 0px 12px 0px; padding: 0px 7px;  text-align: center;}/*gnana 10/12/15*/
#wrapper .product-bread-box .product-breadcrumb ol li a,.fiber-header-box .benefits-breadcrumb ol li a{font-size:16px;font-family:'QuattrocentoSansBoldItalic';color:#fff}
#wrapper .product-bread-box .product-breadcrumb ol li a{font-size:16px;font-family:'QuattrocentoSansBoldItalic'}
.product-heading-rich{text-align:center;font-family:'QuattrocentoSansBoldItalic';font-size:24px;line-height:0;color:#fff}
#wrapper .home-rich-product p a{ background-color: #f0812a;padding: 10px;border-radius: 5px;color: #fff;position: relative;display: block;width: 98%;font-family:'urw-din';font-weight:900;margin: 0px auto;}
#wrapper .product-header-rich-box .product-small-image{display:none}
#wrapper .product-mobile-image-box{display:block;width:320px;position:relative}
.product-rich-content-one p,.product-rich-content-two p,.product-rich-content-three p{display:none;color:#000}
.product-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);width:100%;position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 13%}
#wrapper .product-header-box,.product-main-box .product-bread-box,.product-rich-content{  width: 320px;margin:0 auto}
.Footer-Rich-Text p:nth-child(1){font-size:12px;word-spacing:5px}
.fiber-rich-topbox .fiber-rt-one p{font-size:16px;font-family:'QuattrocentoSansRegular';color:#fff;text-align:center;  width: 289px;margin: 0 auto;}
.fiber-rt-two p{font-size:16px;font-family:'QuattrocentoSansRegular';color:#fff;text-align:center;  width: 289px;margin: 0 auto;  padding-bottom: 4px;}
#wrapper .product-heading-rich h1{font-family:'urw-din';font-weight:900;font-size:32px;line-height:32px;color:#fff;text-shadow:0 3px 0 red;width:250px;margin:0 auto}
#wrapper .fiber-image-two,.product-heading-rich,#wrapper  .fiber-box .box.section.component.even,.what-is-fiber-content-bottom,.fiber-top-box,.what-is-fiber-mandatory-text,.fiber-rt-three,.success-note-richtext,.orange-mix-top-box,.orange-mix-main-box{  width:300px;margin:0 auto;padding: 0px;}
.accordion{  width:300px;margin: 0px auto;left:0px;position: relative;}
#wrapper .orange-mix-breadcrumb-box,.orange-mix-top-box,.orange-mix-product-details-title{margin:0 auto;  width: 275px;display:block;float:none;  padding: 0px;}
#wrapper .home-rich-product p,span.Product-info-rich-text{margin:0 auto;   width: 267px;display:block;float:none;margin-top: 8px;margin-bottom:23px}
#wrapper .home-centre-box{  width: 300px;border:1px solid #eaeaea;border-radius:5px}
.homepage-main-box .home-chart-image{width:320px;margin:0 auto;display:block}
.homepage-product-box,.homepage-fiber-box{  width: 300px;margin:0 auto;  padding-top: 2px;}
.footer-product-text p:nth-child(1){font-family:'QuattrocentoSansBold';font-size:14px;line-height:20px;text-align:CENTER;margin:0 auto;width:234px;  padding-bottom: 9px;}
.product-mobile,.fiber-mobile{width:285px;margin:0 auto;display:block;text-align:center;padding-bottom: 5px;}
.product-mobile p{font-family:'QuattrocentoSansBold';font-size:14px;line-height:14px}
.fiber-mobile p:nth-child(1),.product-mobile p:nth-child(1){color:#408471;font-size:16px;font-family:'urw-din';font-weight:900;margin-bottom: 18px;}
.fiber-mobile p{font-family:'QuattrocentoSansBold';font-size:14px;line-height:14px}
.citrucel-footer-box{text-align:center}
.home-teaser-box .home-teaser-one,.home-teaser-two,.home-teaser-three{width:300px;display:block;top:0;left:0;margin:0 auto;float:none;height:280px;  padding-bottom: 5px;}
#wrapper .homepage-top-box .home-top-richtext{position: relative;color: #fff;margin: 0px;display: block;padding: 9px;top: 26px;left: 0px;
/* width: 300px; modified by L3 changes*/
width: 315px;}
.home-top-richtext p:nth-child(1){font-size:16px;width:300px;margin:0 auto}
.home-top-richtext h1{line-height:42px;font-family:'urw-din';font-weight:900;font-size:42px;color:#fff;text-transform:uppercase;margin:0 auto;width:300px;text-shadow:2px 2px red;padding-bottom:10px}
.home-top-richtext p:nth-child(3),.home-top-richtext p:nth-child(4){  font-family: 'QuattrocentoSansBoldItalic';font-size: 16px;color: #fff;margin: 0 auto;line-height: 20px;margin-bottom: 20px;display: block;position: relative; width:300px;}
.home-products-heading h2{font-family:'urw-din';font-weight:900;font-size:26px;color:#408471;width:285px;margin:0 auto;line-height:26px}
.home-fibre-need-rich h2{font-family:'urw-din';font-weight:900;font-size:26px;color:#408471;padding-left:15px;  width: 182px;  line-height: 30px;  margin-bottom: 21px;}
.home-rich-product h3,.home-rich-product,.home-rich-info,.home-chart-image,.footer-image,.product-other-box,.product-mandatory-text,.fiber-header-box,.sitemap_submenu{margin:0 auto;  padding: 0px;width:300px;}
.orange-mix-content-box-bottom{width:300px;margin:0 auto;  padding: 0px;margin-top:0px;}
#content .homepage-top-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;display:block;background-repeat:no-repeat;background-size:100% 92%;margin:0 auto;width:100%;}
.footer-product-text p a{padding:4px;background-color:#fff;border:2px solid #F0812A;border-radius:5px;text-align:center;width:50%;color:#f0812a;font-family:'urw-din';font-weight:900;font-size:14px;text-transform:uppercase;display:block;margin:0 auto}
.footer-product-text p:nth-child(4),.footer-product-text p:nth-child(3){background-color: #fff;/* text-align: center; */width: 300px;font-family: 'QuattrocentoSansItalic';font-size: 12px;margin: 0 auto;font-weight: 700;line-height:20px;position: relative;left: 25%;}
.Footer-Rich-Text p a{display:block;text-align:center;line-height:22px;word-spacing:1px;font-family:'QuattrocentoSansBold';font-size:12PX}
.Footer-Rich-Text .footer-stick{display:none}
.Footer-Rich-Text p:nth-child(2){font-size:10px;width:300px;margin:0 auto;float:none;display:block;text-align:center;margin-top:10px;}/*gnana 10/9/15*/
.footer-product-image img{width:153px;margin:0 auto;display:block;float:none}
#wrapper .home-top-image img{  margin: 0 auto;width: 300px;float: none;}/*gnana 10 9 15*/
.Footer-Rich-Text{font-family:'QuattrocentoSansBold';text-transform:uppercase;width:300px;margin:0 auto;border-top:0px solid;}
.home-product-one-box,.home-product-two-box{border-right:0 solid #ededed}
#wrapper .citrucel-footer-box{display:none}
.what-is-fiber-content-bottom h2{text-align:center;font-size:26px;font-family:'urw-din';font-weight:900;color:#408471;line-height:50px;  margin-bottom: 15px;}
.what-is-fiber-content-bottom p{text-align:center;font-size:16px;font-family:'QuattrocentoSansRegular';margin:0 auto;display:block;  width: 281px;line-height:26px;padding-bottom:40px}
.product-mobile-image-one img,.product-mobile-image-two img{display:inline}
.product-mobile-image img{display:inline;}
.citrucel-Header-Box{position:relative}
#wrapper .gsk-logo{width:80px;top:12px;position:absolute;left:auto;right: 0;}
#wrapper .homepage-shopnow{width:222px;float:left;left:-17em;position:absolute;top:81px;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:0}/*gnana 10/9/15*/
.homepage-shopnow p a{background-color:#f0812a;color:#fff;display:block}
.header-wrap.shadow{position:fixed;top:0;left:245px;width:100%;height:100%;background:#000;z-index:9998;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}
#wrapper .homepage-main-box{width:100%;margin:0 auto;display:block;float:none}
.orange-mix-product-details-title h2,.orange-mix-drug-facts-title-text h2{color:#408471;font-family:'urw-din';font-weight:900;font-size:22px;line-height:18px;text-align:left}
.orange-mix-drug-facts-left-text-one h3,.orange-mix-drug-facts-title-text h2,.orange-mix-other-products-right-text h2,.orange-mix-other-products-left-text h2{color:#408471;font-family:'urw-din';font-weight:900;font-size:26px;line-height:26px}
.orange-mix-accordian-text-title h2{color:#408471;font-family:'urw-din';font-weight:900;font-size:16px;line-height:18px;text-align:left}
.orange-mix-top-text p a{background-color:#f0812a;padding:10px;border-radius:5px;color:#fff;position:relative;display:block;width:80%;font-family:'urw-din';font-weight:900;font-size:16px;text-align:center;margin:0 auto;display:block}
.orange-mix-drug-facts-left-text-one h3,.orange-mix-drug-facts-left-text-three h3,.orange-mix-drug-facts-right-text-three h3{font-size:24px;font-family:'urw-din';font-weight:900;color:#408471;line-height:24px}
#wrapper .orange-mix-drug-facts-right-text-one h3{font-size:24px;font-family:'urw-din';font-weight:900;color:#408471;line-height:24px;margin: 21px 0px 0px;}
.orange-mix-drug-facts-left-text-two h3{font-size:24px;font-family:'urw-din';font-weight:900;color:#408471;line-height:24px;margin-bottom:0px;}
.orange-mix-drug-facts-left-text-one h4{color:#408471;font-family:'urw-din';font-weight:900;line-height:16px;word-spacing:0;letter-spacing:0px}
.orange-mix-other-products-left-text p:nth-child(1){color:#408471;font-size:12px;font-family:'urw-din';font-weight:900;line-height:0;text-align:center}
.product-breadcrumb ol li a,span.breadcrumbs-separator,.shop-bread ol li a,span.breadcrumbs-separator{color:#fff;font-size:14px;font-family:'QuattrocentoSansBoldItalic'}
.home-product-image-two,.home-product-image-one{margin:0 auto;width:100%;   padding: 23px 0px 13px 0px;
}
#wrapper .footer-product-text-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/Rounded.png) no-repeat;background-position: 57% 25%;background-size: 285px 37%;margin: 20px 0px 6px;}
.product-rich-content{padding:0px;  width: 300px;}
#wrapper .product-main-box .product-rich-content p{text-align:center;  width: 300px;font-family:'QuattrocentoSansRegular';font-size:16px;margin:0 auto}
#wrapper .fiber-image-one{display:none}
#wrapper .orange-mix-product-details-main-box .product-main-box .orange-mix-top-box{background-color:#fff;display:block;padding:18px 0 0;border-radius:5px;width:300px}
#wrapper .product-mobile-richtext-one p{font-family:'QuattrocentoSansBoldItalic';font-size:16px;display:block;text-align:center;  margin-bottom: 0px;}
#wrapper .product-mobile-richtext-two p,.product-mobile-richtext-three p{font-family:'QuattrocentoSansBoldItalic';font-size:16px;display:none;text-align:center}
.product-mobile-image-external-box{  width: 259px;;margin:0 auto;display:block;float:none;  margin-bottom: 4px; margin-top: -23px;  position: relative;  left: 12px;}/*gnana 10/7/15 */
#wrapper .product-mobile-image-external-box .product-mobile-image{width:30%;float:left}
#wrapper .product-mobile-image-external-box .product-mobile-image-one{width:30%;float:left}
#wrapper .product-mobile-image-external-box .product-mobile-image-two{width:30%;float:left}
#wrapper .product-mobile-text-external-box{width:85%;margin:0 auto;display:block;float:none;margin-bottom:0;  border-bottom: 1px solid #eaeaea;}
#footer{width:320px;margin:0 auto;  padding: 0px;}
.orange-mix-other-products-right-text p a,.orange-mix-other-products-left-text p a{background-color: #f0812a;padding: 11px;border-radius: 5px;position: relative;display: block;width: 256px;font-family:'urw-din';font-weight:900;font-size: 14px;left: 0;border: 2px solid #f0812a;color: #fff;text-align: center;margin: 0 auto;margin-bottom: 24px;}
#wrapper .product-mobile p span.footer-menu,#wrapper .fiber-mobile p span.footer-menu{color:#408271;font-family:'urw-din';font-weight:900;font-size:18px}
#wrapper .shop-bread{margin:0 auto;width:300px;display:block}
#wrapper .searchResults{border:0 solid;width:300px;margin:0 auto;padding:0px;  margin-top: 25px;}
.searchResults-result{position:relative;overflow:hidden;border-bottom:1px dashed #408271;width:300px;display:block;margin:0 auto}
.page-our-products{right:0}
#wrapper .product-header-image-box{margin-top:30px;margin-bottom:0;  width: 100%;  right: 0px;}
.product-mandatory-text p{display:none}
.mobile-mandatory-product-text p{font-family:'QuattrocentoSansBoldItalic';font-size:16px;float:none;top:0;position:relative;line-height:16px;text-align:center; display:block}
#wrapper .fiber-text-box .fibre-content-richtext p{font-size:16px;font-family:'QuattrocentoSansRegular';  width: 238px;left:15px;position:relative;margin:0px;float:left;}
.mobile-faq h2{  color: #408471;font-family:'urw-din';font-weight:900;font-size: 22px;line-height: 22px;text-align: left;display: block;position: relative;left:8px;}
.fiber-type-content-text-two h2,.fiber-type-content-text-one h2,.fiber-health-content h2,.diet-rich-one h2,.diet-rich-two h2{color:#408471;font-size:20px;font-family:'urw-din';font-weight:900;text-align:center;line-height:30px;width: 193px;
  margin: 0px auto;}/*gnana n 10/9/15*/
.orange-mix-accordian-text-title h2{display:none}
.fiber-type-content-italic p{font-family:'QuattrocentoSansBoldItalic';font-size:16px;width:275px;left:10px;position:relative;  float: left;  margin-bottom: 2px;}
.fiber-health-content p em{font-family:'QuattrocentoSansBoldItalic';font-size:16px;width:275px;left:10px;position:relative;  float: left;  margin-bottom: 19px;  top: 20px;}
#wrapper .fiber-main-box{background:url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/background_home.png);position:relative;left:0;display:block;background-repeat:no-repeat;background-size:100% 23%;margin:0 auto}
#wrapper .benefits-fiber-teaser .articleTeaser-text-content h2 a,#wrapper .types-fiber-teaser .articleTeaser-text-content h2 a,.health-fiber-teaser .articleTeaser-text-content h2 a,.diet-fiber-teaser .articleTeaser-text-content h2 a{font-size:16px;color:#408427;font-family:'QuattrocentoSansBoldItalic';margin:0 auto;position:relative;margin:0px;}
#wrapper .orange-mix-drug-facts-right-text-three h3{  width: 312px;  margin-bottom: 0px; font-size:21px;}
.orange-mix-drug-facts-right-text-three p:nth-child(4){  width: 300px;   margin-bottom: 34px;}
.orange-mix-other-products-right-text p:nth-child(2){text-align:center;  margin:0px auto;  width:267px;}
 .orange-mix-other-products-left-text p:nth-child(3){ margin-bottom: 57px;}
.orange-mix-other-products-left-text h2,.orange-mix-other-products-left-text p,.orange-mix-other-products-right-text h2{text-align:center;  margin: 9px 0px;}
#wrapper .benefits-fiber-teaser,.types-fiber-teaser,.health-fiber-teaser,.diet-fiber-teaser{height:284px;  margin-bottom: 19px;}
.orange-mix-other-products-title h2{font-size:22px;line-height:24px;font-family:'urw-din';font-weight:900;text-align:left;  text-indent: 0px;}
.orange-mix-top-text p:nth-child(5){ /* padding: 1px 0 25px 0px;*/position: relative;display: block;}
#wrapper .homepage-product-box { margin: 0px auto;width: 320px;}
#wrapper .fiber-box .product-heading-rich h1{  width: 241px;   padding: 30px 0px 30px 0px; font-size: 42px;  line-height: 35px;}

.articleTeaser .component-content { padding-bottom:0px;}
#wrapper .fiber-main-teaser-box { margin-bottom: 13px;}
#wrapper .footer-product-text { margin-bottom:14px;  top: 5px;width:285px;}
.home-teaser-three h2 a, .home-teaser-one h2 a, .home-teaser-two h2 a {margin:0px;   top: 0px;
  width: 100%;}/*gnana 10/7/15*/
.fiber-type-content-image-one {top: 0px;position: relative;margin-bottom: 13px;}
 .fiber-type-content-image-two {top: 0px;position: relative;margin-bottom:21px;}
.fibre-content-richtext {margin: 24px 0px 28px 0px;}
.fiber-type-content-text-one{  margin-bottom: 18px;}/*gnana 10/9/15*/
.fiber-type-content-text-two p, .fiber-type-content-text-one p, .fiber-health-content p {
width: 254px;margin: 0px auto;left: 14px;position: relative;float: left;}
.fiber-type-content-italic{margin-bottom:0px;}
.diet-rich-one p{  width: 237px;margin: 0px auto;left:0px;position: relative;float: left;}
.diet-rich-one p:nth-child(1){margin-bottom:31px;  padding: 0px 6px;}
.diet-rich-one p:nth-child(3){margin-bottom:3px;}
.diet-rich-two p{  width: 266px;margin: 0px auto;position: relative;}/*gnana n 10/9/15*/
#wrapper .diet-rich-one, .diet-rich-two {width:94%;margin: 0px auto;  padding-top: 16px;}
.diet-rich-two {width:100%;margin: 0px auto;}
.diet-fiber-image img {  margin: 0px 12px 5px;display: block;float: left;}
#wrapper .diet-food-box .diet-food-box-two .diet-fiber-image img{  margin: 2px 8px;}
#wrapper .diet-food-box .diet-food-box-four .diet-fiber-image img{margin: 0px 0px 4px 31px;}
#wrapper .diet-rich-food p {right: 6px;}
.diet-rich-two p:nth-child(2){  margin-bottom: 40px;}
.diet-rich-two h2{margin-bottom: 13px;}
#wrapper .fiber-health-content { width: 100%;padding:0px;}
.fiber-health-content p:nth-child(2){  margin-bottom: 40px;}
.fiber-health-content p:nth-child(4){  margin-bottom: 40px;}
.fiber-health-content p:nth-child(5){  margin-bottom: 12px;}
.fiber-health-content h2 {margin-bottom: 12px;}
.fiber-health-content p:nth-child(7) { margin-bottom: 0px;}
.home-teaser-three h2, .home-teaser-one h2, .home-teaser-two h2 {width:90%;left:0px;float: left;background-position: 98% 24%;}
#wrapper .home-fibre-need-rich p:nth-child(4){  padding-bottom: 15px;}
#wrapper .product-breadcrumb{  margin: 15px 0px 11px 15px;}
.product-mobile-richtext-one{  margin-bottom: 0px;}
#wrapper .product-header-rich-box{  margin-bottom: 22px; margin-top: 0px;right:0px;}
#wrapper .product-main-box .product-rich-content p:nth-child(3) {font-size: 14px;margin: 0px auto;padding-top: 28px;}
/*#wrapper .home-rich-product p:nth-child(3){  background-color: #f0812a; padding: 6px; border-radius: 5px; position: relative; display: block;width: 250px;font-family:'urw-din';font-weight:900;font-size: 16px;left: 0;border: 2px solid #f0812a;color: #fff;text-align: center;
 margin: 0 auto;margin-bottom:17px;}*/
 .footer-product-text p:nth-child(2){margin-bottom:11px;}
 .articleTeaser .articleTeaser-text-content h2.articleTeaser-text-header{ /*margin-top:0px;*/}
#wrapper .orangemix-caplets-top-box .orange-mix-top-text p:nth-child(4) {font-family: 'QuattrocentoSansRegular';font-size: 16px;margin-bottom:16px;line-height: 16px;color:#333333;line-height:20px;font-weight:normal; text-align:center;top:0px; /*margin:2px 0px 9px;*/}
 .orange-mix-other-products-box-right{  margin-bottom: 0px;}
.mobile-faq{  margin-bottom: 15px;left:0px;position: relative;display: block;}
.what-is-fiber-teaser-box .fiber-main-teaser-box ,#wrapper .what-is-fiber-teaser-box .what-is-fiber-teaser-one, .what-is-fiber-teaser-box .what-is-fiber-teaser-two, .what-is-fiber-teaser-box .what-is-fiber-teaser-three, .what-is-fiber-teaser-box .what-is-fiber-teaser-four{  height: auto;}
#wrapper .what-is-fiber-teaser-box .what-is-fiber-teaser-one h2, .what-is-fiber-teaser-box .what-is-fiber-teaser-two h2, .what-is-fiber-teaser-box .what-is-fiber-teaser-three h2, .what-is-fiber-teaser-box .what-is-fiber-teaser-four h2
{top:-31px;    background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/arrow_detail.png) no-repeat 79% 0%;
  height: 10px;
  position: relative;
  width: 77%;
  float: right;left:0px;}
#wrapper .what-is-fiber-teaser-box .what-is-fiber-teaser-one h2 a, .what-is-fiber-teaser-box .what-is-fiber-teaser-two h2 a, .what-is-fiber-teaser-box .what-is-fiber-teaser-three h2 a, .what-is-fiber-teaser-box .what-is-fiber-teaser-four h2 a{  right: 20px;}
 #wrapper .success-note-richtext { display: block; margin: 0px auto; width:300px;}
 #wrapper .home-product-one-box p:nth-child(3) {margin-top: 27px;margin-left:10px;}
 #wrapper .home-product-two-box p:nth-child(3) { margin-top: 24px;}
 #wrapper .home-product-three-box p:nth-child(3) { margin-top: 24px;  margin-left: 10px;}
 .home-rich-info p {width: 300px;}
 #wrapper .orange-mix-product-details-body-box-five {  width: 297px;margin: 0px auto;}/*gnana 10/13/15*/
 #wrapper .orange-mix-drug-facts-left-text-three h4 { margin: 0px;}
 #wrapper .orange-mix-drug-facts-left-text-three ul {margin: 0px 0px 20px;}
 .orange-mix-drug-facts-right-text-two p:nth-child(1) {margin: 11px 0px 23px;}
 .orange-mix-drug-facts-right-text-two p:nth-child(2) { margin: 0px 0px 17px;}
 .orange-mix-drug-facts-right-text-two p:nth-child(3) {margin: 11px 0px 7px;}
 .orange-mix-drug-facts-right-text-three ul { margin: 0px 0px 33px;}
 .orange-mix-drug-facts-right-text-three p:nth-child(6){margin-bottom:19px;}
 #wrapper .shop-common-top-box .shop-bread {margin: 0 auto;width: 300px;display: block;}
 #wrapper .load-iframe{width: 320px;margin: 0px auto;display: block;}
  /*
  kv - 20151023
  #wrapper .home-product-image-two img, .home-product-image-one img {margin-left:30px;right:0px;}*/
  
 #wrapper .product-landing-info .home-rich-product p:nth-child(3) {margin-top: 25px;}
 .page-products  .home-rich-product{  margin-top:0px;}/*gnana 10/7/15*/
 .page-caplets #wrapper .orange-mix-product-details-main-box .product-main-box{  background-size: 100% 23%;}
 #wrapper .orange-mix-product-details-body-box-one, #wrapper .orange-mix-product-details-body-box-two, #wrapper .orange-mix-product-details-body-box-three, #wrapper .orange-mix-product-details-body-box-four { left:0px;}
 #wrapper .caplets-orangemix-bottom-text {left: 0;}
 #wrapper .orange-mix-other-products-box-left {left:0px;}
 .orange-mix-other-products-right-text p:nth-child(1){text-align:center;}
.orange-mix-other-products-right-text p {  width: 300px;}
 .orange-mix-other-products-right-text p:nth-child(3){width:300px;  padding: 0px 10px;}
 #wrapper .orange-mix-content-box-bottom .orange-mix-other-products-right-text p:nth-child(3){padding:0px; }
 .orange-mix-other-products-left-text p:nth-child(3){width:300px;}
 .page-caplets .orange-mix-top-text p:nth-child(7){  margin: -7px 0px 17px;}
 #wrapper .orange-mix-product-details-body-box-four .orange-mix-product-details-text p {margin-top:7px;}
 .accordion-slide h3 a {  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/Plus.png) no-repeat;  display: block;  background-position: 99% 0%;  background-size: 20px 20px;}
.footer-mobile{display:block;}
.footer-image{display:none;}
.page-diet  #wrapper .fibre-heading-richtext h1{ /*  width: 220px */}/*gnana 10/12/15*/
.page-diet #wrapper .product-main-box {background-size: 100% 19%;}
.page-types #wrapper .fibre-heading-richtext h1{  text-align:center;}/*gnana 10/12/15*/
#wrapper .orange-mix-top-text { width: 300px;}
.page-products #wrapper .breadcrumbs {  margin: 10px 10px;}
#wrapper .caplets-orangemix-top-image{  margin-bottom: 5px;margin: 0px auto;position: relative;left: 0%;}
#wrapper .sugarfree-orangemix-other-products-box-left .orange-mix-other-products-left-image img{   left: -29px;}
.page-orange-mix-powder .orange-mix-other-products-right-text{ top:0px;}
.page-orange-mix-powder  .orange-mix-other-products-left-image img{ position:relative;left:-30px;}
.page-caplets #wrapper .caplets-sugarfree-bottom-text {margin-top: 0;position: relative;top: -10px;left:0px;}
#wrapper .caplets-orangemix-bottom-text {margin-top: 9px;display: block;position: relative;left:0px;}
.page-orange-mix-powder  .orange-mix-top-text p:nth-child(4) ,.page-sugar-free-orange-mix .orange-mix-top-text p:nth-child(4){margin-bottom:18px;}
.page-caplets  .orange-mix-top-text p:nth-child(5){ margin-bottom:-8px;  padding: 1px 0 25px 0px;}
.orange-mix-main-box { width:100%;}
 ::i-block-chrome,.home-top-richtext h1 {
font-size: 40px;
}
 ::i-block-chrome,#wrapper .orange-mix-drug-facts-title-text h2 span.product-line-span {
 left: 0;
width: 110px;
float: right;}
.home-top-richtext h1{letter-spacing:0px; }/*gnana* 10/13/15*/
.orange-mix-drug-facts-left-text-two ul {
  margin-top: 6px;
}
.page-sugar-free-orange-mix .orange-mix-other-products-title h2{text-indent:4px;}
#wrapper .orange-mix-drug-facts-right-text-one { margin-bottom: 0px;}
#wrapper .fibre-content-richtext p:nth-child(1){margin-bottom:10px;}
#wrapper .diet-fiber-teaser h2 {
  margin-top: -27px;
}
#wrapper .health-fiber-teaser h2 {
  margin-top: -33px;
}
#wrapper .types-fiber-teaser h2 {
  margin-top: -37px;
}
#wrapper .benefits-fiber-teaser h2 {
  margin-top: -24px;
}
.product-mobile-image-one img:hover{  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/pro2h.png) no-repeat; }
.product-mobile-image-two img:hover{  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/pro3h.png) no-repeat; }
.product-mobile-image-three img:hover{  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/pro1h.png) no-repeat; }
/*.product-mobile-image-three{opacity:0.4;}
.product-mobile-image-three:hover{opacity:1;}
/*gnana 10/9/15*/
/* #wrapper .health-fiber-teaser{display:none;}
 #wrapper .fiber-teaser-two-mobile {display:block;}
  #wrapper.fiber-teaser-two-mobile h2{  position: relative;
  margin-top: -37px;
  margin-left: 17px;
  background: url(../../../../../../../content/dam/global/citrucel/en/arrow_detail.png) no-repeat;
  clear: both;
  background-position: 84% 69%;}
 #wrapper.fiber-teaser-two-mobile a{  font-size: 16px;
  color: #408427;
  font-family: 'QuattrocentoSansBoldItalic';
  margin: 0 auto;
  position: relative;
  margin: 0px;}*/
  
 /*gnana 10/9/15*/
}
/* L3 Change */
.Product-rich-text p{
	    margin-top: 29px;
}
#wrapper .caplets img{
	position:relative;	
	    margin-right: 35px !important;
}
.product-one-Box .orange-mix img, .product-two-Box .sugar-free-orange-mix img{
	position:relative;	
	    margin-left: 65px !important;
}
.home-arrow-image img{
	width:6px !important;
}
/* L3 Change new changes*//* 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;
  margin-bottom: 10px;
    padding: 0px 15px;
}

/* 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:959px) {
.breadcrumbs-list li {
  float: left;
  padding: 0px 10px;
}
}
@media only screen and (max-width: 767px) {
  /* line 47, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
  .breadcrumbs-list li {
    float: left;
	display: inline-block;
  }
  .breadcrumbs-list li {
  padding: 0px;
  margin: 0px;
}
#wrapper .breadcrumbs {
   margin: 10px 0px;
}
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/carousel/_carousel-base.scss */
.carousel {
  position: relative;
  border: solid 2px #323131;
  background-color: #e1e1e1;
  padding: 15px 60px;
}

/* line 10, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slides {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

/* line 18, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide {
  clear: both;
  position: absolute;
  width: 100%;
}

/* line 24, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .no-content,
.carousel-slide .no-image {
  text-align: center;
}

/* line 29, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide.is-active {
  display: block;
  position: relative;
}

/* line 34, ../../sass/components/carousel/_carousel-base.scss */
.carousel-cover {
  max-width: 50%;
  height: auto;
  float: right;
}

/* line 40, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .image-and-content {
  overflow: hidden;
}

/* line 44, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .no-content .carousel-cover {
  float: none;
  max-width: 100%;
}

/* line 49, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .no-image .carousel-content {
  float: none;
  max-width: 100%;
}

/* line 54, ../../sass/components/carousel/_carousel-base.scss */
.carousel-content {
  max-width: 48%;
  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: 100%;
}

/* line 64, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav {
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
  padding: 0;
}

/* line 71, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav li {
  display: inline-block;
  margin: 0 3px;
}

/* line 77, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav a {
  display: inline-block;
  border: 2px solid #656363;
  width: 10px;
  height: 10px;
  font-size: 0;
  color: transparent;
}

/* line 86, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav li.is-active a {
  background: #939191;
}

/* line 90, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev,
.carousel-nav-next {
  position: absolute;
  top: 50%;
  border: none;
  width: 19px;
  height: 31px;
}

/* line 99, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev a,
.carousel-nav-next a {
  border: none;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 107, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev {
  left: 10px;
}
/* line 109, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev a:before {
  content: "\f053";
  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: 30px;
  color: #939191;
}
/* line 114, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev a:hover:before {
  color: #323131;
}

/* line 120, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-next {
  right: 10px;
}
/* line 122, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-next a: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;
  font-size: 30px;
  color: #939191;
}
/* line 127, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-next a:hover:before {
  color: #323131;
}

/* line 133, ../../sass/components/carousel/_carousel-base.scss */
.no-js .carousel .carousel-slide:first-child {
  margin-top: 0;
  border-top: none;
}
/* line 137, ../../sass/components/carousel/_carousel-base.scss */
.no-js .carousel .carousel-slide {
  position: static;
}
/* line 140, ../../sass/components/carousel/_carousel-base.scss */
.no-js .carousel .carousel-nav li {
  display: none;
}

/* line 148, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav li {
  display: inline;
  zoom: 1;
}
/* line 152, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav li.is-active a {
  background: #939191;
}
/* line 155, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav .carousel-nav-prev, .lt-ie8 .carousel-nav .carousel-nav-next {
  width: 19px;
  height: 31px;
}
/* line 158, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav .carousel-nav-prev a, .lt-ie8 .carousel-nav .carousel-nav-next a {
  border: none;
  display: block;
  width: 100%;
  height: 100%;
}
/* line 165, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav a {
  display: block;
  zoom: 1;
  border: 2px solid #656363;
  width: 10px;
  height: 10px;
}

@media only screen and (max-width: 767px) {
  /* line 175, ../../sass/components/carousel/_carousel-base.scss */
  .carousel-cover {
    max-width: 100%;
    float: none;
    margin: auto;
    display: block;
  }

  /* line 181, ../../sass/components/carousel/_carousel-base.scss */
  .carousel-content {
    max-width: 100%;
    float: none;
  }

  /* line 186, ../../sass/components/carousel/_carousel-base.scss */
  .carousel-nav li {
    display: none;
  }
  /* line 189, ../../sass/components/carousel/_carousel-base.scss */
  .carousel-nav .carousel-nav-prev,
  .carousel-nav .carousel-nav-next {
    display: block;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.coupons {
  padding: 10px;
  border: 1px solid #D5D1CE;
  position: relative;
  margin-bottom: 10px; }
  .coupons .couponsImage {
    float: left;
    width: 30%;
    margin-right: 10px; }
  .coupons .couponsDescription {
    float: left;
    width: 60%; }
  .coupons .couponsContainer .button, .coupons .couponsContainer a.lightbox {
    bottom: 10px;
    position: absolute;
    right: 25px; }

.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; }
  .overlay-content-inner a.couponCancel:hover, .overlay-content-inner a.couponSubmit:hover {
    background-color: #939191;
    color: white; }
  .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 3, ../../sass/components/divider/_divider-base.scss */
.divider {
  background: #939191;
  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);
  height: 2px;
  background-size: 25% 100%;
  margin: 2em 0;
}

/* line 11, ../../sass/components/divider/_divider-base.scss */
.divider.float-breaker {
  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; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/flash/_flash-base.scss */
.flash {
  text-align: center;
}

/* line 7, ../../sass/components/flash/_flash-base.scss */
.flash object {
  max-width: 100%;
}

/* Flash is not installed */
/* line 12, ../../sass/components/flash/_flash-base.scss */
.flash-missing {
  margin: 0 auto;
}

/* line 16, ../../sass/components/flash/_flash-base.scss */
.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; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* STATES AND INPUT GROUP VARIABLES
    ------------------------------------*/
/*   TEMPORARY VARIABLES FOR OPERATIONS
    ------------------------------------*/
/*   CREATING SCSS USABLE VARIABLES FOR INTERPOLATION
    ------------------------------------*/
/*   FUNCTIONAL VARIABLES FOR INPUTS AND STATES
    ------------------------------------*/
/* COLOR AND FONT VARIABLES
TODO: SEPARATE COLOR ON FUNCTIONS
    ------------------------------------*/
/* MAIN STYLE FOR FORM
    ------------------------------------*/
/* line 95, ../../sass/components/form/_form-base.scss */
.form {
  /* TWITTER BOOTSTRAP FORM STYLE
  ------------------------------------*/
  /* STATES STYLES
      ------------------------------------*/
  /* ARROW BUTTON STYLES
     -----------------------------------*/
}
/* line 97, ../../sass/components/form/_form-base.scss */
.form .form-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}
/* line 104, ../../sass/components/form/_form-base.scss */
.form form {
  margin: 0 0 20px;
}
/* line 108, ../../sass/components/form/_form-base.scss */
.form fieldset {
  background-color: #e1e1e1;
  border: solid 2px #323131;
  padding: 13px;
  margin: 15px 0;
  min-width: 0;
}
/* line 116, ../../sass/components/form/_form-base.scss */
.form legend {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  padding: 0 5px;
}
/* line 123, ../../sass/components/form/_form-base.scss */
.form fieldset legend {
  display: table;
  white-space: normal;
  margin-right: 10px;
}
/* line 129, ../../sass/components/form/_form-base.scss */
.form label,
.form input,
.form button,
.form select,
.form textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  max-width: 100%;
}
/* line 140, ../../sass/components/form/_form-base.scss */
.form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  min-width: 200px;
}
/* line 146, ../../sass/components/form/_form-base.scss */
.form input,
.form button,
.form select,
.form textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 153, ../../sass/components/form/_form-base.scss */
.form label {
  display: block;
  margin-bottom: 5px;
}
/* line 158, ../../sass/components/form/_form-base.scss */
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 173, ../../sass/components/form/_form-base.scss */
.form input,
.form textarea,
.form .uneditable-input {
  width: 206px;
}
/* line 179, ../../sass/components/form/_form-base.scss */
.form fieldset textarea {
  resize: vertical;
  width: 100%;
}
/* line 184, ../../sass/components/form/_form-base.scss */
.form textarea {
  height: auto;
}
/* line 188, ../../sass/components/form/_form-base.scss */
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
  background-color: white;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  -o-transition: border 0.2s linear, box-shadow 0.2s linear;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
}
/* line 198, ../../sass/components/form/_form-base.scss */
.form select:focus,
.form textarea:focus,
.form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="password"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="text"]:focus, .form input[type="url"]:focus, .form input[type="color"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="month"]:focus, .form input[type="time"]:focus, .form input[type="week"]:focus,
.form .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* line 207, ../../sass/components/form/_form-base.scss */
.form input + .help-block,
.form select + .help-block,
.form textarea + .help-block,
.form .uneditable-input + .help-block {
  margin-top: 10px;
}
/* line 214, ../../sass/components/form/_form-base.scss */
.form input,
.form textarea,
.form select,
.form .help-inline,
.form .uneditable-input {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}
/* line 226, ../../sass/components/form/_form-base.scss */
.form input[type="radio"],
.form input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px                  \9;
  *margin-top: 0;
  line-height: normal;
}
/* line 234, ../../sass/components/form/_form-base.scss */
.form input[type="file"],
.form input[type="image"],
.form input[type="submit"],
.form input[type="reset"],
.form input[type="button"],
.form input[type="radio"],
.form input[type="checkbox"] {
  width: auto;
}
/* line 244, ../../sass/components/form/_form-base.scss */
.form select,
.form input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
/* line 253, ../../sass/components/form/_form-base.scss */
.form select {
  width: 220px;
  background-color: white;
  border: 1px solid #CCCCCC;
}
/* line 259, ../../sass/components/form/_form-base.scss */
.form select[multiple],
.form select[size] {
  height: auto;
}
/* line 264, ../../sass/components/form/_form-base.scss */
.form .uneditable-input,
.form .uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #CCCCCC;
  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
}
/* line 273, ../../sass/components/form/_form-base.scss */
.form .uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
/* line 278, ../../sass/components/form/_form-base.scss */
.form .uneditable-textarea {
  width: auto;
  height: auto;
}
/* line 283, ../../sass/components/form/_form-base.scss */
.form input:-moz-placeholder,
.form textarea:-moz-placeholder,
.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder,
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #999999;
}
/* line 292, ../../sass/components/form/_form-base.scss */
.form .form-actions {
  padding-left: 180px;
}
/* line 296, ../../sass/components/form/_form-base.scss */
.form .hide {
  display: none;
}
/* line 300, ../../sass/components/form/_form-base.scss */
.form .radio,
.form .checkbox {
  min-height: 20px;
  padding-left: 20px;
}
/* line 306, ../../sass/components/form/_form-base.scss */
.form .radio input[type="radio"],
.form .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -22px;
}
/* line 312, ../../sass/components/form/_form-base.scss */
.form .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
/* line 318, ../../sass/components/form/_form-base.scss */
.form .controls:first-child {
  *padding-left: 180px;
}
/* line 323, ../../sass/components/form/_form-base.scss */
.form .controls > .radio:first-child,
.form .controls > .checkbox:first-child {
  padding-top: 5px;
}
/* line 328, ../../sass/components/form/_form-base.scss */
.form .radio.inline,
.form .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 336, ../../sass/components/form/_form-base.scss */
.form .radio.inline + .radio.inline,
.form .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
/* line 341, ../../sass/components/form/_form-base.scss */
.form input,
.form textarea,
.form .uneditable-input {
  margin-left: 0;
}
/* line 347, ../../sass/components/form/_form-base.scss */
.form .controls-row {
  *zoom: 1;
}
/* line 349, ../../sass/components/form/_form-base.scss */
.form .controls-row:before, .form .controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 355, ../../sass/components/form/_form-base.scss */
.form .controls-row:after {
  clear: both;
}
/* line 360, ../../sass/components/form/_form-base.scss */
.form input[disabled],
.form select[disabled],
.form textarea[disabled],
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
/* line 370, ../../sass/components/form/_form-base.scss */
.form input[type="radio"][disabled],
.form input[type="checkbox"][disabled],
.form input[type="radio"][readonly],
.form input[type="checkbox"][readonly] {
  background-color: transparent;
}
/* line 380, ../../sass/components/form/_form-base.scss */
.form .control-label {
  word-break: break-all;
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
  line-height: normal;
}
/* line 391, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input, .form .control-group.warning select, .form .control-group.warning textarea, .form .control-group.warning .control-label, .form .control-group.warning .help-block, .form .control-group.warning .help-inline, .form .control-group.warning .checkbox, .form .control-group.warning .radio {
  color: #c09853;
}
/* line 395, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input, .form .control-group.warning select, .form .control-group.warning textarea {
  border-color: #c09853;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 400, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input:focus, .form .control-group.warning select:focus, .form .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
/* line 409, ../../sass/components/form/_form-base.scss */
.form .control-group.error input, .form .control-group.error select, .form .control-group.error textarea, .form .control-group.error .control-label, .form .control-group.error .help-block, .form .control-group.error .help-inline, .form .control-group.error .checkbox, .form .control-group.error .radio {
  color: #b94a48;
}
/* line 413, ../../sass/components/form/_form-base.scss */
.form .control-group.error input, .form .control-group.error select, .form .control-group.error textarea {
  border-color: #b94a48;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 418, ../../sass/components/form/_form-base.scss */
.form .control-group.error input:focus, .form .control-group.error select:focus, .form .control-group.error textarea:focus {
  border-color: #953b39;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
/* line 427, ../../sass/components/form/_form-base.scss */
.form .control-group.success input, .form .control-group.success select, .form .control-group.success textarea, .form .control-group.success .control-label, .form .control-group.success .help-block, .form .control-group.success .help-inline, .form .control-group.success .checkbox, .form .control-group.success .radio {
  color: #468847;
}
/* line 431, ../../sass/components/form/_form-base.scss */
.form .control-group.success input, .form .control-group.success select, .form .control-group.success textarea {
  border-color: #468847;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 436, ../../sass/components/form/_form-base.scss */
.form .control-group.success input:focus, .form .control-group.success select:focus, .form .control-group.success textarea:focus {
  border-color: #356635;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
/* line 445, ../../sass/components/form/_form-base.scss */
.form .control-group.info input, .form .control-group.info select, .form .control-group.info textarea, .form .control-group.info .control-label, .form .control-group.info .help-block, .form .control-group.info .help-inline, .form .control-group.info .checkbox, .form .control-group.info .radio {
  color: #3a87ad;
}
/* line 449, ../../sass/components/form/_form-base.scss */
.form .control-group.info input, .form .control-group.info select, .form .control-group.info textarea {
  border-color: #3a87ad;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 454, ../../sass/components/form/_form-base.scss */
.form .control-group.info input:focus, .form .control-group.info select:focus, .form .control-group.info textarea:focus {
  border-color: #2d6987;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
/* line 466, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input[type="radio"],
.form .control-group.error input[type="radio"],
.form .control-group.success input[type="radio"],
.form .control-group.info input[type="radio"] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 472, ../../sass/components/form/_form-base.scss */
.form input:focus:invalid,
.form textarea:focus:invalid,
.form select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
/* line 479, ../../sass/components/form/_form-base.scss */
.form input:focus:invalid:focus,
.form textarea:focus:invalid:focus,
.form select:focus:invalid:focus {
  border-color: #e9322d;
  -moz-box-shadow: 0 0 6px #d59392;
  -webkit-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
/* line 486, ../../sass/components/form/_form-base.scss */
.form .help-block,
.form .help-inline {
  color: #595959;
}
/* line 491, ../../sass/components/form/_form-base.scss */
.form .help-block {
  display: block;
  margin-bottom: 0;
}
/* line 496, ../../sass/components/form/_form-base.scss */
.form .help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}
/* line 504, ../../sass/components/form/_form-base.scss */
.form .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
/* line 508, ../../sass/components/form/_form-base.scss */
.form .control-group:before, .form .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 514, ../../sass/components/form/_form-base.scss */
.form .control-group:after {
  clear: both;
}
/* line 520, ../../sass/components/form/_form-base.scss */
.form legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
/* line 525, ../../sass/components/form/_form-base.scss */
.form .radio input[type="radio"] {
  width: 20px;
  float: none;
  vertical-align: baseline;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 533, ../../sass/components/form/_form-base.scss */
.form .radio .radio-label-text {
  line-height: 13px;
  vertical-align: baseline;
}
/* line 541, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button,
.form .button-arrow-right button {
  position: relative;
  box-shadow: none;
  height: 28px;
  overflow: visible;
}
/* line 549, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 20px;
}
/* line 556, ../../sass/components/form/_form-base.scss */
.form .button-arrow-right button {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 20px;
}
/* line 563, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button:after,
.form .button-arrow-right button:after {
  content: ' ';
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 3px;
  background-color: #e1e1e1;
  border: 2px solid #656363;
  box-shadow: none;
}
/* line 576, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -10px;
  border-width: 0px 1px 1px 0px;
  border-bottom-right-radius: 5px;
}
/* line 587, ../../sass/components/form/_form-base.scss */
.form .button-arrow-right button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -10px;
  border-width: 1px 1px 0px 0px;
  border-top-right-radius: 5px;
}
/* line 598, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button:hover:after,
.form .button-arrow-right button:hover:after {
  background-color: #939191;
}

/* line 606, ../../sass/components/form/_form-base.scss */
.form > .component-content,
.form-element > .component-content {
  overflow: hidden;
}

/* FORM HORIZONTAL STYLES
   ------------------------------------*/
/* line 616, ../../sass/components/form/_form-base.scss */
.form-horizontal .radio {
  display: inline-block;
  margin-right: 10px;
}

/* IE STYLES
    ------------------------------------*/
/* line 630, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form fieldset {
  position: relative;
  margin: 10px;
}
/* line 635, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form fieldset legend {
  position: relative;
  top: -0.7em;
  left: 0.5em;
  margin-right: 20px;
}
/* line 642, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form fieldset legend span {
  display: block;
  width: 100%;
}
/* line 647, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .input-focus-border-fix {
  border-color: #52A8EC;
}
/* line 651, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button {
  border: 1px solid #656363;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}
/* line 658, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button-arrow-left button:after,
.lt-ie9 .form .button-arrow-right button:after {
  position: static;
  border: none;
  display: inline;
}
/* line 665, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button-arrow-left button:before {
  content: "<<";
  padding-right: 5px;
}
/* line 670, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button-arrow-right button:after {
  content: ">>";
  padding-left: 5px;
}

/* line 682, ../../sass/components/form/_form-base.scss */
.lt-ie8 .form fieldset legend {
  top: -0.5em;
}
/* line 686, ../../sass/components/form/_form-base.scss */
.lt-ie8 .form .button {
  display: inline;
}
/* line 690, ../../sass/components/form/_form-base.scss */
.lt-ie8 .form .button-arrow-left button,
.lt-ie8 .form .button-arrow-right button {
  position: static;
}

/* MEDIA QUERIES
    ------------------------------------*/
@media only screen and (max-width: 767px) {
  /* line 705, ../../sass/components/form/_form-base.scss */
  .form .radio input[type="radio"] {
    height: 14px;
  }
  /* line 709, ../../sass/components/form/_form-base.scss */
  .form .control-group {
    margin-bottom: 10px;
  }
  /* line 713, ../../sass/components/form/_form-base.scss */
  .form .checkboxField .control-label {
    float: left;
  }
  /* line 717, ../../sass/components/form/_form-base.scss */
  .form .control-label {
    float: none;
    width: 160px;
    padding-top: 5px;
    text-align: left;
  }
  /* line 724, ../../sass/components/form/_form-base.scss */
  .form .controls {
    margin-left: 0;
  }
  /* line 728, ../../sass/components/form/_form-base.scss */
  .form .help-block {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 239px) {
  /* line 739, ../../sass/components/form/_form-base.scss */
  .form input,
  .form textarea,
  .form .uneditable-input {
    width: 200px;
  }
  /* line 745, ../../sass/components/form/_form-base.scss */
  .form select {
    width: 200px;
  }
}
/* NO JS STYLES
    ------------------------------------*/
/* line 758, ../../sass/components/form/_form-base.scss */
.no-js .clearButton {
  display: none;
}
/* 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
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/image/_image-base.scss */
.image .right {
  text-align: right;
}

/* line 7, ../../sass/components/image/_image-base.scss */
.image .left {
  text-align: left;
}

/* line 11, ../../sass/components/image/_image-base.scss */
.image .middle {
  text-align: center;
}
.footer-product-image{  margin-bottom: 6px;  position: relative;top: 8px;}/*gnana 10/8/15*/
@media only screen and (max-width: 767px) {
  /* line 16, ../../sass/components/image/_image-base.scss */
  .image .component-content {
    text-align: center;
  }
  .orange-mix-top-image{margin-bottom: 5px;}
  .home-top-image {top: 30px;left:0px;}
.home-product-image-three {  margin-top:0px;margin-bottom: -7px;padding-bottom: 0px;}
.home-daughter-image{  margin-bottom: 6px;}
.fibre-header-image{padding:0px 10px;}
.fiber-type-content-image-one img, .fiber-type-content-image-two img {float: none;margin-right: 0px;}
.orange-mix-product-details-body-box-five .orange-mix-product-details-image{  padding-top: 14px; margin-bottom: 20px;}
.orange-mix-other-products-left-image{margin-bottom:0px;}
.page-orange-mix-powder .orange-mix-other-products-right-image{  margin-bottom: 22px;}
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

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

/* line 13, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view {
  border: solid 2px #323131;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  background: white;
}

/* line 22, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view img {
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* line 29, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-description {
  margin: 10px 0;
}

/* line 33, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnails {
  position: relative;
  margin: 20px 0;
}

/* line 38, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-list {
  overflow: hidden;
  margin: 0 50px;
  position: relative;
}

/* line 44, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow,
.imageGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
  width: 35px;
  height: 60px;
  font: 0/0 serif;
  color: transparent;
}
/* line 56, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow:before,
.imageGallery-arrow.is-disabled:hover:before {
  position: absolute;
  top: 50%;
  color: #AAA;
}

/* line 63, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow:hover:before {
  color: #888;
}

/* line 67, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-description {
  margin: 15px 0;
}

/* line 71, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow.is-disabled {
  opacity: 0.5;
}

/* line 75, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow {
  text-align: center;
}

/* line 79, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow-left,
.imageGallery-arrow-left.is-disabled:hover {
  left: 0;
}
/* line 82, ../../sass/components/imageGallery/_imageGallery-base.scss */
.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;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

/* line 88, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow-right,
.imageGallery-arrow-right.is-disabled:hover {
  right: 0;
}
/* line 91, ../../sass/components/imageGallery/_imageGallery-base.scss */
.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;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

/* line 97, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-list-inner {
  overflow: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 4000px;
}

/* line 109, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 0 9px;
  cursor: pointer;
  text-align: center;
  position: relative;
  display: block;
  border: solid 4px #323131;
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s;
}

/* line 128, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail:hover,
.imageGallery-thumbnail.is-active {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 134, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-cover {
  display: block;
  max-width: none;
}

/* line 139, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-title {
  display: block;
  margin: 10px auto 0 auto;
  font-size: 11px;
  width: 71px;
}

/* line 146, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery .thumbnails-list li:hover .image,
.imageGallery .thumbnails-list li.active .image {
  border: solid 4px #323131;
  margin: 0;
}

/* line 152, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-image {
  margin: 2px;
  border: solid 2px #323131;
  position: relative;
}

/* line 158, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-overlay {
  opacity: 0.7;
  height: 28px;
  left: 50%;
  margin: -14px 0 0 -15px;
  position: absolute;
  top: 50%;
  width: 30px;
  cursor: pointer;
}
/* line 167, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-overlay:before {
  content: "\f04b";
  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;
  display: inline-block;
  font-size: 15px;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #3e3e3e;
  text-indent: 7px;
  background: #fff;
  text-align: center;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 186, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
  opacity: 0;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}

/* line 195, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail a {
  display: block;
}

/* line 199, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-image img {
  display: block;
  width: 63px;
  height: 52px;
  margin: 0 auto;
}

/* line 206, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view {
  cursor: pointer;
}

/* line 210, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view-overlay {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73px;
  height: 69px;
  margin: -34px 0 0 -36px;
  cursor: pointer;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}
/* line 224, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view-overlay:before {
  content: "\f04b";
  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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  font-size: 30px;
  width: 100%;
  height: 100%;
  border: 3px solid #3e3e3e;
  text-indent: 5px;
  background: #fff;
  text-align: center;
  line-height: 65px;
}

/* line 241, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery.is-playing .imageGallery-view-overlay:before {
  content: "\f04c";
  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;
  text-indent: 0px;
}

/* line 247, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery .gallery-play {
  color: #323131;
}

/* line 251, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view:hover .imageGallery-view-overlay {
  opacity: 0.7;
}

/* line 255, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view .imageGallery-view-overlay:hover {
  opacity: 1;
  text-decoration: none;
}

/* line 261, ../../sass/components/imageGallery/_imageGallery-base.scss */
.mod-js .imageGallery-thumbnail {
  padding: 0;
}
/* line 265, ../../sass/components/imageGallery/_imageGallery-base.scss */
.mod-js .imageGallery-thumbnails {
  position: relative;
}

/*no js view*/
/* line 271, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-view {
  display: none;
}

/* line 275, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-list {
  margin: 0;
}

/* line 279, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-thumbnail img {
  width: auto;
  height: auto;
}

/* line 284, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-thumbnail {
  border: 0;
  opacity: 1;
  float: none;
  overflow: hidden;
}

/* line 291, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-thumbnail a:after {
  content: attr(data-description);
  display: block;
  padding: 10px 0 30px;
  text-align: left;
}

/* line 298, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-arrow {
  display: none;
}
/* 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: arial;
  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; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/map/_map-base.scss */
.map-canvas {
  border: solid 2px #323131;
  margin-bottom: 10px;
  text-align: center;
}

/* line 9, ../../sass/components/map/_map-base.scss */
.map-canvas img {
  width: 100%;
  max-width: inherit;
}

/* line 14, ../../sass/components/map/_map-base.scss */
.no-js .map-canvas img {
  width: 100%;
  max-width: 640px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/*** SETTINGS ***/
/* line 25, ../../sass/components/navigation/_navigation-base.scss */
.navigation-root {
  text-align: left;
  z-index: 10;
  max-width: 100%;
}

/* line 31, ../../sass/components/navigation/_navigation-base.scss */
.navigation-mobile-menu {
  display: none;
}

/* line 38, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-level1 > .navigation-branch {
  display: block;
}
/* line 44, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-root.navigation-branch.navigation-level1 {
  display: block;
}
/* line 52, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2 {
  display: block;
}
/* line 59, ../../sass/components/navigation/_navigation-base.scss */
.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;
}
/* line 65, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 > .navigation-item {
  float: none;
}

/* line 73, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch {
  overflow: visible;
  margin: 0;
  padding: 0;
  list-style: none;
  border-color: #4a4a4a;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 82, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch.navigation-level1 {
  border: none;
  display: block;
}

/* line 88, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item {
  margin: 0 0 0 0;
  /* so that borders collapse */
  border-color: #4a4a4a;
  border-width: 0 0 0 0;
  border-style: solid;
}
/* line 93, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > .navigation-item-title {
  display: block;
  padding: 5px 15px 5px 15px;
  background: #e1e1e1;
  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;
}
/* line 105, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > a.navigation-item-title:hover {
  color: black;
  background: #d5d5d5;
  text-decoration: none;
}
/* line 111, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > span.navigation-item-title {
  cursor: default;
}
/* line 116, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  background-color: #c8c8c8;
}
/* line 123, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
  color: black;
  background: #a2a2a2;
  text-decoration: none;
}
/* line 131, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.is-open > .navigation-branch, .no-js .navigation-item:hover > .navigation-branch {
  display: block;
}
/* line 135, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1 {
  margin: 0 0 -2px -2px;
  /* so that borders collapse */
  border-color: #4a4a4a;
  /*border-width: 2px 2px 2px 2px;*/
  border-style: solid;
  box-sizing: border-box;
}
/* line 141, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1 > .navigation-item-title {
    color:#f0812a;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5;
  padding:20px 20px 10px 20px;
  font-family:'urw-din';
  font-weight:900;
  text-transform: uppercase;
}
/* line 151, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1 > a.navigation-item-title:hover {
  color:#408471;
  background: #fff;
  text-decoration: none;
}
/* line 159, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
  color:#F0812A;
  /*background: #605e5e;*/
  text-decoration: none;
}
/* line 166, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level2 {
  border-top: 1px solid #4a4a4a;
}

/* line 172, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch.navigation-level2 {
  display: block;
}

/* line 176, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > .navigation-item-title {
  padding-left: 40px;
}

/* line 184, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2 {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
/* line 191, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
  overflow: hidden;
  
}
/* line 196, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child {
  border-top: none;
}
/* line 201, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item {
  width: 100%;
}

/* line 212, ../../sass/components/navigation/_navigation-base.scss */
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 {
  min-width: 100%;
/* position: absolute;
  top: 41px;*/
  left: -2px;
  display: block;
}
/* line 218, ../../sass/components/navigation/_navigation-base.scss */
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item {
  float: none;
}

/* line 227, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item {
 float: left;
  position: relative;
}
/* line 230, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item .navigation-branch.navigation-level3 {
  display: none;
}
/* line 235, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level3 {
  display: block;
  float: none;
}
/* line 242, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item.navigation-level2:first-child {
  border-top: none;
}
/* line 247, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children > .navigation-item-title {
  padding-right:40px;
  background-image: none;
}
/* line 250, ../../sass/components/navigation/_navigation-base.scss */
.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;
}
/* line 258, ../../sass/components/navigation/_navigation-base.scss */
.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;
}
/* line 269, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children > .navigation-item-title:hover .navigation-item-decoration {
  background-color: #939191;
}
/* line 273, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title {
  padding-right: 55px;
}
/* line 275, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
  height: 31px;
  width: 31px;
  line-height: 31px;
}
/* line 279, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration:after {
  width: 31px;
  height: 31px;
}
/* line 286, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-active-child > .navigation-item-title .navigation-item-decoration {
  background-color: #605e5e;
}
/* line 291, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-level2.navigation-branch {
  border-color: #4a4a4a;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
}
/* line 296, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-level2 .navigation-item-title {
  padding: 5px 15px 5px 15px;
}
/* line 300, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-level2.navigation-root {
  max-width: none;
}

/* line 307, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .navigation-branch.navigation-level2,
.navigation-vertical .navigation-branch.navigation-level3 {
  display: none;
}
/* line 312, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level3 {
  display: block;
}
/* line 317, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children > .navigation-item-title {
  position: relative;
}
/* line 319, ../../sass/components/navigation/_navigation-base.scss */
.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;
}
/* line 327, ../../sass/components/navigation/_navigation-base.scss */
.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;
}
/* line 340, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
  height: 31px;
  width: 31px;
  line-height: 31px;
}
/* line 344, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration:before {
  width: 31px;
  height: 31px;
}
/* line 351, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-active-child > .navigation-item-title .navigation-item-decoration {
  background-color: #c8c8c8;
}
/*gnana*/
#wrapper  .navigation-horizontal .navigation-level2.navigation-root{display:none;}
.navigation-item-decoration{display:none;}
/*gnana*/
@media only screen and (min-width: 990px) {
  /* line 362, ../../sass/components/navigation/_navigation-base.scss */
  .mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    margin: 0 0 -2px -2px;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
  /* line 376, ../../sass/components/navigation/_navigation-base.scss */
  .mod-touch .navigation-horizontal .navigation-item {
   /* width: 100%;*/
  }
  /* line 379, ../../sass/components/navigation/_navigation-base.scss */
  .mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    margin: 0 0 -2px 0;
    border-left: none;
    border-right: none;
  }
}
@media only screen and (max-width:959px) {

.navigation-mobile-menu {
   display: block;
  width: 3%;
  height: 18px;
  position: relative;
  cursor: pointer;
  border-width: 2px 2px 2px 2px;
  border-style: none;
  border-color: #4a4a4a;
  box-sizing: border-box;
  margin: 0 0 -2px -2px;
  overflow: hidden;
  background: whitesmoke;
  float: left;
  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/nav.png) no-repeat 65% 93%;
  z-index: 99999;
  top: 11px;
}
#wrapper .navigation.section.navigation-horizontal {
  top: 2px;
  position: absolute;
  left: 0px;
  width: 100%;
}
.image .component-content {
  text-align: center;
}
.image .component-content {
  text-align: center;
}
.navigation-branch.navigation-level1 {

  display:none;
}
.navigation-branch.navigation-level1.is-open {
  display: block;
  position: relative;
  left: -252px;
  width: 79%;
  top: 107px;
}
.navigation-branch.navigation-level1.is-open{
   display: block;
  position: relative;
  left: -297px;
  width: 33%;
  top: 145px;
}
#wrapper .navigation-horizontal .navigation-level2.navigation-root {
  display: block;
    border: none;
}
.navigation-item.navigation-level2 {
   border-top:none;
}
.navigation-item > .navigation-item-title{
background-color:transparent;
}
#wrapper .navigation-horizontal .navigation-level2.navigation-root .navigation-level2 {
  border: none;
  /*background: url(../../../../../../../content/dam/global/citrucel/en/arrow_detail.png) no-repeat 99%;*/
}
.navigation-item.navigation-level1 > .navigation-item-title {
  width: 70%;
  /*background: url(../../../../../../../content/dam/global/citrucel/en/arrow_detail.png) no-repeat 96%;*/
  padding-right: 60px;
}
.navigation-horizontal .navigation-level2 .navigation-item-title {
  padding: 5px 15px 5px 20px;
}
.navigation-horizontal .navigation-item {
 float:none;
clear: left;
  /*border-bottom: 1px solid #eaeaea;*/
    padding-bottom: 11px;
}
.navigation-item.navigation-level1.page-products {
  border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
}
}
@media only screen and (max-width: 767px) {
  /* line 395, ../../sass/components/navigation/_navigation-base.scss */
  .mod-touch .navigation-horizontal .navigation-item {
    width:91%;/*gnana 10/9/15*/
  }
  /* line 398, ../../sass/components/navigation/_navigation-base.scss */
  .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;
  }

  /* line 409, ../../sass/components/navigation/_navigation-base.scss */
  .navigation-mobile-menu {
    display: block;
    width: 10%;/*gnana*/
    height:23px;
    position: relative;
    cursor: pointer;
    border-width: 2px 2px 2px 2px;
    border-style:none;
    border-color: #4a4a4a;
    box-sizing: border-box;
    margin: 0 0 -2px -2px;
    overflow: hidden;
    background: whitesmoke;
	float:left;/*gnana*/
	  background: url(../../../../../../../content/dam/cf-consumer-healthcare/citrucel/en_us/nav.png) no-repeat 100% 45%;
	    z-index: 99999;
  }
  /* line 422, ../../sass/components/navigation/_navigation-base.scss */
  .navigation-mobile-menu:after {
    content: "\f0c9";
    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;
    display:none;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 0;
    line-height: 38px;
    font-size: 25px;
    right: 0;
  }

  /* line 434, ../../sass/components/navigation/_navigation-base.scss */
  .navigation-item.navigation-level1 {
    width: 100%;
  }

  /* line 437, ../../sass/components/navigation/_navigation-base.scss */
  .navigation-branch.navigation-level1 {
    display: none;
  }
  /* line 439, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch.navigation-level1.is-open {
display: block;
position: relative;
left: -260px;
 width: 86%;
top: 135px;
  }

  /* line 445, ../../sass/components/navigation/_navigation-base.scss */
  .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;
  }
  /*gnana*/
  /*#wrapper .navigation.section.navigation-horizontal{  width:100%;  float: left;  }*/
  .navigation-item.navigation-level1 > .navigation-item-title{/*width:95%;  
  background: url(../../../../../../../content/dam/global/citrucel/en/arrow_detail.png) no-repeat 96%; */
  padding-right:0px;  background-position: 90% 58%;}/*gnana 10/9/15*/
#wrapper .navigation.section.navigation-horizontal{top: 2px;position: absolute;left: 0px;  width: 100%;}
#wrapper  .navigation-horizontal .navigation-level2.navigation-root{display:block;  border: none;}
#wrapper .navigation-horizontal .navigation-level2.navigation-root .navigation-item-title{  background: transparent;  text-overflow: initial;  overflow: visible;  padding-left: 20px;}
#wrapper .navigation-horizontal .navigation-level2.navigation-root .navigation-level2{  border: none;  
/*background: url(../../../../../../../content/dam/global/citrucel/en/arrow_detail.png) no-repeat 99%;  */
background-position: 92% 41%;}
.navigation-root  .page-our-products{border-bottom:1px solid  #eaeaea;}
.navigation-root  .page-what-is-fiber{border-bottom:1px solid  #eaeaea;}
    /*gnana*/
.navigation-item.navigation-level1.page-products {
  border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
}
.navigation-horizontal .navigation-item {
 float:none;

}
}
/* 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*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.powerreviews {
  border: solid 1px #e0e0e0;
  padding: 5px 10px 0 10px;
  margin-bottom: 5px; }
  .powerreviews .p-w-r .pr-header-title {
    color: #f36633; }
  .powerreviews .p-w-r .pr-star-selected {
    background-color: #f36633; }
  .powerreviews .pr-snapshot-rating .pr-stars {
    background-image: url("../../img/stars.gif"); }
  .powerreviews .pr-review-rating .pr-stars-small {
    background-image: url("../../img/stars_small.gif"); }
  .powerreviews .pr-snippet-stars .pr-stars-small {
    background-image: url("../../img/stars_small.gif"); }
  .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: arial;
      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
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/richText/_richText-base.scss */
.richText .component-content {
  overflow: hidden;
}

/* line 7, ../../sass/components/richText/_richText-base.scss */
.richText h1,
.richText h2,
.richText h3,
.richText h4,
.richText h5,
.richText h6 {
  margin-top: 0;
}

/* line 16, ../../sass/components/richText/_richText-base.scss */
.richText a {
  text-decoration: none;
}

/* line 20, ../../sass/components/richText/_richText-base.scss */
.richText ul, .richText ol {
  padding: 0;
  margin-left:0px;
  font-weight: bold;
}

/* line 26, ../../sass/components/richText/_richText-base.scss */
.richText li {
  font-size: 14px;
  margin-left: 15px;
  list-style-type: none;
}

/* line 33, ../../sass/components/richText/_richText-base.scss */
.richText ul li {
  margin-left: 0;
  padding-left:0px;
  position: relative;
  line-height: 20px;
}
/* line 37, ../../sass/components/richText/_richText-base.scss */
.richText ul li:before {
  content: ".";
  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:-4px;
  /* position: absolute; */
  list-style: none;
  font-size: 50px;
  color:#F0812A;

}

/* line 45, ../../sass/components/richText/_richText-base.scss */
.richText ol li {
  list-style: decimal;
}

/* line 49, ../../sass/components/richText/_richText-base.scss */
.richText-links {
  font-size: 10px;
}

/* line 53, ../../sass/components/richText/_richText-base.scss */
.richText .richText-links li {
  background: none;
  display: inline;
  list-style: none;
  padding-left: 0;
}

/* line 60, ../../sass/components/richText/_richText-base.scss */
.richText-links li a {
  padding-right: 5px;
  border-right: solid 1px #b9b8b8;
  margin-right: 5px;
}

/* line 66, ../../sass/components/richText/_richText-base.scss */
.richText-links li:last-child a {
  border-right: 0 none;
  margin-right: 0;
  padding-right: 0;
}

/* line 72, ../../sass/components/richText/_richText-base.scss */
.richText-image {
  display: block;
  margin-bottom: 10px;
}

/* line 77, ../../sass/components/richText/_richText-base.scss */
.richText-image.pull-left {
  margin: 5px 15px 5px 10px;
  float: left;
}

/* line 82, ../../sass/components/richText/_richText-base.scss */
.richText-image.pull-right {
  margin: 5px 10px 5px 15px;
  float: right;
}
.shop-common-top-box .shop-common-richtext h1 {  margin-bottom: 0px;
  padding-bottom: 2px;}
.shop-common-richtext h1{  margin-top: 5px;}
.orange-mix-drug-facts-box-right ul li,.orange-mix-drug-facts-box-left ul li{list-style-type: disc;
  list-style-position: outside;
  padding: 0px 0 0px 10px;
  text-indent: -4px;}
  @media screen and (-webkit-min-device-pixel-ratio:0) {
   ::i-block-chrome,.richText ul li::before {
 top: -11px;
 }
 }
 @media only screen and (max-width:959px) {

 .richText ul li:before {
   position: absolute;
     top: -17px;
 }
 .orange-mix-drug-facts-box-right ul li, .orange-mix-drug-facts-box-left ul li {
  
  padding: 0px 0 0px 13px;
 text-indent: 0px;
}
 }
@media only screen and (max-width: 767px) {
.orange-mix-top-text p:nth-child(3){ margin-bottom: 30px;}
#wrapper .orange-mix-product-details-title {margin-bottom: 13px; width: 300px;}
.orange-mix-drug-facts-left-text-three p:nth-child(2){  margin: 0px 0px 22px;}
.orange-mix-drug-facts-left-text-three p:nth-child(3){  margin-bottom: 0px;}
.orange-mix-drug-facts-left-text-three ul:nth-child(1){  margin-top: 3px;}
.orange-mix-top-text p span.caplets-head-span{line-height:24px;  text-align: center; display: block; width: 265px;}

}

/* USIM10015907396 - Start */

@media only screen and (min-width: 960px) {
	.page-products .home-rich-product h3 {
  		font-size: 22px
	}
}

/* USIM10015907396 - End */
.searchBox .easy-autocomplete-container ul {
  list-style-type: none;
  padding: 0 0 0 0; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.searchFilter {
  border: solid 1px #f3f2f1; }

.searchFilter-title {
  background-color: white;
  background: url("../../img/down_arrow_black.png") no-repeat 90% center;
  margin: 0;
  padding: 13px;
  cursor: pointer; }

.searchFilter-controls {
  border-top: solid 4px #f36533; }
  .searchFilter-controls .searchFilterContent {
    display: block; }

.searchFilter-selection, .searchFilter-checkbox, .searchFilter-phrase {
  overflow: hidden;
  margin: 5px 0; }

.searchFilter-label {
  float: left;
  margin-right: 10px;
  min-width: 85%; }

.searchFilter-checkbox .searchFilter-label {
  float: none;
  margin-right: 0; }

.searchFilter-submit {
  padding: 13px;
  margin: 5px 0;
  overflow: hidden;
  display: block; }
  .searchFilter-submit button {
    float: right; }

.searchFilter-horizontal .searchFilter-controls {
  float: left; }

.searchFilter-horizontal .searchFilter-control {
  float: left; }

.searchFilter-horizontal .searchFilter-label {
  min-width: 0; }

.searchFilter-horizontal .searchFilter-selection, .searchFilter-horizontal .searchFilter-checkbox, .searchFilter-horizontal .searchFilter-phrase {
  float: left;
  clear: none;
  margin-right: 10px; }

.tagRadioFilter fieldset {
  border: none;
  margin: 0;
  padding: 0; }
  .tagRadioFilter fieldset legend {
    background: url("../../img/filter-plus.png") no-repeat right center;
    color: #000;
    font-size: 16px;
    padding: 0px 10px;
    display: block;
    width: 93%;
    cursor: pointer;
    margin: 7px 10px; }
    .tagRadioFilter fieldset legend.filter-active {
      background: url("../../img/filter-minus.png") no-repeat right center; }
  .tagRadioFilter fieldset .searchFilter-control, .tagRadioFilter fieldset .searchFilter-control {
    padding: 7px 5px;
    background: #f5f5f5;
    border-bottom: solid 1px #f8f7f6; }

.searchFilter-sorting h4 {
  background: url("../../img/filter-plus.png") no-repeat right center;
  color: #000;
  font-size: 16px;
  padding: 0px 10px;
  display: block;
  width: 93%;
  cursor: pointer;
  margin: 7px 10px; }

.tagRadioFilter input {
  float: right; }

.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;
}

/* line 22, ../../sass/components/searchBox/_searchBox-base.scss */
.searchBox input[type=text] {
  width: 81px;
}

/* line 26, ../../sass/components/searchBox/_searchBox-base.scss */
#wrapper .searchBox-title {
display:none;
    cursor: default;
  z-index: 9999;
  position: relative;
  clear: both;
  overflow: visible;
  top: 2px;
  float: right;
  background-color: #fad9bf;
  padding: 9px 16px 9px 17px;;
    left: 77px;
	  color: #f0812a;
	    border: 2px solid #fad9bf;
}

/* line 30, ../../sass/components/searchBox/_searchBox-base.scss */
.form-search.no-box,
.form-search.no-box .section {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 36, ../../sass/components/searchBox/_searchBox-base.scss */
.lt-ie8 .button {
  margin-left: 4px;
}
.searchBox .form-search .search-query{  width: 451px; float: right; z-index: 99999; position: relative;  top:11px; padding: 11px 0px 11px 10px;   right: 47px;  border: 2px solid #fad9bf;}
.searchBox{height:35px;position:relative;left:-55px;}
.searchBox .button.searchbutton{  background-color: #fad9bf;float: right;width: 73px;top: -44px;left:25px;padding: 11px;border-radius: 0px;  z-index: 9999;}

@media only screen and (max-width:959px) {
.searchBox .form-search .search-query{  width:176px;display: block;float: left;left: -190px;top: -35px;  z-index: 0;  font-size: 13px;
  padding: 12px 0px 11px 10px;}
.searchBox .form-search .button {width:24%;left: -5%;position: absolute;top:-48px;border-left: 0px; padding-top:11px;  padding: 11px;  border-radius: 3px;}/*gnana 10/20/15*/
#wrapper .search-logo { width: 2%;float: left;position: absolute;left: -42px;top: 30px;margin: 0px;}
#wrapper .search-logo img {top: 0px;position: relative;left: 0px;}
.searchBox .form-search .search-query:focus{border-color:#fad9bf;}
}

@media only screen and (max-width: 767px) {
.searchBox .form-search .search-query{    width: 192px;display: block; float: left; left: -178px; top: -35px; z-index: 0;  border-radius: 4px;}
.searchBox .form-search .button{    width: 9%;left: -22%;position: absolute;top: -48px;border-left: 0px;padding-top: 11px;}/*gnana 10/20/15*/
#wrapper .search-logo{  width: 4%;float: left; position: absolute;   left: -11%; top: 30px;}
#wrapper .search-logo img {top: 0px;position: relative;left: 0px;}
}


/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-pagination {
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: default;
}

/* line 12, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-pagination-list {
  padding: 0;
  margin: 0;
}

/* line 17, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-pagination-item {
  display: inline-block;
  line-height: 30px;
  background-color: #eeeeee;
  margin: 1px;
  cursor: default;
  *display: inline;
}

/* line 26, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-pagination-item a {
 display: inline-block;
  background-color: #F0812A;
  /* min-width: 0px; */
  padding: 10px 10px;
  cursor: pointer;
  color: #fff;
}

/* line 34, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-pagination-item a:hover {
   background-color: #408271;
   text-decoration: none;
   color: #fff;
}

/* line 39, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-pagination-item.is-active {
  font-weight: bold;
}

/* line 43, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  /* margin-left: 110px; */
  font-family: 'QuattrocentoSansBold';
  text-decoration: none;
}

/* line 48, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-term {
  font-style: italic;
}

/* line 52, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-number {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* line 58, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-results {
  margin-bottom: 10px;
}

/* line 62, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-description,
.searchResults-url {
  margin-left:0;
  font-family:'QuattrocentoSansRegular';
}

/* line 67, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-image {
  float: left;
  width: 100px;
  height: 100px;
  margin: 10px 0;
}

/* line 74, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-result {
  position: relative;
  overflow: hidden;
  padding: 0 10px 20px 10px;
  border-bottom:1px dashed #408271;
 
}

/* line 81, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-result:nth-child(even) {
  background-color: inherit;
}

/* line 85, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-icon-wrapper {
  position: absolute;
  text-align: center;
  width: 70px;
  margin-top: 10px;
  left: 0;
  top: 0;
}

/* line 94, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-date {
  margin-bottom: 10px;
  margin-left: 110px;
}

/* line 99, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-url {
  margin-top: 10px;
}

/* line 105, ../../sass/components/searchResults/_searchResults-base.scss */
.lt-ie8 .searchResults-pagination-item {
  display: inline;
  zoom: 1;
  margin: 3px;
}
/* line 111, ../../sass/components/searchResults/_searchResults-base.scss */
.lt-ie8 .searchResults-pagination-item a {
  display: block;
  zoom: 1;
}

/* line 118, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-tags {
  list-style-type: none;
  padding: 0;
}

/* line 123, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-tags-item {
  display: inline-block;
  margin: 0 2px;
}

/* line 128, ../../sass/components/searchResults/_searchResults-base.scss */
.searchResults-tags-item-link {
  background: #b9b8b8;
  color: black;
  border: 1px solid #939191;
  padding: 1px;
  display: block;
  font-size: 0.85em;
}
@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: arial;
  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;
}

/* 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;
  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;
}

/* 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_submenu ul li{
	margin-left:20px;	
}
.sitemap_submenu ul{
	margin-top:-13px;	
}
.sitemap_submenu ul li a{
margin-left:10px;
}
.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;
}
.sitemap-column h3 a {
  font-family: 'QuattrocentoSansBold';
  font-size: 26px;
  color: #408271;
}
.sitemap-column h3 a, ul li a {  font-size:18px;font-family: 'QuattrocentoSansRegular'; color:#408271; }
/* 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: 5px;
  margin-left: 0;
  padding-left: 80px;
  }
  .sitemap-column ul li h3 a{  color: rgb(240, 129, 42);  font-size: 20px;} 
/* line 92, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul li {
  font-weight: bold;
  padding-left:0px;
  line-height: 150%;
  position: relative;
  padding-bottom: 26px;
  text-decoration: underline;
  list-style-type: disc;
}

/* line 97, ../../sass/components/sitemap/_sitemap-base.scss */
.sitemap-column ul ul li:before {
  /*content: "";*/
  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;
}


.sitemap_submenu  p a {
 color:rgb(240, 129, 42);
font-family: 'QuattrocentoSansBold';
font-size: 20px;
line-height: 20px;
}


/*************************** 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;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/smartLink/_smartLink-base.scss */
.smart-link {
  margin: 10px 0;
}

/* line 7, ../../sass/components/smartLink/_smartLink-base.scss */
.smart-link-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

/* line 15, ../../sass/components/smartLink/_smartLink-base.scss */
.smart-link-list li {
  display: inline-block;
  *display: inline;
}

/* line 19, ../../sass/components/smartLink/_smartLink-base.scss */
.smart-link-next:after,
.smart-link-previous:before {
  position: relative;
  top: -1px;
  height: 14px;
  display: inline-block;
  width: 6px;
  font-size: 8px;
  color: #000;
}

/* line 30, ../../sass/components/smartLink/_smartLink-base.scss */
.smart-link-next:after {
  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;
  margin-left: 10px;
}

/* line 35, ../../sass/components/smartLink/_smartLink-base.scss */
.smart-link-previous:before {
  content: "\f053";
  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;
  margin-right: 10px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/table/_table-base.scss */
body.table-popup {
  background-color: #FFF;
  line-height: 1.5;
}

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

/* line 12, ../../sass/components/table/_table-base.scss */
.table-caption {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
  border-bottom: none;
}

/* line 19, ../../sass/components/table/_table-base.scss */
.table-popup .table-caption {
  border: 1px solid #656363;
  background-color: #f3f3f3;
}

/* line 24, ../../sass/components/table/_table-base.scss */
.table th {
  background-color: #e1e1e1;
  font-weight: bold;
  text-align: center;
}

/* line 30, ../../sass/components/table/_table-base.scss */
.table-popup .table th {
  background-color: #f3f3f3;
}

/* line 34, ../../sass/components/table/_table-base.scss */
.table table {
  border-collapse: collapse;
  width: 100%;
  border: solid 2px #323131;
}

/* line 40, ../../sass/components/table/_table-base.scss */
.table-popup .table table {
  border: 1px solid #656363;
}

/* line 44, ../../sass/components/table/_table-base.scss */
.table th,
.table td {
  border: solid 2px #323131;
  padding: 5px;
}

/* line 50, ../../sass/components/table/_table-base.scss */
.table-popup .table th,
.table-popup .table td {
  border: 1px solid #656363;
  line-height: 1.5;
}

/* line 56, ../../sass/components/table/_table-base.scss */
.table td {
  vertical-align: middle;
}

/* line 60, ../../sass/components/table/_table-base.scss */
.table .button {
  display: none;
}

/* line 64, ../../sass/components/table/_table-base.scss */
.table .table-caption .button {
  display: block;
  margin: 10px 0 0 5px;
}

/* line 70, ../../sass/components/table/_table-base.scss */
.no-js .table .button {
  display: none;
}

/* line 77, ../../sass/components/table/_table-base.scss */
.lt-ie8 .table-popup .table {
  position: static;
}

@media only screen and (max-width: 767px) {
  /* line 85, ../../sass/components/table/_table-base.scss */
  .table .component-content .button {
    display: block;
    margin: 20px;
  }

  /* line 90, ../../sass/components/table/_table-base.scss */
  .table .component-content .table-caption .button {
    display: none;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/tabs/_tabs-base.scss */
.tabs {
  position: relative;
  width: 100%;
}

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

/* line 12, ../../sass/components/tabs/_tabs-base.scss */
.no-js .tabs-nav {
  display: none;
}

/* line 16, ../../sass/components/tabs/_tabs-base.scss */
.no-js .tabs-content {
  display: block !important;
  visibility: visible !important;
}

/* line 21, ../../sass/components/tabs/_tabs-base.scss */
.no-js .tabs > .component-content {
  padding-top: 0;
}

/* line 25, ../../sass/components/tabs/_tabs-base.scss */
.tabs > .component-content {
  padding-top: 39px;
}

/* line 29, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav {
  position: absolute;
  z-index: 150;
  top: 0;
  left: 0;
  height: 39px;
  overflow: hidden;
  width: 100%;
}

/* line 39, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-list {
  position: relative;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  width: 2000px;
}

/* line 49, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-switcher {
  position: absolute;
  height: 35px;
  width: 15px;
  border: 2px solid #323131;
  cursor: pointer;
  top: 0;
  background: #e1e1e1;
}
/* line 57, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-switcher: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;
  left: 50%;
  margin-left: -3px;
  padding: 7px 0;
  font-size: 12px;
}

/* line 66, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-switcher-right {
  right: 0;
}

/* line 70, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item {
  border-width: 2px 2px 0 2px;
  border-style: solid;
  border-color: #323131;
  font-weight: bold;
  font-size: 12px;
  display: inline;
  float: left;
  margin-left: 5px;
  background: #e1e1e1;
  padding: 7px 10px 7px 10px;
  cursor: pointer;
  height: 21px;
  top: 4px;
}

/* line 86, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-switcher-left {
  left: 0;
}
/* line 88, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-switcher-left:before {
  content: "\f053";
  margin-left: -4px;
}

/* line 94, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item:first-child {
  margin-left: 0;
}

/* line 98, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item.is-active,
.tabs-nav-item.is-active a,
.tabs-nav-item.is-active:hover {
  cursor: default;
  background: white;
}

/* line 105, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item.is-active,
.tabs-nav-item.is-active:hover {
  border-bottom: none;
  padding-bottom: 9px;
}

/* line 111, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item:hover {
  background: #939191;
}

/* line 115, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item:hover a {
  color: white;
  text-decoration: none;
}

/* line 120, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item.is-active:hover a {
  color: #323131;
}

/* line 124, ../../sass/components/tabs/_tabs-base.scss */
.tabs-nav-item a {
  color: #323131;
}

/* line 128, ../../sass/components/tabs/_tabs-base.scss */
.tabs-content {
  position: relative;
  z-index: 100;
  top: -2px;
  padding: 13px;
  border: solid 2px #323131;
  background: white;
}

/* line 137, ../../sass/components/tabs/_tabs-base.scss */
.tabs-vertical .tabs-nav {
  height: auto;
  width: 60px;
}

/* line 142, ../../sass/components/tabs/_tabs-base.scss */
.tabs-vertical .component-content {
  padding-top: 0;
}

/* line 146, ../../sass/components/tabs/_tabs-base.scss */
.tabs-vertical .tabs-nav-list {
  width: 100%;
}

/* line 150, ../../sass/components/tabs/_tabs-base.scss */
.tabs-vertical .tabs-nav-item.is-active,
.tabs-vertical .tabs-nav-item.is-active:hover {
  border-bottom: 2px solid;
  border-right: medium;
  padding: 7px 12px 7px 10px;
}

/* line 157, ../../sass/components/tabs/_tabs-base.scss */
.tabs-vertical .tabs-nav-item {
  border-width: 2px;
  height: auto;
  margin: 0 0 5px;
  width: 36px;
}

/* line 164, ../../sass/components/tabs/_tabs-base.scss */
.tabs-vertical .tabs-content {
  margin-left: 60px;
  left: -2px;
  top: 0;
}
.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; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/title/_title-base.scss */
.title h1 {
  word-wrap: break-word;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/*rename this to feed-provider*/
/* line 4, ../../sass/components/twitter/_twitter-base.scss */
.twitter {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

/* line 10, ../../sass/components/twitter/_twitter-base.scss */
.feed-provider-heading {
  display: inline-block;
  margin: 0 0 0 20px;
  line-height: 30px;
}

/* line 16, ../../sass/components/twitter/_twitter-base.scss */
.feed-provider-description {
  border-bottom: 1px solid #000;
  margin: 10px 0;
  padding: 10px 0;
}

/* line 22, ../../sass/components/twitter/_twitter-base.scss */
.feed-provider-heading-image {
  float: left;
  width: 30px;
  height: 30px;
}

/* line 28, ../../sass/components/twitter/_twitter-base.scss */
.feed-provider-feeds {
  padding: 0;
  margin: 0;
}

/*twitter template*/
/* line 37, ../../sass/components/twitter/_twitter-base.scss */
.twitter-feed {
  list-style-type: none;
  padding-left: 55px;
  margin: 10px 0;
  display: block;
  position: relative;
}
/* line 166, ../../sass/core/_mixins.scss */
.twitter-feed:before, .twitter-feed:after {
  content: "";
  display: table;
}
/* line 172, ../../sass/core/_mixins.scss */
.twitter-feed:after {
  clear: both;
}

/* line 46, ../../sass/components/twitter/_twitter-base.scss */
.twitter-content a:hover strong {
  text-decoration: underline;
}

/* line 50, ../../sass/components/twitter/_twitter-base.scss */
.twitter-sender-avatar {
  position: absolute;
  top: 3px;
  left: 0;
}

/* line 56, ../../sass/components/twitter/_twitter-base.scss */
.twitter-date {
  float: right;
}

/* line 60, ../../sass/components/twitter/_twitter-base.scss */
.twitter-actions {
  padding: 0;
  margin: 0;
  float: right;
}

/* line 66, ../../sass/components/twitter/_twitter-base.scss */
.twitter-action {
  list-style-type: none;
  display: inline;
}
/* 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; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/video/_video-base.scss */
.video-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 7, ../../sass/components/video/_video-base.scss */
.video-nojs {
  display: none;
  text-align: center;
  padding: 20px 0;
  color: red;
}

/* line 14, ../../sass/components/video/_video-base.scss */
.no-js .video-nojs {
  display: block;
}

/* line 18, ../../sass/components/video/_video-base.scss */
.video object,
.video embed {
  width: 100% !important;
}

/* line 23, ../../sass/components/video/_video-base.scss */
.video-video {
  border: solid 2px #323131;
}

/* line 27, ../../sass/components/video/_video-base.scss */
.video-video-container {
  margin: 0 auto;
}

/* line 31, ../../sass/components/video/_video-base.scss */
.video-description {
  border: solid 2px #323131;
  padding: 13px;
  margin-top: -2px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 7, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-video {
  border: 2px solid #323131;
}

/* line 11, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-video object,
.videoGallery-video embed {
  width: 100% !important;
}

/* line 16, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnails {
  position: relative;
  margin-top: 18px;
}

/* line 21, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-list {
  overflow: hidden;
  margin: 0 50px;
  position: relative;
}

/* line 27, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-arrow,
.videoGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 0;
  cursor: pointer;
  width: 35px;
  height: 60px;
  background-position: 50%;
  background-repeat: no-repeat;
  font: 0/0 serif;
}
/* line 38, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-arrow:before,
.videoGallery-arrow.is-disabled:hover:before {
  position: absolute;
  top: 50%;
  color: #aaa;
}

/* line 45, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-arrow:hover:before {
  color: #888;
}

/* line 49, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-description {
  margin: 15px 0;
}

/* line 53, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-arrow.is-disabled {
  opacity: 0.5;
}

/* line 57, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-arrow-left,
.videoGallery-arrow-left.is-disabled:hover {
  left: 0;
}
/* line 60, ../../sass/components/videoGallery/_videoGallery-base.scss */
.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;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

/* line 66, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-arrow-right,
.videoGallery-arrow-right.is-disabled:hover {
  right: 0;
  text-align: right;
}
/* line 70, ../../sass/components/videoGallery/_videoGallery-base.scss */
.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;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

/* line 76, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-list-inner {
  overflow: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 87, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 0 9px;
  cursor: pointer;
  text-align: center;
  position: relative;
  display: inline;
  max-width: 100px;
}

/* line 99, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail-title {
  display: block;
  margin: 10px auto 0 auto;
  font-size: 11px;
  width: 71px;
}

/* line 106, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery .thumbnails-list li:hover .image,
.videoGallery .thumbnails-list li.active .image {
  border: solid 4px #323131;
  margin: 0;
}

/* line 112, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail-image {
  margin: 2px;
  border: solid 2px #323131;
  position: relative;
}

/* line 118, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail-overlay {
  opacity: 0.7;
  height: 28px;
  left: 50%;
  margin: -14px 0 0 -15px;
  position: absolute;
  top: 50%;
  width: 30px;
}
/* line 126, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail-overlay:before {
  content: "\f04b";
  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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  font-size: 15px;
  width: 100%;
  height: 100%;
  border: 3px solid #3e3e3e;
  text-indent: 5px;
  background: #fff;
  text-align: center;
  line-height: 24px;
}

/* line 142, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail.is-active .videoGallery-thumbnail-overlay {
  opacity: 0;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}

/* line 152, ../../sass/components/videoGallery/_videoGallery-base.scss */
.videoGallery-thumbnail-image img {
  display: block;
  margin: 0 auto;
}

/* line 158, ../../sass/components/videoGallery/_videoGallery-base.scss */
.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 Arial; }
  .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: Arial, 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: Arial, 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; }