.maincontent {
  max-width: 100%;
  padding:0;
    margin:0;
}




p{
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h1, 
h4{
  font-family: 'Montserrat',sans-serif;
  font-weight: 900;
  font-style: normal;
}
h2, h3, h5{
  font-family: 'Montserrat', sans-serif;
}
.reusable-btn  {
  border:1px solid #39B54A;
  margin:30px auto;
  text-align: center;
  border-radius:3px;
  max-width:150px;
  padding:2.5% 5%;
  color:#fff;
  background:#024382;
  font-family: 'Montserrat-alternates',sans-serif;
  transition:all .1s;
}
.reusable-btn a{
  color:#fff;
}
.reusable-btn a:hover{
  text-decoration: none;
}
.reusable-btn:hover{
  background:#39B54A;
  color:#fff;
  border:1px solid #024382;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.5));
  transform: scale(.95);
}

.row{
  padding:0 !important;
  margin:0 !important;
}
.col-md-6{
  padding:0 !important;
  margin:0 !important;
}
img{
  width:100%;
}
.main-hr{
  height: 1px;
  max-width: 90%;
  margin: 20px auto 0;
  background: #024382;
}

i{
  font-size:18px;
  color:black;
}
.modal{
  margin-top:100px;
}
.hero{
  background-image: linear-gradient(rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.7) 100%),
  url('/imageserver/Reusable/durolast2021/roof-duro-last-single-ply_main-min.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center, 0 -250px;
}

.hero-content{
  padding:10% 5% 4%;
}
.hero-content h2{
  padding:0 0 10px 0;
  border-bottom:2px solid #024382;
  max-width:900px;
}
.section-divider{
  background:#024382;
  color:#fff;
  text-align: center;
  padding:1% 2% 1%;
  border: 1px solid #000;
  border-left:0;
  border-right:0;
}
.section-divider h3{
text-transform: uppercase;
letter-spacing: .13rem;
}
ul li{
  list-style-type: none;
}
ul li h5{
  display:list-item;
}
ul li h5::marker{
  content: url('/imageserver/Reusable/durolast2021/green-check.png');
  height:20px;
  width:20px;
}
.main-header{
  padding:5%;
  text-align: center;
}
.section1 img{
  max-width:400px;
}
.carousel-section-wrapper{
  padding:1% 4%;
}
.carousel-container{
   margin:1% 3% ;
   left:0;
   top:0;
   animation:animate 40s linear infinite;
   background-size:cover;
   background-repeat: no-repeat;
   text-align: center;
   filter:drop-shadow(3px 3px 9px rgba(0,0,0,0.5));
   }
  
   .outer{
   position:relative;
   left:0;
   top:0;
   height:20vw;
   max-height:400px;
   }
   .div-line{
       margin:30px auto 0;
       width:100%;
       max-width:1500px;
       text-align:center;
   }
   .div-line img{
       margin:-8px 0;
   }
   
   .carousel-container:hover{
   animation-play-state: paused;
   }
   .preload{
       background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-1.jpg'),url('./imageserver/Reusable/durolast2021/duro-last-metal-retrofit-2.jpg'),url('./imageserver/Reusable/durolast2021/duro-last-metal-retrofit-3.jpg'),url('./imageserver/Reusable/durolast2021/duro-last-deq-building.jpg');
   }
   
   @keyframes animate {
     0%,100%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-1.jpg');    
       }
       20%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-1.jpg');    
       }
       25%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-2.jpg');
       }
       45%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-2.jpg');  
       }
       50%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-3.jpg');
       }
       70%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-metal-retrofit-3.jpg');  
       }
       75%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-deq-building.jpg');  
       }    
       95%{
         background-image:url('/imageserver/Reusable/durolast2021/duro-last-deq-building.jpg');  
       }    
   }



.section1{
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%), url('/imageserver/Reusable/durolast2021/metal-bg-min.jpg');
  border-top:2px solid #024382;
}
.banner1 {
  background: url('/imageserver/Reusable/durolast2021/duro-last-prefabrication-1.jpg');
  display: block;
  width: auto;
  background-position: -10px 0;
  background-repeat: no-repeat;
  height: 250px;
  text-align: center;
  /* max-width:350px; */
}



.banner2 {
  background: url('/imageserver/Reusable/durolast2021/duro-last-prefabrication-2.jpg');
  display: block;
  width: 100%;
  background-position: -10px 0;
  text-align: center;
  height: 250px;
}

.banner3 {
  background: url('/imageserver/Reusable/durolast2021/duro-last-prefabrication-3.jpg');
  display: block;
  background-position: -10px 0;
  width: 100%;
  text-align: center;
  height: 250px;
}

.banner1 h3 {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: absolute;
  padding:10px;
  left: 0;
  bottom: -10px;
  width: 100%;
}

.banner2 h3 {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: absolute;
  padding:10px;
  left: 0;
  bottom: -10px;
  width: 100%;
}

.banner3 h3 {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: absolute;
  padding:10px;
  left: 0;
  bottom: -10px;
  width: 100%;
}

.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(245,245,245, 0.9);
  overflow: hidden;
  text-align: center;
  width: 0;
  height: 100%;
  transition: .5s ease;
cursor: pointer;
}

.project:hover .overlay1 {
  width: 100%;
}

.text {
  color: #031a7c;
  position: absolute;
  top: 50%;
  left: 35%;
  -webkit-transform: translate(-30%, -50%);
  -ms-transform: translate(-30%, -50%);
  transform: translate(-30%, -50%);
}

.text h3 {
  font-weight: 800;
  font-size: 22px;
}

.text p {
  font-size: 16px;
}

.project {
  position: relative;
  box-shadow: 3px 3px 23px 0px rgba(0, 0, 0, 0.75);
  border: 3px solid #fff;
  max-width:500px;
  margin:10px auto;
}
.arrow-link a{
  font-size:1rem;
  color:black;
  line-height:2;
  padding-right:5px;
  text-decoration:none;
}

 .arrow-link:hover i{
  transform:scalex(1.3) translateX(10px);
  transition:all .2s ease-in;
 }

 

.section2{
  padding:3% 6%;
  
}

.system-options{
  margin-top:10%;
}
.options-intro{
  width:100%;
}

#options-side-img{
  width:100%; 
  max-width:500px;
  margin-top:20%;
}

#brochure{
  width:100%;
  max-width:200px;
  margin-top:8%;
}

.modal-dialog {
  width: 700px;
  margin: 30px auto;
  height: 800px;
}
.nsf{
  text-align: center;
  margin:8% 2%;
}
.section3{
  margin-top:5%;
  background-image:linear-gradient(to right, rgba(255,255,255,1)65%, rgba(255,255,255,0.9)100% ), url('/imageserver/Reusable/durolast2021/duro-last-pentagon-farm-skylights.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  /* padding:5% 0; */   
}



@media screen and (max-width:992px){
  body, html{
    font-size: 14px;
  }
  .outer{
    position:relative;
    left:0;
    top:0;
    height:50vw;
    }
  .text-align{
    text-align: center;
  }
  .membrane-type h3{
    max-width:80%;
  }
  .hero{
    background-position:center, 0 -150px;
  }
  .modal-dialog {
    width:100%;
    max-width: 700px;
  }
}
@media screen and (max-width:900px){
 
}
@media screen and (max-width:600px){
  body, html{
    font-size:12px;
}
  .hero{
    background-position:center, 0;
    text-align: center;
  }
  .hero-content{
    padding:10% 5% 1%;
    position: relative;
    top:10%;
  }
}