.bds24_portfolio_item {
display: grid;
grid-template-columns: 320px 1fr;
align-items: center;
grid-gap: 20px;
margin-bottom: 20px;
cursor: pointer;
}
.bds24_portfolio_cover {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: auto;
border: 0px solid red;
padding-bottom: 100%;
}
.bds24_portfolio_content {
height: 60%;
background-color: white;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bds24_title {
font-size: 24px;
font-weight: 600;
}
.bds24_title > a {}
.bds24_portfolio_content > a {
text-decoration: underline;
font-weight: 300;
} @media screen and (max-width: 768px) {
.bds24_portfolio_item {
display: block;
}
.bds24_portfolio_cover {
width: 100%;
height: 150px;
}
.bds24_portfolio_content {
height: auto;
padding: 20px;
}
} .bds_portfolio_wrapper{
width: 100%;
height: 600px;
float:left;
}
.bds_portfolio_items{
position:Absolute;
top: 0px;
left: 0px;
width: 100%;
height: 600px;
}
.bds_portfolio_item{
background-color: #c3c1b4;
position:relative;
width: 260px;
height: 600px;
float:left;
margin-right: 15px;
}
.bds_fader,
.bds_portfolio_item_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
z-index: 2;
}
.bds_fader{
background: linear-gradient(284deg, rgba(115,115,96,0.6307116596638656) 0%, rgba(112,112,85,1) 100%);
z-index: 3;
opacity: 0;
transition-duration:.4s;
}
.bds_portfolio_item:hover > .bds_fader{
opacity: 1;
}
.bds_portfolio_title {
position: absolute;
top: -10px;
left: 23px;
transform: rotate(90deg);
transform-origin: bottom left;
font-size: 35px;
width: calc(600px - 40px);
color: white;
font-family: "giarek";
} .nf-field-container {
font-family: 'Roboto', sans-serif;
} .nf-field-label label {
color: #050D9E; display: none;
} .nf-field-element input[type="submit"] {
width: 100%; padding: 10px;
border: none;
background-color: #0073e6;
color: white;
cursor: pointer;
} .nf-field-element .nf-button {
width: 100%; padding: 10px;
border: none;
background-color: #0073e6;
color: white;
cursor: pointer;
} .nf-field-element input[type="text"],
.nf-field-element input[type="email"],
.nf-field-element input[type="number"],
.nf-field-element input[type="password"],
.nf-field-element textarea,
.nf-field-element select {
width: 100%; border-radius: 5px; border: none; padding: 10px; background-color: #F5F5F5; color: #000; } .nf-field-element input::placeholder,
.nf-field-element textarea::placeholder {
color: #000;
} .nf-field-element input:focus,
.nf-field-element textarea:focus,
.nf-field-element select:focus {
outline: none;
box-shadow: 0 0 0 2px #050D9E; } .nf-field-element > select, 
.nf-field-element > input, .nf-field-element > textarea {
border: 0px solid red!important;
background-color: #ededed!important;
border-radius: 5px!important;
}
#nf-field-10:focus,
#nf-field-10:active,
#nf-field-10:hover,
#nf-field-10{
background-color: #737360!important;
color: white;
font-weight: 700;
font-size: 16px;
padding: 10px;
border-radius: 5px;
border: none;
cursor: pointer;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}