/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
@font-face {
    font-family: "Avenir";
    src:  
         url('../assets/fonts/AvenirLTStd-Book.otf');
    
     font-family: "OpenSans";
    src:  
         url('../assets/fonts/OpenSans-Light.ttf'),
        url('../assets/fonts/OpenSans-Regular.ttf'),
        url('../assets/fonts/OpenSans-Bold.ttf');
   
}
h1, h2, h3, h4, h5, h6, .card-title {
		
  font-family: "Avenir", sans-serif!important;
    
}
body{
	
	 display: flex;
    min-height: 100vh;
    flex-direction: column;
	 overflow-x: hidden;
  font-family: "OpenSans", sans-serif!important;
 background-color:#fefefe!important;

}



 main {
    flex: 1 0 auto;
  }

nav ul a,
nav .brand-logo {
  color: #444;
        
}

p {
  line-height: 2rem;
}

.sidenav-trigger {
  color: #c62828 ;
}

.parallax-container{
  min-height: 420px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

#about-parallax{
 display: block;
  
  
    background: rgba(0, 0, 0, .6);
}
.block {
  
    display: flex;
    align-items: center;

}
@media only screen and (max-width : 992px) {

    .carousel-caption {
   
    top: 0%;
   
}
       .carousel-caption h1 {
   
   font-size: 3.2rem!important;
   margin-bottom: 0;
}
     .carousel-caption h5 {
   margin-top: 0;
   font-size: 1rem!important;
 
}
  .parallax-container .section {
    position: absolute;
   
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
    .grid-container {
  display: block!important;
  

}
    nav .brand-logo {
    left: 25%;
right: 25%;
  
}
    

    .header-info{
        display:none
    }
    .header-deal{
        width:100%!important;
        text-align: center!important;
    }
    
  .carousel.carousel-slider .carousel-item {
    
    top: 84px;
  
}
.service-link {
    height: 14rem;
}
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

.hover-container {
  border-bottom: 3px solid #ffcdd2 ;
  transition: all 0.25s linear;
  position: relative;
}

.hover-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #c62828;
  position: absolute;
  left: 0;
  bottom: -3px; /* this is to match where the border is */
  transform-origin: left; 
  transform: scale(0);
  transition: 0.25s linear;
/*   will-change: transform; */
}

.hover-container:hover:before {
  transform: scale(1);
}


.row-map{
    position: absolute;
    z-index:-15;
    touch-action: pan-x pan-y;
    
}

.dept-collection, .team-collection{
    
    border:0!important;
}

.team-collection .collection-item, .team-collection .collection-item:last-child {
   padding-left:0px!important;
   
  border:0!important;
}
.dept-collection .collection-item, .dept-collection .collection-item:last-child {
   
   
    border-bottom: 3px solid #ffcdd2 ;
}

.contact-card {
    
    border-left: 3px solid #c62828  ;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: transparent!important;
    outline: none;
}

.slick-prev:before {
 color: #e53935 !important;
}
.slick-next:before {
  color: #e53935 !important;
}
.slick-dots li button:before {
   
  color: #e53935 !important;
   
}

.team-card{
    padding-left:0!important;   
    padding-right:0!important;   
     border-top: 3px solid #c62828  ;
}

.team-content{
    padding:0!important;    
}

.team-name {
   margin:0 1rem 0 1rem;
     padding: 5px 0 0 12px;
}
.team-cat{
   padding: 5px 0 5px 10px;
    margin-bottom:0px!important;
    clip-path: polygon(0 1%, 75% 0%, 68% 100%, 0% 100%);
   
}

.p-section{
    padding: 80px 0 60px 0;
}

.p-5{
    padding: 5px;
    
}
.mr-5{
    margin-right:5px;
}

.mb-3{
    margin-bottom:3rem;
}
.mb-4{
    margin-bottom:4rem;
}
.pt-5{
    padding-top: 5px;
    
}
.pb-5{
    padding-bottom: 5px;
    
}



.header-line {
 
  line-height: 1.5em;

  position: relative;

}

.header-line:after {
  content:' ';
  position: absolute;
  top:100%;
  left:50%;
  width: 100px;
  border:2px solid #b71c1c ;
    margin-top:1rem;
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
  transform:translateX(-50%);

}
.text-shadow{
    text-shadow: 0px 2px 8px black;
}

.about-bg{
    background-color: rgb(33,33,33, .5);
    padding:1rem;
}

.h-link{
    font-size:.8em;
}
.h-row{
      border-bottom:1px solid #9e9e9e     ;
    padding: 10px 0 20px 0;
    margin-bottom:0!important;
}
.promo-icon{
     background-color: #424242 ;
    padding: 0 25px 0 25px;
    clip-path: polygon(0 0%, 100% 0%, 80% 100%, 0% 100%)
}

.promo-btn{
    
    padding-left:0!important;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
z-index:888;
    box-shadow: 0 0 8px 2px black;
}

.nav-row{
    padding: 15px 0 15px 0;
    background-color: #fafafa;
    z-index:888;
}
.nav-a a:hover{
    background-color: transparent!important;
}
.nav-a a {

  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  font-weight: 900;
  display: inline-block;
 
  position: relative;
}
.nav-a a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #b71c1c;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.nav-a a:hover:after { 
  width: 100%; 
  left: 0; 
}
.service-link{
    border-left: 3px solid #c62828;
}
.pvmo-bline{
     border-bottom: 1px solid #e0e0e0;
}
.accent-top{
    border-top: 3px solid #c62828;
}
.inquire-form{
    padding:2rem!important;
   
}

.footer-h{
    font-size: .9em;
}

.footer-link, .footer-p{
    font-size: .9em;
}
.copyright-p{
    font-size: 12px;
    line-height: 0;
}
.copyright-a{
    font-size: 11px;
   
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
 
.center .slick-center img {
    -moz-transform: scale(1.5)!important;
    -ms-transform: scale(1.5)!important;
    -o-transform: scale(1.5)!important;
    -webkit-transform: scale(1.5)!important;
  transition: all 500ms ease!important;
    opacity: 1!important;
    transform: scale(1.5)!important;
   
  
    
}


.container {
  position: relative;
  width: 80%;
}
.center .slick-center .container:hover .overlay {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #212121 ;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.image {
  display: block;
  width: 100%;
  height: 100%;
}
.text {
  color: white;
  font-size: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;

}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
margin: 2rem 0 2rem 0;
  text-align: center;
}

.img-car{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    
    -webkit-transform: scale(.8);
	transform: scale(.8);

}
.img-car:hover  {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
    -webkit-transform: scale(1.1);
	transform: scale(1.1);

}
.grid-container span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.grid-item:hover > .vc_name{
	bottom: -45px;
	opacity: 1;
    display: block;
}


.parallax-section {
    position: relative;
    width: 100%;
    height:700px;
}
.parallax-child-section {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:700px;
}

#parallax{
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
    will-change: transform;
    z-index: 1;
}
.parallax-about{
    background-attachment:scroll;
    background-image: url(../img/parallax/about.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 215px;
}

.contact-card{
    background-color: rgba(255, 255, 255, 0.8)!important;
}
.contact-tabs, .dept-collection{
     background-color: transparent!important;
}

.mb-0{
    margin-bottom: 0!important;
}