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

/* GLOBAL */

html { }
body { line-height: 1; font-family: 'berlingske_sans_roundregular', sans-serif; color: #333333; }

::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}
z
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;}

a.fade-link {transition: 0.2s ease-in-out;}
a.fade-link:hover {opacity: 0.75;}

/* PAGE STYLES */
.content { width: 1366px; max-width: 100%; margin-left: auto; margin-right: auto; }
.inner      {padding:0 80px;}

.header-container           {height: 160px;}
.header-left                {width: 100%; float: left; height: 100%; padding-top: 20px; background-image: url('/_assets/bg-pattern.png'); background-size: contain; background-position:120% top ; background-repeat: no-repeat;}
.header-right               {width: 50%; float: right;height:inherit;}
.header .hl-logo            {width: 110px; height: auto; }
.header .tagline            {margin-left: 50px; vertical-align: top; width: 50%; display: inline-block; font-size: 24px; line-height: 25px; color: #333333; margin-top: 15px; }
.header .tagline span       {font-family: 'berlingske_sans_roundmedium';}
.header-right .pattern-img  {width:100%;}



.menu-container { display:block; margin-top: 10px;}
.menu-left {width: 60%; float:left;}
.menu-right {width: 40%; float:right;}
.menu-right .active-lang { text-decoration: underline !important; }

#header-main                            {margin-left: -10px;}
#header-main li                         {display: inline-block; padding: 0 10px;}
#header-main li:not(.first-menu-item)   {border-left: 1px solid #cacbcd; }
#header-main li a                       {text-decoration:none; font-family: 'berlingske_sans_roundmedium';}
#header-lang                            {float:right;}
#header-lang li                         {display: inline-block; padding: 0 10px 0 10px; ; }
#header-lang li:not(.first-menu-item)   {border-left: 1px solid #cacbcd; padding-right: 0; }
#header-lang li a                       {text-decoration: none; }

#header-main-in { margin-left: -10px; }
#header-main-in li { display: inline-block; padding: 0 10px; }
#header-main-in li:not(.first-menu-item) { border-left: 1px solid #cacbcd; }
#header-main-in li a { text-decoration: none; font-family: 'berlingske_sans_roundmedium'; }

.people-dropdown-container {position:relative; display: none;}
.people-dropdown-panel { width: 100%; position: relative; top: 3px; z-index: 100; background-color: white; padding-bottom: 20px; margin-bottom: 35px; }
.people-dropdown-container .col-container {width: calc(100% + 40px); margin-left: -20px; }
.people-dropdown-panel .col-4 { margin-top: 20px; position: relative; width: 25%; padding: 0 20px; }
.people-dropdown-panel .col-row {margin-top: 20px;}
.people-dropdown-panel .lawyer-info { position:absolute; top: calc(50% - 26px); margin-left: 20px;}
.people-dropdown-panel .lawyer { border-bottom: 1px solid #4E5357; padding-bottom: 20px; padding-right: 40px; }

.people-dropdown-panel .lawyer::after { content: ""; width: 16px; height: 16px; background-image: url("/_assets/icon-arrow.png"); background-size:contain; display: inline-block; position: absolute; top: calc(50% - 20px); right: 20px; }
.close-btn {display: none; float: right;}
.close-btn.btm {margin-top:20px;}
.close-btn img {width:16px; height:16px;}

.top-content                                {margin-top: 20px;}
.top-content .main-image                    {width: 100%; height:420px; background-size:cover; background-repeat:no-repeat; position:relative;}
.top-content .main-image .main-image-copy   {height: 96%; background-image: url(/_assets/main-img-text-shape2.png); background-size: contain; background-repeat:no-repeat; position:absolute; bottom: 0; display: table; width:100%;}
.intro-copy-text                            {opacity: 1; display:table-cell; vertical-align:middle; padding-left: 80px; }
.intro-title                                {color: #ffffff; font-size:42px; font-weight:normal; font-family: 'berlingske_sans_roundlight';}
.intro-copy p                               {color: #ffffff; font-size: 20px; line-height: 27px; opacity: 1;  margin-top: 10px; margin-bottom:-50px; width: 500px;}
.top-content-left                           {width:45%; display:inline-block}
.top-content-left .copy p                   {color: #5482ab;}
.top-content-right                          {width: 50%; float:right; margin-top: 20px;}
.top-content-right .text-left               {font-size: 17px; line-height: 22px; display: inline-block; width: 40%; margin-left: 50px; color: #333333;}
.top-content-right .text-right              {font-size: 17px; line-height: 21px; width: 35%; float: right; color: #333333;}
.b-left-content                             {padding-left:20px; border-left: 2px solid #5482ab;}
.copy p                                     {font-size: 20px; line-height: 26px; }

a.little-link,
.top-content.top-content-left a {font-size: 16px; margin-top: 10px;display: block;text-decoration: none; transition: 0.2s ease-in-out;}
a.little-link:hover,
.top-content.top-content-left a:hover {opacity: 0.5;}


.capabilities-content {margin-top: 30px;}
.capabilities-content .capabilities-image { width: 100%; height: 420px; background-size: cover; background-repeat: no-repeat; position: relative; }
.capabilities-content .capabilities-image .capabilities-image-copy { height: 100%; background-image: url(../../_assets/capabilities-img-text-shape.png); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0; display: table; width:100%; }
.capabilities-copy-text {opacity: 1; display: table-cell; vertical-align: bottom; padding-left: 80px; }
.capabilities-title {color: #ffffff; font-size: 43px; font-weight: normal; font-family: 'berlingske_sans_roundlight';}
.capabilities-copy p{ color: #ffffff; font-size: 17px; line-height: 26px; opacity: 1; margin-top: 10px; margin-bottom: 30px; width: 450px; }
.capabilities-list  {width:100%; margin-left: 0; font-size:0; margin: 20px 0; width:calc(100% + 20px); margin-left:-10px;}
.capabilities-list li {display: inline-block; width: 25%; padding: 20px 10px;}
.capabilities-list li a { font-size: 20px; text-align: center; vertical-align: middle; height: 40px; line-height: 20px; padding: 8px 0; display: block; width: 100%; color: #ffffff; position: relative; font-family: 'berlingske_sans_roundlight'; }
.capability-info { background-color: #E8EDEB; }
.capability {cursor: pointer;}

.active::after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #365E4F; content: " "; position: absolute; bottom: -15px; left: calc(50% - 12px); border-top-color: inherit; }

.col-3 { width: 33.33%; float: left; }
.col-4 { width: 25%; float: left; }
.col-row:after { content: ""; display: table; clear: both; }
.info-header    {font-size: 23px; margin-bottom: 20px;}
.info-header h3 { font-family: 'berlingske_sans_roundlight'; font-weight: normal; }
.info-inner     {padding: 40px;}
.info-left-col { padding-right: 30px; font-size: 17px; width: 29%; color: #335E4F; line-height: 22px; }
.info-cen-col { padding-right: 30px; padding-left: 30px; font-size: 14px; line-height: 20px; margin-right: 40px; }
.info-right-col { font-size: 14px; border-left: 2px solid #335E4F; padding-left: 20px; }
.info-right-col h3 { color: #335E4F; margin-bottom: 10px; }
.info-right-col ul { margin-left: 18px; line-height: 20px; }
.lawyers .col-3 {margin-top:15px; }
.lawyer-img {width: 80px; height:80px; display:inline-block}
.lawyer-info {display:inline-block; margin-left: 10px; font-size:13px; line-height: 15px;}
.lawyer-info .lawyer-name { color: #335E4F; font-family: 'berlingske_sans_roundmedium'; font-size:14px;}
.lawyer-info .lawyer-role-location {margin-bottom:10px;}

.hidden {display: none;}

.contact-content {margin-top: 10px; }
.contact-content .contact-image { width: 100%; height: 420px; background-size: cover; background-repeat: no-repeat; position: relative; }
.contact-content .contact-image .contact-image-copy { height: 100%; background-image: url(../../_assets/contact-img-text-shape.png); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0; display: table; width: 100%;}
.contact-copy-text { opacity: 1; display: table-cell; vertical-align: bottom; padding-left: 80px; }
.contact-title { color: #ffffff; font-size: 43px; font-weight: normal; font-family: 'berlingske_sans_roundlight'; }
.contact-copy  p { color: #ffffff; font-size: 20px; line-height: 26px; opacity: 1; width: 525px; margin-top: 10px; margin-bottom: 60px;}
.contact-content .map-container p { width: 60%; height: 350px; margin-top: 40px; float: left; margin-bottom: 20px; }
.contact-content .address-container {width: 38%; background-color: #E8EDEB; height: 350px; display:inline-block; float:right; margin-top:40px; vertical-align:middle; margin-bottom: 20px;}
.contact-content .address-container .address-text { position: relative; top: 50%; transform: translateY(-50%); margin-left: 40px;}
.contact-content .address-container .address-text p { font-size: 17px; line-height: 20px;}
.contact-content .address-container .address-text h3 { font-size: 23px; font-family: 'berlingske_sans_roundlight'; font-weight: normal; margin-bottom: 10px; }
.contact-content .blue-content { color: #5B7DA8; font-family: 'berlingske_sans_roundlight'; }
.contact-content .phone-fax {margin: 15px 0;}
.contact-content .email-btn { margin: 30px 0; border: 1px solid #5B7DA8; color: #5B7DA8;  padding: 7px 0; text-align:center; width: 140px; }
.contact-content .email-btn a { text-decoration: none;}
.contact-content .email-btn:hover { color: #ffffff; background-color: #5B7DA8; }

.featured-contacts h3 { font-size: 23px; font-family: 'berlingske_sans_roundlight'; font-weight: normal; margin: 20px 0; }

/* 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; }

/* SHARE LIGHTBOX */
.share-page         {float:right;cursor:pointer; margin-bottom:20px;}
.share-page i.fa    {font-size:18px;color:#ab0063;}
.share-page span    {display:inline-block; padding-left:10px; font-size:15px; position:relative; top:-2px; color:#ab0063;}

ul.social-list                      {margin-top: 80px; height: 500px; }
ul.social-list li					{display:inline-block; font-size: 0; margin: 0 5px;}
ul.social-list li a					{display:block; background-color: #fff; width: 70px; height: 70px; line-height: 70px; font-size: 28px; color: #00addd; transition:0.2s ease-out}
ul.social-list li a:hover			{color:#fff;}
ul.social-list li.facebook a:hover	{background-color:#3B5998 !important;}
ul.social-list li.twitter a:hover	{background-color:#1da1f2 !important;}
ul.social-list li.linkedIn a:hover	{background-color:#0077b5 !important;}
ul.social-list li.google a:hover	{background-color:#dd4b39 !important;}
ul.social-list li.email a:hover	    {background-color:#828282 !important;}

.share-toggle                       {cursor:pointer;}

.share-fade			{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(142, 142, 142, 0.95); z-index: 105; display: none;}
.share-popup		{position:fixed; left: 50%; margin-left: -181px; top: 50%; margin-top: -151px;  width: 363px; height: 303px; z-index: 110; background-color: #fff; border-left:none; text-align: center; display: none}
.share-header		{background-color:#af005f; padding: 27px;}
.share-header h1	{font-size:19px; color: #FFF; font-weight: bold; display: inline-block; position: relative;}

.share-popup ul.social-list			{margin-top:30px;}
.share-popup ul.social-list li a	{width:50px; height: 50px; line-height: 50px; color: #fff; background-color:#bfb9b2; font-size: 20px;}

a.share-close		{display: block; margin-top: 115px; color: #af005f; font-size: 15px; font-weight: bold; text-decoration: none;}

/* SPINNER - loading.io */

.lds-ring { display: inline-block; position: fixed; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #4b2942; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #4b2942 transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

/* FOOTER */
body.header-page footer { background-color: #fff; }
body.basic-page footer { background-color: #f3f4f5; }

div.footer-spacer-top { height: 80px; width: 100%; }
div.footer-spacer-bottom { height: 30px; width: 100%; }
xtable.footer-table { width: 100%; }
td.footer-social-links { width: 20%; text-align: left; padding: 0px 20px 0px 50px; white-space: nowrap; vertical-align: middle; }
td.footer-social-links ul {margin-left: 25px;}
td.footer-navigation-links { width: 45%; text-align: center; position: relative; vertical-align: middle; }
td.footer-navigation-links a { font-size: 10pt; }
td.footer-copyright { font-size: 9px; padding: 0px 85px 0px 0px; text-align: left; }
td.footer-copyright p { margin-bottom: 0px; line-height:12px; font-family: Georgia; }


td.footer-social-links { position: relative; }
ul.social-menu { }
li.social-icon { display: inline-block; width: 35px; height: 35px; border: 2px solid #c6de00; margin-left: 7px; margin-right: 7px; }
li.social-icon a { padding: 8px; text-decoration: none; color: black; }
li.social-icon a:hover { color: #666; }


ul.footer-nav { list-style-type: none; font-size: 14px; font-family: berlingske_sans_roundmedium, sans-serif; }
ul.footer-nav li { display: inline-block; margin: 0px 5px 10px 5px; }
ul.footer-nav li a { text-decoration: none; color: black; }

ul.xcenter-menu { width: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }


@keyframes lds-ring {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}


/* 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) {  

}

@media (max-width: 1380px) {
    .header-left .tagline {font-size: 23px;}

}

/* MOBILE STYLES */
@media (max-width: 1280px) {
    .header-left .tagline { font-size: 18px; }
    .people-dropdown-panel .col-4 {width:33%;}

@media (max-width: 1165px) {
    .info-cen-col {margin-right:20px; }

}


@media (max-width: 1150px) 
{
    .header .pattern-img {display: none;}
    .header .header-right { width: 30%; }
    .lawyers .col-3 { width: 50%; }
    .contact-content .inner { padding-left: 20px; padding-right: 20px; }
    .capabilities-list li a {font-size: 16px;}

    
    td.footer-social-links {padding: 0;}
    td.footer-copyright {padding-right: 20px !important;}
    td.footer-copyright { padding-right: 20px !important; }
}

@media (max-width: 1050px) 
{
    .people-dropdown-panel .col-4 { padding: 0 10px; }
}

@media (max-width: 960px) 
{
    .top-content-right {width:45%; }
    .top-content-right .text-left,
    .top-content-right .text-right {display: block; width: 100%; margin-left: 0; margin-bottom: 30px; }
    .people-dropdown-panel .col-4 { padding: 0 20px; width:50%;}


}

@media (max-width: 920px) {
    .lawyers.info-inner { padding-left: 0; padding-right: 0; }
    .featured-contacts .col-3 { width: 50%; margin-bottom: 10px; }
    .capabilities-list li a { font-size: 14px; }

}

@media (max-width: 860px) {
    .header .header-right {width: 0;}
    .header .header-left {width: 100%; background-image: none;}
	.header-left .tagline {width: 60%;}
	
    .capability-info .col-3 {width: 100%; margin-bottom: 20px;}
    .capability-info .info-cen-col,
    .capability-info .info-left-col { padding: 0 }
	
	

}

@media (max-width: 835px) {
    .capabilities-list li { width: 50%;}
}


@media (max-width: 810px) {
    .contact-content .address-container .address-text {margin-left: 20px;}
}

@media (max-width: 790px) {
    .nav-icon { width: 30px; height: 20px; z-index: 1000; position: absolute; right: 20px; top: 40px; cursor: pointer; display: block; }
    .nav-icon span { width: 100%; display: block; height: 2px; background-color: #333333; position: absolute; top: 0; left: 0; border-radius: 1px; transition: 0.2s cubic-bezier(0, 0, 0.21, 1); }
    .nav-icon span:nth-child(1) { }
    .nav-icon span:nth-child(2) { top: 10px; }
    .nav-icon span:nth-child(3) { top: 20px; }

    .nav-icon.open { position: fixed; }
    .nav-icon.open span { background-color: #BADA00;}
    .nav-icon.open span:nth-child(1) { top: 13px; transform: rotate(45deg) }
    .nav-icon.open span:nth-child(2) { opacity: 0; transform: scale(0) }
    .nav-icon.open span:nth-child(3) { top: 13px; transform: rotate(-45deg) }

    .menu-container { position: fixed; width: 100%; height: 100vh; left: 100vw; top: 0; background-color: #4E5357; display: table; margin: 0; float: none; overflow: scroll; transition: 0.2s ease-out; z-index: 999; }
    .menu-container.open { visibility: visible; opacity: 1; left: 40vW;}

    .menu-left {float:none; width:80%; }
    #header-main { margin-top: 200px; }
    #header-main li { display: block; margin-left: 70px; margin-bottom: 20px;}
    #header-main li a { font-size: 24px; color: #ffffff; }
    #header-main li:not(.first-menu-item) { border-left: none }

    #header-main-in { margin-top: 200px; }
    #header-main-in li { display: block; margin-left: 70px; margin-bottom: 20px; }
    #header-main-in li a { font-size: 24px; color: #ffffff; }
    #header-main-in li:not(.first-menu-item) { border-left: none }

    .menu-right { float: none; display: block; width: 80%; }
    #header-lang { display: block; margin-left: 70px; margin-bottom: 20px; margin-left: 70px; margin-top: 50px; float: none;}
    #header-lang li { padding: 0; margin-bottom: 20px; display:block;}
    #header-lang li a { font-size: 24px; color: #ffffff; }
    #header-lang li:not(.first-menu-item) { border-left: none; }



    .menu-right .active-lang { text-decoration: none !important; color: #BADA00 !important;}

    .top-content:not(.top-content-left) { margin-top: 0; }

    .close-btn { display: block;}

}

@media (max-width: 770px) {
    .lawyers .col-3 { width: 100%; }
    .lawyer-info { font-size: 15px; }
    .inner { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 750px) {
    .top-content-left { width: 100%; padding: 20px 0; }
    .top-content-right { width: 100%; display: block; margin-top: 40px; float: none; }
    .top-content-right .text-left,
    .top-content-right .text-right { display: inline-block; width: 45%; margin-left: 0; }
    .featured-contacts .col-3 { width: 100%; }
	
	
	.header-left {background-size: 60%;}
}

@media (max-width: 720px) {
    .contact-content .contact-image .contact-image-copy { background-size: cover; }
    .contact-copy-text { padding-left: 10% }
    .contact-title { font-size: 30px; }
    .contact-copy p{ width: 80%; }
}

@media (max-width: 700px) {
    .contact-content .map-container p { width: 100%; }
    .contact-content .address-container { width: 100%; margin-top: 0; }
	.header .tagline {width: 60%; margin-left: 20px;}
    .intro-copy-text { padding-left: 20px }
	.top-content .main-image .main-image-copy {background-size: cover;}
}

@media (max-width: 640px) {
    div.footer-spacer-top { height: 15px; width: 100%; }
    div.footer-spacer-bottom { height: 15px; width: 100%; }

    table.footer-table td { display: block; margin-top: 10px; width: 100%; }
    li.social-icon { margin: 1px 5px 0px 5px; }
    ul.footer-nav li { margin: 10px 2px 5px 2px; }
    ul.center-menu { position: relative; left: auto; top: auto; transform: none; }
    td.footer-copyright { padding: 0 20px; }
    td.footer-social-links ul, .footer-nav { margin-left: 0; padding: 0 20px; }
    td.footer-social-links { text-align: center; }
    td.footer-social-links { text-align: center; }
    .people-dropdown-panel .col-4 { width: 100%; }
	
	
    .header-left .tagline {margin-left: 15px; font-size: 2.75vw; line-height: 1.4em; }

}

@media (max-width: 600px) {
    .capabilities-content .capabilities-image .capabilities-image-copy { background-size: cover; }
    .capabilities-copy-text { padding-left: 8% }
    .capabilities-title { font-size: 30px; }
    .capabilities-copy p{ width: 85%; }
}

@media (max-width: 565px) {
    .inner { padding: 0 35px; }
    .capabilities-content .inner { padding: 0; }

    .capabilities-menu { padding-left: 10px; padding-right: 10px; }
    .lawyer.info-inner { padding-left: 40px; padding-right: 40px; }
    .lawyers.info-inner { padding-left: 20px; padding-right: 20px; }
    .top-content .main-image .main-image-copy { background-size: cover; }
    .intro-title { font-size: 30px; }
    .intro-copy p{ width: 80%; }
}

@media (max-width: 535px) {
    .top-content-right { width: 100%; }
    .top-content-right .text-left,
    .top-content-right .text-right { display: block; width: 100%; margin-left: 0; margin-bottom: 30px; float: none; }
}

@media (max-width: 510px) {
    #header-main li,
    #header-lang { margin-left: 30px; }

}

@media (max-width: 490px) {
    .header-left .tagline {font-size: 14px; vertical-align:bottom;}
}

@media (max-width: 470px) {
    .capabilities-copy p { margin-top: 20px; margin-bottom: 10px; }
}


@media (max-width: 440px) {
    .intro-copy p{ font-size: 16px; }
    .capabilities-copy p { font-size: 16px; }
    .contact-copy p{ font-size: 16px; }
    #header-main li a,
    #header-lang li a { font-size: 18px; }
    .header-left .tagline { display: none; }
}

@media (max-width: 400px) {
    .lawyer-info { font-size: 12px; }
}

@media (max-width: 380px) {
    .capabilities-copy p{ margin-top: 10px; font-size: 14px; width: 90%; }
    .menu-container.open { left: 30vw;}
	.intro-copy p {font-size: 14px; line-height: 1.4em;}
	
	
}

@media (max-width: 360px) {
    /* SAMSUNG GALAXY S5 */
    .capabilities-list li a { font-size: 12px; }
}

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

@media (max-width: 320px) {

    /* IPHONE 5 */
}