.maincontent{
  max-width:100%;
}
.preload{
    background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg1-min.png'),url('/imageserver/Reusable/flooring2021/home-mid-bg2-min.png'),url('/imageserver/Reusable/flooring2021/home-mid-bg3-min.png'),url('/imageserver/Reusable/flooring2021/home-mid-bg4-min.png');
   
}
html,
body{
    font-size:18px;
}
.row{
    margin:0 !important;
}
h1{
    font-family: 'Ubuntu', sans-serif;
    font-size: calc(2.2vw + .5rem);
}
h2{
    font-family: 'Ubuntu', sans-serif;
    font-size: calc(1.5vw + .5rem);
}
h3{
    font-family: 'Josefin Sans', sans-serif;
    font-size:calc(1.2vw + .6rem);
}
h4{
    font-family: 'Josefin Sans', sans-serif;
    font-size:1.6rem;  
}
h5{
    font-family: 'Josefin Sans', sans-serif;
    font-size:1.3rem;
}
p{
    font-family: 'Josefin Sans', sans-serif;
    font-size:1rem;
}
.container1{
    max-width:1500px;
    width: calc(100vw - 6em);
    margin:0 auto;
}
.col_1 {width: 8.33%;float:left;}
.col_2 {width: 16.66%;float:left;}
.col_3 {width: 25%;float:left;}
.col_4 {width: 33.33%;float:left;}
.col_5 {width: 41.66%;float:left;}
.col_6 {width: 50%;float:left;}
.col_7 {width: 58.33%;float:left;}
.col_8 {width: 66.66%;float:left;}
.col_9 {width: 75%;float:left;}
.col_10 {width: 83.33%;float:left;}
.col_11 {width: 91.66%;float:left;}
.col_12 {width: 100%;}
.row::after {
    content: "";
    clear: both;
    display: table;
  }
  .rButton {
	background-color:#333333;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:calc(.7vw + .3rem);
    font-family: 'Ubuntu', sans-serif;
	padding:calc(.3vw + .3rem) calc(1vw + .7rem);
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    margin-top:3%;
    transition:.5s;
}
.rButton:hover {
	background-color:#fefff7;
    border:1px solid #333333;
    color:#333333;
    -webkit-box-shadow: 4px 4px 15px -2px rgba(0,0,0,0.51); 
box-shadow: 4px 4px 15px -2px rgba(0,0,0,0.51);
}
.rButton-dark {
	background-color:#fefff7;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-size:calc(.7vw + .3rem);
    font-family: 'Ubuntu', sans-serif;
	padding:calc(.3vw + .3rem) calc(1vw + .7rem);
	text-decoration:none;
    margin-top:3%;
    transition:.5s;
}
.rButton-dark:hover {
	background-color:#fefff7;
    border:1px solid #333333;
    color:#333333;
    -webkit-box-shadow: 4px 4px 15px -2px rgba(254,255,247,.5); 
box-shadow: 4px 4px 15px -2px rgba(254,255,247,.5);
}
.rButton:active {
	position:relative;
	top:1px;
}
.hero-grid{
    display:grid;
    background: linear-gradient(to top,rgba(51, 51, 51, .9) 0%, rgba(51, 51, 51, .9) 100%), url('/imageserver/Reusable/flooring2021/home-bg-tile-min.png'),linear-gradient(to top,rgba(254, 255, 247, .9) 0%, rgba(254, 255, 247, .9) 100%);
    background-size:100% 90%, 100% 90%,cover;
    background-repeat: no-repeat, no-repeat;
}
.hero-header{
    grid-area:2/2/3/5;
    margin-left:10%;
}
.hero-business-name{
    grid-area:3/2/4/5;
    margin-left:10%;
    color:#fefff7;
    padding:3% 0;
}           
.hero-cta{
    grid-area:4/2/5/5;
    margin-left:10%;
} 
.hero-main-img{
    grid-area:1/5/7/11;
    justify-self:center;
}   
.hero-second-img{
    grid-area:6/3/8/6;
    justify-self:flex-end;
    border:10px solid #FEFFF7;
    border-bottom:0;
    margin-top:10%;
}
.section1-container{
    background:url('/imageserver/Reusable/flooring2021/main-bg-grid-min.png'), linear-gradient(to top,rgba(254, 255, 247, .9) 0%, rgba(254, 255, 247, .9) 100%);
    background-repeat:no-repeat;
    background-size: cover;
    padding:6% 10%;
}
.floor-type{
    margin-top:5%;   
}

.floor-type-label h2{
    margin:0 0 5% 0;
}
.floor-type-desc{
    margin:5% 0;
}
.floor-type-wood:hover{
    text-decoration: underline;
    cursor:pointer;
}
.floor-type-tile:hover{
    text-decoration: underline;
    cursor:pointer;
}
.floor-type-laminate:hover{
    text-decoration: underline;
    cursor:pointer;
}
.floor-type-desc-laminate,
.floor-type-desc-tile{
    display:none;
}
.floor-type-desc-show{
    display:block;
}
.floor-type-img-laminate,
.floor-type-img-tile{
    display:none;
}
.floor-type-img-show{
    display:block;
}
.floor-type-img-wood{
    position:relative;
    width:70%;
    margin:0 auto;
    z-index:2;
}
.floor-type-img-wood::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:50%;
    height:50%;
    top:-3%;
    left:-2%;
    border-left:20px solid black;
    border-top:20px solid black;
}
.floor-type-img-laminate{
    position:relative;
    width:70%;
    margin:0 auto;
    z-index:2;
}
.floor-type-img-laminate::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:50%;
    height:50%;
    top:-3%;
    left:-2%;
    border-left:20px solid black;
    border-top:20px solid black;
}
.floor-type-img-tile{
    position:relative;
    width:70%;
    margin:0 auto;
    z-index:2;
}
.floor-type-img-tile::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:50%;
    height:50%;
    top:-3%;
    left:-2%;
    border-left:20px solid black;
    border-top:20px solid black;
}
.bttn:hover,
 .bttn:focus,
 .bttn.focus {
     color: #d71920;
 }

 h2.bttn:hover {
     color: #d71920;
     text-decoration: none;
 }
 h2.bttn:hover::after {
    color: #d71920;
    text-decoration: none;
}
 h2.bttn.collapsed:hover::after {
    color: #d71920;
    text-decoration: none;
}
 
 h2.bttn.collapsed:after {
     content: "+";
     bottom:0;
     left:15px;
     font-size: 40px;
     color: #000;   
 }
 
 h2.bttn:after {
     content: "-";
     position: relative;
     bottom:0;
     left:17px;
     font-size: 40px;
     color: #000;
 }
 h2.bttnActive.collapsed:after {
    content: "-";
    bottom:0;
    left:17px;
    font-size: 40px;
    color: #000;   
}

h2.bttnActive:after {
    content: "+";
    position: relative;
    bottom:0;
    left:15px;
    font-size: 40px;
    color: #000;
}
 
 .bttn {
     white-space: inherit !important;
 }
.section2-container{
    animation:animate 40s linear infinite;
    background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg1-min.png');
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    /* margin-top:10%; */
    padding:10% 0 10% 15vw;
    position:relative;
    
}
@keyframes animate {
    0%,100%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg1-min.png');
        
    }
    0%,20%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg1-min.png');
        
    }
    /* 25%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg2-min.png');   
    } */
    25%,45%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg2-min.png');   
    }
    /* 50%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg3-min.png');      
    } */
    50%,70%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg3-min.png');      
    }
    /* 75%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg4-min.png');    
    }     */
    75%,95%{
        background-image:url('/imageserver/Reusable/flooring2021/home-mid-bg4-min.png');    
    }    
}
.section2-gallery-item{  
    width:200px;
    overflow:hidden;
    display:inline-block;
    transition: .5s ease-in-out;
    margin:0 -5px;
    transform:scale(1.5);
}
.section2-gallery-item:hover{  
    width:400px;
    margin-left:70px;
}
.section2-gallery-item img{
    margin-left:-100px;
    transition:.5s ease-in-out;
}
.section2-gallery-item:hover img{
    margin-left:0px;
}
.gallery-item-right img{
    margin-left:-150px;
}
.section2-text-top{ 
    position: absolute;
    color:white;
    left:10%;
    top:5%;
}
.section2-text-bottom{ 
    position: absolute;
    color:white;
    left:30%;
    bottom:5%;
}
.section3-container{
    background:url('/imageserver/Reusable/flooring2021/main-bg-grid-min.png'), linear-gradient(to top,rgba(254, 255, 247, .9) 0%, rgba(254, 255, 247, .9) 100%);
    background-repeat:no-repeat;
    background-size: cover;
    padding:5% 4%;
    /* width:95%; */
    margin:0 auto;
    position: relative;
}
.section3-container p{
    margin:2% 0;
    line-height:25px;
    /* text-align:left; */
}
.section3-top-text{
    margin:0 0 5% 10%;
    position: relative;
    display:inline-block;
}
.section3-top-text::after{
    content:"";
    position: absolute;
    bottom:-5px;
    right:0;
    border-bottom:2px solid black;
    width:100%;
    height:5px;
}

#home-btm-left-img{
    max-width:400px;
    position: relative;
    margin:calc(5% + 3vw) auto 0;
    z-index:2;
}
#home-btm-left-img::after{
    content:"";
    position:absolute;
    bottom:-9px;
    right:-15px;
    height:60%;
    width:50%;
    border:15px solid #333333;
    z-index:-1;  
}
#home-btm-right-img{
    margin-bottom:calc(5% + 2vw);
    text-align: center;
}
.section4-container{
    background:#333333;
    max-height:400px;
    padding:4% 10%;
    color:white;
    text-align: center;   
}

@media screen and (max-width:1300px) {
    .section2-container{
        padding:13% 0 15% 10%;
    }
    .section2-text{
        top:70%;
        left:30%; 
    }
    .col_4{
        width:100%;
        /* float:none; */
    }
    .section3-container{
        text-align: center;
    }
    #section3-mid-img{
        display:none;
    }
    .section3-top-text{
        margin:0 0 5% 0;
    }
    
}
@media screen and (max-width:1200px) {
    .section2-gallery-item{
        width:150px;
    }
    .section2-gallery-item img{
        margin-left:-75px;
        transition:.5s ease-in-out;
    }
    .section2-gallery-item:hover{  
        width:300px;
        margin-left:-50px;
    }
    .section2-gallery-item:hover img{
        margin-left:-50px;
    }
    .gallery-item-right {
        margin-left:0px;
        width:150px;
    }  
    .gallery-item-right:hover {
        margin-left:-100px;
        width:225px;
    } 
    .gallery-item-right:hover img{
        margin-left:-50px;      
    }  
}
@media screen and (max-width:992px) {
    
    h5{
        font-size:1rem;
    }
    .col_6{
        width:100%;
        float:none;
    }
    .col_4{
        width:100%;
        float:none;
    }
    .floor-type-label{
        text-align: center;
    }
    .section2-container{    
        padding:5%;
        text-align:center;
    }
    .section2-gallery-item { 
        display:none;     
        transform:scale(1.2);
    
    }
    .gallery-item-center-left,
    .gallery-item-left{
        display:inline-block;
    }
    .section2-text-top,
    .section2-text-bottom{
        position:relative;
        margin:8% 0;
        left:0;
    } 
    #product-main-text1{
        margin:5% 0 5% 5%;
        text-align:left;
    }
    #product-main-text2{
        margin-top:20%;
        text-align: center;
    }
    #product-text2-btn{
        float:none;
    }
    .section2-gallery-item:hover img{
        margin-left:-75px;
    }   
    .product-section2-container{
        height:100%;
        text-align:center;
    }
    #product-btm-main-img{
        max-width:300px;
    }
    .product-section2-container .col_7 {
        width:100%;
        float:none;
    }
    .product-section2-container .col_5{
        width:100%;
        float:none;
    }
    .product-section3-container .col_7{
        width:100%;
        float:none;
        text-align:center;
    }
    .product-section3-container .col_5{
        width:100%;
        float:none;
    }
    #product3-hr{
        width:15%;margin: 15px auto 25px auto;
    }
}
@media screen and (max-width:500px) {
    p{
        font-size:.8rem;
    }
    .section2-gallery-item:hover{
        margin:0px;
        width:145px;
    }
}