@charset "utf-8";

body {
    margin: 0;
    padding: 0;
	font-family: 'Noto Sans', sans-serif;

}

.responsive-bar
{
display: none;
}

nav {
width: 100%;
height: 100px;
position: fixed;
top: 0;
left: 0;
padding: 10px 100px;
box-sizing: border-box;
transition: .5s;
z-index: 999;

}

nav.white
{
    background: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px rgba(128, 128, 128, 0.774);
}

nav .logo {
    float: left;
}

nav .logo img {
    height: 80px;
    transition: .5s;
}

nav ul {
float: right;
margin-top: 8px;
padding: 0;
display: flex;

}

nav ul li {
list-style: none;
}


nav ul li a {
    line-height: 80px;
    color: #000;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .5s;

    }


    nav ul li a.active,
    nav ul li a:hover {
        color: #fff;
        background: rgb(204, 39, 27);
    
    }


@media (max-width: 1066px)
{


    .responsive-bar
    {
        display: block;
        width: 100%;
        height: 60px;
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        padding: 5px 20px;
        box-sizing: border-box;
        z-index: 1000;

    }

    .responsive-bar .logo img
        {
            float: left;
            height: 50px;
        }

        .responsive-bar .menu img
{
       float: right;
      padding-top: 12px;
      cursor: pointer;

        }

        nav,
        nav.white
{
    background: #262626;
    height: 60px;
    padding: 0;
}

nav .logo
{
display: none;

}

nav ul
{

    position: absolute;
    width: 100%;
    top: 40px;
    background: white;
    float: none;
    display: none;
    left: 0;

}


nav ul.active
{

    display: block;
}

nav ul li
{
width: 100%;

}

nav ul li a
{
display: block;
padding: 0;
width: 100%;
text-align: center;
color: rgb(0, 0, 0);
}

}


.bioedenchim
{
    position: relative;
    width: 100%;
    height: 720px;
    top: 0;
    left: 0;  
    background-size: cover;
    background-image: url("../images/2.jpg");
    overflow: hidden;
}

.text-bioedenchim
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
z-index: 3;

}

.text-bioedenchim h3 {
    font-size: 3em;
    margin: 10px 0;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgb(10, 36, 3);
	font-family: "Times New Roman", Times, serif;
}

.text-bioedenchim p
{
    font-size: 1.4em;
    margin: 20px 0;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 36px;
    text-shadow: 0 1px 1px rgb(10, 36, 3);
	

}

.catalog
{
    font-size: 1rem;
    padding: 1rem 2rem;
    color: #fff;
    text-decoration: none;
    background: #0e7248;
}


@media (max-width: 840px)
{



.text-bioedenchim h3 {
    font-size: 2em;
    margin: 10px 0;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgb(10, 36, 3);
}

.text-bioedenchim p
{
    font-size: 1.2em;
    margin: 20px 0;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 36px;
    text-shadow: 0 1px 1px rgb(10, 36, 3);

}

.catalog
{
    font-size: .8rem;
    padding: 1rem 2rem;
    color: #fff;
    text-decoration: none;
    background: #0e7248;
}
}


.content
{
    padding: 0px;
    position: relative;
}

.content h1
{
text-align: center;
padding: 18px;
}

.content p
{
margin-left: 10%;
margin-right: 10%;
padding-bottom: 18px;
text-align: center;
line-height: 36px;
}


.container
{
width: 100%;
height: 90vh;
display: flex;
box-sizing: border-box;
position: relative;
overflow: hidden;

}

.container .box
{
width: 20vw;
text-align: center;
line-height: 90vh;
flex-grow: 1;
background-size: cover;
background-position: center;
transition: 1s;

}

.container h1
{
margin: 0;
padding: 0;
line-height: 90vh;
font-size: 28px;
background: rgba(0, 0, 0, .8);
transition: 5s;

}


.container h1 a
{
text-decoration: none;
color: #fff;

}



.container h1 span
{
background: rgb(255, 255, 255, 0);
width: 100%;
transition: 1s;
color: #fff;
padding: 25px 20px;
text-transform: uppercase;
text-decoration: none;

}

.container .box:hover h1 span
{
color: #262626;
background: rgba(255,255,255,.8);
letter-spacing: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}


.container .box:hover h1 span a
{
color: #262626;
text-decoration: none;
}

.container .box:hover h1

{
    background: rgba(0, 0, 0, 0);

}

.container .box:hover
{
    width: 40vw;

}

.container .box:nth-child(1)
{

    background: url(../images/seminte.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.container .box:nth-child(2)
{

    background: url(../images/ingrasaminte.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.container .box:nth-child(3)
{

    background: url(../images/erbicide.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.container .box:nth-child(4)
{

    background: url(../images/fungicide.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.container .box:nth-child(5)
{

    background: url(../images/insecticide.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 820px)
{


.container
{
display: inline;
position: relative;
}
.container .box{
width: 100%;
text-align: center;
line-height: 90vh;
flex-grow: 1;
background-size: cover;
background-position: center;
transition: 1s;
margin: 5px;
}

.container .box:hover
{
    width: 100%;
    margin: 5px;
}
}


.tratament
{
    width: 100%;
    display: flex;
    position: relative;
    background: #eee3c1;
}

    .card
    {
        width: 350px;
        height: 467px;
background: #0e7248;
margin-left: 36px;
margin-top: 36px;
margin-bottom: 36px;
position: relative;
overflow: hidden; 
display: block;
   }

    .card .imgvie,
    .card .detalii
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        transition: .5s;
        position: relative;

    }

    .card .imgvie
    {
top: 0;
left: 0;
display: flex;

    }

    .card:hover .imgvie
    {
top:0;
left: 100%;


    }
    .card .imgvie img
    {
width: 100%;
    }

    .card .detalii
    {
background-repeat: #262626;
top: 0;
left: -100%;
padding: 60px 30px;
position: absolute;


    }

    .card:hover .detalii
    {
        top: 0;
        left: 0;
      
    }

    .card .detalii h2{
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0 0 10px;
        border-bottom: 2px solid #fff;
    }

    .card .detalii p{
        color: #fff;
        margin: 20px 0 0;
    }


.text-tratament{
margin-top: 92px;
padding-left: 18px;
padding-right: 18px;
width: 100%;
text-align: center;
flex: 1;

}

.text-tratament h2{
    margin: 0 auto;
}

.text-tratament p{
    margin: 0 auto;
    padding-top: 56px;
    line-height: 36px;
}

  








@media (max-width: 820px)
{
    .text-tratament{
        display: none;
    }
    .card{
        margin: 36px auto;
    }
}

.brands
        {
margin-left: 0px;
position: relative;
display: flex;
width: 100%;
        }

.parteneri h2
{
    margin-left: 62px;
    position: absolute;
}

.scroll 
{
    position: absolute;
    margin-top: 50px;
    z-index: 1;
    width: 100%;
}

.scroll img{
padding-left: 36px;
}


.locatie{
    position: relative;
    margin-left: 0px;
    margin-top: 150px;
    background-color: rgb(243, 243, 243);
}

.visit
{
position: relative;
}

.visit h2{
    padding-top: 36px;
    margin-left: 62px;
    }

    .visit p{
        margin-left: 62px;
        }

.harta
{
    position: relative;
    margin-top: 36px;
    margin-left: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    width: 100%;
}



section
{
    overflow: hidden;
}
section h1
{
    text-align: center;
}

form {
	width:459px;
	margin:0 auto;
}

label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}

input, textarea {
	width:439px;
	height:27px;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

	input:focus, textarea:focus {
		border:1px solid #97d6eb;
	}

textarea {
	height:213px;
}

#submit {
	width:100%;
	height:38px;
	border:none;
	margin-top:20px;
    cursor:pointer;
    background-color:  rgb(204, 39, 27);
color: #fff;
margin-bottom: 18px;
text-align: center;
}

	#submit:hover {
		opacity:0.9;
	}
	
	
	.footer
{
    position: relative;
    top: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background-color: #0a3141;   
}



.footer1 p {
    overflow: hidden;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: #fff;
	text-align: center;

}