.maincontent{
    max-width:100%;
  }

* {
	margin: 0px;
	padding: 0px;
}
body, html {
	font-weight: normal;
	position: relative;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
    background-color:#fafafa;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
}
h1 {
	font-size: calc(3vw + 1rem);
    font-weight:800;	
}
h2 {
	font-size: calc(2vw + 1rem);
    font-weight:800;	
}
h3 {
    font-size: calc(1vw + 1rem);
    font-weight:600;	
	
}
h4 {
	font-size: calc(.6vw + 1rem);
    font-weight:300;	
}
h5 {
	font-size: 1rem;
    font-weight:600;	
}
h6 {
	font-size: calc(.1vw + 1rem);
    font-weight:300;	
}
p {
	font-size: 1rem;
    font-weight:300;
    margin:0;	
}
.col{
    margin: 0 !important;
    padding:0 !important;
}
.col-6{
    width:50%;
    float:left;
    padding:0 20px;
}
.coll-6{
    width:50%;
    float:right;
}
.section1{
    padding:2% 8%;
}
.section1 p{
    display:inline-block;
}
.section1 h5{
    padding:0;
    margin:0;
    text-transform: uppercase;
    display:inline-block;
}
.hr-h2{
    border-top:1px solid black;
    max-width:60%;
    margin:10px 0 20px;
}
ul li {
    list-style-type:none;
    margin:1% 0;
}
.hero{
    position: relative;
}
.hero-logo{
    position: absolute;
    top:10%;
    left:5%;
    max-width:calc(10vw + 100px);
    background:#fbfbfb;
    padding:5px;
}
.hero-tagline{
    position: absolute;
    bottom:0;
    left:0;
    padding:15px 0;
    text-align:center;
    margin:0 auto;
    width:100%;
    /* max-width:75%; */
    background-color:rgba(255,255,255,0.7);
    font-size:calc(1.5vw + 1rem);
    font-weight:300;
}
.heading1{
    margin: 20px 0 10px;
}
.heading2{
    margin: 50px 0 20px;
}
.image-cropped{
    max-height:20vw;
    max-width:745px;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}
.colors{
    height:75px; 
    max-width:75px;
    cursor:pointer; 
    padding:0;
    overflow:hidden;
    border:2px solid #fafafa;
    margin:8px 0 0;
}
.products{
    margin:5% 0 0;
}
.product .position-center-center h4 {
	margin: 0px;
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}
.product .position-center-center {
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.product .position-center-center {
	opacity: 0;
	z-index: 11;
}
.product-item:hover .position-center-center {
	opacity: 1;
}
.hover-style-4 .product-overlay {
	background: rgba(255,255,255,0.7);
}
.hover-style-4 .product-overlay {
	background: rgba(255,255,255,0.7);
}

.product-overlay {
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	z-index: 2;
	/* overflow: hidden; */
}
.product-item .product-image {
	position: relative;
	overflow: hidden;
}
.product-item .product-image img {
	width: 100%;
}
.product-item:hover .product-overlay, .product-item:active .product-overlay, .product-item.active .product-overlay, .product-item:focus .product-overlay {
	opacity: 1;
}
.no-padding .product-item {
	padding: 0px;
	margin: 0px;
}
.product-item .position-center-center {
	width: 100%;
	padding: 0 20px;
}

.product-item h4 a {
	font-size: 16px;
	color: #fff;
	padding:10px;
	text-transform: uppercase;
	margin-bottom: 20px;
    font-weight: 500;
}
.product-item h4 a:hover {
	font-size: 26px;
	color: #63C2F7;
	text-transform: uppercase;
	margin-bottom: 20px;
    font-weight: 500;
}
.product .position-bottom1 {
	position: absolute;
    color:#fff;
	text-align:center;
	width: 100%;
	top: 8vw;
	display: block;
	left: 0px;
	z-index: 3;
	opacity: 1;
}

.product .position-bottom1:before {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 3px;
	bottom:0;
	max-width: 20%;
	margin: 0 auto ;
	background: #C7A601;
	z-index: 3;
	content: "";
	
}

.product-item  h4 {
	margin: 0px;
	color:#fff;
}
.product-item h4 a {
	color: #fff;
}
.product-item p {
	color: #fff;
	opacity: 0.8;
	margin-bottom: 0px;
}
.warranty{
    margin:-5vw auto 0;
    width:90%;
    text-align:center;
}
.section1-details{
    margin-bottom:5vw;
}
.section2{
    padding:2% 8%;
}
 .heading{
     background-color:#ececec;
     padding:3% 0 3% 0;
     margin:2% 0;
     text-align:center;
    }
    .heading h2{
    font-size:calc(2vw + 1rem);
    letter-spacing:1.5px;
}
.heading hr{
    border-top:2px solid black;
    margin:0 auto;
    width:30%;
}
.section2 p{
    margin:2%;
}

.elements{
    margin:0 auto;
    text-align:center;
}
.elements-group{
    max-width:800px;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    align-items:flex-end;
    flex-wrap:wrap;
}
.elements-item{
    margin:20px 0;
    min-width:225px;
}

.gallery img{
    max-width:330px;

}
.gallery{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    flex-wrap:wrap;
    align-items:center;
    padding:3% 2%;
}
.gallery-item{
    border: 10px ridge #dadfef;
    margin-bottom:15px;
}

@media screen and (max-width:1350px){
    .coll-6{
        width:100%;
        float:none;
    }
}
@media screen and (max-width:992px) {
    html, body{
        font-size:16px;
    }
    .col-6{
        width:100%;
        float:none;
    }
    .image-cropped{
        max-height:25vw;     
    }
    .hero-tagline{
        position: relative;
        background-color:transparent;
    }
}
@media screen and (max-width:600px) {
    .image-cropped{
        max-height:30vw;      
    }
    .section2{
        text-align:center;
    }
}