
.overlay-gradient {
    background: #000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(#000));
    background: linear-gradient(180deg,transparent 50%,#000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px
}

.product-information-grid.template-1 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    gap: 1.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem
}

.product-information-grid.template-1>* {
    border: 1px solid #e0e0e0;
    padding: 3rem;
    border-radius: 24px
}

.product-information-grid.template-1 .div1 {
    grid-area: 1/1/2/3;
    background: url(https://metz.pl/themes/metz2/assets/css/91510d08838b87b5189b.png) no-repeat
}

.product-information-grid.template-1 .div2 {
    grid-area: 2/1/3/2
}

.product-information-grid.template-1 .div3 {
    grid-area: 2/2/3/3
}

.product-information-grid.template-1 .div4 {
    grid-area: 1/3/3/4;
    background: url(https://metz.pl/themes/metz2/assets/css/24dface8b1a9929c493e.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    -ms-flex-line-pack: end;
    align-content: end;
    position: relative;
    color: #fff
}

.product-information-grid.template-1 .div5 {
    grid-area: 1/4/3/5;
    background: url(https://metz.pl/themes/metz2/assets/css/8274778f40c2b7fdbe00.png) no-repeat
}

.product-video-block .video-container {
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translateY(50%) scale(.2);
    transform: translateY(50%) scale(.2)
	translate: none;
	rotate: none; 
	scale: none; 
	transform: scale(0.8, 0.8);
}



.moving-image {
    width: 40%;
    height: 80vh;
    border-radius: 24px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.product-desc-1>div:first-child {
    width: 36%
}

.product-desc-1>div:last-child {
    width: 64%
}

.product-desc-1 div.moving-image {
    background-image: url(https://metz.pl/themes/metz2/assets/css/328e02fb7c4b0550a0d3.jpg)
}

.product-desc-2,.product-desc-5 {
    background-image: url(https://metz.pl/themes/metz2/assets/css/1236a0eb948c9f31162c.jpg);
    background-size: cover
}

.product-desc-5 {
    background-image: url(https://metz.pl/themes/metz2/assets/css/069da6afebeec5c2b608.jpg)
}

.product-desc-4 {
    gap: 5rem
}

.product-desc-4>div:first-child {
    width: 64%
}

.product-desc-4>div:last-child {
    width: 36%
}

.product-desc-4 div.moving-image {
    background-image: url(https://metz.pl/themes/metz2/assets/css/6fc4b4dcd78b7ec9de9b.jpg)
}



.d-block {
}

.d-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.no-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.jc-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jc-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-right {
    -webkit-box-align: right;
    -ms-flex-align: right;
    align-items: right
}

.align-left {
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left
}

.f-50 {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

.g-1 {
    gap: 1rem
}

.g-2 {
    gap: 2rem
}

.g-3 {
    gap: 3rem
}

.g-4 {
    gap: 4rem
}

.g-5 {
    gap: 5rem
}

.g-6 {
    gap: 6rem
}

.w-25 {
    width: 25%
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.mx-1000 {
    max-width: 1000px;
    margin: 0 auto
}

.mx-1144 {
    max-width: 1144px
}

.m-0auto,.mx-1144 {
    margin: 0 auto
}

.flex-1>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex20 {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%
}

.flex30 {
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%
}

.flex40 {
    -webkit-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%
}

.flex60 {
    -webkit-box-flex: 60%;
    -ms-flex: 60%;
    flex: 60%
}

.w-100 {
}

.pl-4 {
    padding-left: 4rem
}

.pr-4 {
    padding-right: 4rem
}

.pb-10p {
    padding-bottom: 10%
}

.pt-4p {
    padding-top: 4%
}

.pt-10p {
    padding-top: 10%
}

.mb-1r {
    margin-bottom: 1rem
}

.mb-1-4r {
    margin-bottom: 1.4rem
}

.mb-2r {
    margin-bottom: 2rem
}

.mb-3r {
    margin-bottom: 3rem
}

.mb-6r {
    margin-bottom: 6rem
}

.mt-2r {
    margin-top: 2rem
}

.mt-6r {
    margin-top: 6rem
}
.color-white {
    color: #fff
}
.center {
    text-align: center
}

.right {
    text-align: right
}

.fs-18 {
    font-size: clamp(1rem,calc(.931rem + .185vw),1.125rem);
    line-height: 1.5
}

.fs-20,.fs-28,.fs-32 {
    font-size: clamp(1rem,calc(.861rem + .37vw),1.25rem);
    line-height: 1.5
}

.fs-28,.fs-32 {
    font-size: clamp(1rem,calc(.583rem + 1.111vw),1.75rem)
}

.fs-32 {
    font-size: clamp(1rem,calc(.444rem + 1.481vw),2rem)
}

.fs-48,.fs-64,.fs-96 {
    font-size: clamp(1rem,calc(-.111rem + 2.963vw),3rem);
    line-height: 1.2;
    font-weight: 600
}

.fs-64,.fs-96 {
    font-size: clamp(2rem,calc(.889rem + 2.963vw),4rem)!important
}

.fs-96 {
    font-size: clamp(2rem,calc(-.222rem + 5.926vw),6rem)!important
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.zindex100 {
    z-index: 100;
    position: relative
}

.product-video-block .video-container video,.radius {
    border-radius: 24px
}

.bb-1 {
    border-bottom: 1px solid #e0e0e0
}

.section-padding {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.section-inner-padding {
    padding-left: 4.4rem;
    padding-right: 4.4rem
}

.section-small-padding {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.section-vertical-padding {
    padding-top: 4.4rem;
    padding-bottom: 4.4rem
}

.d-column-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
