[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: "Roboto", sans-serif;
  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)
 */
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Archivo Narrow';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivonarrow/v30/tss0ApVBdCYD5Q7hcxTE1ArZ0bb-iXxw2d8oBxk.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Archivo Narrow';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivonarrow/v30/tss0ApVBdCYD5Q7hcxTE1ArZ0bbwiXxw2d8o.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d9ce8e3f-14c5-4bfb-8e55-08bca7fa9afa");
@font-face {
  font-family: 'FontAwesome';
  src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face{
        font-family:"AvenirNext-DemiBold";
        src:url("../../assets/new-fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("../../assets/new-fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../../assets/new-fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../../assets/new-fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../../assets/new-fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../../assets/new-fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
    }
    @font-face{
        font-family:"AvenirNext-Bold";
        src:url("../../assets/new-fonts/avenir-next-lt-pro-bold-58e372e7e3d58.eot?#iefix");
        src:url("../../assets/new-fonts/avenir-next-lt-pro-bold-58e372e7e3d58.eot?#iefix") format("eot"),url("../../assets/new-fonts/avenir-next-lt-pro-bold-58e372e7e3d58.otf") format("opentype"),url("../../assets/new-fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff");
    }



/******************New ../../assets/new-fonts*********************************/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=e2d60924-77c4-4f2b-b3c1-5d25dd01aff8");
    @font-face{
        font-family:"AvenirNext-Ultralight";
        src:url("../../assets/new-fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix");
        src:url("../../assets/new-fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix") format("eot"),url("../../assets/new-fonts/2e3f5cb9-101f-46cf-a7b3-dfaa58261e03.woff2") format("woff2"),url("../../assets/new-fonts/fa19948e-5e38-4909-b31e-41acd170d6f2.woff") format("woff"),url("../../assets/new-fonts/6de0ce4d-9278-467b-b96f-c1f5f0a4c375.ttf") format("truetype"),url("../../assets/new-fonts/9fd4ea0c-b19a-4b21-9fdf-37045707dd78.svg#9fd4ea0c-b19a-4b21-9fdf-37045707dd78") format("svg");
    }
    @font-face{
        font-family:"AvenirNext-Regular";
        src:url("../../assets/new-fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
        src:url("../../assets/new-fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("../../assets/new-fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("../../assets/new-fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("../../assets/new-fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("../../assets/new-fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
    }
    @font-face{
        font-family:"AvenirNext-Medium";
        src:url("../../assets/new-fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix");
        src:url("../../assets/new-fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix") format("eot"),url("../../assets/new-fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"),url("../../assets/new-fonts/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff"),url("../../assets/new-fonts/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf") format("truetype"),url("../../assets/new-fonts/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg");
    }
    @font-face{
        font-family:"AvenirNext-Demi";
        src:url("../../assets/new-fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("../../assets/new-fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../../assets/new-fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../../assets/new-fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../../assets/new-fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../../assets/new-fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
    }
    @font-face{
        font-family:"AvenirNext Bold";
        src:url("../../assets/new-fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("../../assets/new-fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../../assets/new-fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../../assets/new-fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../../assets/new-fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../../assets/new-fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
    }
/* *************end*********************************************** */
    
    
/* 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: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  overflow: auto;
  letter-spacing: 0.02em;
  margin:0;
  padding:0;  
}

/* line 22, ../../sass/core/main.scss */
[id=wrapper],
.container {
  color: #6f7175; 
  background-color: #fff;
}

/* line 28, ../../sass/core/main.scss */
[id=header] {
  padding-top: 0px;
  padding-bottom:0px;
}

/* 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:400;
  font-family: "Roboto", sans-serif;
  margin: 10px 0;
}

/* line 52, ../../sass/core/main.scss */
h1 {
  font-size:32px; line-height:40px;font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal;color:#1b3059;
}
h1  strong{font-size:40px; line-height:40px;font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: normal;}

/* line 56, ../../sass/core/main.scss */
.pro-gentle-white-review-richtext p,h2 {
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 30px;
color:#1b3059;
letter-spacing:0.02em;
}

/* 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 {
    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;
}
[id=wrapper] .main{ width:100%; padding-left:0px; padding-right:0px;}
[id=wrapper] {
    width:100% !important;
    margin: 0 auto;
}
/* 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 */
.pronamel-us-template-header-desktop-box-one .pronamel-us-template-desktop-header-search-box >.component-content .search-query {
float: left;
width: 148px;
margin: 1px 0 0 10px;
height: 20px;
border: none;
/* background: url(../../assets/img/search-glass@2x.png) no-repeat right center / 17px auto; */
outline: none;
background-color: #fff;
padding: 3px 23px 3px 6px;
display:none;
background-position: 150px;
}
#wrapper .button {
padding:18px 11px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
display: inline-block;
background: url(../../assets/img/search-glass@2x.png);
background-repeat: no-repeat;
background-size:100%;
background-position: 0px;
border: none;
color: #1b3059;
height: 100%;
text-indent: -9999px;
display:none;
}

#wrapper .pronamel-us-template-desktop-header-search-box .form-search .button {

padding: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
display: inline-block;
background: url(../../assets/img/search-glass@2x.png);
background-repeat: no-repeat;
background-size: 53%;
background-position: 2%;
border: none;
color: #1b3059;
height: 100%;
text-indent: -999px;
right: -7px;
/* font-size: 0; */
display: none;
position: absolute;
z-index:-1;                

}

/* line 249, ../../sass/core/main.scss */
.lt-ie8 .button {
  display: inline;
}

/* line 253, ../../sass/core/main.scss */
.button:hover {
  background-color: #939191;
  color: white;
}
@media only screen and (min-width: 768px) and (max-width:1024px){
h2 {
font-size: 24px;
line-height:28px;
color:#1b3059;
font-weight:400;
letter-spacing:0.02em;
}
}
@media only screen and (max-width: 767px) {
h2 {
font-size: 24px;
line-height:28px;
color: #1b3059;
font-weight: 400;
}
#wrapper .button {
padding: 11px 9px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
display: inline-block;
background: url(../../assets/img/search-mob.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0px;
border: none;
color: #1b3059;
height: 100%;
text-indent: -9999px;
z-index: 1;
float: right;
position: absolute;
bottom: 0px;
top: 0px;
/*left: 87%;SL*/
width: 24px;
height: 27px;
}
}






/*///////////////////////////////////////////
WUNGLOGC-2927 Start
///////////////////////////////////////////*/

/*//////////////Product page/////////////////////*/


@media screen and (min-width: 767px){
.page-products.layout-pronamel-ca-layout .pro-product-lp-whole-box .component-content .content .pro-product-lp-desk-callout-box {
    margin-top: 160px;
}
.page-products.layout-pronamel-ca-layout .image.section.pro-home-desk-tsr-img-four.component.first.odd.last {
    margin-top: 42px;
}
.page-products.layout-pronamel-ca-layout .pro-home-desk-tsr-img-four .component-content figure figcaption p:nth-child(3) {
    position: relative;
    margin-top: 37px;
}
}


@media screen and (width: 768px){
.page-products.layout-pronamel-ca-layout .image.section.pro-home-desk-tsr-img-four.component.first.odd.last {
    margin-top: 66px;
}

.page-products.layout-pronamel-ca-layout .box.section.grid_4.omega.component.even.last {
    margin-top: 11px;
}

}


/*//////////////strong-and-bright-enamel-mint/////////////////////*/
@media screen and (min-width: 768px){
.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption h1 {

    margin-top: -330px;
    position: absolute;
    line-height: 35px;
    text-align: left;
    margin-left: 20%;
    font-size: 60px;

}

.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption p{
    position: absolute;
    margin-top: -40px;
    margin-left: 20%;
    font-size: 10px;
}

:lang(en) .page-products.page-strong-and-bright-enamel-mint #wrapper .parametrizedhtml, #mydiv {
    width: 50%!important;
    margin: 0% 25%;
}

.page-products.page-strong-and-bright-enamel-mint .parametrizedhtml.odd.pro-dentist-parameterized-html .component-content{
    margin-top: 40px;
}


.page-products.page-strong-and-bright-enamel-mint .box.section.pro-ca-strong-bright-mint-box.grid_6.alpha.component.odd{
    width: 450px;
    margin-left: 18% !important;
    margin-top:20px;
    padding-left: 70px;
}

.box.section.pro-ca-strong-bright-mint-box.grid_6.omega.component.even.last {
    margin-top: 20px;
}

.page-products.page-strong-and-bright-enamel-mint .richText.section.grid_2.omega.component.even.last .component-content {
    width: 220px;
}

.page-products.page-strong-and-bright-enamel-mint .image.section.grid_2.alpha.component.first.odd{
    width: 158px;
}

.page-products.page-strong-and-bright-enamel-mint figure figcaption h1 strong{
    font-size: 60px;
}

.page-products.page-strong-and-bright-enamel-mint h1 .pro-ca-sb-ban-white-span:before{
    content: "";
    display: block;
    border-top: 2px solid #a3a3a5;
    width: 96%;
    margin-top: -18px;
    padding-top: 20px;

}






.page-products.page-strong-and-bright-enamel-mint .richText-content h1 {
    color: #068089;
}


.page-products.page-strong-and-bright-enamel-mint .pro-home-mob-tsr-img-two .component-content{
    border-left: 1px solid #d2d1d1;

}






}

@media screen and (max-width: 767px){
.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption h1 {
    margin-top: -108px;
    position: absolute;
    text-align: left;
    margin-left: 50px;
    font-size: 20px;
    line-height: 4px;

}

.page-products.page-strong-and-bright-enamel-mint figure figcaption h1 strong{
    font-size: 20px;
}


.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption p{
    position: absolute;
    margin-top: -40px;
    margin-left: 50px;
    font-size: 10px;
}



.page-products.page-strong-and-bright-enamel-mint .pro-ca-strong-bright-mint-box .component-content{
        margin-left: 20px;
}

.page-products.page-strong-and-bright-enamel-mint .pro-ca-strong-bright-mint-box .component-content img {
    max-width: 45%;
    margin-left: 0%;
}


.page-products.page-strong-and-bright-enamel-mint .richText.section.grid_2.omega.component.even.last {
    width: 300px;
}


:lang(en) .page-products.page-strong-and-bright-enamel-mint #wrapper .parametrizedhtml, #mydiv {
    width: 80%!important;
    margin: 0% 10% !important;
}

.page-products.page-strong-and-bright-enamel-mint .parametrizedhtml.odd.pro-dentist-parameterized-html .component-content{
    margin-top: 40px;
}


.page-products.page-strong-and-bright-enamel-mint h1 .pro-ca-sb-ban-white-span:before{
    content: "";
    display: block;
    border-top: 2px solid #a3a3a5;
    width: 96%;
    margin-top: -8px;
    padding-top: 11px;

}


.page-products .image.section.pro-home-mob-tsr-img-five.component.first.odd.last .component-content figure a img{
    width: 122px !important;

}


[class*="page-strong-and-bright-enamel-"].page-products .pro-gentle-white-accordion-box {
    margin-top: 46px;
}





}


@media screen and (width: 768px){
.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption h1 {

    margin-top: -210px;
    position: absolute;
    line-height: 25px;
    text-align: left;
    margin-left: 50px;
    font-size: 56px;
}

.page-products.page-strong-and-bright-enamel-mint figure figcaption h1 strong{
    font-size: 46px;
}


.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption p {
    position: absolute;
    margin-top: -40px;
    margin-left: 56px;
    font-size: 10px;
}

:lang(en) .page-products.page-strong-and-bright-enamel-mint #wrapper .parametrizedhtml, #mydiv {
    width: 80%!important;
    margin: 0% 11%;
}

.page-products.page-strong-and-bright-enamel-mint .box.section.pro-ca-strong-bright-mint-box.grid_6.alpha.component.odd {
    width: 450px;
    margin-left: -10% !important;
    margin-top: 20px;
    padding-left: 70px;
}

}


@media screen and (width: 320px){
.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption h1 {
    margin-top: -93px;
}

.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption p {
    margin-top: -35px;
}

}

@media screen and (width: 1024px){
.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption h1 {
    margin-top: -260px;
    margin-left: 130px;
}

.page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption p {
    margin-left: 131px;
}


.page-products.page-strong-and-bright-enamel-mint .box.section.pro-ca-strong-bright-mint-box.grid_6.alpha.component.odd {
    width: 316px;
    margin-left: 6% !important;
    padding-left: 0px;
}

.box.section.pro-ca-strong-bright-mint-box.grid_6.omega.component.even.last {
    margin-left: 120px;
}


}


@media only screen and (max-width: 962px) and (min-width: 768px){
/*.page-products.page-strong-and-bright-enamel-mint .pro-why-pronamel-content-box, .pronamel-us-tooth-enamel-whole-box, .pro-abt-enamel-content-box, .pronamel-us-abt-enamel-dekstop-teaser-box, .divider, .pro-home-social-share-box, .pro-home-teaser-desk-whole-box, .pronamel-us-accessibility-box, .pronamel-us-home-video-box, .pronamel-us-home-fresh-take-on-berries-box, .pronamel-us-home-article-teaser-box, .pronamel-us-template-header-desktop-box-one, .pronamel-us-template-desktop-breadcrumbs, .pronamel-us-template-desktop-footer-box, .pro-ra-desk-divider-box, .pronamel-us-caring-desk-related-richtext, .pronamel-us-template-desktop-header-box-two, .pro-causes-of-aciderosion-content-box, .pro-contact-us-content-box, .pro-acid-erosion-tsr-desk-whole-box, .pro-effects-of-aciderosion-content-box, .pro-diff-cavity-whole-box, .pronamel-us-caring-whole-box, .pro-country-selector-richtext-three, .pro-country-selector-richtext-two, .pro-product-lp-banner-box, .pro-product-lp-desk-callout-box, .pro-gentle-white-review-box {*/
.page-products.page-strong-and-bright-enamel-mint .pro-why-pronamel-content-box, .pronamel-us-tooth-enamel-whole-box, .pro-abt-enamel-content-box, .pronamel-us-abt-enamel-dekstop-teaser-box, 
.divider:not(.pro-us-five-ways-div-left,.pro-us-five-ways-div-right),  
.pro-home-social-share-box, .pro-home-teaser-desk-whole-box, .pronamel-us-accessibility-box, .pronamel-us-home-video-box, .pronamel-us-home-fresh-take-on-berries-box, .pronamel-us-home-article-teaser-box, .pronamel-us-template-header-desktop-box-one, .pronamel-us-template-desktop-breadcrumbs, .pronamel-us-template-desktop-footer-box, .pro-ra-desk-divider-box, .pronamel-us-caring-desk-related-richtext, .pronamel-us-template-desktop-header-box-two, .pro-causes-of-aciderosion-content-box, .pro-contact-us-content-box, .pro-acid-erosion-tsr-desk-whole-box, .pro-effects-of-aciderosion-content-box, .pro-diff-cavity-whole-box, .pronamel-us-caring-whole-box, .pro-country-selector-richtext-three, .pro-country-selector-richtext-two, .pro-product-lp-banner-box, .pro-product-lp-desk-callout-box, .pro-gentle-white-review-box {
    width: 100% !important;
}

}








/*//////////////strong-and-bright-enamel-extra-fresh/////////////////////*/


@media screen and (min-width: 768px){
.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption h1 {

    margin-top: -330px;
    position: absolute;
    line-height: 35px;
    text-align: left;
    margin-left: 20%;
    font-size: 60px;

}

.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption p{
    position: absolute;
    margin-top: -40px;
    margin-left: 20%;
    font-size: 10px;
}

:lang(en) .page-products.page-strong-and-bright-enamel-extra-fresh #wrapper .parametrizedhtml, #mydiv {
    width: 50%!important;
    margin: 0% 25%;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .parametrizedhtml.odd.pro-dentist-parameterized-html .component-content{
    margin-top: 40px;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .box.section.pro-ca-strong-bright-mint-box.grid_6.alpha.component.odd{
    width: 450px;
    margin-left: 18% !important;
    margin-top:20px;
    padding-left: 70px;
}

.box.section.pro-ca-strong-bright-mint-box.grid_6.omega.component.even.last {
    margin-top: 20px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .richText.section.grid_2.omega.component.even.last .component-content {
    width: 220px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .image.section.grid_2.alpha.component.first.odd{
    width: 158px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh figure figcaption h1 strong{
    font-size: 60px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh h1 .pro-ca-sb-ban-white-span:before{
    content: "";
    display: block;
    border-top: 2px solid #a3a3a5;
    width: 96%;
    margin-top: -18px;
    padding-top: 20px;

}






.page-products.page-strong-and-bright-enamel-extra-fresh .richText-content h1 {
    color: #068089;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .pro-home-mob-tsr-img-two .component-content{
    border-left: 1px solid #d2d1d1;

}

.page-products.page-strong-and-bright-enamel-extra-fresh .box.section.pro-ca-strong-bright-mint-box.grid_6.omega.component.even {
    margin-top: 20px;
}



.page-products.page-strong-and-bright-enamel-extra-fresh .main .grid_6 .grid_3 {
    width: 56%;
}



.pronamel-us-template-desktop-header-main-navigation .navigation-level1.page-about-acid-wear {
    width: 96px !important;
}

.pronamel-us-template-desktop-header-main-navigation .navigation-level1.page-acid-wear-in-children {
    width: 96px !important;
}




}

@media screen and (max-width: 767px){
.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption h1 {
    margin-top: -108px;
    position: absolute;
    text-align: left;
    margin-left: 50px;
    font-size: 20px;
    line-height: 4px;

}

.page-products.page-strong-and-bright-enamel-extra-fresh figure figcaption h1 strong{
    font-size: 20px;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption p{
    position: absolute;
    margin-top: -40px;
    margin-left: 50px;
    font-size: 10px;
}



.page-products.page-strong-and-bright-enamel-extra-fresh .pro-ca-strong-bright-mint-box .component-content{
        margin-left: 20px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .pro-ca-strong-bright-mint-box .component-content img {
    max-width: 45%;
    margin-left: 0%;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .richText.section.grid_2.omega.component.even.last {
    width: 228px;
}


:lang(en) .page-products.page-strong-and-bright-enamel-extra-fresh #wrapper .parametrizedhtml, #mydiv {
    width: 80%!important;
    margin: 0% 10% !important;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .parametrizedhtml.odd.pro-dentist-parameterized-html .component-content{
    margin-top: 40px;
}


.page-products.page-strong-and-bright-enamel-extra-fresh h1 .pro-ca-sb-ban-white-span:before{
    content: "";
    display: block;
    border-top: 2px solid #a3a3a5;
    width: 96%;
    margin-top: -8px;
    padding-top: 11px;

}


.page-products .image.section.pro-home-mob-tsr-img-five.component.first.odd.last .component-content figure a img{
    width: 122px !important;

}

}


@media screen and (width: 768px){
.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption h1 {

    margin-top: -210px;
    position: absolute;
    line-height: 25px;
    text-align: left;
    margin-left: 50px;
    font-size: 56px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh figure figcaption h1 strong{
    font-size: 46px;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption p {
    position: absolute;
    margin-top: -40px;
    margin-left: 56px;
    font-size: 10px;
}

:lang(en) .page-products.page-strong-and-bright-enamel-extra-fresh #wrapper .parametrizedhtml, #mydiv {
    width: 80%!important;
    margin: 0% 11%;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .box.section.pro-ca-strong-bright-mint-box.grid_6.alpha.component.odd {
    width: 450px;
    margin-left: -10% !important;
    margin-top: 20px;
    padding-left: 70px;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .main .grid_6 .grid_3 {
    width: 55%;
}


}


@media screen and (width: 320px){
.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption h1 {
    margin-top: -93px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption p {
    margin-top: -35px;
}

}

@media screen and (width: 1024px){
.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption h1 {
    margin-top: -260px;
    margin-left: 130px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption p {
    margin-left: 131px;
}


.page-products.page-strong-and-bright-enamel-extra-fresh .box.section.pro-ca-strong-bright-mint-box.grid_6.alpha.component.odd {
    width: 390px;
    margin-left: 6% !important;
    padding-left: 0px;
}

.box.section.pro-ca-strong-bright-mint-box.grid_6.omega.component.even.last {
    margin-left: 120px;
}

.page-products.page-strong-and-bright-enamel-extra-fresh .image.section.grid_2.alpha.component.first.odd{
    width: 154px;
}


}

/*///////////////////////////////////////////
WUNGLOGC-2927 End
///////////////////////////////////////////*/







/*////////////////////////
WUNGLOGC-3716 Start
////////////////////////*/

:lang(fr) .header-fr .navigation-level1.page-about-acid-wear {
    width: 135px !important;

}


:lang(fr) .header-fr .navigation-level1.page-acid-wear-in-children {
    width: 129px !important;

}

/*////////////////////////
WUNGLOGC-3716 End
////////////////////////*/






/*////////////////////////
WUNGLOGC-3674 Start
////////////////////////*/

@media screen and (min-width: 767px){
:lang(fr) .page-products.layout-pronamel-ca-layout .image.section.pro-home-desk-tsr-img-four.component.first.odd.last {
    margin-top: 34px;
}

:lang(fr) .page-products.layout-pronamel-ca-layout .image.section.pro-home-desk-tsr-img-three.component.first.odd.last{
    padding-top: 15px;
}



:lang(fr) .page-products.page-strong-and-bright-enamel-mint h1 .pro-ca-sb-ban-white-span:before{
    width: 61%;
}


:lang(fr) .page-products.page-strong-and-bright-enamel-extra-fresh h1 .pro-ca-sb-ban-white-span:before{
    width: 61%;
}


}



@media screen and (max-width: 767px){
:lang(fr) .page-products.page-strong-and-bright-enamel-extra-fresh .component-content.middle figure figcaption h1 {
    line-height: 11px;
}

:lang(fr) .page-products.page-strong-and-bright-enamel-mint .component-content.middle figure figcaption h1 {
    line-height: 11px;
}

:lang(fr) .page-products.page-strong-and-bright-enamel-mint h1 .pro-ca-sb-ban-white-span:before{
    width: 61%;
    margin-top: -5px;
    padding-top: 7px;
}


:lang(fr) .page-products.page-strong-and-bright-enamel-extra-fresh h1 .pro-ca-sb-ban-white-span:before{
    width: 61%;
    margin-top: -5px;
    padding-top: 7px;
}


}





/*////////////////////////
WUNGLOGC-3674 End
////////////////////////*/





/* ----------------------------------------------------------------- */
/* WUNGLOGC-3357 - NEW ARTICLE PAGE STYLES - Feb, 2019 [Start] */
/* ----------------------------------------------------------------- */

.page-healthy-habits-from-hygiene-to-fitness .pro-citrus-dsk-content-box-one {
    display: block !important;
}

.page-healthy-habits-from-hygiene-to-fitness .pr-pro-citrus-tips-head-richtext h2{
    margin: 0;
    color: #fff;
    font-size: 52px;
    line-height: 60px;
    padding: 48px 0;
    text-align: center;
    background: -webkit-linear-gradient(left,#3eb4bb,#2192a4);    
}

.page-healthy-habits-from-hygiene-to-fitness .life-beauty-image-box-even{
    margin-top: 145px;
}
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-dsk-img-odd img{
    margin-top: 12%;
}

.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd,
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even {
    width: 85% !important;
    height: auto;
}
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even{
    margin-top: 0;
}

.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd h3 {
    padding-top: 64px;
    color: #00adbb;
    padding-left: 50px;
    margin-bottom: 0;
}
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even h3 {
    color: #00adbb;
    padding-left: 50px;
    margin-bottom: 0;
}

.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd ul li:before,
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even ul li:before{
    content: "";
}
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd li,
.page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even li {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: url(../../img/right_tick.png) no-repeat 0 5%;
    padding: 0 0 0 50px;
    margin: 0 0 22px 0;
    line-height: 22px;
    position: static;
}


.page-healthy-habits-from-hygiene-to-fitness .richText a,
.page-healthy-habits-from-hygiene-to-fitness .richText a,
.page-healthy-habits-from-hygiene-to-fitness .breadcrumbs-without-separator li.even.last.is-current a{
    color: #05aebb;
}

.page-healthy-habits-from-hygiene-to-fitness .sup{
    top: -3px;
    font-size: 11px;
    position: relative;
}


@media only screen and (max-width: 767px) {

    .page-healthy-habits-from-hygiene-to-fitness .pro-citrus-header-txt-box{
        padding-bottom: 10px;
    }

    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd,
    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even {
        width: 80% !important;
        padding: 0 20px 0 0; 
        margin: 0 auto;
    }

    .page-healthy-habits-from-hygiene-to-fitness .pr-pro-citrus-tips-head-richtext h2{
        font-size: 36px;
        line-height: 40px;
        padding: 20px;
    }
    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd h3,
    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even h3 {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-mob-img-even img{
        margin-top: 40px;
    }

    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-odd ul{
        margin-top: 60px;
    }
    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-content-richtext-even ul{
        margin-top: 20px;
    }
    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-mob-img-odd,
    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-mob-img-even{
        margin-bottom: 40px;
    }


    .page-healthy-habits-from-hygiene-to-fitness .life-beauty-image-box-even{
        margin-top: 20px;
    }


}

/* ----------------------------------------------------------------- */
/* WUNGLOGC-3357 - NEW ARTICLE PAGE STYLES [End] */
/* ----------------------------------------------------------------- */







/* ----------------------------------------------------------------- */
/* WUNGLOGC-4443 - NEW ARTICLE PAGE STYLES - Feb, 2019 [Start] */
/* ----------------------------------------------------------------- */

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext {
    background: linear-gradient(to right, #00acba, #00acba, #36bec9, #55c8d1, #00acba, #00acba);
    padding: 21px 0 !important
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext h2 {
    font-size: 41px;
    padding: 13px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;
    word-spacing: -0.1em;
    position: relative;
    margin-bottom: 0;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-span-one {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-num-span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-content-span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;;
    letter-spacing: -0.03em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-logo-img {
    margin-top: 40px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-div-left {
    margin-top: 61px;
    width: 33%;
    position: relative;
    left: 10%
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-div-right {
    width: 33%;
    position: relative;
    left: 56%;
    top: -35px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext strong {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-dsk-content-box.pro-us-white-teeth-contnt-box {
    box-shadow: 0 2px 25px #eef2f3;
    margin-top: 0;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-dsk-tsr-box {
    margin-top: -37px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-ban-text-box .pro-fight-erosion-banner-richtext h1 {
    margin-bottom: 22px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-banner-richtext p a {
    color: #00acba
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-content-span {
    font-size: 41px;
    line-height: 1em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one h3 {
    color: #05aebb;
    margin-left: 95px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one {
    margin-top: 90px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
    position: absolute;
    font-size: 96.91px;
    left: 6%;
    top: 5.5%
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one p {
    font-size: 16px;
    color: #878a8f;
    margin-left: 96px;
    line-height: 1.4em;
    margin-top: 30px;
    width: 72%;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one p a {
    color: #05aebb
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-dsk-img {
    position: relative;
    left: 19px;
    top: 59px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-content-span {
    font-size: 41px;
    line-height: 1em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two h3 {
    color: #05aebb;
    margin-left: 34px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two {
    margin-top: 90px;
    width: 45%;
    margin-left: 32px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
    position: absolute;
    font-size: 96.91px;
    left: 50%;
    top: 33.8%
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two p {
    font-size: 16px;
    color: #878a8f;
    width: 84%;
    margin-left: 32px;
    line-height: 1.4em;
    margin-top: 33px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two p a {
    color: #05aebb
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-two .pro-us-five-ways-dsk-img {
    margin-top: 96px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-two .pro-us-white-teeth-box-two {
    margin-top: 15px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-content-span {
    font-size: 41px;
    line-height: 1em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three h3 {
    color: #05aebb;
    margin-left: 95px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three {
    margin-top: 95px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
    position: absolute;
    font-size: 96.91px;
    left: 22.8%;
    top: 43.59%
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three p {
    font-size: 16px;
    color: #878a8f;
    width: 73%;
    margin-left: 96px;
    line-height: 1.4em;
    margin-top: 33px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three p a {
    color: #05aebb
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three {
    margin-top: 8px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three .pro-us-five-ways-dsk-img {
    position: relative;
    left: 100px;
    top: 20px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-content-span {
    font-size: 41px;
    line-height: 1em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four h3 {
    color: #05aebb;
    margin-left: 34px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four {
    margin-top: 47px;
    width: 41%;
    margin-left: 65px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
    position: absolute;
    font-size: 96.91px;
    left: 49.6%;
    top: 55.2%
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four p {
    font-size: 16px;
    color: #878a8f;
    width: 80%;
    margin-left: 32px;
    line-height: 1.4em;
    margin-top: 33px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.024em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four p a {
    color: #05aebb
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-four .pro-us-five-ways-dsk-img {
    margin-top: 5px;
    margin-left: -35px !important
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-four .pro-us-white-teeth-box-two {
    margin-top: 15px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-content-span {
    font-size: 41px;
    line-height: 1em
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five h3 {
    color: #05aebb;
    margin-left: 95px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five {
    margin-top: 73px;
    margin-left: -3px !important
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
    position: absolute;
    font-size: 96.91px;
    left: 22.5%;
    top: 64.88%
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five p {
    font-size: 16px;
    color: #878a8f;
    width: 75%;
    margin-left: 96px;
    line-height: 1.4em;
    margin-top: 33px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five p a {
    color: #05aebb
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five {
    margin-top: -22px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-dsk-img {
    position: relative;
    top: 116px
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-dis-five {
    margin-left: 20px;
    margin-bottom: 23px !important
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-dis-five p {
    font-size: 16px;
    color: #878a8f;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 25px
}







.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-num-span {
    position: initial !important;
    display: inline-block;
    line-height: 90px;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-content-span {
    display: inline-block;
    width: 85%;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-dis-five p {
    font-size: 13px;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-dsk-img {
    margin-top: 10% !important;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-citrus-banner-richtext a,
.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-dis-five a{
    color: #05aebb;
}


.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .breadcrumbs-without-separator li.even.last.is-current a{
    color: #05aebb;
}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .sup{
    top: -3px;
    font-size: 11px;
    position: relative;
}











@media only screen and (max-width:767px) {

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-content-span {
        width: 100%;
    }


    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-ban-text-box .pro-fight-erosion-banner-richtext p {
        margin-bottom: -5px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-ban-text-box .pro-fight-erosion-banner-richtext h1 {
        margin-top: 20px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-dsk-tsr-box {
        margin-top: -90px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-four {
        margin-top: 0;
        position: relative
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-dsk-img {
        display: none !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-div-left,
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-div-right {
        display: none !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-logo-img {
        display: none !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-headline-richtext.pro-us-five-ways-head-richtext {
        display: block;
        background: linear-gradient(to right, #00acba, #00acba, #00acba, #00acba);
        padding: 8px 0 !important;
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext h2 {
        font-size: 18px;
        width: 69%;
        padding: 10px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        font-style: normal;
        line-height: 1em;
        position: relative;
        word-spacing: 0em;
        top: 0;
        letter-spacing: 0em;
        left: 40px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-span-two {
        letter-spacing: 0
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-whole-box .pro-fight-erosion-headline-richtext {
        padding: 2px 0 !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-num-span {
        font-size: 48.55px !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-content-span {
        font-size: 36px !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one p {
        font-size: 14px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two p {
        font-size: 14px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three p {
        font-size: 14px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four p {
        font-size: 14px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five p {
        font-size: 14px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-dsk-content-box {
        display: block;
        width: 90%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one p {
        font-size: 14px;
        color: #878a8f;
        margin-left: 15px;
        line-height: 1.4em;
        margin-top: 10px;
        width: 89%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one h3 {
        margin-left: 15px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 6%;
        top: 15%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one {
        margin-top: 20px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-dsk-img {
        left: 0
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two p {
        font-size: 14px;
        color: #878a8f;
        margin-left: 15px;
        line-height: 1.4em;
        margin-top: 10px;
        width: 100%;
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two h3 {
        color: #05aebb;
        margin-left: 15px;
        width: 85%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two {
        margin-top: 0px;
        font-family: "Archivo Narrow", sans-serif;
        font-weight: 400;
        font-style: normal;
        /*position: absolute;*/
        top: 21%;
        width: 90%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        position: absolute;
        font-size: 96.91px;
        left: 3.5%;
        top: -36%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-two .pro-us-five-ways-dsk-img {
        margin-top: 112%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-two .pro-us-five-ways-mob-img {
        /*position: relative;*/
        /*top: -60px*/
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        position: absolute;
        font-size: 96.91px;
        left: 9.5%;
        top: 31.7%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three {
        margin-top: -50px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three p {
        font-size: 14px;
        color: #878a8f;
        margin-left: 15px;
        line-height: 1.4em;
        margin-top: 10px;
        width: 86.1%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three h3 {
        margin-left: 15px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three .pro-us-five-ways-dsk-img {
        position: relative;
        left: 80px;
        top: 20px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four {
        font-family: "Archivo Narrow", sans-serif;
        font-weight: 400;
        font-style: normal;
        /*position: absolute;*/
        /*top: 51%;*/
        width: 100%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four h3 {
        margin-left: 15px;
        width: 90%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four {
        margin-top: 0px;
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        position: absolute;
        font-size: 96.91px;
        left: 4.6%;
        top: -25.5%;
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four p {
        font-size: 14px;
        color: #878a8f;
        width: 80%;
        margin-left: 15px;
        line-height: 1.4em;
        margin-top: 10px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-four .pro-us-five-ways-dsk-img {
        margin-top: 150%;
        margin-left: 0 !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-four .pro-us-five-ways-dsk-img img {
        position: relative;
        top: -125px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five {
        margin-top: -25px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five h3 {
        color: #05aebb;
        margin-left: 15px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        position: absolute;
        font-size: 96.91px;
        left: 8.5%;
        left: 4.5%;
        top: -18.8%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five p {
        font-size: 14px;
        color: #878a8f;
        margin-left: 15px;
        line-height: 1.4em;
        margin-top: 10px;
        width: 87%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-dsk-img {
        position: relative;
        top: 33px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-two {
        margin-top: 20px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three .pro-us-five-ways-mob-img img {
        position: relative;
        left: 90px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three {
        margin-top: 50px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-four .pro-us-five-ways-mob-img img {
        position: relative;
        top: 265px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five {
        margin-top: 600px !important;
        position: relative;
        top: -270px;
        margin-bottom: -250px !important
    }
}

@media only screen and (min-width:370px) and (max-width:380px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        top: 15.2%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        top: 32.55%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: -36%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        top: -20.8%
    }
}

@media only screen and (min-width:350px) and (max-width:370px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        top: 14.8%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        top: 32%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        top: -20.8%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: -30.5%
    }
}

@media only screen and (min-width:560px) and (max-width:767px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-fight-erosion-whole-box .pro-fight-erosion-headline-richtext {
        padding: 15px 0 !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-mob-img img {
        position: relative;
        left: 12%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 2.5%;
        top: -18.8%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        left: 1.6%;
        top: -45.5%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        left: 1.6%;
        top: -53%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four {
        top: 49%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three .pro-us-five-ways-mob-img img {
        position: relative;
        left: 36%;
        top: 40px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        left: 7.5%;
        top: 34%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        left: 2.5%;
        top: -50.2%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 6%;
        top: 14.4%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-two {
        margin-top: 20px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two {
        margin-top: 0px;
        font-family: "Archivo Narrow", sans-serif;
        font-weight: 400;
        font-style: normal;
        /*position: absolute;*/
        top: 0;
        width: 90%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-mob-img img {
        position: relative;
        left: 4%
    }
}

@media only screen and (min-width:640px) and (max-width:767px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 6%;
        top: 14.7%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        left: 2.5%;
        top: -57.2%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        left: 7.5%;
        top: 34.2%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-mob-img img {
        position: relative;
        left: 8%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-mob-img img {
        position: relative;
        left: 25%
    }
}

@media only screen and (min-width:640px) and (max-width:640px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-mob-img img {
        position: relative;
        left: 22%
    }
}

@media only screen and (min-width:768px) and (max-width:768px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext h2 {
        word-spacing: -0.16em;
        letter-spacing: 0.03em;
        line-height: 1em
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 7%;
        top: 5%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 28.8%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        left: 8.8%;
        top: 37%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 47.2%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 7.5%;
        top: 55%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-dsk-img {
        position: relative;
        left: 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 7%;
        top: 5.54%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 33.7%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        left: 14.8%;
        top: 43.2%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 14.5%;
        top: 63.6%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 54.6%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext h2 {
        word-spacing: -0.16em;
        letter-spacing: 0.05em
    }
}

@media only screen and (min-width:768px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-mob-img {
        display: none !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .dyn-call-out figcaption p:last-child {
        position: absolute;
        bottom: 8px
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one {
        position: relative;
        top: -38px
    }

}

.page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-tooth-enamel-desk-tsr-img-two h2 {
    width: 90%
}

@media only screen and (min-width:1280px) {


    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two {
        margin-top: 55px
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three {
        margin-top: 55px
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three .pro-us-five-ways-dsk-img {
        top: -40px
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 32.8% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        top: 42.8% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 53.4% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        top: 63.2% !important
    }

}

@media only screen and (min-width:1300px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 23.5% !important;
        top: 64.5% !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 54.8% !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        left: 23.5% !important;
        top: 43.3% !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 33.5% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 23.5% !important;
        top: 64.5% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 55.1% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        left: 23.5% !important;
        top: 42.8% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 32.8% !important
    }
}

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

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-three .pro-us-five-ways-dsk-img {
        position: relative;
        left: 100px;
        top: 20px;
        width: 22%
    }
}

@media only screen and (min-width:1280px) and (max-width:1280px) {
    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-head-richtext h2 {
        letter-spacing: 0.0em
    }
}

@media only screen and (min-width:1920px) {


    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 4%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 35.5% !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        top: 45% !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 56% !important
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 23% !important;
        top: 65.5% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-one .pro-us-five-ways-num-span {
        left: 4%
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-two .pro-us-five-ways-num-span {
        top: 35.5% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-three .pro-us-five-ways-num-span {
        top: 45% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-four .pro-us-five-ways-num-span {
        top: 56% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-five-ways-richtext-five .pro-us-five-ways-num-span {
        left: 23% !important;
        top: 65.5% !important
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-dsk-img {
        position: relative;
        left: 16%
    }

    .safari-mac .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-dsk-img {
        position: relative;
        top: 85px;
        left: 13%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-one .pro-us-five-ways-dsk-img {
        position: relative;
        left: 16%
    }

    .page-healthy-living.page-five-ways-to-keep-tooth-enamel-strong-and-white .pro-us-white-teeth-box-five .pro-us-five-ways-dsk-img {
        position: relative;
        top: 85px;
        left: 13%
    }

}

/* ----------------------------------------------------------------- */
/* WUNGLOGC-4443 - NEW ARTICLE PAGE STYLES [End] */
/* ----------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* WUNGLOGC-10094 - OZONE UPDATES (Intensive Enamel Repair) [Start]  */
/* ---------------------------------------------- --------------------------------------------------- */

/* Search form border issue fix */
#wrapper .pronamel-us-template-desktop-header-search-box .component-content { border: none; }
:lang(fr) .pronamel-us-template-desktop-header-search-box .search-span { background-position: -10px -7px; }

/* Breadcrumb issue fix */
@media only screen and (min-width: 1024px) { .pronamel-breadcrumbs-box .breadcrumbs { padding-left: 30px !important; } }

/* Homepage New Banner CSS */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.page-homepage .pro-home-teaser-desk-whole-box { margin-top: 10px }

/* Outer Box*/
.page-homepage .pronamel-us-home-desktop-banner-box{
    background: url(/content/dam/cf-consumer-healthcare/pronamel/en_CA/home-banner/hero-bg-dt_left_right2.png); background-repeat: no-repeat; background-size: 100% 100%; }
.page-homepage .pronamel-us-home-desktop-banner-box .pronamel-us-home-desktop-banner-image img { max-width: 1280px !important; margin: 0 auto; display: block; width: 100%; }

/* Inner Box */
.page-homepage .pronamel-us-home-desktop-banner-box .Strong-For-The-Day-outer-box { position:absolute;z-index:2;top:50%;transform:translateY(-50%);padding:0; }
.page-homepage .pronamel-us-home-desktop-banner-box .Strong-For-The-Day-outer-box .component-content { margin:auto;position:relative;float:none;max-width:940px; }
.page-homepage .pronamel-us-home-desktop-banner-box .acidity-image-mob { max-width:454px;margin-bottom:13px !important; }
.page-homepage .pronamel-us-home-desktop-banner-box .acidity-image-mob img { max-width:454px;width:100%; }
.page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext { margin-bottom:13px !important; }
.page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext h3 {font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal;padding-left:88px;font-size:28px;color:#082656;position:relative; }
.page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext h4 {font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal;font-size:21px;color:#082656;margin-bottom:14px; }
.page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext img { width:auto;height:36px;margin:0; }

/* ONLY FR */
:lang(fr) .page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext img {  }
:lang(fr) .page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext h4 { max-width: 460px; line-height: 24px; }

/* Learn More button */
.page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext p { margin: 0; } 
.page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext a,
.page-homepage .pronamel-us-home-mobile-banner-box .profile-content-richtext a { 
    background: #00adbd; color: #fff; font-size: 16px; padding: 10px 55px 10px 55px; border-radius: 50px; margin-top: 0px !important; display: inline-block; }

/* Related articles boxes */
.page-homepage .pro-home-teaser-desk-whole-box figcaption h2 br { display: none !important; }
.page-homepage .pro-home-teaser-desk-whole-box figcaption h2 { margin: 10px 0 0 0 !important; }
.page-homepage .pro-home-teaser-desk-whole-box figcaption p:nth-child(2) { margin: 10px 0 10px 0 !important; }
.page-homepage .pro-home-teaser-desk-whole-box figcaption p a { bottom: unset !important; }

.page-homepage span.sup { font-size: 11px; top: -5px; margin-left: 2px; position: relative; vertical-align: top; }

@media only screen and (max-width: 1099px) {
    .page-homepage .pronamel-us-home-desktop-banner-box { background: none; }
    .page-homepage .pronamel-us-home-desktop-banner-box .Strong-For-The-Day-outer-box .component-content { max-width: 800px; }
    .page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext img { height: 26px; }    

    :lang(fr) .page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext h4 { max-width: 320px; line-height: 20px; }
}

@media only screen and (max-width: 1099px) and (min-width: 768px) {
    
    .page-homepage .pronamel-us-home-desktop-banner-box .Strong-For-The-Day-outer-box { top: 46%; }
    .page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext h3 {font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal; padding-left: 50px; font-size: 20px; }
    .page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext { margin-bottom: 0px !important; }
    .page-homepage .pronamel-us-home-desktop-banner-box .acidity-image-mob { max-width: 310px; margin-bottom: 0px !important; }
    .page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext h4 { font-size: 15px; margin-bottom: 5px; }
    .page-homepage .pronamel-us-home-desktop-banner-box  .profile-content-richtext a,
    .page-homepage .pronamel-us-home-mobile-banner-box .profile-content-richtext a { padding: 10px 30px; }
}

@media only screen and (max-width: 991px) {
    .page-homepage .pronamel-us-home-desktop-banner-box .Strong-For-The-Day-outer-box .component-content { max-width: 700px; }

    :lang(fr) .page-homepage .pronamel-us-home-desktop-banner-box .pro-why-pronamel-banner-richtext h3 { margin-bottom: 0; }
    :lang(fr) .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext a { font-size: 14px; padding: 5px 25px; border-radius: 15px; }
}

@media only screen and (max-width: 991px){
    .page-homepage .pronamel-us-home-desktop-banner-box { display: none; }

    .page-homepage .pronamel-us-home-mobile-banner-box { position: relative !important; }
    .page-homepage .pronamel-us-home-mobile-banner-box,
    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext,
    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-image { display: block !important; }

    .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext { margin-top: 0; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext img { width: auto; height: 24px; margin: 0; float: none; display: inline-block; vertical-align: middle; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext h3 {font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal; padding-left: 0px; font-size: 17.5px; color: #082656; position: relative; display: inline; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext { position: absolute; width: 100%; top: 5%; left: 50% !important; transform: translateX(-50%); text-align: center; }

    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext { position: absolute; left: 50% !important; right: auto; width: 95% !important; height: auto !important; top: 73% !important; transform: translateX(-50%); text-align: center; z-index:99; } .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext .richText-content { display: inline-block;  vertical-align: middle; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext .component-content { padding-top: 0 !important; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext h4 {font-family: "Roboto Condensed", sans-serif !important;font-weight: 400;font-style: normal;font-size: 15px !important; color: #082656 !important; width: auto !important; line-height: 1.2; margin-bottom: 10px; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext a { background: #00adbd; color: #fff; font-size: 14px !important; padding: 5px 40px 7px 40px !important; border-radius: 50px; margin-top: 0px !important; display: inline-block; }

    :lang(fr) .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext { top: 70% !important; }
}

@media only screen and (max-width: 399px){
    :lang(fr) .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext h3 { font-size: 14px; }
    :lang(fr) .page-homepage .pronamel-us-home-desktop-banner-box .profile-content-richtext h4 { font-size: 14px; }
    :lang(fr) .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext h4 { margin-bottom: 5px; }
    :lang(fr) .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext a { font-size: 14px; }
    :lang(fr) .page-homepage .pronamel-us-home-mobile-banner-box .pro-why-pronamel-banner-richtext img { height: 20px; }
}

@media only screen and (max-width: 320px){
    
    .page-homepage .pronamel-us-home-whole-box .pronamel-us-home-mobile-banner-richtext h4 { font-size: 12px !important;}
    .page-homepage .pronamel-us-home-mobile-banner-richtext { top: 72% !important; }
    .page-homepage .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext h4 { margin-bottom: 5px; }
} 

@media only screen and (max-width: 1023px){
    .page-homepage .pro-home-teaser-desk-whole-box .pro-home-desk-teaser-box-one .image.component figcaption,
    .page-homepage .pro-home-teaser-desk-whole-box .pro-home-desk-teaser-box-two .image.component figcaption,
    .page-homepage .pro-home-teaser-desk-whole-box .pro-home-desk-teaser-box-three .image.component figcaption { min-height: 300px; }
}

/* Related Articles mobile border issue fix */
@media only screen and (max-width: 767px) and (min-width: 320px){
    .page-homepage .pro-home-mob-tsr-box-three .pro-home-mob-tsr-img-three figcaption,
    .page-homepage .pro-home-mob-tsr-box-one .pro-home-mob-tsr-img-one figcaption {
        border-top: 0;
    }
}


/* Product Landing Page CSS */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

/* Existing Issue fixing */
.page-products .pro-product-lp-whole-box .pro-home-desk-teaser-box-one:nth-child(2) figcaption p:nth-child(3) { display: block; }
.page-products .pro-product-lp-banner-box { width: 100%; max-width: 940px; margin: 0 auto; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }

.page-products .pro-product-lp-whole-box .pro-home-desk-tsr-img-one img { max-width: 280px; max-height: 220px; }
.page-products .pro-product-lp-desk-callout-box > .component-content > .content > .box.grid_4 { min-height: 520px; }
.page-products .pro-product-lp-desk-callout-box > .component-content > .content > .box.grid_4 h2 { margin-top: 10px; }
.page-products .pro-product-lp-whole-box .pro-product-lp-desk-callout-box { margin: 0 auto !important; }
.page-products .pro-product-lp-whole-box [class*="pro-home-desk-teaser-box-"] figure figcaption p:last-child { position: relative; }

.page-products .pro-product-lp-desk-callout-box .content > .box.component.grid_4 { margin-bottom: 60px !important; }
.page-products .pro-product-lp-desk-callout-box figcaption h2 br { display: none !important; }
.page-products .pro-product-lp-desk-callout-box figcaption h2 { margin: 10px 0 0 0 !important; }
.page-products .pro-product-lp-desk-callout-box figcaption p:nth-child(2) { margin: 10px 0 10px 0 !important; }

.page-products .pro-product-lp-mob-callout-box figcaption p a br { display: none !important; }
.page-products [class*="pro-home-mob-tsr-img-"] figure figcaption p:last-child a { margin-top: 20px; }


@media only screen and (min-width: 1024px){
    .page-products .pro-product-lp-desk-callout-box .box.grid_4.pro-home-desk-teaser-box-five figcaption p { max-height: 100px; }
}

@media only screen and (max-width: 1023px){
    .page-products .pro-product-lp-whole-box .pro-home-desk-tsr-img-one img { max-width: 240px; max-height: 220px; }
}

/* Product - Enamel Repair - Extra Fresh CSS */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-grid-whole-box, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-grid-whole-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-grid-desk-img-box, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-grid-desk-img-box { margin-top: 80px; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-sub-grid-box-two, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-sub-grid-box-two { margin-left: 0; margin-top: -40px; position: relative; }

/* NO #1 LOGO */
.page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one { padding: 30px 0 !important; }
.page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one figure img, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one figure img { display: inline-block; vertical-align: middle; max-width: 60px; }
.page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one figure figcaption, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one figure figcaption { text-align: left; display: inline-block; vertical-align: middle; width: 70%; padding-left: 10px; }
.page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one figure figcaption h5, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one figure figcaption h5 { color: #13216a;     font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal; font-size: 16px; line-height: 18px; }

.page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one { display: none; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-grid-whole-box .effects-teeth-logo-one, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-grid-whole-box .effects-teeth-logo-one { display: block; }

/* 3 COL BOX */
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box { position: relative; text-align: center; max-width: 820px; padding: 40px 20px 60px 20px; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box:before, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box:before,
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box:after, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box:after  { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 74px; background-repeat: no-repeat; background-size: 100%; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box:before, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box:before {
    background-image: url('/content/dam/cf-consumer-healthcare/pronamel/en_CA/products/shadow-top.png'); background-position: center top; top: 0; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box:after, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box:after {
    background-image: url('/content/dam/cf-consumer-healthcare/pronamel/en_CA/products/shadow-bottom.png'); background-position: center bottom;bottom: 0; }

.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box > .component-content, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box > .component-content { padding: 0 60px; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box .component.divider, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box .component.divider { display: none; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box .pro-ca-strong-bright-mint-box .richText h2, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box .pro-ca-strong-bright-mint-box .richText h2 {font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: normal; color: #00adbb; font-size: 20px; line-height: 22px; margin: 30px 0; max-width: 170px; display: inline-block; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box .pro-ca-strong-bright-mint-box .pro-ca-strong-bright-white-img-one img, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box .pro-ca-strong-bright-mint-box .pro-ca-strong-bright-white-img-one img { max-width: 160px; display: block; margin: 0 auto; }

/* VIDEO BOX */
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-content-box, .page-products.page-intensive-enamel-repair-whitening .pro-approach-content-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; margin: 50px auto; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-content-box h2, .page-products.page-intensive-enamel-repair-whitening .pro-approach-content-box h2 { font-size: 30px; margin-top: 20px; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-content-box .richText, .page-products.page-intensive-enamel-repair-whitening .pro-approach-content-box .richText { display: none; }
.page-products.page-intensive-enamel-repair-extra-fresh video.custom-video-player, .page-products.page-intensive-enamel-repair-whitening video.custom-video-player { width: 100%; }

/* PRODUCT DETAIL BOX */
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-accordion-box, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-accordion-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; }

/* RELATED PRODUCT SLIDER */
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-box, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-desk-product-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; }
/* .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-richtext .component-content:before { left: 0; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-richtext .component-content:after { left: unset; right: 20px; }
 */
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-richtext .component-content, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-desk-product-richtext .component-content { position: relative; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-richtext .component-content:before, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-desk-product-richtext .component-content:before { width: 100%; left: 0; top: 22px; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-richtext .component-content:after, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-desk-product-richtext .component-content:after { display: none; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-desk-product-richtext p, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-desk-product-richtext p { position: relative; background: #fff; margin: 10px auto; width: 200px; }

/* Related articles height fix */
.page-products.page-intensive-enamel-repair-extra-fresh .pro-ra-desk-divider-box figcaption h2 br, .page-products.page-intensive-enamel-repair-whitening .pro-ra-desk-divider-box figcaption h2 br { display: none !important; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-ra-desk-divider-box figcaption h2, .page-products.page-intensive-enamel-repair-whitening .pro-ra-desk-divider-box figcaption h2 { margin: 10px 0 0 0 !important; }
.page-products.page-intensive-enamel-repair-extra-fresh .pro-ra-desk-divider-box figcaption p:nth-child(2), .page-products.page-intensive-enamel-repair-whitening .pro-ra-desk-divider-box figcaption p:nth-child(2) { margin: 10px 0 10px 0 !important; }

.page-products.page-intensive-enamel-repair-extra-fresh span.sup, .page-products.page-intensive-enamel-repair-whitening span.sup { font-size: 10px; top: -5px; margin-left: 2px; position: relative; }

/* Unexpected margin issue fix */
@media screen and (width: 768px){
    .page-products.page-intensive-enamel-repair-extra-fresh .box.section.grid_4.omega.component.even.last, .page-products.page-intensive-enamel-repair-whitening .box.section.grid_4.omega.component.even.last { margin-top: 0; }
}

@media only screen and (max-width: 767px){

    .page-products.page-intensive-enamel-repair-extra-fresh .pro-product-mob-grid-box, .page-products.page-intensive-enamel-repair-whitening .pro-product-mob-grid-box { border-bottom: 2px solid #d1d1d1; padding-bottom: 20px; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-grid-mob-img, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-grid-mob-img { margin-top: 40px; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-grid-richtext-two, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-grid-richtext-two { width: 100% !important; }

    .page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one { display: block; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-grid-whole-box .effects-teeth-logo-one, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-grid-whole-box .effects-teeth-logo-one { display: none; }
    .page-products.page-intensive-enamel-repair-extra-fresh .effects-teeth-logo-one, .page-products.page-intensive-enamel-repair-whitening .effects-teeth-logo-one { padding: 10px 0 !important; }  

    .page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box .pro-ca-strong-bright-mint-box .richText h2, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box .pro-ca-strong-bright-mint-box .richText h2 { max-width: 260px; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box > .component-content, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box > .component-content { padding: 0 20px; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-whole-box, .page-products.page-intensive-enamel-repair-whitening .pro-approach-whole-box { padding: 0 20px 20px 20px; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-ca-strong-bright-mint-box, .page-products.page-intensive-enamel-repair-whitening .pro-ca-strong-bright-mint-box { margin: 20px 0; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-content-box, .page-products.page-intensive-enamel-repair-whitening .pro-approach-content-box { margin-top: 20px; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-content-richtext, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-content-richtext { width: 100%; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-sub-grid-box-two, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-sub-grid-box-two { margin-top: 0; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-accordion-box, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-accordion-box { margin: 30px 0 !important; }

    /* Related Product Slider hide details */
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-mob-carousel p, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-mob-carousel p { display: none; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-mob-carousel h2, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-mob-carousel h2 { text-align: center; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-mob-carousel .carousel-slide figure > a, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-mob-carousel .carousel-slide figure > a { display: block; position: relative; height: 130px; width: 100%; }
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-mob-carousel .carousel-slide figure > a img, .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-mob-carousel .carousel-slide figure > a img { max-width: 90%; max-height: 100%; width: auto; height: auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
 
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-mob-carousel.carousel .carousel-nav li.carousel-nav-prev,
    .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-mob-carousel.carousel .carousel-nav li.carousel-nav-prev,
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-gentle-white-mob-carousel.carousel .carousel-nav li.carousel-nav-next,
    .page-products.page-intensive-enamel-repair-whitening .pro-gentle-white-mob-carousel.carousel .carousel-nav li.carousel-nav-next {
        top: 25% !important;
    }

    /* Related thumb image border */
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-tooth-enamel-mob-tsr-img-one figure img, 
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-tooth-enamel-mob-tsr-img-two figure img, 
    .page-products.page-intensive-enamel-repair-extra-fresh .pro-tooth-enamel-mob-tsr-img-three figure img,
    .page-products.page-intensive-enamel-repair-whitening .pro-tooth-enamel-mob-tsr-img-one figure img, 
    .page-products.page-intensive-enamel-repair-whitening .pro-tooth-enamel-mob-tsr-img-two figure img, 
    .page-products.page-intensive-enamel-repair-whitening .pro-tooth-enamel-mob-tsr-img-three figure img { padding: 0; margin-right: 5.5%; box-sizing: border-box; border: 1px solid #d2d1d1; border-radius: 0 0 15px 0; }

}


/* Product - Enamel Repair - Clean Mint CSS */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-grid-whole-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-grid-desk-img-box { margin-top: 80px; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-sub-grid-box-two { margin-left: 0; margin-top: -40px; position: relative; }

/* NO #1 LOGO */
.page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one { padding: 30px 0 !important; }
.page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one figure img { display: inline-block; vertical-align: middle; max-width: 60px; }
.page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one figure figcaption { text-align: left; display: inline-block; vertical-align: middle; width: 70%; padding-left: 10px; }
.page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one figure figcaption h5 { color: #13216a;font-family: "Roboto Condensed", sans-serif;font-weight: 400;font-style: normal; font-size: 16px; line-height: 18px; }

.page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one { display: none; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-grid-whole-box .effects-teeth-logo-one { display: block; }

/* 3 COL BOX */
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box { position: relative; text-align: center; max-width: 820px; padding: 40px 20px 60px 20px; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box:before,
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box:after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 74px; background-repeat: no-repeat; background-size: 100%; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box:before {
    background-image: url('/content/dam/cf-consumer-healthcare/pronamel/en_CA/products/shadow-top.png'); background-position: center top; top: 0; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box:after {
    background-image: url('/content/dam/cf-consumer-healthcare/pronamel/en_CA/products/shadow-bottom.png'); background-position: center bottom;bottom: 0; }

.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box > .component-content { padding: 0 60px; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box .component.divider { display: none; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box .pro-ca-strong-bright-mint-box .richText h2 {font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: normal;color: #00adbb; font-size: 20px; line-height: 22px; margin: 30px 0; max-width: 170px; display: inline-block; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box .pro-ca-strong-bright-mint-box .pro-ca-strong-bright-white-img-one img { max-width: 160px; display: block; margin: 0 auto; }

/* VIDEO BOX */
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-content-box{ width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; margin: 50px auto; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-content-box h2 { font-size: 30px; margin-top: 20px; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-content-box .richText { display: none; }
.page-products.page-intensive-enamel-repair-clean-mint video.custom-video-player { width: 100%; }

/* PRODUCT DETAIL BOX */
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-accordion-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; }

/* RELATED PRODUCT SLIDER */
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-box { width: 100%; max-width: 940px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; }
/*.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-richtext .component-content:before { left: 0; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-richtext .component-content:after { left: unset; right: 20px; }
*/
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-richtext .component-content { position: relative; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-richtext .component-content:before { width: 100%; left: 0; top: 22px; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-richtext .component-content:after { display: none; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-desk-product-richtext p { position: relative; background: #fff; margin: 10px auto; width: 200px; }

/* Related articles height fix */
.page-products.page-intensive-enamel-repair-clean-mint .pro-ra-desk-divider-box figcaption h2 br { display: none !important; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-ra-desk-divider-box figcaption h2 { margin: 10px 0 0 0 !important; }
.page-products.page-intensive-enamel-repair-clean-mint .pro-ra-desk-divider-box figcaption p:nth-child(2) { margin: 10px 0 10px 0 !important; }

.page-products.page-intensive-enamel-repair-clean-mint span.sup { font-size: 10px; top: -5px; margin-left: 2px; position: relative; }

/* Unexpected margin issue fix */
@media screen and (width: 768px){
    .page-products.page-intensive-enamel-repair-clean-mint .box.section.grid_4.omega.component.even.last { margin-top: 0; }
}

@media only screen and (max-width: 767px){

    .page-products.page-intensive-enamel-repair-clean-mint .pro-product-mob-grid-box { border-bottom: 2px solid #d1d1d1; padding-bottom: 20px; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-grid-mob-img { margin-top: 40px; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-grid-richtext-two { width: 100% !important; }

    .page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one { display: block; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-grid-whole-box .effects-teeth-logo-one { display: none; }
    .page-products.page-intensive-enamel-repair-clean-mint .effects-teeth-logo-one { padding: 10px 0 !important; }  

    .page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box .pro-ca-strong-bright-mint-box .richText h2 { max-width: 260px; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box > .component-content { padding: 0 20px; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-approach-whole-box { padding: 0 20px 20px 20px; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-ca-strong-bright-mint-box { margin: 20px 0; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-approach-content-box { margin-top: 20px; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-content-richtext { width: 100%; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-sub-grid-box-two { margin-top: 0; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-accordion-box { margin: 30px 0 !important; }

    /* Related Product Slider hide details */
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-mob-carousel p { display: none; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-mob-carousel h2 { text-align: center; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-mob-carousel .carousel-slide figure > a { display: block; position: relative; height: 130px; width: 100%; }
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-mob-carousel .carousel-slide figure > a img { max-width: 90%; max-height: 100%; width: auto; height: auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
 
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-mob-carousel.carousel .carousel-nav li.carousel-nav-prev,
    .page-products.page-intensive-enamel-repair-clean-mint .pro-gentle-white-mob-carousel.carousel .carousel-nav li.carousel-nav-next {
        top: 25% !important;
    }

    /* Related thumb image border */
    .page-products.page-intensive-enamel-repair-clean-mint .pro-tooth-enamel-mob-tsr-img-one figure img, 
    .page-products.page-intensive-enamel-repair-clean-mint .pro-tooth-enamel-mob-tsr-img-two figure img, 
    .page-products.page-intensive-enamel-repair-clean-mint .pro-tooth-enamel-mob-tsr-img-three figure img { padding: 0; margin-right: 5.5%; box-sizing: border-box; border: 1px solid #d2d1d1; border-radius: 0 0 15px 0; }

}



/* ARTICLE - CARING FOR ENAMEL - CSS */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.page-caring-for-enamel .pronamel-us-caring-box-one { max-width: 840px; width: 100% !important; box-sizing: border-box; }
.page-caring-for-enamel .pronamel-us-caring-box-one .pronamel-us-caring-richtext-one a { color: #009999; text-decoration: underline; }
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box { max-width: 840px; width: 100%; margin: 0 auto !important; position: relative; box-sizing: border-box; }
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-tooth-enamel-desktop-img { padding-bottom: 0; margin-bottom: 0 !important; }
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one { position: absolute; top: 29.6%; max-width: 300px; width: 100%; }
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box a { color: #009999; text-decoration: underline; }
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one h3,
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-two h3,
.page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img figcaption h3 { color: #00adbb; font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: normal;font-size: 22px; line-height: 21px; }
.page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-two { max-width: 300px; }
.page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img { display: none; }
.page-caring-for-enamel .pronamel-us-caring-whole-box .pronamel-us-caring-box-two { max-width: 840px; width: 100% !important; box-sizing: border-box; }
.page-caring-for-enamel .pronamel-us-caring-whole-box .pronamel-us-caring-box-two a { color: #009999; text-decoration: underline; }

.page-caring-for-enamel span.sup { font-size: 10px; top: -5px; margin-left: 2px; position: relative; }

:lang(fr) .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one { top: 27%; max-width: 280px; }

/* Related Articles Desktop Height Issue Fix */
.page-caring-for-enamel .pro-ra-desk-divider-box figcaption h2 br { display: none !important; }
.page-caring-for-enamel .pro-ra-desk-divider-box figcaption h2 { margin: 10px 0 0 0 !important; }
.page-caring-for-enamel .pro-ra-desk-divider-box figcaption p:nth-child(2) { margin: 10px 0 10px 0 !important; }


@media only screen and (max-width: 991px){
    .page-caring-for-enamel .pronamel-us-caring-box-one,
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box,
    .page-caring-for-enamel .pronamel-us-caring-whole-box .pronamel-us-caring-box-two { padding: 0 15px; box-sizing: border-box; }
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one { top: 28.5%; }

    :lang(fr) .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one { top: 27%; max-width: 300px; }

}

@media only screen and (max-width: 767px){

    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box { max-width: 100%; padding: 0; }
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-tooth-enamel-desktop-img { display: none; }
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-tooth-enamel-mobile-img { display: block; margin: 20px 0 40px 0 !important; }
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one,
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-two { position: relative; max-width: 100%; padding: 0 15px; box-sizing: border-box; margin: 20px 0 !important; }
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one h3,
    .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-two h3 { display: none; }
    .page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img { display: block; padding: 0 15px; position: relative; }
    .page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img img  { float: left; width: 50%; max-width: 140px; }
    .page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img figcaption { width: 50%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
    .page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img figcaption h3 { text-align: right; }
    .page-caring-for-enamel .pronamel-us-caring-whole-box .pronamel-us-caring-box-two { max-width: 100%; padding: 0 15px; margin: 0; box-sizing: border-box;  }

    :lang(fr) .page-caring-for-enamel .pronamel-us-tooth-enamel-desk-img-box .pronamel-us-caring-richtext-one { max-width: unset; max-width: none; }

    /* Related thumb image border */
    .page-caring-for-enamel .pro-tooth-enamel-mob-tsr-img-one figure img, 
    .page-caring-for-enamel .pro-tooth-enamel-mob-tsr-img-two figure img, 
    .page-caring-for-enamel .pro-tooth-enamel-mob-tsr-img-three figure img { padding: 0; margin-right: 5.5%; box-sizing: border-box; border: 1px solid #d2d1d1; border-radius: 0 0 15px 0; }

}

@media only screen and (max-width: 399px){
    .page-caring-for-enamel .pronamel-us-caring-mob-carousel-slide-img img { width: 40%; }
}


/* ARTICLE - SCIENCE BEHIND REPAIR - CSS */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.page-pronamel-science .pro-pronamel-science-richtext-one { max-width: 860px; width: 100% !important; box-sizing: border-box; margin: 40px auto !important; padding: 0 !important; } 
.page-pronamel-science .pro-pronamel-science-whole-box .pro-pronamel-science-richtext-one h1 { width: 100%; }
.page-pronamel-science .pro-pronamel-science-whole-box .pro-pronamel-science-richtext-one h1 strong { font-size: 32px; line-height: 40px; }
.page-pronamel-science .pro-ca-strong-bright-white-img-one { max-width: 860px; width: 100% !important; box-sizing: border-box; text-align: center; margin: 0 auto !important; }
.page-pronamel-science .pro-ca-strong-bright-white-img-one img { display: block; margin: 0 auto !important; }
.page-pronamel-science .pro-us-enamel-remineral-box-one { max-width: 860px; width: 100% !important; box-sizing: border-box; margin: 0 auto !important; position: relative;  }

.page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one { position: absolute; top: 50px; left: 25px; width: 220px; }
.page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two { position: absolute; top: 50px; right: 25px; width: 220px; left: auto; text-align: right; }
.page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one h3,
.page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two h3 {font-family: "Roboto Condensed", sans-serif !important;font-weight: 400;font-style: normal; color: #1b3059; font-size: 24px; line-height: 24px; margin: 40px 0 20px 0; text-transform: capitalize; }
.page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one h3 strong,
.page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two h3 strong { font-weight: bold !important; display: block; }

/* related article height issue fix */
.page-pronamel-science .pro-ra-desk-divider-box figcaption h2 br { display: none !important; }
.page-pronamel-science .pro-ra-desk-divider-box figcaption h2 { margin: 10px 0 0 0 !important; }
.page-pronamel-science .pro-ra-desk-divider-box figcaption p { margin: 10px 0 10px 0 !important; height: auto !important;}

:lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one, 
:lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two { top: 20px; }


/* VIDEO BOX */
.page-pronamel-science .pro-approach-content-box{ width: 100%; max-width: 860px; box-sizing: border-box; margin: 40px auto; }
.page-pronamel-science .pro-approach-content-box h2 { font-size: 30px; margin-top: 20px; }
.page-pronamel-science .pro-approach-content-box video.custom-video-player { width: 100%; }
.page-pronamel-science .pro-approach-content-box .richText { display: none; }

.page-pronamel-science .pro-us-enamel-remineral-box-two { max-width: 860px; width: 100% !important; box-sizing: border-box; margin: 0 auto !important; margin: -80px auto 0 !important; z-index: 999; position: relative; }
.page-pronamel-science .pronamel-us-home-where-to-buy-richtext { text-align: center; }
.page-pronamel-science .pronamel-us-home-where-to-buy-richtext p { margin: 0; }
.page-pronamel-science .pronamel-us-home-where-to-buy-richtext a { background: #00adbd; color: #fff; font-size: 16px; padding: 5px 55px; border-radius: 50px; margin: 0 auto !important; display: inline-block; }

.page-pronamel-science span.sup { font-size: 10px; top: -5px; margin-left: 2px; position: relative; }

.page-pronamel-science .pronamel-bottom-richtext { width: 100%; max-width: 860px; box-sizing: border-box; margin: 60px auto 20px auto !important; border-top: 1px solid #dfdfdf;  }
.page-pronamel-science .pronamel-bottom-richtext p { font-size: 12px; } 
.page-pronamel-science .pronamel-bottom-richtext p a { font-size: 12px; color: #006a80; }

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

    .page-pronamel-science .pro-pronamel-science-richtext-one { padding: 0 15px !important; } 
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one,
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two { top: 20px; }
    .page-pronamel-science .pro-us-enamel-remineral-box-two { padding: 0 15px !important; }
    .page-pronamel-science .pro-approach-content-box { padding: 0 15px !important; }

    .page-pronamel-science .pronamel-bottom-richtext { padding: 0 20px; }

    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one { top: 10px; left: 15px; }
    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two { top: 10px; right: 15px; }

    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one h3,
    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two h3 { margin-bottom: 5px; }

    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one p,
    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two p { line-height: 20px;  }

}

@media only screen and (max-width: 767px){

    .page-pronamel-science .pro-pronamel-science-whole-box .pro-pronamel-science-richtext-one { margin-top: 0 !important; }
    .page-pronamel-science .pro-pronamel-science-whole-box .pro-pronamel-science-richtext-one h1 { font-size: 30px; line-height: 32px; }
    .page-pronamel-science .pro-ca-strong-bright-white-img-one { padding: 0 15px; }
    .page-pronamel-science .pronamel-us-tooth-enamel-desktop-img { display: none; }
    .page-pronamel-science .pronamel-us-tooth-enamel-mobile-img { display: block; margin-top: 0; }
    .page-pronamel-science .pronamel-us-tooth-enamel-mobile-img img { width: 100%; }
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one,
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two { position: relative; top: unset; bottom: unset; right: unset; left: unset; width: 100%; text-align: center; padding: 0 15px; box-sizing: border-box; }
    .page-pronamel-science .pro-us-enamel-remineral-box-two { margin: 0 !important; }

    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one{
        background-image: url('/content/dam/cf-consumer-healthcare/pronamel/en_CA/articles/shade-top-mb.png');
        background-repeat: no-repeat; background-position: center top; background-size: 100%; border-top: 3px solid #88b3bc; margin-top: 30px; }
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one h3,
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two h3 { margin-top: 20px; font-size: 28px !important; line-height: 28px; }

    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one p,
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two p { max-width: 260px; margin: 20px auto; }
    .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two p { padding-bottom: 40px; border-bottom: 1px solid #6eabca; }

    .page-pronamel-science .pronamel-us-abt-enamel-richtext-one { text-align: center; }
    .page-pronamel-science .pro-us-enamel-remineral-box-two {
        background-image: url('/content/dam/cf-consumer-healthcare/pronamel/en_CA/articles/shade-bottom-mb.png');
        background-repeat: no-repeat; background-position: center bottom; background-size: 100%; border-bottom: 3px solid #88b3bc; }
    .page-pronamel-science .pronamel-us-tooth-enamel-mobile-img { margin-bottom: 0 !important; }
    .page-pronamel-science .pro-us-enamel-remineral-box-two:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 35%; background: #fff; width: 100%; z-index: -1; }

    /* Related thumb image border */
    .page-pronamel-science .pro-tooth-enamel-mob-tsr-img-one figure img, 
    .page-pronamel-science .pro-tooth-enamel-mob-tsr-img-two figure img, 
    .page-pronamel-science .pro-tooth-enamel-mob-tsr-img-three figure img { padding: 0; margin-right: 5.5%; box-sizing: border-box; border: 1px solid #d2d1d1; border-radius: 0 0 15px 0; }

    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-one,
    :lang(fr) .page-pronamel-science .pro-us-enamel-remineral-box-one .pronamel-us-tooth-enamel-richtext-two { top: unset; bottom: unset; right: unset; left: unset; }

}


/* TEMPORARY FPO VIDEO HIDING */
.page-pronamel-science .pro-approach-content-box,
.page-products.page-intensive-enamel-repair-extra-fresh .pro-approach-content-box,
.page-products.page-intensive-enamel-repair-whitening .pro-approach-content-box,
.page-products.page-intensive-enamel-repair-clean-mint .pro-approach-content-box { display: none; }

/* WUNGLOGC-10094 - OZONE UPDATES [End] */
/* ----------------------------------------------------------------- */

/*WUNGLOGC-26793 - Start*/

.page-intensive-enamel-repair-whitening .pro-tooth-enamel-desk-teaser-one-box .pro-tooth-enamel-desk-tsr-img-one figure figcaption h2, 
.page-intensive-enamel-repair-whitening .pro-tooth-enamel-desk-teaser-two-box .pro-tooth-enamel-desk-tsr-img-two figure figcaption h2{
    height:90px;
}


/*WUNGLOGC-26793 End*/


/*WUNGLOGC-26794 - Start*/
:lang(fr-CA) .page-intensive-enamel-repair-whitening .pro-tooth-enamel-desk-tsr-img-one figure figcaption p:nth-child(2) {
    height: 80px;
}


:lang(fr-CA) .page-intensive-enamel-repair-whitening .pro-tooth-enamel-desk-tsr-img-three figure figcaption p:nth-child(2) {
    height: 80px;
}



.page-homepage #content .pronamel-us-home-desktop-banner-box .acidity-image-mob img {
    max-width: 371px;
}


.page-homepage #content .richTextHyperlinkedImage.profile-content-richtext {
    padding-left: 40px;
}

.page-homepage #content .pronamel-us-home-desktop-banner-box .profile-content-richtext h4{
    color: #f36b17;
    letter-spacing: 1px;
    font-size: 23px;
}



.page-homepage #content .pronamel-us-home-desktop-banner-box .profile-content-richtext a,
.page-homepage #content .pronamel-us-home-mobile-banner-box .profile-content-richtext a{
    margin-left: 50px;
    background: #00adbd;
}

:lang(fr-CA) .page-homepage #content .pronamel-us-home-desktop-banner-box .profile-content-richtext h4{
    color: #f36b17;
    letter-spacing: 1px;
    font-size: 17.5px;
}

@media only screen and (max-width: 850px) and (min-width: 768px){
:lang(fr-CA) .page-homepage #content .pronamel-us-home-desktop-banner-box .acidity-image-mob img {
    width: 70%;
    right: -39px;
}

:lang(fr-CA) .page-homepage #content .pronamel-us-home-desktop-banner-box .profile-content-richtext h4 {
    font-size: 13.5px;
}

:lang(en-CA) .page-homepage #content .pronamel-us-home-desktop-banner-box .acidity-image-mob img {
    width: 65%;
    right: -73px;
}

}



/*WUNGLOGC-26794 - End*/

/*WUNGLOGC-26194 - Start*/
@media only screen and (max-width: 767px){
:lang(fr-CA) .page-homepage #content .pronamel-us-home-mobile-banner-box .pronamel-us-home-mobile-banner-richtext h4{
        color: #f36b17 !important;
}
}


@media (min-width: 963px){
:lang(fr-CA) #wrapper #footer .pronamel-us-template-desktop-footer-box .pronamel-us-template-desktop-footer-navigation .navigation-root li:nth-child(4) a {
    border-right: 1px solid #d0d1d2;;
}


:lang(fr-CA) #wrapper #footer .pronamel-us-template-desktop-footer-box .pronamel-us-template-desktop-footer-navigation .navigation-root li:nth-child(5) a {
    border-right: 0px;
}

}

@media only screen and (max-width: 767px) and (min-width: 320px){
:lang(fr-CA) .page-homepage #content .pronamel-us-home-find-out-richtext .pronamel-us-home-find-out-span{
    height: 56px!important;
}
}

@media (min-width: 940px){
#footer .footer-fr .pronamel-us-template-header-desktop-footer-facebook-image{
    width: 45.5% !important;
}
}

@media (min-width: 963px){
:lang(en-CA) #wrapper #footer .pronamel-us-template-header-desktop-footer-facebook-image {
    padding-left: 42%;
}

:lang(en-CA) #wrapper #footer .pronamel-us-template-desktop-footer-navigation {
    width: 100%;
}
}

/*WUNGLOGC-26194 - End*/


/*WUNGLOGC-26795 - Start*/
.pro-home-desk-tsr-img-two.pro-home-desk-tsr-img-one figure figcaption h2{

}

@media (min-width: 940px){
:lang(en-CA) .page-about-acid-wear #footer .pronamel-us-template-header-desktop-footer-facebook-image {
    padding-left: 282px;
}
}
/*WUNGLOGC-26795 - End*/


/*WUNGLOGC-26801  Start*/
.page-caring-for-enamel #content .pronamel-us-caring-box-one .pronamel-us-caring-richtext-one a, .page-caring-for-enamel #content .pronamel-us-tooth-enamel-desk-img-box a {
    color: #006a80;
}
/*WUNGLOGC-26801 - End*/


/*WUNGLOGC-26800  Start*/
@media (min-width: 940px){
#footer .pronamel-us-template-desktop-footer-navigation .navigation-item.navigation-level1.page-site-map a{
    border-right: 0px;
}
}
/*WUNGLOGC-26801 - End*/


/*WUNGLOGC-26793 - Start*/
#content .pro-gentle-white-desk-product-richtext .component-content:after {
    left: 58%;
}

#content .pro-gentle-white-desk-product-richtext .component-content:before {
    left: 2%;
}


/*WUNGLOGC-26793 - End*/

/*Amrendra | GSKBD-26808 | created variant "article-content" for article paragraph*/
/*this css from template en_CA*/
#locale_id {
    display: none;
}
.d-block{
    display: block;
}
@media(min-width:992px){
    .pro-ra-desk-divider-box .article-content p:nth-child(2) {
        min-height: 80px;
    }
}
@media(min-width:768px){
    .pro-product-lp-whole-box .pro-home-desk-teaser-box-two .pro-home-desk-tsr-img-two img {
        max-height: 260px;
    }
}


/* Aman Singh | GSKBD-27627 | start | 21-03-2023 |  content-wrapper - new varient class added*/
.content-wrapper .pro-citrus-header-txt-box, .content-wrapper .pro-citrus-dsk-content-box-two{
    width : auto;
    margin : 20px auto;
}
@media (min-width : 768px){
    .page-homepage .content-wrapper .pronamel-us-home-desktop-banner-box .Strong-For-The-Day-outer-box{
        right : 25%;
        left: auto
    }
    .page-homepage .content-wrapper .pronamel-us-home-desktop-banner-box .profile-content-richtext p.banner-btn.btn_margin{
        margin-top: 1rem;
    }
}
@media (min-width : 992px){
    .page-homepage .content-wrapper .pronamel-us-home-desktop-banner-box .profile-content-richtext p.banner-btn.btn_margin{
        margin-top: 2rem;
    } 
}
/* Aman Singh | GSKBD-27627 | end | 21-03-2023 */

/* alam | GSKBD-28020 |26-04-23 |  start */
.videoframe iframe {
    width: 85% ;
    height: 445px;
}
.videoframe{
    text-align: center;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    .videoframe {
        width: 90%;
        height: auto;
    }
}

/* alam | GSKBD-28020 |26-04-23 |  end */

/* Aman Singh | GSKBD-28999 | 10-08-2023 */
#wrapper .article-box-fr-desktop figcaption h2{
    height: auto !important;
}
/* Aman Singh | GSKBD-28999 | 10-08-2023 */span.selection-underline {
  text-decoration: underline; }

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

span.selection-italic {
  font-style: italic; }
.skip-to-main-content-wrapper a {
  position: absolute;
  color: #fff;
  background-color: #f36633;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid whitesmoke;
  text-align: center;
  font-size: 1.2em;
  width: 30%;
  top: -100px;
  left: 0;
  z-index: 1; }
  .skip-to-main-content-wrapper a:focus, .skip-to-main-content-wrapper a:active {
    top: auto;
    left: auto; }
.page-strong-and-bright .overlay-close { 
font-size: 30px;
top: -29px;
right: 8px;
}
.page-products .overlay-content-inner .parametrizedhtml .component-content 
{
width:800px !important;
margin: 0px auto;
    overflow: hidden !important;
}
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
    width: 100% !important;
    border: none !important;
    /*height: 656px !important;*/
    border-radius: 6px;
    margin-left: 0px; 
}

.page-products .overlay-container .overlay-content-inner iframe .no-js body{ background:#007a3d !important; }  
.page-products .overlay-content{ background:none !important; border:none !important;}


.page-products .overlay-container.overlay-content{width:64% !important;}


.page-products .overlay-content .overlay-close {
    background: rgba(0, 0, 0, 0) url("../../assets/img/overlay-close.png") no-repeat scroll 0 0;
    color: #fff;
    content: none;
    cursor: pointer;
    display: none;
    font-size: 35px;
    line-height: 1;
    outline: medium none;
    position: absolute;
      right:20px;
    top:17px;
    width: 30px;
    z-index: 9999;
    background-size: 60%;
}
/* 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;
}

.page-products .overlay-container {
  position: absolute;
  width: 100%;
  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%; /* nizam22feb */
  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;
/*     border-radius: 6px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.5); */
}


/* line 40, ../../sass/core/overlay.scss */
.page-products .overlay-close {
  background: rgba(0, 0, 0, 0) url("../../assets/img/overlay-close.png") no-repeat scroll 0 0;
  color: #fff;
  content: none;
  cursor: pointer;
  display: none;
  font-size: 35px;
  line-height: 1;
  outline: medium none;
  position: absolute;
  right: 15px;
  top: -40px;
  width: 27px;
  z-index: 9999;
}

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

.page-products .overlay-close::after {
  content: "" !important;
}
/* line 52, ../../sass/core/overlay.scss */
.page-products .overlay-close: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;
}

.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%;
}
@media only screen and (min-width:768px) and (max-width: 1024px) {


#wrapper .page-products .overlay-container iframe, #wrapper .box-left-article-content iframe {
    height: 500px !important;
    width: 657px !important;
}         
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
width: 85% !important;
border: none !important;
height: 606px !important;
margin-left: 0px;
}
.page-products .product-selector-html iframe
{
height: 472px;
}
.page-products .product-selector-html  #container
{
margin-left: -150px !important;
}
}
@media only screen and (min-width:736px) and (max-width:736px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
    width: 82% !important;
    border: none !important;
    height: 550px !important;
    margin-left: 0px;
}
.page-products .overlay-content .overlay-close{
    right: 14px;
    top: 21px;
}	
	
}
@media only screen and (max-width: 667px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
    width: 75% !important;
    border: none !important;
    height: 500px !important;
    margin-left: 0px;
}
}
@media only screen and (max-width: 640px) {
.page-products .overlay-container iframe, .box-left-article-content iframe {
    width: 100%;
    height: 400px!important; /*ajay 25-nov*/
}

.page-products .product-selector-html iframe {
  height: 391px;
  width: 640px !important;
}  
 .page-products .headache-selector-html iframe
{
  width: 640px !important;
}    

.page-products .headache-selector-html #container
{
    margin-left: -162px !important;
}

}

@media only screen and (max-width: 568px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
    width: 64% !important;
    border: none !important;
    height: 580px !important;
    margin-left: 0px;
}
.page-products .overlay-content .overlay-close{
      right: 22px;
    top: 16px;
}
}

 @media only screen and (max-width: 480px) {
.page-products .overlay-container {
  left: 2%;
  margin: 0 auto;
  padding-bottom: 30px;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 95%;
  z-index: 9999;
}
.page-products .overlay-container iframe, .box-left-article-content iframe {
  width: 100%;
  height: 225px!important; /*ajay 25-nov*/      
}
.page-products .product-selector-html iframe
{
   height: 520px;
    width:480px !important;
}
.page-products .headache-selector-html iframe
{
   width:480px !important;
}
.page-products .product-selector-html  #container
{
margin-left: -250px !important;
}



} 

@media only screen and (min-width: 414px) and (max-width:414px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
width: 45% !important;
border: none !important;
height: 580px !important;
margin-left: 0px;
}
}
@media only screen and (device-width: 375px) { 

 .page-products .product-selector-html iframe {
  width: 375px !important;height: 520px; 
  }

} 

@media only screen and (max-width: 375px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe{
width: 38% !important;
border: none !important;
height:580px !important;
margin-left:0px;
}
.page-products .overlay-container iframe, .box-left-article-content iframe{
    width: 100%;
    height: 200px!important; /*ajay 25-nov*/
}
.page-products .product-selector-html iframe
{
   min-height: 625px; /*ajay 14-dec*/
width:375px !important;  
}

.page-products .product-selector-html  #container
{
margin-left: -315px !important;
}

.page-products .headache-selector-html iframe
{
    height: 550px; width:375px !important;
}

}   
 @media only screen and (max-width: 360px) {
.page-products .overlay-container iframe, .box-left-article-content iframe {
    width: 100%;
    height: 165px!important; /*ajay 25-nov*/
}
.page-products .product-selector-html iframe
{
height: 478px; width:360px !important;
}
.page-products .headache-selector-html iframe
{
      min-height: 625px; /*ajay 14-dec*/
    width:360px !important;
}

}               

@media only screen and (max-width: 320px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
width: 41% !important;
border: none !important;
height: 580px !important;
margin-left: 0px;
}
 .page-products   .overlay-content .overlay-close {
background: rgba(0, 0, 0, 0) url("../../assets/img/overlay-close.png") no-repeat scroll 0 0;
color: #fff;
content: none;
cursor: pointer;
display: none;
font-size: 35px;
line-height: 1;
outline: medium none;
position: absolute;
right: 5px;
top: 17px;
width: 30px;
z-index: 9999;
background-size: 60%;
}
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe {
    width: 100% !important;
    border: none !important;
    height:580px !important;
    margin-left:0px;
}
.page-products .overlay-content-inner .parametrizedhtml .component-content {
    width: 100% !important;
    margin: 0px auto;
    overflow: hidden !important;
}
.page-products .overlay-container iframe, .box-left-article-content iframe {
    width: 100%;
    height: 150px!important; /*ajay 25-nov*/
}
.page-products .product-selector-html iframe
{
height: 473px !important; width:320px !important;
}

.page-products .headache-selector-html iframe
{
    min-height: 625px; /*ajay 14-dec*/
    width:320px !important;
}
}


@media only screen and (min-width: 1024px) and (max-width: 1024px) {
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe{
    margin-left:0px;
    height: 608px !important;
    width:88% !important;
}
.page-products .overlay-content .overlay-close {
	right: 107px;
    top: 23px;
}
.page-products .overlay-content-inner {
box-shadow: 0 5px 15px rgba(0,0,0,.5);
width: 704px !important;
margin-left: 0px !important;
}
}

@media only screen and (min-width:1280px) and (max-width:1280px) {
   .page-products .overlay-content .overlay-close{right: 35px;top: 22px;}
.page-products .overlay-content-inner {
border-radius: 6px;

}
.page-products .overlay-content-inner .parametrizedhtml .component-content iframe{
   margin-left: 0px;
width: 100% !important;
height: 625px !important;
}
}/* 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; }
.pro-faq-whole-box .accordion-container li {
    padding: 0px 0px 23px 0px;
}

.pro-fight-erosion-headline-richtext {
position: relative;
}
.pro-fight-erosion-headline-richtext h2 {
color: #fff;
text-align: center;
}
span.pro-fight-erosion-head-one-span {
font-size: 56px;
line-height: 56px;
letter-spacing: 0.02em;
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
font-style: normal;
}
span.pro-fight-erosion-head-two-span {
font-size: 72px;
line-height: 72px;
color: #00a98f;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
}
.pro-fight-erosion-headline-richtext {
background-color: #1b3059;
padding: 20px;
}
.pro-faq-sub-head-richtext p strong {
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.02em;
color: #1b3059;
}
.pro-faq-sub-head-richtext {
padding: 27px 0px 41px 0px;
}
.pro-faq-box-four .accordion-content-wrapper .richText ul li:before {
content: "\2022";
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: 15px;
position: absolute;
font-size: 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 2px #323131; */

list-style: none;
padding: 0;
margin: 0;
}
/* line 10, ../../sass/components/accordion/_accordion-base.scss */

.accordion-head a,
.accordion-head a:hover {
color: #1b3059;
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.02em;
/* font-weight: bold; */
font-size: 24px;
line-height:28px;
}
.accordion-content-wrapper p,
.accordion-content-wrapper .richText ul li {
font-size: 16px;
line-height: 21px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
color:#878a8f;
}
.accordion-content-wrapper .richText ul li:before {
content: "\2022";
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: 11px;
position: absolute;
font-size: 20px;
}
.pro-faq-heading-richtext {
margin-top: 45px;
}
.pro-faq-heading-richtext h1 {
line-height: 35px;
}
.accordion-head {
display: block;
color: #1b3059;
font-size: 20px;
padding-bottom: 10px;
background-color: #f6f6f6;
padding:9px 10px 8px 55px;
margin: 0;
color: #939191;
/* border-top: 2px solid black; */

font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
}
.accordion-container li {
padding: 15px 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:18px 0;
}
/* 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: #939191; */

color: white;
}
/* line 51, ../../sass/components/accordion/_accordion-base.scss */

.mod-js .accordion-slide.is-active > .accordion-head:hover {
background-color: #fff;
}
/* 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;
height: auto !important; /* SIT Fix on Nov 24 */
overflow: auto;
}
/* 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;
border-bottom: 1px solid #d2d1d1;
margin-bottom: 0;
position: relative;
}
/* line 89, ../../sass/components/accordion/_accordion-base.scss */
.mod-js .accordion-slide{position:relative;}
.mod-js .accordion-slide .accordion-head a:after{
    content: " ";
    float: right;
    background: url(../../assets/img/open-ac.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 15px;
       top: 50%;
    cursor: pointer;
    transform: translate(0,-50%);
    background-size:90%;
	-webkit-transform: translate(0,-50%); /* SIT fix on Nov 24 */
   

}
/* line 98, ../../sass/components/accordion/_accordion-base.scss */

.mod-js .accordion-slide.is-active > .accordion-head {
cursor: default;
background-color:#fff;
}
/* line 100, ../../sass/components/accordion/_accordion-base.scss */

.mod-js .accordion-slide.is-active .accordion-head a:after  {
   content: " ";  
    background: url(../../assets/img/close-ac.png);
    width: 18px;
    height: 1px;
    position: absolute;
    left: 15px;
    top: 50%;
    cursor: pointer;
    transform: translate(0,-50%);
	}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.mod-js .accordion-slide.is-active > .accordion-head{
border:none;
border-bottom:1px solid #d2d1d1;
}
.pro-faq-box-one li h3.accordion-head a,
.pro-faq-box-two li h3.accordion-head a,
.pro-faq-box-three li h3.accordion-head a ,
.pro-faq-box-four li h3.accordion-head a,
.pro-faq-box-five li h3.accordion-head a,
.pro-faq-box-six li h3.accordion-head a,
.pro-faq-box-seven li h3.accordion-head a{
    font-size: 22px;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.mod-js .accordion-slide .accordion-head a:after{
    content: " ";
    float: right;
    background: url(../../assets/img/open-ac.png);
    width: 24px;
    height: 24px;
    position: absolute;
    left: 15px;
       top: 50%;
    cursor: pointer;
    transform: translate(-25%,-50%);
	-webkit-transform: translate(-25%,-50%);
background-size:100%;
}
.pro-faq-whole-box .accordion-container li {
   padding: 0px 0px 0px 0px;
    margin-bottom: 23px;
   border-bottom-right-radius: 50px;
}
.pro-faq-whole-box .accordion-container li .accordion-slide.is-active{
border-bottom:none;
}
.pro-causes-of-aciderosion-richtext-two {
padding-bottom: 30px;
}
.pro-causes-of-aciderosion-mob-tsr-box {
background: url(../../assets/img/curve.png);
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}


.pro-causes-of-aciderosion-richtext-two h2{ font-size:20px; line-height:24px;}
.pro-preventing-aciderosion-richtext h1, .pro-how-to-brush-banner-richtext h1, .pro-fresh-berries-richtext h1, .pro-prevent-richtext-one h1, .pro-causes-of-aciderosion-richtext-one h1, .pro-flouride-box-one h1, .pronamel-us-abt-enamel-box-one h1, .pro-aciderosion-childteeth-richtext h1, .pro-pronamel-science-richtext-one h1, .pro-why-pronamel-content-box h1, .pronamel-us-accessibility-richtext .richText-content h1, .pronamel-us-tooth-enamel-whole-box h1, .pronamel-us-caring-richtext-one h1 {
margin-top: 30px;
margin-bottom: 26px;
color: #1b3059;
font-size: 28px;
line-height: 28px;
}
.pro-faq-sub-head-richtext {
	padding: 0px 0px;
}
.pro-faq-sub-head-richtext p strong {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 24px;
	line-height: 25px;
	letter-spacing: 0.02em;
	color: #1b3059;
}
.accordion-head {
	display: block;
	color: #1b3059;
	font-size: 16px;
	padding-bottom: 10px;
	background-color: #f6f6f6;
	padding: 10px 0px 10px 10px;
	margin: 0;
	color: #939191;
	/* border-top: 2px solid black; */
	
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.mod-js .pro-causes-of-aciderosion-accordion .accordion-head, .mod-js .pro-faq-whole-box .accordion-head {
cursor: pointer;
border: 1px solid #d2d1d1;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-position:2% 45%;
background-repeat: no-repeat;
padding: 15px 0px 15px 45px;
text-align: left;
width: 85%;
border-radius: 0px 0px 30px 0px;
}
.pro-causes-of-aciderosion-accordion .accordion-slide.is-active > .accordion-head, .pro-faq-whole-box  .accordion-slide.is-active > .accordion-head{
/* background: url(../../assets/img/close-ac.png); *//*nm-dt-7060*/
background-repeat: no-repeat;
background-position: 3% 25px;
/* border: 1px solid #c0bebe; */
border-radius: 0;
margin-bottom:0px;

}
li.accordion-slide.is-active {
    border: 1px solid #d3d3d3;
}
.mod-js .accordion-slide.is-active > .accordion-head:hover {
background-color: #fff;
border:none;
 width: 83%; /*nm-dt-7060*/
}
.mod-js .accordion-slide.is-active > .accordion-content-wrapper{  
/* border: 1px solid #c0bebe; */ /*nm-dt-7060*/
border-top: 1px solid #c0bebe !important;
border-top: none;
/* margin-bottom: 30px; */ /*nm-dt-7060*/
border-radius: 0px 0px 20px 0px;
overflow: hidden;}
}/* 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;
}