QXKPG0lpbAB/Irm93hLC4pLTPqbGmfMzysUIg7Q/RHGSnzsAbDEzFqL1hOzdKrmLDIFMIcD0tfV+29Zff8qrGXzplzydhBv3/i6Xf3LZh8wZXxafMXXjMtL3/RdakFrTdQ+ZzJ5zdVDC0OBXKjZ80ZdccTT20afu64YeVyXl6g5qz6xIQHp0w970FO79Izp4VZpsWgU8/XLUGnYbaYuNliiTOt6uOFcXoGwWcUxinOeNLHCmJ8aLYEDLPFywtesoOhQK0Y8ZZua//oo0WLZ227YSQFy4Uu1ja3ac9u2mTbL4286dfL6GV6DALkG+HyzcRkc7d80wumnLpBj/INzTzVpJePZxcJ8ZFCPQpYkHPhJl22tWvOdnrMkGtCfhdLIAj5hn8ssNx1qR5TIVT3j9NlHeYeDnH4XVpDY+9qcw9KpAuc107DlzcTuI6THNCrGKw2hwxaBS+XoqLUMyDh6RbUnu6AxG+/GNlPQGL0FzfjWZMi1qpUsMI5t2o3nTIpjr2797/Cv1RstbAprcDWbtWE30nwh0P45VTJZO0VzEDLANlzlE0Q4Vtk0szacCzTROeU+acOGn6r488H/9zxlvZ8+7Fj7bBqq/ANvjqJ8HZXXTqWIX4E6+8Zy6DfHcvIN2IZK7QnP/38b3/SnqDLj2nfaP8Usunn2i46Qcvu+hz5RJdLIGGRN4pRb2OlL0YGDPMaDC7UR8lsZk1ne/WUZHfECpM4oTgzBDHUKxJWIqBYvUm3L58F+EyYZ83RvUCPEcMSQJoa5iyvPWtqP71sZfuZ13b8qeGT89YtuSd61wVoLdJjnLUe2CJEOuXXtVO/2Lx8zTWJ2qHAdUT3EcRZAH+veAn9wfGSKiHcdVo0d30oJNqEW9vauu5t43iZK1SYPiNDySSs4005ebEBiaWG6lUG9THFdDgpYPl8XM0GyzBUWIKHWDmfjVVLeY08mqWaQuDADfXCCUAD1gOB7BFD9bVmEEig+SJYGo81ANLZtN4tBbJRKjUttI+67MbpYckdKY format('woff'); font-weight: normal; font-style: normal; } .coversParentContainer { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 2; cursor: pointer; } /*nav*/ #spring_awakening_nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #spring_awakening_nav ul li { display: inline; } #spring_awakening_nav ul li a { color: #a8a8a8; text-align: center; text-decoration: none; padding: 0 4em; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; } #spring_awakening_nav li a.main_feature:hover { text-decoration: underline; } #spring_awakening_nav li a.skin_green:hover, #spring_awakening_nav li a.skin_green.lp_current { color: #99c200; text-decoration: none; } a.lp_current { cursor: default; } #spring_awakening_nav li a.skin_orange:hover { color: #e64b05; text-decoration: underline; } #spring_awakening_nav li a.skin_blue:hover { color: #00b4c3; text-decoration: underline; } #spring_awakening_nav li a.skin_purple:hover { color: #6d66a4; text-decoration: underline; } #responsive_nav { display: none; } .green_line { border-top: 1px #c1cb9e solid; margin: 1.5em 0; } /*hjältebild*/ #lp_wrapper { width: 100%; max-width: 980px; overflow: visible; font-size: 10px; margin: 0 auto; position: relative; text-align: center; } #lp_wrapper div#skin_header { text-align: center; position: relative; } #lp_wrapper .img_desktop { display: block; } #lp_wrapper .img_mobile { display: none; } #lp_wrapper .img_mobile_hero { display: none; } #lp_wrapper #skin_header .header_mobile { display: none; } #lp_wrapper #skin_header .header_mobile { color: #99c200; font-size: 4em; font-family: nordique_prolight,"Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 0,3em; } #lp_wrapper #skin_header .copy_holder_hero { left: 3%; top: 7%; position: absolute; text-align: center; width: 29%; } #lp_wrapper #skin_header .copy_holder_hero h2.title { font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 4.5em; color: #ffffff; radhöjd: 1,1em; } #lp_wrapper .copy_holder_hero a.lp_cta_text { text-align: center; marginal: 0; färg: #ffffff; text-decoration: underline; display: inline-block; font-size: 2em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } /*main content*/ #products { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; -webkit-flex-align: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #products #why_space_loves { width: 50%; display: block; padding: 0; border-right: 1px #c5c5c5 solid; margin-top: 0.5em; } #products #why_space_loves .copy_holder h2 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3em; padding-top: 1em; color: #99c200; } #products #why_space_loves .background_holder { position: relative; display: block; width: 100%; } #products #why_space_loves .background_holder .img_mobile { display: none; } #products #why_space_loves .copy_holder p.main_para { padding: 0 2,5em; färg: #000000; font-size: 1.6em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #products #why_space_loves .copy_holder p.main_para .product_link { text-decoration: underline; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #products #why_space_loves .copy_holder_inner { left: 60%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 70%; text-align: left; } #products #why_space_loves .copy_holder_inner p.heading { color: #99c200; margin-bottom: 0; font-size: 1.8em; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; } #products #why_space_loves .copy_holder_inner p { color: #000000; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; } #products #why_space_loves .copy_holder_inner a { text-decoration: underline; } #products #top_reviewed { width: 50%; margin: 0 auto; padding: 0; margin-top: 0.5em; position: relative; } #products #top_reviewed h2 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3em; padding-top: 1em; color: #99c200; } #top_reviewed button.slick-prev.slick-arrow { padding: 0 4em; } #top_reviewed button.slick-next.slick-arrow { padding: 0 4em; } .content-asset .slick-slide img { margin-top: 12%; } /*interview*/ #skin_interview { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; -webkit-flex-align: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 2em; } #skin_interview #barbara_img { width: 50%; margin: 0 auto; padding: 0; } #skin_interview #barbara_interview .img_mobile { display: none; } #skin_interview #barbara_interview { width: 50%; margin: 0 auto; padding: 0; } #skin_interview #barbara_interview .copy_holder.full_interview { text-align: left; margin-left: 2em; margin-top: 0; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h3 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 1.8em; margin: 0; text-align: left; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h2 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 2.5em; padding-top: 0.5em; text-align: left; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h4 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 1.6em; margin-bottom: 1,2em; text-align: left; } #skin_interview #barbara_interview .copy_holder.full_interview, p.green_copy { color: #99c200; margin-bottom: 2em; margin-top: 0.4em; font-size: 1.3em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #skin_interview #barbara_interview .copy_holder.full_interview p#full_interview_cta { color: #000000; text-decoration: underline; cursor: pointer; font-size: 1.5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #skin_interview #barbara_interview .img_mobile_modal { display: none; } #lp_wrapper .read_more_cta { display: none; } .product_link { text-decoration: underline; } /*pop up box*/ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 2; /* Ligger överst */ left: 0; top: 0; width: 100%; /* Full bredd */ height: 100%; /* Full höjd */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0,0.4); /* Black w/ opacity */ } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; padding: 0.2em 0.4em; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .modal-body { padding: 2px 16px; } .modal-footer { padding: 2px 16px; background-color: #ffffff; color: #000000; } .modal-footer h3 { color: #000000; text-decoration: underline; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; } .modal-content { position: relative; background-color: #ffffff; marginal: auto; stoppning: 0; topp: 22,5%; kant: 1px solid #888; width: 51.5%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } .modal-content img { width: 40%; display: inline; float: left; padding: 1em; } .modal-content .question { color: #000000; font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 0; margin-top: 0.5em; font-size: 1.8em; } .modal-content p { color: #000000; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-size: 1.6em; } .overlayed { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffffff',GradientType=0 ); } #lp_wrapper .slider_container { width: 60%; margin: 0 auto; } #lp_wrapper .bottom_carousel { margin-top: 5%; } #lp_wrapper .bottom_carousel h2 a { text-align: center; color: #99c200; font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; } #lp_wrapper .bottom_carousel h2 a:hover { text-decoration: none; } .back_to_top { text-decoration: underline; padding-top: 2.5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; cursor: pointer; display: none; } /*r*/ @media (max-width: 1366px) { .modal-content { width: 72%; } } @media (max-width: 1024px) { .modal-content { width: 75%; } } @media(max-width: 768px) { #spring_awakening_nav ul li a { padding: 0 2em; } #lp_wrapper #skin_header .copy_holder { top: 10,5%; left: 7,5%; } #lp_wrapper #skin_header .copy_holder_hero { width: 35%; } #products #why_space_loves .background_holder { margin-top: 2em; } #products #why_space_loves .copy_holder_inner p { margin-bottom: 0; } #products #why_space_loves .copy_holder_inner { vänster: 60%; bredd: 70%; topp: 50%; } } @media (max-width: 767px) { #spring_awakening_nav { display: none; } #responsive_nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #responsive_nav .lp_cta_text_nav { text-dekoration: ingen; färg: #a8a8a8; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; } #responsive_nav .nav_left:before { content:'\003c'; padding-right: 1em; } #responsive_nav .nav_right:after { content:'\003e'; padding-left: 1em; } .green_line { margin: 0.5em 0 2em 0; } #lp_wrapper .img_desktop { display: none; } #lp_wrapper .img_mobile_hero { display: block } #lp_wrapper .img_mobile { display: block; } #lp_wrapper #skin_header .header_mobile { display: block; margin: 0 auto; } #lp_wrapper #skin_header .copy_holder_hero { position: relative; padding: 1.5em; margin: 0 auto; display: inline-block; width: 100%; left: 0; } #lp_wrapper #skin_header .copy_holder_hero h2.title { display: none; } #lp_wrapper .copy_holder_hero a.lp_cta_text { color: #99c200; } #products #why_space_loves .copy_holder h2 { padding-top: 0; } #products #why_space_loves { width: 100%; border-right: none; border-bottom: 1px #c5c5c5 solid; } #products #top_reviewed { width: 100%; margin-top: 0; } #products #why_space_loves .copy_holder_inner { display: none; } #products #why_space_loves .copy_holder p.main_para { padding: 0; } #skin_interview { padding-top: 0; } #skin_interview #barbara_img { display: none; } #skin_interview #barbara_interview { width: 100%; } #skin_interview #barbara_interview .copy_holder .img_mobile { display: block; } #skin_interview #barbara_interview .copy_holder.full_interview { text-align: center; margin: 0 auto; padding-top: 1em; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings { background-color: #c9dc9a; utfyllnad: 1em 0; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h2 { text-align: center; color: #ffffff; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h3 { text-align: center; color: #ffffff; } #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h4 { text-align: center; color: #ffffff; margin-bottom: 0; } #skin_interview #barbara_interview .copy_holder.full_interview, p.green_copy { margin-top: 1em; margin-bottom: 1em; färg: #000000; width: 95% } #skin_interview #barbara_interview .copy_holder.full_interview p#full_interview_cta { display: none; } #skin_interview #barbara_interview .img_mobile_modal { display: block; } #lp_wrapper .read_more_cta { display: inline-block; margin: 0 auto; border: 1px #99c200 solid; stoppning: 0,8em 2em 0,5em; margin-top: 1em; text-decoration: none; } #lp_wrapper .read_more_cta a { color: #99c200; font-size: 1.5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #lp_wrapper .slider_container { padding-bottom: 4em; } #myModal { position: relative; display: block; height: 200px; background-color: transparent; overflow: hidden; } .modal-content { width: 100%; box-shadow: none; border: none; top: 5%; } .modal-content p, .modal-content p.question { text-align: center; } .modal-content img, .modal-content span.close { display: none; } .overlayed { display: block; } #lp_wrapper .bottom_carousel { margin-top: 13%; } .back_to_top { display: block; } } @media(max-width: 375px) { #skin_interview #barbara_interview .copy_holder.full_interview .interview_headings h2 { font-size: 2.5em; } #lp_wrapper #skin_header .header_mobile { font-size: 3.5em; } }; }