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

/*----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:Arial, Helvetica, sans-serif; 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:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

body	    {font-family:'berlingske_sans_roundlight', sans-serif; color:#4d4d4f; height:100%;}
html, form	{height:100%;}

h1	        {font-family:'berlingske_sans_roundlight', sans-serif; font-weight:normal; font-size:54px; line-height:1.1em; color:#4d4d4f;}
h1 span     {display:inline-block; color:#4d4d4f;}
h2	        {font-family:'berlingske_sans_roundmedium', sans-serif; font-weight:normal;}
h3	        {font-family:'berlingske_sans_roundregular', sans-serif; font-weight:normal;}
p	        {line-height:1.4em; margin-bottom:10px; font-size:15px;}
a           {color:inherit;}

.btn-next   {position:absolute; left:370px; top: 236px}

strong      {font-family:'berlingske_sans_roundregular', sans-serif;}

.clear	        {clear:both;}
.full-width     {width:100%;}

.mobile-menu-filter, .mobile-filter-text, 
.mobile-menu-close-filter, .apply-mobile-filter,
.home-image.mobile {display:none;}

.body-copy ul, .body-copy ol        {margin:10px 0px 10px 35px;}
.body-copy ul li, .body-copy ol li  {font-size:15px;color:#4d4d4f;margin-bottom:7px;}

.gm-style-mtc {display:none !important;}

/* -- HOME PAGE -- */

.panel                              {display:block; margin-bottom:15px; width:100%;}
.panel .grid-element                {display:inline-block; width:120px; height:110px; border:1px solid #c2c2c2; margin-right:15px; margin-bottom:15px; cursor:pointer;}
.panel .grid-element .inner         {display:table; width:100%; height:100%; padding:0px 10px;}
.panel .grid-element .inner span    {display:table-cell; text-align:center; vertical-align:middle;font-size:15px; line-height:1.3em;}
.panel.panel-grid .filter-title     {display:block;}

.panel .panel-select                {}
.panel .filter-title                {display:inline-block; font-size:13px; font-family:'berlingske_sans_roundmedium', sans-serif; margin-bottom:6px;}
.panel .filter-select               {min-width:200px; display:block; border:1px solid #c2c2c2; padding:7px 31px 7px 8px; height:32px; font-family:'berlingske_sans_roundregular', sans-serif; font-size:13px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none; zoom:1;}

.home-video.desktop                 {z-index:0; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%;}

.page-wrapper {position:relative; overflow:hidden; width:100%; min-height:100%;}

/* -- GENERIC -- */

.site-content                   {display:block; padding:36px 56px 36px 56px; position:relative; z-index:2; text-align:left; min-height:100%;}
.site-content .site-logo        {margin-bottom:58px; min-height:100%;}
.site-content .site-logo img    {max-width:100%;width:100px;}
.site-content h1                {}
.site-content .body-copy        {display:block; padding-top:36px; width:465px;}

.full-width .main-image         {width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; background-color:#FFF; background-repeat:no-repeat; background-position:top right;}            

select::-ms-expand  {display:none;}

.next-arrow {width:70px;}

/* -- FOOTER -- */

.footer                         {margin-top:0px; z-index:3; text-align:center;}
.footer.grey                    {background-color:#f6f6f6; padding:15px;}
.footer p                       {font-family:"Times New Roman", serif; font-size:12px; width:730px; max-width:100%; margin-left:auto; margin-right:auto; }

.footer ul.social-media         {list-style:none; font-size:0; margin-top:30px;}
.footer ul.social-media li      {display:inline; margin:0 10px;}
.footer ul.footer-nav           {list-style:none; font-family:'berlingske_sans_roundmedium', sans-serif; font-size:17px; margin-top:125px; margin-bottom:50px;}
.footer ul.footer-nav li        {margin:0 10px; display:inline;}
.footer ul.footer-nav li a      {color:#2c4244; text-decoration:none;}

/* -- MAP -- */

.panel-introduction                         {width:415px; height:300px; position:absolute;z-index:4; left:50%; top:50%; margin-left:-212px; margin-top:-96px; padding:30px 30px; background-color:#FFF; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0px 0px 15px 0px #afafaf;}
.panel-introduction .inner                  {display:block;width:100%;height:100%;}
.panel-introduction .inner span             {font-size:23px; width:50%; display:block; line-height:1.3em;}
.panel-introduction .inner a.close-panel    {display:block; width:53px; height:52px; background:url('/_uploads/icons/icon-close-panel.png') no-repeat top left; background-size:53px; margin-top:25px;}

.map-header                 {background:#FFF; position:relative; z-index:3; width:100%; padding:18px 25px; display:table; box-shadow:0px 0px 10px 0px #afafaf;}
.map-header .v-middle       {}
.map-header a.site-logo     {display:table-cell; line-height:0;margin-right:17px;}
.map-header a.site-logo img {width:72px;}

.map-header .page-title     {display:table-cell;padding-left:17px; vertical-align:bottom; padding-bottom:4px;}
.map-header .page-title h1  {font-size:28px;}

.map-header .header-content                                     {float:right; display:inline-block; position:absolute; right:25px; bottom:27px;}
.map-header .header-content .inner                              {display:table;}

.map-header .header-content .map-filter                         {margin-left:12px; display:inline-block;}
.map-header .header-content .map-filter span.filter-title       {display:inline-block; font-size:13px; font-family:'berlingske_sans_roundmedium', sans-serif; margin-bottom:6px;}
.map-header .header-content .map-filter span.filter-title.left  {margin-left:25px;}
.map-header .header-content .map-filter select.filter-select    {max-width:250px; min-width:150px; -webkit-border-radius:0px; border-radius:0px; display:block; border:1px solid #c2c2c2; padding:7px 31px 7px 8px; height:32px; font-family:'berlingske_sans_roundregular', sans-serif; font-size:13px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none; zoom:1;}

.map-header .header-content .map-filter ul                      {list-style:none; font-size:0; padding-right:35px;}
.map-header .header-content .map-filter ul li                   {cursor:pointer; font-size: 13px; display:inline-block; padding:10px 0px 8px 25px; margin-left:25px; background-repeat:no-repeat; background-position:bottom left; position:relative;}
.map-header .header-content .map-filter ul li span              {position:relative; top:5px;}
.map-header .header-content .map-filter ul li.inactive          {opacity:0.4;}

.no-markers     {display:none; position:absolute; z-index:3; right:0px; padding:10px 5px; width:100%; background:#f7f7f7; text-align:right; border-top:1px solid #eaeaea;}
.no-markers p   {margin-bottom:0px;font-size:13px;}

.map-wrapper    {width:100%; display:block; height:100%; position:absolute; top:0px; padding-top:108px; z-index:1;}


#roadmap        {width:100%; height:100%; display:block;}

.infoBox        {/*width:auto !important;*/}
.infoBox:after  {content:""; width:0px; height:0px; position:absolute; font-size:0px; line-height:0; bottom:-13px; left:0px; border-right:13px solid transparent; border-top:13px solid transparent;}
.infoBox img    {display:none;}

.google-info-box {display:block; padding:10px 15px; max-width:328px;}
.google-info-box span {color:#FFF; font-size:13px; font-family:'berlingske_sans_roundlight', sans-serif; display:block; line-height:1.2em;}
.google-info-box span.marker-title-large {font-size:15px; margin-bottom:5px; font-family:'berlingske_sans_roundregular', sans-serif;}

#mapcontent                         {display:none; position:absolute; left:-525px; top:108px; z-index:2; background:#FFF; width:525px; height:500px; box-shadow:0px 0px 10px 0px #afafaf;}

a.map-popup-close                   {width:16px; height:16px; background:url('/_assets/icon-close-popup.png') no-repeat; position:absolute; top:17px; right:10px; background-size:16px; }
a.map-popup-close.white             {background:url('/_assets/icon-close-popup-white.png') no-repeat; background-size:16px;}

.filter-bar         {display:none; height:50px; background:#2c4345; width:100%; position:relative; padding:17px 25px 0px 25px;}
.filter-bar span    {font-size:13px; font-family:'berlingske_sans_roundmedium';}

.filter-bar span.parent-filter {color:#FFF;}
.filter-bar span.child-filter.no-parent {color:#FFF;}

.filter-bar span.child-filter {color:#acb6b8;}


.marker-content                     {padding-left:25px; padding-top:52px; width:435px;}
.marker-content .marker-title       { }
.marker-content .marker-title h2    {font-size:28px; font-family:'berlingske_sans_roundlight', sans-serif; margin-bottom:8px; line-height: 1.2em;}
.marker-content .marker-title h3    {font-family:'berlingske_sans_roundmedium', sans-serif; font-size:17px;}

.marker-content .marker-copy        {margin-top:25px;overflow:hidden;/*height:250px;*/}
.marker-content .marker-copy p      {font-family:'berlingske_sans_roundregular', sans-serif;}

.marker-content .marker-copy .next-tab      {margin-top:25px;}
.marker-content .marker-copy .next-tab a    {display:inline-block; padding:14px 13px 13px 45px; border:1px solid #c2c2c2; text-decoration:none; font-size:13px; background-size:20px; background-repeat:no-repeat; background-position:10px center;}

.marker-content .content-container          {display:none;}
.marker-content .content-container.active   {display:block;}

.marker-content .marker-copy ul, .marker-content .marker-copy ol                {margin:10px 0px 10px 35px;}
.marker-content .marker-copy ul li, .marker-content .marker-copy ol li          {font-size:15px; margin-bottom:7px;}
.marker-content .marker-copy ul li a, .marker-content .marker-copy ol li a     {color:#4d4d4f;}

.contacts-container .contact                {display:table; padding-bottom:0px; margin-bottom:25px; border:none; vertical-align:middle; position:relative;}
.contact .contact-image                     {display:block; float:left; width:96px; height:96px; overflow:hidden; border:1px solid #dfe8e6; margin-right:20px;}
.contact .contact-image img                 {width:100%;}
.contact .contact-bio                       {width:290px; max-width:290px; display:table-cell; vertical-align:top;}
.contact .contact-bio .info                 {line-height:1.31em; font-size:13px; font-family:'berlingske_sans_roundregular'; position:relative; min-height:74px;}
.contact .contact-bio span.name             {display:block; font-weight:400; margin-bottom:3px; font-size:15px; font-family:'berlingske_sans_roundmedium';}
.contact .contact-bio .info span.contact-title {display:block;margin-bottom:10px;}

.contact .contact-bio .toggle-bio {display:block; width:32px; height:32px; border-width:1px; border-style:solid; position:absolute; bottom:0px; right:0px; text-decoration:none; transition:all .28s;}
.contact .contact-bio .contact-bio-toggle {padding-top:30px; display:none; font-size:13px; font-family: 'berlingske_sans_roundregular', sans-serif;}
.contact .contact-bio .contact-bio-toggle p, .contact .contact-bio .contact-bio-toggle span, .contact .contact-bio .contact-bio-toggle a, .contact .contact-bio .contact-bio-toggle li {font-size:13px; font-family: 'berlingske_sans_roundregular', sans-serif;}
.contact .contact-bio .contact-bio-toggle ul {list-style:disc;}

.toggle-bio span        {background-color:#5d6e71; height:2px; width:16px; display:block; position:absolute;}
.toggle-bio span.ttb    {left:50%; margin-left:-8px; top:50%; margin-top:-1px; transform:rotate(90deg);}
.toggle-bio span.ltr    {left:50%; margin-left:-8px; top:50%; margin-top:-1px;}
.toggle-bio.active      {transform:rotate(90deg);}
.toggle-bio.active span.ltr  {width:0px;}

.tabs-holder                                                {position:absolute; right:0px; top:80px; z-index:3;}
.tabs-holder ul.tabs                                        {list-style:none; margin-left:0px;}
.tabs-holder ul.tabs li                                     {cursor:pointer;position:relative;line-height:0px; margin-bottom:3px;text-align:right;}

.tabs-holder ul.tabs li span.tab                            {display:inline-block; width:37px; height:37px; background-color:#e3efda; background-repeat:no-repeat; background-position:center; background-size:20px;}
.tabs-holder ul.tabs li.grey span.tab                       {background-color:#e1e5e5 !important;}
.tabs-holder ul.tabs li span.tab.active                     {/*background-color:#44ab33;*/}
.tabs-holder ul.tabs li span.tab .tab-name                  {display:none; line-height:2.9em; padding-right:10px; padding-left:40px; font-weight:400; color:#FFF; font-size:13px; font-family:'berlingske_sans_roundmedium';}

.tabs-holder ul.tabs li span.tab:hover                      {width:auto;background-position:10px center; /*background-color:#44ab33;*/}
.tabs-holder ul.tabs li.grey span.tab:hover                 {background-color:#e1e5e5 !important; width:37px; background-position:center;}

.tabs-holder ul.tabs li span.tab:hover .tab-name            {display:block;}
.tabs-holder ul.tabs li.grey span.tab:hover .tab-name       {display:none;}

.tabs-holder ul.tabs li span.tab.active:hover               {width:37px; background-position:center !important;}
.tabs-holder ul.tabs li span.tab.active:hover .tab-name     {display:none !important;}

.for-print {display:none;}
.contact	{margin-bottom:20px; }



/* -- COLOURS -- */

/* - GREEN - */
.green h1, 
.panel .filter-title.green, 
.map-filter .filter-title.green, 
.green .marker-title h2,
.green .contact .contact-bio span.name
{color:#58a618;}

.panel .grid-element.green.active, 
.panel .grid-element.green:hover {background-color:#58a618; border-color:#58a618; color:#FFF;}

.infoBox.green:after    {border-top-color:#58a618;}

.google-info-box.green      {background-color:#58a618;}

.green .tabs-holder ul.tabs li span.tab:hover,
.green .tabs-holder ul.tabs li span.tab.active  {background-color: #58a618;}

.map-filter .filter-select.green, .panel .filter-select.green {background:url('/_uploads/icons/icon-down-green.png') no-repeat 93% center; background-size:13px;}

.green .contact .contact-bio .toggle-bio {border-color:#58a618;}

/* - BLUE - */
.blue h1, 
.panel .filter-title.blue, 
.map-filter .filter-title.blue, 
.blue .marker-title h2,
.blue .contact .contact-bio span.name     
{color:#5482AB;}

.panel .grid-element.blue.active,
.panel .grid-element.blue:hover {background-color:#5482AB; border-color:#5482AB; color:#FFF;}
.infoBox.blue:after     {border-top-color:#5482AB;}

.google-info-box.blue       {background-color:#5482AB;}

.blue .tabs-holder ul.tabs li span.tab          {background-color:#e7eef7;}
.blue .tabs-holder ul.tabs li span.tab:hover,
.blue .tabs-holder ul.tabs li span.tab.active   {background-color:#5482AB;}

.map-filter .filter-select.blue, .panel .filter-select.blue {background:url('/_uploads/icons/icon-down-blue.png') no-repeat 93% center; background-size:13px;}

.blue .contact .contact-bio .toggle-bio {border-color:#5482AB;}

@media (max-width: 1024px) 
{

}


@media (max-width: 960px) 
{
    .full-width .main-image {background-size:60%;}

    .map-header                         {padding:15px; z-index:6;}
    .map-header:after                   {box-shadow:inset 0px 15px 15px -16px #afafaf; content:""; height:15px; position:absolute; bottom:-15px; left:0px; width:100%; color:#0d0f11;}
    .map-header .header-content:after   {box-shadow:inset 0px 15px 15px -16px #afafaf; content:""; height:15px; position:absolute; bottom:-15px; left:0px; width:100%; color:#0d0f11;}

    .map-header .header-content         {float:none; position:absolute; right:0px; bottom:-84px; width:100%; background:rgb(252, 253, 253); padding:15px;}
    .map-header .header-content .inner  {width:100%; text-align:center; display:block;}

    .map-header .header-content .map-filter ul li {background-position:center left;}
    .map-header .header-content .map-filter ul li span {top:0;}
    .map-wrapper {padding-top:102px;}

    #mapcontent {top:186px;}
    .map-header .header-content .map-filter {text-align:left;}
    .no-markers {top:186px;}

    .home-video.desktop {display:none;}
    .home-image.mobile {display:block; z-index:0; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background-position:top right; background-repeat:no-repeat; background-size:60%;}

    
}

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

@media (max-width: 640px) 
{
    .site-content .site-logo img {width:90px;}
    .panel {text-align:center;}
    .panel.panel-select {text-align:left;}
    .panel .filter-select {width:100%;}
    .site-content {width:100%;}
    .site-content .body-copy {width:100%;}

    .mobile-menu-filter         {display:block; width:21px; height:18px; position:absolute; top:20px; right:20px; z-index:2; background-color:#FFF; background-image:url('/_assets/icon-mobile-menu.png'); background-repeat:no-repeat; background-size:21px; background-position:center;}
    .mobile-menu-close-filter   {display:block; width:16px; height:16px; position:absolute; top:20px; right:20px; z-index:2; background-color:#FFF; background-image:url('/_assets/icon-mobile-menu-close.png'); background-repeat:no-repeat; background-size:16px; background-position:center;}


    .map-header .page-title             {vertical-align:middle; padding-right:60px;}
    .map-header .page-title h1          {font-size:22px;}

    .map-header .header-content                     {height:100%; top:0px; right:-50%; position:fixed; z-index:6; width:50%; box-shadow:0px 0px 15px 0px #afafaf; display:none; padding:50px 20px 20px 20px;}
    .map-header .header-content .inner              {text-align:left;}
    .map-header .header-content .map-filter         {display:block; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #c2c2c2; margin-left:0px;}
    .map-header .header-content .map-filter:last-child      {border:none;}
    .map-header .header-content .map-filter ul li           {margin-left:0px;width:100%;font-size:15px;background-size:14px;}
    .map-header .header-content .map-filter span.filter-title {font-size:15px;}
    .map-header .header-content .map-filter select.filter-select {max-width:100%; width:100%;}

    .mobile-filter-text {display:block; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #c2c2c2; font-size:22px; font-family:'berlingske_sans_roundmedium';}

    #mapcontent     {top:0px; width:100%; left:-100%; z-index:6;}
    .marker-content {width:93%; padding-left:15px; padding-top:135px;}
    .map-header:after {display:none;}

    .tabs-holder                {top:70px; right:auto; left:-4px; width:100%; padding:0px 20px;}
    .tabs-holder ul.tabs        {width:100%; display:block;}
    .tabs-holder ul.tabs li     {text-align:left; display:inline-block; margin-right:3px; vertical-align:top;}


    a.map-popup-close       {right:20px; background-position:center; top:20px; width:30px; height:30px; background:url('/_assets/icon-close-popup-thin.png') no-repeat; background-size:30px;}
    .apply-mobile-filter    {display:inline-block; text-decoration:none; font-size:15px; padding:10px 15px 10px 38px; background:url('/_uploads/icons/icon-glass-grey.png') no-repeat 8px center; background-size:20px; border:1px solid #c2c2c2; font-family:'berlingske_sans_roundmedium';}
    
    .contact .contact-bio .info a {word-break:break-word;}

    .contact .contact-image {width:85px; height:85px; margin-right:15px;}
    .contact .contact-image img {max-width:100%;}
    .contact .contact-bio .info span.contact-title {display:block;margin-bottom:5px;}
    .no-markers {top:102px;}

    .next-arrow {margin-bottom: 25px;}
    .marker-content .marker-title h2 {font-size:29px;}

    .footer ul.footer-nav       {margin-top:50px;}
    .footer ul.footer-nav li    {display:inline-block; width:100%; margin:5px 0px;}

}

@media (max-width: 520px) 
{
    
    h1 {font-size:42px;}
    .site-content {padding: 65% 20px 20px 20px;}
    .site-content .site-logo {margin-bottom:25px;}
    .full-width .main-image {background-size:80%;}
    .home-image.mobile { background-size:80%}

    .site-content .body-copy {padding-top:25px;}
    
    .map-header .header-content                     {width:80%; right:-80%;}

    .panel-introduction {width:85%; margin-left:0; left:7.5%;}
    .panel-introduction .inner span {width:100%;}

    .btn-next {position:absolute; left:auto; right:15px; top:auto; }

}


@media (max-width: 320px) 
{

}