@import "style.css";
@import "/css/fontawesome/css/all.css";
@import "/css/jquery-ui.css";
@import "sidebar-content.css";
.left{float:left;width:100%;}
.right{float:left;width:100%;}
.featured{position: relative;float: left;width:100%;height: auto;overflow: hidden;background: #ededed;}
.featured h1{background: linear-gradient(88deg, rgb(34 34 34) 0%, #185e97 45%, #6abfed 100%);padding: 10px 30px;margin: 0 0 20px;font-size: 2.0rem;color: #fff;font-weight: 700;letter-spacing: 1px;position: absolute;top:48%;right: 10%;}
.featured img{width: 100%;}
.products_cat{float: left;width:100%;padding: 50px 0;text-align: center;}
.products_cat h2{padding: 10px 0;font-size: 2.0rem;color: #222;font-weight: 800;text-align: center;margin: 0 auto 30px;}
.products_cat a{display: inline-block;box-shadow: 0 0 5px 0px #000;border-radius: 7px;margin: 0 2%;width:300px;}
.products_cat img{width:100px;}
.products_cat div{font-size:18px;font-weight: 700;padding: 15px 0;color: #6abfed;background: #222;}
.products{float: left;width:100%;height: auto;overflow: hidden;background: #ededed;margin: 30px 0 0;padding: 20px 4%;box-sizing: border-box;}
.products h2{padding: 10px 0;font-size: 2.0rem;color: #222;font-weight: 800;text-align: center;margin: 0 auto 30px;}
.product{float:left;width: 22%;margin: 0 1.5% 30px;box-shadow: 0 0 5px 0px #000;border-radius: 7px;overflow: hidden;text-align: center;box-sizing: border-box;}
.product .img{padding:0;}
.product img{width:100%;height:300px;object-fit:cover;}
.product h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 15px 0;color: #6abfed;background: #222;margin: 0;}
.products>a{float: left;width: 180px;margin: 10px calc(50% - 90px) 25px;color: #ffffff;background: linear-gradient(88deg, rgb(34 34 34) 0%, #185e97 45%, #6abfed 100%);border-radius: 5px;display: block;height: 40px;line-height: 40px;text-align: center;font-size: 16px;}
.catalogs{float: left;width:100%;height: auto;overflow: hidden;background: #fff;margin: 30px 0;padding: 0 4%;box-sizing: border-box;}
.catalogs h2{padding: 10px 0;font-size: 2.0rem;color: #222;font-weight: 800;text-align: center;margin: 0 auto 30px;}
.catalogs img{float:left;width:24%;height:400px;margin: 0 0.5% 30px;}
@media(max-width:768px){
	.left{width:100%;}
	.right{width:100%;}
	.featured{width:100%;}
    .featured h1 {font-size: 1rem;}
    .products_cat h2 {font-size: 1.5rem;}
    .products_cat a {margin: 0 2% 40px;}
    .products {width: 100%;}
    .products h2{font-size: 1.5rem;}
    .product {width: 95%;}
    .catalog{float: left;width:100%;padding: 0 15px;box-sizing: border-box;overflow: hidden;}
    .catalogs h2{font-size: 1.5rem;}
    .catalogs img {width: 99%;}
}