ARpBnRoCfR5EzQi2jTKO7BI3imLgKvgETzPG9a9UlJ0tlcJcV9dDjPKyNAzFcTzJMI49IYl7abn30iR9XJVVah7xI/V3nKf1Z9ipF/2UfesrpO3rIKrlfZ3KXus1hj7yn08ZTNZ4L0tSWadeC6E59NfpOA5Ct1KNHa5GPp2ovnr3O9m2gp16vgbZTVya16E1Ia5y3Ue6jH03cvks3l88P0zyNqJnFXOXdtZZ5vuCPEaJfRriQj9S1I3byh+Qipb0HqZjUHqTtIfYsE7Fijy0TGFcau6C+UFO2B15DXcfcyJcaxhmstxVA3g9GzwALsI0BPiJ5yacTY6LhRYByrmLcVLeUGRt1IDjiWlh7eRmadxcjH/FnL9OdI4ipvFXfNgoORegNtN8Hn7d59zLJA7/b+G47ugv88n/98eL+eXaBImtp3MP47Fmav9Kkp9mn4gDu+itMbe+eSgWVGoGOr9obLPnw+hzv7Wm6LdQBt5LbIrBKZ7dBhlvOPLOdRi62EazPSRIRkvRpp3crqv0YTt3vrrBwf5nMZ7e+xWnKd2cv9WY2+IvHZkuKSY2/ZTXpN9BaubqX117TcDmJaut+u4qjJKnL0amYbxdUvwHX0GGmYO39FHbv7tjoz3A3G83mSXad2tjLmeYd6fXRmJY7qBrMP+rZQbuwVLTly2m7PnTwPMiIfeS6HWwduFzL6L0oWjzyXW11fSrvxfMPjz2k3NI9Gv1Gat+uNaKgu3Ybe34C76buH+WvpDVl6H2D8vp6RVrM+OZiuY526PL3PXBtsDlT7DJWB/RRDfQkUF6EFx1IX9cIQFL6IRTpYZAmSq4SSt6FgheZKtvFkNW+Ymh+0jRv7jtp2vm/bxXvZdjZW6qh5x9rbW42VOr4dhZi5UNk9kexqLNXxbWojkv3Qejj6QZpGemGkZDw+ZO0s2eTO0OdabQ7ljhGWS8dyZvLiBB2N1cbiQoCZqrkK0T4KOx6NP40zGQufVsNDTfyqHC62QXm+KFdl3DnKajdCVDD+MZq9xh format('woff'); font-weight: normal; font-style: normal; } .coversParentContainer { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; cursor: pointer; } .clearsFloat { clear: both; } /*header*/ #lp_wrapper { box-sizing: border-box; font-size: 10px; position: relative; width: 100%; max-width: 980px; margin: 0 auto; padding: 1em 0; } #lp_wrapper #campaign_header .copy_holder { position: absolute; text-align: center; margin: 0 auto; padding: 1em 0 1em; bredd: 50%; topp: 11%; left: 45%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; } #campaign_header .copy_holder h4 { color: #fbe87c; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3em; } #campaign_header .copy_holder h2 { color: #ffffff; font-size: 5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0,3em 0 0,1em; } #campaign_header .copy_holder h3 { color: #ffffff; font-size: 3.5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 0,8em; } #campaign_header .copy_holder a.lp_cta_text { font-size: 2em; padding-top: 2em; color: #ffffff; text-decoration: underline; } #campaign_header .background_holder .img_mobile { display: none; } #lp_wrapper #body_text { margin: 0 auto; } #lp_wrapper #body_text p { font-family: KudryashevDisplaySans, futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #828282; font-size: 3.5em; line-height: 1.2em; text-align: center; padding: 1.8em 3em 1em 3em; } /*intervju*/ #lp_content .poppy_image { width: 47%; margin: 0 auto; padding: 1em 0; float: left; position: relative; } #lp_content .poppy_image img { display: block; width: 100%; margin: 1em auto .5em; } #poppy_interview .copy_holder { width: 47%; float: right; margin-top: 3em; } #poppy_interview .copy_holder h2, #poppy_interview .copy_holder p { line-height: 1.1em; } #poppy_interview .copy_holder .poppy_on { font-family: KudryashevDisplaySans, futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f6aeb2; font-size: 3em; margin: 0 auto; margin-bottom: 0,2em; } #poppy_interview .copy_holder .question { font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; margin: 0 auto; font-size: 2em; } #poppy_interview .copy_holder .answer { font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; margin-bottom: 1,2em; font-size: 2em; } .content_row#lp_content { border-bottom: 1px #a1a1a1 solid; stoppning-botten: 3em; } /*product*/ #mornin_sunshine.copy_holder { width: 39%; float: left; margin: 4em 0 0 5em; textjustering: mitt; stoppning: 2,5em 1em; } #mornin_sunshine_product .product_image { width: 44%; margin: 0 auto; margin-right: 2,5em; padding: 1em; float: right; position: relative; } #mornin_sunshine_product .product_image img { display: block; width: 100%; margin: 1em auto .5em; } #mornin_sunshine.copy_holder h2 { font-family: KudryashevDisplaySans, futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7d7d7d; font-size: 3em; line-height: 1.2em; text-align: center; margin-bottom: 0,2em; } #mornin_sunshine.copy_holder h3 { font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2,5em; text-transform: none; line-height: 1,1em; color: #7d7d7d; margin-bottom: 1em; } #mornin_sunshine.copy_holder a.lp_cta_text { color: #f6aeb2; font-size: 2.5em; text-decoration: underline; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } .content_row#mornin_sunshine_product { padding-top: 3em; } /*carousel*/ .lipstick_queen_carousel { text-align: center; } .lipstick_queen_carousel .holds_border { border-top: 1px solid #a1a1a1; width: 100%; margin: 4em auto 0; position: relativ; topp: 1,5em; text-align: center; } .lipstick_queen_carousel .holds_border h2 { position: relative; display: inline-block; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; top: -1.5em; bakgrundsfärg: #ffffff; padding: 1em .8em; margin: 0; font-size: 2em; text-transform: uppercase; color: #000000; } .ui-tabs:after, .ui-tabs:before { background: none; } /*r*/ @media (max-width: 1366px) { #lp_wrapper #body_text p { padding: 1.8em 3em 1em 3em; } #poppy_interview .copy_holder .question { font-size: 2em; } #poppy_interview .copy_holder .answer { font-size: 2em; margin-bottom: 1,3em; } } @media (max-width: 768px) { #lp_wrapper #body_text p { padding: 1.8em 2em 1em 2em; } #campaign_header .copy_holder { top: 9,5%; } #poppy_interview .copy_holder .poppy_on { font-size: 2em; } #poppy_interview .copy_holder .question { font-size: 1,6em; } #poppy_interview .copy_holder .answer { font-size: 1,6em; margin-bottom: 1em; } #lp_content .poppy_image { width: 49%; } #mornin_sunshine.copy_holder { width: 47%; float: left; margin: 3em 0 0 3em; text-align: center; padding: 1.5em 0; } #mornin_sunshine_product .product_image { margin-right: 0; padding: 0; } .slick-next, .slick-prev { padding: 3em; } } @media (max-width: 767px) { #lp_wrapper #body_text p { padding: 1.8em 2em 1em 2em; } #campaign_header .copy_holder { top: 9,5%; } #poppy_interview .copy_holder .poppy_on { font-size: 2em; } #poppy_interview .copy_holder .question { font-size: 1,6em; } #poppy_interview .copy_holder .answer { font-size: 1,6em; margin-bottom: 1em; } #lp_content .poppy_image { width: 49%; } #mornin_sunshine.copy_holder { width: 47%; float: left; margin: 3em 0 0 3em; text-align: center; padding: 1.5em 0; } #mornin_sunshine_product .product_image { margin-right: 0; padding: 0; } } @media (max-width: 667px) { #campaign_header .background_holder .img_desktop { display: none; } #campaign_header .background_holder .img_mobile { display: block; } #lp_wrapper #campaign_header .copy_holder { position: relative; display: block; text-align: center; left: 0; /*bottom: 0em;*/ margin-top: 20%; width: 100%; } #campaign_header .copy_holder h2 { color: #f8969f; font-size: 3em; padding: 0.2em 0; margin-bottom: 0; } #campaign_header .copy_holder h3{ stoppning: 0 0 0,5em 0; marginal-botten: 0; typsnittsstorlek: 2.2em; färg: #f8969f; } #campaign_header .copy_holder a.lp_cta_text { font-size: 1.6em; color: #f8969f; padding-top: 0.5em; margin-bottom: 0; } #campaign_header .copy_holder h4 { font-size: 1.8em; color: #fbe87c; stoppning: 0; marginal-botten: 0; } #lp_wrapper #body_text p { bredd: 95%; stoppning: 0 0 1em 0; margin: 0 auto; display: block; font-size: 1.8em; } #lp_content .poppy_image { width: 100%; padding: 0 0 2em 0; } #poppy_interview .copy_holder { width: 95%; margin: 0 auto; text-align: center; float: none; } #mornin_sunshine_product .product_image { order: 1; width: 100%; } #mornin_sunshine.copy_holder { width: 95%; margin: 0 auto; display: block; float: none; padding-bottom: 0; } #mornin_sunshine.copy_holder h3 { font-size: 1.6em; } #mornin_sunshine.copy_holder h2 { font-size: 2em; } #mornin_sunshine.copy_holder a.lp_cta_text { font-size: 2em; } .content_row#mornin_sunshine_product { padding-top: 0; } /* .product_container #mornin_sunshine { order: 2 } .product_container .product_image img { order: 1 }*/ #mornin_sunshine_product { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; justify-content: flex-start; align-items: flex-start; margin-top: 0.5em; width: 100%; } .product_image { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; ordning: 1; } #mornin_sunshine { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-ordning: 2; ordning: 2; } .content_row#lp_content { stoppning-botten: 0; } .lipstick_queen_carousel .holds_border { top: 0; } div#campaign_header { margin-bottom: -30px; } }