body {
    font-family: 'proxima-nova', sans-serif;
    height: 100%;
    overflow: hidden;
    font-size: 1.7vw;
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
}

.full {
    width: 100%;
    margin: 0;
    padding: 0;
}
.post{
 
    background-image: url("../img/3.Crevedia_manual2.png");
    background-position: right;
    background-size: 60%;
    background-repeat: no-repeat;
   

}
.img2 {
    width: 25%;
    position: absolute;
    right: 3%;
    opacity: 0.2;
    overflow: hidden;
	

}

.img3 {
    width: 44%;
    position: absolute;
    right: -5%;
    opacity: 0.2;
    overflow: hidden;
	

}
.float {
    float: left;
}

.background-head {background-image: url("../img/cariere-head.jpg");
background-attachment: fixed;
background-size: cover;
height: 80vh;
}

.logo {
    width: 20%;
    margin: 1.5%;
}

.mobile {display: none;
}

.titlu {
    width: 50%;
    margin: 2% 25% 15%;
    z-index: 5;
    position: relative;
}

.text_titlu {
    font-size: 3vw;
    margin-top: 0;
}

.imagine-buton-contact {width: 5%;
margin-top:5%;
}


.descriere {
    font-size: 1.5vw;
    width: 70%;
    margin: 7% 15% 2%;
}

.descriere3 {
    font-size: 0.8vw;
    width: 70%;
    margin: 7% 15% 2%;
}

.afla {
    width: 26%;
    margin: 5% 37%;
}

.timeline {
    width: 15%
}

.realizari {
    width: 85%;
}

.p1 {

    background: url(../img/Paralax-FermeleCrevedia-Cariere.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-attachment: fixed;

}

.buton_trimite {
    font-weight: 600;
    font-size: 1.5vw;
    padding: 5% 7%;
    margin: 50% 35% 2%;
}

.pozitii {
    margin: 0 !important;
    padding: 35% 5% !important;
}

.descriere2 {
    font-size: 1.5vw;
    width: 90%;
    margin: -2% 5% 0%;
}

.titlu2 {
    width: 70%;
    margin: 5% 14% 5%;
    z-index: 5;
    position: relative;
}

.col1 {
    margin: 2% 0% 2% 4%;
    width: 40%;
}

.col1 label {
    font-size: 1.2vw;
}

.col2 {
    margin: 2% 2%;
    width: 40%;
}

.col2 label {
    font-size: 1.2vw;
}
.buton_disabled{
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
}
.text_titlu2 {
    font-size: 3vw;
    margin-bottom: 0 !important;
    line-height: 0.5;
}

.aplica {
    background-color: transparent;
    width: 25%;
    float: right;
    margin: 0% 15% 2%;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #f44336;
    opacity: 1;
    font-weight: 600;
    font-size: 1.2vw;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #f44336;
    opacity: 1;
    font-weight: 600;
    font-size: 1.2vw;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #f44336;
    font-weight: 600;
    font-size: 1.2vw;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #f44336;
    opacity: 1;
    font-weight: 600;
    font-size: 1.2vw;

}

#id01 .text_titlu {
    font-size: 2vw
}

#id01 .descriere {
    font-size: 1.2vw
}

.evidentiat {font-size: 1.5vw;
font-weight: 600;
}
.formular {
    padding: 2% 3% 2% 10%;
}

.formular #nume, #prenume, #telefon, #email, #cv, #label_cv {
    width: 45%;
    float: left;
    margin: 1% 0.5%;
}

.formular select, textarea {
    width: 91% !important;
    margin-left: 0.5%
}

.formular #label_cv, select {
    font-weight: 600;
    font-size: 1.2vw;
}

#label_cv {
    margin: 2% -1% 0 2%;
}

#aplica_acum_f {
    background-color: transparent;
    width: 40%;
    float: right;
    margin: 2% 32%;
}
hidden {display:none;
}
.lista{
    width: 90%!important; 
    margin-left:5%!important; 
    background-color: white!important;
    padding:3% 7%!important;
    margin-bottom: 2%!important;
}

.head-titlu {width:35%;
text-align: left!important;
margin-left:6%;
margin-bottom:1%!important;
margin-top:7%;
}

.head-descriere {width: 35%;
text-align: left!important;
margin-left: 7%;
font-size: 1vw;
}
.desctop {margin-bottom: 7%!important;
}
.pozitie{
    width: 100%!important;  background-color: white!important; margin-bottom: 2%;
      background-image: url("../img/3.Crevedia_manual2.png");
    background-position: right;
    background-size: 25%;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
    .descriere {
        font-size: 4vw;
		margin-top: 15%;
		margin-bottom: 7%;
        width: auto;
        text-align: justify;
        /*! margin-left: 5% !important; */
    }
	hidden {display:none;
}

.titlulpoz {font-size:7vw;
margin-top:5%;
}
.descriere3 {
    font-size: 4vw;
   margin-top: 15%;
		margin-bottom: 7%;
        width: auto;
        text-align: justify;
}
.desctop {margin-bottom: 15%!important;
}
.head-titlu {width:70%;
text-align: left!important;
margin-left:6%;
margin-bottom:1%!important;
margin-top:7%;
}

.head-descriere {width: 70%;
text-align: left!important;
margin-left: 19%;
font-size: 4vw;
margin-bottom: 20%;
margin-top:10%;
}
.background-head {height: auto;
background-position: center;
background-image: url("../img/cariere-head-mobile.jpg");
}

.img3 {
    width: 89%;
    position: absolute;
    right: -11%;
    opacity: 0.2;
    overflow: hidden;
	top:20%;
	

}

    .img2 {
        width: 90%;
        position: absolute;
        right: -8%;
        opacity: 0.2;
        overflow: hidden;

    }
.evidentiat {font-size: 4.5vw;
font-weight: 600;
}
	.imagine-buton-contact {width: 15%;
margin-bottom: 20%;
margin-top: -10% !important;
}
.mobile {display: block;
}
.titlu2 {margin: 5% 10% 5%;
}

    .titlu {
        width: 70%;
        margin: 0% 15% 70%;
    }

    .text_titlu {
        font-size: 7vw;
        font-weight: 600;
    }

    .p1 {
        background: url(../img/cariere_m.png) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .buton_trimite {
        margin: 150% 20% 5%;
        width: 60%;
        font-size: 3vw;
    }

    .text_titlu2 {
        font-size: 5vw;
		line-height: 6vw;
    }

    .descriere2 {
        font-size: 4vw;
    }

    body {
        font-size: 5vw;
    }

    .col1, .col2 {
        width: 80%;
        margin: 5% 10%;
    }

    .col1 label {
        font-size: 4.5vw;
    }

    .col2 label {
        font-size: 4.5vw;
    }

    .aplica {
        width: 70%;
        margin-bottom: 15%
    }

    #id01 .text_titlu {
        font-size: 7vw;
    }

    #id01 .descriere {
        font-size: 3vw;
		margin-top: 2%;
    }

    .formular #nume, #prenume, #telefon, #email, #cv, #label_cv {
        width: 90%;

    }

    .formular select, textarea {
        width: 90% !important;
    }

    .formular #label_cv, select {

        font-size: 4vw;
    }

    #aplica_acum2 {
        width: 80%;
        margin: 2% 10%;
    }

    ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 4vw;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 4vw;
    }

    :-ms-input-placeholder {
        /* IE 10+ */
        font-size: 4vw;
    }

    :-moz-placeholder {
        /* Firefox 18- */

        font-size: 4vw;

    }
    .pozitii{
        padding: 2% 1%!important;
    }
    .lista{
        padding: 0!important;
     
    }
    .lista a{
        width: 80%!important;
        float: left!important;
        margin:5% 4%!important;
     
    }
    .lista img{
        width: 100%;
        margin-bottom:10%
    }
    .lista a img{
        width: 90%!important;
    }
}