:root {
  --primary-color: #002f87;
  --gray: #f1f1f1;
  --hover-primary: #0063D0;
  --donate-primary: #cc0000;
  --donate-hover: #e30000;
  --transition-primary: .3s all ease-in-out;
}

#wttw-header-full {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  font-weight:300;
  font-size:20px;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  justify-content: center;
}

#wttw-header-full ul {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  list-style: none;
  margin:0;
  padding:0;
}

#wttw-header-full a {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  transition:.3s all ease-in-out; /* IE */
  transition:var(--transition-primary);
  text-decoration:none;
  color:#000;
  text-transform: lowercase;
}

#wttw-header-upper {
  background-color:#002f87; /* IE */
  background-color:var(--primary-color);
  box-sizing:border-box;
  display:flex;
  flex:1 0 76px;
  -webkit-justify-content:center;
  justify-content: center;
  -webkit-align-items:stretch;
  align-items: stretch;
}

.wttw-header-container,
#wttw-header-upper-right {
  display:flex;
  position:relative;
}

.wttw-header-container {
  max-width:1200px;
  padding:0 15px;
  box-sizing: border-box;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-flex:0 1 100%;
  flex:0 1 100%;
}

.wttw-logo-container {
  display:flex;
  -webkit-flex:1 0 0%;
  flex:1 0 0%;
  align-items: center;
}

ul.wttw-menu {
  margin-top:0;
  margin-bottom:0;
}

#wttw-header-upper-right {
  -webkit-flex:0 1 auto;
  flex:0 1 auto;
  flex-flow:row wrap;
  padding:.5em 0;
  -webkit-justify-content:flex-end;
  justify-content: flex-end;
}

a.wttw-logo {
  height:40px;
  display:flex;
}

.wttw-logo img {
  width:auto;
  height:100%;
}

/* Hide these donate/kids buttons in full to show in collapsed */
#wttw-header-full #wttw-header-upper li.wttw-donate,
#wttw-header-full #wttw-header-lower li.wttw-kids {
  display:none;
}


/*
** Social
*/

#wttw-header-full .wttw-social {
  display:flex;
}

#wttw-header-full .wttw-social a {
  display:inline-flex;
  border-radius:100em;
}

#wttw-header-full .wttw-social a:hover {
  opacity:.8;
}

#wttw-header-full .wttw-social img {
  margin:6px 6px 0;
  width:20px;
  height:20px;
  line-height:20px;
}


/*
**  Menus
*/

/* hide the mobile button in desktop view */
.wttw-menu-mobile-btn,
ul#wttw-menu-mobile {
  display:none;
}

.wttw-menu {
  list-style:none;
  display:flex;
}

#wttw-header-lower {
  display:flex;
  flex: 1 0 auto;
  -webkit-justify-content:center;
  justify-content: center;
  -webkit-align-items:stretch;
  align-items:stretch;
}

#wttw-nav-primary,
#wttw-nav-secondary {
  display:flex;
  align-items:stretch;
}

#wttw-nav-primary a,
#wttw-nav-secondary a {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  padding:.5em .75em;
  border-bottom:4px solid #fff;
  letter-spacing: .02em;
  line-height:normal;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items: center;
}

#wttw-nav-primary a:hover,
#wttw-nav-secondary a:hover,
#wttw-nav-primary a.has-submenu.highlighted {
  color:##002f87; /* IE */
  color:var(--primary-color);
  background-color:#f1f1f1; /* IE */
  background-color:var(--gray);
  border-bottom-color:#0063D0; /* IE */
  border-bottom-color:var(--hover-primary);
}

span.sub-arrow {
  background:url('https://www.wttw.com/global/wttw-header-full/img/chevron-down.svg') no-repeat center center;
  width:12px;
  height:12px;
  margin-left:6px;
  -webkit-filter: brightness(40%);
  filter: brightness(40%);
  transition:.3s all ease-in-out; /* IE */
  transition:var(--transition-primary);
}

#wttw-nav-primary a:hover span.sub-arrow,
#wttw-nav-secondary a:hover span.sub-arrow,
#wttw-nav-primary a.has-submenu.highlighted span.sub-arrow {
  transform:rotate(-180deg);
  -webkit-filter: brightness(20%);
  filter: brightness(20%);
}

#wttw-nav-primary .wttw-sub-menu {
  background-color:#fff;
  font-size:75%;
  box-shadow:0 3px 6px rgba(0,0,0,.16);
  padding:.5em 0;
}

#wttw-nav-primary .wttw-sub-menu a {
  border-bottom:0;
  padding:.75em 2.25em .75em 1.25em;
}

#wttw-nav-primary .wttw-sub-menu a:hover {
  padding:.75em 1.75em .75em 1.75em;
}

.wttw-sub-menu .wttw-chevron-right:after {
  content:'';
  background:url('https://www.wttw.com/global/wttw-header-full/img/chevron-right.svg') no-repeat center center;
  width:10px;
  height:10px;
  margin-top:2px;
  margin-left:4px;
  -webkit-filter: brightness(40%);
  filter: brightness(40%);
  transition:.3s all ease-in-out; /* IE */
  transition:var(--transition-primary);
}

.wttw-sub-menu a:hover .wttw-chevron-right:after {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

#wttw-header-full li.wttw-donate a {
  color:#fff;
  background-color: #cc0000; /* IE */
  background-color:var(--donate-primary);
  border-bottom:4px solid #cc0000; /* IE */
  border-bottom:4px solid var(--donate-primary);
}

#wttw-header-full li.wttw-donate a:hover {
  background-color:#e30000; /* IE */
  background-color:var(--donate-hover);
  border-bottom:#e30000; /* IE */
  border-bottom:4px solid var(--donate-hover);
}

#wttw-nav-secondary li.wttw-passport a:before {
  content:'';
  background:url('https://www.wttw.com/global/wttw-header-full/img/passport-icon.svg') no-repeat;
  width:20px;
  height:20px;
  margin-right:6px;
}

ul#wttw-nav-tertiary {
  font-size:75%;
  letter-spacing: .025em;
  margin-left:.5em;
  display:flex;
  align-items:flex-end;
}

#wttw-nav-tertiary a {
  display:flex;
  color:#fff;
  margin-left:1em;
}

#wttw-nav-tertiary a:hover {
  opacity:.8;
}

/* hide menu state checkbox (keep it visible to screen readers) */
#wttw-menu-mobile-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}

/*
**  Search
*/

.wttw-global-search {
  flex:1 100%;
  background:transparent;
}

.global-search-form {
  margin-bottom:0;
}

.wttw-global-search .input-group {
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:flex-end;
  justify-content: flex-end;
  -webkit-align-items:flex-end;
  align-items: flex-end;
}

.wttw-global-search .global-search-form-text {
  display:inline-block;
  box-sizing:border-box;
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  height:24px;
  width:100%;
  font-size:16px;
  margin-bottom:0;
  background:transparent url('https://www.wttw.com/global/wttw-header-full/img/search-icon.svg') no-repeat right;
  background-size:16px;
  padding-right:24px;
  color:#fff;
  border:none;
  box-shadow:none;
  outline:none;
  text-align: right;
}

.wttw-global-search input.global-search-form-text::placeholder {
  color:#fff;
  opacity: 1; /* Firefox */
}

.wttw-global-search input.global-search-form-text:-ms-input-placeholder,
.wttw-global-search input.global-search-form-text:-ms-input-placeholder {
  color:#fff;
}
/*  Removed image in favor of background image on text input
.wttw-global-search .search-submit input {
  height:16px;
  float:right;
  margin:0 0 4px 10px;
  display:inline-block;
}
*/

.offscreen {
 clip-path: inset(100%);
 clip: rect(1px 1px 1px 1px); /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; /* added line */
  width: 1px;
}

/*
** Collapsed header
*/

#wttw-header-full.collapsed #wttw-nav-secondary,
#wttw-header-full.collapsed #wttw-nav-tertiary {
  display:none;
}

#wttw-header-full.collapsed #wttw-header-upper {
  border-bottom:1px solid #4d6eab;
  -webkit-flex:1 0 70px;
  flex:1 0 70px;
}

#wttw-header-full.collapsed #wttw-header-lower {
  background-color:#002f87;
  background-color:var(--primary-color);
}

#wttw-header-full.collapsed #wttw-nav-primary a {
  font-size:16px;
  padding:.25em .75em;
  color:#fff;
  border-bottom-color:#002f87;
  border-bottom-color:var(--primary-color);
}

#wttw-header-full.collapsed #wttw-nav-primary a:hover,
#wttw-header-full.collapsed #wttw-nav-primary a.has-submenu.highlighted {
  background-color:#0063D0;
  background-color:var(--hover-primary);
  border-bottom-color:#0063D0;
  border-bottom-color:var(--hover-primary);
}


#wttw-header-full.collapsed #wttw-header-upper-right {
  -webkit-align-items:stretch;
  align-items: stretch;
  padding:0;
  flex-flow:row nowrap;
}

#wttw-header-full.collapsed #wttw-header-upper-right .wttw-social {order:1;}
#wttw-header-full.collapsed #wttw-header-upper-right .wttw-global-search {order:2;flex:-webkit-auto;flex:auto;}
#wttw-header-full.collapsed #wttw-header-upper-right .wttw-donate {order:3;}

#wttw-header-full.collapsed .wttw-social,
#wttw-header-full.collapsed .wttw-global-search,
#wttw-header-full.collapsed #wttw-header-upper li.wttw-donate a {
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items: center;
}

#wttw-header-full.collapsed #wttw-header-upper-right .global-search-form .global-search-form-text {
  width:90px;
  transition:all .5s ease-in-out;
}

#wttw-header-full.collapsed #wttw-header-upper-right .global-search-form .global-search-form-text:focus {
  width:200px;
}

#wttw-header-full.collapsed #wttw-header-upper ul.wttw-donate,
#wttw-header-full.collapsed #wttw-header-upper li.wttw-donate,
#wttw-header-full.collapsed #wttw-header-lower li.wttw-kids {
  display:-webkit-flex;
  display:flex;
}

#wttw-header-full.collapsed #wttw-header-upper li.wttw-donate a {
  margin-left:2em;
  padding:0 .5em;
  font-size:18px;
}

#wttw-header-full.collapsed span.sub-arrow {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

#wttw-header-full.collapsed #wttw-nav-primary a:hover span.sub-arrow,
#wttw-header-full.collapsed #wttw-nav-secondary a:hover span.sub-arrow,
#wttw-header-full.collapsed #wttw-nav-primary a.has-submenu.highlighted span.sub-arrow {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

#wttw-header-full.collapsed #wttw-nav-primary .wttw-sub-menu a {
  color:#000;
}

#wttw-header-full.collapsed #wttw-nav-primary .wttw-sub-menu a:hover {
  color:##0063D0; /* IE */
  color:var(--hover-primary);
  background-color:#f1f1f1; /* IE */
  background-color:var(--gray);
}

#wttw-header-full.collapsed #wttw-nav-primary .wttw-sub-menu a {
  padding:.4em 1.5em .4em .75em;
}

#wttw-header-full.collapsed #wttw-nav-primary .wttw-sub-menu a:hover {
  padding:.4em 1em .4em 1.25em;
}

/*
-----------------------------------------------
   These transform the menu tree from
   collapsible to desktop (navbar + dropdowns)
-----------------------------------------------*/
/* start... (it's not recommended editing these rules) */
.sm-wttw ul{position:absolute;width:12em;}
/*.sm-wttw li{float:left;}*/
.sm-wttw.sm-rtl li{float:right;}
.sm-wttw ul li,.sm-wttw.sm-rtl ul li,.sm-wttw.sm-vertical li{float:none;}
.sm-wttw a{white-space:nowrap;}
.sm-wttw ul a,.sm-wttw.sm-vertical a{white-space:normal;}
.sm-wttw .sm-nowrap > li > a,.sm-wttw .sm-nowrap > li > :not(ul) a{white-space:nowrap;}
/* ...end */

@media (max-width:1199px) {
  #wttw-header-full {
    font-size:16px;
  }
}

@media (max-width:768px) {
  #wttw-header-lower,
  #wttw-header-upper-right {
    display:none;
  }
}

@media (max-width:768px) {
  /*
  **  Mobile menu
  */

  .wttw-menu-mobile-btn {
    position: absolute;
    right:0;
    top:12px;
    display: inline-block;
    text-align: center;
    padding:24px;
    width: 28px;
    height: 28px;
    text-indent: 28px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing:border-box;
  }
  /* hamburger icon */
  .wttw-menu-mobile-btn-icon, .wttw-menu-mobile-btn-icon:before, .wttw-menu-mobile-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .wttw-menu-mobile-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
  }
  .wttw-menu-mobile-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
  }
  /* x icon */
  #wttw-menu-mobile-state:checked ~ .wttw-menu-mobile-btn .wttw-menu-mobile-btn-icon {
    height: 0;
    background: transparent;
  }
  #wttw-menu-mobile-state:checked ~ .wttw-menu-mobile-btn .wttw-menu-mobile-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #wttw-menu-mobile-state:checked ~ .wttw-menu-mobile-btn .wttw-menu-mobile-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* hide the menu in mobile view */
  #wttw-menu-mobile-state:not(:checked) ~ #wttw-menu-mobile {
    display: none;
  }
  #wttw-menu-mobile-state:checked ~ #wttw-menu-mobile {
    display: block;
  }

  ul#wttw-menu-mobile {
    position:absolute;
    top:70px;
    left:0;
    padding:1em 0 .75em;
    background-color:#fff;
    width:100%;
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
    text-transform:lowercase;
    font-weight:300;
  	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  ul#wttw-menu-mobile a {
    color:#000;
    padding:.5em 2em;
    font-size:16px;
    letter-spacing:.025em;
  }

  ul#wttw-menu-mobile li.secondary a {
    color:#002c85;
  }

  ul#wttw-menu-mobile li.tertiary a {
    color:#666;
  }

  ul#wttw-menu-mobile a:active,
  ul#wttw-menu-mobile a:hover {
    color:#0063D0;
    background-color:#f1f1f1;
  }

  ul#wttw-menu-mobile a.support {
    color:#cc0000;
  }

  ul#wttw-menu-mobile a.support:hover {
    color:#e30000;
  }

  /*
  **  Search
  */

  .wttw-global-search,
  .wttw-global-search.mobile {
    background-color:#f1f1f1;
    height:40px;
    margin:0 1em;
  }

  .wttw-global-search .input-group {
    width:100%;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
  }

  .wttw-global-search .global-search-form-text {
    display:inline-block;
    box-sizing:border-box;
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
    height:40px;
    padding:4px 8px;
    font-size:15px;
    background:#f1f1f1;
    color:#444;
    border:none;
    outline:none;
    box-shadow:none;
    text-align: left;
    width:90%;
  }

  .wttw-global-search input.global-search-form-text::placeholder {
    color:#999;
    opacity: 1; /* Firefox */
  }

  .wttw-global-search input.global-search-form-text:-ms-input-placeholder,
  .wttw-global-search input.global-search-form-text:-ms-input-placeholder {
    color:#999;
  }
/*
  .wttw-global-search .search-submit input {
    height:16px;
    position:absolute;
    right:0;
    top:0;
    margin:12px;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
  }
}*/