body{
    margin:0;
    padding: 0;
    color: #333;
    font-family: 'Gothic A1', sans-serif;
    font-size: 18px;
    background-color: #fff;
    width:100%;
    }
a, a:visited{
        outline: none;
        text-decoration: none;
        color: #0E6938;
    }


main{
    max-width: 100%;
  

}
.content{
    max-width: 100%;
    margin:0 auto;
   
}
.head{
  
   background-image: url('../images/bg_topsm.jpg');
   background-repeat: no-repeat;
   background-position: top center;
   background-size: cover;
   position: relative;
}

.headin{
    margin:0 auto;
    max-width: 1920px;
    /*height: 1268px;*/
    height: 967px;
    
    }

    .menubar{

padding: 0;
margin: 0;
    }

    .logo{
display: inline-block;
width: 35%;
text-align: left;
padding:0;
margin: 65px 0 0 20px;
    }

    .logosm{
        display: none;
    }
    .menu{
        display: inline-block;
        width: 60%;
        text-align: right;
        float: right;
        padding:0;
margin: 115px 0 0 0;
    }

    .logo img{width: 100%;}
.menu a{
    padding: 15px 20px 15px 20px;
    margin:0 10px 0 0;
    color: #0E6938;
    cursor: pointer;
    font-size: 1.1em;
}
.menu a:hover{
   background-color: #3DB54E;
    color: #fff;
}
.hamburger{
    cursor: pointer;
    position: relative;
    display: none;
    margin:0 20px 0 0;
}
.hamburger img{
    height: 40px;
    width: auto;
}
.hambmenu{
    display: none;
    position: absolute;
    right:45px;
    top:-25px;
    background-color: #3DB54E;
}

    .text{
       width: 100%;
       background-color: #fff;
     }
     
     .textin{
         margin:0 auto;
         max-width: 1920px;
       padding: 100px 20px 100px 20px;
        background-color: #fff;
        text-align: center;
         font-size: 1.2em;
         line-height: 1.5em;
         -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
         }

.atu{
            width: 100%;
            background-color: #3DB54E;
          }
          
.atuin{
              margin:0 auto;
              max-width: 1920px;
            padding: 50px 20px 50px 20px;
             background-color: #3DB54E;
             text-align: center;
             color:#fff;
             font-size: 1.2em;
}

.footer{
    width: 100%;
    background-color: #0E6938;
    /*height: 800px;*/
    position: relative;
  }
  
.footerin{
      margin:0 auto;
      max-width: 1920px;
    padding: 130px 0 100px 0;
     background-color: #0E6938;
     text-align: center;
      color:#fff;
}

.arrow{
    background-image: url('../images/arrow.png');
    background-size: 30px;
    height:70px;
    width: 100%;
    bottom:0;
    left: 0;
    position: absolute;
}
.arrowf{
    background-image: url('../images/arrowf.png');
    background-size: 30px;
    height:70px;
    width: 100%;
    top:0;
    left: 0;
    position: absolute;
}

.menues{
    float: right;
}

.button{
    margin: 30px 0 30px 0;
padding: 15px 40px 15px 40px;
background-color: #3DB54E;
color: #fff;
display: inline-block;
}

.button:hover{
    background-color: #0E6938;
    color: #fff;
}

.button a{
    color: #fff;
}
.button a:hover{
    color: #fff;
}

.addres{
margin:400px 0 0 0;
   
    text-align: center;
}

.address_box{
    margin:0 auto;
    width: 25%;
   
    display: inline-block;
}

.address_box_in{
    padding:0 20px 0 20px;
    color:#fff;
    font-size: 0.9em;
}
.address_box_in span{
   padding:0 0 20px 0;
    font-size: 1.2em;
    display: block;
}
.address_box_in img{
    height:50px;
    width: auto;
    padding:0 0 10px 0;
}

.servicii{
    margin:70px 0 0 0;
       
        text-align: center;
    }
    
    .servicii_box{
        margin:0 auto;
        width: 25%;
       
        display: inline-block;
    }
    
    .servicii_box_in{
        padding:0 20px 0 20px;
        color:#fff;
        font-size: 1em;
    }
    .servicii_box_in span{
       padding:0 0 20px 0;
        font-size: 1.9em;
        display: block;
        font-weight: bold;
    }
    .servicii_box_in img{
        height:270px;
        width: auto;
        padding:0 0 10px 0;
    }

    .logo_foot img{
width: 350px;
    }

    .foot_text{
        padding: 39px 0 0 0;
        font-size: 1.1em;
    }


    .accordion{
        padding:50px 40px 50px 40px;
       
    }

    .accordion__item {
        margin: 15px auto;
    }
    .accordion__item .accordion__title {
        position: relative;
        display: block;
        padding: 13px 60px 15px 13px;
        margin-bottom: 2px;
        color: #202020;
        font-size: 1em;
        text-decoration: none;
        background-color: #eaeaea;
        border-radius: 3px;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
      cursor: pointer;
    }
    .accordion__item .accordion__title:hover {
        background-color: #0E6938;
        color: #fff;
        transition: all 0.5s ease-out;
    }
     .accordion-active {
        background-color: #3DB54E !important;
    }
    .accordion__item .accordion__title .accordion__arrow {
        position: absolute;
        top: 13px; right: 10px;
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        font-size: 20px;
        font-weight: 700;
        margin-right: 5px;
        background-color: #c9c9c9;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .accordion__item .accordion__rotate {
        transform: rotate(225deg);
    }
    .accordion__item .accordion__content {
        padding: 30px;
        margin-bottom: 2px;
       
        display: none;
       
    }
    .accordion__item .accordion__arrow-item {
        font-weight: 700;
    }

.acc{padding:8px 20px 8px 20px;
border: solid 1px #c9c9c9;
background-color: #f3f3f3;
margin:8px 0 8px 0;

position: relative;}

.acc:hover{
    border: solid 1px #0E6938;
background-color: #0E6938;
color: #fff;
}
.accin{
    text-align: left;
}

.download{
    position: absolute;
    right:10px;
    top: 10px;
}

.accordion__content {
    padding: 6px 10px 20px 60px !important;

}

.lang{
    position: absolute;
    top:7px;
    right:30px;
}
.lang div{
    display: inline-block;
}

.lang div a{
    background-color: #2ca63e;
    padding:11px 8px 8px 8px;
    color: #fff;
}
.lang div a:hover{
    background-color: #0E6938;
 
}


.menues ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    
    .menues ul li {
      display: block;
      position: relative;
  
      float: left;
    margin: 0;
    
    
    }
    
    .menues ul li:first-child{margin-left:0}
    
    .menues ul li a{
        padding: 15px 20px 15px 20px;
        margin:0 10px 0 0;
       
        cursor: pointer;
        font-size: 1.1em;

   
    width: auto;
    display: inline-block;
    }
    
    .menues ul li a:hover{
 
    }
    
    .menues ul li ul {
      display: none;
      list-style: none;
      color: #fff;
    
    }
    
    .menues ul li:hover ul {
      list-style: none;
      border-top:solid 2px #fff;
      display: block;
      position: absolute;
      background-color: #0E6938;
   
    
    
    
    }
    
    .menues ul li ul li{
    text-align: left;
    float: left;
    white-space: nowrap;
    display: block;
    margin:3px 0px 3px 0;
    padding:7px 0px 7px 14px;
    width: 100%;
    background-color: none;
    }
    
    .menues ul li ul li:hover{
        margin:3px 0px 3px 0px;
        padding:7px 0px 7px 7px;
        border-left: solid 7px #3DB54E;
        background-color: none;
   }
    
    .menues ul li ul li a{ 
        margin: 0; padding:5px 5px 5px 5px; 
        color: #fff;}
    
    .menues ul li ul li a:hover{
        margin: 0;
        padding:5px 5px 5px 5px;
        background-color: #0E6938;
    }

  
.smhamb{
    background-color: #2ca63e;
    padding: 8px 22px 8px 0 !important;
}


.photos{
    display: inline-block; 
    width: 27%;
    margin:8px 8px 8px 8px;

}

.photos img{
width: 100%;
border: solid 7px #fff;
}

.photos img:hover{
   
    border: solid 7px #0E6938;
    }



    @media (max-width:1720px) {
    .menu {
        margin: 90px 0 0 0;
    }

    }

    /* 1500px ------------------ */

@media (max-width:1520px) {
    body{
        font-size: 16px;
    }
.menues{display: none;}
.hamburger {display: inline-block;}
.menu{margin:100px 0 0 0;
width:30%;}
.hambmenu{
    padding:20px 20px 20px 20px;
    background-color: #3DB54E;
   min-width: 300px;
}
.hambmenuin{
    padding:5px 5px 5px 5px;
}

.hambmenuin a{
    padding: 15px 10px 15px 10px;
    margin: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    line-height: 0.9em;
    display: block;
}
.hambmenuin a:hover{
background-color: #0E6938;
}
.headin {
  
    /*height: 1100px;*/
    height: 900px;
}
.menu {
    margin: 80px 0 0 0;
}
.servicii_box {
    
    width: 30%;
    
}
}








    /* 1050px ------------------ */

    @media (max-width:1050px) {

        .headin {
  
            height: 800px;
        }
.addres{    margin: 350px 0 0 0;}
.servicii_box{
    display: inline-block;
    width: 40%;
}
.address_box{
    width: 33%;
}
.logo {
       
    width: 50%;
    
    margin: 65px 0 0 20px;
}

.photos{
       
    width: 40%;
   

}
    }



   /* 900px ------------------ */

   @media (max-width:900px) {

    .accordion {
        padding: 50px 10px 50px 10px;
    }

    .accordion__content {
        padding: 6px 5px 20px 5px !important;
    }
    .photos{
       
        width: 45%;
       
    
    }

   }



        /* 800px ------------------ */

        @media (max-width:800px) {
          
            .logo {
             
                width: 60%;
                
                margin: 60px 0 0 20px;
            }

            .menu{
                width: 20%;
            }
            
            .servicii_box{
                display: block;
                width: 80%;
            }
            .address_box{
                width: 33%;
            }
            .address_box:nth-child(3){
                display: none;
            }
            .logo_foot img {
                width: 60%;
            }
            h1{
                line-height: 1.2em;
            }
            .hambmenu

 {
   
    right: 0px;
    top: 45px;
    
}
                }



                   /* 700px ------------------ */

                   @media (max-width:700px) {
                   
                    .logo {
             
                        width: 60%;
                        
                        margin: 66px 0 0 20px;
                    }
        
                    .menu{
                        width: 20%;
                    }
                    .servicii_box {
                       
                        width: 90%;
                    }
                    .photos{
       
                        width: 90%;
                       
                    
                    }
                }




                     /* 600px ------------------ */

        @media (max-width:600px) {
            .logobig{display: none;}
            .logosm{display: block;}
            .logosm img{width:150px;}
            .address_box {
                width: 45%;
            }
        }


                          /* 500px ------------------ */

                          @media (max-width:500px) {
                            .logo_foot img {
                                width: 70%;
                            }
                        }