.nav{
    color: #000;
  }
  
    .nav-link{
  color: #000;
      cursor: pointer;
    }
    .nav-link:hover{
      color: #a3cad6;
    }

      /* --------------------------------------------------- */
      .button-3 {
        width: 205px;
        height: 50px;
        border: 2px solid #a3cad6 ;
        /* float:left;
        text-align:center; */
        cursor: pointer;
        position: relative;
        /* box-sizing:border-box; */
        overflow: hidden;
        margin: 0 auto;
      }
      
      .button-3 a {
        font-weight: 700;
        color: #34495e;
        text-decoration: none;
        line-height: 45px;
        transition: all .5s ease;
        z-index: 2;
        position: relative;
      }
      
      .eff-3 {
        width: 205px;
        height: 50px;
        top: 0;
        background: #a3cad6 ;
        position: absolute;
        transition: all .5s ease;
        z-index: 1;
      }
      
      .button-3:hover .eff-3 {
        top: -50px;

      }
      
      .button-3:hover a {
        color: #34495e;
      }

      .button-4 {
        width: 160px;
        height: 50px;
        border: 2px solid #a3cad6;
        /* float:left;
          text-align:center; */
        cursor: pointer;
        position: relative;
        /* box-sizing:border-box; */
        overflow: hidden;
        margin: 0 auto;
      }
      
      .button-4 a {
        font-weight: 700;
        color: #34495e;
        text-decoration: none;
        line-height: 45px;
        transition: all .5s ease;
        z-index: 2;
        position: relative;
     
      }
      
      .eff-4 {
        width: 205px;
        height: 50px;
        top: 0;
        background: #a3cad6;
        position: absolute;
        transition: all .5s ease;
        z-index: 1;
      }
      
      .button-4:hover .eff-4 {
        top: -50px;
      }
      
      .button-4:hover a {
        color: #34495e;
      }
      



      .button-5 {
        width: 205px;
        height: 50px;
        border: 2px solid #fff;
        /* float:left;
          text-align:center; */
        cursor: pointer;
        position: relative;
        /* box-sizing:border-box; */
        overflow: hidden;
        
      }
      
      .button-5 a {
        font-weight: 700;
        color: #34495e;
        text-decoration: none;
        line-height: 45px;
        transition: all .5s ease;
        z-index: 2;
        position: relative;
     
      }
      
      .eff-5 {
        width: 205px;
        height: 50px;
        top: 0;
        background: #a3cad6;
        position: absolute;
        transition: all .5s ease;
        z-index: 1;
      }
      
      .button-5:hover .eff-5 {
        top: -50px;
      }
      
      .button-5:hover a {
        color: #fff;
      }
      /* marquee */

 .marquee {
	width:100%;
	margin: 15px auto;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	animation: marquee 35s linear infinite;
	color:#fff;
	padding-left: 70%;
  }
  
  .marquee:hover {animation-play-state: paused}
  
  /* Make it move */
  
  @keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -120em }}
  
   /* marquee */

.photo#Repair {
 filter: drop-shadow(0px 0px 0px #323a4d);
 -webkit-filter: drop-shadow(0px 0px 0px #323a4d);
  &:hover {
    filter:drop-shadow(8px 8px 10px gray);
    -webkit-filter:drop-shadow(8px 8px 10px gray);
  
  }
}
.photo#installation {

  filter: drop-shadow(0px 0px 0px #323a4d);
   
  -webkit-filter: drop-shadow(0px 0px 0px #323a4d);
   &:hover {
     filter:drop-shadow(8px 8px 10px gray);
     -webkit-filter:drop-shadow(8px 8px 10px gray);
   }
}

.photo#Opener {
  

  filter: drop-shadow(0px 0px 0px #323a4d);
   
  -webkit-filter: drop-shadow(0px 0px 0px #323a4d);
   &:hover {
     filter:drop-shadow(8px 8px 10px gray);
     -webkit-filter:drop-shadow(8px 8px 10px gray);
   }
}




.photo .photo_hover {
  font-family: sans-serif;
  font-size: 20px;
  vertical-align: middle;
  color: #fff;
  position: absolute;
  bottom: 0;
  opacity: 0;
  padding: 20px;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transition: transform 0.65s;
  -webkit-transition: all 0.65s ease;

}


.photo .photo_hover h1 {
  margin: 0;
  line-height: 60px;
  font-weight: lighter;
  letter-spacing: .01em;

}

.photo .photo_hover a {
  padding-top: 7px;
  font-size: 19px;
  font-weight:550;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-decoration: none;
  color: #fff;
}

.photo:hover .photo_hover {
 background-color: #323a4d;
  opacity: .9;
  position: absolute;
  bottom: 0px;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
}

.color{
  width: 500px;
  height: 1000px;
  background-color: #323a4d;
  margin-left: 315px;

}
.img{
  margin-left: -800px;
  margin-top: 20px;
}
.service-content{
  margin-top: 400px;
  margin-left: -150px;
  box-shadow: #323a4d71 5px 5px 50px;
  background-color: #fff;
}

  
.theme-btn-two {
  color: #fff;
  text-align: center;
  box-shadow: 0px 15px 20px 0px rgba(253, 180, 103, 0.137);
  background: #a3cad6;
}

.theme-btn-two:hover {
  background: transparent;
  border: 1px solid #a3cad6;
  color: #000;
}

.spam {
  display: none;
}

textarea {
  resize: none;
  margin-bottom: 20px;
}


.userselect {
  user-select: none;
}

.Locations a {
  width: 30%;
  margin: 9px auto;
}


.social-links {
  display: inline-block;
  height: 35px;
  width: 35px;
  background-color: rgba(255, 255, 255, 0.2);
  
  padding: 8px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.5s ease;
}

.social-links:hover {
  color: #323a4d;
  background-color: #ffffff;
}


 /* marquee */

 .marquee {
  width:100%;
  margin: 15px auto;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  animation: marquee 20s linear infinite;
  color:#fff;
  padding-left: 70%;
  }
  
  .marquee:hover {animation-play-state: paused}
  
  /* Make it move */
  
  @keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -120em }}
  
   /* marquee */


   .form{
    margin-left: -120px;
   }

   .third{
    margin-bottom: -140px;
   }


   @media (max-width:989.2px) {
    .third{
      margin-bottom: 0px;
     }
     
     .color{
      display: none;
    
    }

    .service-content{
      margin: 0;
      box-shadow: #323a4d71 5px 5px 50px;
      background-color: #fff;
    }
    
    .img{
      margin-left: 0px;
      margin-top: 0px;
    }
.form{
  margin: 0;
}

   }


   @media (max-width:991.2px) {

    .color{
      display: none;
    
    }

    .service-content{
      margin: 0;
      box-shadow: #323a4d71 5px 5px 50px;
      background-color: #fff;
    }
    
    .img{
      margin-left: 0px;
      margin-top: 0px;
    }
    .form{
      margin: 0;
    }

   }


   
   @media (max-width:685px) {
    .service-content{
     margin: 0;
        box-shadow: #323a4d71 5px 5px 50px;
        background-color: #fff;
      
    }

    .form{
      margin: 0;
    }
 
   }