@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------
:: SVG styles - Header
-------------------------------------------------- */
#header .cim-logo { width: 246px; height: 40px; }
#header .cim-logo * { fill: #070078; }
#header .cim-logo:hover .svg-hover *, #header .cim-logo:focus .svg-hover * { fill: #070078; }

#header .search-icon { width: 24px; height: 24px; }
#header .search-icon path { stroke: #000; }

#header .join-icon { width: 24px; height: 24px; }
#header .join-icon path { stroke: #000; }

#header .profile-icon { width: 24px; height: 24px; }
#header .profile-icon path { stroke: #000; }

#header .contact-icon { width: 24px; height: 24px; }
#header .contact-icon path { stroke: #000; }


/* -----------------------------------------------
:: Header
-------------------------------------------------- */
#header .cookie-banner {
    padding: 1em 0;
    font-weight: bold;
    color: #737370;
    background-color: #000;
    border-bottom: 1px solid #d3d3d3;
}

#header .cookie-banner .row .columns span {
    display: inline-block;
    padding-bottom: 1em;
}

#header .cookie-banner button,
#header .cookie-banner a {
    font-size: 12px;
    font-size: 0.75rem;
}

#header .cookie-banner button {
    margin-right: 8px;
    padding: 8px;
    font-weight: bold;
    border: 1px solid #d3d3d3;
}

#header .cookie-banner button:hover,
#header .cookie-banner button:focus {
	color: #f1563f;
}

#header .inline-list li.icon span,
#mobile-main-menu .top-bar .toggle-topbar a+span {
	display: block;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 1.3;
}

#mobile-main-menu .top-bar .name li:first-of-type{
    float: none;
    width: 100%;
    margin: 0;
}

#header .inline-list button {
	width: inherit;
	height: inherit;
	color: #070078;
}

#header .inline-list li button.selected  {
	color: #fff;
}

#header .inline-list .stroke button.selected path {
	stroke: #fff;
}

#header .inline-list .fill button.selected path {
	fill: #fff;
}

#header .inline-list figure {
	margin: 0 auto;
}

#header .inline-list .inline-list {
	grid-template-columns: repeat(3, 1fr);
}

#mobile-main-menu .top-bar {
    min-width: 19em;
	max-height: 152px; /*for slide animation*/
    border-bottom: 1px solid #e3e4e2;
    -webkit-transition: max-height 0.4s ease-in-out; /*for slide animation*/
    -moz-transition: max-height 0.4s ease-in-out;
    -o-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out;
	overflow: hidden;
}

#mobile-main-menu .top-bar ul {
    margin: 0;
    list-style: none;
}

#mobile-main-menu .top-bar .title-area {
	position: relative;
	background:  #fff;
	border-bottom: 1px solid #474c55;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#mobile-main-menu .top-bar.expanded {
	max-height: 1000px; /*for slide animation*/
}

#mobile-main-menu .top-bar.expanded .title-area {
	background: #e3e4e2;
}

#mobile-main-menu .top-bar .name {
	height: 152px;
	text-align: center;
	padding: 0.5rem 3rem;
}

#mobile-main-menu .top-bar .name .inline-list {
	display: inline-block;
}
	
#mobile-main-menu .top-bar .name .inline-list .cim-logo {
	margin: 24px auto 32px auto;
}
	
#mobile-main-menu .top-bar .name li:first-of-type {
	margin-right: 3px;
}
		
#mobile-main-menu .top-bar .name li:first-of-type, .top-bar .name li {
	margin-left: 2px;
}		
#mobile-main-menu .top-bar .name li:first-of-type, .top-bar .name .chosen {
	margin-left: -1em;
}
#mobile-main-menu .top-bar .name li:nth-of-type(2){
    margin-left: 2em;
}

#mobile-main-menu .top-bar .name .icon button {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#mobile-main-menu .top-bar .name .icon button span {
	color: inherit;
}
		
#mobile-main-menu .top-bar .name .icon a,
#mobile-main-menu .top-bar .name .icon button {
	width: 54px;
	padding: 5px 0;
}

#mobile-main-menu .top-bar .name .icon span {
	color: #070078;
}

#mobile-main-menu .top-bar .toggle-topbar a {
	display: block;
	height: 4rem;
	padding: 0 1.5rem;
	color: inherit;
	line-height: 33px;
}

#mobile-main-menu .top-bar .toggle-topbar a+span {
    position: absolute;
    bottom: 14px;
    width: 100%;
    text-align: center;	
}

#mobile-main-menu .top-bar .toggle-topbar.menu-icon {
	position: absolute;
	top: 15px;
}

#mobile-main-menu .top-bar .toggle-topbar.menu-icon a span:after {
	content: "";
	position: absolute;
	top: 18px;
	left: 16px;
    width: 16px;
	box-shadow: 0 0 0 1px #737370, 0 7px 0 1px #737370, 0 14px 0 1px #737370;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

#mobile-main-menu .top-bar.expanded .toggle-topbar.menu-icon a span:after {
	top: 25px;
	left: 23px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

#mobile-main-menu .top-bar-section {
	position: relative;
	-webkit-transition: left 0.3s ease-out;
	-moz-transition: left 0.3s ease-out;
	-o-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}

#mobile-main-menu .top-bar-section ul {
	line-height: 2;
}

#mobile-main-menu .top-bar-section ul li {
	border-bottom: 1px solid #e3e4e2;
}

#mobile-main-menu .top-bar-section ul li > a {
	display: block;
    height: 56px;
	font-family: inherit;
	font-weight: 400;
	font-size: 1rem;
	font-size: 16px;
	color: #fff;
    line-height: 3.5;
	text-align: center;
}

#mobile-main-menu .top-bar-section .has-dropdown {
	position: relative;
}

#mobile-main-menu .top-bar-section .has-dropdown > a:after {
	content: "";
	position: absolute;
    top: 20px;
    right: 1rem;
	border: outset 8px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

#mobile-main-menu .top-bar-section .has-dropdown.moved {
	position: static;
}

#mobile-main-menu .top-bar-section .has-dropdown.moved > .dropdown {
	clip: auto;
	width: 100%;
}

#mobile-main-menu .top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    clip: rect(1px, 1px, 1px, 1px);
}

#mobile-main-menu .top-bar-section .dropdown li.back {
	position: relative;
}

#mobile-main-menu .top-bar-section .dropdown li.back:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 1rem;
	display: block;
	width: 0;
	height: 0;
	border: inset 8px;
	border-color: transparent rgba(255, 255, 255, 1) transparent transparent;
	border-left-style: solid;
}

#mobile-main-menu .top-bar-section .dropdown li.back h5 {
	margin: 0;
}

#mobile-main-menu .top-bar-section .dropdown li.back h5 a {
	display: block;
	padding: 0.75rem 1rem 0.75rem 3rem;
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	color: #fff;
	line-height: 1;
}

#mobile-main-menu .top-bar-section .dropdown li a.parent-link {
	font-weight: 700; 
	font-size: 18px;
	font-size: 1.125rem;
    line-height: 3;
}

#mobile-main-menu .top-bar-section ul li:last-of-type {
	border-bottom: none;
}

#top-bar {
	display: none;
}
    #top-bar ul {
	    margin-bottom: 0; 
        list-style: none;
    }

.search-box {
	display: none;
	padding: 0.5em;
}

.search-box form {
	max-width: 317px;
	margin: 0 auto;
}

.search-box input[type="text"] {
	margin: 0;
	font-weight: 700;
	border: none;
}

/* -----------------------------------------------
:: Media specific
-------------------------------------------------- */
@media only screen {
}

@media only screen and (min-width:20em) {
	/*
	min-width:320px - iPhone portrait - small-grid;
	*/
}

@media only screen and (min-width:22.5em) {
	/*
	min-width:360px - Samsung Galaxy Nexus portrait - small-grid;
	*/
	#mobile-main-menu .top-bar .name li:first-of-type { margin-right: 7px; }
	#mobile-main-menu .top-bar .name li:first-of-type, .top-bar .name li { margin-left: 7px; }
}

@media only screen and (min-width:23.4375em) {
	/*
	min-width:375px - iPhone6 portrait - small-grid;
	*/
	#mobile-main-menu .top-bar .name { padding: 0.5rem 0.8rem; }
	#mobile-main-menu .top-bar .name li:first-of-type { margin-right: 8px; }
	#mobile-main-menu .top-bar .name li:first-of-type, .top-bar .name li { margin-left: 8px; }
    #mobile-main-menu .top-bar .name li:first-of-type, .top-bar .name .chosen { margin-left: -0.5em; }
}

@media only screen and (min-width:25.875em) {
	/*
	min-width:414px -  iPhone6 Plus portrait - small-grid;
	*/
	#mobile-main-menu .top-bar .name { padding: 0.5rem 2rem 0.5rem 3rem; }
	#mobile-main-menu .top-bar .name li:first-of-type { margin-right: 12px; }
	#mobile-main-menu .top-bar .name li:first-of-type, .top-bar .name li { margin-left: 12px; }
}

@media only screen and (min-width:30em) {
	/*
	min-width:480px - iPhone landscape - medium-grid;
	*/
	#mobile-main-menu .top-bar .name { padding: 0.5rem 3rem 0.5rem 3rem; }
}

@media only screen and (min-width:35.50em) {
	/*
	min-width:568px -  iPhone5 landscape - medium-grid;
	*/
}

@media only screen and (min-width:37.50em) {
	/*
	min-width:600px - Samsung Galaxy Nexus landscape - medium-grid;
	*/
}

@media only screen and (min-width:40em) {
	/*
	min-width:640px - all later Samsung Galaxy/Nexus landscape - medium-grid;
	*/
}

@media only screen and (min-width:41.6875em) {
	/*
	min-width:667px - iPhone6 landscape - medium-grid;
	*/
}

@media only screen and (min-width:46em) {
	/*
	min-width:736px - iPhone6 Plus landscape - medium-grid;
	*/

}

@media only screen and (min-width: 48em) {
	/*
	min-width:768px - iPad portrait - large-grid;
	*/
	#mobile-main-menu { display: none; }
	#header .cookie-banner .row, #primary .inline-list { width: 735px; }
	#header .cookie-banner .row .columns { width: auto; padding-left: 0.5em; padding-right: 0.5em; }
	#header .cookie-banner .row .columns span { padding: 2px 0;  }
	#header .cookie-banner .row .columns:last-child { float: right; }    
	#top-bar { display: block; }
    #top-bar .inline-list { max-width:1008px; }
	#top-bar > .row { position: relative; max-width: none; }
	#top-bar > .row:last-of-type { max-width: 64em; }
	#top-bar #primary-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    #header #top-bar .mycim-box{ top:-1.25em; right: 7px; }
    #primary-top{ border-top: solid 8px #000; text-align: center; z-index:15; }
    #primary-top .right .inline-list{ margin:8px 0; }
    #primary-top .right .inline-list a, #primary-top .right .inline-list button{ padding:5.5px 0; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; color:#737370; }
    #primary-top .right .inline-list .mycim-button{ color:#fff; }
    #primary-top .right .inline-list .mycim-button .profile-icon path  { stroke:#fff; fill:none; }
    #primary-top .right .inline-list a:hover{ background:#070078; color:#fff; }
    #primary-top .right .inline-list a:hover * { stroke:#fff; }
    #primary-top li.icon{ width: 48px; }
	#primary-select { padding-left: 0; padding-right: 0; background-color: #000; }
    #primary-select .inline-list{ width:100%; overflow:visible; }
	#primary-select ul { display: table; }
	#primary-select li, #primary .inline-list li, #primary-top .inline-list li.chosen { width: 16.666%; }
	#primary-select li, #primary-select .chosen { height: 4px; }
	#primary-select li { margin-left: 0; position:relative; }
	#primary-select li.icon, #primary-select li.icon .chosen, #primary .inline-list li.icon { width: 35px; }
	#primary-select .chosen { position: absolute; border-left: solid 8px #fff; border-right: solid 8px #fff; width:100%; }
	#primary-select .chosen figure { position: absolute; top: -8px; left: 50%; width: 15px; height: 8px; margin-left:-7px; -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg); }
	#primary-select .chosen figure svg { display: block; }
	#primary-select li.icon .chosen figure { left: 2px; }
    #primary-top, #primary{ padding: 0.5em 0; line-height: 0; }
	#primary { height: 4.5em; text-align: center; }
	#primary .inline-list { position: absolute; left: 0; right: 0; line-height: 1.65; z-index: 1; }
	#primary .inline-list li a, #primary .inline-list li button { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	#primary .inline-list li a { display: block; padding: 0.5em 0; font-family: 'Berlingske', Tahoma, sans-serif; font-weight: 700; }
	#primary-top .inline-list .cim-logo { margin:12px 16px; }
	#primary .inline-list li { float: left; height: 40px; margin-left: 0; font-size: 0.9375rem; font-size: 15px; width:16.666% /*background-color: #fff;*/ }
	#primary .inline-list li a:hover, #primary .inline-list li a:focus, #primary .inline-list li a.chosen:hover, #primary .inline-list li a.chosen:focus { color: #fff; }
	#primary .inline-list li a:hover .cim-logo *, #primary .inline-list li a:focus .cim-logo *, #primary .inline-list li.icon.fill a:hover path, #primary .inline-list li.icon.fill a:focus path { fill: #fff; }
	#primary .inline-list li a.chosen { color: #000; }
	#primary .inline-list li.icon.stroke a:hover path, #primary .inline-list li.icon.stroke a:focus path { stroke: #fff; }	
	#primary .inline-list li.icon button, #primary .inline-list li.icon a { padding: 0.1em 0; }
	#primary .inline-list li button { color: #737370; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	/* dropdown rules */
	#top-bar{ position:relative; background-color:#fff; z-index: 15; }
	#primary .inline-list li a.open { color: #fff; }
	#primary #dropdowns { position: relative; max-width: 64em; margin: 0 auto; }
	#primary .f-dropdown:before, #primary .f-dropdown:after { display: none; }
	#primary .f-dropdown { position: absolute; left: -9999px; width:100%; max-width: inherit; margin: 0; font-size: inherit; z-index: 1; list-style: none; }
	#primary .f-dropdown.open.wide { left: 0 !important; }
	#primary .f-dropdown.open:not(.wide) { max-width: 171px; }
    #primary .f-dropdown.open:not(.wide) .row > div:nth-of-type(2) { padding-top: 0.5em; }
    #primary .f-dropdown.open:not(.wide) .columns { width: 100%; padding: 0 0.5em; }
    #primary .f-dropdown.open:not(.wide) .columns:last-of-type { padding-bottom: 0.5em; }
	#primary .f-dropdown .row { margin: 0; background-color: #fff; }
    #primary .f-dropdown .row ul { margin: 0; padding-bottom:0.5em; padding-right:0.5em; }
	#primary .f-dropdown .row > div:nth-of-type(2) { padding-left: 0.5em; }
	#primary .f-dropdown .columns { padding-top: 0.5em; padding-bottom: 0.5em; }
	#primary .f-dropdown .columns:last-of-type { padding-right: 0.5em; }	
	#primary .f-dropdown li:first-of-type { margin-bottom: 8px; border-bottom: 1px solid #d3d3d3; }
	#primary .f-dropdown li { width: auto !important; height: auto !important; font-size: 0.75rem !important; font-size: 12px !important; }
	#primary .f-dropdown li a { display: block; padding: 0.5rem; font-family: 'Battersea', Tahoma, sans-serif; font-weight: 700; color: #000; line-height: 1; text-align: left; }
	#primary .f-dropdown li a:hover, #primary .f-dropdown li a:focus { color: #fff; }
	#primary .f-dropdown .dropdown-bg { background: none; border: none; z-index: 0; }
	.dropdown-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,0.45); border: 0.5em solid #fff; border-top: none; z-index: 2; }
	/* /dropdown rules */
    .search-box { position:absolute; top: -1em; right: 0; width: 320px; border: solid thin #fff; border-top: none; z-index: 1; }	
}

@media screen and (min-width:50em) {
	/*
	min-width:800px - Nexus7 portrait - large-grid;
	*/
	#header .cookie-banner .row, #primary .inline-list { width: 767px; }
	#primary-select li.icon, #primary-select li.icon .chosen, #primary .inline-list li.icon { width: 45px; }
	#primary-select li.icon .chosen figure { left: 7px; }
	#primary .f-dropdown.open:not(.wide) { max-width: 168px; }
}

@media screen and (min-width:64em) {
	/*
	min-width:1024px - iPad landscape - xlarge-grid;
	*/
	#header .cookie-banner .row, #primary .inline-list { width: 1008px; }
	#primary-select li.icon, #primary-select li.icon .chosen, #primary .inline-list li.icon { width: 48px; }
	#primary-select li.icon .chosen figure { left: 8.5px; }
	#primary { height: 4em; padding: 0.5em 0; }
	#primary .inline-list li { height: 48px; font-size: 1rem; font-size: 16px; }
	#primary .inline-list li a { line-height: 2; }
	#primary .inline-list li.icon a, #primary .inline-list li.icon button { padding: 0.35em 0; }
	.search-box { z-index: 99; }
}

@media screen and (min-width:80em) {
	/*
	min-width:1280px - Nexus7 landscape - large-grid;
	*/
}

/* For Footer Only */
.hide-for-medium-up {
	display: block !important;
}
@media screen and (min-width:768px) {
	.hide-for-medium-up {
		display: none !important;
	}
}

.show-for-medium-up {
	display: none !important;
}
@media screen and (min-width:768px) {
	.show-for-medium-up {
		display: block !important;
	}
}

.show-for-large-up {
	display: none !important;
}

@media screen and (min-width:992px) {
	.show-for-large-up {
		display: block !important;
	}
}