html{
	scroll-behavior: smooth;
}
*{
	box-sizing: border-box;
}
body {
	font: 16px/24px 'Roboto', Arial, sans-serif;
	background: #F3F4F5 url(bg.svg) no-repeat 50% 0%;
	background-size: 100% 50%;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

h1,h2,h3,h4{
	font: 16px/24px 'Open Sans', Arial, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

:not(h2):not(hr) + h3{
	padding-top: 24px;
}

h4{
	margin-bottom: 12px;
	font-weight: 400;
}


/* not part of theme, only to highlight text to be fixed */
.oooops{ 
	background-color: #FCC;
}
.oooops::after{
	content:"(this content needs review)";
	font-size: 12px;
	font-style: italic;
	background:#C00;
	color:#fff;
}
section a[href="#"]::after{ 
	content:"(missing link)";
	font-size: 12px;
	font-style: italic;
	background:#C00;
	color:#fff;
}
.brokenLink{
	font-style: italic;
	color: #747474;
	text-decoration: line-through;
}
/* /not part of theme, only to highlight text to be fixed */

.black{color:#333333 !important;}
.darkGrey{color:#4A4A4A !important;}
.lightGrey{color:#747474 !important;}
.red{color:#CC3333 !important;}
.orange{color:#96411D !important;}
.green{color:#2A7208 !important;}

.sentenceWaitingFor{
	font-size:14px;
	line-height: 22px;
	color:#747474 !important;
	font-style: italic;
}


.loading{
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='80px' height='16px' viewBox='0 0 80 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='loader'%3E%3Crect%3E%3Canimate id='ref' begin='0;ref.end' dur='1s' attributeName='visibility' from='hide' to='hide'/%3E%3C/rect%3E%3Ccircle id='o1' fill='%23D9D9D9' cx='8' cy='8' r='8'%3E%3Canimate attributeName='fill' values='%23D9D9D9;%23747474;%23D9D9D9' begin='ref.begin' dur='0.5s'/%3E%3C/circle%3E%3Ccircle id='o2' fill='%23D9D9D9' cx='40' cy='8' r='8'%3E%3Canimate attributeName='fill' values='%23D9D9D9;%23747474;%23D9D9D9' begin='ref.begin+0.25s' dur='0.5s'/%3E%3C/circle%3E%3Ccircle id='o3' fill='%23D9D9D9' cx='72' cy='8' r='8'%3E%3Canimate attributeName='fill' values='%23D9D9D9;%23747474;%23D9D9D9' begin='ref.begin+0.5s' dur='0.5s'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
}
.loading.smallLoadingIcon{
	background-size: 40px 8px;
}

.nowrap{
	white-space: nowrap;
}
.center{
	text-align: center;
}

.hidden:not(.forceVisible),
.forceHidden:not(.forceVisible){
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
}
.hidden:focus,
a:focus .hidden{
	left:inherit;
	width:auto;
	height:auto;
	z-index: 1000;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.24);
}

a{
	color: #084887;
}
a.greyLink{
	color: #747474;
}
ul,ol{
	margin: 0;
	padding: 0;
}
p{
	padding: 0;
	margin: 0 0 16px;
	max-width: 580px;
}
.sectionCnt:first-child p:first-child{
	padding-top: 16px;
}
.sectionCnt:first-child > p:first-child{
	padding-top: 8px;
}
@media screen and (min-width: 769px){
	.sectionCnt:first-child > p:first-child{
		padding-top: 24px;
	}
}

.sectionCnt:first-child .warningMessage p:first-child{
	padding-top: 0;
}

.formGroup input[type=submit]:not(.simpleLink),
.CTA{
	display: inline-block;
	font: 16px/24px 'Open Sans', Arial, sans-serif;
	color:#fff;
	font-weight: 600;
	text-decoration: none;
	padding: 10px 16px;
	border-radius: 4px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.15), 0px 1px 1px rgba(255,255,255,0.15);
	transition: opacity 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
	border:0;
	text-align: center;
}
.formGroup input[type=submit].small,
.CTA.small{
	padding: 4px 16px;
}
.CTA small{
	font-weight: 300;
}
.formGroup input[type=submit]:not([disabled]):not(.simpleLink),
.CTA:not(.disabled){
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.formGroup input[type=submit]:hover:not([disabled]):not(.simpleLink),
.formGroup input[type=submit]:focus:not([disabled]):not(.simpleLink),
.CTA:hover:not(.disabled),
.CTA:focus:not(.disabled){
	opacity: 0.95;
	color:#fff !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
.formGroup input[type=submit]:not(.simpleLink),
.CTA.type1{
	background: #084887;
	background: linear-gradient(to bottom, #084887 0%,#063b6e 100%);
}
.formGroup input[type=submit].type2,
.CTA.type2{
	background: #747474;
	background: linear-gradient(to bottom, #747474 0%,#646464 100%);
}
.formGroup input[type=submit].type3,
.CTA.type3{
	background: #CC3333;
	background: linear-gradient(to bottom, #CC3333 0%,#A91C1C 100%);
}
.formGroup input[type=submit].type2:hover:not([disabled]),
.formGroup input[type=submit].type2:focus:not([disabled]),
.CTA.type2:hover:not([disabled]),
.CTA.type2:focus:not([disabled]){
	opacity: 0.95;
	color:#fff !important;
}
.formGroup input[type=submit][disabled],
.CTA.disabled{
	opacity: 0.3;
	background: #4A4A4A;
	background: linear-gradient(to bottom, #4A4A4A 0%,#333333 100%);
	cursor: not-allowed;
	color:#fff !important;
}

.CTA .icon svg{
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 12px;
}
.CTA .icon svg #s1{ 
	fill:#fff;
}
.CTA .icon svg #s2{ 
	fill:rgba(255,255,255,0.75);
}

.inlineLinks input,
.inlineLinks button,
.inlineLinks a{
	display: inline-block;
	margin: 8px 32px 8px 0;
	min-height: 24px;
}


header{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	background: #FFF;
	min-height:68px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18);
	z-index: 10;
}
header.collapsedHeader{
	top:-68px;
}
header #digitachLogo{
	display: inline-block;
	width: 181px;
	height: 51px;
	background: url(digitach.svg) no-repeat 50% / contain;
	position: absolute;
	top:8px;
	left:66px;
}

header .functionnalNav .topMobile #loginWidget{
	float: right;
	margin: 12px 12px 12px 0;
}

header .functionnalNav form.logout{
	float: right;
	line-height: 44px;
	width:auto;
}
header .functionnalNav form.logout input{
	color:#747474;
	line-height: 44px;
}
header .functionnalNav .mycards{
	float: right;
	margin-right: 16px; 
	line-height: 44px;
}

header .mainNav ul{
	display: block;
	margin: 0;
	padding: 0;
}

header .mainNav ul a,
header .mainNav ul a span{
	color:#4A4A4A;
	height: 44px;
	vertical-align: middle;
	display: inline-block;
	line-height: 28px;
	text-decoration: none;
	transition:color 0.2s ease-in-out,border-color 0.2s ease-in-out;
	border-color:#FFF;
}
header .mainNav ul li.selected > a{
	border-color:#FC9222;
	color:#333;
}

header .mainNav ul a:hover,
header .mainNav ul a:hover span{
	color:#084887 !important;
}

header .mainNav ul a .icon svg #s1,
header .mainNav ul a .icon svg #s2{
	fill:rgba(116,116,116,0.75);
	transition: fill 0.2s ease-in-out;
}
header .mainNav ul .selected > a .icon svg #s1,
header .mainNav ul a:hover .icon svg #s1{
	fill:rgba(8,72,135,1);
}
header .mainNav ul .selected > a .icon svg #s2,
header .mainNav ul a:hover .icon svg #s2{
	fill:rgba(8,72,135,0.75);
}

#content{
	position: relative;
	display: block;
}

#content h1{
	display: block;
	color:#fff;
	background:#084887;
	line-height: 32px;
	width:100%;
	margin:-44px 0 -16px; 
}
#content h1 > span{
	display: block;
	width:100%;
	max-width: 676px;
	margin: 0 auto;
}
.wideContent #content h1 > span{
	max-width: 840px;
}


#mainCnt{
	display: block;
	width:100%;
	max-width: 676px;
	margin: 0 auto;

	color:#333;
}
.wideContent #mainCnt{
	max-width: 840px;
}


#mainCnt a:hover{color:#4676A5;}

a .file{font-size: 14px;margin-left: 4px;white-space: nowrap;}
a .file::before{content:"(";margin-right: 2px;}
a .file::after{content:")";}
a .file svg{margin-bottom: -3px;}
a .file svg path{fill:#96411D;}

a.fileLink{text-decoration: none;}
a.fileLink .underline{text-decoration: underline;}

a.fileLink.CTA .underline{text-decoration: none;}
a.CTA .file{font-weight: 300;}
a.CTA .file svg path{fill:#FFFFFF;}

#content a[href^="http"]::after{
	content: " ";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin:0 2px -1px;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath fill='rgb(8,72,135)' d='M13,4.67106781 L8.16066017,9.51040764 C7.96539803,9.70566979 7.64881554,9.70566979 7.45355339,9.51040764 C7.25829124,9.31514549 7.25829124,8.998563 7.45355339,8.80330086 L12.2568542,4 L9.5,4 C9.22385763,4 9,3.77614237 9,3.5 C9,3.22385763 9.22385763,3 9.5,3 L13.5,3 C13.6380712,3 13.7630712,3.05596441 13.8535534,3.14644661 C13.9440356,3.23692881 14,3.36192881 14,3.5 L14,7.5 C14,7.77614237 13.7761424,8 13.5,8 C13.2238576,8 13,7.77614237 13,7.5 L13,4.67106781 Z M8.93553391,5 L7.93553391,6 L4,6 C3.44771525,6 3,6.44771525 3,7 L3,13 C3,13.5522847 3.44771525,14 4,14 L10,14 C10.5522847,14 11,13.5522847 11,13 L11,9.17817459 L12,8.17817459 L12,13 C12,14.1045695 11.1045695,15 10,15 L4,15 C2.8954305,15 2,14.1045695 2,13 L2,7 C2,5.8954305 2.8954305,5 4,5 L8.93553391,5 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 100%;
}


#mainCnt > section{
	position: relative;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	transition: opacity 0.3s ease-in-out;
}
#mainCnt > section.secondary{
	background: #f3f9ff;
}

#mainCnt > section .anchorTo{
	margin-top: -112px;
	padding-top: 112px;
	display: block;
	width:1px;
	visibility: hidden;
}

#mainCnt > section + script + section,
#mainCnt > section + section{
	margin-top:24px;
}
#content .subSection{
	position: relative;
}
#content .subSection > h3{
	z-index: 1;
}
#content .subSection.forceCollapse > h3{
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

#content .subSection .sectionCnt{
	position: relative;
	padding: 0px 48px 0 40px; 
}

#content .sectionCnt:not(.showOverflow){
	overflow: hidden;
	padding-bottom: 24px;
}


#content section h2 strong,
#content section h3 strong{
	font-weight:400;
}

#content section hr{
	height:1px;
	border:0;
	border-top: solid 1px #D9D9D9;
	margin:32px 0;
}

#content section ul{
	display: block;
}
#content section ul li{
	display: block;
	background: no-repeat 8px 9px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='6px' height='6px' viewBox='0 0 6 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='%23084887' fill-rule='nonzero' fill-opacity='0.25'%3E%3Crect x='0' y='0' width='6' height='6' rx='1'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
	padding-left:32px;
	margin-bottom: 16px;
}

#content section ol{
	display: block;
	counter-reset: olCounter;
}
#content section ol li{
	display: block;
	margin-left: 32px;
	margin-bottom: 16px;
	counter-increment: olCounter;
	background-image:none;
}
#content section ol li::before{
	content: counter(olCounter) ".";
	color:rgba(150,65,29,0.75);
	font-weight: 700;
	font-size: 14px;
	width: 28px;
	margin-left: -32px;
	display: inline-block;
}

#content section ol > li > ol[type="a"] {
	counter-reset: olSubCounter;
}

#content section ol li > ol[type="a"] > li {
	counter-increment: olSubCounter;
	margin-left: 32px;
}

#content section ol li > ol[type="a"] > li::before {
	content: counter(olSubCounter, lower-alpha) ".";
	margin-left: -32px;
	width: 28px;
	display: inline-block;
}

#content section ol > li > ol[type="i"] {
	counter-reset: olSubCounter;
}

#content section ol li > ol[type="i"] > li {
	counter-increment: olSubCounter;
	margin-left: 32px;
}

#content section ol li > ol[type="i"] > li::before {
	content: counter(olSubCounter, lower-roman) ".";
	margin-left: -32px;
	width: 28px;
	display: inline-block;
}

#content section ol>li>ul>li {
	display: inline-block;
	counter-increment: none;
	background: no-repeat 8px 9px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='6px' height='6px' viewBox='0 0 6 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='%23084887' fill-rule='nonzero' fill-opacity='0.25'%3E%3Crect x='0' y='0' width='6' height='6' rx='1'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
	padding-left:32px;
	margin-bottom: 16px;
}

#content section ol>li>ul>li:before {
	content: normal;
}

#content section .warningMessage {
	background: rgba(8,72,135,0.03);
	border: solid 2px rgba(8,72,135,0.5);
	padding: 16px;
	margin: 16px 0;
	border-radius: 4px;
	color: #084887;
}
#content section h2+.warningMessage,
#content section h3+.warningMessage,
#content section h4+.warningMessage{
	margin-top: 0;
}
#content section .importantMessage{
	border-left:solid 4px rgba(8,72,135,0.25);
	padding-left:12px;
	margin-left:-12px;
	font-weight: 500;
}



#content .listBigIcons > .listItem{
	margin-left: 48px;
	margin-bottom: 24px;
	position: relative;
	min-height: 32px;
}
#content .listBigIcons > .listItem:not(:last-child){
	padding-bottom: 24px;
	border-bottom: solid 1px #d9d9d9;
}
#content .listBigIcons > .listItem > .icon{
	position: absolute;
	top: 0;
	left: -48px;
}
#content .listBigIcons > .listItem > .icon svg{
	width: 32px;
	height: 32px;
}
#content .listBigIcons > .listItem > .icon svg #s1{
	fill:rgb(8,72,135);
}
#content .listBigIcons > .listItem > .icon svg #s2{
	fill:rgba(8,72,135,0.75);
}



#content .listSmallIcons > .listItem{
	margin-left: 32px;
	margin-bottom: 16px;
	position: relative;
	min-height: 16px;
}
#content .listSmallIcons > .listItem:not(:last-child){
	padding-bottom: 16px;
}
#content .listSmallIcons > .listItem > .icon{
	position: absolute;
	top: 2px;
	left: -28px;
}
#content .listSmallIcons > .listItem > .icon svg{
	width: 16px;
	height: 16px;
}
#content .listSmallIcons > .listItem > .icon svg path{
	fill:rgb(8,72,135);
}

.destAddress .destName{
	font: 19px/28px 'Open Sans', Arial, sans-serif;
	color:rgb(8,72,135);
	margin-bottom: 12px;
}
.destAddress .destName strong{
	font-weight: 600;
	display: inline-block;
}

address{
	color:#4a4a4a;
	padding: 0;
	margin: 0 0 16px;
	font-style: normal;
}


figure{
	margin:8px 0 24px;
}
figure + figure{
	margin-top: 32px;
}
figure figcaption{
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
	color:#4a4a4a;
	margin-top:8px;
}
figure img{
	max-width: 100%;
}


figure.cardSpecimen{
	display: block;
	text-align: center;
}
figure.cardSpecimen img{
	width: 300px;
	border-radius: 12px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

@media screen and (min-width: 520px){
	figure.cardSpecimen{
		display: inline-block;
		max-width: 47%;
	}
	figure.cardSpecimen + figure.cardSpecimen{
		margin-left: 6%;
		margin-top: 8px;
	}
}






footer{
	margin-top:48px;
}
footer.stickBottom{
	position:fixed;
	width:100%;
	bottom:0;
}
@media screen and (min-width: 770px){
	footer{
		margin-top:96px;
	}	
}
footer #feedbackTxt{
	display: block;
	background:#084887;
	color:#fff;
	padding:24px 16px;
	text-align: center;
}
footer #feedbackTxt a{
	color: #fff;
	font-weight: 500;
}
footer #footerNav{
	display: block;
	background:#fff;
	padding:16px;
	text-align: center;
	box-shadow: 0 3px 12px rgba(0,0,0,0.18);
}
footer #footerDates{
	display: block;
	padding:16px 16px 24px;
	text-align: center;
	color:#696969;
}
footer #footerDates a{
	text-decoration: none;
	color:#696969;
}
footer #footerDates a:focus,
footer #footerDates a:hover{
	text-decoration: underline;
}

footer ul{
	display: block;
}
footer ul li{
	display: inline-block;
}





#mainCnt > section#contactMap{
	padding: 0;
}
#contactMap iframe{
	display: block;
	width:100%;
	height:40vh;
	border:0;
	border-radius: 8px;
}

.formGroup label{
	font-weight: 400;
	font-size: 16px;
}
.formGroup .formItem{
	display: inline-block;
}
.formGroup label+.formItem{
	margin-left: 24px;
}
.formGroup.error .formGroup:not(.error) .inputText,
.inputText{
	border:solid 1px #747474;
	padding: 0;
	background: #FFF;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 2px;

	transition: border 0.2s, background-color 0.2s;
}
.inlineFields .inputText{
	display: inline-block;
	margin-right: 4px;
}
.inputText input{
	border:0;
	padding:4px 8px;
	background: none;
	font-size: 16px;
	width: 100%;
	height: 30px;
}

.inputText.inputFile{
	width:calc(100% - 5px);
	overflow: visible !important;
}
.inputFile input[type="file"]{
	opacity: 0;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 1px;
	height: 1px;
}
.inputFile .value{
	overflow: hidden;
	width: 100%;
	height: 30px;
	padding: 4px 8px;
}
.inputFile.focus .value::before{
	content: "";
	position: absolute;
	display: block;
	top:2px;
	left: 2px;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	border:dotted 1px #747474;
}
.inputFile label{
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.inputFile label .CTA{
	position: absolute;
	right: -5px;
	top: -1px;
}
.inputFile.focus label .CTA{
	opacity: 0.95;
	color:#fff !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

.selectStandard select,
.selectAutosuggest select,
.selectOverwrite.selectStandard .selectUI,
.selectOverwrite.selectAutosuggest .selectUI{
	padding:4px 20px 4px 8px;
	font-size: 16px;
	width: 100%;
	height: 30px;
	border:solid 1px #747474;
	vertical-align: middle;
	border-radius: 2px;

    background: no-repeat 100% 50%;
	background-color: #FFF;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='32px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpolygon fill='%23747474' points='4 7 6 7 8 9 10 7 12 7 8 11'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.selectOverwrite.selectStandard .selectUI{
	height:34px;
	padding-right: 32px;
	overflow: hidden;
}
.error .selectOverwrite.selectStandard .selectUI{
	border: solid 1px #CC3333;
	background-color: rgba(204,51,51,0.12);
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='32px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpolygon fill='%23CC3333' points='4 7 6 7 8 9 10 7 12 7 8 11'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.selectStandard select,
.selectAutosuggest select{
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}
.selectStandard select::-ms-expand,
.selectAutosuggest select::-ms-expand{
	display: none;
}
.selectAutosuggest .defaultMsgNoresult .sentenceWaitingFor{
	display: none;
}

.selectOverwrite.selectStandard select,
.selectOverwrite.selectAutosuggest select{
	display: none;
}
.selectOverwrite.selectAutosuggest .selectUI{
	background-image: none;
}
.selectOverwrite.selectStandard .interact{
	position: absolute;
	left:-5000px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.selectOverwrite.selectStandard.focus{
	position: relative;
}
.selectOverwrite.selectStandard.focus::before{
	content: "";
	position: absolute;
	display: block;
	top:2px;
	left: 2px;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	border:dotted 1px #747474;
}
.selectOverwrite{
	position: relative;
	z-index: 0;
}
.selectOverwrite.showExpand{
	z-index: 50;
}
.selectOverwrite .options,
.selectOverwrite .defaultMsgNoresult{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	max-height: 264px;
	overflow: auto;
	background:#FFF;
	box-shadow: 0 3px 12px rgba(0,0,0,0.18);
	display: none;
}
.selectOverwrite.selectAutosuggest .options,
.selectOverwrite.selectAutosuggest .defaultMsgNoresult{
	top:30px;
}
.selectOverwrite.selectAutosuggest .defaultMsgNoresult{
	padding:12px 16px;
}
.error .selectOverwrite.selectAutosuggest input{
	border: solid 1px #CC3333;
	background: rgba(204,51,51,0.12);
}
.selectOverwrite .options .option{
	position: relative;
	padding:12px 16px;
	border:solid 1px #FFF;
	border-bottom: solid 1px #D9D9D9;
}

.selectOverwrite .options .separator{
	border-bottom: solid 2px #D9D9D9;
}

.selectOverwrite .options .option.selected{
	background-position: 4px 12px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpolygon fill='%23084887' points='5 12 10 17.5 19 6 18 5 10 15 6 11'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
	padding-left: 32px;
}

.selectOverwrite .options .option.focused{
	border:dotted 1px #747474;
	background-color: #F3F9FF;
}
.selectOverwrite.showExpand .options{
	display: block;
}

.selectOverwrite.selectAutosuggest.autoSugNoResult .options,
.selectOverwrite.selectAutosuggest .defaultMsgNoresult{
	display: none;
}
.selectOverwrite.selectAutosuggest.autoSugNoResult .defaultMsgNoresult,
.selectOverwrite.selectAutosuggest .defaultMsgNoresult .sentenceWaitingFor{
	display: block;
}


.inputText input.filterContent{
	width: calc(100% - 32px);
}
.filterArea .inputText{
	border:solid 1px #D9D9D9;
}
.filterArea .inputText input{
	height: 40px;
}
.inputText .resetInputButton{
	display: inline-block;
	position: absolute;
	right:0;
	top:0;
	overflow: hidden;
	text-indent: -3000px;
	width:40px;
	height: 40px;
}
.inputText .resetInputButton svg{
	position: absolute;
	top:8px;
	left:8px;
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
	opacity: 0;
	transform: rotate(180deg);
}
.inputText .resetInputButton svg path{
	fill:#4A4A4A;
}
.inputText.filled .resetInputButton svg{
	opacity: 1;
	transform: rotate(0deg);
}

.orderBlocked{
	color:#CC3333;
	position: relative;
	padding:0 0 0 24px;
}

.orderComplInfo{
	background:rgba(8,72,135,0.03);
	border:solid 2px rgba(8,72,135,0.5);
	padding:16px 16px 0;
	margin: 32px 0;
	border-radius: 4px;
	color:#084887;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18)
}
#content section .orderComplInfo h3{
	color:#084887;
	padding-bottom: 8px;
}
.orderComplInfo a.mainLink{
	font-weight: 500;
}
.orderComplInfo a.mainLink .file{
	font-weight: 300;
}


form{
	width: 100%;
}
.formGroup.disabled,
.formGroup .disabled{
	color:#747474;
}
.formGroup.hidden{
	display: none;
}
.formGroup input:invalid{
	box-shadow: none;
}
.formGroup.error .inputText{
	border:solid 1px #CC3333;
	background: rgba(204,51,51,0.12);
}

.formGroup .labelArea,
.formGroup .inputArea{
	vertical-align: top;
}

.formGroup .labelArea{
	padding-bottom: 12px;
}
.formGroup .labelArea:empty{
	display: none;
}
.formGroup .inputArea{
	padding-bottom: 16px;
}
.formGroup.noBottomSpace > .inputArea{
	padding-bottom: 0;
}
.formGroup .labelArea label{
	font-weight: 500;
}
.formGroup .labelArea label small{
	font-weight: 300;
}
.formGroup .helper{
	font-size: 12px;
	line-height:16px;
	color:#4A4A4A;
	padding:3px 0 3px 20px;
	margin:4px 0;
	position: relative;
}
.formGroup .inputRadChk > label+.helper{
	margin: -12px 0 24px 32px;
}

.localMessage,
.errorIcon,
.warningIcon{
	position: relative;
}
.errorIcon,
.warningIcon{
	padding-left: 24px;
}
.orderBlocked::before,
.formGroup .helper::before,
.localMessage::before,
.errorIcon::before,
.warningIcon::before{
	position: absolute;
	left:0;
	top:3px;
	content:" ";
	width:16px;
	height:16px;
}
.field-validation-error::before {
	content: " ";
	width: 16px;
	height: 16px;
}
.field-validation-error{
	padding-left: 20px;
}
.formGroup.error .formGroup:not(.error) .helper.typeInfo,
.formGroup .helper.typeInfo,
.formGroup.error .helper.typeWarning,
.formGroup.error .helper.typeError {
	display: block;
}
.formGroup.error .formGroup:not(.error) .helper.typeError.field-validation-error {
	display: block;
}
.formGroup.error .formGroup:not(.error) .helper.typeWarning,
.formGroup.error .formGroup:not(.error) .helper.typeError,
.formGroup.error .helper.typeInfo,
.formGroup .helper.typeWarning,
.formGroup .helper.typeError,
.formGroup .helper.typeError.field-validation-valid,
.formGroup.error .helper.typeError.field-validation-valid {
	display: none;
}

.formGroup .helper.typeInfo::before,
.localMessage.typeInfo::before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 Z M8,6 C8.55228475,6 9,5.55228475 9,5 C9,4.44771525 8.55228475,4 8,4 C7.44771525,4 7,4.44771525 7,5 C7,5.55228475 7.44771525,6 8,6 Z M8.5,7.5 L6.5,7.5 C5.5,11.0694622 6.5,12.7277653 9.5,12.4749094 C8.03807119,12.2815826 7.70473785,10.6232794 8.5,7.5 Z' fill-opacity='0.75' fill='%23084887' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

}
.formGroup .helper.typeWarning::before,
.localMessage.typeWarning::before,
.warningIcon::before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M8.85478752,1.90788532 L15.5777633,12.9810219 C15.864387,13.453108 15.71404,14.0681638 15.2419539,14.3547875 C15.0855092,14.4497718 14.9059975,14.5 14.7229758,14.5 L1.27702424,14.5 C0.72473949,14.5 0.27702424,14.0522847 0.27702424,13.5 C0.27702424,13.3169783 0.327252466,13.1374665 0.422236724,12.9810219 L7.14521248,1.90788532 C7.43183619,1.43579921 8.04689203,1.28545223 8.51897813,1.57207594 C8.6562559,1.65542315 8.7714403,1.77060755 8.85478752,1.90788532 Z M8,11 C7.44771525,11 7,11.4477153 7,12 C7,12.5522847 7.44771525,13 8,13 C8.55228475,13 9,12.5522847 9,12 C9,11.4477153 8.55228475,11 8,11 Z M8,4 C7.44771525,4 7,4.44771525 7,5 L7,9 C7,9.55228475 7.44771525,10 8,10 C8.55228475,10 9,9.55228475 9,9 L9,5 C9,4.44771525 8.55228475,4 8,4 Z' fill-opacity='0.75' fill='%2396411D' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.orderBlocked::before,
.formGroup .helper.typeError::before,
.localMessage.typeError::before,
.errorIcon::before,
.field-validation-error::before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 Z M4,7 C3.44771525,7 3,7.44771525 3,8 C3,8.55228475 3.44771525,9 4,9 L12,9 C12.5522847,9 13,8.55228475 13,8 C13,7.44771525 12.5522847,7 12,7 L4,7 Z' fill='%23CC3333' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.formGroup .inputRadChk label{
	display: block;
	margin: 0 0 16px;
}
.formGroup .inputRadChk label > span{
	display: inline-block;
	max-width: calc(100% - 32px);
}
.formGroup .inputRadChk.small label{
	font-size: 14px;
	line-height: 22px;
}
.formGroup .inputRadChk.small label > span{
	padding-top: 2px;
}

.privacyDiscl input[type=checkbox],
.formGroup input[type=checkbox],
.formGroup input[type=radio]{
    -webkit-appearance:none;
    appearance:none;

    background:no-repeat 5px 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1.4,5 L12.6,5 C13.3731986,5 14,5.62680135 14,6.4 L14,17.6 C14,18.3731986 13.3731986,19 12.6,19 L1.4,19 C0.62680135,19 9.46895252e-17,18.3731986 0,17.6 L0,6.4 C-9.46895252e-17,5.62680135 0.62680135,5 1.4,5 Z M1,6 L1,18 L13,18 L13,6 L1,6 Z' fill='%23747474' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    overflow:hidden;

    width:24px;
    height:24px;

    margin: 0px 8px 0 0px;

    vertical-align: top;
}
.privacyDiscl input[type=checkbox],
.formGroup input[type=checkbox]{
	background-position: 5px 1px;
}
.privacyDiscl input[type=checkbox]::-ms-check,
.formGroup input[type=checkbox]::-ms-check,
.formGroup input[type=radio]::-ms-check{
    display: none;
}

.formGroup input[type=checkbox]:disabled,
.formGroup input[type=radio]:disabled{
	opacity:0.3;
}
.privacyDiscl input[type=checkbox]:checked,
.formGroup input[type=checkbox]:checked{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1.4,5 L12.6,5 C13.3731986,5 14,5.62680135 14,6.4 L14,17.6 C14,18.3731986 13.3731986,19 12.6,19 L1.4,19 C0.62680135,19 2.22139294e-13,18.3731986 2.22044605e-13,17.6 L2.22044605e-13,6.4 C2.21949915e-13,5.62680135 0.62680135,5 1.4,5 Z M1,6 L1,18 L13,18 L13,6 L1,6 Z' fill='%23747474' fill-rule='nonzero'%3E%3C/path%3E%3Cpolygon fill='%23084887' fill-rule='nonzero' points='2 11 7 16.5 16 5 15 4 7 14 3 10'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.formGroup input[type=radio]{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M7,19 C3.13400675,19 -1.89182003e-13,15.8659932 -1.89182003e-13,12 C-1.89182003e-13,8.13400675 3.13400675,5 7,5 C10.8659932,5 14,8.13400675 14,12 C14,15.8659932 10.8659932,19 7,19 Z M7,18 C10.3137085,18 13,15.3137085 13,12 C13,8.6862915 10.3137085,6 7,6 C3.6862915,6 1,8.6862915 1,12 C1,15.3137085 3.6862915,18 7,18 Z' fill='%23747474' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.formGroup input[type=radio]:checked{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M7,19 C3.13400675,19 0,15.8659932 0,12 C0,8.13400675 3.13400675,5 7,5 C10.8659932,5 14,8.13400675 14,12 C14,15.8659932 10.8659932,19 7,19 Z M7,18 C10.3137085,18 13,15.3137085 13,12 C13,8.6862915 10.3137085,6 7,6 C3.6862915,6 1,8.6862915 1,12 C1,15.3137085 3.6862915,18 7,18 Z' fill='%23747474' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M7,16 C9.209139,16 11,14.209139 11,12 C11,9.790861 9.209139,8 7,8 C4.790861,8 3,9.790861 3,12 C3,14.209139 4.790861,16 7,16 Z' fill='%23084887' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.privacyDiscl input[type=checkbox]:focus,
.formGroup input[type=checkbox]:focus,
.formGroup input[type=radio]:focus{
	outline: dotted 1px #747474;
}


.subFormGroup{
	margin-left: 32px;
	margin-bottom: 16px;
}
.subFormBlue{
	padding:16px;
	background:#F3F9FF;
}
.subFormGroup .subFormGroup{
	margin-left: 0px;
	padding-left: 32px;
	padding-right: 0;
}
.subFormGroup .inputRadChk+.subFormGroup{
	padding-top: 0px;
}

@media screen and (max-width: 420px){
	.subFormGroup{
		margin-left: 0px;
	}
	.subFormGroup .subFormGroup{
		padding-left: 16px;
	}	
}

.extraInformation{
	position: relative;
	display: inline-block;
	z-index: 3;
}
.extraInformation .questionMark{
	position: relative;
	z-index: 1;
	width:40px;
	height:40px;
	margin:-12px -8px -14px;
	display:inline-block;
	background:no-repeat 12px 12px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 Z M8,13 C8.55228475,13 9,12.5522847 9,12 C9,11.4477153 8.55228475,11 8,11 C7.44771525,11 7,11.4477153 7,12 C7,12.5522847 7.44771525,13 8,13 Z M8.99999785,9.5 C8.99999785,9.16666667 8.99999857,8.97792383 9,8.93377149 C9.37703621,8.5919004 9.93973361,8.09947996 10.0821068,7.95710678 C10.6792911,7.35992247 11,6.76432021 10.9999978,6 C11,4.28393342 9.93005548,3 7.99999785,3 C6.06994452,3 4.99999785,4.5 5,5.8222451 C5,6.13868944 4.9911151,6.73407515 5.78728462,6.73407515 C6.58345414,6.73407515 7,6.14449019 7,5.8222451 C6.99999785,5.5 7.26338882,5 7.99999785,5 C8.73661118,5 9,5.31606658 8.99999785,6 C9,6.14639407 8.92487558,6.28591086 8.66789322,6.54289322 C8.54527213,6.66551431 7.60777213,7.47801431 7.29289322,7.79289322 C7.10535684,7.9804296 7,8.23478351 6.99999785,8.5 C6.99999785,8.83333333 6.99999785,9.16666667 6.99999785,9.5 C6.99999785,10 7.49999892,10.3382532 7.99999892,10.3382532 C8.49999892,10.3382532 9,10.0591291 8.99999785,9.5 Z' fill='%23084887' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.extraInformation .extraInformationPop{
	position:absolute;
	z-index:0;
	top:-8px;
	left:24px;
	max-width:260px; 
	max-height:0;
	width:100vw;
	overflow:hidden;
	transition:max-height 0.2s ease-in-out;
}
.extraInformation .extraInformationPop .cnt::before{
	content: " ";
	width:12px;
	height:25px;
	position:absolute;
	left:0px;
	top:8px;
	background:no-repeat 0 0;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='13px' height='24px' viewBox='0 0 13 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpolygon fill='%23F3F9FF' points='13 0 13 24 12 23 2 12 12 1'%3E%3C/polygon%3E%3Cpolygon fill='%23084887' points='12 1 2 12 12 23 11 24 0 12 11 0'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}
.extraInformation.forceLeft .extraInformationPop{
	top:24px;
}
.extraInformation.forceLeft .extraInformationPop .cnt::before{
	display:none;
}
.extraInformation .extraInformationPop .cnt{
	display: block;
	width: 240px;
	padding:8px 16px 24px;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 300 !important;
	border-left:solid 2px #084887;
	margin:2px 4px 8px 10px;
	background: #F3F9FF;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}
.extraInformation.forceLeft  .extraInformationPop .cnt{
	border-left: 0;
	border-top: solid 2px #084887;
}
.extraInformation.show{
	z-index: 20;
}
.extraInformation.show .extraInformationPop{
	max-height: 550px; 
}


@media screen and (min-width: 420px){
	.formGroup .inputRadChk.inlineFields label{
		display: inline-block;
		margin-right: 24px;
	}
}
@media screen and (min-width: 520px){
	.displayInColumns{
		display: table;
	}
	.displayInColumns .formGroup{
		display: table-row;
	}
	.displayInColumns .formGroup .labelArea,
	.displayInColumns .formGroup .inputArea{
		display: table-cell;
	}
	.displayInColumns .formGroup .labelArea{
		width: 27%;
		padding-top: 6px;
		padding-bottom: 16px;
		vertical-align: top;
	}
	.formGroup .labelArea+.inputArea{
		padding-left: 32px;
		vertical-align: bottom;
	}
}



.filterArea{
	padding:16px;
	margin-bottom: 24px;
	background:#F3F4F5;
	border-bottom:solid 1px #D9D9D9;
}
section > .sectionCnt > .filterArea{
	margin-left: -48px;
	margin-right: -48px;
	padding: 16px 48px;
}
@media screen and (max-width: 769px){
	section > .sectionCnt > .filterArea{
		margin-left: -16px;
		margin-right: -16px;
		padding: 16px;
	}
}


.filterControler .inputText{
	width:calc(100% - 100px);
}


.filterBlock{
	overflow: hidden;
	transition: max-height 0.3s ease-in-out,margin-bottom 0.3s ease-in-out;
}
.hiddenFilter{
	max-height: 0;
	display: none;
	margin-bottom: 0 !important;
}


.collapsibleInit{
	position: relative;
}

.collapsibleInit .collapsibleLabel{
	position: relative;
	padding-right: 40px;
	padding-top: 4px;
	min-height: 40px;
	cursor: pointer;
}
.collapsibleInit .collapsibleLabel .arrowIcon{
	position: absolute;
	top: 6px;
	right: 0; 
}
.collapsibleInit .collapsibleLabel .arrowIcon svg{
	width:24px;
	height:24px;
	transition: transform 0.2s ease-in-out;
	transform: rotate(0deg);
}
.collapsibleInit.collapsed .collapsibleLabel .arrowIcon svg{
	transform: rotate(-180deg);
}
.collapsibleInit .collapsibleLabel .arrowIcon svg polygon{
	fill:#747474;
}
.collapsibleInit .collapsibleCnt{
	max-height: 5000px;
	transition: max-height 0.3s ease-in-out;
	overflow: hidden;
}
.collapsibleInit.collapsed .collapsibleCnt{
	max-height: 0;
	transition: max-height 0.3s ease-in-out;
}
.collapsibleInit .collapsibleAnchor{
	position: absolute;
	top:-120px;
}


#mainCnt > section.noTranslation{
	background-color: #FFE8DF;
	font-size: 14px;
	line-height: 18px;
	padding-top:16px;
	padding-bottom:8px;
}


.FAQ .FAQitem{
	margin-bottom: 16px;
	border-bottom: solid 1px #D9D9D9;
}
#content section.FAQ .FAQitem .number{
	color: rgba(150,65,29,1);
	font-weight: 700;
	font-size: 16px;
	margin-left: 0px;
	width: 32px;
	display: inline-block;
	position: absolute;
	top:7px;
	left: 0;
}
#content section.FAQ .FAQitem h3{
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 24px;
	line-height: 28px;
}
#content section.FAQ .FAQitem .collapsibleCnt{
	color:#4a4a4a;
}
#content section.FAQ .FAQitem .number+h3,
#content section.FAQ .FAQitem .number+h3+.collapsibleCnt{
	padding-left: 32px;
}
#content section.FAQ .FAQitem .collapsibleCnt > :last-child{
	margin-bottom: 32px;
}
#content section.FAQ .FAQitem .collapsibleCnt p:first-child{
	padding-top: 0;
}


.popup,
.popup .lockBG{
	width: 100vw;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
.popup .lockBG{
	background-color: rgba(0,0,0,0);
	transition: background-color 0.1s ease-in-out;
}
.popup.show{
	z-index: 100;
}
.popup.show .lockBG{
	background-color: rgba(0,0,0,0.2);
}
.popup .popWin{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-51%, -50%);
	width: 720px;
	max-width: 95%;
	max-height: 100%;
	background: #FFF;
	box-shadow: 0 12px 36px rgba(0,0,0,0.22);
}
.popup.show .popWin{
	display: block;
}
.popup.show .popWin h1{
	background: #084887;
	display: block;
	font-size: 22px;
	line-height: 32px;
	padding:8px 48px 8px 16px;
	color:#fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}
.popup.show .popWin h4{
	font-size: 19px;
	line-height: 28px;
	color: #333;
	padding-top: 8px;
	padding-right: 36px;
}
.popup.show .popWin .closePopupBt{
	position: absolute;
	right: 0;
	top: 0;
	padding:12px;
}
.popup.show .popWin .closePopupBt svg path{
	fill:#fff;
}
.popup.show .popWin .popupContent{
	overflow: auto;
	padding: 16px 24px 32px;
}


#loginPopup .popupContent {
	padding: 8px;
}
#loginPopup .popupContent .linkContainer{
	opacity:1;
	transition: opacity ease-in-out 0.2s;
	margin-top: 16px;
}
#loginPopup .popupContent .linkContainer.disabled{
	opacity:0.3;
}
#loginPopup .popupContent .privacyDiscl{
	position: relative;
	padding:8px 24px;
	font-size: 19px;
	width:calc(100% + 16px);
	background: #fff;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	z-index:5;
	margin: 0 -8px;
	transition: all ease-in-out 0.2s;
}
#loginPopup .popupContent .privacyDiscl label span{
	line-height: 32px;
}
#loginPopup .popupContent .privacyDiscl.disabled{
	padding:54px 24px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	margin-bottom: -92px;
}
#loginPopup .popupContent .lnkDriver,
#loginPopup .popupContent .lnkCompany{
	float: left;
	background: no-repeat 50% 50%;
	width:calc(50% - 16px);
	margin:8px;
	height:320px;
	text-align: center;
	text-decoration: none;
}
#loginPopup .popupContent .lnkDriver{
	background-image: url(./images/illuIndividual.svg);
}
#loginPopup .popupContent .lnkCompany{
	background-image: url(./images/illuCompany.svg);
}
#loginPopup .popupContent a .sentence{
	display: block;
	font-size: 14px;
	margin:194px 0 8px;
}
@media screen and (max-width: 639px){
	#loginPopup .popWin{
		width:288px;
	}
	#loginPopup .popupContent .lnkDriver,
	#loginPopup .popupContent .lnkCompany{
		width:calc(100% - 16px);
		height:220px;
		background-position: 50% 67%;
	}
	#loginPopup .popupContent a .sentence{
		margin-top:116px;
	}
}



#mainCnt > section.homepage{
	position: relative;
	padding-left: 80px;
	background: linear-gradient(to bottom, #FFFFFF 50%,#F9FCFF 100%);
	border-bottom: solid 1px rgba(252, 146, 34,0.5);
}
#mainCnt > section.homepage .sectionCnt{
	padding-bottom: 40px;
	overflow: visible;
}
#mainCnt > section.homepage .cardIcon{
	position: absolute;
	top:24px;
	left:24px;
}
#mainCnt > section.homepage .cardIcon svg{
	width: 32px;
	height: 32px;
}
#mainCnt > section.homepage .cardIcon svg #s1{
	fill: rgba(8,72,135,1);
}
#mainCnt > section.homepage .cardIcon svg #s2{
	fill: rgba(8,72,135,0.75);
}
#mainCnt > section.homepage .priceLine{
	color: #4A4A4A;
	position: absolute;
	top:30px;
	right: 32px;
}
#mainCnt > section.homepage .priceLine strong{
	font-weight: 400;
	font-size: 22px;
}
#mainCnt > section.homepage .presentation{
	margin-top: -24px;
}
#mainCnt > section.homepage .detailsLine{
	margin-bottom: 8px;
}
#mainCnt > section.homepage .actionLine a{
	display: inline-block;
	white-space: nowrap;
	margin-top: 16px;
}
#mainCnt > section.homepage .actionLine a:not(:last-child){
	margin-right: 32px;
}

#mainCnt > section.homepage .extraInfo{
	margin-top: 32px;
	border-radius: 4px;
	border:solid 1px #D9D9D9;
	padding:0 16px;
	background: #F3F4F5;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12) inset;
}
#mainCnt > section.homepage .extraInfo > div:not(:last-child){
	border-bottom: solid 1px #D9D9D9;
}
#mainCnt > section.homepage .extraInfo > div{
	padding-top:12px;
}
#mainCnt > section.homepage .extraInfo h3{
	font-size: 16px;
}
@media screen and (max-width: 769px){
	#mainCnt > section.homepage .priceLine{
		top:22px;
	}
	#mainCnt > section.homepage .presentation{
		margin-top: -16px;
	}
}
@media screen and (max-width: 499px){
	#mainCnt > section.homepage{
		padding-left: 48px;
	}
	#mainCnt > section.homepage .priceLine{
		position: static;
		padding:0 0 8px 0;
	}
	#mainCnt > section.homepage .cardIcon{
		left:16px;
	}
	#mainCnt > section.homepage .cardIcon svg{
		width: 24px;
		height: 24px;
	}
	#mainCnt > section.homepage .actionLine a.greyLink{
		font-size: 14px;
	}
	#mainCnt > section.homepage .actionLine a.greyLink .file{
		font-size: 12px;
	}
	#mainCnt > section.homepage .extraInfo{
		margin-left: -32px;
	}
}






@media screen and (max-width: 599px){
	#content .subSection .sectionCnt {
		padding: 0px 16px;
	}

	#content .listBigIcons > .listItem{
		margin-left: 32px;
		min-height: 24px;
	}
	#content .listBigIcons > .listItem > .icon{
		left: -32px;
	}
	#content .listBigIcons > .listItem > .icon svg{
		width: 24px;
		height: 24px;
	}

	footer ul li{
		display: block;
		margin:16px 16px;
	}
}


@media screen and (min-width: 600px){
	footer ul li:not(:first-child)::before{
		content:" - ";
		display: inline-block;
		margin:0 16px;
	}
}


@media screen and (max-width: 769px){
	header.collapsedHeader{
		transition: top 0.3s ease-out;
	}
	header.expandedAndLocked.collapsedHeader{
		top:0;
	}
	header #mainNavContainer{
		position: absolute;
		left:0;
		top:0;
	}
	header #mainNavContainer .mainNavContent{
		position: relative;
		z-index: 1;

		width:296px;
		height:100%;
		max-width:58px;
		max-height:56px;
		overflow: hidden;
		box-shadow: 0 0 0 rgba(0,0,0,0);
		border-radius: 0 0 50% 0;
		background: #fff;
		margin:0;
		transition: all 0.1s ease-out;
	}
	header #mainNavContainer #navIcon{
		float: left;
		margin: 12px 14px;
		padding:10px;
		cursor: pointer;
	}
	header #mainNavContainer #navIcon svg{
		float: left;
	}
	header #mainNavContainer #navIcon svg rect{
		fill:#747474;
		transition: all 0.1s ease-out;
	}
	header #mainNavContainer.focus .mainNavContent,
	header #mainNavContainer.expanded .mainNavContent{
		position: fixed;
		left:0;
		top:0;
		border-radius: 0;
		max-width:296px;
		max-height:100%;
		box-shadow: 0 12px 36px rgba(0,0,0,0.22);
	}
	header #mainNavContainer.focus #navIcon svg rect#r1,
	header #mainNavContainer.expanded #navIcon svg rect#r1{
		transform-origin: 0% 0%;
		transform: rotate(45deg) translate(5px,-5px);
	}
	header #mainNavContainer.focus #navIcon svg rect#r2,
	header #mainNavContainer.expanded #navIcon svg rect#r2{
		transform-origin: 50% 50%;
		transform: scale(0,1);
	}
	header #mainNavContainer.focus #navIcon svg rect#r3,
	header #mainNavContainer.expanded #navIcon svg rect#r3{
		transform-origin: 50% 50%;
		transform: rotate(-45deg) translate(0px,-6.5px);
	}
	header #mainNavContainer.focus .lockBG,
	header #mainNavContainer.expanded .lockBG{
		background-color: rgba(0,0,0,0.2);
		width: 100vw;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
		transition: background-color 0.1s ease-out;
	}
	header .functionnalNav{
		position: relative;
		height: 100%;
		min-height: 300px;
	}
	header .mainNav{
		position: absolute;
		height: calc(100% - 112px);
		width:296px;
		top:68px;
		left: 0px;
		overflow: auto;
	}
	header .mainNav ul li{
		border-bottom:solid 1px #F3F3F3;
		display: block;
		position: relative;
	}
	header .mainNav ul li .arrowIcon{
		position: absolute;
		top: 0;
		right: 0;
		transition: transform 0.2s ease-in-out;
		width: 44px;
		height: 44px;
		padding: 14px;
		transform: rotate(-180deg);
		cursor: pointer;
	}
	header .mainNav ul li .arrowIcon svg polygon{
		fill:#747474;
	}
	header .mainNav ul li.focus > .arrowIcon,
	header .mainNav ul li.expanded > .arrowIcon{
		transform: rotate(0deg);
	}
	header .mainNav ul a{
		padding:8px 12px 8px 18px;
		margin-left:6px;
		min-width:60%;
	}
	header .mainNav ul li.selected > a:first-child{
		border-left-width: 6px;
		border-left-style: solid;
		margin-left:0px;
	}
	header .mainNav ul ul{
		background: rgba(8,72,135,0.06);
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-in-out;
	}
	header .mainNav ul .focus > ul,
	header .mainNav ul .expanded > ul{
		max-height: 500px;
	}
	header .mainNav ul ul li{
		border-bottom:none;
	}
	header .mainNav ul ul a:first-child{
		font-size: 14px;
		margin-left:6px;
	}
	header .mainNav ul ul li.selected > a:first-child{
		border-left: solid 3px #FC9222;
		margin-left:3px;
	}
	header .mainNav ul ul ul li.selected > a:first-child{
		border-left: solid 1px #FC9222;
		margin-left:5px;
	}
	header .mainNav ul ul a .icon svg{
		width:24px;
		height:24px;
	}
	header .mainNav ul ul a:first-child .icon{
		margin-right: 12px;
	}
	header .mainNav .home .icon{
		display: none;
	}
	header .functionnalNav .topMobile{
		height: 68px;
		overflow: hidden;
		background:#fff;
		box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	}
	header .functionnalNav #langSelect{
		position: absolute;
		height: 44px;
		background: #4A4A4A;
		width: 100%;
		left: 0;
		bottom: 0;
		text-align: center;
	}
	header .functionnalNav #langSelect .currentValue{
		display: none;
	}
	header .functionnalNav #langSelect ul li{
		display: inline-block;
		width:44px;
		height: 44px;
		margin:0 12px;
	}
	header .functionnalNav #langSelect a{
		display: inline-block;
		width:44px;
		height: 44px;
		color: #fff;
		padding:8px 0;
		text-decoration: none;
	}
	header .functionnalNav #langSelect li:not(.selected) a{
		background:#333;
		font-weight: bold;
		box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	}

	#preContent{
		display: block;
		max-height:68px;
	}

	#anchorsMenu{
		display: none;
	}

	#mainCnt > section{
		padding:8px 16px 0;
	}

	.titleHeightFix{
		background:#F0F;
	}
	.mobileSticky{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		padding-left: 16px;
		padding-right: 16px;
		background: #FFF;
	}
	.subSection > .mobileSticky{
		padding-top: 12px;
		background: #F3F4F5;
	}


	#mainCnt .mobileExpand > .sectionCnt{
		max-height: 0px;
		padding-bottom: 0px;
	}
	#mainCnt .subSection.mobileExpand > .sectionCnt{
		padding-bottom: 2px;
	}
	#mainCnt > section.mobileExpand > h2,
	#mainCnt .subSection.mobileExpand > h3{
		cursor: pointer;
	}
	#mainCnt .mobileExpand.focus > .sectionCnt,
	#mainCnt .mobileExpand.expanded > .sectionCnt{
		max-height: inherit;
		padding-bottom: 24px;
		overflow: visible;
	}
	#mainCnt .subSection.mobileExpand.focus > .sectionCnt,
	#mainCnt .subSection.mobileExpand.expanded > .sectionCnt{
		padding-top: 16px;
	}
	#mainCnt .mobileExpand .arrowIcon{
		position: absolute;
		top: 8px;
		right: 8px;
		transition: transform 0.2s ease-in-out;
		transform-origin: 16px 16px;
		transform: rotate(-180deg);
	}
	#mainCnt .mobileExpand.focus .arrowIcon,
	#mainCnt .mobileExpand.expanded .arrowIcon{
		transform: rotate(0deg);
	}
	#mainCnt .mobileExpand .arrowIcon svg{
		width: 32px;
		height: 32px;
	}
	#mainCnt .mobileExpand .arrowIcon svg polygon{
		fill:#747474;
	}

	#content h1{
		font-size: 22px;
		padding:56px 16px 30px;
	}
	#content section h2{
		font-size: 19px;
		line-height: 28px;
		color:#333;
		padding-bottom: 16px;
		padding-top: 8px;
		padding-right: 36px;
	}
	#content section.homepage h2{
		padding-top: 16px;
		padding-bottom: 16px;
	}
	#content section h3{
		font-size: 17px;
		line-height: 26px;
		color:#333;
		padding-bottom: 12px;
		padding-right: 36px;
	}
	#content section > h3{
		font-weight: 600;
	}	
	#content section h3 strong{
		font-weight: 700;
	}
	#content section ul li{
		padding-left: 16px;
		background-position: 0px 9px;
	}
	#content .subSection{
		margin-left:-16px;
		margin-right:-16px;
	}

	#content .mobileExpand.focus .mobileSticky.fixed,
	#content .mobileExpand.expanded .mobileSticky.fixed{
		position: fixed;
		box-shadow: 0 1px 3px rgba(0,0,0,0.18);
		margin-top: 68px;
		transition: margin-top 0.3s ease-out;
	}
	.goDown #content .mobileExpand.focus .mobileSticky.fixed,
	.goDown #content .mobileExpand.expanded .mobileSticky.fixed{
		margin-top:0px;
	}
	#content .mobileExpand.focus .mobileSticky.fixed.fixAtBottom,
	#content .mobileExpand.expanded .mobileSticky.fixed.fixAtBottom{
		margin-top:0px;
		position: absolute;
	}
}



@media screen and (min-width: 770px){
	.onlySmallScreen{
		display: none;
	}
	header #digitachLogo{
		left:12px;
	}

	header #navIcon{
		display: none;
	}
	header .functionnalNav{
		display: block;
		height:68px;
	}
	header .functionnalNav #langSelect{
		float: right;
		display: block;
		margin:12px 24px 0 0;
		text-align: center;
		cursor: pointer;
	}
	header .functionnalNav #langSelect li{
		display: inline-block;
		width:60px;
	}
	header .functionnalNav #langSelect li a{
		text-decoration: none;
		border-bottom: none;
		padding:10px 0 14px;
		display: block;
	}
	header .functionnalNav #langSelect.ready{
		width: 60px;
		position: relative;
		z-index: 100;
	}
	header .functionnalNav #langSelect.ready ul{
		position: absolute;
		background: #fff;
		box-shadow: 0 2px 6px rgba(0,0,0,0.18);
		max-height: 0px;
		overflow: hidden;
		transition: box-shadow 0.3s ease-in-out, max-height 0.3s ease-in-out;
	}
	header .functionnalNav #langSelect.ready li{
		display: block;
	}
	header .functionnalNav #langSelect.ready li.selected{
		display: none;
	}
	header .functionnalNav #langSelect.ready .currentValue{
		color:#4A4A4A;
		text-decoration: none;
		position: relative;
		padding: 12px 0;
		display: block;
	}
	header .functionnalNav #langSelect.ready .currentValue .iconArrow{
		position: absolute;
		top:14px;
		right: 0px;

		transition: transform 0.2s ease-in-out;
		transform: rotate(-180deg);
		transform-origin: 8px 9px;
		cursor: pointer;
	}
	header .functionnalNav #langSelect.ready .currentValue .iconArrow svg polygon{
		fill:#747474;
	}
	header .functionnalNav #langSelect.ready.expanded .currentValue .iconArrow,
	header .functionnalNav #langSelect.ready.focus .currentValue .iconArrow{
		transform: rotate(0deg);
	}
	header .functionnalNav #langSelect.ready.expanded ul,
	header .functionnalNav #langSelect.ready.focus ul{
		max-height: 300px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.18);
	}

	header .home .homeLabel{
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
	}
	header .home a:focus .homeLabel{
		left:inherit;
		width:auto;
		height:auto;
		z-index: 1000;
		background: #fff;
		box-shadow: 0 2px 4px rgba(0,0,0,0.24);
	}
	header .home svg path{
		fill:rgba(116,116,116,0.75);
		transition: fill 0.2s ease-in-out;
	}
	header .selected .home svg path,
	header a.home:hover svg path{
		fill:rgba(8,72,135,1);
	}
	header .mainNav li a{
		border-bottom-width: 3px;
		border-bottom-style: solid;

	}
	header .mainNav li a:hover{
		border-color:#084887;
	}
	header .mainNav li:not(.selected){
		position: relative;
		z-index: 5;
	}
	header .mainNav li.selected,
	header .mainNav li.selected li{
		position: relative;
		z-index: 0;
	}
	header .mainNav li:not(.selected) ul li .icon{
		display: none;
	}
	header .mainNav li:not(.selected) ul li a{
		height: auto;
	}
	header .mainNav .selected li:not(.selected) ul{
		padding: 0;
		margin: 0;
		text-align: left;
	}
	header .mainNav .selected li:not(.selected) ul li{
		padding: 0;
		margin: 0;
	}
	header .mainNav .selected li:not(.selected) ul li a{
		height: auto;
		padding-top: 8px;
	}
	header .mainNavContent{
		background: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	}
	header .mainNav{
		text-align: center;
		position: relative;
		padding:0 24px;
	}
	header .mainNav li a{
		display: inline-block;
		min-width: 44px;
		padding-top: 8px;
	}
	header .mainNav .arrowIcon{
		display: none;
	}
	header .mainNav > ul{
		width: 100%;
		max-width: 840px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content:space-between;
		align-items:stretch;
		align-content:stretch;
	}	
	header .mainNav > ul > li{
		margin: 0 24px;
		display: inline-block;
	}	
	header .mainNav ul ul{
		overflow: hidden;
		position: absolute;
		background: #fff;
		max-height: 0px;
		transition: max-height 0.2s ease-in-out;
	}
	header .mainNav li:not(.selected) ul ul{
		display: none;
	}
	header .mainNav li.selected ul ul{
		display: block;
	}
	header .mainNav ul li:not(.selected):hover > ul,
	header .mainNav ul li:not(.selected).focus > ul{
		max-height: 500px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	}
	header .mainNav ul li:not(.selected) ul li,
	header .mainNav ul li:not(.selected) ul li a,
	header .mainNav ul li:not(.selected) ul li a .label{
		display: block;
		border-color:#fff;
		text-align: left;
	}
	header .mainNav ul li:not(.selected) ul li a:hover{
		text-decoration: underline;
	}
	header .mainNav ul li:not(.selected) ul li .label{
		height: auto;
		white-space: nowrap;
		padding: 4px 16px;
	}
	header .mainNav ul li.selected > ul{
		display: block;
		position: fixed;
		overflow: visible;
		top: 112px;
		left: 0;
		width: 100vw;
		height: 88px;
		max-height: 88px;
		background: #fff;
		box-shadow: 0 3px 3px rgba(0,0,0,0.18);
		transition: max-height 0.3s ease-out;
	}
	header .mainNav ul li.selected > ul::before{
		content:" ";
		height:3px;
		width: 100vw;
		position: absolute;
		top: -3px;
		left: 0;
		overflow: hidden;
		box-shadow: 0 2px 2px rgba(0,0,0,0.12);
	}
	header .mainNav ul li.selected ul li{
		display: inline-block;
		margin: 0 24px;
	}
	header .mainNav ul li.selected ul li a{
		display: inline-block;
		padding-top: 16px;
		height: 88px;
	}
	header .mainNav ul ul li .icon{
		height: 32px;
		margin-bottom:8px;
	}
	header .mainNav ul ul li .label{
		height: 24px;
	}
	header .mainNav ul ul li a span{
		display: block;
	}
	header .mainNav ul ul li svg{
		width: 32px;
		height: 32px;
	}


	header.collapsedHeader .selected .localDepth2,
	header.collapsedHeader .selected .selected .localDepth3{
		max-height: 44px;
		top:44px;
	}
	header .selected .localDepth2 a,
	header .selected .selected .localDepth3 a{
		transition: max-height 0.3s ease-out;
		max-height: 88px;
	}
	header.collapsedHeader .selected .localDepth2 a,
	header.collapsedHeader .selected .selected .localDepth3 a{
		padding-top: 9px;
		max-height: 44px;
	}
	header .selected .localDepth2 a .icon,
	header .selected .selected .localDepth3 a .icon{
		max-height: 32px;
		overflow: hidden;
		transition: max-height 0.3s ease-out,margin-bottom 0.3s ease-out;
	}
	header.collapsedHeader .selected .localDepth2 a .icon,
	header.collapsedHeader .selected .selected .localDepth3 a .icon{
		max-height: 0;
		overflow: hidden;
		margin-bottom: 0;
	}



	#mainNavContainer.navDepth3 .selected a.linkDepth2{
		height: 44px;
		padding-top: 9px;
	}
	#mainNavContainer.navDepth3 .selected a.linkDepth2 .icon{
		display: none;
	}
	#mainNavContainer.navDepth3 .selected ul.localDepth2{
		height: 44px;
		max-height: 44px;
	}
	#mainNavContainer.navDepth3 .selected .selected ul.localDepth3{
		top:156px;
	}
	header.collapsedHeader #mainNavContainer.navDepth3 .selected .selected  ul.localDepth3{
		top:88px;
	}

	#anchorsMenu #anchorsNavIcon,
	#anchorsMenu .anchorsTitle{
		display: none;
	}

	#preContent{
		display: block;
		height: 200px;
	}

	#anchorsMenu{
		position: absolute;
		width: calc(50% - 338px);
		text-align: right;
		padding-top: 32px;
		z-index: 2;
	}
	#anchorsMenu ul{
		display: inline-block;
		width:100%;
		max-width: 300px;
		text-align: left;
	}


	#anchorsMenu li{
		padding:10px 32px 10px 24px;
		line-height: 24px;
		overflow: hidden;
		display: block;
		position: relative;
	}
	#anchorsMenu li.lvl2{
		padding-left:48px;
	}
	#anchorsMenu li a{
		color:#4A4A4A;
		text-decoration: none;
		display: inline-block;
	}
	#anchorsMenu li a::before{
		content:' ';
		display: inline-block;
		vertical-align: top;
		margin-top: 10px;
		width: 20px;
		height: 8px;
		margin-left:-20px;
		background:no-repeat 0px 0px;
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='12px' height='8px' viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Crect fill='%23FC9222' x='0' y='0' width='12' height='8' rx='2'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
		opacity: 0;
		transition: opacity 0.2s ease-out;
	}
	#anchorsMenu li a:hover{
		color:#333;
		text-decoration: underline;
	}
    #anchorsMenu li a:hover::before {
        opacity: 1;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12px' height='8px' viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Crect fill='%23084887' x='0' y='0' width='12' height='8' rx='2'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
    }
	#anchorsMenu li::after{
		content:' ';
		position: absolute;
		top: 4px;
		right: -52px;
		display: inline-block;
		width: 36px;
		height: 36px;
		background:#FFF;
		border-radius: 4px;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.18);
		transition: right 0.2s ease-out;
		transform: rotate(45deg) translate(5px,-5px);
	}
	#anchorsMenu li.current a{
		color:#333;
	}
	#anchorsMenu li.current a::before{
		opacity: 1;
	}
	#anchorsMenu li.current::after{
		right: -22px;
	}
	#anchorsMenu li.lvl2.current::after{
		right: -26px;
	}

	#mainCnt > section{
		border-radius: 8px;
		padding:1px 48px 0;
	}
	#mainCnt > section > .sectionCnt{
		padding-bottom:40px;
		margin-left: -48px;
		padding-left: 48px;
		overflow: visible;
	}

	#mainCnt > section.forceCollapse > .sectionCnt{
		overflow: hidden;
	}

	.subSection.forceCollapse > h3{
		padding-top: 16px;
		background: #F3F4F5;
		margin-left:-40px;
		margin-right:-48px;
		padding-left: 40px;
		padding-right: 48px;
	}

	#mainCnt > section.forceCollapse > .sectionCnt,
	#mainCnt .subSection.forceCollapse > .sectionCnt{
		min-height: 0px;
		max-height: 0px;
		padding-bottom: 0px;
	}
	#mainCnt .subSection.forceCollapse{
		padding-bottom: 1px;
	}
	#mainCnt .subSection.forceCollapse:last-child{
		padding-bottom: 8px;
	}
	#mainCnt > section.forceCollapse > h2,
	#mainCnt .subSection.forceCollapse > h3{
		cursor: pointer;
	}
	#mainCnt .forceCollapse.expanded > .sectionCnt{
		max-height: inherit;
		padding-bottom: 24px;
		overflow: visible;
	}
	#mainCnt .subSection.forceCollapse.expanded > .sectionCnt{
		padding-top: 24px;
		border-left:8px solid #F3F4F5;
		margin-left:-40px;
	}
	#content .subSection > h3{
		position: relative;
	}

	#mainCnt .forceCollapse .arrowIcon{
		display: block;
		position: absolute;
		top: 16px;
		right: 16px;
		transition: transform 0.2s ease-in-out;
		transform-origin: 16px 16px;
		transform: rotate(-180deg);
	}
	#mainCnt .forceCollapse.expanded > h2 > .arrowIcon,
	#mainCnt .forceCollapse.expanded > h3 > .arrowIcon{
		transform: rotate(0deg);
	}
	#mainCnt .forceCollapse .arrowIcon svg{
		width: 32px;
		height: 32px;
	}
	#mainCnt .forceCollapse .arrowIcon svg polygon{
		fill:#747474;
	}


	#content h1{
		font-size: 28px;
		padding:76px 16px 36px;
	}
	#content section h2{
		font-size: 22px;
		line-height: 32px;
		color:#333;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	#content section hr + h2{
		padding-top: 0;
	}
	#content section h3{
		font-size: 19px;
		line-height: 28px;
		color:#333;
		padding-bottom: 16px;
	}

}


@media screen and (min-width: 768px) and (max-width: 1160px){
	#anchorsMenu .anchorsNavContainer{
		position: absolute;
		top:24px;
		left:calc(100% - 64px);
		width: 360px;
		max-width: 360px;
		overflow: hidden;
		background: rgba(255,255,255,0.95);
		box-shadow: 0 3px 12px rgba(0,0,0,0.18);
		border-radius: 8px;
		max-width: 0;
		max-height: 0;
		transition: all 0.1s ease-out;
		text-align: left;
	}
	#anchorsMenu #anchorsNavIcon{
		display: block;
		position: absolute;
		z-index: 1;
		top: 32px;
		right: 12px;
		width:44px;
		height:44px;
		border-radius: 50%;
		padding: 10px;
		text-align: center;
		background: #084887;
		background: linear-gradient(to bottom, #084887 0%,#063b6e 100%);
		box-shadow: 0 3px 12px rgba(0,0,0,0.18);
		transition: all 0.1s ease-out;
	}
	#anchorsMenu #anchorsNavIcon svg{
		float: left;
	}
	#anchorsMenu #anchorsNavIcon svg rect{
		fill:#FFF;
		transition: all 0.1s ease-out;
	}
	
	#anchorsMenu.expanded #anchorsNavIcon{
		background: #fff;
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	#anchorsMenu.expanded #anchorsNavIcon svg rect#r1{
		fill:#747474;
		transform-origin: 0% 0%;
		transform: rotate(45deg) translate(5px,-5px);
	}
	#anchorsMenu.expanded #anchorsNavIcon svg rect#r2{
		fill:#747474;
		transform-origin: 50% 50%;
		transform: scale(0,1);
	}
	#anchorsMenu.expanded #anchorsNavIcon svg rect#r3{
		fill:#747474;
		transform-origin: 50% 50%;
		transform: rotate(-45deg) translate(0px,-6.5px);
	}
	#anchorsMenu.expanded .anchorsNavContainer{
		max-width: 360px;
		max-height: 100vh;
	}
	#anchorsMenu .anchorsTitle{
		display: block;
		font-size: 19px;
		line-height: 28px;
		color:#747474;
		padding:16px 24px 16px 58px;
		background: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	}
	#anchorsMenu ul{
		padding-left: 36px;
		overflow: auto;
		max-height: 60vh;
		max-width: 100%;
		padding-bottom: 16px;
	}
	#anchorsMenu li.current::after{
		display: none;
	}

}


/* widgets */
.announcementMessage{
	background: #FFF2E5 !important;
	padding-top:16px !important;
	padding-bottom:16px !important;
	max-width: 676px;
	margin:0 auto;
}
.announcementMessage .sectionCnt{
	padding-bottom:0 !important;
}

.announcementMessage .sectionCtrl{
	text-align: right;
	font-weight: bold;
	padding-bottom:0 !important;
}
.announcementMessage .sectionCtrl a{
	text-decoration: none;
	font-size: 14px;
	color:#96411D;
	white-space: nowrap;
	line-height: 44px;
}
.announcementMessage .sectionCtrl a:not(first-child){
	margin-left: 32px;
}
.announcementMessage .sectionCtrl a:hover{
	color:#333 !important;
	text-decoration: underline;
}


#cookieMessage{
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	color:#fff;
	background:rgba(0,0,0,0.8);
	padding:16px;
	z-index: 5000;
}
#cookieMessage div{
	max-width: 676px;
	margin: 0 auto;
}
#cookieMessage div.actions{
	text-align: right;
}
#cookieMessage a{
	color:#e3eaf3;
	padding-left: 24px;
	white-space: nowrap;
	line-height: 44px;
}

/* /widgets */