@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left: 10px!important;padding-right: 10px!important;}
.lp {margin: 0 auto;padding: 0;width: 100%; font-family: 'Montserrat', sans-serif;font-size:16px !important;color:#000!important;
    background: #fff;}
.lp a{text-decoration: none;color:#727272;}
.lp a:hover{color:#000;text-decoration: none;}
.lp .bold{
	font-weight: 700;
}
.lp .semibold{
	font-weight: 600;
}
.lp .medium{
	font-weight: 500;
}
.lp .mobile{display: block; visibility:visible;}
.lp .desktop{display: none;visibility: hidden;}

.lp .top{padding:0;position: relative;
	z-index: 2;
	text-align: center;margin-bottom:0px;}

.lp .row{margin:20px 0;}
.lp h1{font-family: 'Oswald', sans-serif;font-size:24px;color:#000;text-transform: uppercase;padding:10px 20px 0 20px ;}
.lp .text-box-content{
	display: flex;
	flex-direction: column;
	text-align: left;
	align-self: center;
}
.lp .text-content{
	font-size: 14px;
	font-weight: 300;
}
.lp .baner {position: relative;overflow: hidden;width: 100%;margin:0;}

.lp .icon{
	width: 90px;
    height: 23px;
    position: relative;
    margin-top: -8px;
}
.lp .banery{
	position: relative;
	min-height: 435px;
	width: 100%;
	background-image: url(https://files.r-gol.com/LP/personalizacja_r-id/img/top_m.png);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
}
.lp .banery::after{
	content: "";
}

.lp .title-text{
	width: 80%;
	z-index: 2;
	position: absolute;
	margin-left: 10%;
	margin-top: unset;
	bottom: 5%;
}
.lp .info-block{
	background: #86C042;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    width: 100%;
    margin: 0px auto 40px auto;
    text-align: center;
    padding: 20px 40px;
	z-index: 3;
}
.lp .baner img {max-width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.lp .baner:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.lp .baner2 {position: relative;overflow: hidden;width: 100%;margin:0;margin-top: -50px;}
.lp .baner2 img {max-width: 100%;}
.lp .section{
	margin: 3% 0%;
    width: 100%;
}
.lp .section2{
	display: flex;
    align-items: center;
}
.lp .title-bar {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 8px;
}

.lp .cat-title{
	color: #000;
	font-size: 26px;
	position: relative;
	text-transform: uppercase;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	padding: 20px;
}
.lp .subtext{
 text-align: center;
}
.lp .title{
	display: block;
	color: #000;
	font-size: 16px;
	position: relative;
	text-transform: uppercase;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	padding: 10px 0 20px 0;
}

.lp .title-mini {
	color: #000;
	font-size: 16px;
	display: inline;
    align-self: center;
	text-transform: uppercase;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	padding: 20px 0;
	transition: all .5s;
}

.lp .btn-all {
	display: block;
	text-align: right;
}
.lp .btn-all:after {
		content: "";
		background-position: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(https://files.r-gol.com/LP/kanal-sportowy-sklep/img/arrow_right_2.svg);
		margin-left: 4px;
		padding: 0 10px;
		transition: all .5s;
}
.lp .btn-all:hover .title-mini {
	color: #39ef5f;
}
.lp .btn-all:hover:after {
	background-image: url(https://files.r-gol.com/LP/kanal-sportowy-sklep/img/arrow_right.svg);
}
.lp .empty-box {
	color: #fff;
}
.lp .social-content{
	margin-top: -20px;
}
.lp .social-content .title{
	text-align:left;
}
.lp .product-name{
	color: #000;
	font-size: 18px;
	position: relative;
	text-transform: uppercase;
	text-align:left;
	font-weight: 600;
	padding: 15px 0 10px 0;
	margin-bottom: 0;
}
.lp .product-text{
	font-size: 14px;
	font-weight: 300;
	text-align: left;
}
.lp .price{
	color: #000;
	font-size: 20px;
	position: relative;
	text-transform: uppercase;
	text-align:center;
	font-weight: 700;
	padding: 0 0 15px 0;
	margin-bottom: 0;
}
.lp .buy-now{
	display: inline-block;
	background: #000;
	padding: 10px 25px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
	transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	border-radius: 999px;
}
.lp .buy-now:hover{
	background: #86C042;
	color: #fff;
	letter-spacing: 2px;
}
.image-over {
    position: relative;
}
.image-over img {
    vertical-align: top;
}
.image-over:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(134,192,66,0.7);
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.lp a:hover .image-over:after{
	opacity: 1;
}

#product .item img{display: block;max-width: 80%;height: auto;margin:0 auto;}
#product2 .item img{display: block;max-width: 80%;height: auto;margin:0 auto;}
.product2{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 2% 0;
}
.product2 img{display: block;max-width: 100%;height: auto;margin:0 auto;}
#product, #product2{
	padding: 2% 0;
}

@media all and (min-width: 600px) and (max-width: 768px){
	.lp .title-text{
		width: 50%;
		z-index: 2;
		position: absolute;
		margin-left: 25%;
    	margin-top: unset;
		bottom: 5%;
	}
	.lp .banery {
		min-height: 650px;
	}
}


@media (min-width: 769px){
	.lp .mobile{
		display: none;
		visibility:hidden;
	}
	.lp .desktop{
		display: block;
		visibility: visible;
	}

	.lp .section{
		margin: 3% 5%;
		width: 90%;
	}

	.lp .title{
		font-size: 24px;
		padding: 20px 0 40px 0;
	}

	.lp .cat-title{
		font-size: 40px;
		color: #000;
		position: relative;
		text-transform: uppercase;
		text-align:left;
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		padding: 20px 0;
	}
	.lp .subtext{
		text-align: left;
	   }

	.lp .text-content{
		font-size: 18px;
		font-weight: 300;
	}

	.lp .product-name{
		font-size: 24px;
		text-align: center;
	}

	.lp .product-text{
		font-size: 16px;
		text-align: center;
	}

	.product2 img{
		max-width: 80%;
	}
	
	.lp .icon{
		width: 130px;
		height: 33px;
		position: relative;
		margin-top: -10px;
	}

	.lp .text-box-content{
		padding-left: 20px!important;
	}

	.lp .info-block{
		font-size: 16px;
		font-weight: 300;
		position: relative;
		width: 60%;
		margin: -60px auto 40px auto;
		text-align: center;
		padding: 20px 40px;
	}
	
	
	.lp .banery{
		min-height: unset;
		height: 370px;
		width: 100%;
		background-image: url(https://files.r-gol.com/LP/personalizacja_r-id/img/bg_1.png);
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		overflow: hidden;
	}
	.lp .banery::after{
		content: "";
		position: absolute;
		z-index: 1;
		height: 370px;
		width: 100%;
		background-image: url(https://files.r-gol.com/LP/personalizacja_r-id/img/bg_2.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.lp .title-text {
		width: 30%;
		z-index: 2;
		position: absolute;
		margin-left: 6%;
		margin-top: 17.5%;
		bottom: unset;
	}
}
@media (min-width: 1200px){
	.lp .banery{
		min-height: unset;
		height: 480px;
		width: 100%;
		background-image: url(https://files.r-gol.com/LP/personalizacja_r-id/img/bg_1.png);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0px -10px;
		overflow: hidden;
	}
	.lp .banery::after{
		height: 480px;
	}

	.lp .title-text{
		width: 25%;
		z-index: 2;
		position: absolute;
		margin-left: 6%;
    	margin-top: 15%;
		bottom: unset;
	}
	.lp .info-block{
		font-size: 16px;
		font-weight: 300;
		position: relative;
		width: 35%;
		margin: -60px auto 40px auto;
		text-align: center;
		padding: 20px 40px;
	}

}

@media (min-width: 1600px){
	.lp .banery{
		height: 620px;
		background-position: 0px -10px;
	}
	.lp .banery::after{
		height: 620px;
	}
	.lp .title-text{
		margin-left: 6%;
    	margin-top: 15%;
	}
}