html,
body {
    font-family: 'Poppins', sans-serif !important;
    height: 100%;
    background: #F4F7F6;
}

.noscroll{
    overflow: hidden;
}

/* Scrollbar */

/* width */
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
*::-webkit-scrollbar-track {
    background: rgba(241, 241, 241, 0);
}

/* Handle */
*::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* width */
.arhitect-page .box::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.arhitect-page .box::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.arhitect-page .box::-webkit-scrollbar-thumb {
    background: #f7f7f7;
    border-radius: 4px;
}

/* Handle on hover */
.arhitect-page .box::-webkit-scrollbar-thumb:hover {
    background: var(--color-2);
    transition: 0.2s;
}

/* End of Scrollbar */

/* Loading */
.notLoadedBody{
    overflow-y: hidden !important;
}

.hidden{
    display: none !important;
}

iframe{
    max-width: 100%;
}

.loading-wrapper{
    position: fixed;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 999999999;
    text-align: center;
}

.loading-icon img{
    height: 40px;
    max-width: 100%;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.loading-wrapper .spinner{

}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    background: var(--color-1);
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    background: var(--color-1);
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    background: var(--color-1);
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    background: var(--color-1);
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}



/* End of Loading */

#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto 0px;
    /* Pad bottom by footer height */
    padding: 0 0 0px;
    padding-top: 30px;
}

#footer {
    height: 60px;
    background-color: #f5f5f5;
}

.footer-promo-links a:hover{
    color: var(--color-3) !important;
    cursor: pointer;
    transition: 0.2s;
}

.pre-footer{
    background-color: #1B1921;
}

.logo-image{
    height: 25px;
    max-width: 100%;
}

.primary-btn{
    background-color: var(--color-1);
    color: white !important;
    border: 1px solid var(--color-1);
    padding: 10px 25px;
    font-size: 16px;
}

.primary-btn:hover{
    background-color: white;
    color: var(--color-1) !Important;
    cursor: pointer;
    transition: 0.2s;
}

.secondary-btn{
    background-color: white;
    color: var(--color-1) !Important;
    border: 1px solid var(--color-1);
    padding: 10px 25px;
    font-size: 16px;
}

.secondary-btn:hover{
    background-color: var(--color-1);
    color: white !Important;
    cursor: pointer;
    transition: 0.2s;
}

.bg-light{
    background-color: white !important;
}

.navbar.bg-light{
    box-shadow: none;
    height: 68px;
}

.navbar-light .navbar-nav .nav-link{
    color: #151515;
}

.navbar .auth a{
    border: 1px solid black;
    padding: 3px 15px !important;
    margin-left: 10px;
}

.navbar .auth:hover > a{
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    color: white !important;
    transition: 0.2s;
}

@media (min-width: 992px){
    .navbar-nav{
        align-items: center;
    }
}

@media (max-width: 992px){
    .hide-on-mobile{
        display: none;
    }
}

@media (min-width: 992px) AND (max-width: 1200px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 13px;
    }
}

@media (max-width: 992px){
    .navbar .nav-link{
        font-size: 22px;
        text-align: center;
    }

    .nav-item.icon img{
        height: 22px !important;
        max-height: 22px !Important;
        max-width: 100%;
    }
}

.nav-item.icon img{
    max-height: 16px;
    max-width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mobile-menu-toggler img{
    max-height: 30px;
    max-width: 100%;
}


.mobile-menu-toggler{
    display: none;
    position: absolute;
    top: 18px;
    right: 18px;
}

.close-mobile-menu{
    display: none;
}

@media (max-width: 992px){
    .mobile-menu-toggler{
        display: block;
    }

    ul.navbar-nav{
        display: none;
    }

    .open-mobile-menu{
        padding: 55px;
        display: flex !important;
        position: fixed !important;
        min-height: 100vh;
        overflow-y: auto;
        width: 100%;
        z-index: 9999;
        background-color: white;
        top: 0px;
        left: 0px;
        align-items: center;
        justify-content: center;
        transition: 0.2s;
    }

    .open-mobile-menu .close-mobile-menu{
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 18px;
        right: 18px;
        width: 30px;
        height: 30px;
        background-color: white;
    }

    .open-mobile-menu .close-mobile-menu img{
        max-height: 30px;
        max-width: 100%;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        padding-top: 15px;
        padding-bottom: 15px;
    }



    .blocked-body{
        overflow: hidden;
    }
}

/* Footer */


.main-footer{
    background-color: #06202f;
    color: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.main-footer .footer-logo{
    max-height: 30px;
    max-width: 100%;
}

.main-footer .links h4{
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin-bottom: 15px;
}

.main-footer .links a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: white;
    opacity: 0.6;
    margin-bottom: 7px;
}

.main-footer .links a:last-child{
    margin-bottom: 0px;
}

.main-footer .footer-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.main-footer .footer-bottom .right{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 30px;
}

.footer-menu{
    display: flex;
    align-items: center;
}

.main-footer .footer-bottom .right .footer-menu a{
    margin-right: 30px;
    color: white;
    font-weight: 600;
}

.main-footer .footer-bottom .right .footer-menu a:last-child{
    margin-right: 0px;
}

.main-footer .footer-bottom .left p{
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.6;
}

.main-footer .footer-menu .social-icon img{
    max-height: 30px;
    max-width: 100%;
}

@media (max-width: 992px){
    .main-footer{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-footer .footer-logo{
        margin-bottom: 50px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .main-footer .footer-bottom{
        margin-top: 20px;
    }

    .main-footer .links{
        margin-bottom: 30px;
    }

    .main-footer .footer-bottom{
        flex-direction: column;
    }

    .main-footer .footer-menu{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .main-footer .footer-bottom .right{
        margin-left: 0px;
    }

    .main-footer .footer-bottom .right .footer-menu a{
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .main-footer .footer-bottom .left{
        order: 2;
        margin-top: 30px;
    }
}

.arhispec-magazin{
    display: flex;
    flex-direction: column;
}

.arhispec-magazin img{
    display: block;
    margin-bottom: 15px;
    height: 100%;
    max-width: 140px;
    margin-top: 10px;
}

@media (max-width: 992px){
    .arhispec-magazin img{
        margin-left: auto;
        margin-right: auto;
    }
}

.arhispec-magazin .name{
    font-size: 14px;
    opacity: 0.4;
    font-weight: 300;
}

/* End of Footer */



/* Hover My Account */

.navbar-nav{
    position: relative;
}

.hover-my-account-wrapper{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 700;
    margin-top: 60px;
    transition: 0.8s !important;
}

.hover-my-account-wrapper .hover-part{
    height: 60px;
    width: 165px;
    z-index: 700;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: -60px;
}

.header-main-icons .cart{
    z-index: 700;
}

.hover-my-account{
    background-color: white;
    width: 300px;
    display: block;
    box-shadow: 0 0 20px 0 #0000000f;
    border-radius: 4px;
    z-index: 999980;
    transition: 0.8s !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hover-my-account:hover{
    box-shadow: 0 0 20px 0 #0000000f !important;
}

.hover-my-account .items a{
    color: black;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hover-my-account .items a i{
    margin-right: 10px;
    font-size: 28px;
    line-height: 0px;
    color: var(--primary);
}

@media (max-width: 992px){
    .hover-my-account-wrapper{
        display: none !important;
    }
}

/* End of Hover My Account */


/* Home Slider */

#slider{
    min-height: calc(100vh - 70px);
    padding: 0px;
    background: url('/assets/images/slider.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

#slider .wrapper{
    background-color: rgba(255, 255, 255, 0.94);
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    text-align: center;
}

#slider .wrapper h1{
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 30px;
}

#slider .wrapper h1 strong{
    color: var(--color-5);
    font-weight: inherit;
}

@media (max-width: 1300px){
    #slider .wrapper h1{
        font-size: 28px;
        line-height: 38px;
    }
}

#slider .wrapper h4{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 30px;
}

#slider .search-wrapper{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex: 1;
    align-items: center;
    background-color: white;
    padding: 5px;
}

#slider .search-wrapper .input-wrapper{
    flex: 1;
}

#slider .search-wrapper input{
    width: 100%;
}

#slider select{
    color: #2E2E2E;
    border-radius: 2px;
    padding: 10px 20px;
    border: 0px;
    font-size: 16px;
    font-weighT: 600;
    background-color: white;
    background-image: url(/assets/images/down-arrow.svg);
    background-size: 12px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-color: white;
    background-position: calc(100% - 15px) 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#slider .input-wrapper input{
    border: 0px;
    font-size: 16px;
    font-style: italic;
    padding-left: 20px;
    height: 40px;
    background-color: white;
    border-left: 1px solid #0404040d;
    margin-left: 10px;
}

#slider .action button{
    background-color: var(--color-5);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
    height: 44px;
    width: 44px;
    border: 0px;
    font-size: 22px;
}

@media (max-width: 992px){
    #slider .wrapper h1{
        font-size: 24px;
        line-height: 32px;
    }

    #slider .wrapper{
        padding: 30px;
        width: 90%;
    }

    #slider .search-wrapper{
        flex-wrap: wrap;
    }

    #slider .search-wrapper .type{
        display: none;
    }

    #slider .input-wrapper{
        width: 100%;
    }

    #slider .input-wrapper input{
        border-left: 0px;
        margin-left: 0px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    #slider .wrapper h1 strong{
        display: block;
        width: 100%;
    }
}

/* End of Home Slider */



/* Section Row */

.section-full{
    padding: 35px;
}

.section .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

@media(max-width: 992px){
    .section .title{
        margin-bottom: 5px;
    }
}


.section .title a{
    font-size: 12px;
    font-weight: 400;
    padding: 7px 12px;
    border: 1px;
}


.s1 .title .separator{
    background-color: var(--color-1);
}

.s1 .title a{
    color: var(--color-1);
    border: 1px solid var(--color-1);
}

.s1 .title a:hover{
    background-color: var(--color-1);
    color: white;
    transition: 0.2s;
}

.s2 .title .separator{
    background-color: var(--color-2);
}

.s2 .title a{
    color: var(--color-2);
    border: 1px solid var(--color-2);
}

.s2 .title a:hover{
    background-color: var(--color-2);
    color: white;
    transition: 0.2s;
}

.s3 .title .separator{
    background-color: var(--color-3);
}

.s3 .title a{
    color: var(--color-3);
    border: 1px solid var(--color-3);
}

.s3 .title a:hover{
    background-color: var(--color-3);
    color: white;
    transition: 0.2s;
}

.s4 .title .separator{
    background-color: var(--color-4);
}

.s4 .title a{
    color: var(--color-4);
    border: 1px solid var(--color-4);
}

.s4 .title a:hover{
    background-color: var(--color-4);
    color: white;
    transition: 0.2s;
}

.s5 .title .separator{
    background-color: var(--color-5);
}

.s5 .title a{
    color: var(--color-5);
    border: 1px solid var(--color-5);
}

.s5 .title a:hover{
    background-color: var(--color-5);
    color: white;
    transition: 0.2s;
}

.section .title .left h4{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 15px;
}

.section .title .left .separator{
    min-height: 3px;
    width: 40px;
}

.grid-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 25px;
}

@media (max-width: 1200px){
    .grid-2{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .grid-2 {
        grid-template-columns: 1fr;
    }
}

.grid-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 25px;
}

@media (max-width: 1200px){
    .grid-3{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .grid-3 {
        grid-template-columns: 1fr;
    }
}

.grid-4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 25px;
}

@media (max-width: 1200px){
    .grid-4{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px){
    .grid-4{
        grid-template-columns: 1fr;
    }

    .section .title{
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
    }

    .section .title .left{
        margin-bottom: 15px;
    }

    .section .title .right{
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .inspiratie-section-product{
        margin-top: 25px;
        padding-bottom: 40px;
    }

    .section-same-category-products{
        margin-top: 25px !important;
    }
}

.grid-5{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 25px;
}

@media (max-width: 1200px){
    .grid-5{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .grid-5 {
        grid-template-columns: 1fr;
    }
}

.box{
    min-height: 200px;
}

.box .image-wrapper{
    height: 220px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.box .image-wrapper img{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.product-box .image-wrapper{
    background-color: white;
}

.product-box .image-wrapper img{
    object-fit: contain;
    max-height: 100%;
}

.box .title-bar{
    background-color: white;
    padding: 15px 20px;
}

.box .title-bar p{
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 8px;
    font-weight: 500;
}

.box .title-bar .owner{
    display: flex;
    align-items: center;
}

.box .title-bar .owner .logo{
    background-color: black;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    flex: none;
}

.box .title-bar .owner .logo span{
    line-height: 0px;
}

.box .title-bar .owner .name{
    font-size: 12px;
    font-weight: 400;
}

@media (max-width: 992px){
    .box .title-bar .owner .logo{
        width: 18px;
        height: 18px;
        border-radius: 9px;
        font-size: 10px;
    }

    .box .title-bar p{
        font-size: 14px;
        line-height: 20px;
    }
}

/* End of Section Row */


/* Domains Slider */

.domains-slider{
    width: 100%;
    height: 70px;
}

.domains-slider .swiper-slide{
    width: 164px;
    height: 70px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    text-align: center;
}

.swiper-wrapper {
    transition-timing-function: linear;
    transition: 0.1s;
}

.domains-slider .swiper-slide .image-wrapper{
    overflow: hidden;
    background-color: black;
    position: absolute;
    top: 0px;
    z-index: 101;
    width: 100%;
    display: flex;
    height: 100%;
    border-radius: 2px;
}

.domains-slider .swiper-slide .image-wrapper img{
    opacity: 0.6;
    object-fit: cover;
    width: 100%;
    object-position: center;
    border-radius: 2px;
    transition: transform .2s; /* Animation */
}

.domains-slider .swiper-slide p{
    z-index: 102;
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(25, 25, 25, 0.38);
}

.domains-slider .swiper-slide:hover > .image-wrapper img{
    transform: scale(1.1);
}


/*.domains-slider .d1{
    background: url('/assets/images/category-temp.jpg') rgba(0, 0, 0, 0.5);
}*/

.swiper-button-prev{
    justify-content: flex-start !important;
    padding-left: 10px;
    z-index: 100 !important;
    opacity: 1 !important;
    height: 100% !important;
    margin-top: 0px !important;
    top: 0px !important;
    width: 100px !important;
    margin-left: 0px !important;
    left: 0px !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    z-index: 900 !important;
}

.swiper-button-next{
    justify-content: flex-end !important;
    padding-right: 10px;
    z-index: 100 !important;
    opacity: 1 !important;
    height: 100% !important;
    margin-top: 0px !important;
    top: 0px !important;
    width: 100px !important;
    margin-right: 0px !important;
    right: 0px !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 900 !important;
}

.swiper-button-prev:after{
    content: 'prev';
    font-size: 13px !important;
    padding-right: 2px  !important;
    color: var(--color-1)  !important;
    font-weight: bold  !important;
    background-color: white  !important;
    width: 30px  !important;
    height: 30px  !important;
    border-radius: 15px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

.swiper-button-next:after{
    content: 'next';
    font-size: 13px !important;
    padding-left: 1px  !important;
    color: var(--color-1)  !important;
    font-weight: bold  !important;
    background-color: white  !important;
    width: 30px  !important;
    height: 30px  !important;
    border-radius: 15px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

.domains-slider .swiper-wrapper{
    justify-content: center
}

/* End of Domains Slider */



/* Producatori row */

.vendor-box{
    position: relative;
}

.gold-arhitect-box{
    border: 2px solid var(--color-3);
}

.vendor-box.vip-box{
    border: 2px solid #fbcd4b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.vendor-box .logo{
    position: absolute;
    top: 90px;
    width: 80px;
    height: 80px;
    background-color: #f4f7f6;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    left: calc(50% - 40px);
}


.vendor-box .title-bar p{
    margin-bottom: 0px;
    margin-top: 40px;
    text-align: center;
}

.vendor-box .logo img{
    height: auto;
    max-width: 80%;
}

.vendor-box .image-wrapper{
    height: 130px;
    background-color: #e2e2e2;
}

/* End of Producatori row */


/* Architects Home Row */


.grid-6{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 4px;
    place-items: start;
}

.architect-box{
    background-color: white;
    width: 100%;
    min-height: unset;
    position: relative;
}

.architect-box img{
    width: 100%;
    overflow: hidden;
}

.architect-box .image-wrapper{
    position: absolute;
    top: 0px;
    z-index: 101;
    width: 100%;
    display: flex;
    height: 100%;
}

.architect-box .image-wrapper img{
    object-fit: cover;
    object-position: center;
    transition: transform .2s; /* Animation */
}

.architect-box .info-wrapper{
    position: absolute;
    top: 0px;
    z-index: 102;
    height: 100%;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1,1,1,0.35477941176470584) 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: white;
    padding: 15px;
}

.architect-box:hover > .info-wrapper{
    cursor: pointer;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1, 1, 1, 0.48) 100%);
    transition: 0.2s;
}

.architect-box:hover > .image-wrapper img{
    transform: scale(1.1);
}

.architect-box .info-wrapper p{
    margin-bottom: 0px;
}

.architect-box .info-wrapper .name{
    FONT-WEIGHT: 500;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0px;
}

.architect-box .info-wrapper .owner{
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
    opacity: 0.8;
}

.architect-box::before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 0;
    padding-bottom: 100%;
}

@media (max-width: 1200px){
    .grid-6{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 992px){
    .grid-6{
        grid-template-columns: 1fr 1fr;
    }
}

.architects-home-section{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px !important;
}

.architects-home-section .title{
    padding-left: 33px;
    padding-right: 33px;
}

.section{
    padding-top: 50px;
    padding-bottom: 50px;
}

/* End of Architects Home Row */



/* Last search home */

.home-last-search .search-wrapper{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex: 1;
    align-items: center;
    background-color: white;
    padding: 5px;
}

.home-last-search .search-wrapper .input-wrapper{
    flex: 1;
}

.home-last-search .search-wrapper input{
    width: 100%;
}

.home-last-search .wrapper{
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.home-last-search .texts{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
}

.home-last-search .texts strong{
    font-weight: 900;
    font-size: 30px;
    padding-left: 3px;
}

.home-last-search .texts .s1 strong{
    color: var(--color-5);
}

.home-last-search .texts .s2 strong{
    color: var(--color-3);
}

.home-last-search .texts .s3 strong{
    color: var(--color-2);
}

.home-last-search .texts div{
    margin-right: 15px;
    margin-left: 15px;
}

@media (max-width: 992px){
    .home-last-search .wrapper{
        max-width: 100%;
        width: 100%;
    }
}

.home-last-search select{
    color: #2E2E2E;
    border-radius: 2px;
    padding: 10px 20px;
    border: 0px;
    font-size: 16px;
    font-weighT: 600;
    background-color: white;
    background-image: url(/assets/images/down-arrow.svg);
    background-size: 12px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-color: white;
    background-position: calc(100% - 15px) 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.home-last-search .input-wrapper input{
    border: 0px;
    font-size: 16px;
    font-style: italic;
    padding-left: 20px;
    height: 40px;
    background-color: white;
    border-left: 1px solid #0404040d;
    margin-left: 10px;
}

.home-last-search .action button{
    background-color: var(--color-5);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
    height: 44px;
    width: 44px;
    border: 0px;
    font-size: 22px;
}

.home-last-search{
    padding-top: 70px;
    padding-bottom: 70px;
}

@media (max-width: 992px){
    .home-last-search .wrapper h1{
        font-size: 24px;
        line-height: 32px;
    }

    .home-last-search .wrapper{
        padding: 10px;
        width: 100%;
    }

    .home-last-search .search-wrapper{
        flex-wrap: wrap;
    }

    .home-last-search .search-wrapper .type{
        display: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .home-last-search .input-wrapper{
        width: 100%;
    }

    .home-last-search .input-wrapper input{
        border-left: 0px;
        margin-left: 0px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    .home-last-search .wrapper h1 strong{
        display: block;
        width: 100%;
    }

    .home-last-search .texts{
        font-size: 20px;
        flex-wrap: wrap;
    }

    .home-last-search{
        padding-top: 20px;
        padding-bottom: 30px;
    }
}
/* End of Last search home */


/* Blog section Home */

.blog-box .title-bar{
    border: 1px solid #E1E3E5;
    border-top: 0px;
}

.blog-box .image-wrapper{
    border-left: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
    border-right: 1px solid #e1e3e5;
}

/* End of Blog section Home */



/* Page Title */

.page-title{
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-title .wrapper{
    text-align: center;
}

.page-title .wrapper h1{
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 7px;
}

.page-title .wrapper p{
    margin-bottom: 0px;
    font-size: 14px;
}


.page-title.s1 .wrapper h1 strong, .page-title.s1 .wrapper p strong{
    color: var(--color-1);
}

.page-title.s2 .wrapper h1 strong, .page-title.s2 .wrapper p strong{
    color: var(--color-2);
}

.page-title.s3 .wrapper h1 strong, .page-title.s3 .wrapper p strong{
    color: var(--color-3);
}

.page-title.s4 .wrapper h1 strong, .page-title.s4 .wrapper p strong{
    color: var(--color-4);
}

.page-title.s5 .wrapper h1 strong, .page-title.s5 .wrapper p strong{
    color: var(--color-5);
}

/* End of Page Title */


/* Entity Search Bar */

.entity-search-bar .wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px){

    .entity-search-bar{
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
    }

    .entity-search-bar .wrapper{
        justify-content: flex-start;
        overflow-x: scroll;
        box-sizing: content-box; /* So the width will be 100% + 17px */
    }

    .entity-search-bar .wrapper .item{
        min-width: unset !important;
    }
}

.entity-search-bar .wrapper .search input{
    padding-right: 10px;
}

.entity-search-bar{
    border-top: 1px solid #E6EAEA;
    border-bottom: 1px solid #E6EAEA;
}

.entity-search-bar .wrapper .item{
    height: 60px;
    padding: 10px 20px;
    border-left: 1px solid #E6EAEA;
    border-right: 1px solid #E6EAEA;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px;
    font-size: 15px;
}

.entity-search-bar .wrapper .item.open{
    background-color: var(--color-2);
    color: white;
}

#textSearchTrigger.open{
    background-color: white !important;
    color: inherit !important;
}

.entity-search-bar .wrapper .item:hover{
    cursor: pointer;
}

.entity-search-bar .wrapper .item i{
    line-height: 0px;
}

.entity-search-bar .wrapper .item.with-arrow i{
    padding-left: 5px;
}

.clear-all i{
    font-size: 23px;
}

.categories-dropdown{
    margin-top: -1px;
    position: absolute;
    z-index: 900;
    background-color: white;
    padding: 27px;
    border: 1px solid #e6eaea;
    box-shadow: 0 0 20px 0 #00000014;
    left: 0px;
}

.categories-dropdown:hover{
    box-shadow: 0 0 20px 0 #00000014 !important;
}

.search-category-item{
    background-color: white;
    padding: 10px 25px;
    display: inline-flex;
    border: 1px solid #e6eaea;
    margin: 8px;
    font-weight: 500;
    font-size: 16px;
}

.search-category-item.selected{
    background-color: var(--color-2);
    color: white;
    transition: 0.2s;
}

.search-category-item.selected:hover{
    cursor: pointer !Important;
}

.search-category-item:hover{
    cursor: pointer !important;
    background-color: var(--color-2);
    color: white;
    transition: 0.2s;
}

#selectedItems{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px;
}

#selectedItems:empty{
    padding: 0px !important;
}

.selected-filters .filter{
    background-color: white;
    border: 1px solid #e6eaea;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 100px;
    margin: 5px;
    position: relative;
    padding-right: 40px;
}

.selected-filters .filter .remove{
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 20px;
    line-height: 0px;
    color: #e6e9e9;
}

.selected-filters .filter .remove:hover{
    cursor: pointer !important;
    color: var(--color-2);
    transition: 0.2s;
}

/* Entity Search Bar */


/* Pagination */

.pagination{
    flex-wrap: wrap;
    justify-content: center;
}

.pagination-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link{
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 36px;
    height: 36px;
    margin: 5px;
    border-radius: 20px;
    padding: 0px;
    color: #989898;
    font-weight: 500;
}

.pagination-wrapper ul.pagination{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.pagination .page-item.active .page-link{
    background-color: var(--color-2);
    color: white;
    border-radius: 0px;
}

.page-link:hover{
    background-color: var(--color-2) !important;
    color: white !important;
    border-radius: 0px;
}

.page-link{
    border-radius: 0px !important;
}

/* End of Pagination */


/* Architects Page */

.domains-architects-page{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* End of Architects Page */



/* Contact Form */

.contact-form{
    width: 600px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.input-row{
    width: 100%;
}

.input-row *{
    width: 100%;
}

.input-row.half{
    display: flex;
    justify-content: space-between;
}

.input-row.half .input-group{
    width: 50%;
}

.input-row.half .input-group:first-child{
    width: calc(50% - 25px);
}

@media (max-width: 992px){
    .input-row.half{
        flex-direction: column;
    }

    .input-row.half .input-group{
        width: 100%;
        margin-bottom: 1rem;
    }

    .input-row.half .input-group:last-child{
        margin-bottom: 0px;
    }

    .input-row.half .input-group:first-child{
        width: 100%;
    }
}

/* End of Contact Form */


/* Inputs */

::-webkit-input-placeholder { /* Edge */
    color: #2E2E2E;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2E2E2E;
}

::placeholder {
    color: #2E2E2E;
}

.input-group select{
    color: #2E2E2E;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #cecece;
    font-size: 16px;
    font-weighT: 600;
    background-color: white;
    background-image: url(/assets/images/down-arrow.svg);
    background-size: 12px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-color: white;
    background-position: calc(100% - 15px) 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-group textarea{
    color: #2E2E2E;
    width: 100%;
    min-height: 120px;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #cecece;
    font-size: 16px;
    font-weight: 600;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-group select:hover, .input-group input:hover, .input-group textarea:hover{
    border: 1px solid var(--primary);
    outline: none;
    transition: 0.2s;
}

.input-group select:focus, .input-group input:focus, .input-group textarea:focus{
    border: 1px solid var(--primary);
    outline: none;
    transition: 0.2s;
}

.input-group input{
    color: #2E2E2E;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid #cecece;
    font-size: 16px;
    font-weight: 600;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-group .notice{
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    opacity: 0.6;
}

label.error{
    font-size: 12px;
    margin-top: 5px;
    color: var(--red);
    font-style: italic;
}

/* End of Inputs */




/* Login */

.login-wrapper{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 66px);
    align-items: center;
    justify-content: center;
}

.login-wrapper .login-box{
    background-color: white;
    border-radius: 4px;
    padding: 30px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.full-width{
    width: 100%;
}


.login-box .actions{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.login-box .actions button{
    width: 100%;
    margin-bottom: 10px;
}

.login-box .actions button:last-child{
    margin-bottom: 0px !important;
}

.register-btn{
    font-weight: bold;
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 7px;
    color: var(--secondary);
}

.register-btn:hover{
    cursor: pointer;
    text-decoration: none;
    color: var(--primary);
    transition: 0.2s;
}

.forgot-link{
    font-weight: regular;
    font-size: 14px;
    margin-bottom: -15px;
    margin-top: 2px;
    color: var(--secondary);
    opacity: 0.3;
}

.forgot-link:hover{
    cursor: pointer;
    text-decoration: none;
    color: var(--primary);
    transition: 0.2s;
    opacity: 1;
}

.login-box .actions button.login-btn{
    background-color: white !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.login-box .actions button.login-btn:hover{
    background-color: var(--primary) !important;
    color: white !important;
    cursor: pointer !important;
    transition: 0.2s;
    border: 1px solid var(--primary);
}


.fb-login-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: white;
    width: 100%;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.fb-login-btn i{
    font-size: 28px;
    display: inline-flex;
}

.fb-login-btn:hover{
    text-decoration: none;
    color: var(--primary);
    background-color: white;
    transition: 0.2s;
}

.fb-login-btn span{
    font-size: 14px;
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    margin-left: 10px;
    font-weight: bold;
    line-height: 18px;
}

.sau-login{
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 15px;
    margin-bottom: 10px;
    opacity: 0.2;
}

.login-label{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.error-message-auth{
    background-color: #fee2e0 !Important;
    opacity: 1 !Important;
    padding: 10px 25px !Important;
    border-radius: 0px !Important;
    font-size: 14px !Important;
    font-weight: 600 !Important;
    color: var(--color-5) !Important;
    display: block !Important;
    margin-top: 0px !Important;
    margin-bottom: 20px !Important;
}

/* End of Login */



/* Listing Produse */

#overlay {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
}

/* End of Listing Produse */



/* Pagination */

.pagination{
    flex-wrap: wrap;
    justify-content: center;
}

.pagination-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -30px !important;
}

.pagination .page-link{
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 36px;
    height: 36px;
    margin: 5px;
    border-radius: 20px;
    padding: 0px;
    color: #989898;
    font-weight: 500;
}

.pagination .page-item.active .page-link{
    background-color: var(--red);
    color: white;
    border-radius: 4px;
}

.page-link:hover{
    background-color: var(--red) !important;
    color: white !important;
    border-radius: 4px;
}
/* End of Pagination */



/* Lazy loading */

img.lazy{
    background-image: url('/assets/images/placeholder.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* End of Lazy Loading */


/* Product Page */

.product-page .custom-breadcrumb{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    opacity: 0.4;
    margin-bottom: 10px;
}

.product-page .custom-breadcrumb .separator{
    margin-left: 5px;
    margin-right: 5px;
}

.product-page.page-title .title{
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-page.page-title .title h1{
    margin-bottom: 0px;
    max-width: 1000px;
}

.product-page.page-title .title .wishlist-wrapper{
    background-color: white;
    flex: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e6e6e6;
    border-radius: 18px;
    margin-left: 14px;
}

.product-page.page-title .title .wishlist-wrapper.inWishlist{
    background-color: var(--color-2);
    color: white;
    transition: 0.2s;
}


.producer-header .wrapper .right .title .wishlist-wrapper.inWishlist{
    background-color: var(--color-5);
    color: white;
}

.product-page.page-title .title .wishlist-wrapper:hover{
    background-color: var(--color-2);
    color: white;
    transition: 0.2s;
    cursor: pointer !important;
}


.product-page-categories .categories-wrapper a{
    background-color: white;
    border: 1px solid #e6eaea;
    font-size: 14px;
    flex: none;
    padding: 10px 20px;
    border-radius: 100px;
    margin: 5px;
    position: relative;
}

.product-page-categories .categories-wrapper a:hover{
    background-color: var(--color-2);
    color: white;
    border: 1px solid var(--color-2);
    transition: 0.2s;
    cursor: pointer !important;
}

.product-page-categories {
    background-color: white;
}

.product-page-categories .categories-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.product-page-categories{
    border-top: 1px solid #E6EAEA;
    border-bottom: 1px solid #E6EAEA;
}

.product-page .swiper-slide{
    justify-content: center;
    display: flex;
    align-items: center;
    max-height: 500px;
    border-radius: 4px;
    margin-right: 0px;
}

.product-page{
    border-radius: 4px;
}

.product-page .gallery-item-wrapper{
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.product-page .gallery-item-wrapper img{
    max-height: 100%;
    object-fit: cover;
    /*max-width: 100%;*/
}

.product-page .swiper-button-next:after, .product-page .swiper-button-prev:after{
    font-size: 25px !Important;
    color: black !important;
    opacity: 0.3;
}

.product-page .swiper-pagination-bullet{
    background-color: white !Important;
    opacity: 0.5 !important;
}

.product-page .company-details-wrapper{
    padding: 20px;
    padding-bottom: 90px;
    height: 100%;
}

.product-company-details-col{
    height: 100%;
}

@media (max-width: 992px){
    .product-page .company-details-wrapper{
        margin-top: 50px;
        max-height: inherit;
        height: inherit;
    }

    .product-company-details-col{
        height: inherit;
    }
}

.product-page .company-details-wrapper .logo-wrapper{
    background-color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.product-page .company-details-wrapper .logo-wrapper img{
    max-width: 100%;
    max-height: 100px;
}

.product-page .company-details-wrapper .name{
    text-transforM: capitalize;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.product-page .company-details-wrapper .name i{
    padding-left: 5px;
    color: var(--color-5);
}

.product-page .company-details-wrapper .contact-box{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.product-page .company-details-wrapper .contact-box:hover{
    cursor: pointer;
}

.product-page .company-details-wrapper .contact-box i{
    color: var(--color-5);
    font-size: 28px;
    margin-top: 3px;
}

.product-page .company-details-wrapper .contact-box:last-child{
    margin-bottom: 20px;
}

.product-page .company-details-wrapper .contact-box span{
    font-size: 14px;
    font-weight: 300;
    opacity: 0.4;
    display: block;
}

.product-page .company-details-wrapper .contact-box p{
    font-weight: 600;
}

.product-page .company-details-wrapper .action{
    margin-top: 10px;
    display: block;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}

.product-page .company-details-wrapper {
    position: relative;
}

.product-page .company-details-wrapper #offerTrigger{
    width: 100%;
}

.product-page #offerTrigger{
    background-color: var(--color-5);
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    display: inline-flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-5);
}

.product-page #offerTrigger i{
    color: white;
    font-size: 20px;
    margin-right: 5px;
}

.product-page #offerTrigger:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
    cursor: pointer !important;
}

.product-page #offerTrigger:hover > i{
    color: var(--color-5);
    transition: 0.2s;
}

#modalOfertare .offerSuccess{
    display: flex;
    flex-direction: column;
    padding: 35px;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#modalOfertare .offerSuccess img{
    max-height: 200px;
    margin-bottom: 50px;
    max-width: 100%;
}

#modalOfertare .offerSuccess p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}

.product-page .content p{
    margin-bottom: 15px;
}


@media(max-width: 992px){
    .section{
        padding: 20px !important;
    }
}

.product-page .company-details-mobile{
    display: none;
}

@media (max-width: 992px){
    .product-page .company-details-mobile{
        display: block;
    }
}


.product-page .specs-table table{
    width: 100%;
    overflow-x: auto;
}

.product-page .specs-table table thead{
    background-color: rgba(128, 128, 128, 0.18);
    color: black;
    font-size: 14px;
    font-weight: 600;
}

.product-page .specs-table table tr th, .product-page .specs-table table tr td{
    padding: 7px 10px;
}

.product-page .specs-table table tr td{
    font-size: 14px;
    font-weight: 400;
}

.wrapper-cataloage .box{

}

.wrapper-cataloage .box .image-wrapper{
    background-color: #ffdddd;
    min-height: 150px;
    position: relative;
}

.wrapper-cataloage .box .pdf-sign{
    background-color: var(--color-5);
    color: white;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 8px;
}

.wrapper-cataloage .box .title{
    background-color: white;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: bold;
    word-break: break-word;
}

.downloads-wrapper{
    width: 100%;
}

.downloads-wrapper .header{
    display: flex;
    flex-wrap: wrap;
}

.downloads-wrapper .header .item{
    display: flex;
    background-color: #ececec;
    padding: 5px 20px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-right: 40px;
    flex: none;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: 400;
}

.downloads-wrapper .header .item.selected{
    background-color: var(--color-5);
    color: white;
    font-weight: bold;
}

.downloads-wrapper .header .item:hover{
    background-color: var(--color-5);
    color: white;
    transition: 0.2s;
    cursor: pointer;
}

.downloads-wrapper .header .item span {
    font-size: 14px;
}

.downloads-wrapper .header .counter {
    position: absolute;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: black;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    line-height: 0px;
}

@media(max-width: 992px){
    .downloads-col{
        margin-top: 50px;
    }
}

.downloads-items{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    overflow-x: auto;
}

.downloads-items .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}

.downloads-items .item:last-child{
    margin-bottom: 0px;
}

.downloads-items .item .col1{
    width: 120px;
    padding-right: 15px;
}

.downloads-items .item .col1 img{
    height: 100px;
    max-width: 100%;
}

.downloads-items .item .col2{

}

.downloads-items .item .col3{
    width: 120px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.downloads-items .item .col4{
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.downloads-items .item a{
    background-color: var(--color-5);
    color: white !important;
    border-radius: 4px;
    font-size: 16px;
    padding: 5px 10px;
}

.downloads-items .item .preview-box{
    height: 50px;
    display: flex;
    background-color: #ff493417;
    color: #77282836;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    height: 70px;
    width: 60px;
    border-radius: 4px;
}

.downloads-items .item p{
    margin-bottom: 0px;
}

.downloads-items .item a:hover{
    background-color: white;
    color: var(--color-5) !important;
    transition: 0.2s;
    cursor: pointer;
}

/* End of Product Page */

/* Modal Ofertare */

#modalOfertare{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
}

#modalOfertare .wrapper{
    position: relative;
    width: 96%;
    max-width: 1000px;
    max-height: 90%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 610px;
}

#modalOfertare.executant-offer-modal .wrapper{
    position: relative;
    width: 96%;
    max-width: 1000px;
    max-height: 90%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 610px;
}

#modalOfertare .wrapper .left{
    min-height: inherit;
    position: relative;
    height: 100%;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#modalOfertare .wrapper .left .details{
    padding: 35px;
    height: 400px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1,1,1,0.35477941176470584) 100%);
}

#modalOfertare .wrapper .left .details h4{
    color: white;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-transform: capitalize;
}

#modalOfertare .wrapper .close{
    position: absolute;
    position: fixed;
    top: 30px;
    right: 30px;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.12);
}

#modalOfertare .wrapper .left .details .producer{
    display: flex;
    align-items: center;
    margin-top: 15px;
}

#modalOfertare .wrapper .left .details .producer .image{
    background-color: white;
    color: black;
    height: 40px;
    widtH: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    margin-right: 10px;
}

#modalOfertare .wrapper .left .details .producer p{
    margin-bottom: 0px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
}

#modalOfertare .wrapper .right{
    height: inherit;
    overflow-y: auto;
    width: 50%;
    max-height: 100%;
    padding: 35px !important;
}

#modalOfertare.executant-offer-modal .wrapper .right{
    width: 100%;
}

@media (min-width: 992px){
    #modalOfertare .wrapper .right{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#modalOfertare .wrapper .right .input-group{
    width: 100%;
    display: flex;
    flex-direction: column;
}

#modalOfertare .wrapper .right .input-group input{
    width: 100%;
    border-radius: 0px;
}

#modalOfertare .wrapper .right .input-group input:hover{
    border: 1px solid var(--color-5);
}

#modalOfertare .wrapper .right .input-group input:focus{
    border: 1px solid var(--color-5);
}

#modalOfertare .wrapper .right .input-group span{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    margin-top: 10px;
}

#modalOfertare .wrapper .right .half{
    display: flex;
    align-items: center;
    flex: 1;
}

#modalOfertare .wrapper .right .half .input-group:first-child{
    padding-right: 20px;
    width: 50%;
}

#modalOfertare .wrapper .right .half .input-group:last-child{
    width: 50%;
}

@media (max-width: 992px){
    #modalOfertare .wrapper .right .half{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex: 1;
    }

    #modalOfertare .wrapper .right .half .input-group:first-child{
        padding-right: 0px;
        margin-bottom: 15px;
        width: 100% !important;
    }

    #modalOfertare .wrapper .right .half .input-group:last-child{
        width: 100% !important;
    }
}

#modalOfertare .wrapper .right h4{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

#modalOfertare .action button{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    margin-top: 10px;
}

#modalOfertare .action button:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
    cursor: pointer;
}

@media (max-width: 992px) {
    #modalOfertare .wrapper {
        flex-direction: column;
    }

    #modalOfertare .wrapper {
        height: 90vh;
        overflow-y: auto;
    }

    #modalOfertare .wrapper .left {
        width: 100%;
    }

    #modalOfertare .wrapper .right {
        width: 100%;
    }

    #modalOfertare .wrapper .left {
        min-height: 250px;
    }

    #modalOfertare .wrapper .close {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 30px;
        color: rgb(0 0 0 / 35%);
        z-index: 999;
        background-color: #ffffff;
        height: 40px;
        width: 40px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* End of Modal Ofertare */




/* Producer Page */

.producer-header{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    min-height: 250px;
    background-blend-mode: multiply !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.producer-header .wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.producer-header .wrapper .left{
    flex: none;
    max-width: 90%;
    width: 300px;
    background-color: white;
    padding: 20px;
    border-radius: 6px;
    margin-right: 60px;
}

.producer-header .wrapper .left img{
    max-height: 160px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.producer-header .wrapper .right{
    max-width: calc(100% - 360px);
}

.producer-header .wrapper .right .title{
    display: flex;
    align-items: center;
}

.producer-header .wrapper .right .title h1{
    font-size: 35px;
    font-weight: bold;
    color: white;
    margin-bottom: 0px;
    line-height: 40px;
}

.producer-header .wrapper .right .title h1 strong{
    color: var(--color-5);
}


.producer-header .wrapper .right .title .wishlist-wrapper{
    background-color: white;
    flex: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e6e6e6;
    border-radius: 18px;
    margin-left: 14px;
}

.producer-header .wrapper .right .title .wishlist-wrapper:hover{
    background-color: var(--color-5);
    color: white;
    transition: 0.2s;
    cursor: pointer !important;
}

.producer-header .wrapper .categories .item{
    padding: 7px 25px;
    border-radius: 100px;
    border: 1px solid white;
    font-size: 14px;
    color: white;
    font-weight: 500;
    margin-right: 15px;
    margin-bottom: 5px;
}

.producer-header .wrapper .categories{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.producer-header .wrapper .categories:empty{
    margin-top: 0px;
}

.producer-header .wrapper .categories .item:hover{
    background-color: white;
    color: black;
    cursor: pointer;
    transition: 0.2s;
}

@media(max-width:992px){
    .producer-header .wrapper{
        flex-direction: column;
    }

    .producer-header .wrapper .left{
        width: 100%; margin-right: 0px;
    }

    .producer-header .wrapper .right{
        width: 100%;
        margin-top: 30px;
    }

    .producer-header .wrapper .right .title{
        justify-content: center;
    }

    .producer-header .wrapper .categories{
        justify-content: center;
    }
}

.tabs-bar{
    background-color: white;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.tabs-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs-wrapper .item{
    padding: 17px;
    padding-bottom: 13px;
    border-bottom: 4px solid white;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 500;
}

.tabs-wrapper .item.contact{
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-wrapper .item.contact i{
    font-size: 20px;
    margin-right: 5px;
}

.tabs-wrapper .item.selected{
    color: var(--color-5);
    border-bottom: 4px solid var(--color-5);
}

.tabs-wrapper .item:hover{
    border-bottom: 4px solid var(--color-5);
    transition: 0.2s;
    color: var(--color-5);
    cursor: pointer;
}

@media (max-width: 992px){
    .tabs-wrapper{
        flex-wrap: wrap;
    }

    .producer-header .wrapper .right{
        max-width: 100% !Important;
    }
}

.contact-info-producer .wrapper{
    display: block;
    width: 100%;
    text-align: center;
}

.contact-info-producer .wrapper h4{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.contact-info-producer .wrapper .items{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.contact-info-producer .wrapper .items .item{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 15px;
    margin-right: 40px;
}

.contact-info-producer .wrapper .items .item:last-child{
    margin-right: 15px;
}

.contact-info-producer .wrapper .items .item i{
    color: var(--color-5);
    font-size: 40px;
    margin-bottom: 10px;
}

.contact-info-producer .wrapper .items .item{
    background-color: white;
    height: 130px;
    width: 130px;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info-producer .wrapper .items .item:hover{
    cursor: pointer;
    background-color: var(--color-5);
    color: white;
    transition: 0.2s;
}

.contact-info-producer .wrapper .items .item:hover > i{
    color: white;
    transition: 0.2s;
}

/* End of Producer Page */




/* Domain Page */

.domain-page-header{
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-blend-mode: multiply;
}

.domain-page-header .title{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: white;
    margin-bottom: 0px;
}

@media(max-width: 992px){
    .architects-home-section .title{
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* End of Domain Page */




/* Domenii Constructie */

.domenii-constructie .domain-box .image-wrapper{
    min-height: 120px;
    height: 120px;
    background-color: rgba(0, 0, 0, 0.18) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.domenii-constructie .domain-box .title{
    background-color: white;
    font-weight: 500;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 992px){
    .domenii-constructie{
        margin-top: -5px;
    }
}

/* End of Domenii Constructie */


/* Producatori */

.producer-cover-empty{
    border: 1px solid #e2e2e2 !important;
}



/* End of Producatori */



/* Inregistrare */


/* End of Inregistrare */




/* My Account */

.my-account-header h1.username{
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    line-height: 28px;
}

.my-account-header .avatar{
    background-color: white;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.my-account-header .company-logo{
    background-color: white;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.my-account-header .company-logo img{
    max-height: 60px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
}

.my-account-header{
    background-color: #F4F7F6;
}

.my-account-header .avatar span{
    line-height: 0px;
    font-size: 30px;
    font-weight: bold;
    opacity: 0.1;
}

.my-account-header span.role{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 300;
    letter-spacing: 2px;
    opacity: 0.3;
    text-transforM: uppercase;
}

.my-account-header.producer{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-blend-mode: multiply !important;
}

.my-account-header.producer{
    color: white;
}

.my-account-header.producer span.role{
    opacity: 1;
}

.my-account-header.producer span.role{
    position: relative;
}

.producer-type-box.silver{
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: silver;
    color: rgba(0, 0, 0, 0.4);
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px;
}

.producer-type-box.gold{
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: gold;
    color: rgba(0, 0, 0, 0.4);
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px;
}

.my-account-tabs{
    background-color: white;
    border-bottom: 1px solid #f4f7f6;
}

.my-account-tabs .wrapper{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.my-account-tabs .wrapper .item{
    font-size: 16px;
    font-weight: 500;
    border-bottom: 4px solid white;
    border-top: 4px solid white;
    padding: 15px 30px;
}

.my-account-tabs .wrapper .item:hover{
    border-bottom: 4px solid var(--color-3);
    color: var(--color-3);
    transition: 0.2s;
    cursor: pointer;
}

.my-account-tabs .wrapper .item.selected{
    color: var(--color-3);
    border-bottom: 4px solid var(--color-3);
}

.product-box-on-white{

}

.sub-tabs-favourites .item{
    opacity: 0.3;
    margin-right: 30px;
    font-weight: 300;
}

.sub-tabs-favourites .item:last-child{
    margin-right: 0px;
}

.sub-tabs-favourites .item:hover{
    cursor: pointer;
}

.sub-tabs-favourites .item.selected{
    opacity: 1;
    font-weight: 600;
}

.sub-tabs-favourites{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}

.my-account.edit-profile form{
    max-width: 90%;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.my-account.edit-profile .title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

.my-account.edit-profile .current-logo{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    border: 2px solid var(--color-3);
    margin-bottom: 30px;
}

.my-account.edit-profile .current-logo p{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.my-account.edit-profile .current-cover{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    border: 2px solid var(--color-4);
    margin-bottom: 30px;
}

.my-account.edit-profile .current-cover p{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.product-box-producer-dashboard{
    position: relative;
}

.product-box-producer-dashboard .draft-label{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--color-5);
    color: white;
    padding: 3px 10px;
    font-size: 14px;
}

.product-box-producer-dashboard .title-bar{
    background-color: #f7f7f7;
}

.product-box-producer-dashboard .actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-box-producer-dashboard .actions a{
    background-color: var(--color-3);
    color: black;
    font-size: 12px;
    padding: 3px 10px;
    margin-top: 3px;
}

.product-box-producer-dashboard .actions a.edit{
    background-color: var(--color-3);
    color: black;
    border: 1px solid var(--color-3);
}

.product-box-producer-dashboard .actions a.edit:hover{
    background-color: white;
    transition: 0.2s;
    cursor: pointer;
}

.product-box-producer-dashboard .actions a.publish{
    background-color: var(--color-5);
    color: white;
    border: 1px solid var(--color-5);
}

.product-box-producer-dashboard .actions a.publish:hover{
    background-color: white;
    transition: 0.2s;
    color: var(--color-5);
    cursor: pointer;
}

.action-bar-dashboard{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.create-action{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    color: white !important;
    padding: 10px 25px;
    display: table;
    margin-left: 10px;
    margin-right: 10px;
}

.create-action i{
    margin-right: 10px;
}

.create-action:hover{
    cursor: pointer;
    color: black !important;
    transition: 0.2s;
    background-color: white;
    color: var(--color-5);
}

/* End of My acount */



/* Custom Alert */

#customAlert{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999999;
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    background-color: white;
    border: 2px solid var(--color-1);
    max-width: 90%;
    width: 300px;
}

#customAlert p{
    margin-bottom: 0px;
}

#customAlert.success{
    border: 2px solid #41af77;
    background-color: rgb(202, 238, 218);
}

#customAlert.danger{
    border: 2px solid #af4141;
    background-color: rgb(238, 202, 202);
}

#customAlert .close{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    opacity: 1;
    color: black;
}

#customAlert .close:hover{
    cursor: pointer;
}

/* End of Custom Alert */



/* Upload Dropzone */

.dropzone{
    min-height: 150px !important;
    border: 2px !important;
    background: #fff !important;
    border: 2px solid var(--color-3) !important;
    padding: 20px 20px !important;
    border-style: dashed !important;
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.dropzone.cover{
    border: 2px solid var(--color-4) !important;
    border-style: dashed !important;
}

.dz-remove{
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 99999;
    height: 20px;
    color: white;
    width: 20px;
    align-items: center;
    display: flex !important;
    justify-content: center;
    font-size: 17px;
    line-height: 0px;
    border-radius: 10px;
    margin-top: 0px;
    border: 1px solid var(--color-5) !important;
    background-color: var(--color-5);
}

.dz-remove:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
    cursor: pointer;
    text-decoration: none;
}

/* End of Upload Dropzone */




/* Adaugare Produs */

.add-product-header h1{
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    line-height: 32px;
}

.add-product-wrapper{
    max-width: 90%;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.selectize-input{
    border: 1px solid #c4c4c4 !important;
    border-radius: 2px !important;
    padding: 10px 20px !Important;
    font-size: 16px !important;
    box-shadow: none !important;
}

span.server_file{
    display: none;
}

/* End of Adaugare Produs */


/* Edit Product */

.current-gallery-wrapper{
    display: flex;
    flex-wrap: wrap;
}

.current-gallery-wrapper .item{
    max-width: 300px;
    min-width: 150px;
    position: relative;
    padding: 15px;
    border: 1px solid #f7f7f7;
    background-color: white;
    margin-right: 25px;
    margin-bottom: 25px;
}

.current-gallery-wrapper .item .remove{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    z-index: 99999;
}

.current-gallery-wrapper .item .remove:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
    cursor: pointer;
}

.input-group span{
    margin-bottom: 5px;
}

/* End of Edit Product */


/* Article Page */

.article-page-wrapper .content-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.article-page-wrapper .content-wrapper .content{
    width: 800px;
    max-width: 90%;
}

.article-page-wrapper .content-wrapper{
    background-color: white;
    padding: 45px;
}

.article-page-wrapper .content-wrapper .sidebar{
    width: 300px;
    margin-left: 50px;
}

.article-page-wrapper ol{
    list-style: auto !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
}

.article-page-wrapper ul{
    list-style: disc !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
}

.article-page-wrapper .content .paragraph a{
    font-weight: 600;
    text-decoration: underline;
}

.article-header{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    width: 100%;
    padding-bottom: 30px;
}

.article-header h1{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: black;
    margin-bottom: 0px;
}

.article-page-wrapper .owner-info .logo img{
    max-width: 100%;
    max-height: 90px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.article-page-wrapper .owner-info .name a{
    font-size: 18px;
    font-weight: 500;
    color: black;
    text-align: center;
    display: block;
    width: 100%;
}

.article-page-wrapper .text h1{
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 20px;
}

.article-page-wrapper .text h2{
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 20px;
}

.article-page-wrapper .text h3{
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px;
}

.article-page-wrapper .text h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
}

.article-page-wrapper .text h5{
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
}

.article-page-wrapper .text h6{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
}

.article-page-wrapper .text img{
    max-width: 100%;
    margin-bottom: 20px;
    display: block;
}

.article-page-wrapper .text p{
    margin-bottom: 20px;
}

.article-page-wrapper .text span{

}

.article-page-wrapper .latest-news{
    text-align: center;
    margin-top: 30px;
}


.article-header .wishlist-wrapper{
    background-color: #e6e6e6;
    flex: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 18px;
    margin-left: 14px;
}

.article-header .wishlist-wrapper.inWishlist{
    background-color: var(--color-3);
    color: white;
    transition: 0.2s;
}

.article-meta {
    background-color: white;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.article-meta .date{
    opacity: 0.2;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.article-meta .owner{
    opacity: 0.2;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.article-meta .owner:hover{
    opacity: 1;
    transition: 0.2s;
}

.article-meta i{
    color: black;
    font-size: 18px;
    margin-right: 5px;
}

.article-meta span{
    font-size: 14px;
}

.article-header .wishlist-wrapper:hover{
    background-color: var(--color-3);
    color: white;
    transition: 0.2s;
    cursor: pointer !important;
}

.author-box .first{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.author-box .first .logo{
    background-color: #f7f7f7;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-right: 20px;
}

.author-box .first .logo img{
    max-width: 100%;
    height: 30px;
}

.author-box .first .name{
    font-size: 18px;
    font-weight: 600;
    margin-right: 30px;
}

.author-box .first .date{
    display: flex;
    align-items: center;
}

.author-box .first .date i{
    font-size: 22px;
    color: var(--color-5);
    opacity: 0.2;
    margin-right: 10px;
    padding-bottom: 2px;
}

.author-box .first .date span{
    font-size: 16px;
    font-weight: 400;
}

.media-content{
    display: flex;
    justify-content: space-between;
}

.media-content .video-wrapper{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-right: 0px;
}

.media-content .video-wrapper iframe{
    width: 100%;
    min-height: 300px;
}

.media-content .gallery-wrapper{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.media-content .swiper-slide{
    max-height: 500px;
}

.media-content .gallery-item-wrapper{
    height: 500px;
}

.media-content .swiper-button-prev, .media-content .swiper-button-next{
    background: none !Important;
    background-color: transparent !important;
    height: inherit !important;
    top: 50% !important;
    z-index: 900 !important;
}

.media-content .swiper-button-disabled{
    display: none !Important;
}

@media(max-width: 992px){

    .author-box .first .date{
        margin-top: 20px;
    }

    .media-content{
        flex-wrap: wrap;
    }

    .media-content .video-wrapper{
        width: 100%;
        margin-right: 0px;
    }

    .media-content .gallery-wrapper {
        width: 100%;
        margin-left: 0px;
    }
}

/* End of Article Page */


/* Arhitect Page */

.project-box{
    position: relative;
}

.project-box .title-bar{
    background: linear-gradient(
            180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1,1,1,0.35477941176470584) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 15px;
    width: 100%;
}

.project-box .project-title{
    margin-bottom: 0px;
    color: white;
}

.arhitect-account-type-notice{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.arhitect-account-type-notice button{
    background-color: var(--color-3);
    color: white;
    border: 1px solid var(--color-3);
    border-radius: 4px;
    padding: 5px 15px;
    margin: 5px;
    font-size: 12px;
    font-weight: bold;
}

.arhitect-account-type-notice button:hover{
    background-color: white;
    color: var(--color-3);
    cursor: pointer;
    transition: 0.2s;
}

/* End of Arhitect Page */


/* Arhitect Project Page */

.arhitect-project-header{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    min-height: calc(100vh - 68px);
}

.arhitect-project-header .author{
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: flex;
    align-items: center;
}

.arhitect-project-header .author .logo{
    height: 100px;
    width: 100px;
    margin-right: 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 5px;
}

.arhitect-project-header .author .logo img{
    max-width: 100%;
    max-height: 30px;
}

.arhitect-project-header{
    position: relative;
}

.arhitect-project-header .author p{
    font-size: 24px;
    font-weight: bold;
    color: white;
}

.arhitect-project-header h1{
    color: white;
}

.arhitect-project-header .top-shadow{
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(
            2deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1,1,1,0.35477941176470584) 100%);
    height: 400px;
    width: 100%;
}

.arhitect-project-header .bottom-shadow{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(
            180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1,1,1,0.35477941176470584) 100%);
    height: 400px;
    width: 100%;
}

@media (max-width: 1280px){
    .arhitect-project-header{
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        min-height: 700px;
    }

    .arhitect-project-header .top-shadow{
        height: 400px;
    }
}

@media (max-width: 992px){
    .arhitect-project-header{
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        min-height: 500px;
        border-radius: 0px !important;
    }

    .arhitect-project-header .top-shadow{
        height: 300px;
    }
}

.container-fluid.project-details .grid-6{
    grid-gap: 30px;
}

.project-details{
    padding: 35px;
}

.project-details .wrapper .item span{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.3;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.project-details .wrapper .item p{
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0px;
}

.project-details .wrapper .item{
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 100%;
}

/* End of Arhitect Project Page */




/* Auth Modal */

#authModal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #00000099;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#authModal .content .inside{
    overflow-y: auto;
}

#authModal .content{
    position: relative;
    background-color: white;
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
    padding: 35px;
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 600px;
    max-width: 90%;
    text-align: center;
}

#authModal .auth-link{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#authModal .auth-img{
    max-height: 240px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#authModal .close{
    position: absolute;
    top: -15px;
    right: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    opacity: 1;
    text-shadow: none !important;
    background-color: white;
    border-radius: 15px;
}

#authModal .close:hover{
    opacity: 1 !important;
    text-shadow: none;
    cursor: pointer;
}

#authModal i{
    line-height: 0px;
    color: var(--color-1);
}

#authModal .sau span{
    font-weight: 300;
    opacity: 0.3;
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
}

#authModal .primary-btn.login{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#authModal .primary-btn.login:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}


#authModal .primary-btn.register{
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

#authModal .primary-btn.register:hover{
    background-color: white;
    color: var(--color-1);
    transition: 0.2s;
}

/* End of Auth Modal */

/* Vreau Credite Modal */

#modalVreauCredite{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #00000099;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#modalVreauCredite .offerSuccess{
    display: flex;
    flex-direction: column;
    padding: 35px;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#modalVreauCredite .offerSuccess img{
    max-height: 200px;
    margin-bottom: 50px;
    max-width: 100%;
}

#modalVreauCredite .offerSuccess p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}

#modalVreauCredite .content .inside{
    overflow-y: auto;
}

#modalVreauCredite .content{
    position: relative;
    background-color: white;
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
    padding: 35px;
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 600px;
    max-width: 90%;
    text-align: center;
}

#modalVreauCredite .auth-link{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#modalVreauCredite .auth-img{
    max-height: 240px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#modalVreauCredite .close{
    position: absolute;
    top: -15px;
    right: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    opacity: 1;
    text-shadow: none !important;
    background-color: white;
    border-radius: 15px;
}

#modalVreauCredite .close:hover{
    opacity: 1 !important;
    text-shadow: none;
    cursor: pointer;
}

#modalVreauCredite i{
    line-height: 0px;
    color: var(--color-1);
}

#modalVreauCredite .sau span{
    font-weight: 300;
    opacity: 0.3;
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
}

#modalVreauCredite .primary-btn.login{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#modalVreauCredite .primary-btn.login:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}


#modalVreauCredite .primary-btn.register{
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

#modalVreauCredite .primary-btn.register:hover{
    background-color: white;
    color: var(--color-1);
    transition: 0.2s;
}

/* End of Vreau Credite Modal */


/* Modal Vreau Upgrade */

#modalVreauUpgrade{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #00000099;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#modalVreauUpgrade .offerSuccess{
    display: flex;
    flex-direction: column;
    padding: 35px;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#modalVreauUpgrade .offerSuccess img{
    max-height: 200px;
    margin-bottom: 50px;
    max-width: 100%;
}

#modalVreauUpgrade .offerSuccess p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}

#modalVreauUpgrade .content .inside{
    overflow-y: auto;
}

#modalVreauUpgrade .content{
    position: relative;
    background-color: white;
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
    padding: 35px;
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 600px;
    max-width: 90%;
    text-align: center;
}

#modalVreauUpgrade .auth-link{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#modalVreauUpgrade .auth-img{
    max-height: 240px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#modalVreauUpgrade .close{
    position: absolute;
    top: -15px;
    right: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    opacity: 1;
    text-shadow: none !important;
    background-color: white;
    border-radius: 15px;
}

#modalVreauUpgrade .close:hover{
    opacity: 1 !important;
    text-shadow: none;
    cursor: pointer;
}

#modalVreauUpgrade i{
    line-height: 0px;
    color: var(--color-1);
}

#modalVreauUpgrade .sau span{
    font-weight: 300;
    opacity: 0.3;
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
}

#modalVreauUpgrade .primary-btn.login{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#modalVreauUpgrade .primary-btn.login:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}


#modalVreauUpgrade .primary-btn.register{
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

#modalVreauUpgrade .primary-btn.register:hover{
    background-color: white;
    color: var(--color-1);
    transition: 0.2s;
}

/* End of Modal Vreau Upgrade */


/* Contact Modal */

#contactModal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #00000099;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contactModal .content .inside{
    overflow-y: auto;
}

#contactModal .content .inside a{
    display: block;
}

#contactModal .content{
    position: relative;
    background-color: white;
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
    padding: 35px;
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 600px;
    max-width: 90%;
    text-align: center;
}

#contactModal .auth-link{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#contactModal .auth-img{
    max-height: 240px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#contactModal .close{
    position: absolute;
    top: -15px;
    right: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    opacity: 1;
    text-shadow: none !important;
    background-color: white;
    border-radius: 15px;
}

#contactModal .close:hover{
    opacity: 1 !important;
    text-shadow: none;
    cursor: pointer;
}

#contactModal i{
    line-height: 0px;
}

#contactModal p{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
}

#contactModal .sau span{
    font-weight: 300;
    opacity: 0.3;
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
}

#contactModal .item-icon{
    font-size: 40px;
    margin-bottom: 10px;
    color: var(--color-5);
    line-height: inherit;
}

#contactModal .primary-btn.login{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#contactModal .primary-btn.login:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}


#contactModal .primary-btn.register{
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    padding: 4px 14px;
    font-size: 14px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

#contactModal .primary-btn.register:hover{
    background-color: white;
    color: var(--color-1);
    transition: 0.2s;
}

/* End of Contact Modal */


/* Dashboard */

.dashboard-template{
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    padding: 0px;
}

.dashboard-template .sidebar{
    background-color: #f7f7f7;
    width: 300px;
    min-height: 100vh;
    position: relative;
    border-right: 1px solid #ececec;
}

.dashboard-template .sidebar .sidebar-items{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.dashboard-template .sidebar .sidebar-items .item{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 10px 30px;
    border-right: 2px solid #f7f7f7;
}

.dashboard-template .sidebar .sidebar-items .item.selected{
    color: var(--color-2);
    border-right: 3px solid var(--color-2);
    font-weight: 500;
}

.dashboard-template .sidebar .sidebar-items .item:hover{
    color: var(--color-2);
    border-right: 3px solid var(--color-2);
    cursor: pointer;
    transition: 0.2s;
}

.dashboard-template .sidebar .sidebar-items .submenu{
    margin-bottom: 10px;
    padding-left: 40px;
    display: none;
}

.dashboard-template .sidebar .sidebar-items .submenu.visible{
    display: block;
}

.dashboard-template .sidebar .sidebar-items .submenu a{
    display: block;
    padding: 7px;
}

.dashboard-template .sidebar .sidebar-items .submenu a.selected{
    color: var(--color-2);
}

.dashboard-template .sidebar .sidebar-items .submenu a:hover{
    color: var(--color-2);
    transition: 0.2s;
}

.dashboard-template .content{
    background-color: white;
    width: calc(100% - 300px);
    padding: 50px;
}

.dashboard-template .sidebar-wrapper .logo{
    padding: 35px;
    margin-top: 0px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}

.dashboard-template .sidebar-wrapper .logo img{
    max-width: calc(100% - 60px);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.dashboard-template .content .title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 31px;
}

.dashboard-template .box-dashboard{
    background-color: white;
    padding: 35px;
}

.dashboard-template .box-dashboard p:last-child{
    margin-bottom: 0px;
}

.dashboard-template .header{
    position: relative;
}

.dashboard-template .header h2{
    width: calc(100% - 50px);
}

.box-dashboard .subtitle span{
    font-size: 16px;
    font-weight: 400;
    opacity: 0.3;
    display: block;
    margin-top: 8px;
}

.dashboard-template .header .account-details{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 40px;
    margin-left: 20px;
    background-color: #f7f7f7;
    border-radius: 6px;
}

.dashboard-template .header .account-details{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    color: var(--color-1) !important;
}

.dashboard-template .header .account-details:hover{
    cursor: pointer;
    background-color: var(--color-1);
    color: white !important;
    transition: 0.2s;
}

.box-dashboard .stats-box{
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
}

.box-dashboard .stats-box:nth-child(1){
    background-color: rgba(37,136,195,0.2);
}

.box-dashboard .stats-box:nth-child(2){
    background-color: rgba(255,205,75,0.2);
}

.box-dashboard .stats-box:nth-child(3){
    background-color: rgba(255,73,52, 0.2);
}

.box-dashboard .stats-box:nth-child(4){
    background-color: rgba(255,145,71,0.2);
}

.box-dashboard .stats-box:nth-child(5){
    background-color: rgba(37,136,195,0.2);
}


.stats-box .number span{
    font-size: 30px;
    font-weight: 700;
}

.stats-box p{
    margin-bottom: 0px;
    font-size: 16px;
    opacity: 0.3;
    text-align: center;
    line-height: 19px;
    margin-top: 10px;
}

.stats-box .goto{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    font-size: 18px;
    background-color: white;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.stats-box .goto:hover{
    color: black !important;
    cursor: pointer;
    transition: 0.2s;
}

.stats-box .goto.c1{
    color: var(--color-2);
}

.stats-box .goto.c2{
    color: var(--color-2);
}

.stats-box .goto.c3{
    color: var(--color-3);
}

.stats-box .goto.c4{
    color: var(--color-4);
}

.stats-box .goto.c5{
    color: var(--color-5);
}

.box-dashboard .subtitle{
    font-size: 18px;
    font-weight: 600;
}

.stats-cat .wrapper-general{
    display: flex;
    flex-wrap: wrap;
}

.stats-cat .wrapper-general .cat1{
    width: calc(50% - 50px);
    margin-right: 50px;
}

.stats-cat .wrapper-general .cat2{
    width: 50%;
}

.stats-cat .item{
    padding: 10px 15px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.stats-cat .item .name{
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
}

.stats-cat .item .percent{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    border-radius: 4px;
}

.stats-cat .item .total{
    position: absolute;
    right: 15px;
    font-size: 14px;
    font-weight: 600;
}

.stats-cat .item:nth-child(1) .percent{
    background-color: rgba(37,136,195,0.2);
}

.stats-cat .item:nth-child(2) .percent{
    background-color: rgba(255,205,75,0.2);
}

.stats-cat .item:nth-child(3) .percent{
    background-color: rgba(255,73,52, 0.2);
}

.stats-cat .item:nth-child(4) .percent{
    background-color: rgba(255,145,71,0.2);
}

.dashboard-filters .entity-search-bar{
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-radius: 6px;
    background-color: #f7f7f7 !important;
    padding: 10px;
}

.dashboard-filters .entity-search-bar .item{
    height: 46px;
    padding: 5px 20px;
}

.dashboard-filters #textSearchTrigger.open{
    background-color: transparent !important;
}


.dashboard-filters #textSearchTrigger input{
    background-color: transparent !important;
}

.dashboard-filters .categories-dropdown{
    position: relative;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: none;
}

.dashboard-filters .categories-dropdown:hover{
    box-shadow: none !important;
}

.dashboard-filters .entity-search-bar .wrapper .item.open{
    border-radius: 4px;
    background-color: var(--color-3);
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.dashboard-grid .box .actions{
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dashboard-grid .box .actions .action-button{
    background-color: var(--color-4);
    color: white;
    font-size: 12px;
    border: 1px solid var(--color-4);
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 4px;
    margin: 5px;
}

.dashboard-grid .box .actions .action-button:hover{
    cursor: pointer;
    background-color: white;
    color: var(--color-4);
    transition: 0.2s;
}

.dashboard-grid .box .actions .action-button.red {
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
}

.dashboard-grid .box .actions .action-button.red:hover{
    color: var(--color-5);
    background-color: white;
}

.dashboard-grid .box .actions .action-button.blue {
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
}

.dashboard-grid .box .actions .action-button.blue:hover{
    color: var(--color-2);
    background-color: white;
}

.dashboard-grid .box .actions .action-button.yellow {
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
}

.dashboard-grid .box .actions .action-button.yellow:hover{
    color: var(--color-3);
    background-color: white;
}

.dashboard-back-btn{
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
    color: white;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.dashboard-back-btn:hover{
    cursor: pointer;
    background-color: white;
    color: var(--color-2);
    transition: 0.2s;
}

.box-dashboard .transaction-row{
    padding-left: 15px;
    border-left: 4px solid #fde9da;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.box-dashboard .transaction-row:hover{
    border-left: 4px solid var(--color-4);
    transition: 0.2s;
}

.box-dashboard .transaction-row .date{
    font-size: 12px;
    font-weight: 400;
    opacity: 0.5;
}

.box-dashboard .transaction-row .description span{
    margin-right: 15px;
}

.box-dashboard .removeTransactionButton{
    color: var(--color-4);
    opacity: 0.3;
}

.box-dashboard .removeTransactionButton:hover{
    cursor: pointer;
    color: var(--color-4);
    opacity: 1;
    transition: 0.2s;
}

.dashboard-filters .checkbox-filter .checkbox{
    margin-bottom: 0px !important;
}

.dashboard-filters .checkbox-filter .customcheck{
    margin-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-size: 15px;
    font-weight: 500;
}

.dashboard-filters .checkbox-filter .checkmark::after{
    left: 6px;
    top: 3px;
    width: 7px;
    height: 11px;
    border-color: var(--color-3);
}

.image-wrapper .sticky_post{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fbcd4b70;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: white;
    z-index: 10;
}

.dashboard-grid .box .image-wrapper{
    position: relative;
}

.dashboard-grid .box .actions{
    z-index: 11;
}

.dashboard-grid .box .title-bar{
    z-index: 11;
}

.time-filter-tabs{
    display: flex;
    align-items: center;
    background-color: #fffbf1;
    border: 1px solid var(--color-3);
    padding: 5px;
    border-radius: 100px;
    justify-content: center;
}

.time-filter-tabs .item{
    background-color: var(--color-3);
    padding: 10px 25px;
    border-radius: 4px;
    font-weight: 500;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.5;
}

.time-filter-tabs .item:hover{
    cursor: pointer;
    opacity: 1;
    transition: 0.2s;
}

.time-filter-tabs .item.selected{
    opacity: 1;
}

.timeframe-select{
    background-color: #f7f7f7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeframe-select .item{
    background-color: var(--color-2);
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.4;
}

.timeframe-select.producer .item{
    background-color: var(--color-3);
}

.timeframe-select .item.selected{
    opacity: 1;
}

.timeframe-select .item:hover{
    opacity: 1;
    transition: 0.2s;
    cursor: pointer;
}

.offer-box-dash{
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: fit-content;
    text-align: left;
}

.offer-box-dash .email{
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
    word-break: break-all;
    padding-right: 40px;
}

.offer-box-dash .product{
    font-size: 12px;
}

.offer-box-dash .showOfferButton{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--color-3);
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.offer-box-dash .showOfferButton:hover{
    cursor: pointer;
}


/* End of Dashboard */


/* New Arhitect Page */

.arhitect-page{
    padding: 0px;
    border-top: 1px solid #f7f7f7;
}

.arhitect-page .one-entity{
    display: flex;
    flex-wrap: wrap;
}

.arhitect-page .box{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-basis: 25%;
    background-color: white;
    padding: 25px;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}

.arhitect-page .box.logo img{
    max-width: 80%;
    max-height: 100px;
}

.arhitect-page .box:after{
    content: "";
    display: block;
    padding-bottom: 100%;
}

.arhitect-page .box.contact .name{
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    flex: 1;
    text-align: center;
    width: 100%;
}

.arhitect-page .box.contact .address{
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 20px;
}

.arhitect-page .box.contact{
    display: flex;
}

.arhitect-page .box.contact .item{
    background-color: var(--color-3);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 10px;
    margin-bottom: 0px;
}

.arhitect-page .team{
    align-items: flex-start;
    justify-content: flex-start;
}

.arhitect-page .contact-boxes{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.arhitect-page .section-title{
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    opacity: 0.2;
    line-height: 28px;
    margin-bottom: 10px;
}

.arhitect-page .section-title{
    position: absolute;
    top: 25px;
}

.arhitect-page .box .scr {
    margin-top: 40px;
    width: 100%;
    height: calc(100% - 40px);
}

@media (max-width: 992px){
    .arhitect-page .box{
        flex-basis: 50%;
    }
}

.arhitect-page .team-member{
    margin-bottom: 10px;
}

.arhitect-page .team-member .name{
    font-size: 16px;
    font-weight: 500;
}

.arhitect-page .team-member .function{
    font-size: 14px;
    font-weight: 300;
    margin-top: -3px;
    display: block;
    opacity: 0.5;
}

.arhitect-page .projects{
    align-items: flex-start;
    justify-content: flex-start;
}

.arhitect-page .box{
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.arhitect-page .box .projects-wrapper, .arhitect-page .box .team-wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 25px;
    width: 100%;
}

.arhitect-page .box .projects-wrapper a{
    display: block;
    margin-bottom: 15px;
}

.arhitect-page .box .projects-wrapper a:hover{
    cursor: pointer;
    color: var(--color-3);
    transition: 0.2s;
}

.arhitect-page .project-images{
    display: flex;
    flex-wrap: wrap;
}

.projects-images .box{
    background-color: white;
    width: 100%;
    min-height: unset;
    position: relative;
}

.projects-images .box img{
    width: 100%;
    overflow-y: hidden;
}

.projects-images .box .image-wrapper{
    position: absolute;
    top: 0px;
    z-index: 101;
    width: 100%;
    display: flex;
    height: 100%;
}

.arhitect-page .projects-images{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow-x: hidden;
}

.arhitect-page .projects-images .box{
    width: 25%;
}

.projects-images .box .image-wrapper img{
    object-fit: cover;
    object-position: center;
    transition: transform .2s; /* Animation */
}

.projects-images .box .info-wrapper{
    position: absolute;
    top: 0px;
    z-index: 102;
    height: 100%;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1,1,1,0.35477941176470584) 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: white;
    padding: 15px;
}

.projects-images .box:hover > .info-wrapper{
    cursor: pointer;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(133,133,133,0) 59%, rgba(1, 1, 1, 0.48) 100%);
    transition: 0.2s;
}

.projects-images .box:hover > .image-wrapper img{
    transform: scale(1.1);
}

.projects-images .box .info-wrapper p{
    margin-bottom: 0px;
}

.projects-images .box .info-wrapper .name{
    FONT-WEIGHT: 500;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0px;
}

.projects-images .box .info-wrapper .owner{
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
    opacity: 0.8;
}

.projects-images .box::before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 0;
    padding-bottom: 100%;
}

@media (max-width: 992px){
    .arhitect-page .one-entity .box{
        width: 100%;
        flex-basis: 100%;
    }

    .arhitect-page .one-entity .box:after{
        padding-bottom: 0%;
    }

    .arhitect-page .box .projects-wrapper, .arhitect-page .box .team-wrapper{
        position: relative;
        padding: 0px;
    }
}

@media (max-width: 992px){
    .mobile-footer-sticky{
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 10px;
        position: fixed;
        bottom: 0px;
        z-index: 9999;
        background-color: var(--color-3);
        color: white;
        width: 100%;
        padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .mobile-footer-sticky span{
        font-size: 16px;
        font-weight: 500;
        margin-left: 10px;
    }
}

/* End of New Arhitect Page */




/* ---------- Checkbox ---------- */

.customcheck {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #252525;
    font-size: 14px;
    font-weight: 300;
    padding-left: 30px;
    margin-bottom: 10px;;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
}

.customcheck:hover input ~ .checkmark {
    background-color: #fff;
}

.customcheck input:checked ~ .checkmark {
    background-color: #fff;
    border-radius: 0px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.customcheck input:checked ~ .checkmark:after {
    display: block;
}

.customcheck .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid var(--color-5);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(
            45deg
    );
    -ms-transform: rotate(45deg);
    transform: rotate(
            45deg
    );
}

.input-group .checkbox span{
    width: 25px !important;
    height: 25px !Important;
    border-radius: 0px !important;
    border: 1px solid #cecece;
}

.input-group .checkbox span{
    margin-top: 0px !important;
}

.input-group .checkbox label{
    margin-bottom: 0px;
    padding-bottom: 0px !important;
    height: 25px;
    display: flex;
    align-items: center;
    color: #2E2E2E;
    font-size: 16px;
    font-weight: 600;
}

.input-group .checkbox{
    display: flex;
    align-items: center;
}

form .form-row.check-item{
    margin-bottom: 12px !important;
}

/* ---------- End of Checkbox ---------- */


/* Team Arhitect */

.arhitect-member-box img{
    height: 100px;
    max-width: 100%;
    display: block;
    margin-lefT: auto;
    margin-right: auto;
    opacity: 0.2;
    margin-bottom: 20px;
}

.arhitect-member-box p{
    text-align: center;
}

.arhitect-member-box .name{
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.arhitect-member-box .functia{
    font-size: 16px;
    opacity: 0.5;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
}

.arhitect-member-box .actions{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.arhitect-member-box .actions .normal{

}

.arhitect-member-box .actions a{
    background-color: var(--color-4);
    border: 1px solid var(--color-4);
    color: white;
    height: 35px;
    width: 35px;
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    font-size: 15px;
    border-radius: 4px;
}

.arhitect-member-box .actions a:hover{
    background-color: white;
    color: var(--color-4);
    cursor: pointer;
    transition: 0.2s;
}

.arhitect-member-box .actions .red{
    background-color: var(--color-5);
}

.arhitect-member-box .actions .red:hover{
    color: var(--color-5);
}

/* End of Team Arhitect */

.removeCaracteristica{
    top: 35px;
    position: absolute;
    background-color: var(--color-5);
    color: white;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    broder: 1px solid var(--color-5);
    display: flex;
    align-content: center;
    justify-content: center;
    line-height: 0px;
    font-size: 14px;
    z-index: 990;
    right: 0px;
    text-align: center;
}

.removeCaracteristica i{
    padding-top: 6px;
}

.removeCaracteristica:hover{
    cursor: pointer;
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}


.caractArhitectRow .input-group{
    margin-right: 30px !important;
}

.dropzone .dz-preview:first-child::after{
    content: "Imagine principala!";
    font-size: 12px;
    font-style: italic;
    padding-top: 10px;
    display: block;
}

#searchProiecteArhitecti{
    position: absolute;
    right: 80px;
    background-color: white;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    font-size: 22px;
    z-index: 990;
    text-align: center;
    top: calc(50% - 25px);
    color: var(--color-3);
}

#searchProiecteArhitecti:hover{
    background-color: var(--color-3);
    color: white;
    cursor: pointer !important;
    transition: 0.2s;
}

#searchProiecteArhitecti .icon-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subtitle-projects-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.subtitle-projects-wrapper .action{
    display: flex;
    align-items: center;
    justify-content: center;;
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
    color: white;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
}

.subtitle-projects-wrapper .action:hover{
    background-color: white;
    color: var(--color-3);
    transition: 0.2s;
    cursor: pointer !important;
}

.subtitle-projects-wrapper .action i{
    margin-right: 5px;
}


/* Search Arhitect/Designer Modal */

#searchArhitectsModal{
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.30);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}


#searchArhitectsModal .wrapper{
    position: relative;
    width: 900px;
    border-radius: 6px;
    background-color: white;
    padding: 34px;
    max-width: 90%;
}

#searchArhitectsModal .wrapper .closebtn{
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--color-3);
    line-height: 0px;
    font-size: 20px;
    opacity: 0.3;
}

#searchArhitectsModal .input-group span{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
}

#searchArhitectsModal .input-group span strong{
    color: var(--color-3);
    font-weight: inherit;
}

#searchArhitectsModal .wrapper .closebtn:hover{
    opacity: 1;
    cursor: pointer;
    transition: 0.2s;
}

#searchArhitectResult{

}

#searchArhitectResult a{
    display: block;
    padding: 15px 25px;
    font-weight: 600;
    background-color: #f5f5f5;
    margin-bottom: 1px;
}

#searchArhitectResult .no-result{
    display: block;
    padding: 15px 25px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.51);
    font-style: italic;
    background-color: #f5f5f5;
    margin-bottom: 1px;
}

#searchArhitectResult a:hover{
    cursor: pointer;
    background-color: var(--color-3);
    color: white;
    transition: 0.2s;
}

#searchArhitectsModal .clear-all{
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    line-height: 0px;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.2);
}

#searchArhitectsModal .clear-all:hover{
    cursor: pointer;
    transition: 0.2s;
}

#searchArhitectsModal .clear-all i{
    font-size: 16px;
}


#searchArhitectResult a:last-child{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* End of Search Arhitect/Designer Modal */



/* Downloads Product Add */

.downloads-wrapper-add{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 25px;
    padding: 15px;
    background-color: white;
    border: 2px solid var(--color-5);
    border-style: dashed;
    margin-top: 10px;
}

.one-download-wrapper .dz-image-preview{
    display: flex;
    align-items: center;
}

#downloadDrop.dz-started .dz-message{
    display: block !important;
}

.downloads-wrapper-add .item{
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 20px;
    font-size: 14px;
    displaY: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    flex-direction: column;
    width: 100%;
}

.downloads-wrapper-add .item .input-wrapper{
    width: 100%;
    margin-top: 10px;
}

.downloads-wrapper-add .item select{
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid var(--color-5);
}

.downloads-wrapper-add .item .remove{
    position: absolute;
    top: -12px;
    right: -12px;
    background-color: var(--color-5);
    color: white;
    border: 1px solid var(--color-5);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.downloads-wrapper-add .item .remove:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
    cursor: pointer;
}

/* End of Downloads Product Add */


/* Leads User */

.leads-user .box{
    max-width: 100%;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

/* End of Leads User */


.vreau-credite{
    display: inline-flex;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid var(--color-3);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    color: white;
    background-color: var(--color-3);
}

.vreau-credite:hover{
    background-color: white;
    color: var(--color-3);
    transition: 0.2s;
    cursor: pointer;
}


/* Manage Brosuri Global */

.producer-manage-cataloage{

}

.producer-manage-cataloage h2{
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
}

.producer-manage-cataloage .delete-action{
    z-index: 900;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--color-5);
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border: 1px solid var(--color-5);
}

.producer-manage-cataloage .delete-action:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
    cursor: pointer;
}

/* End of Manage BrosurI Global */



/* Users dashboard */

#toFill .user-box{
    padding: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    position: relative;
    height: fit-content;
}

#toFill .user-box .username{
    word-break: break-all;
    font-weight: 500;
}

#toFill .user-box .last-login{
    font-size: 12px;
    margin-bottom: 0px;
}

#toFill .user-box .role{
    font-weight: 600;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 5px;
}

#toFill .user-box.c1 .role{
    color: var(--color-1);
}

#toFill .user-box.c5 .role{
    color: var(--color-5);
}

#toFill .user-box.c4 .role{
    color: var(--color-4);
}

#toFill .user-box.c3 .role {
    color: var(--color-3);
}

#toFill .user-box.c2 .role{
    color: var(--color-2);
}

#toFill .user-box .actions a{
    font-size: 12px;
    font-weight: 500;
    color: white;
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    padding: 3px 10px;
    margin-top: 10px;
    display: table;
}

#toFill .user-box .actions a:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}

/* End of Users Dashboard */



/* Marketing Actions admin */

.action .add-marketing{
    background-color: var(--color-3);
    color: white;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    justify-content: center;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--color-3);
}

.link-marketing-btn{
    background-color: var(--color-3);
    color: white;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    justify-content: center;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--color-3);
}

.link-marketing-btn:hover{
    cursor: pointer;
    background-color: white;
    color: var(--color-3);
    transition: 0.2s;
}

.action .add-marketing i{
    padding-right: 5px;
}

.action .add-marketing:hover{
    cursor: pointer;
    background-color: white;
    color: var(--color-3);
    transition: 0.2s;
}

.marketing-action-box .action{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
}

.marketing-action-box .action:hover{
    background-color: white;
    color: var(--color-5);
    transition: 0.2s;
}

/* End of Marketing Actions admin */


.user-cerere-view{
    border-radius: 6px;
    border: 1px solid #d8d8d8;
    padding: 25px;
    margin: 15px;
}

.user-cerere-view .email{
    word-break: break-all;
    font-size: 16px;
    font-weight: 500;
}

.user-cerere-view .message{
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.user-cerere-view .date{
    font-size: 12px;
    font-weight: 300;
    opacity: 0.5;
    margin-bottom: 0px;
}



/* Register Page */

.register-wrapper{
    height: calc(100vh - 68px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-wrapper .register-box-wrapper{
    padding: 30px;
    width: 900px;
    max-width: 90%;
}

.register-box-wrapper .register-box{
    background-color: white;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.register-box-wrapper .register-box .left{

}

.register-box-wrapper .register-box .right{

}

/* End of Register Page */



/* Mobile Entity Pages */

@media (max-width: 992px){
    .nav-item.auth{
        margin-top: 20px !important;
    }

    .page-title .wrapper {
        text-align: center;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .page-title{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .product-page.page-title .title h1{
        font-size: 19px;
        line-height: 27px;
        text-align: left;
    }

    .article-header h1{
        font-size: 19px;
        line-height: 27px;
        text-align: left;
    }

    .product-page .custom-breadcrumb{
        justify-content: flex-start;
        font-size: 12px;
    }

    .product-page.page-title .title{
        justify-content: space-between;
    }

    .product-page-categories .categories-wrapper a{
        text-transform: capitalize;
        font-size: 12px;
        padding: 6px 10px !important;
        height: fit-content;
        border-radius: 4px;
    }

    .product-page-categories{
        padding: 0px !important;
        margin-bottom: 20px !important;
    }

    .product-page-categories .categories-wrapper{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .section-same-category-products .section{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .section .title .left h4 {
        font-size: 20px;
        line-height: 27px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .article-page-wrapper .content-wrapper{
        padding: 0px !Important;
    }

    .article-header{
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .article-page-wrapper .content-wrapper .content{
        max-width: 100%;
    }
}

/* End of Mobile Entity Pages */


/* New Login Page */

.login-container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    min-height: 100vh;
    background: url('/assets/images/background-login-full.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -68px;
    padding-top: 68px;
    width: 100%;
}

.login-container .first-part{
    min-height: 600px;
    background: url('/assets/images/left-bg.png'), url('/assets/images/right-bg.png');
    background-size: 250px auto, 250px auto;
    background-position: bottom left, bottom right;
    width: 100%;
    background-repeat: no-repeat no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px){
    .login-container .first-part{
        background-size: 100px auto, 100px auto;
    }

    .login-container .first-part{
        margin-left: 30px;
        margin-right: 30px;
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.login-container .login-input{
    border: 1px solid #ebebeb;
    border-radius: 0px !important;
    background-color: white !important;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #ffffff inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #ffffff inset;/*your box-shadow*/
    -webkit-text-fill-color: #333;
}

.login-container .login-input:hover, .login-container .login-input:focus{
    border: 1px solid var(--color-2);
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 50px #f0f8ff inset !important;
    transition: 0.2s;
}

.login-container .welcome-wrapper{
    margin-top: 35px;
    margin-bottom: 35px;
}

.login-container .welcome-wrapper h1{
    font-size: 40px;
    font-weight: 600;
    text-align: center;
}

.login-container .welcome-wrapper p{
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    opacity: 0.3;
}

.login-container .form-wrapper{
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.login-container .form-submit{
    background-color: #0f3d62;
    border: 1px solid #0f3d62;
    padding: 12px 15px;
    text-align: center;
    font-weight: 600 !important;
    font-size: 14px;
    color: white;
    width: 100%;
}

.login-container .form-submit:hover{
    background-color: white;
    color: #0f3d62;
    transition: 0.2s;
}

.login-container .extra-links a{
    width: 100%;
    text-align: center;
    display: block;
    color: var(--color-2);
    font-weight: 600;
    font-size: 14px;
    margin-top: 20px;
    opacity: 0.3;
}

.login-container .extra-links a:hover{
    opacity: 1;
    transition: 0.2s;
}

.login-container .second-part h1{
    font-size: 30px;
    font-weight: 600;
}

.login-container .form-wrapper .separator{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    opacity: 0.3;
}

.login-container .form-wrapper .register-link a{
    background-color: white;
    display: table;
    text-align: center;
    border: 1px solid var(--color-3);
    color: var(--color-3);
    font-size: 14px;
    padding: 10px 15px;
}

.login-container .form-wrapper .register-link a:hover{
    background-color: var(--color-3);
    color: white;
    cursor: pointer !important;
    transition: 0.2s;
}

.login-container .second-part{
    width: 100%;
}

.login-container .second-part h1{
    width: 100%;
    line-height: 38px;
    padding: 30px;
    text-align: center;
}

.two-cols-section .row{
    display: flex;
    align-items: center;
}

.two-cols-section .image-col{
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-cols-section .image-col img{
    height: 500px;
    max-width: 100%;
}

.two-cols-section .title h2{
    width: 100%;
    line-height: 34px;
    font-size: 26px;
    font-weight: 600;
}

.two-cols-section .title .separator{
    background-color: var(--color-2);
    width: 50px;
    height: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.two-cols-section .content{
    max-width: 100%;
    width: 500px;
}

.login-how-it-works{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.login-how-it-works .box{
    width: 20%;
    padding: 25px;
    text-align: center;
}

@media (max-width: 1300px){
    .login-how-it-works .box{
        width: 33%;
    }
}

@media (max-width: 992px){
    .login-how-it-works .box{
        width: 100%;
    }
}

.login-how-it-works .box i{
    font-size: 45px;
}

.login-how-it-works .box.c1 i, .login-how-it-works .box.c1 .title .counter{
    color: var(--color-1);
}

.login-how-it-works .box.c2 i, .login-how-it-works .box.c2 .title .counter{
    color: var(--color-2);
}

.login-how-it-works .box.c3 i, .login-how-it-works .box.c3 .title .counter{
    color: var(--color-3);
}

.login-how-it-works .box.c4 i, .login-how-it-works .box.c4 .title .counter{
    color: var(--color-4);
}

.login-how-it-works .box.c5 i, .login-how-it-works .box.c5 .title .counter{
    color: var(--color-5);
}

.login-how-it-works .title{
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.login-how-it-works .title .counter{
    font-weight: 600;
    padding-right: 10px;
    font-size: 22px;
    display: inline-block;
}

.login-how-it-works .title p{
    display: inline-block;
    text-align: left;
}

.login-how-it-works .box .content{
    font-size: 14px;
    font-weight: 300;
    opacity: 0.7;
}

@media (max-width: 992px){
    .two-cols-section .row{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .two-cols-section .row .col{
        width: 100%;
    }

    .two-cols-section .row .image-col{
        margin-bottom: 40px;
    }

    .two-cols-section .row .image-col img{
        max-width: 250px;
        height: 100%;
    }

    .two-cols-section .separator{
        margin-left: auto;
        margin-right: auto;
    }
}


.two-cols-section-reason .row{
    display: flex;
    align-items: center;
}

.two-cols-section-reason .image-col{
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-cols-section-reason .image-col img{
    max-height: 500px;
    max-width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.two-cols-section-reason .title h2{
    width: 100%;
    line-height: 34px;
    font-size: 26px;
    font-weight: 600;
}

.two-cols-section-reason .title .separator{
    background-color: var(--color-2);
    width: 50px;
    height: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.two-cols-section-reason .content{
    max-width: 100%;
    width: 500px;
}

.two-cols-section-reason .left-content{
    text-align: right;
}

.two-cols-section-reason .left-content .separator{
    margin-left: auto;
}

.two-cols-section-reason .left-content .content{
    margin-left: auto;
}


@media (max-width: 992px){
    .two-cols-section-reason .row{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .two-cols-section-reason .row .col{
        width: 100%;
    }

    .two-cols-section-reason .row .image-col.left{
        margin-bottom: 40px;
    }

    .two-cols-section-reason .row .image-col.right{
        margin-top: 20px;
    }

    .two-cols-section-reason .row .image-col img{
        max-width: 90%;
        height: 100%;
    }

    .two-cols-section-reason .separator{
        margin-left: auto;
        margin-right: auto;
    }
}

.bg-container-blue{
    background-color: #f3f7f9;
}

.social-login-container{
    background-color: var(--color-4);
}

.social-login-container{
    color: white;
    text-align: center;
}

.social-login-container h1{
    width: 100%;
    line-height: 34px;
    font-size: 26px;
    font-weight: 600;
}

.social-login-container p{
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
}

.social-login-container .separator{
    background-color: white;
    width: 50px;
    height: 4px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

.social-login-container .icons{
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-login-container .icons a i{
    font-size: 50px;
    color: white;
    margin: 10px;
}

@media (max-width: 992px){
    .two-cols-section-reason .left-content{
        order: 2;
    }

    .two-cols-section-reason .left-content .title{
        text-align: center;
        margin-top: 30px;
    }

    .two-cols-section-reason .left-content .content{
        text-align: center;
    }
}

/* End of New Login Page */


/* Promoveaza-te cu Arhispec */

.promo-arhispec h4{
    font-size: 22px;
    font-weight: 500;
    color: black;
    text-align: center;
}

.promo-arhispec .promo-boxes{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.promo-arhispec .promo-boxes .box{
    width: 33%;
    padding: 35px;
}

.promo-arhispec .promo-boxes .box img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 140px;
    max-width: 100%;
}

.promo-arhispec .promo-boxes .box .title{
    color: black;
    opacity: 1;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.promo-arhispec .promo-boxes .box .desc{
    font-size: 16px;
    opacity: 0.7;
    font-weight: 300;
}

.promo-arhispec .promo-boxes .box a{
    background-color: var(--color-2);
    color: white;
    border: 1px solid var(--color-2);
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.promo-arhispec .promo-boxes .box a:hover{
    background-color: white;
    color: var(--color-2);
    transition: 0.2s;
}

.promo-arhispec .first-part{
    min-height: calc(100vh - 68px);
}

@media (max-width: 992px){
    .promo-arhispec .promo-boxes .box{
        width: 100%;
    }
}

.promo-arhispec .box.c1 a{
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
}

.promo-arhispec .box.c1 a:hover{
    background-color: white;
    color: var(--color-2);
}

.promo-arhispec .box.c2 a{
    background-color: var(--color-5);
    border: 1px solid var(--color-5);
}

.promo-arhispec .box.c2 a:hover{
    background-color: white;
    color: var(--color-5);
}

.promo-arhispec .box.c3 a{
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
}

.promo-arhispec .box.c3 a:hover{
    background-color: white;
    color: var(--color-3);
}

/* End of Promoveaza-te cu Arhispec */


/* Register Entity */

.register-entity{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    min-height: 100vh;
    background: url('/assets/images/background-login-full.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -68px;
    padding-top: 130px;
    width: 100%;
    padding-bottom: 40px;
}

.register-entity .row{
    padding-left: 15px;
    padding-right: 15px;
}

.register-entity .boxes{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.register-entity .boxes .box{
    width: 50%;
    padding: 30px;
    padding-left: 0px;
    min-height: inherit;
}

.register-entity .boxes .box i{
    font-size: 40px;
    color: var(--color-2);
    margin-bottom: 25px;
}

.register-entity .boxes .box .title{
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 15px;
}

.register-entity .boxes .box .desc{
    font-size: 16px;
    font-weight: 300;
    opacity: 0.8;
}

.register-entity h1{
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px;
}

.register-entity .form p{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
    opacity: 0.8;
}

.register-entity .content{
    padding-left: 100px;
}

.register-entity .form{
    padding: 35px;
    height: fit-content;
    background-color: white;
    box-shadow: 0 0 25px 0 #0000000d;
}

.register-entity .form:hover{
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10) !important;
    transition: 0.2s;
}

.register-entity .customcheck .checkmark:after{
    left: 5px;
    top: 0px;
    width: 8px;
}

.logos-register-slider{
    overflow: hidden;
    margin-top: 35px;
}

.logos-register-slider .logo-box img{
    max-height: 50px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.logos-register-slider .swiper-wrapper {
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
}

.logos-register-slider2{
    overflow: hidden;
    margin-top: 35px;
}

.logos-register-slider2 .logo-box img{
    max-height: 50px;
    max-width: 150px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.logos-register-slider2 .swiper-wrapper {
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
}

.register-entity .main-button a{
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
    padding: 10px 25px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    display: table;
    margin-top: 20px;
}

.register-entity .main-button a:hover{
    cursor: pointer;
    background-color: white;
    color: var(--color-3);
    transition: 0.2s;
}

@media(max-width: 992px){
    .register-entity .form{
        width: 100% !Important;
        max-width: 100% !Important;
        flex: 0 0 100% !important;
        margin-bottom: 50px;
    }

    .register-entity .content{
        width: 100% !Important;
        max-width: 100% !Important;
        flex: 0 0 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .register-entity{
        padding-top: 100px;
        text-align: center;
    }

    .register-entity .boxes .box{
        width: 100%;
        padding-left: 35px;
    }

    .register-entity .main-button a{
        margin-left: auto;
        margin-right: auto;
    }

    .register-entity .input-row{
        text-align: left;
    }
}

.entity-executant i{
    color: var(--color-5) !important;
}

.full-text-exec-reg{
    background-color: var(--color-5);
    padding-top: 40px;
    padding-bottom: 40px;
}

.full-text-exec-reg h4{
    font-size: 20px;
    font-weight: 500;
    color: white;
    text-align: center;
    max-width: 90%;
    width: 700px;
    line-height: 32px;
    margin-left: auto;
    margin-right: auto;
}

.full-text-exec-reg a{
    display: table;
    background-color: white;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 600;
    color: black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 10px;
    border: 1px solid white;
}

.full-text-exec-reg a:hover{
    background-color: var(--color-5);
    color: white;
    border: 1px solid white;
    transition: 0.2s;
}

@media (max-width: 992px){

    .full-text-exec-reg{
        margin-top: -40px;
    }
}

.arhitect-reg-container{

}

.arhitect-reg-container .headings{
    text-align: center;
}

.arhitect-reg-container .headings p{
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 10px;
}

.arhitect-reg-container .headings p strong{
    color: var(--color-3);
    opacity: 1;
}

.arhitect-reg-container .headings a{
    font-size: 16px;
    font-weight: 500;
    color: white;
    background-color: var(--color-4);
    border: 1px solid var(--color-4);
    padding: 10px 25px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.arhitect-reg-container .headings a:hover{
    background-color: white;
    color: var(--color-4);
    transition: 0.2s;
}

.arhitect-reg-container .content{
    padding-left: 0px;
}

.arhitect-reg-container .separator{
    background-color: var(--color-3) !important;
}

.arhitect-reg-container .small-cta{
    background-color: white;
    padding: 5px 15px;
    font-size: 12px;
    border: 1px solid var(--color-3);
    color: var(--color-3);
    font-weight: 600;
    display: table;
    margin-top: 25px;
}

@media (max-width: 992px){
    .arhitect-reg-container .small-cta{
        margin-left: auto;
        margin-right: auto;
    }
}

.arhitect-reg-container .small-cta:hover{
    background-color: var(--color-3);
    color: white;
    transition: 0.2s;
}

.arhitect-reg-container .left-content .small-cta{
    margin-left: auto;
}

.wrapper-register-arch{
    max-width: 90%;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding: 35px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.wrapper-register-arch:hover{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10) !important;
}

.wrapper-register-arch h3{
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px;
}

.register-arhitect-form{
    background-color: var(--color-3);
    padding-top: 60px;
    padding-bottom: 60px;
}

.register-prod-logos-1{
    background-color: #fff7df;
    padding-top: 60px;
    padding-bottom: 60px;
}

.register-prod-logos-1 h3{
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
}

.register-prod-logos-1 p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.register-prod-logos-1 a{
    display: table;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    color: white !important;
    background-color: var(--color-4);
    padding: 12px 25px;
    font-weight: bold;
    border: 1px solid var(--color-4);
}

.register-prod-logos-1 a:hover{
    background-color: white;
    color: var(--color-4) !important;
    transition: 0.2s;
}


.register-prod-logos-2{
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.register-prod-logos-2 h3{
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
}

.register-prod-logos-2 p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.register-prod-logos-2 a{
    display: table;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    color: white !important;
    background-color: var(--color-4);
    padding: 12px 25px;
    font-weight: bold;
    border: 1px solid var(--color-4);
}

.register-prod-logos-2 a:hover{
    background-color: white;
    color: var(--color-4) !important;
    transition: 0.2s;
}

.register-arhitect-form .customcheck .checkmark:after{
    left: 5px;
    top: 0px;
}

.register-two-links{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


.register-two-links a{
    margin: 5px;
}

.register-two-links a:last-child{
    background-color: var(--color-3) !important;
    color: white !important;
}

.register-two-links a:last-child:hover{
    background-color: white !important;
    color: var(--color-3) !important;
    transition: 0.2s !important;
}

.error-message-auth{
    background-color: #fee2e0 !Important;
    opacity: 1 !Important;
    padding: 10px 25px !Important;
    border-radius: 0px !Important;
    font-size: 14px !Important;
    font-weight: 600 !Important;
    color: var(--color-5) !Important;
    display: block;
    margin-top: 0px !Important;
    margin-bottom: 20px !Important;
}

.error-message-auth p{
    font-size: 14px !Important;
    font-weight: 600 !Important;
    color: var(--color-5) !Important;
    opacity: 1 !Important;
}

.error-message-auth.hidden{
    display: none !important;
}

.registered-message-auth{
    background-color: #e0eefe !Important;
    opacity: 1 !Important;
    padding: 10px 25px !Important;
    border-radius: 0px !Important;
    font-size: 14px !Important;
    font-weight: 600 !Important;
    display: block;
    margin-top: 0px !Important;
    margin-bottom: 20px !Important;
}

.registered-message-auth p{
    font-size: 14px !Important;
    font-weight: 600 !Important;
    color: var(--color-1) !Important;
    opacity: 1 !Important;
}

.registered-message-auth.hidden{
    display: none !important;
}

/* End of Register Entity */


.cerere-item{
    display: inline-block;
    padding: 25px;
    border: 1px solid #d8d8d8;
    margin-right: 10px;
    margin-bottom: 10px;
}

.cerere-item a{
    padding: 5px 10px !important;
    font-size: 14px !important;
}


.contact-executant-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
}

.contact-executant-wrapper a{
    margin: 10px;
}

.max-limit-arhitecti h1{
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}

.max-limit-arhitecti p{
    text-align: center;
}

.dashboard-filters .item.export-xls .button{
    background-color: var(--color-2);
    color: white;
    border: 1px solid var(--color-2);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 4px;
}

.dashboard-filters .item.export-xls .button:hover{
    background-color: white;
    color: var(--color-2);
    transition: 0.2s;
}

.filters-dashboard{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.filters-dashboard .item{
    margin: 10px;
    background-color: #f7f7f7;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}

.filters-dashboard .item:first-child, .filters-dashboard .item:last-child{
    margin-left: 0px;
}

.filters-dashboard .item.selected {
    background-color: var(--color-2);
    color: white;
}

.filters-dashboard .item:hover{
    background-color: var(--color-2);
    color: white;
    transition: 0.2s;
    cursor: pointer;
}



/* Change password */

.change-password {

}

.change-password .wrapper{
    max-width: 90%;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.change-password .title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

/* End of change password */


/* Contact Page */

.contact-page .first-part{
    min-height: 100vh;
}

.contact-page p{
    font-size: 16px !important;
    color: black;
    opacity: 1 !important;
}

.contact-page .content-wrapper{
    width: 1000px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.contact-page .boxes{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 30px;
}

.contact-page .boxes .box{
    min-height: inherit;
}

.contact-page .boxes .box img{
    max-width: 70px;
    max-height: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.contact-page .boxes .box p{
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.contact-page .business{
    margin-top: 20px;
}

.contact-page .business strong{
    font-weight: 500;
}

.contact-page .contact-img{
    max-height: 500px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 60px;
    border-radius: 4px;
}

@media (max-width: 992px){

    .contact-page .boxes{
        flex-direction: column !important;
        align-items: center !important;
    }

    .contact-page .boxes .box{
        width: 100% !Important;
        margin-bottom: 30px;
    }

}

/* End of Contact Page */



/* Domains Swiper */

.domainsSwiper .swiper-slide{
    width: 164px;
    height: 70px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    text-align: center;
}

.domainsSwiper .swiper-slide p {
    z-index: 102;
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgb(25 25 25 / 38%);
}

.domainsSwiper .swiper-slide .image-wrapper {
    overflow: hidden;
    background-color: black;
    position: absolute;
    top: 0px;
    z-index: 101;
    width: 100%;
    display: flex;
    height: 100%;
    border-radius: 2px;
}

.domainsSwiper .swiper-slide .image-wrapper img {
    opacity: 0.6;
    object-fit: cover;
    width: 100%;
    object-position: center;
    border-radius: 2px;
    transition: transform .2s;
}

.domainsSwiper{
    overflow: hidden;
    position: relative;
}

.domainsSwiper .swiper-slide:hover > .image-wrapper img{
    transform: scale(1.1);
}

.domainsSwiper .swiper-button-prev{
    justify-content: flex-start !important;
    padding-left: 10px;
    z-index: 100 !important;
    opacity: 1 !important;
    height: 100% !important;
    margin-top: 0px !important;
    top: 0px !important;
    width: 100px !important;
    margin-left: 0px !important;
    left: 0px !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    z-index: 900 !important;
}

.domainsSwiper .swiper-button-next{
    justify-content: flex-end !important;
    padding-right: 10px;
    z-index: 100 !important;
    opacity: 1 !important;
    height: 100% !important;
    margin-top: 0px !important;
    top: 0px !important;
    width: 100px !important;
    margin-right: 0px !important;
    right: 0px !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 900 !important;
}

.domainsSwiper .swiper-button-prev:after{
    content: 'prev';
    font-size: 13px !important;
    padding-right: 2px  !important;
    color: var(--color-1)  !important;
    font-weight: bold  !important;
    background-color: white  !important;
    width: 30px  !important;
    height: 30px  !important;
    border-radius: 15px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

.domainsSwiper .swiper-button-next:after{
    content: 'next';
    font-size: 13px !important;
    padding-left: 1px  !important;
    color: var(--color-1)  !important;
    font-weight: bold  !important;
    background-color: white  !important;
    width: 30px  !important;
    height: 30px  !important;
    border-radius: 15px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

/* End of Domains Swiper */


.producer-silver-stats button{
    margin-left: auto;
    margin-right: auto;
    display: table;
}


/* Static page content */

.static-page-wrapper{
    text-align: left;
}

.static-page-wrapper h4{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.static-page-wrapper p{
    text-align: left !important;
    font-size: 16px;
    margin-bottom: 25px;
}

.static-page-simple{
    background: none;
}

.static-page-simple{

}

.static-page-simple .first-part{
    background: none;
    align-items: flex-start;
}

.static-page-simple ul{
    margin-bottom: 20px;
}

.static-page-simple ul {
    list-style-type: none; /* no default bullets */
}

.static-page-simple ul li {

}

.static-page-simple ul li:before { /* the custom styled bullets */
    background-color: var(--color-2);
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    height: 10px;
    width: 10px;
}

/* End of Static page content */


/* Old gallery wrapper edit */

.old-gallery-wrapper .images{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


.old-gallery-wrapper .images .item{
    width: calc(25% - 20px);
    margin: 10px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    position: relative;
}

.old-gallery-wrapper .images .item .delete{
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    font-weight: bold;
    background-color: var(--color-5);
    color: white;
    border-radius: 4px;
    padding: 3px 15px;
    border: 1px solid var(--color-5);
}

/* End of Old gallery wrapper edit */




/* Custom Modal */


.customModal{
    z-index: 99900;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.70);
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customModal .wrapper{
    background-color: white;
    max-width: 90%;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 35px;
    position: relative;
}

.customModal h4{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.customModal .actions{
    margin-top: 20px;
}

.customModal .close{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--color-2);
    color: white;
    font-size: 24px;
    z-index: 99901;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !Important;
}

.customModal .close:hover{
    cursor: pointer !important;
}

.toFillWrapper{
    display: block;
    position: relative;
}

#toFill #overlay{
    background-color: rgba(255, 255, 255, 1);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
}

/* End of Custom Modal */


/* Ajutor Page */

.shortlinks-ajutor .wrapper{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.shortlinks-ajutor .item{
    background-color: white;
    color: black;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid white;
    padding: 5px 15px;
    margin: 5px;
}

.shortlinks-ajutor .item:hover{
    background-color: var(--color-1);
    color: white;
    cursor: pointer;
    transition: 0.2s;
}

.shortlinks-ajutor{
    background-color: var(--color-1);
    padding-top: 20px;
    padding-bottom: 20px;
}

.container-fluid.ajutor-page{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 90px;
}

.ajutor-page h1{
    margin-bottom: 15px;
}

@media (max-width: 992px){
    .ajutor-page .col-md-6{
        flex: 100%;
        max-width: 100%;
    }

    .ajutor-page iframe{
        width: 100%;
        margin-top: 40px;
    }
}

/* End of Ajutor Page */


.back-to-top-btn{
    background-color: white;
    color: var(--color-4) !important;
    border: 1px solid var(--color-4);
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.back-to-top-btn:hover{
    border: 1px solid white;
    background-color: var(--color-4);
    color: white !important;
    transition: 0.2s;
}

/* Suggestions on products */

.suggestions-wrapper{
    position: absolute;
    width: calc(100% + 2px);
    background-color: white;
    top: 60px;
    border: 1px solid #e6eaea;
    z-index: 900;
}

.suggestions-wrapper .wrapper{
    display: block;
}

.suggestions-wrapper .wrapper h4{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.3;
    margin-bottom: 0px;
    padding: 15px;
    padding-bottom: 10px;
}

.suggestions-wrapper .wrapper .items .item{
    height: auto;
    padding: 7px 15px;
    text-align: left;
    width: 100%;
    display: block;
    border-left: none;
    border-right: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    word-break: break-word;
    margin-left: 0px;
}

.suggestions-wrapper .wrapper .items .item .parent{
    opacity: 0.3;
}

.suggestions-wrapper .wrapper .items .item:hover{
    background-color: var(--color-1);
    color: white;
    transition: 0.2s;
}

.suggestions-wrapper.mobile{
    display: none !important;
}

@media (max-width: 992px){
    .suggestions-wrapper.big{
        display: none !important;
        /*position: fixed;
        top: 231px;
        left: 0px;*/
    }

    .suggestions-wrapper.mobile{
        display: block !important;
        border-top: 0px;
        position: relative;
        top: -1px;
    }
}

/* End of Suggestions on products */

.product-page .section .content a{
    color: var(--secondary);
    font-weight: bold;
}

.product-page .section .content a:hover{
    text-decoration: none;
    cursor: pointer;
}

.lottie-container{
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-prod-counters{
    display: block;
    margin-top: -20px !important;
    font-size: 18px;
    line-height: 25px;
}

.register-prod-counters .strong{
    color: var(--color-3);
    display: inline-block;
    font-weight: bold;
}

.register-prod-counters .strong{
    --animate-repeat: infinite;
}

.register-prod-logos-2 .swiper-wrapper{
    align-items: center;
}

.produc-cta-lp{
    background-color: var(--color-2);
    color: white !important;
    border: 1px solid var(--color-2);
    padding: 10px 25px;
    font-size: 16px;
    display: inline-flex;
    margin-top: 20px;
}

.produc-cta-lp:hover{
    background-color: white;
    color: black !Important;
    transition: 0.2s;
}

.first-section-prod{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 68px;
    padding: 60px;
    background: url('/assets/images/prod-sec-1-img.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.first-section-prod .container{
    margin-bottom: 0px !important;
}

.first-section-prod h1{
    font-size: 30px;
    font-weight: bold;
    max-width: 90%;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.shade-bg{
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
}

@media (max-width: 992px){
    .shade-bg{
        width: 100%;
        height: 100%;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        position: absolute;
        top: 0px;
        left: 0px;
    }
}

.loading-spinner{
    display: block;
    margin: 10 auto;
    font-size: 50px;
    animation: loop 1s infinite;
}

@keyframes loop {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tab-wrapper .overlay{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.post-views-wrapper{
    display: flex;
    align-items: center;
}

.post-views-wrapper i{
    font-size: 30px;
    color: var(--color-5);
    margin-right: 10px;
}

.post-views-wrapper span{
    font-size: 30px;
    font-weight: bold;
}

/* CK-Editor */ 

.ck-content h2{
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 20px;
}

.ck-content h3{
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px;
}

.ck-content h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
}

.ck-content p{
    margin-bottom: 20px;
}

.ck-content ul{
    list-style: disc !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
}

.ck-content ol{
    list-style: auto !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
}

/* CKEditor Image Alignment Styles */
.ck-content .image,
.article-content-part .image,
.text .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}

.ck-content .image img,
.article-content-part .image img,
.text .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.ck-content .image.image_resized,
.article-content-part .image.image_resized,
.text .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.ck-content .image.image_resized img,
.article-content-part .image.image_resized img,
.text .image.image_resized img {
    width: 100%;
}

.ck-content .image.image_resized > figcaption,
.article-content-part .image.image_resized > figcaption,
.text .image.image_resized > figcaption {
    display: block;
}

/* Inline image */
.ck-content .image-inline,
.article-content-part .image-inline,
.text .image-inline {
    display: inline-block;
    margin: 0;
    max-width: 100%;
}

.ck-content .image-inline img,
.article-content-part .image-inline img,
.text .image-inline img {
    display: inline-block;
    margin: 0;
}

/* Side image - right aligned (default side behavior) */
.ck-content .image-style-side,
.article-content-part .image-style-side,
.text .image-style-side {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
    max-width: 50%;
}
 
/* Side image - left aligned */
.ck-content .image-style-align-left,
.article-content-part .image-style-align-left,
.text .image-style-align-left {
    float: left;
    margin-right: 1.5em;
    margin-left: 0;
    max-width: 50%;
}

/* Side image - right aligned */
.ck-content .image-style-align-right,
.article-content-part .image-style-align-right,
.text .image-style-align-right {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
    max-width: 50%;
}

/* Centered image */
.ck-content .image-style-align-center,
.article-content-part .image-style-align-center,
.text .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Image captions */
.ck-content .image > figcaption,
.article-content-part .image > figcaption,
.text .image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #666;
    background-color: #f7f7f7;
    padding: 0.6em;
    font-size: 0.75em;
    outline-offset: -1px;
    margin-top: 0.5em;
}

/* Block image */
.ck-content .image-style-block-align-left,
.article-content-part .image-style-block-align-left,
.text .image-style-block-align-left {
    margin-right: auto;
    margin-left: 0;
}

.ck-content .image-style-block-align-right,
.article-content-part .image-style-block-align-right, 
.text .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0; 
}

/* Clear floats after images */
.ck-content .image:after,
.article-content-part .image:after,
.text .image:after {
    content: "";
    display: table; 
    clear: both;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ck-content .image-style-side,
    .ck-content .image-style-align-left,
    .ck-content .image-style-align-right,
    .article-content-part .image-style-side,
    .article-content-part .image-style-align-left,
    .article-content-part .image-style-align-right,
    .text .image-style-side,
    .text .image-style-align-left,
    .text .image-style-align-right {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}

/* End of CK-Editor */