.s-bg-parallax{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
html {
  scroll-behavior: smooth;
}
.nav{
  position: sticky;
  top: -1px;
}
.s-nav{
  position: fixed;
  height: 60px;
  top: 0px;
  width: 100vw;
  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.3),transparent);
  color: white;
}
.s-transparent{
  background: transparent;
}
.s-opacity-all{
  background: rgba(0, 0, 0, 0.5);
}
.s-border-radius{
  border-radius: 20px;
}
.s-bg-opacity{
  background: linear-gradient(rgba(0,0,0,0.13),transparent);
}
.s-relative{
  position: relative;
}
.s-absolute{
  position: absolute;
}
.s-middle{
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.w4-hover-red:hover{
    background-color: #7f0b05 !important;
    color: white !important;
}

.s-header{
  min-height: 80vh;
  /* background-image: url(https://demo.w3layouts.com/demos_new/template_demo/09-02-2019/camera-demo_Free/1246175181/web/images/1.jpg); */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.s-section{
    min-height: 100vh;
    background-size: cover;
}
html,body{
  /* overflow: hidden; */
  height: 100vh;
}
.container{
  /* background-image: url(https://iso.500px.com/wp-content/uploads/2014/06/W4A2827-1-3000x2000.jpg); */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* width: calc(100vw + 20px); */
}
.scroll{
  min-height: 100vh;
  min-width: 100vw;
}
.overview{
  width: 100vw;
}
#projects{
  /* background-image: url(https://image.freepik.com/free-photo/taking-photos-lake_1088-88.jpg); */
}

       .flex-center{
         display: flex;
         align-items: center;
         overflow: hidden;
         justify-content: center;
         height: 100%;
       }
       .w4-opacity-blue {
        /*background-color: #60351466;*/
        height: inherit;
	transition: transform .4s;
       }
       .w4-opacity-blue:hover {
          /*background-color: #60351444;*/
          transform: scale(1.1);
	       height: inherit;
        }
        .w4-padding{
          padding: 2px;
        }
        .w4-services{
          background-position: center;
          background-size: cover;
          height: 15vw;
        }
        .w4-link{
          text-decoration: none;
        }
     /* IMAGES */
     .banner-left-side{
     min-height:800px;
   }
 @media(max-width:1440px) {
     .banner-left-side {
         min-height: 680px;
     }

     .images {
         /* background-size: cover; */
         background-repeat: no-repeat;
         background-position: center;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         -ms-background-size: cover;
         display: inline-block;
         float: none;
         margin: 2px;
         width: calc(calc(100vw / 3) - 90px);
         height: calc(calc(100vw / 3) - 90px);
         transition: all .5s;
         position: relative;
     }

     .popup {
         position: absolute;
         top: 0px;
         width: 100%;
     }

     .images:hover {
         transform: scale(1.01);
     }

     .images:hover .popup {
         display: block;
     }

     .popup {
         display: none;
     }
 }
@media only screen and (max-width: 600px) {
  .images{
    width: calc(100vw - 40px);
    height: calc(100vw - 40px);
  }

    #horizonalMenu {
        background-color: white;
    }
}
.s-shadow {
    background: rgba(0,0,0,0.4);
}