/* Font PF BeauSans PRO */
@import url('/assets/fonts/stylesheet.css');

body{
    font-family: 'PF BeauSans Pro';
    overflow-x: hidden;
    background-color: #f5f5f5;
    color: #373737;
}
.navigate .row{
    position: fixed;
    top: 0;
    z-index: 9;
}
.logo{
    width: 200px;
    margin-top: 8px;
    margin-right: 50px;
}
.navbar-nav{
    margin-left: 30px;
    margin-right: 80px!important;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.9);
    padding-right: 0!important;
    padding-left: 0!important;
}
.navbar-nav .nav-item{
    margin-right: 40px;
    margin-top: 13px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    border-bottom: 2px solid #800080;
    color: #800080!important;
}
.navbar-light .navbar-nav .nav-link:hover{
    border-bottom: 2px solid #800080;
    color: #800080!important;
}
.lang-block{
    margin-right: 30px;
    margin-top: 10px;
}
.lang-block ul{
    padding: 0;
    margin: 0;
}
.mporti{
    display: none;
}
.dskporti{
    display: block;
}
.lang-block ul li{
    list-style-type: none;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    padding-top: 2px;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.lang-block .curent{
    border: 1px solid #800080;
}
.lang-block .curent a{
    color: #800080;
}
.lang-block .active-lang a{
    color: #800080;
}
.lang-block a{
    color: rgba(0,0,0,.9);
    font-size: 13px;
    text-decoration: none;
}
.nav-call{
    margin-top: 5px;
}
.nav-call img{
    width: 30px;
}
.nav-call a{
    color: rgba(0,0,0,.9);
    font-size: 21px;
    font-weight: 600;
    text-decoration: none;
}











/* HEADER STYLES */
.header{
    padding-top: 100px;
    height: 100vh;
    background-image: url("/assets/images/background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header-multumim{
    padding-top: 100px;
    height: 100vh;
    background-image: url("/assets/images/background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.head-triagle{
    margin-top: -85px
}
.header .angled_down_outside {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.angled_down_outside.lightgray .slope.downright, .angled_down_outside.lightgray .slope.downleft {
    background-color: #f5f5f5;
}
.angled_down_outside .slope.downleft {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    min-height: 100px;
    position: absolute;
    bottom: -49px;
    left: 0px;
    width: 150%;
    margin-left: -50%;
}
.angled_down_outside .slope.downright {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    min-height: 100px;
    bottom: -70px;
    position: absolute;
    right: 0px;
    width: 150%;
    margin-right: -50%;
}
.angled_down_outside.lightgray .slope.downright, .angled_down_outside.lightgray .slope.downleft {
    background-color: #f5f5f5;
}
.header-text{
    padding-top: 50px;
}
.header-text h4{
    font-weight: 100;
    margin-top: 50px;
}

.header-text .btn{
    margin-top: 50px;
    color: #fff!important;
    border-radius: 15px;
    width: 200px;
    -webkit-box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
    -moz-box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
    box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
}
.btn{
    margin-top: 50px;
    color: #fff!important;
    border-radius: 15px;
    width: 200px;
    -webkit-box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
    -moz-box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
    box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
}
.header-text .btn-warning{
    background-color: #ffa812;
    border-color: #ffa812;
}
.header-text .btn-warning:after{
    background-color: #ffa812;
    border-color: #ffa812;
}
.header-text .btn-warning:active{
    background-color: #ffa812;
    border-color: #ffa812;
}
.btn-warning{
    background-color: #ffa812;
    border-color: #ffa812;
}
.btn-warning:after{
    background-color: #ffa812;
    border-color: #ffa812;
}
.btn-warning:active{
    background-color: #ffa812;
    border-color: #ffa812;
}
.header-text .btn-danger{
    background-color: #800080;
    border-color: #800080;
}
.header-text .btn-danger:after{
    background-color: #800080;
    border-color: #800080;
}
.btn-danger{
    background-color: #800080;
    border-color: #800080;
}
.btn-danger:after{
    background-color: #800080;
    border-color: #800080;
}


.header .btn{
    color: #fff!important;
    border-radius: 15px;
    width: 200px;
    -webkit-box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
    -moz-box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
    box-shadow: 0px 15px 15px -10px rgba(87,87,87,1);
}
.header .btn-warning{
    background-color: #ffa812;
    border-color: #ffa812;
}
.header .btn-warning:after{
    background-color: #ffa812;
    border-color: #ffa812;
}
.header .btn-warning:active{
    background-color: #ffa812;
    border-color: #ffa812;
}
.header .btn-danger{
    background-color: #800080;
    border-color: #800080;
}
.header .btn-danger:after{
    background-color: #800080;
    border-color: #800080;
}
.header-patrat{
    padding-left: 30px;
    height: 100%;
}
.header-patrat h1, .header-patrat h2, .header-patrat h4{
    margin-left: -30px;
}
.header-patrat .color-title{
    color: #800080;
    font-size: 72px;
    font-weight: 700;
}
.header-patrat .color-title span{
    color: #393939;
    font-size: 24px;
    font-weight: 300;
    padding-left: 20px;
}
.header-patrat .left-border{
    border-left: 10px solid #800080;
    height: 50px;
}
.header-patrat .left-border-text{
    border-left: 10px solid #800080;
    padding: 15px;
}
.header-patrat .left-border-text button{
    margin-top: 20px;
    padding-top: 3px;
    padding-button: 3px;
}
.header-patrat .left-border-text p{
    margin-bottom: 0;
}
.header-patrat .patrat{
    border: 10px solid #800080;
    border-left: none;
    height: 100%;
}



@media (max-width: 1349px) {

}


.header img{
    margin-top: -50px;
}
.header .col-md-7 span{
    border-bottom: 2px solid #800080;
}
.service-img-ferestre {
    position: absolute;
    top: 87px;
    left: 65px;
    color: #800080;
}
.service-img-usi {
    position: absolute;
    top: 3px;
    left: 385px;
    color: #800080;
}
.service-img-poarta {
    position: absolute;
    bottom: 81px;
    left: 43px;
    color: #800080;
}
.service-img-jaluzele {
    position: absolute;
    bottom: 145px;
    right: 54px;
    color: #800080;
}

.service-img-ferestre-ru {
    position: absolute;
    top: 87px;
    left: 88px;
    color: #800080;
}
.service-img-usi-ru {
    position: absolute;
    top: 3px;
    left: 385px;
    color: #800080;
}
.service-img-poarta-ru {
    position: absolute;
    bottom: 81px;
    left: 123px;
    color: #800080;
}
.service-img-jaluzele-ru {
    position: absolute;
    bottom: 145px;
    right: 56px;
    color: #800080;
}

.service-img-ferestre-en {
    position: absolute;
    top: 87px;
    left: 62px;
    color: #800080;
}
.service-img-usi-en {
    position: absolute;
    top: 3px;
    left: 385px;
    color: #800080;
}
.service-img-poarta-en {
    position: absolute;
    bottom: 81px;
    left: 38px;
    color: #800080;
}
.service-img-jaluzele-en {
    position: absolute;
    bottom: 145px;
    right: 69px;
    color: #800080;
}

.service-img-ferestre-it {
    position: absolute;
    top: 87px;
    left: 44px;
    color: #800080;
}
.service-img-usi-it {
    position: absolute;
    top: 3px;
    left: 385px;
    color: #800080;
}
.service-img-poarta-it {
    position: absolute;
    bottom: 81px;
    left: 124px;
    color: #800080;
}
.service-img-jaluzele-it {
    position: absolute;
    bottom: 146px;
    right: 2px;
    color: #800080;
}


.title{
    font-weight: 700;
    margin-bottom: 0;
}
.title-orange{
    font-weight: 700;
    color: #ffa812;
}














.angled_up_inside.white, .angled_up_inside.white .slope.upright, .angled_up_inside.white .slope.upleft {
    background-color: #f5f5f5;
}
.angled_up_inside {
    height: 200px;
    margin-top: -110px;
    position: relative;
    margin-bottom: 0px;
    z-index: 10;
}
.angled_up_inside.white, .angled_up_inside.white .slope.upright, .angled_up_inside.white .slope.upleft {
    background-color: #f5f5f5;
}
.angled_up_inside .slope.upleft {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    min-height: 100px;
    position: absolute;
    top: 126px;
    left: 0px;
    width: 150%;
    margin-left: -50%;
}
.angled_up_inside.white, .angled_up_inside.white .slope.upright, .angled_up_inside.white .slope.upleft {
    background-color: #f5f5f5;
}
@media only screen and (min-width: 1450px){
    .angled_up_inside .slope.upright {
        top: 158px;
    }
}
.angled_up_inside .slope.upright {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    min-height: 100px;
    position: absolute;
    top: 160px;
    right: 0px;
    width: 150%;
    margin-right: -50%;
}




.servicesBlockMainPage a{
    text-decoration: none;
}

@media (min-width:1600px) and (max-width:4000px) {
    .servicesBlockMainPage {
        background-size: 60% 65%
    }
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage {
        background: 0 0;
        padding: 65px 0 100px 0
    }
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage {
        padding: 65px 0 35px 0
    }
}

.servicesBlockMainPage .title {
    font-size: 40px;
    width: 100%;
    padding: 0 20px
}

.servicesBlockMainPage .card {
    border-radius: 15px;
    background-color: #fff;
    margin: 30px 0 0 0;
    padding: 10px;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    box-shadow: 0 0 15px 1px #d2cfcf;
}
.servicesBlockMainPage .card img{
    width: 100%;
}

@media only screen and (max-width:992px) {
    .servicesBlockMainPage .card {
        height: 330px;
        padding: 25px 30px
    }
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage .card {
        height: 250px
    }
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card {
        height: 330px;
        padding: 25px 30px
    }
}

.servicesBlockMainPage .card:hover {
    background: #ffa812
}

.servicesBlockMainPage .card:hover .title {
    color: #fff
}

.servicesBlockMainPage .card:hover .description {
    color: #fff
}

.servicesBlockMainPage .card:hover .cardIcon svg use {
    fill: #fff
}

.servicesBlockMainPage .card:hover .priceContainer .text {
    color: #fff
}

.servicesBlockMainPage .card:hover .priceContainer .price {
    color: #fff
}

.servicesBlockMainPage .card:hover .goToLinkContainer .text {
    visibility: visible;
    opacity: 1
}

.servicesBlockMainPage .card:hover .goToLinkContainer .arrow {
    width: 18px;
    height: 17px;
    fill: #ffa812
}

.servicesBlockMainPage .card:hover .circleBackground {
    top: 120px;
    right: -90px;
}

.servicesBlockMainPage .last-produs:hover .circleBackground {
    top: 360px;
    right: -100px;
}

.servicesBlockMainPage .card .title {
    color: #ffa812;
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 3px 0 0 0;
    max-width: 80%;
    max-height: 75px;
    overflow: hidden;
    line-height: 31px
}

.servicesBlockMainPage .card .description {
    color: #000;
    font-size: 14px;
    margin-bottom: 50px;
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage .card .description {
        max-height: 55px
    }
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .description {
        max-height: 105px
    }
}

.servicesBlockMainPage .card .cardIcon {
    position: absolute;
    bottom: 40px;
    left: 40px
}

@media only screen and (max-width:992px) {
    .servicesBlockMainPage .card .cardIcon {
        bottom: 29px;
        left: 41px
    }
}

.servicesBlockMainPage .card .cardIcon.contabilitate {
    width: 36px;
    height: 50px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.contabilitate {
        width: 26px;
        height: 40px
    }
}

.servicesBlockMainPage .card .cardIcon.resurse-umane {
    width: 55px;
    height: 55px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.resurse-umane {
        width: 45px;
        height: 45px
    }
}

.servicesBlockMainPage .card .cardIcon.consultanta-fiscala {
    width: 46px;
    height: 55px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.consultanta-fiscala {
        width: 36px;
        height: 45px
    }
}

.servicesBlockMainPage .card .cardIcon.modificarea-datelor-companiei {
    width: 43px;
    height: 50px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.modificarea-datelor-companiei {
        width: 33px;
        height: 40px
    }
}

.servicesBlockMainPage .card .cardIcon.adresa-juridica {
    width: 35px;
    height: 50px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.adresa-juridica {
        width: 25px;
        height: 40px
    }
}

.servicesBlockMainPage .card .cardIcon.infiintarea-si-modificarea-companiei {
    width: 50px;
    height: 50px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.infiintarea-si-modificarea-companiei {
        width: 40px;
        height: 40px
    }
}

.servicesBlockMainPage .card .cardIcon.lichidarea-companiei {
    width: 48px;
    height: 50px
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .cardIcon.lichidarea-companiei {
        width: 38px;
        height: 40px
    }
}

.servicesBlockMainPage .card .cardIcon svg use {
    fill: #ffa812
}

.servicesBlockMainPage .card .priceContainer {
    position: absolute;
    bottom: 40px;
    right: 40px
}

@media only screen and (max-width:992px) {
    .servicesBlockMainPage .card .priceContainer {
        bottom: 30px;
        right: 30px
    }
}

.servicesBlockMainPage .card .priceContainer .text {
    color: #c8d6eb;
    font-size: 16px;
    line-height: 19px
}

.servicesBlockMainPage .card .priceContainer .price {
    color: #ffa812;
    font-size: 50px
}

@media only screen and (max-width:992px) {
    .servicesBlockMainPage .card .priceContainer .price {
        font-size: 40px
    }
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .card .priceContainer .price {
        font-size: 35px
    }
    .servicesBlockMainPage .card .priceContainer .price .currency {
        font-size: 35px
    }
}

.servicesBlockMainPage .card .priceContainer .price .price-amount {
    right: 0
}

.servicesBlockMainPage .card .goToLinkContainer {
    position: absolute;
    bottom: 20px;
    right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

@media only screen and (max-width:992px) {
    .servicesBlockMainPage .card .goToLinkContainer {
        bottom: 10px;
        right: 30px
    }
}

.servicesBlockMainPage .card .goToLinkContainer .text {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    color: #ffa812;
    font-size: 16px;
    margin: 0 10px 0 0;
    padding-top: 10px;
}

.servicesBlockMainPage .card .goToLinkContainer .arrow {
    width: 18px;
    height: 17px;
    fill: #800080;
}

.servicesBlockMainPage .card .circleBackground {
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 800px;
    right: -800px;
    -webkit-transition: .6s;
    transition: .6s
}

.servicesBlockMainPage .card .circleBackground.active {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10)
}

.servicesBlockMainPage .feedback {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage .feedback {
        height: 250px
    }
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .feedback {
        height: 330px
    }
}

.servicesBlockMainPage .feedback .title {
    font-size: 40px;
    line-height: 1.2;
    color: #000;
    font-family: Regular;
    padding: 0
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .feedback .title {
        font-size: 30px
    }
}

.servicesBlockMainPage .feedback form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0 0 0
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .feedback form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 0 0 0
    }
}


@media only screen and (max-width:992px) {
    .servicesBlockMainPage .feedback form .inputContainer {
        width: 195px
    }
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage .feedback form .inputContainer {
        width: 360px
    }
}

@media only screen and (max-width:576px) {
    .servicesBlockMainPage .feedback form .inputContainer {
        width: 100%;
        margin: 0 0 20px 0
    }
}


.servicesBlockMainPage .feedback form .inputContainer.error {
    visibility: visible;
    color: #000;
    padding: 0 10px 0 45px;
    background: #fbeddd url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><path id="yjola" d="M967.977 440.784a.968.968 0 0 1-.296.847l-2.816 2.797a1.585 1.585 0 0 1-.498.36 2.055 2.055 0 0 1-.603.19 2.09 2.09 0 0 0-.127.011 2.88 2.88 0 0 1-.275.011c-.268 0-.703-.046-1.302-.138-.6-.092-1.334-.318-2.202-.678-.869-.36-1.853-.9-2.954-1.62-1.1-.72-2.272-1.71-3.515-2.967-.988-.974-1.806-1.906-2.456-2.796-.649-.89-1.171-1.713-1.566-2.468-.396-.756-.692-1.441-.89-2.055a10.909 10.909 0 0 1-.402-1.59c-.07-.444-.099-.794-.085-1.048.014-.254.022-.396.022-.424a2.06 2.06 0 0 1 .19-.604c.099-.205.219-.37.36-.498l2.816-2.817a.932.932 0 0 1 .677-.297.79.79 0 0 1 .487.159c.142.106.262.237.36.392l2.266 4.3c.127.227.162.474.106.742a1.32 1.32 0 0 1-.36.678l-1.038 1.038a.353.353 0 0 0-.074.138.523.523 0 0 0-.032.159c.057.297.184.636.382 1.017.169.339.43.752.783 1.24.353.487.854 1.048 1.503 1.684.635.65 1.2 1.154 1.694 1.514.494.36.907.625 1.239.795.331.17.585.272.762.307l.264.053c.029 0 .075-.01.138-.032a.353.353 0 0 0 .138-.074l1.207-1.229c.254-.226.55-.339.889-.339.24 0 .43.043.571.127h.022l4.086 2.416c.296.183.473.416.53.699z"/></defs><g><g transform="translate(-948 -425)"><g><g><g><use fill="#fea43e" xlink:href="#yjola"/></g></g></g></g></g></svg>') no-repeat;
    background-size: 20px 20px;
    background-position: 15px 50%;
    font-size: 16px
}

.servicesBlockMainPage .feedback form .inputContainer.error input {
    background: #fbeddd
}

.servicesBlockMainPage .feedback form .inputContainer input {
    width: 100%
}

.servicesBlockMainPage .feedback form .inputContainer input::-webkit-input-placeholder {
    color: #c8d6eb
}

.servicesBlockMainPage .feedback form .inputContainer input:-ms-input-placeholder {
    color: #c8d6eb
}

.servicesBlockMainPage .feedback form .inputContainer input::placeholder {
    color: #c8d6eb
}

.servicesBlockMainPage .feedback form .error {
    color: #fea43e
}

.servicesBlockMainPage .feedback form .error.active {
    visibility: visible
}

.servicesBlockMainPage .feedback form .button_su {
    margin: 0 0 30px 0;
    width: 114px;
    height: 45px
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage .feedback form .button_su {
        width: 130px
    }
}

.servicesBlockMainPage .feedback form .button_su_inner {
    padding: 15px 20px;
    width: 114px;
    height: 45px;
    border-radius: 3px;
    -webkit-transition: .4s;
    transition: .4s
}

@media only screen and (max-width:767px) {
    .servicesBlockMainPage .feedback form .button_su_inner {
        width: 130px
    }
}

.lastimg-produs{
    margin-bottom: 24px;
}







.mhouse-top {
    display:none;
}

.mtop-btns{
    display:none;
}
.desctop-btns{
    display:block;
}





.avantaje{
    background-image: url("/assets/images/background3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}
.avantaje img{
    margin-bottom: -100px;
}
.avantaje p{
    margin-bottom: 80px;
}
.avantaje .point{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #800080;
    margin: 20px 10px 10px 0px;
}

.avantaje2 {
    background-image: url("/assets/images/background2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}
.avantaje2 img{
    margin-bottom: -100px;
}
.avantaje2 p{
    margin-bottom: 80px;
}
.avantaje2 .point{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #800080;
    margin: 20px 10px 10px 0px;
}






.catalog{
    padding-bottom: 50px;
}
.catalog-title h1{
    font-weight: 700;
}
.slider-item{
    border-radius: 20px;
    box-shadow: 0 2px 3px rgba(56, 59, 61, .2);
    height: 300px;
    object-fit: cover;
}
.slider-item img{
    width: 100%;
    border-radius: 20px;
    height: 300px;
    object-fit: cover;
}
.slider-item a{
    font-size: 12px;
    color: #a1a1a1;
    float: right;
    text-decoration: none;
    padding-top: 5px;
    margin-right: 5px;
    outline: none;
}
.owl{
    margin: 0px!important;
}
.owl .col-md-12{
    padding: 0px!important;
}
.owl .owl-item {
    opacity: 0;
}
.owl .active {
    opacity: 0.2;
    margin-right: -50px!important;
    z-index: -100;
}
.owl .active:first-of-type {
    margin-left: -50px!important;
}
.owl .center {
    opacity: 1;
    z-index: 100;
}
@media (min-width: 768px) {
    .owl .center {
        width: 523px!important;
    }
    .produs-owl .owl .center {
        width: 623px!important;
        height: 400px!important;
        margin-top: -50px;
    }
    .produs-owl .owl .center img{
        height: 400px!important;
        width: 550px!important;
    }
    .produs-owl .owl .active {
        margin-right: -100px!important;
    }
    .produs-owl .owl .active:first-of-type {
        margin-left: -100px!important;
    }
}
.owl .center .slider-item img {
    margin-right: 27px!important;
    box-shadow: 0 0 30px;
}
.owl-stage{
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
.owl-dots{
    display: none!important;
}
.owl-prev{
    background: transparent!important;
    padding: 0px!important;
    outline: none!important;
    position: absolute;
    top: 39%;
    left: 25%;
}
.owl-next{
    background: transparent!important;
    padding: 0px!important;
    outline: none!important;
    position: absolute;
    top: 39%;
    right: 25%;
}
.catalog-filter{
    margin: 0;
    padding: 0;
    padding-top: 20px;
    text-align: center;
}
.catalog-filter li{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

.catalog-filter a{
    color: #313131;
    font-weight: 600;
    text-decoration: none;
}
.catalog-filter a:hover{
    color: #FFA812!important;
    border-bottom: 2px solid #FFA812;
}
.cf-active{
    color: #FFA812!important;
    border-bottom: 2px solid #FFA812;
}
.footer{
    position: relative;
    z-index: 11;
}
.footer-block{
    background-color: #e9a217;
    border-radius: 15px;
    padding: 25px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 0 30px #797979;
}
.footer-block .col-md-5 h5{
    margin-left: 80px;
    font-weight: 600;
}
.footer-block .col-md-5 a{
    text-decoration: none;
    color: #474548;
}
.footer-block h2{
    color: #fff;
}
.footer-block h6{
    color: #fff;
}
.footer-block input{
    margin-top: 25px;
    border-radius: 25px;
    padding-left: 15px;
    border: 0;
    box-shadow: 0 0 0 transparent;
}
.footer-block textarea{
    margin-top: 25px;
    border-radius: 25px;
    padding-left: 15px;
    padding-top: 15px;
    border: 0;
    box-shadow: 0 0 0 transparent;
    height: 200px;
}

.footer-block .circleForm{
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: -180px;
    bottom: -370px;
    z-index: 1;
}
.footer-block button{
    position: absolute;
    right: 15px;
    bottom:  -45px;
    z-index: 9;
    border-radius: 25px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    width: 120px;
}
.line{
    width: 100%;
    height: 50px;
}
#solConsult .footer-block{
    box-shadow: 0 0 50px;
}
#solConsult .footer-block button{
    bottom: -10px;
    width: 120px;
}
#solConsult .footer-block .circleForm{
    right: -140px;
    bottom: -350px;
}
#solConsult .footer-block h2 span{
    float: right;
    cursor: pointer;
}
.modal-content {
    border: none!important;
}

footer{
    background: #303030;
    padding-top: 0px;
    padding-bottom: 40px;
    position: relative;
    z-index: 13;
}
footer .logo-footer{
    width: 75%;
    margin-bottom: 30px;
}
footer .footer-icon-phone{
    float: left;
    margin-right: 10px;
    width: 44px;
}
footer .footer-icon-email{
    float: left;
    margin-right: 15px;
    margin-top: -8px;
    margin-left: 5px;
    width: 35px;
}
footer a{
    color: #fff;
    text-decoration: none;
    font-weight: 100;
}
footer a:hover{
    color: #fff;
    text-decoration: none;
}
footer ul{
    padding: 0;
    margin: 0;
    margin-top: 109px;
}
footer ul li{
    list-style-type: none;
}
footer ul li a{
    font-size: 21px;
}
footer .btn-warning{
    margin-top: 109px;
    border-radius: 25px;
    background-color: #e9a217;
    border-color: #e9a217;
    color: #fff;
    width: 100%;
}
footer .footer-social h5{
    margin-top: 25px;
    color: #fff;
    font-weight: 100;
}
footer .footer-social img{
    width: 30px;
}
.proces-lucru .card{
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 15px 1px #d2cfcf;
    padding: 10px;
    overflow: hidden;
    padding-bottom: 20px;
}
.proces-lucru .card h5{
    margin-top: 10px;
    z-index: 999;
}
.proces-lucru .card span{
    padding-right: 20px;
    color: #fff;
}
.proces-lucru .card p{
    padding-left: 55px;
    margin-bottom: 0;
    font-size: 14px;
}
.proces-lucru .card .circle{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #e79d1e;
    position: absolute;
    top: -30px;
    left: -45px;
}
.about p{
    font-size: 14px;
}

.about-headdescr img{
    width: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.about-headdescr p{
    font-size: 14px;
}
.contacts-form h4{
    color: #800080;
}
.contacts-form input{
    margin-top: 25px;
    border-radius: 25px;
    padding-left: 15px;
    border: 0;
    outline: none;
}
.contacts-form textarea{
    margin-top: 25px;
    border-radius: 25px;
    padding-left: 15px;
    padding-top: 15px;
    border: 0;
    height: 150px;
    outline: none;
}

.contacts-form button{
    margin-top: 25px;
    float: right;
}
.form-control:focus {
    border-color: #800080;
    box-shadow: 0 0 0 0.2rem rgba(128, 0, 128, 0.31);
}
.contact-data .card{
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 15px 1px #d2cfcf;
    padding: 15px;
}
.contact-data .card h4{
    color: #800080;
}
.about-partners .owl-dots {
    display: block!important;
    text-align: center;
}
.about-partners .owl-dots .owl-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0;
    margin-right: 10px;
    padding: 0;
    background-color: rgba(255, 168, 18, 0.51);
    outline: none;
}
.about-partners .owl-dots .active{
    background-color: rgba(255, 168, 18, 1);
}
.about-partners .owl-nav {
    display: none!important;
}
.avantaje-btn{
    float: right;
}
.mt-10{
    margin-top: 100px!important;
    margin-right: 50px;
}







.description-produs .point{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #800080;
    margin: 8px 10px 10px 0px;
}
.description-produs .av p{
    margin-bottom: 40px;
}

.ml-2{
    margin-left: 20px!important;
}
.ml-3{
    margin-left: 30px!important;
}
.why-produs-img{
    position: absolute;
    bottom: -30px;
    left: -140px;
    width: 650px;
}
.produs-proces{
    margin-top: 100px;
}
.avantaje-cifre{
    margin-top: 30px;
    text-align: center;
}
.avantaje-cifre h1{
    font-weight: 900;
    margin-bottom: 0;
}
.avantaje-cifre p{
    font-size: 21px;
    margin-bottom: 0;
}
.p-0{
    padding: 0!important;
}


.testiomonials .owl .center {
    width: 823px!important;
    margin-left: -180px;
}
.testiomonials .slider-item{
    background-color: #fff;
    height: 500px;
}
.testiomonials .owl .center img{
    width: 400px;
    height: 500px;
    float: left;
    border-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.testiomonials .cloned p{
    display: none;
}
.testiomonials .active p{
    display: none;
}
.testiomonials .center p{
    display: block!important;
}
.testiomonials .cloned img{
    display: none;
}
.testiomonials .active img{
    display: none;
}
.testiomonials .center img{
    display: block!important;
}

.testiomonials .cloned h3{
    display: none;
}
.testiomonials .active h3{
    display: none;
}
.testiomonials .center h3{
    display: block!important;
}

.testiomonials .cloned h6{
    display: none;
}
.testiomonials .active h6{
    display: none;
}
.testiomonials .center h6{
    display: block!important;
}




.testiomonials .cloned{
    visibility: hidden;
}
.testiomonials .active{
    visibility: hidden;
}
.testiomonials .center{
    visibility: visible!important;
}

.testiomonials .owl-stage-outer{
    height: 600px;
}
.testiomonials .owl .center .slider-item img {
    box-shadow: 0 0 0px transparent!important;
}
.testiomonials .slider-item {
    box-shadow: 0 0 30px #797979;
}
.testiomonials .owl-nav {
    display: block!important;
}
.testiomonials .owl-prev {
    top: 41%;
    left: 11%;
}
.testiomonials .owl-next {
    top: 41%;
    right: 16%;
}


.produs-partners{
    padding-top: 100px;
    padding-bottom: 50px
}


.avantaje-top-tragle{
    margin-bottom: 0!important;
}
.map{
    position: relative;
    z-index: 10;
}
.copyrights{
    background: #1d1d1d;
    color: #fff;
    padding: 10px;
}
.copyrights .author{
    float: right;
}
.copyrights .author a{
    color: #fff;
    text-decoration: none;
}
.footer-triagle{
    margin-top: -107px;
    z-index: 12;
}
.about-partners .owl-stage{
    padding: 0!important;
}
.produs-owl .owl-stage{
    padding-top: 100px!important;
    padding-bottom: 40px!important;
}
.produs-owl .container{
    max-width: 1300px;
    margin-top: -30px;
}

.produs-owl .slider-item{
    box-shadow: none;
}
.produs-owl .owl-prev {
    top: 45%;
    top: 45%;
}
.produs-owl .owl-next {
    top: 45%;
}
.produs-owl .owl-nav{
    display: block!important;
}

.video-produs {
    border-radius: 20px;
    box-shadow: 0 0 30px;
    border-style: none;
    text-decoration: none;
}

.service-img a{
    text-decoration: none;
    color: #800080;
}

.service-img a:hover {
    color: #ffa812;
}

.card {
    box-shadow: 0 0 15px 1px #d2cfcf;
    margin-bottom: 30px;
}

.promo{
    position: absolute;
    top: -20px;
    right: -15px;
    width: 115px;
    height: 115px;
    background-color: #ffa812;
    color: #fff;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    font-weight: 700;
    padding-top: 23px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
.promo p{
    margin-bottom: 0;
}