/* .home-products .products-group .products-group-header .header-name
.home-products .products-group .products-group-header .header-bikes
.home-products .products-group .products-group-header .header-bikes .bike-item .square-image */

.home-products .products-group { padding-top:20px; margin-bottom:30px; }
.home-products .products-group .products-group-header .header-name { font-size:1.3em; text-transform:uppercase; font-weight:bold; line-height:25px; }
.home-products .products-group .products-group-header .header-name a { display:inline-block; border-radius:100%; border:1px solid #000; width:25px; height:25px; line-height:25px; text-align:center; font-weight:normal; font-size:0.7em; vertical-align:top; margin-left:10px; position:relative; overflow:hidden; transition:all .3s; }
.home-products .products-group .products-group-header .header-name a i { position:absolute; top:0; left:0; display:inline-block; color:var(--blue); width:25px; height:25px; line-height:25px; transition:all .3s; }
.home-products .products-group .products-group-header .header-name a i.hover { color:#FFF; left:-25px; }
.home-products .products-group .products-group-header .header-name a:hover { background-color:var(--blue); }
.home-products .products-group .products-group-header .header-name a:hover i { transform:translateX(25px); }

.home-products .products-group .products-group-header .header-bikes { padding:10px 0; }
.home-products .products-group .products-group-header .header-bikes { display:block; overflow-x:auto; white-space:nowrap; }
.home-products .products-group .products-group-header .header-bikes::-webkit-scrollbar { height:3px; }
.home-products .products-group .products-group-header .header-bikes .bike-item { display:inline-block; width:24%; vertical-align:top; text-align:center; margin-right:20px; position:relative; }
.home-products .products-group .products-group-header .header-bikes .bike-item.active a { color:var(--blue); text-decoration:underline; }
.home-products .products-group .products-group-header .header-bikes .bike-item .new { position:absolute; top:-5px; right:0; color:#F00; font-size:.9em; }

.home-products .products-group .products-items { position:relative; }
.home-products .products-group .products-items:before { content:""; padding-top:56%; display:block; width:100%; height:auto; }
.home-products .products-group .products-items .products-items-bg { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.home-products .products-group .products-items .products-items-bike { position:absolute; top:0; left:50%; transform:translateX(-50%); height:110%; width:auto; z-index:2; }

.home-products .products-group .products-item-name { text-align:center; text-transform:uppercase; font-weight:bold; font-size:1.5em; padding:30px 0;}
.home-products .products-group .products-item-name a { display:inline-block; padding:5px 20px; width:70%; background-color:var(--black); color:#FFF; font-weight:normal; font-size:0.6em; margin-top:10px; }

.block .table .col { padding-bottom:20px; }
.block .table .col .square-image:before { padding-top:62.77%; }
.block .table .col .block-title { font-weight:bold; font-size:1.2em; display:block; padding-top:10px; }


@media (min-width:768px){
	.home-products .boundary { width:100%; max-width:unset; padding:10px 0; }
	.home-products .products-group { padding-bottom:60px; position:relative; }
	.home-products .products-group .products-group-header { background-color: #FFF; height:auto; position: relative; z-index: 10; }
	.home-products .products-group .products-group-header .header-name { position:relative; height:auto; width:25%; display:inline-block; padding:30px 0 10px 20px; box-sizing: border-box; font-size:1.6em; }
	.home-products .products-group .products-group-header .header-name:after { content:""; position:absolute; top:100%; right:0; display:inline-block; width:30px; height:30px; background:url(../images/outer-radius.svg) top left no-repeat; background-size:100% auto; }
	.home-products .products-group .products-group-header .header-bikes { position:absolute; top:0; right:0; background-color:#FFF; display:inline-block; width:75%; vertical-align:top; padding-left:20px; box-sizing:border-box; border-bottom-left-radius:20px; }
	.home-products .products-group .products-group-header .header-bikes .bike-item { width:18%; margin-right:20px;}
	
	.home-products .products-group .products-items:before { padding-top:45%; }
	.home-products .products-group .products-items .products-items-bike { top:unset; bottom:-30%; left:0; transform:unset; height:80%; }
	
	.home-products .products-group .products-item-name { position:absolute; bottom:0; right:0; width:60%; background-color:#FFF; z-index:100; border-top-left-radius:20px; padding:20px 0 30px; }
	.home-products .products-group .products-item-name div { padding:10px 0; }
	
	.block .table .col { padding:10px; }
}

@media (min-width:996px){
	
	.home-products .products-group { padding-bottom:100px; }
}

@media (min-width:1300px){
	.container .container-title { font-size:2.5em; }
	
	.home-products .products-group { padding-bottom:150px; }
	.home-products .products-group .products-group-header .header-name { width:30%; }
	.home-products .products-group .products-group-header .header-bikes { width:70%; }
	
	.home-products .products-group .products-group-header { margin:0 auto; }
	.home-products .products-group .products-group-header .header-name { padding-left:5%; }
	.home-products .products-group .products-group-header .header-bikes .bike-item { width:10%; margin-right:2%; }
	
	.home-products .products-group .products-items:before { padding-top:34.89%; }
	.home-products .products-group .products-items .products-items-bike { left:unset; right:50%; height:100%; bottom:-20%; }
	.home-products .products-group .products-item-name { bottom:unset; top:70%; width:40%; }
}

@media (min-width:1400px){
	.home-products .products-group .products-items .products-items-bike { height:105%; right:45%; }
}