@font-face{
font-family:'HelveticaNeueLTStd';
src:url(//brixmtl.com/wp-content/themes/brix/assets/fonts/HelveticaNeueLTStd-Lt.otf) format("opentype"),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/HelveticaNeueLTStd-Lt.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/HelveticaNeueLTStd-Lt.woff) format('woff'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/HelveticaNeueLTStd-Lt.ttf) format('truetype');
}
@font-face{
src: url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Veneer W01 Regular.eot);
src:url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Veneer W01 Regular.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Veneer W01 Regular.woff) format('woff'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Veneer W01 Regular.ttf) format('truetype');
font-family:'veneerregular';
}
@font-face {
font-family: 'Whitney';
src: url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Whitney-Bold';
src: url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-Bold.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Whitney-Medium';
src: url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-Medium.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Whitney-Semibold';
src: url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-Semibold.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Whitney-BookItalic';
src: url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-BookItalic.woff2) format('woff2'),
url(//brixmtl.com/wp-content/themes/brix/assets/fonts/Whitney-BookItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}
p:empty {
display: none;
}
img {
vertical-align: middle;
max-width: 100%;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
max-width: 1349px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
box-sizing: border-box;
}
.container:after, .clear:after, ul:after {
display: block;
content: "";
clear: both;
}
ul, li, ol {
list-style: none;
padding: 0;
margin: 0;
}
a{
text-decoration: none;
}
.modal-content .show_stall div label {
display: inline-block;
width: 23%;
font-weight: 800;
color: #212232;
font-family: 'Whitney-Medium';
}
.text_center{
text-align: center;
}
.blue-bg{
background-color:#B1D3DD;
}
.gray-bg{
background-color:#F2F2F2;
}
.yello-bg{
background-color: #E4DEC8;
}
.header{
height: 230px;
max-height: 230px;
min-height: 230px;
}
.header img{
width: 100%;
height: 230px;
min-height: 230px;
max-height: 230px;
}
.footer{
height: 289px;
max-height: 289px;
min-height: 289px;
}
.footer img{
width: 100%;
height: 289px;
min-height: 289px;
max-height: 289px;
}
.color-divider{
padding-top: 40px;
padding-bottom: 40px;
}
.color-divider ul{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 20px;
max-width: 1100px;
border:1px solid #2e2e2e;
}
.color-divider ul li{
float: left;
margin-right:25px;
}
.color-divider ul li:last-child{
margin-right: 0;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(1){
background:transparent;
border-top:none;
border-left:none;
margin-left:203px;
}
.modal-content .show_stall hr {
margin-bottom: 23px;
}
.color-divider ul li .color_box{
width: 27px;
height: 27px;
display: inline-block;
background-color: #0E5A00;
}
.color-divider ul li:nth-child(2) .color_box{
background-color:#F92D2E;
}
.color-divider ul li:nth-child(3) .color_box{
background-color:#D8DE1A;
}
.color-divider ul li h4{
color: #2e2e2e;
font-size:35px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
padding: 0 0 0 10px;
margin: 0;
display: inline-block;
}
.garage-box{
padding-bottom: 100px;
padding-top: 100px;
max-width: 770px;
width: 770px;
}
.garage-boxtwo h4, .garage-box h4, .garage-boxthree h4{
font-size:25px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: normal;
color: #4f8fee;
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
} 
.garage-box .lebel{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
}
.garage-box .lebel li{
display: inline-block;
background-color: #fff;
border-top:1px solid #2e2e2e;
border-left:1px solid #2e2e2e;
border-right:none;
border-bottom:1px solid #2e2e2e;
text-align: center;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-box .lebel li:last-child{
border-right:1px solid #2e2e2e;
}
.garage-box .lebel li:nth-child(9){
border-right:1px solid #2e2e2e;
margin-right: 5px;
}
.garage-box .lebel li:nth-child(12){
border-right:1px solid #2e2e2e;
margin-right: 5px;
}
.garage-box .lebel li:nth-child(2) .reserved-no, .garage-box .lebel li:nth-child(6) .reserved-no, .garage-box .lebel li:nth-child(11) .reserved-no, .garage-box .lebel li:nth-child(13) .reserved-no, .garage-box .lebel li:nth-child(16) .reserved-no{
background-color: #0E5A00;
}
.garage-boxtwo .lebel-twoa li:nth-child(17){
border-left: 1px solid #2e2e2e;
} .garage-box .numbr, .garage-boxtwo .numbr, .garage-boxthree .numbr{ 
font-size: 10px;
text-align: center;
line-height: 1;
padding-bottom: 5px;
padding-top: 2px;
}
.garage-boxtwo .tooltip, .garage-box .tooltip, .garage-boxthree .tooltip{
display: inline-block;
border:1px solid #000;
border-radius: 100%;
width: 22px;
height: 22px;
transition: all .6s ease;
line-height:normal;
}
.garage-box .tooltip img, .garage-boxtwo .tooltip img, .garage-boxthree .tooltip img{
width: 15px;
}
.garage-box li:hover .tooltip, .garage-boxtwo li:hover .tooltip, .garage-boxthree li:hover .tooltip{
background-color: #000;
}
.garage-boxtwo .tooltip, .garage-box .tooltip, .garage-boxthree .tooltip{
border-bottom: 1px solid #000000; 
color: #000000; 
outline: none;
cursor: help; 
text-decoration: none;
position: relative;
}
.garage-boxtwo .tooltip span, .garage-box .tooltip span, .garage-boxthree .tooltip span{
margin-left: -999em;
position: absolute;
}
.garage-boxtwo li:hover span, .garage-box li:hover span, .garage-boxthree li:hover span{
padding: 10px;
border-radius: 5px 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
position: absolute; 
left: -80%;
bottom: 20px;
z-index: 99;
margin-left: 0; 
width: 250px;
background-color:#6c7b95;
color: #fff;
}
.garage-boxtwo li:hover span p, .garage-box li:hover span p, .garage-boxthree li:hover span p{
font-size: 14px;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
text-align: left;
margin: 0;
line-height: normal;
}
.garage-boxtwo .tooltip p em, .garage-box .tooltip p em, .garage-boxthree .tooltip p em{
color: #d6e5fa;
font-style: normal;
}
.garage-boxtwo li:hover span::after, .garage-box li:hover span::after, .garage-boxthree li:hover span::after{
border-style: solid;
border-width:1.5em 1em 0 1em;
border-color: #6c7b95 transparent transparent transparent;
position: absolute;
bottom: -32px;
left: 7%;
content: "";
margin-left: -0.5em;
transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
transform:  scale(.6) translateY(-90%);
} 
.custom.warning p { color:#ffffff!important}
.garage-boxtwo .reserved-no, .garage-box .reserved-no, .garage-boxthree .reserved-no{
font-weight: normal;
font-size: 8px;
margin-top: 5px;
background-color: #F92D2E;
color: #fff;
line-height: 1;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
}
.garage-boxtwo .reserved-no strong, .garage-box .reserved-no strong, .garage-boxthree .reserved-no strong{
font-size: 10px;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
}
.garage-box .lebel-onea{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row-reverse; 
position: relative;
padding-bottom:15px;
margin-bottom: 10px;
}
.garage-box .lebel-onea:after{
content: '';
position: absolute;
border-bottom: 4px solid #00a651;
bottom: 0;
margin: 0 auto;
text-align: center;
width: 85%;
}
.garage-box .lebel-onea li{
display: inline-block;
background-color: #fff;
border-top:1px solid #2e2e2e;
border-left:none;
border-right:1px solid #2e2e2e;
border-bottom:1px solid #2e2e2e;
text-align: center;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-box .lebel-onea li:last-child{
border-left:1px solid #2e2e2e;
}
.garage-box .lebel-onea li:nth-child(2){
margin-left: 5px;
border-left:1px solid #2e2e2e;
}
.garage-box .lebel-onea li:nth-child(5){
border-left:1px solid #2e2e2e;
}
.garage-box .lebel-onea li:nth-child(6){
margin-right:9px;
}
.garage-box .lebel-onea li:nth-child(7){
margin-left: 5px;
border-left:1px solid #2e2e2e;
}
.garage-box .lebel-onea li:nth-child(1) .reserved-no, .garage-box .lebel-onea li:nth-child(2) .reserved-no, .garage-box .lebel-onea li:nth-child(6) .reserved-no, .garage-box .lebel-onea li:nth-child(11) .reserved-no{
background-color: #0E5A00;
}
.garage-box .lebel-onea li:nth-child(8) .reserved-no{
background-color: #D8DE1A;
}
.garage-box .lebel-onea li:nth-child(9){
background-color: transparent;
border-bottom:  1px solid #77777773;
border-top: 1px solid #77777773;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/up-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-box  .lebel-onea li:nth-child(9) .numbr, .garage-box .lebel-onea li:nth-child(9) .tooltip, .garage-box .lebel-onea li:nth-child(9) .reserved-no{
display: none;
}
.garage-box .lebel-onea li:nth-child(10){
background-color: transparent;
border-bottom:  1px solid #77777773;
border-top: 1px solid #77777773;
border-right: 1px solid #77777773;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/down-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-box  .lebel-onea li:nth-child(10) .numbr, .garage-box .lebel-onea li:nth-child(10) .tooltip, .garage-box .lebel-onea li:nth-child(10) .reserved-no{
display: none;
}
.garage-box .lebel-oneatwo{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
position: relative;
}
.garage-box .lebel-oneatwo:after{
content: '';
position: absolute;
height: 30px;
left: 41%;
transform: translateX(-41%);
margin-left: 3px;
top: -57%;
text-align: center;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/center.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 94px;
}
.garage-box .lebel-oneatwo li{
display: inline-block;
background-color: #fff;
border-top:1px solid #2e2e2e;
border-left:1px solid #2e2e2e;
border-right:none;
border-bottom:1px solid #2e2e2e;
text-align: center;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-box .lebel-oneatwo li:last-child{
border-right:1px solid #2e2e2e; 
margin-left: 5px;
}
.garage-box .lebel-oneatwo li:nth-child(14){
border-right:1px solid #2e2e2e; 
}
.garage-box .lebel-oneatwo li:nth-child(10){
border-right:1px solid #2e2e2e; 
margin-right: 15px;
}
.garage-box .lebel-oneatwo li:nth-child(4) .reserved-no, .garage-box .lebel-oneatwo li:nth-child(5) .reserved-no, .garage-box .lebel-oneatwo li:nth-child(10) .reserved-no, .garage-box .lebel-oneatwo li:nth-child(14) .reserved-no, .garage-box .lebel-oneatwo li:nth-child(15) .reserved-no{
background-color: #0E5A00;
}
.garage-box .lebel-oneatwo li:nth-child(3) .reserved-no, .garage-box .lebel-oneatwo li:nth-child(11) .reserved-no{
background-color: #D8DE1A;
}
.garage-box .lebel-oneatwo li:nth-child(1){
background-color: transparent;
border-bottom:  1px solid #77777773;
border-top: 1px solid #77777773;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/up-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-box  .lebel-oneatwo li:nth-child(1) .numbr, .garage-box .lebel-oneatwo li:nth-child(1) .tooltip, .garage-box .lebel-oneatwo li:nth-child(1) .reserved-no{
display: none;
}
.garage-box .lebel-oneatwo li:nth-child(2){
background-color: transparent;
border-bottom:  1px solid #77777773;
border-top: 1px solid #77777773;
border-right: 1px solid #77777773;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/down-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-box  .lebel-oneatwo li:nth-child(2) .numbr, .garage-box .lebel-oneatwo li:nth-child(2) .tooltip, .garage-box .lebel-oneatwo li:nth-child(2) .reserved-no{
display: none;
}
.garage-box .lebel-oneatwo li:nth-child(6){
background-color: transparent;
border-bottom:  1px solid #77777773;
border-top: 1px solid #77777773;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/up-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-box  .lebel-oneatwo li:nth-child(6) .numbr, .garage-box .lebel-oneatwo li:nth-child(6) .tooltip, .garage-box .lebel-oneatwo li:nth-child(6) .reserved-no{
display: none;
}
.garage-box .lebel-oneatwo li:nth-child(7){
background-color: transparent;
border-bottom:  1px solid #77777773;
border-top: 1px solid #77777773;
border-right: 1px solid #77777773;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/down-arrow.png); 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-box  .lebel-oneatwo li:nth-child(7) .numbr, .garage-box .lebel-oneatwo li:nth-child(7) .tooltip, .garage-box .lebel-oneatwo li:nth-child(7) .reserved-no{
display: none;
}
.garage-box .lebel-oneb{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
flex-direction: row-reverse; 
position: relative;
}
.garage-box .lebel-oneb li{
display: inline-block;
background-color: #fff;
border-top:1px solid #2e2e2e;
border-left:1px solid #2e2e2e;
border-right:none;
border-bottom:1px solid #2e2e2e;
text-align: center;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
} .garage-box .lebel-oneb li:nth-child(1){
border-right:1px solid #2e2e2e;
margin-left: 5px;
}
.garage-box .lebel-oneb li:nth-child(10), .garage-box .lebel-oneb li:nth-child(7), .garage-box .lebel-oneb li:nth-child(4){
margin-left: 15px;
}
.garage-box .lebel-oneb li:nth-child(5), .garage-box .lebel-oneb li:nth-child(8), .garage-box .lebel-oneb li:nth-child(11){
border-right:1px solid #2e2e2e;
}
.garage-box .lebel-oneb li:nth-child(2){
border-right:1px solid #2e2e2e;
}
.garage-box .lebel-oneb li:nth-child(1) .reserved-no, .garage-box .lebel-oneb li:nth-child(5) .reserved-no, .garage-box .lebel-oneb li:nth-child(9) .reserved-no, .garage-box .lebel-oneb li:nth-child(10) .reserved-no, .garage-box .lebel-oneb li:nth-child(11) .reserved-no, .garage-box .lebel-oneb li:nth-child(12) .reserved-no{
background-color: #0E5A00;
}
.garage-boxtwo{
padding-bottom: 100px;
padding-top:100px; 
}
.garage-boxtwo .lebel{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.garage-boxtwo .lebel li{
display: inline-block;
background-color: #fff;
border-top:1px solid #2e2e2e;
border-left:1px solid #2e2e2e;
border-right:none;
border-bottom:1px solid #2e2e2e;
text-align: center;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-boxtwo .lebel li:nth-child(19), .garage-boxtwo .lebel li:last-child{
border-right:1px solid #2e2e2e;
}
.garage-boxtwo .lebel li:nth-child(20){ margin-left:47px;}
.garage-boxtwo .lebel li:nth-child(2), .garage-boxtwo .lebel li:nth-child(4), .garage-boxtwo .lebel li:nth-child(7), .garage-boxtwo .lebel li:nth-child(10), .garage-boxtwo .lebel li:nth-child(11), .garage-boxtwo .lebel li:nth-child(12), .garage-boxtwo .lebel li:nth-child(17), .garage-boxtwo .lebel li:nth-child(23){
margin-right: 15px;
border-right:1px solid #2e2e2e;
}
.garage-boxtwo .lebel li:nth-child(15){
margin-right: 15px;
border-right:1px solid #2e2e2e;
}
.garage-boxtwo .lebel li:nth-child(2) .reserved-no, .garage-boxtwo .lebel li:nth-child(5) .reserved-no, .garage-boxtwo .lebel li:nth-child(9) .reserved-no, .garage-boxtwo .lebel li:nth-child(11) .reserved-no, .garage-boxtwo .lebel li:nth-child(17) .reserved-no, .garage-boxtwo .lebel li:nth-child(18) .reserved-no, .garage-boxtwo .lebel li:nth-child(19) .reserved-no, .garage-boxtwo .lebel li:nth-child(21) .reserved-no, .garage-boxtwo .lebel li:nth-child(22) .reserved-no, .garage-boxtwo .lebel li:nth-child(23) .reserved-no, .garage-boxtwo .lebel li:nth-child(24) .reserved-no, .garage-boxtwo .lebel li:nth-child(25) .reserved-no{
background-color: #0E5A00;
}
.garage-boxtwo .lebel li:nth-child(16) .reserved-no{
background-color: #D8DE1A;
}
.garage-boxtwo .lebel-twoa {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
flex-direction: row-reverse;
position: relative;
padding-bottom: 20px;
margin-bottom: 12px;
}
.garage-boxtwo .lebel-twoa li {
display: inline-block;
background-color: #fff;
border-top: 1px solid #2e2e2e;
border-left: none;
border-right: 1px solid #2e2e2e;
border-bottom: 1px solid #2e2e2e;
text-align: center;
font-family: 'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-boxtwo .lebel-twoa li:last-child {
border-left:1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoa li:nth-child(2), .garage-boxtwo .lebel-twoa li:nth-child(5), .garage-boxtwo .lebel-twoa li:nth-child(8){
margin-left: 15px;
border-left:1px solid #2e2e2e; 
}
.garage-boxtwo .lebel-twoa li:nth-child(10), .garage-boxtwo .lebel-twoa li:nth-child(22) {
margin-left: 15px;
border-left: 1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoa li:nth-child(13){
margin-left: 20px;
border-left:1px solid #2e2e2e; 
} .garage-boxtwo .lebel-twoa li:nth-child(1) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(2) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(6) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(9) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(11) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(12) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(15) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(16) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(20) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(21) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(22) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(23) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(24) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(25) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(26) .reserved-no, .garage-boxtwo .lebel-twoa li:nth-child(27) .reserved-no{
background-color: #0E5A00;
}
.garage-boxtwo .lebel-twoa li:nth-child(14) .reserved-no{
background-color: #D8DE1A;
}
.garage-boxtwo .lebel-twoa:after {
content: '';
position: absolute;
border-bottom: 8px solid #00a651;
bottom:0;
margin: 0 auto;
text-align: center;
width: 69%;
}
.garage-boxtwo .lebel-twoatwo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
}
.garage-boxtwo .lebel-twoatwo li {
display: inline-block;
background-color: #fff;
border-top: 1px solid #2e2e2e;
border-left: 1px solid #2e2e2e;
border-right: none;
border-bottom: 1px solid #2e2e2e;
text-align: center;
font-family: 'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-boxtwo .lebel-twoatwo li:last-child {
border-right:  1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(4){
border-right:  1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(15){
margin-right: 15px;
border-right:  1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(12) {
margin-right: 0;
border: none;
background: none;
border-left: 1px solid #2e2e2e;
width: 15px;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(14) {
border: none;
background: none;
border-left: 1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(5){
background-color: transparent;
border-top: none;
border-bottom: none;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(5) .numbr, .garage-boxtwo .lebel-twoatwo li:nth-child(5) .tooltip, .garage-boxtwo .lebel-twoatwo li:nth-child(5) .reserved-no{
display: none;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(8){
border-right:1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(9){
margin-left:30px;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(1) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(2) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(3) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(4) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(6) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(7) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(11) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(12) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(15) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(16) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(17) .reserved-no, .garage-boxtwo .lebel-twoatwo li:nth-child(18) .reserved-no{
background-color: #0E5A00;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(10) .reserved-no{
background-color: #D8DE1A;
}
.garage-boxtwo .lebel-twoatwo:after {
content: '';
position: absolute;
height: 180px;
left: 16%;
transform: translateX(-16%);
margin-left: 0;
top: -167%;
text-align: center;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/arrow-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 46px;
}
.garage-boxtwo .lebel-twoatwo:before {
content: '';
position: absolute;
height: 180px;
left: 30%;
transform: translateX(-30%); 
margin-left: 10px;
top: -167%;
text-align: center;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/arrow-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 46px;
}
.garage-boxtwo .lebel-twob {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row-reverse;
position: relative;
width: 800px;
max-width: 800px;
}
.garage-boxtwo .lebel-twob li {
justify-content: flex-end;
display: inline-block;
background-color: #fff;
border-top: 1px solid #2e2e2e;
border-left:none;
border-right:  1px solid #2e2e2e;
border-bottom: 1px solid #2e2e2e;
text-align: center;
font-family: 'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-boxtwo .lebel-twob li:last-child{
border-left: 1px solid #2e2e2e;
}    
.garage-boxtwo .lebel-twob li:nth-child(1){
margin-left:20px;
border-left: 1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twob li:nth-child(4), .garage-boxtwo .lebel-twob li:nth-child(7), .garage-boxtwo .lebel-twob li:nth-child(10){
margin-left:15px;
border-left: 1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twob li:nth-child(1) .reserved-no, .garage-boxtwo .lebel-twob li:nth-child(5) .reserved-no, .garage-boxtwo .lebel-twob li:nth-child(9) .reserved-no, .garage-boxtwo .lebel-twob li:nth-child(10) .reserved-no, .garage-boxtwo .lebel-twob li:nth-child(11) .reserved-no, .garage-boxtwo .lebel-twob li:nth-child(12) .reserved-no{
background-color: #0E5A00;
}
.bg-img{
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/bg-img.jpg);
background-size: cover;
width: 100%;
background-repeat: no-repeat;
background-position:top center;
}
.garage-boxthree{
padding-bottom: 150px;
padding-top:150px; 
}
.garage-boxthree .lebel{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.garage-boxthree .lebel li{
display: inline-block;
background-color: #fff;
border-top:1px solid #2e2e2e;
border-left:1px solid #2e2e2e;
border-right:none;
border-bottom:1px solid #2e2e2e;
text-align: center;
font-family:'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-boxthree .lebel li:last-child{
border-right: 1px solid #2e2e2e;
}
.garage-boxthree .lebel li:nth-child(2), .garage-boxthree .lebel li:nth-child(4){
margin-right: 5px;
border-right: 1px solid #2e2e2e;
}
.garage-boxthree .lebel li:nth-child(7), .garage-boxthree .lebel li:nth-child(10), .garage-boxthree .lebel li:nth-child(11), .garage-boxthree .lebel li:nth-child(12), .garage-boxthree .lebel li:nth-child(17), .garage-boxthree .lebel li:nth-child(22){
margin-right: 15px;
border-right: 1px solid #2e2e2e;
}
.garage-boxthree .lebel li:nth-child(15){
margin-right: 20px;
border-right: 1px solid #2e2e2e;
}
.garage-boxthree .lebel li:nth-child(2) .reserved-no, .garage-boxthree .lebel li:nth-child(5) .reserved-no, .garage-boxthree .lebel li:nth-child(9) .reserved-no, .garage-boxthree .lebel li:nth-child(11) .reserved-no, .garage-boxthree .lebel li:nth-child(17) .reserved-no, .garage-boxthree .lebel li:nth-child(18) .reserved-no, .garage-boxthree .lebel li:nth-child(19) .reserved-no, .garage-boxthree .lebel li:nth-child(20) .reserved-no, .garage-boxthree .lebel li:nth-child(21) .reserved-no, .garage-boxthree .lebel li:nth-child(22) .reserved-no, .garage-boxthree .lebel li:nth-child(23) .reserved-no, .garage-boxthree .lebel li:nth-child(24) .reserved-no, .garage-boxthree .lebel li:nth-child(25) .reserved-no{
background-color: #0E5A00;
}
.garage-boxthree .lebel li:nth-child(16) .reserved-no{
background-color: #D8DE1A;
}
.garage-boxthree .lebel li:nth-child(19){ margin-right:47px; border-right:1px solid #2e2e2e;} .garage-boxthree .lebel-three {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
flex-direction: row-reverse;
position: relative;
}
.garage-boxthree .lebel-three li {
display: inline-block;
background-color: #fff;
border-top: 1px solid #2e2e2e;
border-left: none;
border-right: 1px solid #2e2e2e;
border-bottom: 1px solid #2e2e2e;
text-align: center;
font-family: 'HelveticaNeueLTStd';
font-weight: normal;
max-width: 47px;
width: 47px;
padding: 2px;
cursor: help;
}
.garage-boxthree .lebel-three li:last-child{
border-left:1px solid #2e2e2e;
}
.garage-boxthree .lebel-three li:nth-child(18){
width: 25px;
max-width: 25px;
} .garage-boxthree .lebel-three li:nth-child(23){
background-color: transparent;
border-bottom: 1px solid #b5b5b5ab;
border-top:1px solid #b5b5b5ab;
background-image: url(//brixmtl.com/wp-content/themes/brix/assets/images/arrow-3.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.garage-boxthree .lebel-three li:nth-child(23) .numbr, .garage-boxthree .lebel-three li:nth-child(23) .tooltip, .garage-boxthree .lebel-three li:nth-child(23) .reserved-no{
display: none;
}
.garage-boxthree .lebel-three li:nth-child(2), .garage-boxthree .lebel-three li:nth-child(5), .garage-boxthree .lebel-three li:nth-child(8), .garage-boxthree .lebel-three li:nth-child(11), .garage-boxthree .lebel-three li:nth-child(14), .garage-boxthree .lebel-three li:nth-child(20){
margin-left: 5px;
border-left: 1px solid #2e2e2e;
}
.garage-boxthree .lebel-three li:nth-child(25){
margin-left: 15px;
border-left: 1px solid #2e2e2e;
}
.garage-boxthree .lebel-three li:nth-child(1) .reserved-no, .garage-boxthree .lebel-three li:nth-child(2) .reserved-no, .garage-boxthree .lebel-three li:nth-child(6) .reserved-no, .garage-boxthree .lebel-three li:nth-child(9) .reserved-no, .garage-boxthree .lebel-three li:nth-child(10) .reserved-no, .garage-boxthree .lebel-three li:nth-child(11) .reserved-no, .garage-boxthree .lebel-three li:nth-child(14) .reserved-no, .garage-boxthree .lebel-three li:nth-child(15) .reserved-no, .garage-boxthree .lebel-three li:nth-child(17) .reserved-no, .garage-boxthree .lebel-three li:nth-child(19) .reserved-no, .garage-boxthree .lebel-three li:nth-child(20) .reserved-no, .garage-boxthree .lebel-three li:nth-child(21) .reserved-no, .garage-boxthree .lebel-three li:nth-child(22) .reserved-no, .garage-boxthree .lebel-three li:nth-child(24) .reserved-no, .garage-boxthree .lebel-three li:nth-child(25) .reserved-no, .garage-boxthree .lebel-three li:nth-child(26) .reserved-no, .garage-boxthree .lebel-three li:nth-child(27) .reserved-no{
background-color: #0E5A00;
}
.garage-boxthree .lebel-three li:nth-child(13) .reserved-no{
background-color: #D8DE1A;
}
.garage-boxtwo li span p a, .garage-box li span p a, .garage-boxthree li span p a {
text-align: center;
display: block;
color: #fff;
background: #00c5ac;
padding: 6px 10px;
font-size: 13px;
max-width: 60px;
line-height: normal;
border-radius: 3px;
margin: 5px auto 0;
}
.page-template-garage_manage h4:before{ display:none;}
.garage-box .lebel li.white_box * { opacity: 1;}
.garage-boxtwo .lebel-twoa li.default_box:nth-child(9) {
margin-left: 47px;
border-left: 1px solid #2e2e2e;
}
.garage-boxtwo .lebel-twoa li:nth-child(18) {
margin-right: 48px;
}
.garage-boxtwo .lebel-twoatwo li:nth-child(16) {
margin-right: 47px;
border-right: 1px solid #2e2e2e;
}
.garage-box .lebel-onea li.blank_box * {
display: none;
}
.page-garage-managment #sidebar {
display: none;
} @media only screen and (max-width: 1400px){
.garage-boxtwo {
min-width: 1318px;
padding-bottom: 170px;
padding-top: 170px;
}
.garage-box {
padding-bottom: 170px;
padding-top: 170px;
min-width: 770px;
}
.garage-boxthree {
padding-bottom: 170px;
padding-top: 170px;
min-width: 1319px;
} }
.close {
position: relative;
z-index: 1;
}
.page-garage-managment .appStructure {
display: block;
grid-template-columns: 0px 1fr;
padding-left: 0px;
}
#sidebar {
left: 0;
top: 0;
}
.page-garage-managment .custom-logo-link {
display: inline-block;
margin-left: 25px;
margin-bottom: 25px;
}
.page-garage-managment .custom-logo-link img {
max-width: 60px;
}
.page-garage-managment button.book-header, .page-garage-managment .btn-get-in-touch, .page-garage-managment .footer_top, .page-garage-managment .bookinggarage ~ br {
display: none;
}
.page-garage-managment .single-featured-image-header-none {
margin-top: 25px;
}
.page-garage-managment #content {
padding-bottom: 0 !important;
}
@media only screen and (max-width: 979px){
h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1400px){
.bookinggarage .container { overflow-y: hidden;
}
}
@media only screen and (max-width: 991px){
.color-divider ul li h4 {
font-size: 16px;
}
.color-divider ul li .color_box {
width: 10px;
height: 10px;
}
}
@media (max-width: 56.88889em){
.appStructure #sidebar {
width: 0;
transition: width 200ms ease-in;
}
.page-garage-managment .appStructure {
padding-left: 0;
}	
}
.garage-boxtwo .tooltip > span, .garage-box .tooltip > span, .garage-boxthree .tooltip > span {
display: none;
}
.garage-boxtwo .tooltip, .garage-box .tooltip, .garage-boxthree .tooltip,
.garage-box .lebel-onea li,
.garage-box .lebel-oneatwo li,
.garage-box .lebel-oneb li,
.garage-boxtwo li,
.garage-boxthree li,
.garage-box .lebel li {
cursor: pointer !important;
}
.fetch-stall { display:none;}