.ofery{

}
.ofery .rowOffer{
padding: 0px 0px 16px 0px;
display: grid;
grid-template-columns: 1fr 1.5fr;
grid-gap: 16px 16px;
box-sizing: border-box;
}
.ofery .rowOffer .cellOfferL{

}
.ofery .rowOffer .cellOfferL .tytulSp{
font-weight: 900;
font-size: 52px;
text-shadow: 1px 1px 26px rgba(0,0,0,0.10);
padding: 0px 0px 25px 30px;
}
.ofery .rowOffer .cellOfferTR .tytulSp{
font-weight: 900;
font-size: 24px;
text-shadow: 0px 0px 26px rgba(0,0,0,0.10);
padding: 0px 0px 20px 10px;
}
.ofery .rowOffer a.offerA {
position: relative;
display: inline-block;
overflow: hidden;
}
.ofery .rowOffer .imgSp{
position: relative;
z-index: 0;

}
.ofery .rowOffer a.offerA:hover .imgSp img{
transform: scale(1.1);
}

.ofery .rowOffer .tytulSp{
position: absolute;
z-index: 1;
bottom: 0px;
left: 0px;
text-transform: uppercase;
color: #FFFFFF;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
}

.ofery .rowOffer a.offerA:hover .tytulSp{
text-shadow: 5px 5px 20px rgba(0,0,0,0.8);
}


.ofery .rowOffer .cellOfferTR{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px 16px;
box-sizing: border-box;
}

.ofery .rowOffer .cellOfferTR a{

}
.ofery .rowOffer .cellOfferForm{
border: 1px solid #F5F5F5;
box-sizing: border-box;
padding: 16px 16px 0px 16px;
}
.ofery .rowOffer a img{
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}

form.nForms {
display: grid;
grid-template-areas:
        'group1 group2'
        'group3 group3'
        'group4 group4'
        'reqInfo reqInfo';
grid-gap: 5px 16px;
}

form.nForms div.group1 {
grid-area: group1;
}
form.nForms div.group2 {
grid-area: group2;
padding-bottom: 10px;
}
form.nForms div.group3 {
grid-area: group3;
}
form.nForms div.group4 {
grid-area: group4;
}
form.nForms div.reqInfo{
grid-area: reqInfo;
}
form.nForms div.item.rodo {
margin: 0px;
}
form.nForms div.groupWrap {

}
form.nForms div.group2 div.groupWrap{
height: 100%;
}

form.nForms div.group2 div.groupWrap span.wrapInput {
height: 100%;
}

@media screen and (max-width:1200px){
.ofery .rowOffer .cellOfferL .tytulSp{font-size: 25px}
.ofery .rowOffer .cellOfferTR .tytulSp{font-size: 19px}
}
@media screen and (max-width:960px){
.ofery .rowOffer {grid-template-columns: 1fr;}
.ofery .rowOffer .cellOfferL {text-align: center;}
.ofery .rowOffer .cellOfferTR {justify-content: center}
.ofery .rowOffer .cellOfferTR a {max-width: 398px;align-self: center;
justify-self: center;}
}
@media screen and (max-width:530px){
.ofery .rowOffer .cellOfferTR {grid-template-columns: 1fr;}
}