@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:700i");
#mobile-header {
  background: #2cc3f0 url(../img/header-bg.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  z-index: 10;
  position: fixed;
  width: 100%;
  padding: 10px 0;
  top: 0;
  right: 0;
}
#mobile-header .ts-wrap {
  padding: 0 30px;
}
#mobile-header .ts-row {
  margin: 0 -30px;
}
#mobile-header [class*=ts-col-] {
  padding: 0 30px;
}
#mobile-header .logo {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: white;
  /*border-bottom: 1px solid white;*/
}
#mobile-header .social-header svg {
  fill: #01709d;
}
#mobile-header nav, #mobile-header .contact {
  position: relative;
  z-index: 100;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mobile-header nav .icon__phone, #mobile-header nav .icon__menu, #mobile-header .contact .icon__phone, #mobile-header .contact .icon__menu {
  line-height: 10px;
}
#mobile-header nav .icon__phone svg:first-child, #mobile-header .contact .icon__phone svg:first-child {
  display: block;
}
#mobile-header nav .icon__phone svg:last-child, #mobile-header .contact .icon__phone svg:last-child {
  display: none;
}
#mobile-header nav .icon__phone.open svg:first-child, #mobile-header .contact .icon__phone.open svg:first-child {
  display: none;
}
#mobile-header nav .icon__phone.open svg:last-child, #mobile-header .contact .icon__phone.open svg:last-child {
  display: block;
}
#mobile-header nav .icon__menu svg:first-child, #mobile-header .contact .icon__menu svg:first-child {
  display: block;
}
#mobile-header nav .icon__menu svg:last-child, #mobile-header .contact .icon__menu svg:last-child {
  display: none;
}
#mobile-header nav .icon__menu.open svg:first-child, #mobile-header .contact .icon__menu.open svg:first-child {
  display: none;
}
#mobile-header nav .icon__menu.open svg:last-child, #mobile-header .contact .icon__menu.open svg:last-child {
  display: block;
}
#mobile-header nav .content__block, #mobile-header .contact .content__block {
  position: fixed;
  padding-top: 5px;
  padding-bottom: 0;
  background: white;
  top: -1000px;
  width: 100vw;
  right: 0;
  transition: top 0.5s;
  box-shadow: 1px 1px 5px #a5a0a0;
}
#mobile-header nav .content__block.open, #mobile-header .contact .content__block.open {
  top: 51px;
  transition: top 0.5s;
}
#mobile-header nav .navigation, #mobile-header .contact .navigation {
  position: fixed;
  height: 100%;
  background: white;
  top: 68px;
  width: 100vw;
  right: -1000px;
  max-width: 370px;
  transition: right 0.5s;
  box-shadow: 1px 1px 5px #a5a0a0;
}
#mobile-header nav .navigation.open, #mobile-header .contact .navigation.open {
  right: 0;
  transition: right 0.5s;
}
#mobile-header nav .navigation li, #mobile-header .contact .navigation li {
  border-bottom: 1px solid #0a87b1;
}
#mobile-header nav .navigation li a, #mobile-header .contact .navigation li a {
  border-bottom: 0;
  width: 100%;
  display: block;
  padding: 0;
  text-transform: uppercase;
}
#mobile-header nav .navigation li a span, #mobile-header .contact .navigation li a span {
  border-bottom: 0;
  display: block;
  padding: 15px 0 7px 0;
  margin: 0 30px;
}
#mobile-header nav .navigation .ts-dropdown.drop, #mobile-header .contact .navigation .ts-dropdown.drop {
  padding-bottom: 0;
}
#mobile-header nav .navigation .ts-dropdown .nav-link, #mobile-header .contact .navigation .ts-dropdown .nav-link {
  justify-content: space-between;
}
#mobile-header nav .navigation .ts-dropdown .nav-link .arrow, #mobile-header .contact .navigation .ts-dropdown .nav-link .arrow {
  display: block;
  margin: 0 1rem;
}
#mobile-header nav .navigation .ts-dropdown__links li, #mobile-header .contact .navigation .ts-dropdown__links li {
  border-top: 1px solid #0a87b1;
  border-bottom: 0;
}
#mobile-header nav .navigation .ts-dropdown__links a, #mobile-header .contact .navigation .ts-dropdown__links a {
  background: white;
}
#mobile-header nav .navigation .ts-dropdown__links a.active, #mobile-header .contact .navigation .ts-dropdown__links a.active {
  background: #0cb3eb;
}
#mobile-header nav .navigation .ts-dropdown__links a.active span, #mobile-header .contact .navigation .ts-dropdown__links a.active span {
  color: white;
}
#mobile-header nav .navigation .ts-dropdown__links a span, #mobile-header .contact .navigation .ts-dropdown__links a span {
  border-bottom: 0;
  display: block;
  color: #006593;
  padding-left: 0.5rem;
}
#mobile-header button.button-border, #mobile-header button.button-border:hover, #mobile-header button.button-border:visited, #mobile-header button.button-border:visited:hover {
  float: none;
  margin: 0;
  width: 100%;
  padding: 10px 0;
  background: #0daae8;
}
#mobile-header button.button-border span, #mobile-header button.button-border:hover span, #mobile-header button.button-border:visited span, #mobile-header button.button-border:visited:hover span {
  border-color: white;
  color: white;
}
@media only screen and (max-width: 1024px) {
  #mobile-header .button-border-wrap {
    width: 100%;
    margin-top: 10px;
  }
}

/*# sourceMappingURL=mobile-menu.css.map */