.rowftdcateg{
    display: flex;
}
.backgroundcentercateg{
    border: 5px solid;
    display: block;
    background: rgba(0, 0, 0, 0.7);
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(-35deg, rgba(180,144,58,0.7) 0%, rgba(214,182,95,0.7) 11%, rgba(213,182,122,0.7) 20%, rgba(255,229,166,0.7) 27%, rgba(214,182,95,0.7) 40%, rgba(149,113,34,0.7) 57%, rgba(71,52,13,0.7) 76%, rgba(149,113,34,0.7) 80%, rgba(68,50,12,0.7) 81%, rgba(149,113,34,0.7) 100%);
    width: 75%;
    margin: 0 auto;
    padding: 40px 70px;
    text-align: center;
}
.textftdcateg{
    font-size: 27px;
    font-weight: 300;
    color: #fff;
    font-family: "Titlu", sans-serif;
}
.txx{
    background: linear-gradient(129deg, rgba(186,145,58,1) 0%, rgba(255,229,166,1) 34%, rgba(214,182,95,1) 68%, rgba(212,187,134,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    padding: 0 16px;
    display: inline-flex;
    align-items:center;
    border: 3px solid;
    border-image-slice: 1;
    margin-top: 20px;
    border-width: 3px;
    border-image-source: linear-gradient(129deg, rgba(186,145,58,1) 0%, rgba(255,229,166,1) 34%, rgba(214,182,95,1) 68%, rgba(212,187,134,1) 100%);
}
.txx svg {
    height: 30px;
}
.txx svg path {
    stroke: #E3C576;
}

.boxabsolute:hover .txx{
    animation: animationtxx 5s infinite;
}
@keyframes animationtxx{
0% {
    border-image-source: linear-gradient(129deg, rgba(186,145,58,1) 0%, rgba(255,229,166,1) 34%, rgba(214,182,95,1) 68%, rgba(212,187,134,1) 100%);
}
50% {
    border-image-source: linear-gradient(-35deg, rgba(180, 144, 58, 0.7) 0%, rgba(214, 182, 95, 0.7) 11%, rgba(213, 182, 122, 0.7) 20%, rgba(255, 229, 166, 0.7) 27%, rgba(214, 182, 95, 0.7) 40%, rgba(149, 113, 34, 0.7) 57%, rgba(71, 52, 13, 0.7) 76%, rgba(149, 113, 34, 0.7) 80%, rgba(68, 50, 12, 0.7) 81%, rgba(149, 113, 34, 0.7) 100%);
}
100% {
    border-image-source: linear-gradient(129deg, rgba(186,145,58,1) 0%, rgba(255,229,166,1) 34%, rgba(214,182,95,1) 68%, rgba(212,187,134,1) 100%);
}
}
.boxabsolute:hover .backgroundcentercateg{
    animation: animationcentercateg 5s infinite;
}
@keyframes animationcentercateg{
0% {
    border-image-source: linear-gradient(-35deg, rgba(180, 144, 58, 0.7) 0%, rgba(214, 182, 95, 0.7) 11%, rgba(213, 182, 122, 0.7) 20%, rgba(255, 229, 166, 0.7) 27%, rgba(214, 182, 95, 0.7) 40%, rgba(149, 113, 34, 0.7) 57%, rgba(71, 52, 13, 0.7) 76%, rgba(149, 113, 34, 0.7) 80%, rgba(68, 50, 12, 0.7) 81%, rgba(149, 113, 34, 0.7) 100%);
}
50% {
    border-image-source: linear-gradient(129deg, rgba(186,145,58,1) 0%, rgba(255,229,166,1) 34%, rgba(214,182,95,1) 68%, rgba(212,187,134,1) 100%);
}
100% {
    border-image-source: linear-gradient(-35deg, rgba(180, 144, 58, 0.7) 0%, rgba(214, 182, 95, 0.7) 11%, rgba(213, 182, 122, 0.7) 20%, rgba(255, 229, 166, 0.7) 27%, rgba(214, 182, 95, 0.7) 40%, rgba(149, 113, 34, 0.7) 57%, rgba(71, 52, 13, 0.7) 76%, rgba(149, 113, 34, 0.7) 80%, rgba(68, 50, 12, 0.7) 81%, rgba(149, 113, 34, 0.7) 100%);
}
}
.marginftdcateg{
    margin: 48px auto;
}
.rowspecials{
    display: grid;
    grid-template-columns: repeat(3, 12fr);
    gap: 2px
}
.numemodule{
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    color: #000;
    font-family: "Titlu", sans-serif;
    padding: 70px 0;
    margin-bottom: 0;
}
.bgftdhero{
    position: relative;
    overflow: hidden;
    border: solid 5px transparent;
    transition: all 0.5s ease-in-out;
}
.bgftdhero:hover {
    border: 5px solid;
    display: block;
    background: rgba(255, 255, 255, 0.7);
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(105deg, rgba(180, 144, 58, 0.7) 0%, rgba(214, 182, 95, 0.7) 11%, rgba(213, 182, 122, 0.7) 20%, rgba(255, 229, 166, 0.7) 27%, rgba(214, 182, 95, 0.7) 40%, rgba(149, 113, 34, 0.7) 57%, rgba(71, 52, 13, 0.7) 76%, rgba(149, 113, 34, 0.7) 80%, rgba(68, 50, 12, 0.7) 81%, rgba(149, 113, 34, 0.7) 100%);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.51);
}
.bgftdhero:hover .backgroundcenterspecial{
    background: rgba(0, 0, 0, 0.7)
}
.bgftdhero:hover .txtoferta, .bgftdhero:hover .numeoferta, .bgftdhero:hover .pretoferta{
    color: #fff;
}
.bgftdhero:hover .detaliispecial{
    background: #fff;
    color: #000;
}
.imghero{
    transition: all 2s ease-in-out;
}
.bgftdhero:hover .imghero {
    transform: scale(1.1);
}
.backgroundcenterspecial {
    border: 5px solid;
    display: block;
    background: rgba(255, 255, 255, 0.7);
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(105deg, rgba(180, 144, 58, 0.7) 0%, rgba(214, 182, 95, 0.7) 11%, rgba(213, 182, 122, 0.7) 20%, rgba(255, 229, 166, 0.7) 27%, rgba(214, 182, 95, 0.7) 40%, rgba(149, 113, 34, 0.7) 57%, rgba(71, 52, 13, 0.7) 76%, rgba(149, 113, 34, 0.7) 80%, rgba(68, 50, 12, 0.7) 81%, rgba(149, 113, 34, 0.7) 100%);
    width: 75%;
    margin: 0 auto;
    padding: 40px 70px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.rowarhitecti{
    display: grid;
    grid-template-columns: calc(50% - 120px) 50%;
    gap: 120px;
}
.arhitecti{
    margin-top: 160px;
}
.rowimgarhi{
    display: grid;
    grid-template-columns: auto auto;
    gap: 1px;
    margin-bottom: 1px;
}
.rowimgarhi img {
    max-width: 100%;
}
.titluarhitecti{
    font-size: 36px;
    font-family: "Titlu", sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 60px;
}
.textarhitecti{
    color: #272727;
    font-size: 16px;
    font-weight: 300;
}
.rowiconarhitecti{
    display: grid;
    grid-template-columns: 12fr 12fr 12fr;
    text-align: center;
    margin: 50px 0;
}
.denumireiconarhitecti{
    font-size: 15px;
    font-weight: 700;
    color: #272727;
    margin-top: 10px;
}
.bgshowroom{
    background: #f4f4f4;
    padding: 160px 0;
}
.rowshowroom{
    display: grid;
    grid-template-columns: repeat(2, 50%);
}
.rowshowroom img {
    max-width: 100%;
}
.showroombox{
    background: #fff;
    padding: 73px;
    height: 100%;
}
.titleshowroombox{
    font-size: 36px;
    font-weight: 300;
    color: #000;
    font-family: "Titlu", sans-serif;
    margin-bottom: 50px;
}
.subtitleshowroombox{
    font-size: 16px;
    font-weight: 700;
    color: #272727;
    margin-bottom: 20px;
}
.texshowroombox{
    font-size: 16px;
    font-weight: 300;
    color: #272727;
}
.rowcontacthome{
    display: grid;
    grid-template-columns: repeat(2, 12fr);
    gap: 145px;
}
.bgcontacthome{
    background: url(../image/bgcontacthome.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 160px 0;
}
.hartacontacthome{
    border: 2px solid;
    display: block;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(90deg, rgba(180,157,131,1) 0%, rgba(255,232,198,1) 30%, rgba(229,220,207,1) 50%, rgba(255,232,198,1) 72%, rgba(183,155,124,1) 100%);
}
.boxcontacthome{
    border: 2px solid;
    display: block;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(90deg, rgba(180,157,131,1) 0%, rgba(255,232,198,1) 30%, rgba(229,220,207,1) 50%, rgba(255,232,198,1) 72%, rgba(183,155,124,1) 100%);
    padding: 100px 140px 0;
    height: 100%;
}
.titluboxcontacthome{
    font-family: "Titlu", sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 60px;
}
.inputcontacthome{
    background: transparent;
    border: none;
    border-bottom: solid 1px #574941;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 40px;
}
.inputcontacthome::placeholder{
    opacity: 0.4;
}
.btntrimitecontact{
    font-size: 12px;
    font-weight: 400;
    color: #000;
    height: 34px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
    border: 2px solid;
    background: rgba(255, 255, 255, 1);
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(129deg, rgba(186, 145, 58, 1) 0%, rgba(255, 229, 166, 1) 34%, rgba(214, 182, 95, 1) 68%, rgba(212, 187, 134, 1) 100%);
}
.picftdcateg{
    overflow: hidden;
}
.picftdcateg img{
    transition: 2s ease-in-out
}
.picftdcateg:hover img{
    transform: scale(1.1);
}