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

#header {
	height: 5.625em;
	width: 960;
	
	background-color: #006564;
	/* background-image: url(../../../../../images/Cargo/Cargo_header_bg.jpg);
	background-repeat: no-repeat; */
}


#header .left {
	float:left;
	width:360px;
	height:67px;
}

#header .right {
	float:right;
	width: 430px;/*350px;*/
	height: 67px;	
}

#header .right_login {
	float:right;
	width: 530px;/*430px;*//*350px;*/
	height: 67px;	
}

#header #logo {
	width:360px;
	height:67px;
}

#header #dnn_dnnLOGO_imgLogo {
	width:360px;
	height:67px;
}

#header #header_menu {
	/*width: 500px;*/ /*300px;*/ /*width: 330px;*/ 
	/*width: 510px \9;*/ /*310px \9;*/
	/**width: 510px; */ /*310px;*/ /*width: 340px;*/
	/*padding:10px 0 0 0;	
	width:510px;
	height:67px;
	text-align:center;
	margin:auto;
	padding-top: 7px;	*/
	/*width:510px;*/
	float:right;
	padding-right: 10px;	
}

#header #header_search {
	float: right;	
	/* width: 216px; */
}

#header_menu ul {	
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
	/*float: right;	
	list-style:none;*/
}
#header_menu .login_icon   {
	padding-top: 0px;
	margin-top: -4px;
}

#header_menu ul li {
	color: #BABABA;
	float:left;		
	list-style-type: none;
	padding-left: 2px;
	padding-right: 2px;
	/*font-size: 0.9em;*/
	font-size: 0.7em;
	font-size: 11px\0\9;
	letter-spacing: 0.05em;
	/*margin-top: 4px;*/
	-webkit-text-size-adjust:none;
}
#header_menu ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	/*float: left;*/
	padding-top: 3px;
	/*width: auto;*/
}
#header_menu ul li.langobject{
	float: left;
	list-style-type: none;
	color: #BABABA;
	/*padding: 0px;	
	margin: 0px;*/
	padding-top: 0px;
	margin-top: 0px;
	letter-spacing: 0px;
}
#header_menu ul li.langobject a{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	float: left;
	padding: 0px;
	width: auto;
}
.guide_header_search{
	height: 7px;	
	float: right;
	width: 330px;
	*height: 7px;
}



#header_search #header_search_input {
	float: right;
	margin-right: 35px;
	width: 175px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

	*border: 1px solid #FFF;
	color: #000;
	height: 15px;
	margin-top:3px \9;

	*margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	
}

/* new page header  */

div.page-header-bg{
	width: 100vw;
	min-width: 1440px;
	background-color: #F7F6F1;
	margin-left: min(calc((986px - 100vw)/2), 0px);
	margin-top: auto;
}

div.page-header {
	width: 1440px;
	height: 32px;
	margin-left: max(calc((100vw - 1440px)/2), 0px);
	
}

div.page-header-wrapper{
	display: grid;
	color: #367878;
	font-size: 14px;
	line-height: 17px;
	grid-template-columns: 1ft, 1fr;
	grid-template-areas: "lang close";
}

div.page-header-lang {
	grid-area: lang;
	padding: 8px 0;
	margin-left: 40px;
}

div.page-header-lang img {
	width: 12px;
	padding-bottom: 2px;
}

div.page-header-lang a {
	text-align: left;
	padding-left: 4px;
	border-left: 1px solid #367878;
}

div.page-header-lang a:first-of-type{
	border: 0;
}

div.page-header-close {
	background-color: #F7F6F1;
	grid-area: close;
	padding: 6px 0;
	margin-left: auto;
	margin-right: 36px;
}

div.page-header-close>a:hover{
	text-decoration: underline ;
}

div.firsttime-banner-bg{
	width: 100vw;
	margin-left: min(calc((986px - 100vw)/2), 0px);
	background-color: #F9F9F9;
}

div.firsttime-banner{
	width: 1440px;
	margin-left: max(calc((100vw - 1440px)/2), 0px);
	min-height: 48px;
	height: 48px;	
	background-color: #F9F9F9;
}

div.no-show{
	display: none !important;
}

div.banner-wrapper{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas: "lang lang close";
	padding: 12px 36px;
}

div.banner-lang{
	grid-area: lang;
	height: 20px;
	color: #2D2D2D;
	font-family: GTWalsheim;
	font-size: 14px;
	line-height: 20px;
}

span.banner-lang-text {
	margin: 0;
	margin-left: 4px;
	color:inherit;
	font-size: inherit;
	line-height: inherit;
	vertical-align: middle;
}

div.banner-lang > a {
	color: inherit;
	text-decoration: inherit;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #2D2D2D;
	vertical-align: middle;
}

div.banner-lang > a:first-of-type{
	border: 0;
}

div.banner-close{
	grid-area: close;
	margin-left: auto;
}

img.banner-close-image{
	cursor: pointer;
}

img.bottom-banner-close-image{
	cursor: pointer;
}

img.banner-close-image2{
	cursor: pointer;
}

/* new menu */

div.menu-behind-content-blur {
	filter: blur(4px);
	transition: filter 0.3s linear;
}
div.menu-behind-bg {
	width: 100vw;
	margin-left: min(calc((986px - 100vw)/2), 0px);
	background-color: black;
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5;
	right: 0;
	opacity: 0;
}

div.menu-behind-bg.-show {
	z-index: 910;
	opacity: 0.4;
	transition: opacity 0.3s linear;
}

div.page-menu-bg{
	width: 100vw;
	margin-left: min(calc((986px - 100vw)/2), 0px);
}

div.page-menu{
	width: 1440px;
	margin-left: max(calc((100vw - 1440px)/2), 0px);
}

div.page-menu-wrapper{
	display: flex;
	flex-direction: row;
}

div.menu-nav-wrapper{
	display: flex;
	flex-direction: row;
	color: #2D2D2D;
	font-family: GTWalsheim;
	width: 100%;
}

div.menu-logo{
	padding: 22px 41px 22px 36px;
}

ul.menu-nav-list{
	list-style: none;
	height: 28px;
	margin: 0;
}

li.menu-nav-item {
	display: inline-block;
	margin-left: 24px;
	padding: 32px 0 18px 0;
}

li.menu-nav-item:hover{
	box-shadow: #387E79 inset 0px -3px 0px; 
	cursor: pointer;
}

li.menu-nav-item > div{
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

a.menu-nav-account{
	margin: 28px 36px 16px auto;
	border: 1px solid #2D2D2D;
	border-radius: 15px;
	max-width: 114px;
	height: 16px;
	padding: 6px 16px;
	font-size: 16px;
	line-height: 19px;
	color: inherit !important;
	text-decoration: inherit;
}

a.menu-nav-account:hover{
	text-decoration: underline;
}

/* dropdown menu */

div.page-menu-dropdown-bg{
	width: 100vw;
	height: 464px;
	margin-bottom: -464px;
	margin-left: min(calc((986px - 100vw)/2), 0px);
	background-color:#FFFFFF;
	z-index: 920;
	position: relative;
}

div.page-menu-dropdown{
	width: 1440px;
	margin-left: max(calc((100vw - 1440px)/2), 0px);
	height: 464px;
}

div.dropdown-wrapper{
	font-family: GTWalsheim;
	display:block;
}

div.dropdown-layout{
	display: grid;
	grid-template-columns: repeat(4, 324px);
	gap: 0 24px;
	padding: 0px 36px;
}

div.page-menu-dropdown-bg.show,
div.dropdown-shipment.show, div.dropdown-solution.show, div.dropdown-support.show, 
div.dropdown-stories.show, div.dropdown-member.show{
	display: block;
}

div.page-menu-dropdown-bg, 
div.dropdown-shipment, div.dropdown-solution, div.dropdown-support, 
div.dropdown-stories, div.dropdown-member{
	display: none;
}

div.dropdown-list-wrapper{
	padding-top: 40px;
	padding-bottom: 40px;
}

img.dropdown-arrow{
	height: 21px;
}

img.dropdown-whitearrow {
	/* height: 28px; */
	padding-bottom: 15px;
}

p.dropdown-list-title{
	color: #2D2D2D;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	margin: 0px 0px 18px 0px;
}

p.dropdown-list-title > a {
	color: inherit;
}

p.dropdown-list-subtitle {
	color: #2D2D2D;
	font-size: 18px;
	line-height: 26px;
	margin: 0px 0px 18px 0px;
}

ul.dropdown-list{
	list-style: none;
	margin: 0;
}

li.dropdown-list-item{
	color: #367878;
	width: fit-content;
	font-size: 16px;
  	line-height: 24px;
	margin-bottom: 8px;
}

li.dropdown-list-item > a {
	color: inherit;
	cursor: pointer;
}

ul.dropdown-list > li.dropdown-list-item:last-of-type{
	margin-bottom: 0px;
}

div.dropdown-img-wrapper{
	padding-top: 88px;
	padding-bottom: 52px;
}

img.dropdown-img{
	width: 324px;
	height: 324px;
}

div.over-image{
	position: absolute;
	width: 276px;
	height: 300px;
	padding: 0 24px 24px 24px;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}

a.over-image-text{
	position: absolute;
	width: 274;
	text-align: left;
	font-size: 18px;
 	line-height: 28px;
	color: #FFFFFF;
}

a.over-image-text:hover {
	cursor: pointer;
}

/* div.dropdown-shipment, div.page-menu-dropdown-bg {
	display:block !important;
} */