#mtl-media header, nav, section, container, div, ul, li, a, span, p, strong, button, h1, h2, h3, h4, h5, h6 {
	font-family: "Google Sans", sans-serif !important;
	color:#222222 !important;
	letter-spacing: 0px !important;
} 


.mtl-media-bulb {

	width:65% !important;
	min-width: 250px !important;
	height: auto !important;

}

.mtl-service-title {
	font-size:28px;
	text-align: center;
}

.mtl-margin {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	line-height: 111% !important;
}

.mtl-service-subtitle {
	font-size: 75% !important;
	line-height: 88%;
	font-weight: 400;
	text-align: center;
}


.quotes {display: none;
	font-family: "Google Sans", sans-serif !important;
	font-weight: 400;
}


.service-name {
	
	font-family: "Google Sans", sans-serif !important;
	width:auto;
	height:auto;
	color: #454545 !important;
	text-transform: uppercase;
	letter-spacing: -1px !important;
	line-height: 90%;
	font-size: 31px;
	text-align: center;
	font-weight: 300;
	z-index: 999999999 !important;
	margin-top:-36px;
	border:none !important;
	outline: none !important;
transition: all 1s ease-in-out;
}






.portfolio-item a:link {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}

.portfolio-item a:hover {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}



.portfolio-item a:link {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}

.portfolio-item a:hover {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}



.bluestick {
	
font-weight: 900;
	color:#16588e !important;
	font-size: 69%;
	vertical-align: text-top;
	letter-spacing: -2px;
}

.redstick {
	
font-weight: 900;
	color:#f10f2a !important;
	font-size: 69%;
	vertical-align: text-top;
	letter-spacing: -2px;
}

.tightstick {
	letter-spacing: -5px !important;
}


.service-icon {
	width:180px !important;
	height: auto;
	margin:0px auto 0px auto !important;
	padding:0px;
	z-index: 0 !important;
	margin-bottom: 0px;
}





.thumb-info-wrapper-opacity-0 {
transition: all 1s ease-in-out;
	
}


.thumb-info-wrapper-opacity-0:hover {
transform: scale(1.1);

}


.thumb-info-wrapper-opacity-0:hover .service-name {
transform: scale(1.1);

}
.mtl-media-title {
	width:100%; min-width: 100%; max-width: 100%;
	height:auto;
	margin:85px auto 10px auto;
	padding:20px 0px 0px 0px;
	text-align: center;
	background:none;
}


#mtl-title-1 {
	z-index: 500;
}


#mtl-title-2 {
	z-index: 500;
}



#plane { position: absolute; left: -50px; top:10px; /* <- not relevant for the animation */ }

#plane1 { position: absolute; left: -48px; top:12px; /* <- not relevant for the animation */ }


#plane2 { position: absolute; left: 1px; top:22px; /* <- not relevant for the animation */ }


#plane3 { position: absolute; left: -90px; top:31px; /* <- not relevant for the animation */ }

#plane4 { position: absolute; left: -30px; top:13px; /* <- not relevant for the animation */ }


#plane5 { position: absolute; left: -8px; top:16px;  /* <- not relevant for the animation */ }


#plane6 { position: absolute; left: -50px; top:20px;  /* <- not relevant for the animation */ }


#plane7 { position: absolute; left: -100px; top:30px; /* <- not relevant for the animation */ }








#plane8 { position: absolute; left: -50px; top:10px;  /* <- not relevant for the animation */ }


#plane9 { position: absolute; left: 3px; top:30px; /* <- not relevant for the animation */ }


#plane10 { position: absolute; left: -100px; top:30px;  /* <- not relevant for the animation */ }

#plane11 { position: absolute; left: -50px; top:10px; /* <- not relevant for the animation */ }


#plane12 { position: absolute; left: 0px; top:20px; /* <- not relevant for the animation */ }


#plane13 { position: absolute; left: -110px; top:30px;  /* <- not relevant for the animation */ }


#plane14 { position: absolute; left: -85px; top:30px;  /* <- not relevant for the animation */ }








#plane15 { position: absolute; left: -50px; top:6px;/* <- not relevant for the animation */ }


#plane16 { position: absolute; left: 0px; top:22px;  /* <- not relevant for the animation */ }


#plane17 { position: absolute; left: -100px; top:30px; /* <- not relevant for the animation */ }

#plane18 { position: absolute; left: -50px; top:14px; /* <- not relevant for the animation */ }


#plane19 { position: absolute; left: 0px; top:20px;  /* <- not relevant for the animation */ }


#plane20 { position: absolute; left: -100px; top:37px; /* <- not relevant for the animation */ }


#plane21 { position: absolute; left: -100px; top:34px; width: 80%;  /* <- not relevant for the animation */ }





#sky {
	z-index:999;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:130px;
	margin:0px;
	padding:0px;
	background:url("../img/mtl-media/designs-01/montreal-sky.jpg");
	background-size: cover;
}


img.vert-move {
    -webkit-animation: mover 1.8s infinite  alternate;
    animation: mover 1.8s infinite  alternate;
}


.vert-move {
    -webkit-animation: mover 1.8s infinite  alternate;
    animation: mover 1.8s infinite  alternate;
}






.parallax-in {
    -webkit-animation: mover 1.5s infinite  alternate;
    animation: mover 1.5s infinite  alternate;
}




@-webkit-keyframes mover {
    0% { transform: translateY(3px); }
    100% { transform: translateY(-8px); }
}
@keyframes mover {
    0% { transform: translateY(3px); }
    100% { transform: translateY(-8px); }
}


#footer mtl-footer {
	background: #ffffff !important;
}


.no-map-scroll { position:relative; }

.click-map { width:100%; min-height:420px; position:absolute; top:0; }



.parallax-in {
	position:absolute;
	top:0px;
	margin-left:10%;
	width:555px;
	max-width: 90%;
	height: auto;
	margin-top:0px;
	margin-bottom:0px;
}



.dropdown-item .dropdown-toggle {
	border-color: #333333 !important;
}



.mtlsvc {
	 animation: animate 3s ease-out forwards infinite;
            animation-delay: 1s;
}


 @keyframes animate {
            0% {
                letter-spacing: -15px;
            }
  
            20% {
                letter-spacing: 10px;
            }
  
            100% {
                letter-spacing: 2px;
            }
        }



#barsup {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.nmnp {
	
	height: auto !important;
	margin: 0px !important;
	padding:0px !important;
	clear: none !important;
	
}

.nmb {
	margin-bottom: 0px !important;	
	padding-bottom: 0px !important;	
	height: auto !important;
}




.word-rotator-words {
	border: 3px #232323 solid !important;
	margin-top: 33px !important;
 }


.ttt5 {
	font-size: 133% !important;
	font-weight: 700 !important;
	color: #222222;
	letter-spacing: -2px !important;
	height:100% !important;
	margin: 0px;
	padding: 10px !important;

}



.linkz {
	text-transform: none !important;
	margin: 0px !important;
}


.linkk {
	text-transform: none !important;
	margin: 0px !important;
	padding: 0px !important;
}



/* CSS */
.button-74 {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 3px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
	letter-spacing: 0px !important;
  padding: 0px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 5px 0px !important;
}

.button-74:hover {
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin:5px 0px !important;
}

.button-74:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin:5px 0px !important;
}

.button-74:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 3px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
	letter-spacing: 0px !important;
  padding: 0px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 5px 0px !important;
}


@media (min-width: 768px) {
  .button-74 {
    min-width: 101px;
    padding: 5px 10px !important;
  }
	
}@media (max-width: 768px) {
  .button-74 {
    min-width: 150px;
    padding: 10px 23px !important;
	  align-self: center;
	  align-content: center;
	  justify-content: center;
	  font-size: 18px !important;
  }
}


@media (max-width: 768px) {
  #mainNav {
	  align-content: center !important;
	  justify-content: center !important;
  }
}



#wave-container { position:relative; height: 49px; width: 777px; } .dot { transform-origin: 50% 50%; height: 13px; width: 13px; border-radius : 50%; top: 0; background-color: #ffffff; border: 3px #232323 solid; position: absolute; -webkit-animation:vertical-movement 4s infinite ease-in-out; -moz-animation:vertical-movement 4s infinite ease-in-out; -ms-animation:vertical-movement 4s infinite ease-in-out; -o-animation:vertical-movement 4s infinite ease-in-out; animation:vertical-movement 4s infinite ease-in-out; } #d1 {left:21px;-webkit-animation-delay:-0.2s;-moz-animation-delay:-0.2s;-ms-animation-delay:-0.2s;-o-animation-delay:-0.2s;animation-delay:-0.2s;} #d2 {left:42px;-webkit-animation-delay:-0.4s;-moz-animation-delay:-0.4s;-ms-animation-delay:-0.4s;-o-animation-delay:-0.4s;animation-delay:-0.4s;} #d3 {left:63px;-webkit-animation-delay:-0.6s;-moz-animation-delay:-0.6s;-ms-animation-delay:-0.6s;-o-animation-delay:-0.6s;animation-delay:-0.6s;} #d4 {left:84px;-webkit-animation-delay:-0.8s;-moz-animation-delay:-0.8s;-ms-animation-delay:-0.8s;-o-animation-delay:-0.8s;animation-delay:-0.8s;} #d5 {left:105px;-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s;animation-delay:-1s;} #d6 {left:126px;-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-ms-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s;} #d7 {left:147px;-webkit-animation-delay:-1.4s;-moz-animation-delay:-1.4s;-ms-animation-delay:-1.4s;-o-animation-delay:-1.4s;animation-delay:-1.4s;} #d8 {left:168px;-webkit-animation-delay:-1.6s;-moz-animation-delay:-1.6s;-ms-animation-delay:-1.6s;-o-animation-delay:-1.6s;animation-delay:-1.6s;} #d9 {left:189px;-webkit-animation-delay:-1.8s;-moz-animation-delay:-1.8s;-ms-animation-delay:-1.8s;-o-animation-delay:-1.8s;animation-delay:-1.8s;} #d10 {left:210px;-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-ms-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s;} #d11 {left:231px;-webkit-animation-delay:-2.2s;-moz-animation-delay:-2.2s;-ms-animation-delay:-2.2s;-o-animation-delay:-2.2s;animation-delay:-2.2s;} #d12 {left:252px;-webkit-animation-delay:-2.4s;-moz-animation-delay:-2.4s;-ms-animation-delay:-2.4s;-o-animation-delay:-2.4s;animation-delay:-2.4s;} #d13 {left:273px;-webkit-animation-delay:-2.6s;-moz-animation-delay:-2.6s;-ms-animation-delay:-2.6s;-o-animation-delay:-2.6s;animation-delay:-2.6s;} #d14 {left:294px;-webkit-animation-delay:-2.8s;-moz-animation-delay:-2.8s;-ms-animation-delay:-2.8s;-o-animation-delay:-2.8s;animation-delay:-2.8s;} #d15 {left:315px;-webkit-animation-delay:-3s;-moz-animation-delay:-3s;-ms-animation-delay:-3s;-o-animation-delay:-3s;animation-delay:-3s;} #d16 {left:336px;-webkit-animation-delay:-3.2s;-moz-animation-delay:-3.2s;-ms-animation-delay:-3.2s;-o-animation-delay:-3.2s;animation-delay:-3.2s;} #d17 {left:357px;-webkit-animation-delay:-3.4s;-moz-animation-delay:-3.4s;-ms-animation-delay:-3.4s;-o-animation-delay:-3.4s;animation-delay:-3.4s;} #d18 {left:378px;-webkit-animation-delay:-3.6s;-moz-animation-delay:-3.6s;-ms-animation-delay:-3.6s;-o-animation-delay:-3.6s;animation-delay:-3.6s;} #d19 {left:399px;-webkit-animation-delay:-3.8s;-moz-animation-delay:-3.8s;-ms-animation-delay:-3.8s;-o-animation-delay:-3.8s;animation-delay:-3.8s;} #d20 {left:420px;-webkit-animation-delay:-4s;-moz-animation-delay:-4s;-ms-animation-delay:-4s;-o-animation-delay:-4s;animation-delay:-4s;} #d21 {left:441px;-webkit-animation-delay:-4.2s;-moz-animation-delay:-4.2s;-ms-animation-delay:-4.2s;-o-animation-delay:-4.2s;animation-delay:-4.2s;} #d22 {left:462px;-webkit-animation-delay:-4.4s;-moz-animation-delay:-4.4s;-ms-animation-delay:-4.4s;-o-animation-delay:-4.4s;animation-delay:-4.4s;} #d23 {left:483px;-webkit-animation-delay:-4.6s;-moz-animation-delay:-4.6s;-ms-animation-delay:-4.6s;-o-animation-delay:-4.6s;animation-delay:-4.6s;} #d24 {left:504px;-webkit-animation-delay:-4.8s;-moz-animation-delay:-4.8s;-ms-animation-delay:-4.8s;-o-animation-delay:-4.8s;animation-delay:-4.8s;} #d25 {left:525px;-webkit-animation-delay:-5s;-moz-animation-delay:-5s;-ms-animation-delay:-5s;-o-animation-delay:-5s;animation-delay:-5s;} #d26 {left:546px;-webkit-animation-delay:-5.2s;-moz-animation-delay:-5.2s;-ms-animation-delay:-5.2s;-o-animation-delay:-5.2s;animation-delay:-5.2s;} #d27 {left:567px;-webkit-animation-delay:-5.4s;-moz-animation-delay:-5.4s;-ms-animation-delay:-5.4s;-o-animation-delay:-5.4s;animation-delay:-5.4s;} #d28 {left:588px;-webkit-animation-delay:-5.6s;-moz-animation-delay:-5.6s;-ms-animation-delay:-5.6s;-o-animation-delay:-5.6s;animation-delay:-5.6s;} #d29 {left:609px;-webkit-animation-delay:-5.8s;-moz-animation-delay:-5.8s;-ms-animation-delay:-5.8s;-o-animation-delay:-5.8s;animation-delay:-5.8s;} #d30 {left:630px;-webkit-animation-delay:-6s;-moz-animation-delay:-6s;-ms-animation-delay:-6s;-o-animation-delay:-6s;animation-delay:-6s;} #d31 {left:651px;-webkit-animation-delay:-6.2s;-moz-animation-delay:-6.2s;-ms-animation-delay:-6.2s;-o-animation-delay:-6.2s;animation-delay:-6.2s;} #d32 {left:672px;-webkit-animation-delay:-6.4s;-moz-animation-delay:-6.4s;-ms-animation-delay:-6.4s;-o-animation-delay:-6.4s;animation-delay:-6.4s;} #d33 {left:693px;-webkit-animation-delay:-6.6s;-moz-animation-delay:-6.6s;-ms-animation-delay:-6.6s;-o-animation-delay:-6.6s;animation-delay:-6.6s;} #d34 {left:714px;-webkit-animation-delay:-6.8s;-moz-animation-delay:-6.8s;-ms-animation-delay:-6.8s;-o-animation-delay:-6.8s;animation-delay:-6.8s;} #d35 {left:735px;-webkit-animation-delay:-7s;-moz-animation-delay:-7s;-ms-animation-delay:-7s;-o-animation-delay:-7s;animation-delay:-7s;} #d36 {left:756px;-webkit-animation-delay:-7.2s;-moz-animation-delay:-7.2s;-ms-animation-delay:-7.2s;-o-animation-delay:-7.2s;animation-delay:-7.2s;} @-webkit-keyframes vertical-movement { 0%,100% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(36px); } } @keyframes vertical-movemen { 0%,100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(36px); -moz-transform: translateY(36px); -ms-transform: translateY(36px); -o-transform: translateY(36px); transform: translateY(36px); } }



.rev-slidebg {
	
	opacity: 1.0 !important;
}





#revolutionSliderCarouselContainer .rev_slider_wrapper .fullwidthbanner-container .rev_slider .fullwidthabanner .rev-slidebg {
	
	opacity: 1.0 !important;
}