.img-responsive {

    object-fit: cover;

}



body{

    padding-top: 50px;

    font-family: 'Nunito', sans-serif !important;

}

footer{

    padding-top:50px;

}

section {

    /*display: flex;*/

    justify-content: center;

    width: 100%;

    

}



h1 {

    font-size: 26px !important;

    color: #202020;

    margin-bottom: 0px;

}

h2 {

    font-size: 26px !important;

    word-break: break-word;

}

p {

    font-size: 16px;

}



#jtlinesection {

    display: block !important;

    justify-content: center;

    width: 100%;

}

@media (min-width: 1400px) {

 

    .container {

        width: 1300px;

    }

}

.border {

    min-height: 1px;

    clear: both;

    width: 60px;

    margin-right: auto;

    margin-left: auto;

    border-bottom: 1px solid #333;

    height: 2px;

    padding-top: 5px;

    margin-top: 20px;

}

#mainNav {

    width: 100%;

    padding: 27.5px 0;

    /*padding: 15px 0;*/

    /* animation magic */

    -webkit-transition: all 0.4s ease-in-out;

    /*-moz-transition: all 0.4s ease-in-out;*/

    z-index: 9999;

    top: 0;

    position: fixed;

    background-color: #ffffff;

}

.shrink {

    padding: 10px 0 !important;

    /*padding-top: 30px !important;*/

}

#desprenoi {

    overflow: visible;

    height:100vh;

    color: white;

}

.about > .slick-next {

    right: 80px;

    z-index: 9999;

}

.about >.slick-prev {

    left: 80px;

    z-index: 9999;

}

#about.h1 {

    color: white;

}

#about {

    height: 100vh;

    color: white;

    /*justify-content: center;*/

    display: flex;

    background: url('../img/2_stadt_main_lemn.jpg') no-repeat;

    /*background: url('../img/photo_site_1_rezidential.jpg') no-repeat;*/

    /* background: url('../img/1_stadt_main_mocheta.png') no-repeat; */

    background-position: center;

    background-size: cover;

}



#poza3 {

    height: 100vh;

    color: white;

    /*justify-content: center;*/

    display: flex;

    background: url('../img/poza3.jpg') no-repeat;

    /*background: url('../img/photo_site_1_rezidential.jpg') no-repeat;*/

    /* background: url('../img/1_stadt_main_mocheta.png') no-repeat; */

    background-position: center;

    background-size: cover;

}



#about-slider > .owl-controls > .owl-nav > .owl-prev {

    background-image: url('../img/icons/arrow_left.svg') !important;

    background-color: #808080ad;

}

#about-slider > .owl-controls > .owl-nav > .owl-next {

    background-image: url('../img/icons/arrow_right.svg') !important;

    background-color: #808080ad;

}



#about-slider > .owl-controls > .owl-nav > .owl-prev:hover{

    background-color: #a7a7a7ad;

}

#about-slider > .owl-controls > .owl-nav > .owl-next:hover{

    background-color: #a7a7a7ad;

}



.btn-contact {

    margin-top: 70px;

    height: 48px;

    width: 179px;

    border-radius: 3px;

    border: 1px solid rgba(0, 0, 255, 0.21);;

    /*border:1px solid blue;*/

    line-height: 36px;

    color: white;

    background-color: #81725f;

    /*background-color: deepskyblue;*/

}



.btn-contact-cumlucram {

    margin-top: 15px;

    height: 48px;

    width: 179px;

    border-radius: 3px;

    border: 1px solid rgba(0, 0, 255, 0.21);;

    /*border:1px solid blue;*/

    line-height: 36px;

    color: white;

    background-color: #81725f;

    /*background-color: deepskyblue;*/



}

a:hover {

    text-decoration: none;

}



#vision {

    /* background: url('../img/2_stadt_main_lemn.jpg') no-repeat; */

    background: url('../img/1_stadt_main_mocheta.png') no-repeat;

    /*background: url('../img/photo_site_2.jpeg') no-repeat;*/

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}

#cluj {

    background: url('../img/3_stadt_main_vinyl_lux_2.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: white;

    height:100vh;

    display: flex;

}



#cluj :: #about-slider > .owl-controls > .owl-nav > .owl-prev {

    background-image: url('../img/icons/arrow_left.svg');

}



#cluj :: #about-slider > .owl-controls > .owl-nav > .owl-next {

    background-image: url('../img/icons/arrow_right.svg');

}





#about-parchet {

    background: url('../img/4_stadt_main_parchet_lux.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}



#about-antibacteriene {

    background: url('../img/5_1_stadt_main_antibacteriene_sanatate_scale.png') no-repeat;

    /*background: url('../img/5_stadt_main_antibacteriene_sanatate_scale.png') no-repeat;*/

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}



#about-sticla {

    background: url('../img/6_stadt_main_sticla.jpg') no-repeat;

    /*background: url('../img/5_stadt_main_antibacteriene_sanatate_scale.png') no-repeat;*/

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}



#about-polierutan-3d {

    background: url('../img/7_stadt_main_polierutan_3d.jpg') no-repeat;

    /*background: url('../img/5_stadt_main_antibacteriene_sanatate_scale.png') no-repeat;*/

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}

#about-barisol {

    background: url('../img/8_stadt_main_barrisol.jpg') no-repeat;

    /*background: url('../img/5_stadt_main_antibacteriene_sanatate_scale.png') no-repeat;*/

    background-position: center;

    background-size: cover;

    color: white;

    height:100vh;

    display: flex;

}

#about-terase-deck {

    background: url('../img/9_stadt_main_outdoor.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: white;

    height:100vh;

    display: flex;

}



#about-piscine {

    background: url('../img/10_stadt_main_office.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: white;

    height:100vh;

    display: flex;

}



#about-terenuri-sport {

    background: url('../img/11_stadt_main_terenuri_sport.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: white;

    height:100vh;

    display: flex;

}





#about-spa-hotel {

    background: url('../img/photo_site_9_spa_hotel.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}



#about-rezidential-horeca {

    background: url('../img/photo_site_11_retail.jpg') no-repeat;

    background-position: center;

    background-size: cover;

    color: black;

    height:100vh;

    display: flex;

}



#technology > .content {

    margin-top: 108px;

    margin-bottom: 128px;

}

.parallax {

    height: 400px;

    background-position: 50% 50% !important;

    background-repeat: no-repeat;

    background-attachment: fixed !important;

    background-size: cover !important;

}

/*.parallax {

    height: 400px;

    background: transparent;

    color: white;

}*/

#cumlucram > .content {

    margin-top: 100px;

}



#cumlucram {

    /*background: url('../img/3_stadt_main_vinyl_lux_2.jpg') no-repeat;*/

    background-position: center;

    background-size: cover;

    color: black;

    height: 65vh;

    /*display: flex;*/

    align-content: center;

    /*padding: 10px 0px 10px 0px;*/

}



#proiecte > .content {

    margin-top: 100px;

    /*margin-top: 155px;*/

}



#projects {

    background: url('../img/pic-04.jpg') no-repeat;

    color: white;

}

#map {

    width: 100%;

    height: 450px;

}

.owl-prev {

    position: absolute;

    display: block;

    height: 50px;

    width: 50px;

    top: 50%;

    background-image: url('../img/icons/arrow_left.svg');

}

.owl-next {

    position: absolute;

    right: 0px;

    display: block;

    height: 50px;

    width: 50px;

    top: 50%;

    background-image: url('../img/icons/arrow_right.svg');

}

#about-slider > .owl-controls > .owl-nav > .owl-prev {

    margin-left: 80px;

}

#about-slider > .owl-controls > .owl-nav > .owl-next {

    margin-right: 80px;

}



p.left {

    /*text-align: left;*/

}

p.center {

    text-align: center;

}

p.center_title { /*Not used*/

    text-align: center;

    font-size: 20px !important;



}

p.align_text_justify { /*Not used*/

    text-align: justify;

}

p.center_sub_title {

    text-align: center;

    font-size: 18px !important;



}

#vision ul.list_center_title  {

    display: block;

    padding: 0;

    margin: 0;

    align-content: center;

    list-style-type: circle;

    list-style: none;

    text-align: center;

    font-size: 20px !important;

    /*font-weight: bold;*/

}

#vision li.list_center_title_  {

    display: block;

    padding: 0;

    margin: 0;

    align-content: center;

    list-style-type: circle;

    list-style: none;

    text-align: center;

    font-size: 18px !important;

    /*font-weight: bold;*/

}

#vision ul.list_center_sub_title  {

    display: block;

    padding: 0;

    margin: 0;

    list-style-type: circle;

    list-style: none;

    text-align: center;

    font-size: 18px !important;

    /*font-weight: bold;*/

}

#vision li.list_center_sub_title_  {

    display: flex;

    padding: 0;

    margin: 0;

    list-style-type: circle;

    /*list-style: none;*/

    text-align: justify;

    font-size: 18px !important;

    /*font-weight: bold !important;*/

}

#vision ul>li {

    display: flex;

    margin: 0;

    padding: 0;

    /*list-style-type: circle;*/

    list-style: none;

    clear: both;

    text-align: justify;

    font-size: 16px !important;

    font-weight: normal;



}

#cluj ul>li {

    display: flex;

    margin: 0;

    padding: 0;

    /*list-style-type: circle;*/

    list-style: none;

    clear: both;

    text-align: justify;

    font-size: 16px !important;

    font-weight: normal;

}



p.center_justify {

    text-align: justify;

    text-justify: inter-word;



}



.content {

    float:none;

    text-align: center;

    margin: 0 auto;

    margin-top: 10px;

    align-self: center;

}



.cumlucram-area {

    width: 100% !important;

    text-align: center;

     align-self: center;

     margin: 0 auto;

}



#team {

    background: #e1e1e1;

}

#contact > .content {

    /*width: 100%;*/

    align-self: flex-end;

    margin-top: 100px;

}

.content > .contact-area {

    margin-top: 100px;

    margin-bottom: 200px;

}

.about-details {

    text-align: left;

}

.mail > p, .address > p, .phone > p {

    font-size: 22px;

    font-weight: lighter;

    margin: 0 0 14px;

    color: #034694;

}

.mail > p > a {

    color: #034694; 

    font-weight: lighter;  

}



.contact-form input {

    min-height:44px;

}

.contact-form textarea {

    max-height: 92px;

}

.contact-form button {

    color: #034694;

    border-radius: 4px;

    border: 2px solid #034694;

    font-weight: 600;

}

.contact-img-text {

    margin-left: 40px;

}



.navbar>.container .navbar-brand {

    background: url('../img/logo_alb_x_60.png') no-repeat;

    width: 200px;

    height: 75px;

    margin-top: 1px;

}

.nav>li>a {

    text-transform: uppercase;

}

/* technology area goes here */

.technology-content {

    margin-right: 80px;

    margin-left: 80px;

    display: block;

}

.technology-section {

    margin-top: 50px;

    height: 156px;

    margin-bottom: 20px;

}

.tech-icon {

    width: 65px;

    height: 65px;

    display: inline-block;

}

.tech-text {

    margin-top: 30px;

}



.web {

    background: url('../img/icons/ic_development.svg') no-repeat;

    background-size: contain;

}

.mobile {

    background: url('../img/icons/ic_mobile.svg') no-repeat;

    background-size: contain;

}

.cloud {

    background: url('../img/icons/ic_cloud.svg') no-repeat;

    background-size: contain;

}

.databases {

    background: url('../img/icons/ic_database.svg') no-repeat;

    background-size: contain;

}

.attlasian {

    background: url('../img/icons/ic_bug.svg') no-repeat;

    background-size: contain;

}

.system {

    background: url('../img/icons/ic_integration.svg') no-repeat;

    background-size: contain;

}

.projects-content {

    /*text-align: left;*/

    text-align: center;

}

.big-no {

    font-size: 40px;

}

h3 {

    text-transform: uppercase;

    font-size: 18px !important;

}

h4 {

    font-size: 18px;

}

.mail > .img {

    background-image: url('../img/icons/mail.svg');

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;

    background-size: contain;

    margin-right: 40px;

    float: left;

}



.address > .img {

    background-image: url('../img/icons/location.svg');

    background-repeat: no-repeat;

    height: 75px;

    width: 55px;

    background-size: contain;

    background-position-x: 12px;

    /*background-position-y: 18px;*/

    margin-right: 40px;

    margin-left: -25px;

    float: left;

    display: block;

}



/*For firefox align icons*/

@-moz-document url-prefix() {

    .address > .img {

        background-image: url('../img/icons/location.svg');

        background-repeat: no-repeat;

        height: 75px;

        width: 55px;

        background-size: contain;

        background-position-x: 12px;

        background-position-y: 18px;

        margin-right: 30px;

        margin-left: -15px;

        float: left;

        display: block;

    }}



.phone > .img {

    background-image: url('../img/icons/phone.svg');

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;

    background-size: contain;

    margin-right: 40px;

    float: left;

}

.blog-area {

    margin-top: 70px;

}

.services-slider > .owl-controls > .owl-nav > .owl-prev {

    position: absolute;

    display: block;

    height: 50px;

    width: 50px;

    top: 25%;

    margin-left: -75px;

    /*margin-left: -46px;*/

    background-image: url('../img/icons/arrow_left_bl.svg');

}

.services-slider > .owl-controls > .owl-nav > .owl-next {

    position: absolute;

    display: block;

    height: 50px;

    width: 50px;

    top: 25%;

    margin-right: -75px;

    /*margin-right: -46px;*/

    background-image: url('../img/icons/arrow_right_bl.svg');

}

.services-section {

    height: 425px;

    margin-left: 15px;

    margin-right: 15px;

    /*background-color: #F6F6F6;*/

    background-color: #d9d9d9;

    /*background-color: white;*/

    /*background-color: rgba(3, 70, 148, 0.4);*/

    border-radius: 50px;

    box-shadow: 2px -2px 5px 0px #888888;

}



.services-section:hover > .pic{

    -ms-transform: scale(2, 2); /* IE 9 */

    -webkit-transform: scale(2, 2); /* Safari */

    transform: scale(2, 2);

    animation-name: expand-icon;

    animation-duration: 0.66s;

}



@keyframes expand-icon {

    from { -ms-transform: scale(1, 1); /* IE 9 */

    -webkit-transform: scale(1, 1); /* Safari */

    transform: scale(1, 1);}

    to { -ms-transform: scale(2, 2); /* IE 9 */

    -webkit-transform: scale(2, 2); /* Safari */

    transform: scale(2, 2);}

}



.services-section h4 {

    background-color: #ffffffb3;

}

.services-section-title {

    font-size: 26px;

    /*background-color: #ffffffb3;*/

    /*background-color: #d9d9d9;*/

}

 .polaris {

    background-image: url('../img/proiecte/Polaris-53_scale.png');

    background-repeat: no-repeat;

    background-size: cover;

} 

.polaris > .pic {

    background-image: url('../img/icons/logo_polaris.png');

    background-repeat: no-repeat;

    background-size: contain;

}



.connatix {

    background-image: url('../img/proiecte/Connatix_scale.png');

    background-repeat: no-repeat;

    background-size: cover;

}

.connatix > .pic {

    background-image: url('../img/icons/logo_connatix.png');

    background-repeat: no-repeat;

    background-size: contain;

}

.orgona {

    background-image: url('../img/proiecte/Orgona_scale2.png');

    background-repeat: no-repeat;

    background-size: cover;

}

.orgona > .pic {

    background-image: url('../img/icons/logo_orgona.png');

    background-repeat: no-repeat;

    background-size: contain;

}

.cisnadie {

    background-image: url('../img/proiecte/cisnadie-logo.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}

.cisnadie > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.carcloud {

    background-image: url('../img/proiecte/carcloud/1.jpeg');

    background-repeat: no-repeat;

    background-size: cover;

}

.carcloud > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.fischer {

    background-image: url('../img/proiecte/fischer/1.jpeg');

    background-repeat: no-repeat;

    background-size: cover;

}

.fischer > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}


.integrio-kids {

    background-image: url('../img/proiecte/integrio-kids/1.jpeg');

    background-repeat: no-repeat;

    background-size: cover;

}

.integrio-kids > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.mafi-vio {

    background-image: url('../img/proiecte/mafi-vio/1.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}

.mafi-vio > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.novis-plaza {

    background-image: url('../img/proiecte/novis-plaza/1.jpeg');

    background-repeat: no-repeat;

    background-size: cover;

}

.novis-plaza > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.novogyn {

    background-image: url('../img/proiecte/novogyn/1.jpeg');

    background-repeat: no-repeat;

    background-size: cover;

}

.novogyn > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.pyronova {

    background-image: url('../img/proiecte/pyronova/1.jpeg');

    background-repeat: no-repeat;

    background-size: cover;

}

.pyronova > .pic {

    display: none;
    /*background-image: url('../img/icons/logo_cisnadie.png');*/

    background-repeat: no-repeat;

    background-size: contain;

}

.services-section > .pic {

    margin-top: 50px;

    margin-bottom: 50px;

    width: 64px;

    height: 64px;

    margin-left: auto;

    margin-right: auto;

    display: inline-block;

}

.services-section p {

    font-size: 14px;

    margin-bottom: 50px;



}



#proiecte > .content > .services-slider > .owl-stage-outer > .owl-stage {

    padding: 5px !important;

}



#services > .content > .services-slider > .owl-stage-outer > .owl-stage > .owl-item {

    max-height: 432px;

    margin-bottom: 128px;

}



#desprenoi {

    max-height: 100%;

}



.app-manage > .pic {

    background-image: url('../img/icons/ic_app_management.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.training > .pic {

    background-image: url('../img/icons/ic_training.svg');

    background-repeat: no-repeat;

    background-size: contain;

}





.dev > .pic {

    background-image: url('../img/icons/ic_app_development.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.manage > .pic {

    background-image: url('../img/icons/ic_app_management.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.ux > .pic {

    background-image: url('../img/icons/ic_design.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.mobile-dev > .pic {

    background-image: url('../img/icons/ic_mobile_app.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.testing > .pic {

    background-image: url('../img/icons/ic_testing.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

@media (max-width: 767px) {



    #breadcrumb {

        font-size: 8px !important;

    }



    .breadcrumb-padding {

        margin-top: 0px;

    }

   /* #mainNav {

        margin-bottom: 10px;

    }*/

    #about h1 {

        font-size: 24px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #about h2 {

        font-size: 20px !important;

        word-break: break-word;

        font-weight: 600;

    }

    #about p {

        font-size: 10px;

    }

    #vision {

        color: black;

    }

    #vision h1 {

        font-size: 24px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #vision h2 {

        font-size: 20px !important;

        word-break: break-word;

        font-weight: 600;

        color: white;

    }

    #vision p {

        font-size: 10px;

    }

    #vision ul.list_center_title  {

        font-size: 10px !important;

        font-weight: bold;

    }

    #vision li.list_center_title_  {

        font-size: 10px !important;

        font-weight: bold;

    }

    #vision ul.list_center_sub_title {

        font-size: 14px !important;

    }

    #vision li.list_center_sub_title_  {

        font-size: 14px !important;

        font-weight: bold;

    }    

    #vision ul>li {

        font-size: 10px !important;

        font-weight: bold;

    }

    #cluj h1{

        font-size: 20px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #cluj h2{

        font-size: 24px !important;

        word-break: break-word;

    }

    #cluj p {

        font-size: 10px;

    }

    #cluj ul>li {

        display: flex;

        margin: 0;

        padding: 0;

        /*list-style-type: circle;*/

        list-style: none;

        clear: both;

        text-align: justify;

        font-size: 10px !important;

        font-weight: normal;

    }

    .btn-contact {

        margin-top: 40px;

    }



    #vision .btn-contact {

        margin-top: 100px;

    }



    #cluj .btn-contact {

        margin-top: 10px;

    }



    .field {

        margin-bottom: 15px;

    }

    .contact-form button {

        margin-top: 30px;

        width: 100%;

        height: 60px;

    }

    .btn-top-contact {

        display: none !important;

    }



    .projects-content h3 {

        font-size: 16px;

    }

    

    .btn-inner-site {

        width: 100px;

        height: 50px;

        line-height: 40px;

        color: #605949 !important;

        padding-top: 12px !important;

        border: 1px solid #605949;

    }

    a.btn-inner-site {

        border-bottom-width: 1px;

    }

    .navbar-toggle {

        /*padding-top: 35px;*/

    }

    .slick-prev, .slick-next {

        display: none;

    }

    .projects-wrapper {

        display: block;

        margin-left: 0px;

    }

    .projects-wrapper-center {

        display: block;

        margin-left: 0px;

    }



    .technology-section {

         height: initial;

    }



    .navbar>.container .navbar-brand {

        background: url('../img/logo_x_52.png') no-repeat;

        width: 235px;

        height: 50px;

        margin-top: 0px;

    }

    

    .navbar>.container .navbar-brand {

        margin-left: 0px;

    }

    .navbar-nav {

        margin-top: 0px;

    }

    .slick-prev {

        left: 10px;

    }

    .slick-next {

        right: 10px;

    }



    #about-slider > .owl-controls > .owl-nav > .owl-prev {

        margin-left: 0px;

    }

    #about-slider > .owl-controls > .owl-nav > .owl-next {

        margin-right: 0px;

    }

    .services-slider > .owl-controls > .owl-nav > .owl-next {

        margin-right: -40px;

    }

    .services-slider > .owl-controls > .owl-nav > .owl-prev {

        margin-left: -40px;

    }

    section {

        display: block;

    }

    #projects { 

        display: flex; 

    }

    #blog { 

        display: flex; 

    }

    .share-buttons {

        padding-left: 0px;

    }

    .mail > p , .address > p, .phone > p {

        font-size: 16px !important;

    }

    .phone > p {

        margin-top: 20px;

    }

    .mail > p > a {

        font-size: 15px !important;

    }



    .address > .img {

        height: 66px;

        width: 55px;

    }



    .mail > .img {

        margin-right: 8px;

    }

    .address > .img {

        background-image: url('../img/icons/location.svg');

        background-repeat: no-repeat;

        height: 100px;

        width: 55px;

        background-size: contain;

        background-position-x: 12px;

        background-position-y: 0px;

        margin-right: 8px;

        margin-left: -25px;

        float: left;

        display: block;

    }

    .phone > .img {

        background-image: url('../img/icons/phone.svg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

        background-size: contain;

        margin-top: 5px;

        margin-right: 8px;

        margin-left: -38px;

        float: left;

    }



}

@media (min-width: 768px) {

    .breadcrumb-padding {

        margin-top: 115px;

    }

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

        background-color: transparent !important;

    }

    .nav>li>a {

        margin-left: 40px;

        padding: 15px 0px;

        text-transform: uppercase;

    }

    .navbar-nav {

        float: right;

        /*margin-top: 35px;*/

    }

    .contact-form button {

        margin-top: 30px;

        width: 180px;

        height: 60px;

        float: right;

    }

    .field {

        margin-bottom: 0px;

        padding-left:  0px !important;

        padding-right: 0px !important;

    }

    .btn-top-contact {

        width: 140px;

        height: 50px;

        line-height: 40px;

        color: #605949 !important;

        padding-top: 15px !important;

        border: 1px solid #605949;

    }

    .btn-inner-site {

        width: 140px;

        height: 50px;

        line-height: 40px;

        color: #605949 !important;

        padding-top: 15px !important;

        border: 1px solid #605949;

    }

    a.btn-inner-site {

        border-bottom-width: 1px;

    }

    .navbar-default .navbar-nav>.active>a {

        border-bottom-width: 5px;

        border-bottom-style: solid;

        border-bottom-color: #605949;

        background-color: transparent;

    }

    .navbar-default .navbar-nav>.active>a.btn-top-contact {

        border-bottom-width: 1px;

    }



    

}

@media (min-width: 768px) and (max-width: 991px) {

    .projects-wrapper {

        display: block;

        margin-left: 60px;

    }

    #about-slider > .owl-controls > .owl-nav > .owl-prev {

        margin-left: 40px;

    }

    #about-slider > .owl-controls > .owl-nav > .owl-next {

        margin-right: 40px;

    }

    .phone > .img {

        margin-top: 5px;

        margin-left: -68px;    

    }

}

@media (min-width: 992px) {

    .breadcrumb-padding {

        margin-top: 15px;

    }

    #mainNav {

        padding-top: 0px;

        padding-right: 0px;

        padding-bottom: 0px;

        padding-left: 0px;

    }

    .projects-wrapper {

        display: block;

        margin-left: 120px;

    }

}



@media only screen and (max-width: 480px){

    #mainNav {

        padding-top: 30px;

        padding-right: 0px;

        padding-bottom: 10px;

        padding-left: 0px;

    }  

    .shrink {

    padding: 10px 0 !important;

    padding-top: 30px !important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .breadcrumb-padding {

        margin-top: 115px;

    }

    .nav>li>a {

        margin-left: 15px;

    }

}

#services > .content {

    margin-top: 40px;

}

#services > .content > .row {

    margin-top: 40px;

    margin-bottom: 70px;

}

.services-section {

}

#blog {

    background-color: #F6F6F6;

}

#blog > .content {

    margin-top: 128px;

}

#map {

    width: 100%;

    /*margin-left: 15px;*/

    height: 450px;

}

/*** Slider buttons ***/

{

    display: block;

}

.slick-prev {

    left: -25px;

}

.slick-prev, .slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    margin-top: -10px\9;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

}

.slick-next {

    right: -25px;

}

.slick-prev {

    left: -25px;

}

.slick-prev:before {

    content: '←';

}

.slick-next:before {

    content: '→';

}

.slick-prev:before, .slick-next:before {

    font-family: 'slick';

    font-size: 20px;

    line-height: 1;

    opacity: .75;

    color: white;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.share-buttons{

    list-style: none;

}



.share-buttons li{

    display: inline;

}



@media (max-width: 350px) {

    

    #breadcrumb {

        font-size: 8px !important;

    }



    .breadcrumb-padding {

        margin-top: 15px;

    }

    #mainNav {

        width: 100%;

        padding: 17px 0;

        /* animation magic */

        -webkit-transition: all 0.4s ease-in-out;

        -moz-transition: all 0.4s ease-in-out;

        z-index: 9999;

        top: 0;

        position: fixed;

        background-color: #ffffff;

    }

    #about h1 {

        font-size: 24px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #about h2 {

        font-size: 19px !important;

        word-break: break-word;

    }

    #about p {

        font-size: 10px;

    }

    #vision {

        color: black;

    }

    #vision h1 {

        font-size: 24px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #vision h2 {

        font-size: 20px !important;

        word-break: break-word;

        font-weight: bold;

    }

    #vision p {

        font-size: 10px;

    }

    #vision ul.list_center_title  {

        font-size: 10px !important;

        font-weight: bold;

    }

    #vision li.list_center_title_  {

        font-size: 10px !important;

        font-weight: bold;

    }

    #vision ul.list_center_sub_title {

        font-size: 14px !important;

    }

    #vision li.list_center_sub_title_  {

        font-size: 14px !important;

        font-weight: bold;

    }    

    #vision ul>li {

        font-size: 10px !important;

        font-weight: bold;

    }

    #cluj h1{

        font-size: 20px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #cluj h2{

        font-size: 24px !important;

        word-break: break-word;

    }

    #cluj p {

        font-size: 10px;

    }

    #cluj ul>li {

        display: flex;

        margin: 0;

        padding: 0;

        /*list-style-type: circle;*/

        list-style: none;

        clear: both;

        text-align: justify;

        font-size: 10px !important;

        font-weight: normal;

    }

    .btn-contact {

        margin-top: 20px;

    }



    #vision .btn-contact {

        margin-top: 100px;

    }



    #cluj .btn-contact {

        margin-top: 0px;

    }



    .field {

        margin-bottom: 15px;

    }

    .contact-form button {

        margin-top: 30px;

        width: 100%;

        height: 60px;

    }

    .btn-top-contact {

        display: none !important;

    }



    .projects-content h3 {

        font-size: 12px;

    }

    

    .btn-inner-site {

        width: 100px;

        height: 50px;

        line-height: 40px;

        color: #605949 !important;

        padding-top: 12px !important;

        border: 1px solid #605949;

    }

    a.btn-inner-site {

        border-bottom-width: 1px;

    }

    .navbar-toggle {

        /*margin-top: 35px;*/

    }

    .slick-prev, .slick-next {

        display: none;

    }

    .projects-wrapper {

        display: block;

        margin-left: 0px;

    }

    .projects-wrapper-center {

        display: block;

        margin-left: 0px;

    }

    #services > .content {

        margin-top: 135px;

    }

    

/*    #services > .content .row > p {

        font-size: 17px !important;

    }

*/

    .technology-section {

         height: initial;

    }



    .navbar>.container .navbar-brand {

        background: url('../img/logo_x_50_scale.png') no-repeat;

        /*background: url('../img/exa_logo_blue_small.png') no-repeat;*/

        width: 235px;

        height: 50px;

        margin-top: 0px;

    }

    

    .navbar>.container .navbar-brand {

        margin-left: 0px;

    }

    .navbar-nav {

        margin-top: 0px;

    }

    .slick-prev {

        left: 10px;

    }

    .slick-next {

        right: 10px;

    }



    #about-slider > .owl-controls > .owl-nav > .owl-prev {

        margin-left: 0px;

    }

    #about-slider > .owl-controls > .owl-nav > .owl-next {

        margin-right: 0px;

    }

    .services-slider > .owl-controls > .owl-nav > .owl-next {

        margin-right: -40px;

    }

    .services-slider > .owl-controls > .owl-nav > .owl-prev {

        margin-left: -40px;

    }

    section {

        display: block;

    }

    #projects { 

        display: flex; 

    }

    #blog { 

        display: flex; 

    }

    .share-buttons {

        padding-left: 0px;

    }

    .mail > p , .address > p, .phone > p {

        font-size: 16px !important;

    }

    .phone > p {

        margin-top: 20px;

    }

    .mail > p > a {

        font-size: 14px !important;

    }



    .address > .img {

        height: 66px;

        width: 55px;

    }



    .mail > .img {

        margin-right: 8px;

    }

    .address > .img {

        background-image: url('../img/icons/location.svg');

        background-repeat: no-repeat;

        height: 100px;

        width: 55px;

        background-size: contain;

        background-position-x: 12px;

        background-position-y: 0px;

        margin-right: 8px;

        margin-left: -25px;

        float: left;

        display: block;

    }

    .phone > .img {

        background-image: url('../img/icons/phone.svg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

        background-size: contain;

        margin-top: 5px;

        margin-right: 8px;

        margin-left: -38px;

        float: left;

    }

    .map-area {

        margin-top: 15px;

        height: 250px;

        margin-bottom: 100px;

    }

}



@media (max-width: 767px) and (max-height: 500px) {



    #mainNav {

        width: 100%;

        padding: 8px 0;

        /* animation magic */

        -webkit-transition: all 0.4s ease-in-out;

        -moz-transition: all 0.4s ease-in-out;

        z-index: 9999;

        top: 0;

        position: fixed;

        background-color: #ffffff;

    }

    .shrink {

        padding: 5px 0 !important;

        padding-top: 20px !important;

    }

    #about h1 {

        font-size: 24px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #about h2 {

        font-size: 19px !important;

        word-break: break-word;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    #about p {

        font-size: 11px;

    }

    #vision {

        color: black;

    }

    #vision h1 {

        font-size: 24px !important;

        color: #202020;

        margin-bottom: 0px;

    }

    #vision h2 {

        font-size: 24px !important;

        word-break: break-word;

        font-weight: bold;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    #vision p {

        font-size: 11px;

    }

    #vision ul.list_center_title  {

        font-size: 10px !important;

        font-weight: bold;

    }

    #vision li.list_center_title_  {

        font-size: 10px !important;

        font-weight: bold;

    }

    #vision ul.list_center_sub_title {

        font-size: 14px !important;

    }

    #vision li.list_center_sub_title_  {

        font-size: 14px !important;

        font-weight: bold;

    }    

    #vision ul>li {

        font-size: 10px !important;

        font-weight: bold;

    }

    #cluj h1{

        font-size: 20px !important;

        color: #202020;

        margin-top: 10px;

    }

    #cluj h2{

        font-size: 24px !important;

        word-break: break-word;

        margin-top: 2px;

        margin-bottom: 0px;

    }

    #cluj p {

        font-size: 11px;

        margin-bottom: 0px;

    }

    #cluj ul>li {

        display: flex;

        margin: 0;

        padding: 0;

        /*list-style-type: circle;*/

        list-style: none;

        clear: both;

        text-align: justify;

        font-size: 10px !important;

        font-weight: normal;

    }

    .btn-contact {

        margin-top: 5px;

    }



    #vision .btn-contact {

        margin-top: 10px;

    }



    #cluj .btn-contact {

        margin-top: 0px;

    }



    .field {

        margin-bottom: 15px;

    }

    .contact-form button {

        margin-top: 30px;

        width: 100%;

        height: 60px;

    }

    .btn-top-contact {

        display: none !important;

    }



    .projects-content h3 {

        font-size: 12px;

    }

    

    .btn-inner-site {

        width: 100px;

        height: 50px;

        line-height: 40px;

        color: #605949 !important;

        padding-top: 12px !important;

        border: 1px solid #605949;

    }

    a.btn-inner-site {

        border-bottom-width: 1px;

    }

    .navbar-toggle {

        /*margin-top: 35px;*/

    }

    .slick-prev, .slick-next {

        display: none;

    }

}



 .container>.navbar-header {

    margin-left: 5px;

    margin-right: 5px;

   

 }



 .btn-website {

     color: #81725f;

 }



 .btn-website:hover {

     color: #81725fba;

 }



 @media (max-width: 700px) {

     #carousel_productImages {

         display: none;

     }

     .modal > p {

        text-align: center;

     }



     .modal > h2 {

        font-size: 20px !important;

     }



     



     

 }

 .produs-textarea > ul {

    text-align: left;

    line-height: 22px;

}



.produs-textarea > p {

    text-align: justify;

    line-height: 20px;

}