.maincontent{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 3%;
  }
  
  ul li{
	margin-left:30px;
  }
  img{
	  width:100%;
  }
  
  /* ====================== Hover Effect =============== */
  
  .mwb-wrapper {
	  padding: 60px 5%;
	}
	.mwb-wrapper.mwb-bg-color {
	  background:linear-gradient(to bottom, transparent 0%, #ececec 20%);
	}
	
	.mwb-text-wrap {
	  color: #fff;
	  text-transform: capitalize;
	  width:100%;
	  position: absolute;
	  top:-30%;
	  text-align:center;
	}
	.mwb-product-list-wrap {
	  max-width:400px;
	  margin:5% auto;
  
	}
	.mwb-product-list-wrap .mwb-product-list-content {
	  padding-top: 10px;
	  position: relative;
	}
	.mwb-product-list-wrap .mwb-product-list-content h3 {
	  font-weight: bold;
	}
	.mwb-product-list-wrap .mwb-image {
	  position: relative;
	  overflow: hidden;
	}
	
	.mwb-product-list-wrap.hover-style-30 img {
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	}
	.mwb-product-list-wrap.hover-style-30 .bottom-text {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  right: 0;
	  visibility: hidden;
	  opacity: 0;
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	  padding: 0 15px;
	}
	.mwb-product-list-wrap.hover-style-30 .mwb-user-action-wrap {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	  justify-content: center;
	  left: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	  color: #fff;
	  z-index: 99;
	  padding: 0 10px;
	}
	.mwb-product-list-wrap.hover-style-30 .mwb-user-action-wrap:after {
	  border: 1px solid #fff;
	  bottom: 10px;
	  content: "";
	  left: 10px;
	  opacity: 1;
	  position: absolute;
	  right: 10px;
	  top: 10px;
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	  z-index: -1;
	}
	
	
	
	.mwb-product-list-wrap.hover-style-30 .mwb-user-action-wrap .mwb-product-name {
	  opacity: 1;
	  transform: scale(1);
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	}
	.mwb-product-list-wrap.hover-style-30:hover .bottom-text {
	  margin-bottom: auto;
	  visibility: visible;
	  opacity: 1;
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	  top: 52%;
	}
	.mwb-product-list-wrap.hover-style-30:hover img {
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -ms-transform: scale(1.2);
	  -o-transform: scale(1.2);
	  transform: scale(1.2);
	}
	.mwb-product-list-wrap.hover-style-30:hover .mwb-user-action-wrap {
	  background-color: rgba(0, 0, 0, 0.5);
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	}
  
	.mwb-product-list-wrap.hover-style-30:hover .mwb-user-action-wrap:after {
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	  opacity: 1;
	}
	.mwb-product-list-wrap.hover-style-30:hover .mwb-user-action-wrap .mwb-product-name {
	  opacity: 1;
	  transform: scale(1.2);
	  -webkit-transition: all 0.3s linear 0s;
	  -moz-transition: all 0.3s linear 0s;
	  -ms-transition: all 0.3s linear 0s;
	  -o-transition: all 0.3s linear 0s;
	  transition: all 0.3s linear 0s;
	}
  /* =================== End of Hover Effect =============== */
  .sidelines{
	  position: relative;
	  display:inline-block;
  }
  .sidelines::after{
	  content:"";
	  position: absolute;
	  top:50%;
	  right:-18%;
	  height:3px;
	  width:15%;
	  background:#000;
	  z-index:1000;
  }
  .sidelines::before{
	  content:"";
	  position: absolute;
	  top:50%;
	  left:-18%;
	  height:3px;
	  width:15%;
	  background:#000;
  }
  .sidelines-light{
	  position: relative;
	  display:inline-block;
  }
  .sidelines-light::after{
	  content:"";
	  position: absolute;
	  top:20%;
	  right:-25%;
	  height:3px;
	  width:20%;
	  background:#fff;
	  z-index:5;
  }
  .sidelines-light::before{
	  content:"";
	  position: absolute;
	  top:20%;
	  left:-25%;
	  height:3px;
	  width:20%;
	  background:#fff;
  }
  .underline-light{
	  position: relative;
	  display:inline-block;
  }
  
  .underline-light::before{
	  content:"";
	  position: absolute;
	  bottom:-5%;
	  left:0;
	  height:3px;
	  width:100%;
	  background:#ececec;
  }
  
  /* ===================== Endo of Global =============== */
  .hero{
  position: relative;
  height:100%;
  
  }
  .hero-wrapper{
	  position: relative;
	  height:28vw;
  }
  #hero-img{
	  position:fixed;
	  object-fit:cover;
	  z-index:-10;
	  height:30vw;
  }
  .hero-text-box{
	  position:absolute;
	  z-index:-1;
	  top:5%;
	  left:10%;
  }
  .main-header-wrapper{
	  text-align:center;
	  padding:3%;
  }
  
  /* ==================== Benefits Section ===================== */
  
  .benefits-section{
	  background: linear-gradient(to bottom, rgba(0,0,0,.5)0%, rgba(0,0,0,.5)100%), url('/imageserver/Reusable/multifamily-roofing/houses-row.jpg');
	  background-attachment: fixed;
	  background-size: cover;
	  background-position: bottom;
	  color:#ececec;
  }
  .benefits-section-wrapper{
	  padding:5% 7%;
	  text-align:center;
  }
  .benefits-section-wrapper .col-3{
	  padding:0 1% !important;
  }
  .benefits-section-wrapper h3{
	  padding:0 0 2%;
  }
  .benefits-content-item{
	  width:100%;
	 
  }
  .benefits-content-item p{
	  margin-top:10px;
  }
  .benefits-content-item svg{
	 
	  padding:0 10px 0 0;
  }
  #quality-group{
	  height:100px;
	  width:110px;
	  fill:#ececec;
	  stroke-width:2;
	  stroke:#ececec;
	  stroke-dasharray:650;
	  stroke-dashoffset:0;
  }
  #quality-group:hover .quality-path{
	  animation: svg-anim 2s linear forwards;
  }
  #tools-group{
	  height:100px;
	  width:120px;
	  fill:#ececec;
	  stroke-width:1;
	  stroke:#ececec;
	  stroke-dasharray:650;
	  stroke-dashoffset:0;
  }
  #tools-group:hover .toolsPath{
	  animation: svg-anim 2s linear forwards;
  }
  #clock-group{
	  height:100px;
	  width:120px;
	  fill:#ececec;
	  stroke-width:1;
	  stroke:#ececec;
	  stroke-dasharray:650;
	  stroke-dashoffset:0;
  }
  #clock-group:hover .clockPath{
	  animation: svg-anim 2s linear forwards;
  }
  
  @keyframes svg-anim{
	  0%{
		  stroke-dashoffset:0;
	  }
	  100%{
		  stroke-dashoffset:650;
		  fill:#B08B12;
	  }
  }
  
  /* =============== Services Section ================ */
  
  .services-section{
	background:#ececec;
  }
  .services-section-wrapper{
	padding:3% 5%;
	text-align: center;
	max-width:90vw;
	margin:0 auto;
  }
  .damage-signs{
	margin:5% 0;
	text-align: left;
  }
  .insurance{
	text-align:left;
	margin:3% 0;
  }
  .insurance h2{
	margin-top:20px;
  }
  .closing{
	background:url('/imageserver/Reusable/multifamily-roofing/apartment3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
  }
  .closing-text{
	/* height:100%; */
	background: radial-gradient(closest-corner,#ececec, transparent);
	padding:8% 3%;
	
  }
  .closing p{
	font-size:1.3rem;
  }
  
  
  @media screen and (max-width: 1150px) {
	.col-md-4{
	  flex: 0 0 100%;
	  max-width: 100%;
	}
  }
  @media screen and (max-width: 992px) {
	.sidelines::after,
	.sidelines::before,
	.sidelines-light::after,
	.sidelines-light::before{
	  width:0;
	}
  }
  @media screen and (max-width: 768px) {
	.closing-text{
	  text-align: center;
	  background: linear-gradient(to top, rgba(255,255,255,0.6)0%, rgba(255,255,255,0.6)100%);
	}
  }

/*** New Sections ***/

.commitment-wrapper.main-section-wrapper {
	padding: 75px 25px;
}

.benefits-content-item {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}