body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

.maincontent_wrapper {
    padding-top: 0;
}

.row {
    margin: 0 !important;
    padding: 0 !important;
}
img{
    width:100%;
}
h1, h2, h3, h4, a span {
    font-family: 'Ruda', Sans-Serif;
    letter-spacing: 1.1px;
}

p, h5 {
    font-family: 'Roboto Slab', Sans-Serif;
}
.title{
    font-weight:700;
}
.ital{
    font-style: italic;
}
.name{
    color:#4D7BA2;
    font-weight:700;
}
.highlight{
    position: relative;
    transform:scale(1.2);
    color:#B86235;
    border-bottom: 1px solid #B86235;
    transition:.3s;
}


.showSingle:hover{
    text-decoration:none;
    cursor:pointer;
    transition:.3s;
}
.showSingle{
    margin:5px 20px;
}

.divider-p{
    color:#000; 
    font-weight:500;
    text-align:center;
    font-size:22px;
    max-width:80%;
    margin:75px auto;
}

.divider-decoration{
    position: relative;
    width:220px;
    height:50px;
}
.divider-decoration::before{
    position: absolute;
    content:"";
    background:url('/imageserver/Reusable/viwinco-windows21/fancy-dividerx150Y.png');
    background-size:100%;
    background-repeat:no-repeat;
    top:30%;
    width:220px;
    height:15px;
}

.fancy-divider{
    text-align:center;
    margin:100px 0;
}

#product-header{
    margin:5% 10% 0;
    position: relative;
    text-align:right;
}



  .section2{
      padding:0 5%;
      position: relative;
  }
  .sec2-title-top{
      background-color:#fcf8e3;
      position: absolute;
      top:-5%;
      left:5%;
      min-height:75px;
      width:30vw;
      color:#286090;
      padding:15px 0 15px 35px;
  }
  .sec2-title-btm{
    background-color:#286090;
    /* position: absolute; */
    margin:10% 0 0 -10%;
    width:80%;
    color:#fcf8e3;
    padding:15px 0 15px 35px;
}
  .sec2-grid{
      max-width:1600px;
      margin:6% auto;
      display:grid;
      gap:30px;
      grid-template-columns:1fr 1fr;
  }
  .sec2-grid-img{
      text-align:center;
      
  }
  .install-grid{
    display:grid;
    grid-template-columns: 1fr .5fr 2fr;
    gap:2%;
}
#edgemont, #cambridge{
    width:45%;
    min-width:400px;
}

  #main-img{
    max-width:650px;
    -webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.59); 
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.59);
  }
  .available-window-styles {
    margin:30px auto;
    text-align:center;
  }
  .menu{
    padding:0 8%;
  }
  .available-window-styles ul{
      display:flex;
      flex-direction:row;
      justify-content: flex-start;
      flex-wrap:wrap;
      
    }
    .available-window-styles ul li{
      min-width:200px;
      margin:3px 15px;
      list-style-type:none;

  }
  
  .sec2-grid-text p::first-letter {
    font-size: 150%;
    font-weight:700;
    color: #B86235;
  }
  .details-list-title{
      font-weight:700;
      position: relative;
      display:inline-block;
      margin-top:20px;
  }
  .details-list-title::before{
      position: absolute;
      content:"";
      top:50%;
      right:-25px;
      height:2px;
      width:20px;
      background:#B86235;
  }
 
  .window-styles-link{
      position: relative;
      display:block;
  }
  .window-styles-link::before{
      position: absolute;
      content:"";
      background:url('/imageserver/Reusable/viwinco-windows21/check-blue.png');
      background-size:30px;
      background-repeat: no-repeat;
      top:-5px;
      left:-30px;
      height:40px;
      width:50px;
  }
  .sec2-grid-text p{
      margin-left:8px;
  }

  .sec3-header{
    background:linear-gradient(rgba(255,255,255,.95)15%,rgba(255,255,255,.5), rgba(255,255,255,1)95%),url('/imageserver/Reusable/viwinco-windows21/hero5.png');
    background-repeat:no-repeat;
    background-size:cover;
    padding:9% 15%;
    color:#434E6E; 
   
}
#header-h3-top{
    display:inline;
    position: relative;
    font-weight:500;
    text-transform:uppercase;
    max-width:700px;
    
}
#header-h3-top::before{
    display:inline;
    position: absolute;
      content:"";
      top:50%;
      right:-27%;
      height:3px;
      width:25%;
      background:#B86235;
}
#header-h3-btm{
    position: relative;
    display:inline;
    float:right;
    font-weight:500;
    text-transform:uppercase;
}
#header-h3-btm::before{
    display:inline;
    position: absolute;
      content:"";
      top:50%;
      left:-27%;
      height:3px;
      width:25%;
      background:#B86235;
}
.sec3-grid{
    display:grid;
    grid-template-columns: 2fr  3fr;
    max-width:1500px;
    padding:0 4%;
    margin:25px auto;
}
.sec3-grid-left{
    grid-column: 1/2;
    grid-row:1/2;
    place-self:center;
    
}
.sec3-grid-left img{
    filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
    max-width:500px;
}
.sec3-grid-right-text{
    grid-column: 2/4;
    grid-row:1/2;
    align-self:flex-start;
    justify-self: center;
    max-width:700px;
    margin-top:35px;
}
.sec3-grid-icons{
    margin:30px auto 100px;
    font-weight:800;
}
.sec3-grid-icons .menu{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
}
#targetDiv-section{
   margin:50px 0 100px;
}
.product-image{
    position: relative;
    text-align:center;
}
.install-type-details-text{
    padding:0 10%;
    margin:0 auto;
    width:90%;
    /* max-width:1600px; */
}
.type-options-grid{
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.type-options-grid div{
    /* min-width:600px; */
    margin:0 50px;
}
.colors-img{
    max-width:600px;
}

@media screen and (max-width:1100px) {
    .section2{
        margin:15% 0 0;
    }
    .sec2-title-top{
        background-color:#fcf8e3;
        position: absolute;
        top:-5%;
        left:5%;
        min-height:75px;
        width:60%;
    }
    .sec2-title-btm{
        background-color:#286090;
        /* position: absolute; */
        margin:10% 0 0 0;
        width:80%;
        color:#fcf8e3;
        padding:15px 0 15px 35px;
    }
    .sec2-grid{
        max-width:1600px;
        margin:6% auto;
        display:block;
        gap:30px;
        grid-template-columns:1fr 1fr;
    }
}
@media screen and (max-width:992px) {
    .sec3-grid{
        display:block;
    }
}

@media screen and (max-width:900px) {
    #header-h3-top{
        display:block;
        text-align:center;        
    }
    #header-h3-top::before{
          height:0px;
    }
    #header-h3-btm{
        display:block;
        text-align:center;
        float:none;
    }
    #header-h3-btm::before{
          height:0px;
    }
    .sec3-header{
        padding:1% ;
    }
.install-type-details-text {
    padding: 0;
}
#product-header::before{
    width:0;
}
}
@media screen and (max-width:768px) {
    .sec2-title-top{
        width:80vw;
    }
    #product-header{
        margin:5% 0;
        text-align:center;
    }
}