.mobile-nav { position:fixed; top:0; left:0; width:100%; height: 100%; background-color:#fff; display:none; z-index:3; }
.mobile-nav .inner-wrap { display:flex; background-color: #415a65; align-items: center; flex-direction: column; padding-top:20px; position:relative; }
.mobile-nav .inner-wrap form { display:block; width:100%; margin-bottom:13px; }
.mobile-nav > .inner-wrap form > .inner-wrap { background-color:#fff; margin:0 25px; padding:0 8px; display:flex; align-items: center; height:45px; position:relative; }
.mobile-nav .inner-wrap form input { border:0; background: transparent; font-size: 16px; color:#415a65; outline: none; height:100%; width:90%; }
.mobile-nav .inner-wrap form .search-submit { display: inline-block; width: 40px; border: none; background: transparent; position: absolute; right: 0; top: 13px; cursor:pointer; }
.mobile-nav .inner-wrap form .search-submit::before { content: '\f002'; font: 500 16px var(--fontAwesome); color:#415a65; }
.mobile-nav .inner-wrap form input::placeholder { color:#415a65; }
.mobile-nav .inner-wrap ul { width:100%; list-style-type: none; padding:0; margin: 0; }
.mobile-nav .inner-wrap ul li { margin:0 25px; font-size:16px; text-transform: uppercase; height:59px; border-top: 1px dotted #fff; }
.mobile-nav .inner-wrap ul li:first-of-type { border-top:none; }
.mobile-nav .inner-wrap ul li a { color:#fff; height:59px; display: flex; position: relative; align-items: center; }
.mobile-nav .inner-wrap .mobile-icons { width:100%; display:flex; align-items: center; height:90px; justify-content: space-around; gap: 20px; border-top: 1px dotted #fff; position:fixed; bottom:0; left:0; }
.mobile-nav .inner-wrap .mobile-icons a { color:#fff; padding:20px; }
.mobile-nav .inner-wrap .mobile-icons .icon-phone::before { content: '\f095'; font-size:18px; }
.mobile-nav .inner-wrap .mobile-icons .icon-close::before { content: '\f00d'; font-size:26px; padding:0; }
.mobile-nav .inner-wrap .mobile-icons .icon-twitter::before { content: '\f099'; font-size:19px; }

.mobile-trigger-button-wrap { position:fixed; bottom:0; left:0; width:28%; margin: 0 36%; height:90px; display: flex; align-items: center; justify-content: center; z-index:2; }
.mobile-trigger-button { background-color: var(--contentBlueDark); border-radius:39px; width:56px; height:56px; text-align:center; display: flex; align-items: center; justify-content: center; }
.mobile-trigger-button::before { font: 300 29px var(--fontAwesome);content:"\f0c9"; color:#fff; padding:0; }

.no-scroll { overflow:hidden; }

@media (min-width: 768px) {

    .mobile-nav, .mobile-trigger-button { display:none; }

}