html.js-mobile-menu-open{overflow:hidden;}

.mobile-menu{position:fixed; padding-top:70px; display: block; width:100vw; top: 0; height:100vh; overflow-y:scroll; background-color: #fff; z-index:199;	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}



.mobile-menu__header{display: none; width: 100%; height:80px; border-bottom: 1px solid #cfcfcf;}
.mobile-menu__header:after{content: ""; display: table; clear: both;}
.mobile-menu__close{display: inline-block; width:30px; height:100%; background:url('/sites/default/themes/delphix/images/delphix-mobile-close.png') no-repeat; background-size:contain; background-position:center; margin-left:15px; cursor: pointer;}
.mobile-menu__logo{display: inline-block; width:100px; height: 100%; background:url('/sites/default/themes/delphix/images/delphix-mobile-logo.png') no-repeat; background-size:contain; background-position:center 40%; margin-left:10px;}

.mobile-menu a,
.mobile-menu a:focus{ color: #666;}

.mobile-menu__primaries,
.mobile-menu__secondaries,
.mobile-menu__tertiaries{padding:0; margin:0;}
.mobile-menu__secondaries,
.mobile-menu__tertiaries{display: block; height: 0px; overflow: hidden;
  -webkit-transition:  all 600ms cubic-bezier(0.115, 1, 0.430, 0.975);
  -moz-transition: all 600ms cubic-bezier(0.115, 1, 0.430, 0.975);
  transition: all 600ms cubic-bezier(0.115, 1, 0.430, 0.975);
}

.mobile-menu__primary,
.mobile-menu__secondary,
.mobile-menu__tertiary{position: relative; list-style:none; text-align: left;}

.mobile-menu__primary.js-has-children:after,
.mobile-menu__secondary.js-has-children:after{content: ''; display: block; position: absolute; right:20px; top:30px; width: 8px; height: 8px; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #666 transparent transparent transparent;
  -webkit-transition: all 450ms cubic-bezier(0.115, 1, 0.430, 0.975);
  -moz-transition: all 450ms cubic-bezier(0.115, 1, 0.430, 0.975);
  transition: all 450ms cubic-bezier(0.115, 1, 0.430, 0.975);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
.mobile-menu__primary.js-expanded:after,
.mobile-menu__secondary.js-expanded:after{ border-color: #BC2027 transparent transparent transparent;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.mobile-menu__primary-anchor,
.mobile-menu__secondary-anchor,
.mobile-menu__tertiary-anchor{display: block; position: relative; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: capitalize; border-bottom: 1px solid #cfcfcf;}
.mobile-menu__primary-anchor{background-color: #fff; font-size:18px; padding: 20px; font-weight:bold;}
.mobile-menu__secondary-anchor{background-color: #fff; font-size:15px; padding: 20px; font-weight:bold;}
.mobile-menu__tertiary-anchor{background-color: #f3f3f3; font-size:12px; padding: 15px 40px;}


.mobile-menu__primary.js-expanded > .mobile-menu__primary-anchor,
.mobile-menu__secondary.js-expanded > .mobile-menu__secondary-anchor{color: #BC2027;}
.mobile-menu__primary-anchor.visiting,
.mobile-menu__secondary-anchor.visiting,
.mobile-menu__tertiary-anchor.visiting{font-weight:bold; color: #BC2027 !important;}

.mobile-menu__search{width:100%; margin-top: 20px; text-align: right; margin-bottom:20px;}
.mobile-menu__search .ui-input-text{display: block; width:100%; padding: 0 20px;}
.mobile-menu__search input[type="text"]{visibility: visible; width: 100%; background-color: #fff; border:1px solid #ddd; border-radius:50px; display: inline-block; height:30px; max-width:100%; margin-right:10px; padding: 0 10px;}
/*.mobile-menu__search input[type="submit"]{background-color: transparent; border:0; display: inline-block; width:24px; height:24px; text-indent: 1000px; overflow: hidden; background:url('/sites/default/themes/delphix/images/delphix-mobile-search.png') no-repeat; background-size:contain;}*/
/*.mobile-menu__search.js-search-opened input[type="text"]{visibility: visible;}*/

.mobile-menu{
  -webkit-transition: all 450ms cubic-bezier(0.115, 1, 0.430, 0.975);
  -moz-transition: all 450ms cubic-bezier(0.115, 1, 0.430, 0.975);
  transition: all 450ms cubic-bezier(0.115, 1, 0.430, 0.975);
  -webkit-transform: translate3d(0px,-100px,0px);
  -moz-transform: translate3d(0px,-100px,0px);
  transform: translate3d(0px,-100px,0px);
  visibility: hidden;
  opacity:0;
}
.js-mobile-menu-open .mobile-menu{
  visibility: visible;
  opacity:1;
  -webkit-transform: translate3d(0px,0px,0px);
  -moz-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
}