@CHARSET "UTF-8";

.wd-header .wd-header-2 h1.wd-logo a img {
	width: 320px;
	height: 32px;
}
.wd-W {
	mask: url(/templates/expedialok/favicon/safari-pinned-tab.svg) no-repeat 50% 50%;
    -webkit-mask: url(/templates/expedialok/favicon/safari-pinned-tab.svg) no-repeat 50% 50%;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.wd-W {
		background: url(/templates/expedialok/favicon/mstile-150x150-w.png) no-repeat 50% 50%;
		background-size: 220%;
		mask: none;
	}
}

/* MOBIL MENÜ */

.wd-mobile-header {display:none;}
.wd-mobile-menu {display:none;}
@media (max-width: 767px) {
	.wd-mobile-header {display:block;position:relative;z-index:1030;top:0;left:0;background:#5bb7a4;width:100%;height:32px;margin-bottom:15px;}
	.open .wd-mobile-header {position:fixed;}
	.open .wd-content {margin-top:47px}
	.wd-mobile-header .wd-logo a {
		display: inline-block;
		width: 200px;
		height: 20px;
		margin: 6px 0 0 0;
		background-color: #fff;
		vertical-align: middle;
		mask: url(/templates/expedialok/img/expedialok_logo.svg) no-repeat 50% 50%;
	    -webkit-mask: url(/templates/expedialok/img/expedialok_logo.svg) no-repeat 50% 50%;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}
	#nav-icon {
	  width: 20px;
	  height: 15px;
	  position: relative;
	  margin: 8px 0 0 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  float: right;
	}
	#nav-icon span {
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #fff;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	#nav-icon span:nth-child(1) {
	  top: 0px;
	}
	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	  top: 6px;
	}
	#nav-icon span:nth-child(4) {
	  top: 12px;
	}
	.open #nav-icon span:nth-child(1) {
	  top: 6px;
	  width: 0%;
	  left: 50%;
	}
	.open #nav-icon span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.open #nav-icon span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.open #nav-icon span:nth-child(4) {
	  top: 6px;
	  width: 0%;
	  left: 50%;
	}
	.wd-mobile-menu {
		display: none;
		position: fixed;
		z-index: 1020;
		background: #5bb7a4;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: scroll;
		padding: 32px 15px 0 15px;
	}	
	.wd-mobile-menu .wd-usermenu {
		list-style: none;
		width: 32px;
		position: relative;
		float: right;
		padding: 0;
		margin: 10px -7px 0 0;
	}
	.wd-mobile-menu .wd-usermenu li {
		margin: 0 0 10px 0;
		text-align: center;
	}
	.wd-mobile-menu .wd-usermenu .wd-username,
	.wd-mobile-menu .wd-usermenu .wd-msg-count {display:none;}
	.wd-mobile-menu .wd-usermenu .wd-icon {
		color: #fff;
	}
	.wd-mobile-menu .nav {
		padding-right: 50px;
	}
	.wd-mobile-menu .nav>li>a {
		font-weight: 700;
		padding: 10px 15px 13px 15px;
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		transition: all .4s ease-in-out;
		text-transform: uppercase;
	}
	.wd-mobile-menu .nav>li>a:active,.submenu .nav>li>a:hover {
		background: transparent;
	}
	.subwd-mobile-menu .nav>li.active>a {
		color: #12234f;
	}
	.wd-header,.wd-menu {display:none;}
}