/* 
    ==========================================================================
    UNIVERSAL
    ==========================================================================
    1. NAV BAR
    ========================================================================= */

    .navbar-nav li a {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav li {
        padding: 0 20px 0 15px;
    }

    .navbar-nav li:first-child {
        padding-left: 0;
    }

    .navbar-collapse {
        line-height: 18px !important ;
    }

    .drop-logo {
        display: flex;
        height: 78px;
        justify-content: flex-end;
        align-items: center;
    }

    .drop-logo img {
        width: 120px;
    }

/*  ==========================================================================
    2. SOLICITARE OFERTA
    ========================================================================= */

    .page-content.dark h2 {
        font-size: 30px;
        font-family: "Raleway";
        line-height: 1.2em;
        color: rgba(255,255,255,0.7);
    }

    .page-content.dark p {
        font-size: 15px;
        font-family: "Raleway", "Opens Sans", sans-serif;
        color: rgba(255,255,255,0.4);
    }

    .call-to-action .btn {
        float: none;
    }

/*  ==========================================================================
    3. FOOTER
    ========================================================================= */

    .phone {
        font-size: 16px;
        line-height: 32px;
    }

/* ==========================================================================
    SLIDER
    ========================================================================= */

/* ==========================================================================
    DE CE NOI
    ========================================================================= */

    #noi-graph {
        width: 200px;
        margin: auto;
    }

/* ==========================================================================
    SERVICII
    ========================================================================= */

    .service-details p {
        text-align: justify;
    }

  /* ==========================================================================
    DESPRE NOI - PROFIL COMPANIE
    ========================================================================= */  
    .justify p, h5{
        text-align: justify;
    }

    .h-fade-6 {
        color: rgba(0,0,0,0.6);
        margin-top: 25px;
        line-height: 1.5em;
    }

    .p-f-14 {
        font-size: 14px;
        font-weight: 100;
    }

    .margin-b-70 {
        margin-bottom: 70px;
    }

    .margin-top-25 {
        margin-top: 25px;
    }

    #footer-wrapper.footer-dark-blue {
        background-color: #1b2936;
    }

    .b-border {
        border-bottom: 1px solid #1b2936;
    }

    .r-border {
        border-right: 1px solid #1b2936;
    }

    img.float-right-position {
        width: 400px;
        margin: 0 0 0 30px;
    }

    img.float-left-position {
        width: 450px;
        margin: 0 30px 0 0;
    }

    .not-active {
        pointer-events: none;
        cursor: default;
        color: rgba(0,0,0,0.2)!important;
    }

    .not-active.dark {
        color: rgba(255,255,255,0.2)!important;
    }

    
    input::-webkit-input-placeholder {
        color: rgba(0,0,0,0.3);
    }

    textarea {
        resize: vertical;
        max-height: 500px;
    }



    .margin-b-clear {
        margin-bottom: 0 !important ;
    }
    
    
    .main-header{
        color: rgba(255,255,255,0.7) !important;
        font-size: 48px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1em;
    }
    
    .secondary-header {
        color: rgba(255,255,255,0.4);
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1em;
    }
    
    .pi-text{
        font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
        font-size: 24px;
        color: rgba(255,255,255,0.5);
    }
    
    .pi-text-long{
        font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
        font-size: 18px;
        color: rgba(255,255,255,0.5);
        line-height: 1.8em;
        width: 700px;
        text-align: justify;
    }
    
    .text-center {
        text-align: center;
    }


    /* ==========================================================================
    Moto bar
    ========================================================================= */

    .custom-bk{
        background-image: url('../img/slider/slide04.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }


    /* ==========================================================================
    TRANSPORT MARFA
    ========================================================================= */

    #adr {
        margin: 50px 0;
    }

     /* ==========================================================================
    ECHIPAMENT SECOND HAND
    ========================================================================= */

    .border {
        border: 1px solid red;
    }

    .height img {
        max-height: 400px;
        display: block;
        margin: auto;
    }

    .top-margin {
        margin-top: 70px;
    }

    .h3-fade {
        color: rgba(0,0,0,0.6);
        line-height: 1.5em;
        text-transform: uppercase;
    }

    .h3-fade-margin {
        margin-top: 25px;
    }

    .page-font {
        font-family: 'Open Sans', Arial, sans-serif;
    }

    .clear-top {
        margin-top: 0;
    }

    


    /*=========================================================================
    @MEDIA
    ========================================================================= */

    @media (max-width:1125px) {
        .ms-layer.pi-text-long {
            width: 200px;
        }
    
    }
    
    @media (min-width:768px) {
        #quick-links {
            float: right;
            margin-top: 30px;
        }
    
    }

    @media (max-width:767px) {
        #quick-links {
            display: flex;
            justify-content: center;
        }

        img.float-right-position,
        img.float-left-position {
            float: none;
            margin: 0 0 15px 0;
            width: 100%;
        }
    }

    @media (max-width:399px) {
        #quick-links {
            flex-direction: column;
            align-items: center;
        }
    }

    @media (max-width:991px) {
        .main-header {
            font-size: 40px;
        }
    
        .secondary-header {
            font-size: 24px;
        }

        .logo-small {
            display: none;
        }
    
    }
    
    @media (max-width:660px) {
        .main-header {
            font-size: 34px;
        }
    
        .secondary-header {
            font-size: 18px;
        }
    
    }
    
    @media (max-width:500px) {
        .main-header {
            font-size: 28px;
        }
    
        .secondary-header {
            font-size: 12px;
        }

        .page-content.dark h2 {
            font-size: 24px;
            line-height: 1.2em;
        }
    
    }