<style>
body {
  min-height: 100vh;
}
  
.brxe-nav-menu .bricks-nav-menu .sub-menu {
  top: 120%;
}
  
.bricks-nav-menu .sub-menu li:hover {
  background-color: #db2323;
  transition-duration: 0.6s;
}
  
.header__mobileCt--1 {
  transition-duration: 0.3s;
}
  
.header__mobileCt--1 .bricks-nav-menu-wrapper a {
  border-bottom: 1px solid #fff;
  padding: 10px 4.375rem;
}

.header__mobileCt--1 a:focus,
.header__mobileMenu--1 ul li .bricks-mobile-submenu-toggle:focus {
  outline: none;
}
  
body .animB,
.header__mobileCt--1 {
  opacity: 0;
}
  
.header__mobileCt--1,
body .animB {
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
}
  
.header__mobileCt--1,
.header__toggle--2,
body .animB,
.brxe-nav-menu .bricks-mobile-menu-wrapper::before {
  display: none;
}
  
body .animB {
  z-index: 2;
}
  
body .animB:nth-child(1) {
  background-color: #fae0e0;
  transition-duration: 0.2s;
}
  
body .animB:nth-child(2) {
  background-color: #d95d5d;
  transition-delay: 0.2s; 
  transition-duration: 0.4s;
}
  
body.active {
  overflow: hidden;
}

.header__mobileCt--1.active,
body.active .animB {
  left: 0;
}
  
body.active .animB,
.header__mobileCt--1.active {
  opacity: 1;
}
  
.header__toggle {
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 40px;
  z-index: 6;
}
  
.header__toggle span {
  background-color: #db2323;
  border-radius: 12px;
  height: 3px;
  left: 0;
  position: absolute;
  transition-duration: 0.3s;
}
  
.header__toggle span:nth-child(1) {
  top: 0;
  width: 65%;
}
  
.header__toggle span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
  
.header__toggle span:nth-child(3) {
  top: 85%;
  width: 35%;
}
  
.header__toggle.active span {
  background-color: #fff;
  left: 18px;
  width: 25px;
}
  
.header__toggle.active span:nth-child(1),
.header__toggle.active span:nth-child(3) {
  top: 50%;
}
  
.header__toggle.active span:nth-child(1) {
  transform: translateY(-50%) rotate(45deg);
}
  
.header__toggle.active span:nth-child(2) {
  opacity: 0;
}
  
.header__toggle.active span:nth-child(3) {
  transform: translateY(-50%) rotate(-45deg);
}
  
.brxe-nav-menu .bricks-mobile-menu-wrapper ul.bricks-mobile-menu {
  overflow-y: unset;
}
  
.header__mobileCt--1 .header__mobileMenu--1 .bricks-mobile-menu-toggle {
  display: none!important;
}
  
.header__mobileCt--1 .header__mobileMenu--1 .bricks-mobile-menu-wrapper {
  height: auto;
  position: static;
  transform: translateX(0);
  visibility: visible;
  width: 100%;
}
  
.bricks-mobile-menu-wrapper ul {
  flex-direction: column;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li,
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li .sub-menu li {
  position: relative;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li {
  padding: 0 4.375rem;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu li::before {
  background-color: #fff;
  content: '';
  height: 1px;
  position: absolute;
  top: 60px;
}
  
.bricks-mobile-menu-wrapper li::after {
  background-color: #000;
  content: '';
  display: none;
  height: 59px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li::before,
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li .sub-menu li:not(:last-child)::before {
  left: 0;
  width: 100%;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li .sub-menu li:last-child::before {
  left: -4.375rem;
  width: calc(100% + 8.75rem);
}
  
.bricks-mobile-menu-wrapper li[aria-expanded=true]::after {
  display: flex;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu li a {
  position: relative;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu {
  overflow: visible;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu li a,
.bricks-mobile-menu-wrapper .bricks-mobile-menu .sub-menu li a {
  padding: 0;
}
  
.bricks-mobile-submenu-toggle {
  align-items: center;
  display: flex;
  height: 59px;
  justify-content: flex-end;
  left: 0;
  padding-right: 4.375rem;
  position: absolute;
  top: 1px;
  width: 100%;
  z-index: 3;
}
  
.bricks-mobile-menu-wrapper li a {
  z-index: 2;
}
  
.bricks-mobile-submenu-toggle i {
  color: #fff;
}
  
@media screen and (max-width: 991px) {
  .header__mobileCt--1,
  body .animB {
    display: flex;
  }

  .header__search--1,
  .header__menu--3,
  .header__search--1,
  .header__button--1 {
    display: none;
  }
  
  .header__toggle--2 {
    display: block;
  }
  
  .header__mobileCt--1 {
    flex-direction: column;
  }
}
  
@media screen and (max-width: 300px) {
  .header__mobileCt--1 .header__ct--2 {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>

<script>
window.addEventListener('DOMContentLoaded', function() {
	const mainCt = document.querySelector('body'),
		headerIcon = document.querySelector('.header__toggle'),
		headerMobileCt = document.querySelector('.header__mobileCt--1'),
	  spans = '<span class="animB"></span><span class="animB"></span>';
	  
	mainCt.insertAdjacentHTML('afterbegin', spans);
	  
	headerIcon.addEventListener('click', function() {
		this.classList.toggle('active');
	  mainCt.classList.toggle('active');
	  
	  if(!headerMobileCt.classList.contains('active')) {
	    setTimeout(function() {
	      headerMobileCt.classList.add('active');
	    }, 600);
	  } else {
	    headerMobileCt.classList.remove('active');
	  }
	});
});
</script>

Service Category: Services

Toronto Prom Limo
19 June 2024
At Liberty Limousines, we specialize in delivering an elegant and stylish Toronto Prom Limo experience.
Toronto Party Bus
19 June 2024
Elevate your celebrations with Liberty Limousines, your premier choice for a luxurious Toronto party bus experience.
Toronto Wedding Limo
19 June 2024
Your wedding day deserves elegance and sophistication. At Liberty Limousines, we offer exceptional Toronto wedding limo services that ensure you…