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

/* GLOBAL */

html {width:100%;min-height:100%;}
body {line-height:1;width:100%;min-height:100%; font-family:'berlingske_sans_roundregular', sans-serif; color:#333;}



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

p {font-size:16px; line-height:1.3em; margin-bottom:12px;}

p.subTitle {margin-top: -10px; margin-bottom: 30px;}


p.pageSubTitle {margin-left:39px; margin-top: 2px}



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; z-index:10;}

strong  {font-weight:normal; font-family:'berlingske_sans_roundmedium', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal;}

h1 {font-family:'berlingske_sans_roundlight', sans-serif; font-size:30px;}
h2 {font-family:'berlingske_sans_roundlight', sans-serif;}
h3 {font-size:16px;}

.f-left  {float:left;}
.f-right {float:right;}

.table              {display:table;}
.table .cell        {display:table-cell; height:100%; vertical-align:top;}

.table .cell.middle,
.table .cell.vertical    {vertical-align:middle;}
.table .cell.bottom     {vertical-align:bottom;}

section {position:relative; display:block; width:100%;}

.icon           {display:inline-block; font-size:0; color:#000;}
.icon:before    {font-size:26px;}

/* PAGE STYLES */

.wrapper {width:1366px; position:relative; margin:0 auto; display:block; padding:0px 40px; max-width:100%;}

/* HEADER */
header              {padding-top:40px; font-size:0; position:relative; z-index:5;}
header .table       {height:100%;}
header .site-title  {font-size:30px; line-height:1.3em; padding-left:39px;}

header ul.social-menu {display:inline-block; padding-top:16px;}
header ul.social-menu li {display:inline-block; margin-left:11px; width:28px; height:28px; vertical-align:top;}
header ul.social-menu li a {text-decoration:none;}
header ul.social-menu li span.icon {vertical-align:middle;}

header ul.social-menu li.free-text-search           {margin-left:0; margin-right:10px; width:auto; cursor:pointer;}
header ul.social-menu li span.icon-search:before    {font-size:30px;}

header ul.social-menu li.free-text-search input.search             {background-color:#f2f2f2; width:0; font-size:14px; position:relative; top:-2px; -moz-transition:.2s linear; transition:.2s linear;}
header ul.social-menu li.free-text-search.active input.search      {width:150px; margin-left:15px; padding:7px 10px;}

header ul.social-menu li.free-text-search .btn {width:0;height:0;padding:0; margin:0;}

header ul.social-menu li span.icon-search   {color:#a6a9ab;}
header ul.social-menu li span.icon-linkedin {color:#007bb6;}
header ul.social-menu li span.icon-twitter  {color:#1ca1f2;}
header ul.social-menu li span.icon-twitter:before {font-size:30px;}

header ul.social-menu li span.icon-search:before {margin:0;}


/* DEFAULT CONTENT */

section.default-content             {padding-top:184px;}
section.default-content .reduced    {display:inline-block; width:400px; position:relative; z-index:5;}
section.default-content h1          {font-size:48px; line-height:1.1em; margin-bottom:29px;}
section.default-content p           {font-size:18px;}

section.default-content .graphic    {display:block; position:absolute; top:-456px; right:-245px; z-index:2; max-width:100%;}

.enter-tool         {padding-top:27px; font-size:0; position:relative; display:inline-block;}
.enter-tool > img   {-moz-transition:0.2s; transition:0.2s;}
.enter-tool span    {position:absolute; top:50%; left:0; font-size:25px; width:100%; text-align:center; font-family:'berlingske_sans_roundmedium', sans-serif;}

.enter-tool:hover img {-moz-transform:rotate(5deg); transform:rotate(5deg);}


/* TOOL */

section.tool                {margin-top:0px; padding-bottom:50px;}
section.tool .tool-holder   {position:relative; display:inline-block; width:100%; text-align:center;}

section.tool .tool-holder #animation_container          {display:inline-block;background-color:rgba(255, 255, 255, 1.00); width:705px; height:705px; position:relative;}
section.tool .tool-holder #animation_container canvas   {width:100% !important; height:100% !important;}
section.tool .tool-holder #dom_overlay_container        {max-width:100%; max-height:100%;}

section.tool .col-2                 {display:inline-block; position:relative; vertical-align:top;  -moz-transition:.4s ease-in-out; transition:.4s ease-in-out;}

section.tool .col-2.content         {width:0;height:660px;}
section.tool .col-2.tool-wheel      {width:100%; padding-top:0px;}

section.tool .tool-holder                           {font-size:0; position:relative;}
section.tool .tool-holder.split .col-2              {width:50%;}
section.tool .tool-holder.split .col-2.tool-wheel   {height:660px; padding-top:0; padding-left:40px;}
section.tool .tool-holder.split .col-2.content .content-holder:not(.hover).active {visibility:visible; opacity:1; margin-top: 18px;}

section.tool .tool-holder.split #animation_container {width:500px !important; height:500px !important;}
section.tool .tool-holder.split #animation_container canvas {vertical-align:middle; display:inline-block;}

section.tool .tool-holder .table.tool-table         {width:100%; height:100%;}
section.tool .tool-holder .table.tool-table .cell   {width:100%; height:100%;}

section.tool .content-holder {display:block; width:100%; height:100%; padding:28px 25px 28px 0px; overflow:hidden; visibility:hidden; opacity:0; position:absolute; top:10px; left:0;}

.content-holder.hover                   {position:absolute;top:0; left:0; visibility:hidden; opacity:0; z-index:10; padding:45px 25px 45px 40px; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}
.content-holder.hover.active            {top:10px; left:22px; visibility:visible; opacity:1;}
.content-header                         {font-size:0; margin-bottom:39px; padding-left:25px;}
.content-header span.icon               {color:#FFF;}
.content-header span.icon:before        {font-size:40px; width:auto;}
.content-header span.icon-close:before  {font-size:23px;}
.content-header span.title              {color:#FFF; padding-left:18px; font-size:27px; font-family:'berlingske_sans_roundlight', sans-serif;}

.content-holder:not(.hover)[data-id="3"] .content-header span.icon:before {font-size:30px;}

.content-header .icon-contacts:before           {color:#390032;}
.content-header .icon-other-resources:before    {color:#58a618;}

.content-holder[data-id="9"] .content-header .title {color:#390032;}
.content-holder[data-id="10"] .content-header .title {color:#58a618;}

.content-holder[data-id="9"] .content-header span.icon-close:before,
.content-holder[data-id="10"] .content-header span.icon-close:before,
.content-holder[data-id="10"] .content-children ul li .icon-plus:before {color:#333;}

.content-holder[data-id="10"] .content-children ul li:before {border-color:#58a618;}
.content-holder[data-id="10"] .content-children ul li:after {background-color:#58a618;}
.content-holder[data-id="10"] .content-children ul li {color:#333;}
.content-holder[data-id="10"] .content-children ul li > strong {color:#58a618;}

.content-children               {text-align:left; overflow-y:auto;}
.content-children ul            {list-style:none; margin-left:0; color:#FFF;}
.content-children ul li         {font-size:15px; line-height:1.4em; position:relative; margin-bottom:20px;font-family:'berlingske_sans_roundlight', sans-serif; padding-left:55px;}
.content-children ul li:after   {content:'';position:absolute; display:block; left:-42px; top:10px; width:50px; height:2px; background-color:rgba(255,255,255,0.4);}
.content-children ul li:before  {content:'';position:absolute; display:block; left:8px; top:0px; width:22px; height:22px; border-radius:25px; border:3px solid rgba(255,255,255,0.4);}

.content-children ul li:after,
.content-children ul li:before,
.content-children ul li .icon-plus          {-moz-transition:.1s ease-in-out; transition:.1s ease-in-out;}

.content-children ul li .icon-plus          {color:#FFF; position:absolute; left:15px; top:7px;}
.content-children ul li .icon-plus:before   {font-size:11px;}

.content-children ul li:hover .icon-plus    {left:17px;}
.content-children ul li:hover:after         {left:-40px;}
.content-children ul li:hover:before        {left:10px;}

.content-holder .content-children       {overflow-y:auto; padding-right:50px; padding-bottom:25px; max-height:509px; padding-left:25px;}

.content-holder.hover .content-children ul {list-style:disc; color:#333; margin-left: 35px; margin-top: 10px;}
.content-holder.hover .content-children li {padding-left: 0px;}

.content-holder.hover .content-children li:before,
.content-holder.hover .content-children li:after {display: none;}




.content-header .list                       {display:inline-block; margin-left:13px;}
.content-holder.hover .content-header span.icon:before {color:#333333;}

.content-holder.hover h1 {color:#333333; font-size:28px; margin-bottom:9px; line-height:1.3em; font-family:'berlingske_sans_roundlight', sans-serif;}
.content-holder.hover h2 {color:#333333; font-size:18px;  font-family:'berlingske_sans_roundlight', sans-serif;}
.content-holder.hover h3 {font-size:14px; line-height:1.3em; margin-bottom:5px; font-family:'berlingske_sans_roundmedium', sans-serif;}
.content-holder.hover p,
.content-holder.hover li {font-size:14px; line-height:1.4em;}

.content-holder.hover .content-header                   {margin-bottom:18px; padding-top:13px;}
.content-holder.hover .content-header span.icon-close   {color:#333333;}
.content-holder.hover .content-header span.title        {color:#333333; font-size:17px;}
.content-holder.hover .content-header span.icon:before  {font-size:22px;}


.content-holder.search-holder {background-color:#f2f2f2;}
.content-holder.search-holder .content-header span.icon:before {font-size:28px;}
.content-holder.search-holder .content-header span.icon:before,
.content-holder.search-holder .content-header span.title,
.content-holder.search-holder .content-children ul li {color:#333;}

.content-holder.search-holder .content-children ul li .icon:before {color:#828789;}
.content-holder.search-holder .content-children ul li:before {border-color:#828789;}
.content-holder.search-holder .content-children ul li:after {background-color:#828789;}

.search-box               {display:block; width:90%; float:left; padding-top:20px; position:relative;}
.search-box .search       {display:block; padding:14px 17px; color:#333; width:100%; font-size:14px;}
.search-box .search-submit {position:absolute; right:3px; top:29px;}
.search-box .icon:before {color:#828789 !important; font-size:25px !important;}

.mobile-content .search-box {float:none; width:100%; padding-top:0; padding-bottom:25px;}
.mobile-content .search-box .search-submit {top:10px; right:8px;}

/* FLOATING BOXES AROUND CONTENT WHEEL */

.additional-page {visibility:hidden; opacity:0; position:absolute; border:2px solid #000; border-radius:100px; padding:5px 5px; text-align:center; cursor:pointer; -moz-transition:.4s ease-in-out;transition:.4s ease-in-out; z-index:10;}
.additional-page .icon:before {width:auto; margin:0;}
.additional-page span.title {display:block; margin-top:7px; font-size:13px; color:#333;}
.additional-page .table {width:100%; height:100%;}

.additional-page.contacts          {top:80px; left:140px; border-color:#edeaec; width:95px; height:95px; -moz-transition-delay:1s; transition-delay:1s;}
.additional-page.other-resources   {left:42px; bottom:42px; border-color:#e1efd5; width:140px; height:140px; -moz-transition-delay:1.6s; transition-delay:1.6s;}
.additional-page.download          {right:75px; top:296px; border-color:#e5f6f5; width:115px; height:115px; -moz-transition-delay:1.3s; transition-delay:1.3s;}

.additional-page.load      {visibility:visible; opacity:1;}
.additional-page.loaded    {visibility:visible; opacity:1; -moz-transition-delay:0s; transition-delay:0s; -moz-transition-duration:.4s; transition-duration:.4s;}

.additional-page.contacts:hover,
.additional-page.contacts.active {background-color:#edeaec;}
.additional-page.other-resources:hover,
.additional-page.other-resources.active {background-color:#e1efd5;}
.additional-page.download:hover,
.additional-page.download.active {background-color:#e5f6f5;}

.additional-page .icon.icon-contacts:before {color:#390032;}
.additional-page .icon.icon-other-resources:before {color:#58a618;}
.additional-page .icon.icon-download:before {color:#00a599;}


.tool-holder.split .additional-page.contacts          {top:45px; left:75px; width:80px; height:80px;}
.tool-holder.split .additional-page.other-resources   {left:80px; bottom:15px; width:105px; height:105px;}
.tool-holder.split .additional-page.download          {right:0px; top:62px; width:95px; height:95px; -moz-transition-duration:.5s;transition-duration:.5s;}


/* CONTACTS */

.contact-holder             {position:relative; font-size:0;}
.contact-holder .contact    {margin-bottom:20px;position:relative;}

.contact-holder .info {padding-left:20px; font-size:13px;}
.contact-holder .info span {display:block; line-height:1.2em;}
.contact-holder .info span.name {margin-bottom:15px;}

.contact-holder .info a {color:#333; text-decoration:none;}
.contact-holder .info a:hover {text-decoration:underline;}

/* MOBILE */

.tool-mobile                    {display:none; width:100%;}

.tool-mobile > p {text-align:left; font-size:17px;}

ul.accordion-wheel              {list-style:none; margin-left:0;}
ul.accordion-wheel > li         {font-size:17px; font-family:'berlingske_sans_roundlight', sans-serif; text-align:left; margin-bottom:5px; position:relative;}
ul.accordion-wheel > li > .tool-parent {padding:18px 12px; cursor:pointer;}

ul.accordion-wheel > li > .tool-parent .title  {display:inline-block; color:#FFF; padding-left:7px;}

ul.accordion-wheel > li > .tool-parent > .icon-plus,
ul.accordion-wheel > li > .tool-parent > .fa                {position:absolute; right:10px; top:18px;}
ul.accordion-wheel > li > .tool-parent > .icon:before,
ul.accordion-wheel > li > .tool-parent > .fa:before         {width:auto; font-size:16px; color:#FFF;}

ul.accordion-wheel > li > .tool-parent > .fa            {-moz-transform:rotate(90deg); transform:rotate(90deg); right:20px; -moz-transition:.2s; transition:.2s;}
ul.accordion-wheel > li.active > .tool-parent > .fa     {-moz-transform:rotate(0deg); transform:rotate(0deg);}

ul.accordion-wheel > li[data-id="9"] .title,
ul.accordion-wheel > li[data-id="9"] .icon:before,
ul.accordion-wheel > li[data-id="9"] .fa:before  {color:#390032;}
ul.accordion-wheel > li[data-id="10"] .title,
ul.accordion-wheel > li[data-id="10"] .icon:before,
ul.accordion-wheel > li[data-id="10"] .fa:before {color:#58a618;}

ul.accordion-wheel > li.search-results .title,
ul.accordion-wheel > li.search-results .icon:before,
ul.accordion-wheel > li.search-results .fa:before {color:#333;}

ul.accordion-wheel > li.search-results .mobile-content ul > li:before {}
ul.accordion-wheel > li.search-results .search-title {display:block; padding-bottom:20px;}

ul.accordion-wheel > li.search-results .mobile-content ul > li:before {border-color:#828789;}
ul.accordion-wheel > li.search-results .mobile-content ul > li:after {background-color:#828789;}
ul.accordion-wheel > li.search-results .mobile-content ul > li .icon-plus:before {color:#828789;}
ul.accordion-wheel > li.search-results .mobile-content ul > li {color:#333;}

ul.accordion-wheel > li .mobile-content                 {position:relative; padding:20px 15px; background-color:rgba(255,255,255,0.2); display:none; overflow:hidden;}
ul.accordion-wheel > li .mobile-content ul              {list-style:none; margin-left:0; color:#FFF;}
ul.accordion-wheel > li .mobile-content ul > li         {font-size:13px; line-height:1.4em; position:relative; margin-bottom:20px;font-family:'berlingske_sans_roundlight', sans-serif; padding-left:55px;}
ul.accordion-wheel > li .mobile-content ul > li:last-child {margin-bottom:0;}
ul.accordion-wheel > li .mobile-content ul > li:after   {content:'';position:absolute; display:block; left:-42px; top:10px; width:50px; height:2px; background-color:rgba(255,255,255,0.4);}
ul.accordion-wheel > li .mobile-content ul > li:before  {content:'';position:absolute; display:block; left:8px; top:0px; width:22px; height:22px; border-radius:25px; border:3px solid rgba(255,255,255,0.4);}

ul.accordion-wheel > li .mobile-content.active {visibility:visible; opacity:1; display:block;}

ul.accordion-wheel > li .mobile-content ul > li:after,
ul.accordion-wheel > li .mobile-content ul > li:before,
ul.accordion-wheel > li .mobile-content ul > li .icon-plus {-moz-transition:.1s ease-in-out; transition:.1s ease-in-out;}

ul.accordion-wheel > li .mobile-content ul > li .icon-plus {color:#FFF; position:absolute; left:14px; top:8px;}
ul.accordion-wheel > li .mobile-content ul > li .icon-plus:before   {font-size:11px;}

ul.accordion-wheel > li[data-id="10"] .mobile-content ul > li {color:#58a618;}
ul.accordion-wheel > li[data-id="10"] .mobile-content ul > li:after {background-color:#58a618;}
ul.accordion-wheel > li[data-id="10"] .mobile-content ul > li:before {border-color:#58a618;}

ul.accordion-wheel > li .mobile-content .contact-holder img {width:85px;}

ul.accordion-wheel > li .mobile-content.content-holder > .content-children {padding:0; }/*overflow-y:unset;*/
ul.accordion-wheel > li .mobile-content .content-holder {position:fixed; top:0; left:0; width:100%; height:100%; padding:0; padding-right: 0px; padding-top:15px;}
ul.accordion-wheel > li .mobile-content .content-holder.hover .content-header {padding-right:25px;}
ul.accordion-wheel > li .mobile-content .content-holder.hover .content-children {height:85%; max-height:85%;}


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

@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) {  

}


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

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

    .additional-page.contacts { top: 0px; left: 75px; width: 80px; height: 80px; }
    .additional-page.other-resources { left: 80px; bottom: 15px; width: 105px; height: 105px; }
    .additional-page.download { right: 0px; top: 62px; width: 95px; height: 95px; }

    .tool-holder.split .additional-page.download { right: -20px; top: 45px; width: 95px; height: 95px; }
    .tool-holder.split .additional-page.other-resources { left: 50px; }

    section.tool .tool-holder.split #animation_container {width:450px !important;height:450px !important;}

}

@media (max-width: 960px) 
{

    section.tool .tool-holder.split .col-2 {width:100%; -moz-transition:none; transition:none;}
    section.tool .col-2.content {position:absolute; left:0; top:0; z-index:50;}
    section.tool .tool-holder.split .col-2.tool-wheel {padding-left:0;}

    section.tool .tool-holder #animation_container,
    section.tool .tool-holder.split #animation_container { width: 600px !important; height: 600px !important; }

}

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



}

@media (max-width: 640px) 
{
    section.default-content {padding-top:25px;}
    section.default-content .graphic {display:none;}

    section.default-content .reduced {width:100%;}

    section.default-content h1 {font-size:38px;}
    section.default-content p {font-size:15px;}

    header {padding-top:20px;}

    .wrapper {padding:0px 20px;}

    .tool-mobile {display:block;}
    section.tool .col-2.content,
    section.tool .col-2.tool-wheel  {display:none;}

    header .f-left,
    header .f-right     {float:none; width:100%;}

    header .f-right .social-menu {padding-top:10px; float:right;} 
    header .site-title  {font-size:17px; padding-left:20px;}
	
	p.pageSubTitle {margin-left: 20px; font-size: 14px; }
	
	
	ul.accordion-wheel > li .mobile-content.content-holder > .content-children {max-height: unset; height: auto; padding-bottom: 25px;}

	.noscroll {overflow-y: hidden;}

	

}

@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 */
		p.pageSubTitle {font-size: 13px; }

}

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