charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
  font-family: 'i';
  src: url('https://aisleview.ca/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('https://aisleview.ca/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('https://aisleview.ca/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('https://aisleview.ca/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('https://aisleview.ca/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('https://aisleview.ca/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*="el-icon-"] {font-family: 'i';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*, :after, :before {font-family:'Inter',Verdana, Geneva, sans-serif; z-index:1; position:relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; line-height: 0; padding: 0; margin: 0; font-family:'Inter',Verdana, Geneva, sans-serif; font-weight:400;}
br { line-height:inherit; font-size:inherit;}
html {scroll-behavior: smooth;}
body, main {min-height: 100vh; -webkit-font-smoothing: antialiased;}




.mmTOPADJ { top:24px !important;}
#mm {
	position:fixed;
	top:98px;
	left:0;
	width:100%;
	z-index:99;
	display:block;
	text-align:center;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#mm section{
	display:inline-block;
	width:80%;
	height:70px;	
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);	
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: #00C9FF;
	background: linear-gradient(45deg,rgba(0, 156, 222, 1) 0%, rgba(75, 108, 183, 1) 100%);
	border-radius: 100vh;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	text-align:right;
	position:relative;
	max-width:1380px;
}
#mm section::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.1),transparent);
	transition: left 0.8s ease;
	border-radius: 100vh;
	opacity:0;
}
#mm section:hover::before {
	left: 100%;
	opacity:1;
}
#mm section:hover {
	/*transform: translateY(-2px);*/
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
#mm  section ul, #mm  section b{
	display:inline-table;
	width:auto;
	white-space:nowrap;
	list-style:none;		
}
#mm section ul {margin-right:24px; height:100%; position:relative; }
#mm section b {
	position:absolute;
	top:50%;
	left:24px;
	transform:translate(0%,-50%);
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:22px;
	line-height:22px;
	color:#fff;
}
#mm section b a, #mm section b a:link, #mm section b a:visited{
	position:relative;
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
}
#mm section b img{
	width:42px;
	height:auto;
	vertical-align:middle;
	margin-right:12px;
}
#mm section ul li{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	white-space:nowrap;
	list-style:none;
	position:relative;		
}
#mm section ul li a, #mm section ul li a:link, #mm section ul li a:visited{
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	color:#fff;
	padding:8px;
	padding-left:24px;
	padding-right:24px;
	margin:6px;
	border-radius:100vh;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 4px 12px rgba(0, 0, 0, 0);		
}
#mm section ul li a.curr, #mm section ul li a:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 4px 12px rgba(0, 0, 0, 0.1);
}
#mm section ul li.mmdrop ul {
	position:absolute;
	top:100%;
	left:0;
	z-index:2;	
	display:none;
	width:auto;
	height:auto;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.95);
	border-radius:28px;
	backdrop-filter: blur(20px);
}
#mm section ul li.mmdrop ul div img{
	width:auto;
	height: 80%;
	max-height:180px;
	object-fit: contain;
	position:relative;
	padding-right:36px;
}
#mm section ul li.mmdrop:hover ul{
	display:inline-table;
	padding-top:18px;
	padding-bottom:18px;
	white-space:nowrap;	
}
#mm section ul li.mmdrop ul div
{
	display:table-cell;
	vertical-align:top;
	position:relative;
}
#mm section ul li.mmdrop ul div.shadow {
	background-image:url(images/shadow960-l.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:12px 100%;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:24px;
}
#mm section ul li.mmdrop ul div li{
	display:block;
	width:100%;
	text-align:left;
	position:relative;	
}
#mm section ul li.mmdrop ul div li a, #mm section ul div li.mmdrop ul div li a:link, #mm section ul li.mmdrop ul div li a:visited{
	display:inline-block;
	width:auto;
	text-decoration:none;
	color:#111;
	text-align:left;	
	padding:8px;
	padding-left:24px;
	padding-right:24px;
	margin:0;
	margin-top:8px;
	margin-bottom:8px;
	text-transform:uppercase;
	box-shadow:none;
	font-weight:600;
	color:#888;
	border-radius:0;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#mm section ul li.mmdrop ul div li.mmlast a::after {display:none;}
#mm section ul li.mmdrop ul div li a::after
{
	position:absolute;
	top:8px;
	left:0px;
	content:'';
	width:0px;
	height:14px;
	background-color:#111;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#mm section ul li.mmdrop ul div li:hover a::after
{
	width:14px;
	background-color:#06C;
}
#mm section ul li.mmdrop ul div li.mmlast a span{
	border-top:dotted;
	border-top-color:#888;
	border-top-width:1px;
	display:inline-block;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	font-weight:inherit;
	padding-top:12px;
}
#mm section ul li.mmdrop ul div li a:hover {
	box-shadow:none;
	color:#06C;
}

#mm section button.close span::before
{
	left: 50%;
    transform-origin: center center;
	top: 50% !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    background: #c00 !important;
    width: 50% !important;
	
}
#mm section button.close span::after
{
	bottom: 30%;
    left: 50%;
    transform: translate(-50%, 0%);
    transform-origin: center center;
	top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    background: #c00 !important;
    width: 50% !important;
}
#mm section button.close span
{
	background-color:rgba(255,255,255,0);
}
#mm section button{
	position:absolute;
	top:50%;
	right:24px;
	width:48px;
	height:48px;
	border:none;
	border-radius:50%;
	transform:translate(0%,-50%);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index:2;
	cursor:pointer;
	display:none;
	outline:none;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);	
}
#mm section button span{
	display:table-cell;
	position:relative;
	height:48px;
	width:48px;
	vertical-align:middle;
	background:none;
	border:none;
	box-shadow:none;
}
#mm section button span span{
	display:block;
	position:relative;
	width:70%;
	margin-left:15%;
	height:2px;
	background:#fff;
	content:'';	
}
#mm section button span span::before{
	display:block;
	position:absolute;
	top:-10px;
	left:50%;
	transform:translate(-50%,0%);
	width:80%;
	margin-left:0%;
	height:2px;
	background:#fff;
	content:'';	
}
#mm section button span span::after{
	display:block;
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translate(-50%,0%);
	width:80%;
	margin-left:0%;
	height:2px;
	background:#fff;
	content:'';	
}
@media (max-width: 1300px) {
	#mm section ul li a, #mm section ul li a:link, #mm section ul li a:visited{ padding-left:14px; padding-right:14px; margin:2px; 
	font-size:12px;
	line-height:12px; }
}
@media (max-width: 1000px) {
	#mm section ul {display:none;}
	#mm section button{display:table; }
}






















.mmMOBILEopen
{
	height:100vh !important;
	bottom:0% !important;
}
.mmMOBILEsubopen
{
	left:0% !important;
}
#mmMOBILE {
	position:fixed;
	bottom:100%;
	left:0;
	width:100%;
	height:0vh;
	z-index:98;
	display:table;
	text-align:center;
	background: #f2f6f9;	
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	overflow:hidden;
}
/*DROP DOWN PANNELS*/
#mmMOBILE section div{
	display:table;
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	height:100%;	
	text-align:center;
	vertical-align:middle;
	position:relative;
}
#mmMOBILE section{
	display:table-cell;
	width:100%;
	height:100%;	
	text-align:center;
	vertical-align:middle;
	position:relative;
}
#mmMOBILE section ul{
	display:inline-block;
	width:auto;
	height:auto;
	list-style:none;
	position:relative;
	margin-top:45px; /*MENU BAR TOP HEIGHT*/		
}
#mmMOBILE section ul li{
	display:block;
	vertical-align:middle;
	width:auto;
	height:auto;
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;		
}
#mmMOBILE section ul li a, #mmMOBILE section ul li a:link, #mmMOBILE section ul li a:visited{
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:16px;
	text-decoration:none;
	color:rgba(0, 156, 222, 1);
	padding:18px;
	padding-left:24px;
	padding-right:24px;
	position:relative;
	display:inline-block;
	width:100%;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#bbb;	
	border-radius:0;
	overflow:hidden;
	cursor:pointer;	
}
#mmMOBILE section ul li:last-child a { border:none !important; }
#mmMOBILE section ul li a.curr, #mmMOBILE section ul li a:hover {
	/*background: linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
	color:#fff;*/
	
	color:#444;
}


.mmMOBILEsubB:hover::after
{
	animation-name: MOVE-ARROW;
  	animation-duration: 0.5s;
  	animation-timing-function: linear;
  	animation-iteration-count: 1;
}
.mmMOBILEsubB::after
{
	content:url(https://aisleview.ca/images/arrow-right.svg);
	background-image:url(https://aisleview.ca/images/arrow-right.svg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:0% 0%;
	display:inline-block;
	height:13px;
	width:13px;
	content:'';
	position:absolute;
	top:50%;
	right:6px;
	transform:translate(0%,-50%);
	opacity:0.4;	
}
@keyframes MOVE-ARROW {
   0% {
     	right:6px;
		opacity:0.4;
   }
   50% {
     	right:-26px;
		opacity:0;
   }
   51% {
  		right:18px;		
		opacity:0;
   }
   100% { 
    	right:6px;		
		opacity:0.4;
   }
}
@keyframes MOVE-ARROW-REV {
   0% {
     	left:6px;
		opacity:0.4;
   }
   50% {
     	left:-26px;
		opacity:0;
   }
   51% {
  		left:18px;		
		opacity:0;
   }
   100% { 
    	left:6px;		
		opacity:0.4;
   }
}


#mmMOBILE aside
{ 
	position:absolute;
	bottom:24px;
	left:50%;
	transform:translate(-50%,0%);
	display:block;
	width:auto;
	height:auto;
	white-space:nowrap;
	text-align:center;
}
#mmMOBILE aside a img {
	display:inline-block;
	width:24px;
	height:auto;
	margin-bottom:4px;
	outline:none;
	border:none;
	opacity:1;
	filter: invert(41%) sepia(13%) saturate(4004%) hue-rotate(190deg) brightness(89%) contrast(72%);
}
#mmMOBILE aside a
{	 
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:22px;
	text-decoration:none;
	color:rgba(0, 156, 222, 1);	
}










#mmMOBILE div
{
	display:table;
	position:absolute;
	left:100%;
	top:0;
	height:100%;
	width:100%;
	z-index:10;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: #2A7B9B;
	background: linear-gradient(45deg,rgba(42, 123, 155, 1) 0%, rgba(153, 204, 0, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

#mmMOBILE div ul
{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	min-width:200px;
	height:auto;
	vertical-align:middle;
	
	padding-top:70px; /*MENU BAR TOP HEIGHT*/
}


#mmMOBILE div ul li{
	display:block;
	vertical-align:middle;
	width:auto;
	height:auto;
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
			
}

#mmMOBILE div ul b{
	display:block;
	vertical-align:middle;
	width:auto;
	height:auto;
	list-style:none;
	margin-top:12px;
	margin-bottom:12px;
	position:relative;	
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:500;
	line-height:16px;
	text-decoration:none;
	color:#888;
	padding:18px;
	padding-left:24px;
	padding-right:24px;
	background-color:#fff;
	border-radius:100vh;	
}
#mmMOBILE div ul b button{
	display:inline-table;
	vertical-align:middle;
	width:42px;
	height:42px;
	position:absolute;
	top:50%;
	left:8px;
	transform:translate(0%,-50%);
	text-decoration:none;
	color:#fff;
	border-radius:50%;
	cursor:pointer;	
	border:none;
	outline:none;
	background: #2A7B9B;
	background: linear-gradient(45deg,rgba(153, 204, 0, 1) 0%, rgba(237, 221, 83, 1) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 4px 12px rgba(0, 0, 0, 0.1);
}
#mmMOBILE div ul b button span{ display:table-cell; width:42px; height:42px; vertical-align:middle; text-align:center; position:relative;}
#mmMOBILE div ul button span img{
	width:12px;
	height:auto;
	transform: scaleX(-1);
	 filter: invert(100%);
}
#mmMOBILE div ul li a, #mmMOBILE div ul li a:link, #mmMOBILE div ul li a:visited{
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	width:100%;
	color:#fff;
	padding:18px;
	padding-left:24px;
	padding-right:24px;
	position:relative;
	display:inline-block;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#bbb;	
	border-radius:0;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
	white-space:nowrap;	
}
#mmMOBILE div ul li:last-child a { border:none !important; }
#mmMOBILE div ul li a.curr, #mmMOBILE div ul li a:hover {
	color:#fff;
}




















.topBAR {
	position:relative;
	width:100%;
	display:block;
	background: #f2f6f9;
	padding-top:18px;
	padding-bottom:18px;
	text-align:center;
}

.topBAR section{
	position:relative;
	width:80%;
	display:inline-block;
	background-color:transparent;
	text-align:right;
	max-width: 1380px;
}
.topBAR section ul{
	position:relative;
	width:auto;
	display:inline-block;
	text-align:center;
	list-style:none;
	white-space:nowrap;
}
.topBAR section ul li{
	position:relative;
	width:auto;
	display:inline-block;
	list-style:none;
	white-space:nowrap;
	margin-left:12px;
}
.topBAR section ul li a, .topBAR section ul li a:link, .topBAR section ul li a:visited{
	position:relative;
	width:auto;
	display:inline-block;
	list-style:none;
	white-space:nowrap;
	padding:12px;
	font-family:'Inter',Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	color:rgba(0, 156, 222, 1);
}
.topBAR section ul li a:hover { opacity:0.6;}
.topBAR section ul li a::after
{
	content:'';
	display:inline-block;
	height:18px;
	width:18px;
	content:'';
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0%,-50%);	
	filter: brightness(0) saturate(100%) invert(45%) sepia(82%) saturate(1793%) hue-rotate(166deg) brightness(92%) contrast(102%);	
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:0% 0%;
}
.topBAR section ul li a.phone, .topBAR section ul li a.pen, .topBAR section ul li a.hrs {
	padding-right:26px;
}
.topBAR section ul li a.phone:after
{
	background-image:url(https://aisleview.ca/images/talk.svg);
	opacity:0.8;
}
.topBAR section ul li a.hrs:after
{
	background-image:url(https://aisleview.ca/images/24hrs.svg);
}
.topBAR section ul li a.pen:after
{
	background-image:url(https://aisleview.ca/images/pen.svg);
}
@media (max-width: 1000px) {
	.topBAR section { text-align:center; width:100%;}
	.topBAR section ul li{ margin-left:8px; margin-right:8px; }
}
@media (max-width: 500px) {
	.topBAR section ul li a.phone, .topBAR section ul li a.pen, .topBAR section ul li a.hrs { padding-right:0px;}
	.topBAR section ul li a::after { display:none; }
}





#baseline { 
	text-align:center; display:table; width:100%; height:auto; 
	/*background: #00C9FF;
    background: linear-gradient(45deg, rgba(0, 156, 222, 1) 0%, rgba(75, 108, 183, 1) 100%);
	*/
	background: #29486F;
background: linear-gradient(330deg,rgba(41, 72, 111, 1) 0%, rgba(85, 120, 155, 1) 100%);
	z-index:0; 
	box-shadow:inset 0px 2px 2px rgba(255,255,255,0.15), 0px 5px 5px rgba(0,0,0,0.35);
	position:relative; padding:0px; margin:0px; margin-top:0px;
	padding-top:48px;}
#baseline div{ display:table-cell; vertical-align:top; height:100%; padding:0px; margin:0px;}
#baseline div h2{ display:block; margin-top:0px; font-family:'Inter',Verdana, Geneva, sans-serif; font-size:14px; font-weight:400; letter-spacing:2px; color:#9C0;}
#baseline div div {display:table; width:100% !important; padding:0px; margin:0px; height:auto; margin-top:60px;}
#baseline div a,#baseline div a:link,#baseline div a:visited{
	display:inline-block; position:relative; padding:0px; padding-left:10px; padding-right:10px; margin:0px; margin-top:35px; vertical-align:middle; text-decoration:none; white-space:nowrap;
	font-family:'Inter',Verdana, Geneva, sans-serif; font-weight:300; color:#ffffff; font-size:18px; text-transform:uppercase;}

#baseline div a:link:before{transition: all 0.375s; -moz-transition: all 0.375s; -webkit-transition: all 0.375s; display:block; opacity:0; content:''; width:0px; height:0px; padding:0px; margin:0px; position:absolute; top:0px; left:50%; margin-left:0px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:transparent; border:solid; border-width:5px; /*border-color:rgba(0,0,0,0.15);*/ border-color:rgba(255,255,255,0.15);}
#baseline div a:link:after{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; display:block; opacity:0; content:''; width:0px; height:0px; padding:0px; margin:0px; position:absolute; top:0px; left:50%; margin-left:0px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:transparent; border:solid; border-width:1px; /*border-color:rgba(0,0,0,0.15);*/ border-color:rgba(255,255,255,0.15);}
#baseline div a:link:hover,#baseline div a:visited:hover { color:#fff !important;}
#baseline div a:link:hover:before{transition: all 0.375s; -moz-transition: all 0.375s; -webkit-transition: all 0.375s; display:block; opacity:1; content:''; width:60px; height:60px; padding:0px; margin:0px; position:absolute; top:-25px; left:50%; margin-left:-35px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:transparent; border:solid; border-width:5px; /*border-color:rgba(0,0,0,0.15);*/ border-color:rgba(255,255,255,0.45);}
#baseline div a:link:hover:after{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; display:block; opacity:1; content:''; width:76px; height:76px; padding:0px; margin:0px; position:absolute; top:-30px; left:50%; margin-left:-40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:transparent; border:solid; border-width:2px; /*border-color:rgba(0,0,0,0.20);*/border-color:rgba(255,255,255,0.5);}

@media (max-width: 1250px) {
	#baseline div a,#baseline div a:link,#baseline div a:visited{padding-left:10px; padding-right:10px;margin-top:35px;font-size:14px;}

	#baseline div a:link:hover:before{width:60px; height:60px; top:-27px;margin-left:-35px;border-width:5px;}
	#baseline div a:link:hover:after{width:76px; height:76px;top:-32px; margin-left:-40px;border-width:2px;}
}

#baseline div div a p{ display:block; margin:0px; padding:0px; margin-bottom:15px; width:75%; text-align:center; font-family:'Inter',Verdana, Geneva, sans-serif; font-size:14px; line-height:24px; font-weight:400; color:#8d8e8e; }
#baseline div address{ letter-spacing:1px; display:block; font-style:normal; margin:0px; padding:0px; margin-top:30px; width:100%; text-align:center; font-family:'Inter',Verdana, Geneva, sans-serif; font-size:14px; line-height:24px; font-weight:400; color:#fff; }
#baseline div address span {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
}
#baseline div div{ position:absolute; bottom:60px; left:0px; width:100% !important;}
#baseline div div a,#baseline div div a:link, #baseline div div a:visited{ transition: all 0.375s; -moz-transition: all 0.375s; -webkit-transition: all 0.375s; font-family:'s'; font-size:60px; font-weight:normal; color:#330066; display:inline-block; padding:0px; margin:0px; padding-left:20px; padding-right:20px; vertical-align:middle; text-decoration:none;}
#baseline div div a:hover {color:#fff;text-shadow:15px 15px 10px rgba(0,0,0,0.25);}
#baseline div div a:link:hover:before{transition: all 0.375s; -moz-transition: all 0.375s; -webkit-transition: all 0.375s; display:block; opacity:1; content:''; width:60px; height:60px; padding:0px; margin:0px; position:absolute; top:-15px; left:50%; margin-left:-35px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:transparent; border:solid; border-width:5px; /*border-color:rgba(0,0,0,0.15);*/ border-color:rgba(255,255,255,0.45);}
#baseline div div a:link:hover:after{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; display:block; opacity:1; content:''; width:76px; height:76px; padding:0px; margin:0px; position:absolute; top:-20px; left:50%; margin-left:-40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:transparent; border:solid; border-width:2px; /*border-color:rgba(0,0,0,0.20);*/border-color:rgba(255,255,255,0.5);}
#baseline div div a img,#baseline div div a:link img, #baseline div div a:visited img{ width:auto; height:42px; outline:none; border:none; }


#baseline div:nth-child(1){width:100%; min-height:360px; height:360px;}
#baseline div:nth-child(2){width:25%; background-color:#fff; vertical-align:middle; display:none !important;}
#baseline div:nth-child(2) p{color:#330066; display:block; width:75%; padding-top:60px; padding-bottom:60px; text-align:left; font-size:14px; font-family:'Inter',Verdana, Geneva, sans-serif; font-weight:400;}
@media only screen and (orientation: portrait) {
	#baseline div:nth-child(1) { margin-top:0px; min-height:none !important; height:auto !important; padding-top:60px; padding-bottom:60px;}
	#baseline div a, #baseline div a:link, #baseline div a:visited {display:none;}
	#baseline div address{ display:none; }
	#baseline div div { position:relative; padding:0px; margin:0px; display:inline-block; left:auto; right:auto; bottom: auto; top:auto;}
	#baseline div div a, #baseline div div a:link, #baseline div div a:visited { display:inline-block !important;}
}










.pt0{ padding-top:0 !important; }
.mt0{ margin-top:0 !important; }

.pt70{ padding-top:70px !important; }
.pt120{ padding-top:120px !important; }
.pb0{ padding-bottom:0 !important; }
.mb0{ margin-bottom:0 !important; }

.blockGRIDpageTOP {
	padding-top:130px !important;
}

.blockGRID {
	display:block;
	width:100%;
	text-align:center;
	padding-top:10vh;
	padding-bottom:10vh;
}
.blockGRID h1{
	display:block;
	font-size:36px;
	line-height:42px;
	font-weight:700;
	text-align:left;
	/*color:rgba(0, 156, 222, 1);*/
	letter-spacing:-1px;
	color:#29486f;
	width:80%;
	margin-bottom:2.5vh;
}		
.blockGRID section
{
	display: inline-flex;
	box-sizing: border-box;
	width: 80%;
	max-width: 1380px;
	text-align: center;
	flex-wrap: wrap;
}
.blockGRID section div.fullw {
	width: 100%;
	min-height:600px;
}
.blockGRID section div {
	width: 50%;
	flex: 0 0 auto;
	opacity: 1;
	overflow:hidden;
}
.blockGRID section div a{
	display:block;
	border-radius:24px;	
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	background: #58b79e;
	margin:1%;
	overflow:hidden;
	background:rgba(0,0,0,1);
	width:100%;
	height:100%;
	position:relative;
	z-index:0;		
}
.blockGRID section div a.fullrec {
	width:98%;
	height:96%;
}
.blockGRID section div a.fullsq{
	width:98%;
	height:0;
	padding-bottom:100%;	
}
.blockGRID section div a.halfrec{
	display:block;
	width:98%;
	height:0;
	padding-bottom:48%;
	border-radius:24px;	
}
.blockGRID section div a.halfsq{
	display:inline-block;
	width:48%;
	height:0;
	padding-bottom:50%;
	border-radius:24px;	
}
.blockGRID section div a img {
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	min-height:100%;
	min-width:100%;
	transform:translate(-50%,-50%);
	z-index:0;
	opacity:0.65;
}
.blockGRID section div a video {
	position:absolute;
	top:50%;
	left:50%;
	height:100%;
	min-width:100%;
	transform:translate(-50%,-20%);
	z-index:0;
	opacity:0.65;
	touch-action: none;
}
.blockGRID p
{
	display:block;
	font-size:24px;
	line-height:42px;
	font-weight:500;
	text-align:center;
	color:#29486f;
	width:100%;
	z-index:1;
	padding-left:10%;
	padding-right:10%;
	padding-top:24px;
}
.blockGRID ul
{
	display:inline-block;
	font-size:24px;
	line-height:36px;
	text-align:left;
	width:100%;	
	z-index:1;
	padding:0;
}
.blockGRID ul li
{
	display:inline-block;
	max-width:600px;
	font-size:24px;
	line-height:36px;
	font-weight:600;
	color: rgba(0, 156, 222, 1);
	width:100%;
	z-index:1;
	padding:24px;
	margin:24px;
}
.blockGRID section div h1, .blockGRID section div h2, .blockGRID section div h3, .blockGRID section div h4, .blockGRID section div h5{
	display:block;
	position:absolute;
	bottom:48px;
	left:8%;
	font-size:36px;
	line-height:40px;
	font-weight:700;
	text-align:left;
	color:#fff;
	width:80%;
	z-index:1;
}
.blockGRID section div .biggerH { font-size:72px; line-height:80px; letter-spacing:-1px; }
.blockGRID section div .biggerH span { font-size:24px; line-height:24px; }
.blockGRID section div h1 span, .blockGRID section div h2 span, .blockGRID section div h3 span, .blockGRID section div h4 span, .blockGRID section div h5 span {
	display:inline-block;
	margin-top:24px;
	font-size:18px;
	line-height:18px;
	font-weight:500;
	position:relative;
	padding-right:22px;
	cursor:pointer;
}
.blockGRID section div h1 span::after, .blockGRID section div h2 span::after, .blockGRID section div h3 span::after, .blockGRID section div h4 span::after
{
	background-image: url(https://aisleview.ca/images/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0% 0%;
    display: inline-block;
    height: 13px;
    width: 13px;
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0%, -50%);
    opacity: 1;
	filter: invert(100%);
}
.blockGRID section div h1 span:hover::after, .blockGRID section div h2 span:hover::after, .blockGRID section div h3 span:hover::after, .blockGRID section div h4 span:hover::after {
    animation-name: MOVE-ARROW;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}




.blockGRID section div button
{
	position:absolute;
	bottom:48px;
	right:24px;
	width:48px;
	height:48px;
	z-index:2;
	display:block;
	background:none;
	outline:none;
	border:none;
	cursor:pointer;
}
.blockGRID section div button img
{
	width:100%;
	height:auto;
	position:relative;	
	filter: invert(100%);
}
.gridDetailsOpen, .gridDetailsShadeOpen::after
{
	top:0% !important;
}
.blockGRID section div aside
{
	position:absolute;
	width:100%;
	height:100%;
	background:none;
	background-color:transparent;
	display:table;
	font-size:16px;
	line-height:32px;
	top:100%;
	left:1%;
	z-index:10;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border-radius:24px;
}
.blockGRID section div aside aside
{
	display:table-cell;
	vertical-align:middle;
	width:80%;
	height:80%;
	padding:10%;
	text-align:center;
	position:relative;	
}
.blockGRID section div aside aside b, .blockGRID section div aside aside p {
	display:inline-block;
	width:100%;
	text-align:center;
	text-align:center;
	color:#fff;
	z-index:1;
}
.blockGRID section div aside aside b {	
	font-size:36px;
	line-height:40px;
	font-weight:700;
}
.blockGRID section div aside aside p {
	font-size:16px;
	line-height:24px;
	font-weight:400;
	color:#fff;
	z-index:1;
	margin-top:8px;
}

.blockGRID section div aside aside span {
	display:inline-block;
	margin-top:24px;
	font-size:18px;
	line-height:18px;
	font-weight:500;
	position:relative;
	color:#fff;
	padding-right:24px;
}
.blockGRID section div aside aside span::after
{
	background-image: url(https://aisleview.ca/images/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0% 0%;
    display: inline-block;
    height: 13px;
    width: 13px;
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0%, -50%);
    opacity: 1;
	filter: invert(100%);
}
.blockGRID section div aside aside span:hover::after {
    animation-name: MOVE-ARROW;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}
.blockGRID section div a::after
{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	display:block;
	top:100%;
	left:0%;
	z-index:9;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border-radius:24px;
	content:'';
	backdrop-filter: blur(20px);
}



























@media (max-width: 1300px) {
	.blockGRID section div h1, .blockGRID section div h2, .blockGRID section div h3, .blockGRID section div h4, .blockGRID section div h5
	{
		font-size:28px;
		line-height:36px;
	}
	.blockGRID section div h1 span, .blockGRID section div h2 span, .blockGRID section div h3 span, .blockGRID section div h4 span, .blockGRID section div h5 span {				
		margin-top: 18px;
	}
}
@media (max-width: 1100px) {
	.blockGRID section div h1, .blockGRID section div h2, .blockGRID section div h3, .blockGRID section div h4, .blockGRID section div h5
	{
		font-size:24px;
		line-height:32px;
	}
	.blockGRID section div h1 span, .blockGRID section div h2 span, .blockGRID section div h3 span, .blockGRID section div h4 span, .blockGRID section div h5 span {				
		margin-top: 12px;
	}
}
@media (max-width: 900px) {
	.blockGRID section div, .blockGRID h1 {width: 100%;}
	.blockGRID section div h1, .blockGRID section div h2, .blockGRID section div h3, .blockGRID section div h4, .blockGRID section div h5
	{
		
		font-size:42px;
		line-height:48px;
	}
	.blockGRID section div h1 span, .blockGRID section div h2 span, .blockGRID section div h3 span, .blockGRID section div h4 span, .blockGRID section div h5 span {				
		margin-top: 18px;
	}
}
@media (max-width: 760px) {
	.blockGRID section div h1, .blockGRID section div h2, .blockGRID section div h3, .blockGRID section div h4, .blockGRID section div h5
	{
		font-size:28px;
		line-height:36px;
	}
	.blockGRID section div h1 span, .blockGRID section div h2 span, .blockGRID section div h3 span, .blockGRID section div h4 span, .blockGRID section div h5 span {				
		margin-top: 18px;
	}
	.blockGRID section div .biggerH { font-size:48px; line-height:52px; }
}

@media (max-width: 560px) {
	.blockGRID section div .biggerH { font-size:36px; line-height:42px; }
	#mm section { width:90%; }
	.blockGRID h1 {
		font-size:24px;
		line-height:28px;
	}
	.blockGRID section div h1, .blockGRID section div h2, .blockGRID section div h3, .blockGRID section div h4, .blockGRID section div h5
	{
		font-size:24px;
		line-height:28px;
	}
	.blockGRID section div h1 span, .blockGRID section div h2 span, .blockGRID section div h3 span, .blockGRID section div h4 span, .blockGRID section div h5 span {				
		margin-top: 12px;
	}
	.blockGRID section div a.halfrec h1, .blockGRID section div a.halfrec h2, .blockGRID section div a.halfrec h3, .blockGRID section div a.halfrec h4, .blockGRID section div a.halfrec h5 { 
		bottom:24px; 
	}
	.blockGRID section div a.halfsq h1, .blockGRID section div a.halfsq h2, .blockGRID section div a.halfsq h3, .blockGRID section div a.halfsq h4, .blockGRID section div a.halfsq h5 { 
		font-size:16px;
		line-height:20px;
		bottom:24px;  
	}
	.blockGRID section div a.halfsq h1 span, .blockGRID section div a.halfsq h2 span, .blockGRID section div a.halfsq h3 span, .blockGRID section div a.halfsq h4 span, .blockGRID section div a.halfsq h5 span { 
		font-size:16px; 
		line-height:16px;
	}
	.blockGRID section { width:90%; }
}



.viewer {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 10vh;
	padding-bottom: 10vh;
	background-color:#f2f6f9;
}
.viewer section {
	display: inline-flex;
	box-sizing: border-box;
	width: 90%;
	max-width: 1380px;
	text-align: center;
	flex-wrap: wrap;
}
.viewer section h1, .viewer section h2, .viewer section h3, .viewer section h4, .viewer section h5 {
	display: block;
	font-size: 36px;
	line-height: 42px;
	font-weight: 700;
	text-align: left;
	letter-spacing: -1px;
    color: #29486f;
	width: 100%;
	margin-bottom: 2.5vh;
	text-align:center;
}
.viewer section p {
	display: block;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	color:rgba(0, 156, 222, 1);
	width: 100%;
	margin-bottom: 2.5vh;
	text-align:center;
}
.viewer section iframe {
	width:100%;
	height:auto;
	min-height:600px;	
	flex: 0 0 auto;
	opacity: 1;
	border-radius:24px;
			
}
.page-overlay-logo, .page-overlay-logo[data-v-58bebf9a] {display:none !important;}



.txtGRIDpageTOP {
	padding-top:130px !important;
}

.txtGRID {
	display:block;
	width:100%;
	text-align:center;
	padding-top:10vh;
	padding-bottom:10vh;
}
.txtGRID h1{
	display:block;
	font-size:36px;
	line-height:42px;
	font-weight:700;
	text-align:left;
	color:rgba(0, 156, 222, 1);
	width:80%;
	margin-bottom:2.5vh;
}		
.txtGRID section
{
	display: inline-flex;
	box-sizing: border-box;
	width: 80%;
	max-width: 1380px;
	text-align: center;
	flex-wrap: wrap;
}

.txtGRID section article {
	width: 100%;
	flex: 0 0 auto;
	opacity: 1;
	max-width: 1380px;
	position:relative;
}
.txtGRID section article div{
	display:inline-block;
	border-radius:24px;	
	margin:1%;
	width:48%;
	height:auto;
	position:relative;
	z-index:0;
	vertical-align:top;
	text-align:left;		
}

.txtGRID section article div img {
	width:100%;
	height:auto;
	z-index:0;
	border-radius:24px;
}
.txtGRID section article h1, .txtGRID section article h2, .txtGRID section article h3, .txtGRID section article h4, .txtGRID section article h5{
	display:inline-block;
	font-size:48px;
	line-height:56px;
	font-weight:500;
	text-align:left;
	/*color:rgba(0, 156, 222, 1);*/
	color:#29486f;
	width:100%;
	z-index:1;
	padding:24px;
	padding-left:0;
	letter-spacing:-1px;
	font-family: 'Inter', Verdana, Geneva, sans-serif;
}
.txtGRID section article p{
	display:inline-block;
	font-size:18px;
	line-height:32px;
	font-weight:500;
	text-align:left;
	/*color:rgba(0, 0, 0, 0.7);*/
	color:#29486f;
	width:100%;
	z-index:1;
	padding:24px;
	padding-top:0;
	padding-left:0;
}
.txtGRID section article b{
	display:inline-block;
	font-size:24px;
	line-height:36px;
	font-weight:700;
	text-align:left;
	color:rgba(0, 156, 222, 1);
	width:100%;
	z-index:1;
	padding:24px;
	padding-left:0;
}
.txtGRID section article .biggerH { font-size:72px; line-height:80px; letter-spacing:-1px; }
.txtGRID section article .biggerH span { font-size:24px; line-height:24px; }










.txtGRID section article div.imgMOBILE
{
	display:none;		
}

@media (max-width: 1300px) {
	.txtGRID section article h1, .txtGRID section article h2, .txtGRID section article h3, .txtGRID section article h4, .txtGRID section article h5
	{
		font-size:28px;
		line-height:36px;
	}
}
@media (max-width: 1100px) {
	.txtGRID section article h1, .txtGRID section article h2, .txtGRID section article h3, .txtGRID section article h4, .txtGRID section article h5
	{
		font-size:24px;
		line-height:32px;
	}
	.txtGRID section article div.imgNOMOBILE
	{
		display:none;		
	}
	.txtGRID section article div.imgMOBILE
	{
		display:block;		
	}
	.txtGRID section article div { width:100%; margin-left:0; margin-right:0; }
}
@media (max-width: 900px) {
	.txtGRID section article {width: 100%;}
	.txtGRID section article h1, .txtGRID section article h2, .txtGRID section article h3, .txtGRID section article h4, .txtGRID section article h5
	{
		font-size:42px;
		line-height:48px;
	}
}
@media (max-width: 760px) {
	.txtGRID section article h1, .txtGRID section article h2, .txtGRID section article h3, .txtGRID section article h4, .txtGRID section article h5
	{
		font-size:28px;
		line-height:36px;
	}
}

@media (max-width: 560px) {
	.txtGRID section article .biggerH { font-size:36px; line-height:42px; }
	#mm section { width:90%; }
	.txtGRID section article h1, .txtGRID section article h2, .txtGRID section article h3, .txtGRID section article h4, .txtGRID section article h5
	{
		font-size:24px;
		line-height:28px;
	}
}


.pillBtnFloatR { float:right;}
.pillBtn
{
	display:inline-block;
	width:auto;
	height:auto;
	font-size:18px;
	line-height:18px;
	background: #00C9FF;
    background: linear-gradient(180deg, rgba(0, 156, 222, 1) 0%, rgba(75, 108, 183, 1) 100%);
	color:#fff;
	padding:12px;
	padding-left:24px;
	padding-right:24px;
	border-radius:100vh;
	text-decoration:none;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .25);
	cursor:pointer;
	overflow:hidden;
}
.pillBtnNext:hover::after
{
	animation-name: MOVE-ARROW;
  	animation-duration: 0.5s;
  	animation-timing-function: linear;
  	animation-iteration-count: 1;
}
.pillBtnBack:hover::after
{
	animation-name: MOVE-ARROW-REV;
  	animation-duration: 0.5s;
  	animation-timing-function: linear;
  	animation-iteration-count: 1;
}
.pillBtnNext {
	padding-right:38px;
	background: #3B5D83;
	background: linear-gradient(0deg,rgba(59, 93, 131, 1) 0%, rgba(85, 120, 155, 1) 100%);
}
.pillBtnNext::after
{
	content:'';
	background-image:url(https://aisleview.ca/images/arrow-right.svg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:0% 0%;
	display:inline-block;
	height:13px;
	width:13px;
	content:'';
	position:absolute;
	top:50%;
	right:14px;
	transform:translate(0%,-50%);
	opacity:1;	
	filter: invert(100%);
}
.pillBtnBack {
	padding-left:38px; margin-right:36px; 
	background: #3B5D83;
	background: linear-gradient(0deg,rgba(59, 93, 131, 1) 0%, rgba(85, 120, 155, 1) 100%);
}
.pillBtnBack::after
{
	content:'';
	background-image:url(https://aisleview.ca/images/arrow-right.svg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:0% 0%;
	display:inline-block;
	height:13px;
	width:13px;
	content:'';
	position:absolute;
	top:50%;
	left:14px;
	transform:translate(0%,-50%) scaleX(-1);
	opacity:1;	
	filter: invert(100%);
}
.pillBtnBook {padding-left:38px; margin-right:36px; }
.pillBtnBook::after
{
	content:'';
    background-image: url(https://aisleview.ca/images/pen.svg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:0% 0%;
	display:inline-block;
	height:16px;
	width:16px;
	content:'';
	position:absolute;
	top:50%;
	left:14px;
	transform:translate(0%,-50%) scaleX(-1);
	opacity:1;	
	filter: invert(100%);
}
.pillBtnBook:hover::after
{
	animation-name: MOVE-ARROW-REV;
  	animation-duration: 0.5s;
  	animation-timing-function: linear;
  	animation-iteration-count: 1;
}
.zxoMODformOpen {
	position:fixed !important;
	height:100vh !important;
	z-index:1000 !important;
	opacity:1 !important;
	top:0 !important;
	display:table !important;
}
.zxoMODformOnpage {
	position:relative !important;
	top:auto !important;
	left:auto !important;
	width:100% !important;
	height:auto !important;
	display:table !important;
	background-color:transparent !important;
	z-index:1 !important;
	opacity:1 !important;
	overflow:visible !important;
	padding-top:150px;
}
#zxoMODform
{
	position:absolute;
	top:-150vh;
	left:0;
	width:100vw;
	height:0;
	display:none;
	background-color:rgba(0,0,0,0.7);
	z-index:-1;
	opacity:0;
	overflow:hidden;
}
#zxoMODform section
{
	position:relative;
	width:100%;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	background-color:transparent;
	text-align:center;
}
#zxoMODform section section
{
	position:relative;
	width:60%;
	max-width:60vw; /*Important to set this on vw*/
	height:auto;	
	max-height:780px;
	overflow: hidden;
	vertical-align:top;
	background-color:#fff;
	border-radius:24px;	
	white-space:nowrap;	
	display: inline-flex;
    flex-wrap: nowrap;
	align-items: flex-start;
	
}
.zxoMODformOnpage section section { 
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); padding: 24px;
}
.zxoMODformOnpage section section section { box-shadow: none !important; padding-top:0 !important; padding-bottom:2px; !important; }
#zxoMODform section section section
{
	position:relative;
	width:100%;
	max-width:none;
	display:inline-table;
	vertical-align:top;
	background-color:#fff;
	border-radius:24px;
	padding:0px;
	overflow:visible;
	white-space:normal;
	padding:60px;	
	flex: 0 0 auto;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#zxoMODform section section section section
{
	position:relative;
	width:50%;
	display:table-cell;
	vertical-align:top;
	overflow:auto;
	border-radius:0;
	max-width:50%;
}
#zxoMODform section section section section:first-child { padding-right:0;}
#zxoMODform section section section section.onepanel { padding-left:0; padding-right:0; padding-top:48px;}
#zxoMODform section section section span
{
	display: block;
    font-family: 'Inter', Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    text-align: left;
    color: rgba(0, 156, 222, 1);
    width: 100%;
    z-index: 1;
    padding: 24px;
    padding-left: 0;
	padding-bottom:12px;
	border-bottom:dotted;
	border-bottom-color:#009cde;
	border-bottom-width:1px;;
}
#zxoMODform section section section span strong {
	display:none;
	margin-left:12px;
	padding-left:12px;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#009cde;
	font-family: 'Inter', Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 24px;
	font-weight:700;	
}
#zxoMODform section section section span img {
    width: 24px;
    height: auto;
    vertical-align: middle;
    margin-right: 6px;
	filter: brightness(0) saturate(100%) invert(45%) sepia(82%) saturate(1793%) hue-rotate(166deg) brightness(92%) contrast(102%);
}
#zxoMODform section section section b, #zxoMODform section section section h5
{
	display: inline-block;
    text-align: left;
    color: #29486f;
    width: 100%;
    z-index: 1;
}
#zxoMODform section section section b
{
	font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    padding: 24px;
    padding-left: 0;
}
#zxoMODform section section section h5
{
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
	padding-bottom:6px;
    padding-left: 0;
	border-bottom:dotted;
	border-bottom-color:#009cde;
	border-bottom-width:1px;
	margin-bottom:24px;
}
#zxoMODform section section section p
{
	display: inline-block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-align: left;
    color: #29486f;
    width: 100%;
    z-index: 1;
    padding: 24px;
	padding-top:0;
    padding-left: 0;
}
#zxoMODform section section section div.h { width:50%; padding-right:5%; }
#zxoMODform section section section div
{
	display:inline-block;
	width:100%;
	height:auto;
	text-align:left;
	margin-bottom:24px;
	position:relative;
}
#zxoMODform section section section div input, #zxoMODform section section section div select, #zxoMODform section section section div option
{
	font-size: 16px;
    line-height: 24px;
    font-weight: 400;
	color: #3b5d83;
	display:block;
	border-radius:100vh;
	width:100%;
	border:solid;
	border-color:#55789b;
	border-width:1px;
	outline:none;
	padding:8px;
	padding-left:18px;
	padding-right:18px;
	position:relative;
	text-align:left;
}
#zxoMODform section section section div input[type='date'] {
	
	-webkit-appearance: none; padding: 8px; z-index:1;
	background-image: url(https://aisleview.ca/images/cal.svg);
	background-repeat:no-repeat;
	background-size:auto 60%;
	background-position:97% 50%;
	cursor:pointer;
}
#zxoMODform section section section div input[type='time'] {
	
	-webkit-appearance: none; 
	padding: 8px; z-index:1;
	background-image: url(https://aisleview.ca/images/time.svg);
	background-repeat:no-repeat;
	background-size:auto 60%;
	background-position:97% 50%;
	cursor:pointer;
}
#zxoMODform section section section div input[type="date"]::-webkit-calendar-picker-indicator, #zxoMODform section section section div input[type="time"]::-webkit-calendar-picker-indicator {
	/*THIS FIX MAKES THE ENTIRE INPUT FIELD CLICKABLE*/
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
  	padding: 0;
  	color: transparent;
  	background: transparent;
  	z-index:9;
	opacity:0;
	cursor:pointer;
}
















#zxoMODform section section section div textarea
{
	font-size: 16px;
    line-height: 24px;
    font-weight: 400;
	color: #3b5d83;
	display:block;
	border-radius:24px;
	width:100%;
	height:auto;
	min-height:280px;
	border:solid;
	border-color:#55789b;
	border-width:1px;
	outline:none;
	padding:8px;
	padding-left:18px;
	padding-right:18px;
}
#zxoMODform section section section div label
{
	font-size: 16px;
    line-height: 24px;
    font-weight: 400;
	color: #55789b; /*32x multiply #f2f6f9*/
	display:block;
	margin-bottom:8px;
	width:100%;
}
#zxoMODform section section section div button { font-size:18px; line-height:18px; outline:none; border:none; margin-top:18px; }
#zxoMODform section section section div label.req:after
{
	position:relative;
	display:inline-block;	
	background: #f2f6f9;
	font-size:11px;
	line-height:11px;
	color:rgba(0,0,0,0.7);
	border-radius:100vh;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	vertical-align:middle;
	content:'required';
	float:right;
	font-weight:700;
}





#zxoMODform section section nav {
	display:block;
	width:100%;
	height:auto;
	z-index:9;
	position:absolute;
	bottom:24px;
	left:0;
	text-align:center;
}
#zxoMODform section section nav a{
	display:inline-block;
	width:9px;
	height:9px;
	background: #3B5D83;
    background: linear-gradient(0deg, rgba(59, 93, 131, 1) 0%, rgba(85, 120, 155, 1) 100%);
	border-radius:50%;
	content:'';
	margin-left:8px;
	margin-right:8px;
	vertical-align:middle;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#zxoMODform section section nav a.curr {
	width:18px;
	height:18px;
}
.pillBtnSendMail {
	background: #36b389;
background: linear-gradient(0deg,rgba(54, 179, 137, 1) 0%, rgba(87, 199, 133, 1) 50%); padding-right: 40px; margin-right:18px;
}
.pillBtnSendMail::before
{
	content: '';
    background-image: url(https://aisleview.ca/images/send-mail.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0% 0%;
    display: inline-block;
    height: 18px;
    width: 18px;
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translate(0%, -50%);
    opacity: 1;
    filter: invert(100%);
}
.pillBtnSendMail:hover::before
{
	animation-name: MOVE-ARROW;
  	animation-duration: 0.5s;
  	animation-timing-function: linear;
  	animation-iteration-count: 1;
}
#zxoMODformClose, #zxoMODformResponseClose {
	position:absolute;
	top:24px;
	right:24px;
	border-radius:50%;
	content:'';
	background:#C00;
	width:32px;
	height:32px;
	outline:none;
	border:none;
	cursor:pointer;
	display:table;
}
#zxoMODformClose span, #zxoMODformResponseClose span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}
#zxoMODformClose span img, #zxoMODformResponseClose span img{
	width:80%;
	height:auto;
	filter: invert(100%);	
}

.zxoMODformResponseOpen
{
	display:table;
	height:100% !important;
	top:0 !important;
}
#zxoMODform section section aside
{
	display:table;
	width:100%;
	height:0%;
	overflow:hidden;
	background-color:#0C9;
	position:absolute;
	top:-1000vh;
	left:0;
	z-index:10;
}
#zxoMODform section section aside div
{
	display:table-cell;
	width:100%;
	height:100%;
	background-color:transparent;
	vertical-align:middle;
	text-align:center;
}
#zxoMODform section section aside div b
{
	display: inline-block;
	font-size: 36px;
	line-height: 42px;
	font-weight: 700;
	text-align:center;
	color: #fff;
	width: 80%;
	max-width:800px;
	margin-bottom:18px;
	white-space:normal;
}
#zxoMODform section section aside div p
{
	display: inline-block;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	text-align:center;
	color: #fff;
	width: 80%;
	max-width:800px;
	white-space:normal;
}

@media (max-width: 1760px) {
	#zxoMODform section section
	{
		width:80%;
		max-width:80vw; /*Important to set this on vw*/
	}
}
@media (max-width: 1360px) {
	#zxoMODform section section
	{
		width:90%;
		max-width:90vw; /*Important to set this on vw*/
	}
}
@media (max-width: 1024px) {
	#zxoMODform section section section h5
	{
		font-size: 24px;
		line-height: 32px;
	}
	#zxoMODform section section section { width:100%; min-width:0 !important; padding:30px; padding-top:24px; padding-bottom:18px;}
	#zxoMODform section section section b { display:none; }
	#zxoMODform section section section span strong { display:inline-block; }
	#zxoMODform section section section span.logo { margin-bottom:18px; }
	#zxoMODform section section section span.logo strong{ border:none; padding-left:0; margin-left:0; display:block; margin-top:12px; }
	#zxoMODform section section section section { display:block; width:100%;  min-width:0 !important; padding-left:0; padding-right:0; max-width:100%;}
	#zxoMODform section section section section p {display:none;}
	
	#zxoMODform section section section section:first-child { padding-bottom:0; padding-top:0; }
	#zxoMODform section section section section:last-child { padding-top:0; }
	#zxoMODform section section section b { font-size:24px; line-height:32px; padding-right:0; border-bottom:dotted; border-bottom-color:#009cde; border-bottom-width:1px; margin-bottom:18px; padding-bottom:18px; }
	#zxoMODform section section section div input, #zxoMODform section section section div select, #zxoMODform section section div option
	{
		font-size: 12px;
		line-height: 12px;
		padding:8px;
		padding-left:18px;
		padding-right:18px;
	}
	#zxoMODform section section section div label { font-size:12px; line-height:18px; margin-bottom:2px; }
	#zxoMODform section section section div { margin-bottom:18px; }
	#zxoMODform section section section section.onepanel {padding-top:30px;}
	#zxoMODformClose { top:18px; right:18px; width:24px; height:24px;}
	#zxoMODform section section section div button { margin-top:8px; font-size: 14px; line-height: 14px; }
	
	.pillBtnBack {margin-right:18px; }
	.pillBtnLeft {margin-left:18px; }
	.pillBtnSendMail { margin-right:12px;}
}
.pr0{ padding-right:0 !important;}






.serviceCards {
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:60px;
}
.serviceCards section {
	display: inline-flex;
	box-sizing: border-box;
	width: 80%;
	max-width: 1380px;
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
}
.serviceCards section div.half { width:50% !important; margin-top:48px;}
.serviceCards section div.half div{ width:98% !important; margin:1% !important; padding-bottom:36px;}
.serviceCards section div{
	width: 20%;
	flex: 0 0 auto;
	opacity: 1;
	margin-bottom:24px;
}
@media (max-width: 1640px) {
	
	.serviceCards section div{width: 25%;}
}
@media (max-width: 1280px) {
	
	.serviceCards section div{width: 33.3%;}
}
@media (max-width: 1060px) {
	
	.serviceCards section div{width: 50%;}
	.serviceCards section div.half { width:100% !important; margin-top:48px;}
	.serviceCards section div.half:last-child { margin-top:0 !important; }
}
.serviceCards section div div{
	display: block;
	border-radius: 24px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	background: #58b79e;
	margin: 5%;
	overflow: hidden;
	background: rgba(0, 0, 0, 1);
	width: 90%;
	height: 100%;
	position: relative;
	z-index: 0;
	background: #29486F;
    background: linear-gradient(330deg, rgba(41, 72, 111, 1) 0%, rgba(85, 120, 155, 1) 100%);
}
.serviceCards section div div aside{
	display: block;
	width:100%;
	height:auto;
	text-align:center;			
}
.serviceCards section div div aside span{
	width:70%;
	height:0;
	padding-bottom:70%;
	position:relative;
	overflow:hidden;
	border-radius:50%;
	background-color:#fff;
	display:inline-block;
	margin-top:24px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.serviceCards section div div aside span img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:60%;
	height:auto;
}
.serviceCards section div div aside span img.p
{
	width:50%;
}
.serviceCards section div div p {
	display:block;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	text-align:center;
	color:#fff;
	width:100%;
	z-index:1;
	padding:10%;
	padding-bottom:48px;
}
.serviceCards section div div b {
	display:block;
	font-size:36px;
	line-height:42px;
	font-weight:600;
	text-align:center;
	color:#fff;
	width:100%;
	z-index:1;
	padding:10%;
	padding-bottom:24px;
	text-transform:uppercase;
}
.serviceCards section div div ul {
	display:block;
	width:100%;
	z-index:1;
	padding:10%;
	padding-top:24px;
	padding-bottom:0px;
	list-style:disc;
	position:relative;
}
.serviceCards section div div ul li {
	display:block;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	color:#fff;
	text-align:left;
	margin-bottom:36px;
	padding-left:60px;
	position:relative;
}

.serviceCards section div div ul li::before {
    content: '';
    display: inline-block;
    height: 36px;
    width: 36px;
    content: '';
    position: absolute;
    top: 18px;
    left: 0px;
    transform: translate(0%, -50%);
    filter: brightness(0) saturate(100%) invert(45%) sepia(82%) saturate(1793%) hue-rotate(166deg) brightness(92%) contrast(102%);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0% 0%;
}


.check::before {
	background-image:url(https://aisleview.ca/images/check-circle.svg);
}
.customerWalk::before {
	background-image:url(https://aisleview.ca/images/customerWalk.svg);
}
.radar::before {
	background-image:url(https://aisleview.ca/images/radar.svg);
}
.reno::before {
	background-image:url(https://aisleview.ca/images/reno.svg);
}
.plantrack::before {
	background-image:url(https://aisleview.ca/images/plantrack.svg);
}
.audit::before {
	background-image:url(https://aisleview.ca/images/audit.svg);
}



.serviceCards strong
{
	display: inline-block;
	width: 100%;
	max-width: 1380px;
	height: auto;
	text-align: left;
	font-family: 'Inter', Verdana, Geneva, sans-serif;
	margin-bottom: 24px;
	text-align: center;
	position: relative;
}
.serviceCards strong span {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: center;
	font-family: 'Inter', Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight:600;
	margin-bottom: 0px;
	background-color: #fff;
	padding: 18px;
	z-index: 2;
	color: #29486f;
}
.serviceCards strong:after {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #29486f;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 1;
	border: none;
	outline: none;
}