.wrapper{height:770px}.wrapper img.square{width:130px;height:130px}.wrapper img.square.one{top:17%;left:5%}.wrapper img.square.two{left:20%;top:12%}.wrapper img.square.four{left:32.5%;top:14%}.wrapper img.square.seven{left:16%;top:50%}.wrapper img.square.eight{left:39.5%;top:52%}.wrapper .side-nav{position:absolute;bottom:35%;right:0px;text-align:right;background:rgba(229,239,250,0.85);width:42px;height:auto;overflow:hidden;cursor:pointer}.wrapper .side-nav .nav-icon{width:32px;height:32px;overflow:hidden;float:right;margin-top:7px;margin-right:3px;cursor:pointer}.wrapper .side-nav ul{padding:0px 15px 15px 15px;list-style-type:none}.wrapper .side-nav ul li{display:block;position:relative;padding-top:15px;padding-bottom:15px}.wrapper .side-nav ul li:before{display:none}.wrapper .side-nav ul li a{font-size:15px;line-height:18px;padding-right:28px;color:#666;display:none;float:left;position:relative}.wrapper .side-nav ul li span.point{background:#666;width:10px;height:10px;border-radius:50%;content:'';display:inline-block;position:absolute;right:0;top:17px}.wrapper .side-nav ul li:hover .point{background:#333}.wrapper .side-nav ul li:hover a{color:#333;font-weight:500}main .content{margin:0 4.3% 0 1.96%}main .content h1{font-size:35px;line-height:40px;font-family:minion-pro, serif;font-style:italic;margin:33px 0 0}main .content .strategic_framework{margin-top:33px;margin-bottom:50px}main .content .strategic_framework .strategy{margin:33px 0 0;overflow:hidden}main .content .strategic_framework .strategy:first-child{margin-top:0px}main .content .strategic_framework .strategy p{width:31%;float:right;margin-bottom:33px}main .content .strategic_framework .strategy ul{width:31%;float:right}main .content .strategic_framework .strategy ul li{list-style-type:disc;margin-left:1em;position:relative;padding-left:0.5em;font-size:16px;line-height:21px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;top:5px;margin-bottom:10px}main .content .strategic_framework .strategy ul li.extracontent{list-style-type:none;margin-left:0em;padding-left:1.5em;color:#06c}main .content .strategic_framework .strategy ul li.extracontent:hover{text-decoration:underline;cursor:pointer}main .content .strategic_framework .strategy ul li.extracontent:before{content:"";background:url("../../img/navigate_blue.png") no-repeat;background-size:12px 15px;background-position:0px 7px;width:12px;height:22px;position:absolute;left:-4px;margin-right:15px;display:inline-block;top:-4px}main .content .strategic_framework .strategy ul li.extracontent.rotate:before{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);top:4px}main .content .strategic_framework .strategy ul li:before{display:none}main .content .strategic_framework .strategy .image{width:66%;height:303px;float:left;position:relative;background-size:100%;background-repeat:no-repeat}main .content .strategic_framework .strategy .more_content{position:absolute;width:75%;right:0px;top:0px;height:100%;background:rgba(255,255,255,0.7);padding:5px 50px;display:block;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}main .content .strategic_framework .strategy .more_content.show{opacity:1}main .content .strategic_framework .strategy .more_content .closecontent{position:absolute;top:0px;right:5px;width:20px;height:20px;cursor:pointer;color:#06c}main .content .strategic_framework .strategy .more_content .headline{display:block;font-size:30px;line-height:45px;font-family:minion-pro, serif;font-style:italic}main .content .strategic_framework .strategy .more_content p{width:100%;float:none;margin-bottom:10px;font-size:14px}main .content .strategic_framework .strategy .more_content p strong{color:#06c;display:block;font-size:14px}main .content .strategic_framework .strategy .title{float:left;display:inline-block;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em;background:#ee750d;padding:0.5em;padding-left:0.7em;padding-right:0.7em;font-size:24px;font-style:normal;font-family:imago-pro-roche-n4, imago-pro-roche, arial-rfb, sans-serif;font-weight:bold;color:#fff;position:absolute;bottom:25px}main .content .strategic_framework .strategy.hcp .image{background-image:url("../../img/strategic_framework/hcp.jpg")}main .content .strategic_framework .strategy.hcp .title{background:#7474BA;border:1px solid #7474BA}main .content .strategic_framework .strategy.patient .image{background-image:url("../../img/strategic_framework/patient.jpg")}main .content .strategic_framework .strategy.patient .title{background:#06c;border:1px solid #06c}main .content .strategic_framework .strategy.researcher .image{background-image:url("../../img/strategic_framework/researcher.jpg")}main .content .strategic_framework .strategy.researcher .title{background:#c03;border:1px solid #c03}main .content .strategic_framework .strategy.patient .title{background:#06c;border:1px solid #06c}main .content .strategic_framework .strategy.participant .image{background-image:url("../../img/strategic_framework/participant.jpg")}main .content .strategic_framework .strategy.participant .title{background:#ee750d;border:1px solid #ee750d}main .content .strategic_framework .strategy.payer .image{background-image:url("../../img/strategic_framework/payer.jpg")}main .content .strategic_framework .strategy.payer .title{background:#096;border:1px solid #096}.framework-banner-container{margin:0 4% 0 4%;padding:130px 100px 100px 100px;position:relative}.framework-banner-container .framework-banner{width:100%;max-width:750px;margin:0 auto}.framework-banner-container .square{opacity:1;background:transparent;width:140px !important;cursor:pointer}.framework-banner-container .square.one{top:19%;left:10%;-webkit-box-shadow:5px 5px 7px 0px rgba(116,116,186,0.7);-moz-box-shadow:5px 5px 7px 0px rgba(116,116,186,0.7);box-shadow:5px 5px 7px 0px rgba(116,116,186,0.7)}.framework-banner-container .square.seven{left:17.5%;top:auto;bottom:9%;-webkit-box-shadow:5px 5px 7px 0px rgba(204,0,51,0.5);-moz-box-shadow:5px 5px 7px 0px rgba(204,0,51,0.5);box-shadow:5px 5px 7px 0px rgba(204,0,51,0.5)}.framework-banner-container .square.two{left:27%;-webkit-box-shadow:5px 5px 7px 0px rgba(0,102,204,0.5);-moz-box-shadow:5px 5px 7px 0px rgba(0,102,204,0.5);box-shadow:5px 5px 7px 0px rgba(0,102,204,0.5)}.framework-banner-container .square.four{top:10%;left:48%;-webkit-box-shadow:5px 5px 7px 0px rgba(238,117,13,0.5);-moz-box-shadow:5px 5px 7px 0px rgba(238,117,13,0.5);box-shadow:5px 5px 7px 0px rgba(238,117,13,0.5)}.framework-banner-container .square.eight{left:35%;top:auto;bottom:0;-webkit-box-shadow:5px 5px 7px 0px rgba(0,153,102,0.5);-moz-box-shadow:5px 5px 7px 0px rgba(0,153,102,0.5);box-shadow:5px 5px 7px 0px rgba(0,153,102,0.5)}@media (max-width: 768px){main .content .strategic_framework .strategy .image{height:215px}}@media (max-width: 480px){main .content .strategic_framework .strategy .image{width:100%;height:150px;float:none}main .content .strategic_framework .strategy p{float:none;width:100%;margin-top:33px}main .content .strategic_framework .strategy ul{width:100%;float:none}}