*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body{
    font-family: 'Poppins', sans-serif;
    font-size: 1rem ;
    font-weight: 300;
}
a{
    -webkit-text-decoration: none!important;
            text-decoration: none!important;
}
p{
    font-size: 1rem;
        color: white;
}
h1{
    font-style: 2.5rem;
        color: white;
}
h2{
    font-style: 2rem;
        color: white;
}
h3{
    font-style: 1.75rem;
        color: white;
}
h4{
    font-style: 1.5rem;
        color: white;
}
h5{
    font-style: 1.25rem;
        color: white;
}
h6{
    font-style: 1rem;
        color: white;
}
.color-red{
    color: #e12d1e;
}
.color-white{
    color: #fff;
}
.width-100{
    width: 100%;
}
.width-75{
    width: 75%;
}
.br-10{
    border-radius: 10px;
}
.ptb-100{
    padding: 100px 0;
}
.ls-10{
    letter-spacing: 10px;
}
.mtb-5{
    margin-top: 50px;
    margin-bottom: 50px;
}
.hidden-desktop{
    display: block;
}
.hidden-mobil{
    display: none;
}
.background-202020{
    background: #202020;
}
.bg-171717{
    background: #171717;
}
.bg-b1a296{
    background: #b1a296;
}

/*Navbar*/
nav.navbar-black{
    background-color: #010101;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
nav ul li{
    list-style-type: none;
}
nav ul li a:hover{
    color: #e12d1e;
}
nav ul li a:active{
    color: #e12d1e;
}
a.logo {
    font-size: 28px;
}
a.logo:hover {
    color: #e12d1e;
}




/*Section description*/

.description {
    background-image: url(../imagini/hero.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 80%);
            box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 80%);
}
.description-img, .description-text {
    position: relative;
    top: 50px;
}
.description-text h1 {
    font-weight: 600;
}
.description-text span{
    color: #e12d1e;
}
.description-text h2 {

    font-weight: 600;
}
button.buton-1 {
    border: none;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 10px;
    background: #fff;
    outline: none;
    
}
button.buton-1 a{
    color: #000;
}

button.buton-1:hover{
    background-color: #e12d1e;
    
}
button.buton-1 a:hover{
    color: #fff;
}


/*Section About me*/
.about-me{
    background-color: #202020;
    min-height: 70vh;
}
.about-me h3{
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 3px;
}
.about-number{
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.about-number h5{
    font-size: 2.375rem;
    font-weight: 600;
}
.about-number p{
    font-size: 1.125rem;
}
.card1{
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}



/*Section rezumat*/
.position1 {
    position: relative;
    top: -5rem;
}
.rezumat h3{
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 4px;
}
h5.title-rezumat {
    text-align: center;
    letter-spacing: 2px;
    padding: 2px;
}
.rezumat-box{
    background: #282828;
    padding: 20px 30px; 
    border-radius: 10px;
    position: relative;
    margin: 0px 30px 35px 30px;
}
.rezumat-content::before {
    content: "";
    background: #282828;
    position: absolute;
    left: 100px;
    bottom: -35px;
    width: 3px;
    height: 41px;
}
.rezumat-content::after {
    content: "";
    background: #282828;
    width: 3px;
    height: 41px;
    position: absolute;
    bottom: -34px;
    right: 100px;
}
p.rezumat-an {
    background: #e12d1e;
    background: #e12d1e;
    display: inline;
    padding: 2px 20px;
    border-radius: 16px;
}

/*Secttion servicii*/
.services-card-black, .services-card-red {
    padding: 30px;
    border-radius: 15px;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: justify;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
}
.services-card-black{
    background: #3c2727;

}
.services-card-black:hover, .services-card-red:hover{
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
}

.services-card-red{
    background: #b1a296;
}
.services-card-red p, .services-card-red h5{
    color: #000;
}



/*Portofoliu*/
button.tablinks {
    background: transparent;
    border: none;
    color: white;
    font-size: 22px;
    padding: 6px 20px;
    cursor: pointer;
    outline: none;
}
.play, button.tablinks:hover{
    background: #e12d1e!important;
    border-radius: 30px;
}
.portofoliu-box{
    -webkit-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
}
.portofoliu-img{
    position: relative;
}
.link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.link a {
    color: white;
}
.link a:hover {
    text-decoration: underline;
}
.portofoliu-img:hover img{
    opacity: 0.1; 
}
.portofoliu-img:hover .link{
    opacity: 1; 
}
/*Contact*/
.btn-portofoliu{
    color: white;
    font-style: 16px!important;
    outline: none;
    cursor: pointer!important;

}
.act, .btn-portofoliu:hover {
    background: red;
    color: white;
    border-radius: 20px;
    border: none;
}
.form-control{
    background-color: #b1a296!important;
}
button.btn.btn-trimite {
    background: #e12d1e!important;
    color: white!important;
    font-size: 18px!important;
    padding: 10px 30px!important;
    border-radius: 10px!important;
}
button.btn.btn-trimite:hover{
    opacity: 0.8;
}
::-webkit-input-placeholder{
    color: #202020!important;
}
::-moz-placeholder{
    color: #202020!important;
}
:-ms-input-placeholder{
    color: #202020!important;
}
::-ms-input-placeholder{
    color: #202020!important;
}
::placeholder{
    color: #202020!important;
}



/*Alerta*/
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -11px;
    right: 0;
    color: inherit
}

a.close {
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.2
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.fade {
    opacity: 1 !important
}




/*FOOTER*/
footer{
    background-color: #010101;
}
li.no-li {
    list-style-type: none;
    margin-right: 10px;
}
ul.no-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card2 {
    background: #202020;
    padding: 10px;
    border-radius: 50%;
}
svg#icon{
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
svg#icon:hover{
    opacity: 0.6;
}
footer a {
    font-size: 18px;
    color: #e12d1e;
}
footer a:hover{
    color: #b1a296;
}



.btn.focus, .btn:focus{
    -webkit-box-shadow: 0 0 0 0.2rem rgb(225 45 30 / 25%);
            box-shadow: 0 0 0 0.2rem rgb(225 45 30 / 25%);
}
.center-icons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#loader{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-image: url(../imagini/load.gif)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    z-index: 99!important;
    background-color: #fff!important;
}
.width-35{
    width: 35%;
}
a.nav-link.fleg{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
button.out {
    background: transparent;
    border: none;
    outline: none;
}
div#myDIV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
img.width-35.rom {
    top: 8px;
    position: relative;
    left: 50px;
}
img.width-35.eng {
    top: 8px;
    position: relative;
    
}
.opacity1{
    opacity: 1;
}
.opacity04{
    opacity: 0.2;
}
.width-100-mobil{
    width: 100%;
}

.flag-mobil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.w-30{
    width: 30%;
}