* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html	{height:100%;}
body 	{height:100%; line-height:1; font-family:'berlingske_sans_roundlight', sans-serif;}
form	{height:100%;}

::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

h1		{color:#4d5357; font-size: 28px; margin-top: 40px; font-family:'berlingske_sans_roundlight', sans-serif; font-weight: normal; line-height: 1.1em; margin-bottom: 0.5em;}
p		{color:#4d5357; font-size:15px; line-height: 1.4em; margin-bottom: 1em}

p.intro	{font-size:15px; font-family:'berlingske_sans_roundmedium', sans-serif;}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block;}

.wrapper	{position:relative; width:100%; height: 100%; min-height: 768px;}

/** MAP **/
.map-table		{width:calc(100% - 475px); background-size: contain; background-repeat: no-repeat; position: absolute; right: 0; top: 0; z-index: 1; padding: 100px 0px 0px;}
.map-cell		{width:100%; vertical-align: middle; }

/* PAGE STYLES */

.left-panel-container	    {width:475px; min-height:100%; /*max-height:100%;*/ position: absolute; left: 0; top: 0; padding: 36px; background-color: #f3f4f5; box-shadow: 5px 0 20px rgba(0,0,0,0.2); z-index: 2}
.left-nav-panel-home	    {background-image:url(/_assets/supergraphic.jpg); background-position: top right; background-size: 186px 274px; background-repeat: no-repeat; -moz-transition:background-image .3s ease-in-out; transition:background-image .3s ease-in-out;}
.left-nav-panel-home.hidden {background-size:0px 0px;}
.left-nav-panel-home:not(.hidden) h1	{font-size: 48px; margin-top: 100px;}

.arrow-circle	{width:47px; height: 47px; border-radius: 47px; background-color: #58a618; display: block; background-image: url(/_assets/icon-chevron.png); background-size: 47px; margin-bottom: 10px;}

/** SCROLL STYLES **/
.scroll-container	{width:100%; position: relative; padding-right: 20px; margin-top:40px;}
.scroll-inner		{min-height:250px; max-height:600px; overflow-y:auto; padding-right:25px;}

.text-styles h1		{color:#4d5357; font-size: 20px; font-family:'berlingske_sans_roundmedium', sans-serif; font-weight: normal; margin-bottom: 1em;}
.text-styles h2		{color:#44ab33; font-size: 15px; font-family:'berlingske_sans_roundmedium', sans-serif; font-weight: normal; margin-bottom: 1em;}
.text-styles h3		{color:#4d5357; font-size: 14px; font-family:'berlingske_sans_roundmedium', sans-serif; font-weight: normal; margin-bottom: 1em;}
.text-styles p		{color:#4d5357; font-size: 13px; font-family:'berlingske_sans_roundregular', sans-serif; line-height: 1.4em;}

.text-styles ol,
.text-styles ul		{color:#4d5357; font-size: 13px; font-family:'berlingske_sans_roundregular', sans-serif; line-height: 1.4em; margin-left: 20px;}

.text-styles ol li,
.text-styles ul li	{margin-bottom:15px;}

.text-styles ul li.credential {position:relative;padding-right:45px; }
.text-styles ul li.credential:hover span.credential-arrow,
.text-styles ul li.credential.active span.credential-arrow {background-position:-31px 0px;}
.text-styles ul li.credential span.credential-arrow {background-image:url('/_assets/icon-credentials.png'); background-size:62px 31px; background-position:0px 0px; background-repeat:no-repeat; width:31px; height:31px; display:inline-block; position:absolute; right:0; top:0; cursor:pointer;}

.case-study-content-list                        {display:none; position:relative;}
.case-study-content-list .case-study-content    {display:none;}
.case-study-content-list .case-study-content .tag-content {display:none;}
.case-study-content-list .case-study-content .tag-content.active {display:block;}

.next-tag                   {padding:10px 15px 6px; margin-top:35px; border:1px solid #cbdbd6; padding-left:0; border-right:0; display:none; position:relative; cursor:pointer;}
.next-tag:after             {content:''; position:absolute; right: -21px; bottom: 8px; width: 41px; height: 42px; background-color:transparent; transform:rotate(45deg); border-top:1px solid #cbdbd6; border-right:1px solid #cbdbd6;}
.next-tag.active            {display:inline-block;}
.next-tag span.icon         {width:40px; height:40px; overflow:hidden; position:relative; display:inline-block; }
.next-tag span.icon img     {width: 80px; height:40px; max-width:none; position:absolute; left:0; top:0; }
.next-tag a.next-tag-click  {display:inline-block; vertical-align:top;}
.next-tag span.title        {display:inline-block; padding-top:12px; font-size:15px;}

a.close-case-study {display:none; position:absolute; top:35px; right:30px; width:24px; height:24px; background-image:url('/_assets/icon-close.png'); background-size:24px; background-position:left top; background-repeat:no-repeat;}

ul.icon-nav							{list-style:none; position:absolute; right: -36px; top: 0; font-size: 0}
ul.icon-nav	li						{margin:0; position: relative; background-color: #ffffff}
ul.icon-nav	li a					{display: inline-block;}
ul.icon-nav	li span.icon-text		{opacity: 1; visibility: visible; display: none; font-size: 13px; position: absolute; top: 0; left: 40px; white-space: nowrap; width: max-content; height: 40px; line-height: 40px; padding-left: 10px;  padding-right: 10px; color: #ffffff;}
ul.icon-nav	li a span.icon			{width:40px; height: 40px; overflow: hidden; position: relative; display: inline-block;}
ul.icon-nav	li a span.icon img		{width:80px; height: 40px; max-width: none; position:absolute; left: 0; top: 0;}

ul.icon-nav	li:hover span.icon img	{left:-40px;}
ul.icon-nav	li:hover span.icon-text	{opacity:1; visibility: visible;}
ul.icon-nav	li:hover span.icon-text		{display:block; background-color: #44ab33}
ul.icon-nav	li:hover	{background-color: #44ab33;}

ul.icon-nav li.active {background-color: #44ab33;}
ul.icon-nav li.active span.icon img	{left:-40px;}


.contacts-header		{display:none;}
.contacts-listing       {display:none;}
.contact                {margin-bottom:20px;}
.contact .col-row       {font-size:0;}
.contact .col-avatar    {display:inline-block; width:88px; height:88px; vertical-align:top; font-size:12px;}
.contact .col-avatar img {max-width:100%; width:100%;}
.contact .col-bio       {display:inline-block; vertical-align:top; width:175px; padding-left:12px;}
.contact .col-bio h2    {margin-bottom:2px; line-height:1.2em; font-size:14px;}
.contact .col-bio h3    {margin-bottom:6px; line-height:1.2em; font-size:13px;}
.contact .col-bio a     {text-decoration:none;}
.contact .col-bio a:hover {color:#44ab33;}




/** MAP ICONS **/
.controls-top-right	{position:absolute; right: 36px; top: 36px; z-index: 10}
.btn				{font-size:13px; color:#354546; position: relative; text-decoration: none; margin-left: 15px;}
.btn:before			{width:40px; height: 40px; border-radius: 40px; background-color: #f49a00; content: ''; display: inline-block; vertical-align: middle; background-size: cover; margin-right: 7px; background-repeat:no-repeat;}
.btn:hover:before	{background-color:#4d5357;}
.btn-orange:before	{background-image: url(/_assets/icon-pin.png);}
.btn-green:before	{background-color:#44ab33; background-image: url(/_assets/icon-person.png);}
.btn-grey:before	{background-color:#4d5357; background-image: url(/_assets/icon-download.png); background-size:14px; background-position:center;}

.btn-orange.active:before	{background-image: url(/_assets/icon-close-white.png);}
.btn-green.active:before	{background-color:#44ab33; background-image: url(/_assets/icon-close-white.png);}
.btn-grey:hover:before	    {background-color:#bdbdbd;}


.key 						{display: none;}

.btn-o-grey,
.btn-o-light-grey			{font-size: 12px; margin-right: 10px;}

.btn-o-grey:before			{width:30px; height: 18px; border-radius: 0px; background-color: #354646; content: ''; display: inline-block; vertical-align: middle; background-size: cover; margin-right: 5px; background-repeat:no-repeat;}

.btn-o-light-grey:before	{width:30px; height: 18px; border-radius: 0px; background-color: #919b9d; content: ''; display: inline-block; vertical-align: middle; background-size: cover; margin-right: 5px; background-repeat:no-repeat;}





/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}


/* MOBILE STYLES */
@media (max-width: 1200px) 
{
    
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */
}

@media (max-width: 960px) 
{
    
}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */
}

@media (max-width: 640px) 
{
  
}

@media (max-width: 414px) 
{
    /* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
}

@media (max-width: 375px) 
{
    /* IPHONE 6 */
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}