Best Choice for Limo & Party Bus hire

<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>

How to Choose the Perfect Toronto Party Bus for Weddings, Proms, and Night Outs

admin·27 May 2025·0 comments

Find out how to choose the best Toronto party bus for your special event. Tips on size, features, pricing, and making the night extra special!

admin

Related posts

(Cancel Reply)