* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

body {
  background: url(../img/sample_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-family: 'HelveticaNeueCyr';
}

ul { list-style-type: none; }


h1{
  color: #006600;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin: 35px 0 35px;
}
h2{
  font-size: 16px;
  font-weight: 400;
}

a{
  color: #006600;
  font-weight: 400;
  text-decoration: none;
}
h4{
  font-size: 14px;
  color: #006600;
  padding: 12px 0;
  width: 150px;
  margin-left: 40px;
  font-weight: 400;
  }
h5{
  font-size: 10px;
  font-weight: 400;
}

h3{
  font-size: 16px;
  font-weight: 400
}

 ul{
    text-decoration: none;
}
.wrapp{
  max-width:1230px;
  margin:0 auto;

}

/*head`*/
.header{
  background: url(../img/fon.jpg)center center no-repeat;
    background-size: cover;
    padding: 55px 0 439px;
   
}
.logo-head h1{
  color: #006600;
  font-size: 20px;
  margin: 0;
}

.logo-head{
  float: left;
}
.logo-head h1{
  position: relative;
  bottom:50px; 
  left: 130px;
  }

  /*Navi-user-searh`*/
.navi{
  
    float: right;
    right: 0;
    position: relative;
    height: 40px;
}
.navs{
list-style: none;
}
 .exit {
    display: none;
    background: #ffffff;
    border-radius: 5px;
    list-style: none;
    width: 105px;
    margin-left: 30px;
}
.user a{
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    padding: 6px 15px;
    color: #006600;
    text-transform: none;
    text-decoration: none;
}
.user{
  width: 65px;
  margin-left: 30px;
  padding: 5px;
}
.user-img{
  padding-left: 15px;
  width: 67px;

}
.navs li:hover .exit{
  display: block;
}
.exit li:hover a{
  color: #ffffff;
}
.exit li:last-child:hover{
  border-radius: 0 0 5px 5px ;
  text-decoration: none;
  background-color: rgba(51, 153, 51, 0.7);
}

.exit li:first-child:hover {
  border-radius: 5px 5px 0 0 ;
  text-decoration: none;
  background-color: rgba(51, 153, 51, 0.7);
 


}
.user-img:before {
    content: '';
    height: 30px;
    width: 2px;
    display: inline-block;
    background-color: #006600;
    margin-right: 15px;
}



.sear{
  float: left;
  margin-left: -4px;
  padding: 5px;
  height: 40px;
}
.sear img{
  float: right;
  padding-bottom: 20px;
}
.sear ul{
  list-style: none;
  
}
.sear ul li form{
  display: none;
}
.sear ul li form input{
    border: none;
    top: 85px;
    left: 343px;
    width: 300px;
    border-radius: 5px;
    font-size: 14px;
    height: 25px;
    padding-left: 20px;
    color: #006600;
}
.sear ul li:hover form{
  display: block;
  position: absolute;
  top: 40px;
  right: 55px;
  transition:100s;
  
}



.submenuu .links2 h4 {
    font-size: 14px;
    color: #006600;
    padding: 12px 0;
    width: 150px;
    margin-left: 40px;
    font-weight: 400;
}
.float-left h2{
  font-size: 16px;
}





.nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3.75rem;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: width;
  z-index: 99;
}
.nav.is-active {
  width: 350px;
    height: 500px;
}

.nav__trigger {
  display: block;
  position: absolute;
  top: 40px;
  right: 1rem;
  margin-top: -10px;
  padding: 8px 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  z-index: 10;
}
.nav__trigger .bars {
  position: relative;
}
.nav__trigger .bars, .nav__trigger .bars:before, .nav__trigger .bars:after {
  width: 28px;
  height: 4px;
  background-color:rgba(51,153,51,0.9);
  border-radius: 4px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.nav__trigger .bars:before, .nav__trigger .bars:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.nav__trigger .bars:before {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.nav__trigger .bars:after {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}
.nav__trigger.is-active {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nav__trigger.is-active .bars:before, .nav__trigger.is-active .bars:after {
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

.nav__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1200px;
  padding: 1rem 3.75rem 1rem 2.75rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0s linear 0.25s;
  transition: 0s linear 0.25s;
}
.nav__content.is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0s linear;
  transition: 0s linear;
}
.nav__content.is-active .nav__item a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, color, -webkit-transform;
  transition-property: opacity, color, -webkit-transform;
  transition-property: transform, opacity, color;
  transition-property: transform, opacity, color, -webkit-transform;
  -webkit-transition-duration: 0.55s, 0.55s, 0.3s;
          transition-duration: 0.55s, 0.55s, 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1), ease-in-out, ease-in-out;
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1), ease-in-out, ease-in-out;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(1) a {
  -webkit-transition-delay: 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(2) a {
  -webkit-transition-delay: 0.05s, 0.05s, 0s;
          transition-delay: 0.05s, 0.05s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(3) a {
  -webkit-transition-delay: 0.1s, 0.1s, 0s;
          transition-delay: 0.1s, 0.1s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(4) a {
  -webkit-transition-delay: 0.15s, 0.15s, 0s;
          transition-delay: 0.15s, 0.15s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(5) a {
  -webkit-transition-delay: 0.2s, 0.2s, 0s;
          transition-delay: 0.2s, 0.2s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(6) a {
  -webkit-transition-delay: 0.25s, 0.25s, 0s;
          transition-delay: 0.25s, 0.25s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(7) a {
  -webkit-transition-delay: 0.3s, 0.3s, 0s;
          transition-delay: 0.3s, 0.3s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(8) a {
  -webkit-transition-delay: 0.35s, 0.35s, 0s;
          transition-delay: 0.35s, 0.35s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(9) a {
  -webkit-transition-delay: 0.4s, 0.4s, 0s;
          transition-delay: 0.4s, 0.4s, 0s;
}

.nav__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav__item {
  overflow: hidden;
}
.nav__item a {
  display: inline-block;
  padding: 1rem;
  color: #9ac6ac;
  text-decoration: none;
  font-size: 3rem;
  font-size: 10vw;
  font-size: 14vmin;
  font-weight: 300;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, opacity;
}
.nav__item a:hover {
  color: white;
}

.nav__divider {
  margin: 1.75rem 0 1.5rem;
  width: 100%;
  height: 2px;
  background-color: #9ac6ac;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*Mobile Menu accordion Submenu*/

.nav__content ul{
  list-style: none;
}
.nav__content p {
  color: #006600;
  padding: 12px 0;
  margin-left: 40px;
  
}
.nav__content .accordions {
    max-width: 100%;
}

.nav__content .accordions .linkss {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}
.nav__content .accordions .links2,.link3 {
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}

.nav__content .accordions li:last-child .linkss { border-bottom: 0; }

.nav__content .accordions li:last-child .links2 { border-bottom: 0; }

.nav__content .accordions li i {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #006600;
}
.nav__content .accordions li .link1 .fa-white{
  display: none;
}
.nav__content.accordions li.open .link1 .fa-white{
  display: block;
}
.nav__content .accordions li.open .link1 .fa img{
  display: none;
}
.nav__content .accordions li.open .link1 h3{ 
    color: #ffffff;
     }

.nav__content .accordions li.open .link1 { 
    color: #ffffff;
    background-color: rgba(51,153,51,0.9);
     }

.nav__content .accordions li.open i { color: #ffffff; }


 .nav__content .accordions li.open> div.linkss> i.fa-chevron-down{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nav__content .accordions li i.fa-chevron-down{
  right: 12px;
  left: auto;
  font-size: 16px;
}

.nav__content .accordions li:hover .linkss .fa-white{
  display: none;
}
.nav__content .accordions li:hover .linkss .fa-white{
  display: block;
}
.nav__content .accordions li:hover .linkss .fa img{
  display: none;
}
.nav__content .accordions li:hover .linkss{ 
    color: #ffffff;
    background-color: rgba(51,153,51,0.9);
     }

.nav__content .accordions li:hover h3{ color: #ffffff; }
.nav__content .accordions li:hover i{ color: #ffffff; }



/*Submenu accordion mobile*/

.float-left .submenuu li.open .fa-chevron-down{ color: #ffffff; }



.float-left .submenuu {
  display: none;
  background: #ffffff;
  font-size: 14px;
}


.float-left .submenuu li.open i { color: #ffffff; }

.float-left .submenuu li.open i.fa-chevron-down{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.float-left .submenuu li i.fa-chevron-down{
  right: 12px;
  left: auto;
  font-size: 16px;
  color: #006600;
}

.float-left .submenuu li:hover .linkss i { 
    color: #ffffff;
    background-color: rgba(51,153,51,0.7);
     }
.float-left .submenuu li:hover .links2{ 
    color: #ffffff;
    background-color: rgba(51,153,51,0.7);
     }
.float-left .submenuu2 li:hover .link3{ 
    color: #ffffff;
    background-color: rgba(51,153,51,0.7);
     }
.float-left .submenuu li:hover .links2 h4{ color: #ffffff; }
.float-left .submenuu li:hover .links2 i{ color: #ffffff; }

.float-left .submenuu li:hover .links2 .fa-white{
  display: none;
}
.float-left .submenuu li:hover .links2 .fa-white{
  display: block;
}
.float-left .submenuu li:hover .links2 .fa img{
  display: none;
}

/* Top Menu - Hornav */

.navbar-nav img {

    display: inline-block;
    margin: 0 45px;

  
}
.navbar-nav .home img:nth-child(2n){
    display: none;
}
.navbar-nav .home:hover img{
    display: none;
}
.navbar-nav .home:hover img:nth-child(2n){
  display: block;
  padding-bottom: 5px;
}
.navbar-nav .home:hover:after{
   content: '';
   width: 54px;
   height: 3px;
   background-color: #ffffff;
   display: block;
   margin: 10px auto;


}

.navbar-nav .centr img:nth-child(2n){
 display: none;

}
.navbar-nav .centr:hover:after{
 content: '';
    width: 54px;
    height: 3px;
    background-color: #ffffff;
    display: block;
    margin: 10px auto;
    


}
 .centr:hover img{
 display: none;

}
.navbar-nav .centr:hover img:nth-child(2n){
  display: block;
  padding-bottom: 5px;
}
.navbar-nav .new img:nth-child(2n){
 display: none;
 
}
.navbar-nav .new:hover:after{
 content: '';
    width: 54px;
    height: 3px;
    background-color: #ffffff;
    display: block;
    margin: 10px auto;
    


}
.navbar-nav .new:hover img:nth-child(2n){
  display: block;
  padding-bottom: 5px;
}
.navbar-nav .new:hover img{
 display: none;

}
.navbar-nav .baza img:nth-child(2n){
 display: none;

}
.navbar-nav .baza:hover:after{
 content: '';
    width: 54px;
    height: 3px;
    background-color: #ffffff;
    display: block;
    margin: 10px auto;
    


}
.navbar-nav .baza:hover img:nth-child(2n){
  display: block;
  padding-bottom: 5px;
}
.navbar-nav .baza:hover img{
 display: none;

}
.navbar-nav .contakt img:nth-child(2n){
 display: none;
 
}
.navbar-nav .contakt:hover:after{
 content: '';
    width: 54px;
    height: 3px;
    background-color: #ffffff;
    display: block;
    margin: 10px auto;
    


}
.navbar-nav .contakt:hover img:nth-child(2n){
  display: block;
  padding-bottom: 5px;
}
.navbar-nav .contakt:hover img{
  display: none;
}
.navbar-nav{
  list-style: none;
}


.navbar-nav > li {
    float: left;
   position: relative;

}
.hor{
  margin-top: -65px;
}
.hor-nav {
  background-color: rgba(51, 153, 51, 0.9);
  border-radius: 25px 25px 0 0;
  width: 1170px;
  height: 130px;
  text-align: center;
  margin:0 auto;

}



.hor-nav ul {
    padding: 29px 227px;
    display: inline-block;
 }

.hor-nav ul > li > a,
.hor-nav ul > li > span {
  color: #ffffff;
  font-size: 16px;
  font-weight:400;
  display: block;
  text-decoration: none;
}

.hor-nav ul ul {
  text-align: left;
  background: #ffffff;
  position: relative;
  display: block;
  list-style: none;
  padding: 0;
  min-width: 200px;
  z-index: 20;
}
.hor-nav ul ul li {
  min-height: 22px;
  float: none;
  position: relative;
  margin: 0;
}
.hor-nav ul ul li a,
.hor-nav ul ul li span {
  box-shadow: none;
  display: block;
  padding: 6px 15px;
  color: #006600;
  text-transform: none;
}

.hor-nav ul ul li:first-child a {
  border: none;
}
.cirkl img{
  position: absolute;
    right: 41%;
    top: 33%;
    margin-left: -10px;
    margin-top: -10px;
}
.hor-nav ul ul li a:active,
.hor-nav ul ul li a:focus,
.hor-nav ul ul li a:hover {
  text-decoration: none;
  background-color: rgba(51, 153, 51, 0.7);
  color: #ffffff;


}
.hor-nav ul ul li:hover a {
  text-decoration: none;

}
.hor-nav ul ul ul:before {
  display: none;
}
.hor-nav li ul,
.hor-nav li ul li ul {
  position: absolute;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 240ms linear;
  -o-transition: all 240ms linear;
  -ms-transition: all 240ms linear;
  -moz-transition: all 240ms linear;
  -webkit-transition: all 240ms linear;
  top: 70px;
  z-index: 1000;
}
.hor-nav li:hover > ul,
.hor-nav li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 114px;
}
.hor-nav li ul li ul {
  left: 220px;
  top: 0;
}
.hor-nav li ul li:hover > ul {
  top: 0px;
  left: 200px;
}
.cent:before{
  content: '';
    top: -13px;
    position: absolute;
    left: 40px;
    border: 30px solid transparent;
    border-top: 13px solid rgba(51, 153, 51, 0.9);
}
.cent{
  width: 185px;
 margin: 0 auto;
}
.cont{
  width: 240px;
 margin:0 auto;
}
.cont:before{
  content: '';
    top: -13px;
    position: absolute;
    left: 40px;
    border: 30px solid transparent;
    border-top: 13px solid rgba(51, 153, 51, 0.9);
}
.nav{
  display: none;
}

/*ekran1*/

.ekran{
overflow: hidden;
 
}

/*Navimein Menu accordion*//*Submenu*/

.sidebar p {
  padding: 12px 0;
  margin-left: 40px;
  
}
.sidebar a {
  color: #006600;
  
}
.accordion {
    max-width: 240px;
    background: #ffffff;
    -webkit-border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    border-radius: 0 0 25px 25px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  font-size: 14px;
  color: #006600;
  font-weight: 700;
  position: relative;
}
.accordion .link2,.link3 {
  cursor: pointer;
  display: block;
  font-size: 14px;
  color: #006600;
  font-weight: 400;
  position: relative;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li:last-child .link2 { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 13px;
  left: 12px;
  color: #006600;
}
.accordion li .link1 .fa-white{
  display: none;
}
.accordion li.opens .link1 .fa-white{
  display: block;
}
.accordion li.opens .link1 .fa img{
  display: none;
}
.accordion li.opens .link1 h3{ 
    color: #ffffff;
     }

.accordion li.opens .link1 { 
    color: #ffffff;
    background-color: rgba(51,153,51,0.9);
     }

.accordion li.opens i { color: #ffffff; }


.accordion li.opens> div.link> i.fa-chevron-down{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion li i.fa-chevron-down{
  right: 12px;
  left: auto;
  font-size: 16px;
}
.accordion li:hover:last-child .link { 
  border-radius:0 0 25px 25px;
   }

.accordion li:hover .link .fa-white{
  display: block;
}
.accordion li:hover .link .fa img{
  display: none;
}
.accordion li:hover h3{ 
    color: #ffffff;
     }
.accordion li:hover .link {
    color: #ffffff;
    background-color: rgba(51,153,51,0.9);
}
.accordion li .link2 h4:hover a {
    color: #ffffff;
    
}
.accordion li .link h3:hover a {
    color: #ffffff;
    
}

.accordion li:hover i{ color: #ffffff; }



/*Submenu accordion*/
.submenu li .link5 .fa-white{
  display: none;
}
.submenu li.opens .link5 .fa-white{
  display: block;
}
.submenu li.opens .link5 .fa img{
  display: none;
}
.submenu li.opens .link5 h4{ 
    color: #ffffff;
     }

.submenu li.opens .link5 { 
    color: #ffffff;
    background-color: rgba(51,153,51,0.8);
     }

.submenu li.opens .fa-chevron-down{ color: #ffffff; }


.submenu {
  display: none;
  background: #ffffff;
  font-size: 14px;
}
.submenu2 {
  display: none;
  font-size: 12px;
} 

.submenu li.opens i { color: #ffffff; }

.submenu li.opens i.fa-chevron-down{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.submenu li i.fa-chevron-down{
  right: 12px;
  left: auto;
  font-size: 16px;
  color: #006600;
}
.submenu li:hover .link i { 
    color: #ffffff;
    background-color: rgba(51,153,51,0.7);
     }
.submenu li:hover .link2{ 
    background-color: rgba(51,153,51,0.7);
     }
.submenu li .link2:hover h4{ 
    color: #ffffff;
     }
.submenu2 li:hover .link3{ 
    color: #ffffff;
    background-color: rgba(51,153,51,0.7);
     }
.submenu li:hover .link2 h4{ color: #ffffff; }
.submenu li:hover .link2 i{ color: #ffffff; }
.submenu2 li p:hover .link3 a{ color: #ffffff; }

.submenu2 li:hover .link3 .fa-white{
  display: none;
}
.submenu2 li:hover .link3 .fa-white{
  display: block;
}
.submenu2 li:hover .link3 .fa img{
  display: none;
}
.submenu li:hover .link2 .fa-white{
  display: none;
}
.submenu li:hover .link2 .fa-white{
  display: block;
}
.submenu li:hover .link2 .fa img{
  display: none;
}
.submenu li ul li .link3 a{
  color: #006600;

}
.submenu li ul li .link3:hover a{
  color: #ffffff;

}
/*Button*/
button h2{
    text-align: left;
    margin-left: 78px
}
button.but {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: 240px;
    height: 70px;
    font-size: 18px;
    margin-top: 20px;
    border: navajowhite;
   }
.button-blok{
  margin-bottom: 120px;
}
.but img{
    float: left;
    padding-left: 24px;
}
.address,
.reviews{
    background-color: #ffffff;
    color: #339933;
   }
.office{
    background-color: #339933;
    color:#ffffff;
   }
.office a{
    color:#ffffff;
   }
.wiht{
    display: none;    
              }
:hover.address
              {
    box-shadow: 0 0 15px rgba(14,14,14,0.5);
    background-color:rgba(51,153,51,1);
    color:#ffffff;
              }
:hover.address>a{
    color:#ffffff;
              }
.address:hover .wiht 
              {
    display: block;
              }
.address:hover .green 
              {
    display: none;
              }
.reviews:hover .wiht 
              {
    display: block;
              }
.reviews:hover .green 
              {
    display: none;
              }
:hover.office{  
    background-color:rgba(51,153,51,0.7);
    box-shadow: 0 0 15px rgba(14,14,14,0.5);
    color: #ffffff;
}
:hover.office>a{  
    color: #ffffff;
}
:hover.reviews{ 
    box-shadow: 0 0 15px rgba(14,14,14,0.5);
    background-color:rgba(51,153,51,1);
    color:#ffffff; 
}
:hover.reviews>a{ 
    color:#ffffff; 
}
/*Content eksport*/
.eksport p{
  font-size: 16px;
  color: #006600;
  line-height: 30px;
}

.eksport {
  width: 875px;
  height: 418px;
} 
.eksport{ 
  background-image: url(../img/eksport.jpg);
  background-repeat: no-repeat;
}
.eksport .box-text{
  width: 550px;
  padding: 54px;
  letter-spacing: 0.055em;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  top: 95px;
  left: 200px;
}
/*Content import*/
.import p{
  font-size: 14px;
  color: #006600;
  line-height: 19px;
}

.import {
  width: 875px;
  height: 418px;
} 
.import{ 
  background-image: url(../img/inport.jpg);
  background-repeat: no-repeat;
}
.import .box-text{
  width: 560px;
  padding: 45px 40px 45px 60px;
  letter-spacing: 0.055em;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  top: 115px;
  left: 132px;
}

/*Kerivnuctvo*/
.kerivnuctvo p{
  font-size: 20px;
  color: #006600;
}
.keri:hover {
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
  }
.keri {
  width: 875px;
  -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
} 
.kerivnuctvo{ 
  background-image: url(../img/kerivnuctvo.jpg);
  background-repeat: no-repeat;
}
.kerivnuctvo .box-text{
  width: 578px;
  margin-left: 298px;
  padding: 23px;
  letter-spacing: 0.075em;
}
.kerivnuctvo .text-p p{
  font-size: 16px;
  color:#006600;
}
.kerivnuctvo .text-p{
  padding-top: 15px;
  line-height: 19px;
} 
/*News*/
.news {
  width: 870px;
  height: 600px;
  margin: 0 auto;
} 
.box-news {
  overflow: hidden;
  background: #339933;
  float: left;
  margin: 10px;
  width: 415px;
  height: 180px;
  -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  -ms-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
}
 
.box-news:hover {
  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
  box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
}
.info-news h3{
  font-size: 14px;
  width: 154px;
  color: #000000;
}
.img{
  width: 157px;
  height: 180px;
}
.img img{
  width: 157px;
  height: 180px;
  
}
.info-news p{
  width: 230px;
  font-size: 12px;
  color: #ffffff;
  padding-top: 10px;
  margin: 0;
  font-weight: 400;
  letter-spacing: 1px;
}
.info-news{
  position: relative;
  float: right;
  bottom: 176px;
  margin: 14px 14px 0;
}
.detailed1{
   float: right;
  bottom: 24px;
  position: relative;
  width: 88px;
  height: 28px;
  margin-top: 3px;
  border-radius: 5px;
  border: 1px solid #ffffff;
  background: none;
  font-size: 10px;
  color: #ffffff;
  font-weight:400;
  text-align: center;
  padding-top: 7px;
}
.detailed1:hover {
  background-color: #ffffff;
  color: #006600;
  border: none;
}

.navig p{
  font-size: 10px;
  color: black;
  padding-top: 30px;
}
.navig button:hover{
  background-color: #ffffff;
  color: #006600;
  border: none;
}

/*Content*/

.content{
  float: right;
  width: 930px;
  padding-right: 40px;

}
 .navimein{
  float: left;
  padding-left: 30px;
 }  

 /*NaviMenuFormmHellp)))*/

 
#navigationMenu li{
  list-style:none;
  height:100px;
  width:35px;
}

#navigationMenu span{
  width:0;
  padding:0;
  position:absolute;
  overflow:hidden;
  letter-spacing:0.6px;
}
#navigationMenu .form{
  padding-top: 20px;
  width: 0ch; 
   text-align: center;
   word-wrap: break-word;
   position: absolute;
   }
 #navigationMenu .form h4{
  color: #ffffff;
  margin: 0 13px;
  width: 0;
}
 #navigationMenu p{
  color:#ffffff;
  margin-top: 33px;
  margin-right: 3px;
  font-size:14px;
  font-weight:400;
}

#navigationMenu a{
  height:100px;
  display:block;
}
.formm{
  position: fixed;
  z-index:777;
  right: 404px;
  top: 360px;
  opacity: 0.7;
  bottom: 0;
  background-color:#339933;
    width: 35px;
    height: 300px;
    border-radius: 14px;

}

#navigationMenu span{
  background-color:rgb(51, 153, 51, 1);
}

#navigationMenu #main{
  margin:80px auto;
  position:relative;
  width:35px;
}

 
#navigationMenu img{
  padding: 28px 20px;
  float: left;
}
#navigationMenu .icons{
    display: none;
}
#navigationMenu .icons img{
  width: 24px;
  height: 24px;
  margin: 35px 7px;
  padding: 0;
}


/* hoverNaviMenuFormmHellp*/
:hover.formm{
  opacity: 1;
}

#navigationMenu:hover .form{
  display: none;

}
#navigationMenu:hover .icons{
  display: block;

}
#navigationMenu li a span img #forms:hover .img1 {
  display: none;
}

#navigationMenu a:hover span{ 
  width:200px;
  height: 100px;
  right: 0;
  border-radius: 10px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
   }
#navigationMenu a:hover{
  text-decoration:none;
}
/*Ekran2-green2*/

.ekran2-green2{
    background-color: rgba(51, 153, 51, 0.9);
    height: 100px;
    margin: 0 0 135px;
  }

.ekran2-green2 .lab h1{
    font-size: 24px;
    color: #ffffff;
    margin: 0;
    padding-top: 35px;

}
.icons-img{
  padding-top: 25px;
  padding-left: 50px;
  float: left;
}
.box-blok .box__text{
    text-align: -webkit-auto;
    width: 52%;
    padding: 20px 23px;
}
.box-blok .blok1 .box__text{
  margin: 60px 23px;
  padding: 0;
}

.box-blok{
  font-size: 0;
  margin-bottom: 120px;

}

.box-blok .box{
  width:380px;
  height: 130px;
  display: inline-block;
  vertical-align:top;
   
}
.box-blok .blok1{
  background-image: url(../img/blok1.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 45px;
}
.box-blok .blok2{
  background-image: url(../img/blok2.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}

.box-blok .blok3{
  background-image: url(../img/blok3.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 45px;
}

/*Font*/

.fon h1{
  font-size: 24px;
  color: #006600;
  text-align: left;
  margin: 60px 0 40px;
  width: 640px;
}
.fon h2{
  
  color: #006600;
  font-size: 20px;
  text-align: center;
  padding-bottom:35px;
}
.fon h3{
  font-size: 16px;
  color: #006600;
  text-align: center;
  margin-bottom: 30px;
}
.fon .inl{
  display: inline-block;
   vertical-align:top;
   width: 250px;
   margin: 0 12px;
}
.fon{
  font-size: 0;
  width: 875px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.fon .box-bloks p{
  font-size: 12px;
  color: #006600;
   line-height: 15px;
   padding: 9px 0 11px 70px;
}
.fon .box-blokss p{
  font-size: 12px;
  color: #006600;
   line-height: 15px;
    padding: 17px 0 17px 70px;
}
.fon .box{
  border-bottom: 1px solid;
  border-color: rgba(51, 153, 51, 0.5);
}



.fon .box-bloks{
  font-size: 0;
  margin:0 24px 35px;

}
.fon .box-blokss{
  margin-left: 36px;
}

.fon .box-bloks .box{
  width:250px;
  height: 50px;
   
}
.fon .box-blokss .box{
  width:800px;
  height: 50px;
  display: inline-block;
  vertical-align:top;
   
}
.fon .box-bloks .bloks1{
  background-image: url(../img/bx1.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}
.fon .box-bloks .bloks2{
  background-image: url(../img/bx2.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}

.fon .box-bloks .bloks3{
  background-image: url(../img/bx3.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}
.fon .box-bloks .bloks4{
  background-image: url(../img/bx4.png);
  background-size: cover;
  background-repeat: no-repeat;
 

  
}
.fon .box-bloks .bloks5{
  background-image: url(../img/bx5.png);
  background-size: cover;
  background-repeat: no-repeat;
 
}
.fon .box-bloks .bloks6{
  background-image: url(../img/bx6.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}

.fon .box-bloks .bloks7{
  background-image: url(../img/bx7.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}
.fon .box-bloks .bloks8{
  background-image: url(../img/bx8.png);
  background-size: cover;
  background-repeat: no-repeat;
  

  
}
.fon .box-bloks .bloks9{
  background-image: url(../img/bx9.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}
.fon .box-bloks .bloks10{
  background-image: url(../img/bx10.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}

.fon .box-bloks .bloks11{
  background-image: url(../img/bx11.png);
  background-size: cover;
  background-repeat: no-repeat;
  }
.fon .box-bloks .bloks12{
  background-image: url(../img/bx12.png);
  background-size: cover;
  background-repeat: no-repeat;
  
  
}
.fon .bloks11{
  background-image: url(../img/bx13.png);
  background-size: cover;
  background-repeat: no-repeat;
 
  
}
.fon .bloks22{
  background-image: url(../img/bx14.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}
.fon .bloks33{
  background-image: url(../img/bx15.png);
  background-size: cover;
  background-repeat: no-repeat;
 }
 .fon .box-bloks .inl .bloks1:hover p{
  background-image: url(../img/bx1-hove.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks2:hover p{
  background-image: url(../img/bx2-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks3:hover p{
  background-image: url(../img/bx3-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks4:hover p{
  background-image: url(../img/bx4-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks5:hover p{
  background-image: url(../img/bx5-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks6:hover p{
  background-image: url(../img/bx6-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks7:hover p{
  background-image: url(../img/bx7-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks8:hover p{
  background-image: url(../img/bx8-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks9:hover p{
  background-image: url(../img/bx9-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks10:hover p{
  background-image: url(../img/bx10-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks11:hover p{
  background-image: url(../img/bx11-hover.png);
  color: #ffffff;
 }
 .fon .box-bloks .inl .bloks12:hover p{
  background-image: url(../img/bx12-hover.png);
  color: #ffffff;
 }
 .fon .box-blokss .inls .bloks11:hover p{
  background-image: url(../img/bx13-hover.png);
  color: #ffffff;
 }
 .fon .box-blokss .inls .bloks22:hover p{
  background-image: url(../img/bx14-hover.png);
  color: #ffffff;
 }
 .fon .box-blokss .inls .bloks33:hover p{
  background-image: url(../img/bx15-hover.png);
  color: #ffffff;
 }
 /*Ekran3-shemma*/
 .ekran3-img__shemma{
  background-image: url(../img/shemma.jpg);
  width: 890px;
  height: 400px;
  margin: 0 auto;
 }

/*Ekran2-green2*/

.ekran2-green3 {
    background-color: rgba(51, 153, 51, 0.9);
    height: 100px;
    margin-bottom:50px;
}
.ekran2-green3 .wrapp .icons-img {
    padding-top: 25px;
    padding-left: 52px;
    float: left;
}
.ekran2-green3 .wrapp .lab h1 {
   font-size: 20px;
    color: #ffffff;
    margin-left: 183px;
    padding-top: 28px;
    font-weight: 300;
    width: 73%;
    text-align: left;
}

.box-bloks p{
  font-size: 12px;
  color: #ffffff;
   line-height: 15px;
}
.box-blokss p{
  font-size: 12px;
  color: #ffffff;
   line-height: 15px;
}

.box-bloks .box__text{
  text-align: -webkit-auto;
    padding: 18px 0 0 80px;
}
.box-bloks .box__text4{
  text-align: -webkit-auto;
    padding: 10px 0 0 80px;
}
.box-blokss .box__text{
  text-align: -webkit-auto;
    padding: 15px 0 0 80px;
}
.box-blokss .box__text22{
  text-align: -webkit-auto;
    padding: 20px 0 0 80px;
}

.box-bloks{
  font-size: 0;

}

.box-bloks .box{
  width:262px;
  height: 50px;
  display: inline-block;
  vertical-align:top;
   
}
.box-blokss .box{
  width:478px;
  height: 70px;
  display: inline-block;
  vertical-align:top;
   
}
.box-bloks .blok1{
  background-image: url(../img/blok11.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 30px;
}
.box-bloks .blok2{
  background-image: url(../img/blok22.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}

.box-bloks .blok3{
  background-image: url(../img/blok33.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 30px;
}
.box-bloks .blok4{
  background-image: url(../img/blok44.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 30px;

  
}
.blok11{
  background-image: url(../img/blok111.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 15px 0 122px;
  
}
.blok22{
  background-image: url(../img/blok222.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 76px 0 15px;
}



/*Ekran2-search-maps*/

.ekran2-green{
  background-color: rgba(51, 153, 51, 0.9);
  background-size: cover;
  height: 100px;
  
}
.ekran2-green .icons-img-circl{
  background-color: rgb(0, 204, 102);
    border-radius: 100%;
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px 0 10px 30px;
    text-align: center;
}
.ekran2-green .icons-img-circl img{
  padding-top: 20px;
}
.ekran2-green .lab{
  float: left;

}
.ekran2-green .search{
  float: right;
}
.ekran2-green .search input{
  height: 37px;
  width: 500px;
  border-radius: 10px;
  border: 1px solid#0a960a;
  background-color: #ffffff;
  font-size: 14px;
  color: #0a960a;
  padding: 14px 0 14px 25px;
  margin: 30px 100px 0;
}
 
.ekran2-green h3{
      font-size: 20px;
    color: #ffffff;
    padding-top: 37px;
    margin-left: 20px;
}
.ekran2-green .searh{
  float: right;
}
/*mapps*/
.ekran2-green .stl{
  overflow:hidden;
  height:520px;
  width:1230px;
}
#gmap_canvas{
  height:648px;
  width:1230px;
}
#gmap_canvas img{
  max-width:none!important;
  background:none!important
}
/*Ekran3 eksport*/
.boxs-bloks p{
  font-size: 12px;
  color: #ffffff;
   line-height: 15px;
}
.boxs-blokss p{
  font-size: 12px;
  color: #ffffff;
   line-height: 15px;
}

.boxs-bloks .box__text{
  text-align: -webkit-auto;
    padding: 14px 10px 0 80px;
}

.boxs-blokss .box__text{
  text-align: -webkit-auto;
       padding: 20px 10px 0 80px;
   }

.boxs-bloks{
  font-size: 0;
}
.boxs-blokss{
  margin-bottom: 50px;
}
.boxs-bloks .boxs{
  width:360px;
  height: 70px;
  display: inline-block;
  vertical-align:top;
   
}
.boxs-blokss .boxs{
  width:478px;
  height: 70px;
  display: inline-block;
  vertical-align:top;
   
}
.boxs-bloks .blok01{
  background-image: url(../img/blok011.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 30px;
}
.boxs-bloks .blok02{
  background-image: url(../img/blok022.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}

.boxs-bloks .blok03{
  background-image: url(../img/blok033.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 30px;
}

.blok011{
  background-image: url(../img/blok0111.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 15px 0 122px;
  
}
.blok022{
  background-image: url(../img/blok0222.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 76px 0 15px;
}
/*Ekran3 eksport*/
.fonekr-eksport__text{
    background-color: #ffffff;
    width: 334px;
    color: #006600;
    position: relative;
    top: 108px;
    left: 250px;
}

.fonekr-eksport{
  background-image: url(../img/eksport-footer.jpg);
  width: 700px;
  height: 300px;
  margin: 0 585px;
    opacity: 0.9;
}

.fonekr-eksport__text p{
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.045em;
}
/*Ekran3 import*/
.fonekr-import__text{
    background-color: #ffffff;
    width: 460px;
    border-radius: 0 0 25px 0;
    color: #006600;
    position: relative;
    top: 55px;
    left: 190px;
}

.fonekr-import{
  background-image: url(../img/inport-footer.jpg);
  width: 700px;
  height: 300px;
  margin: 0 585px;
  opacity: 0.9;
}

.fonekr-import__text p{
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.045em;
}

/*Ekran3*/
.ekran3-img{
  background: url(../img/fonecr3.jpg) center center no-repeat;
  background-size: cover;
  padding: 175px 0;
}
.kart-green{
  background-color: rgba(51, 153, 51, 0.9);
    width: 150px;
    height: 300px;
    border-radius: 25px 0 0 0;
    float: left;
    position: absolute;
    left: 50px;
}
.kart-green img{
    margin: 117px 43px;
}
.text-ekr{
  background-color: #ffffff;
    width: 450px;
    height: 300px;
    border-radius: 0 0 25px 0;
    color: #006600;
    float: right;
}
.text{
  margin: 50px 0 0 110px;
}
.text h1{
  font-size: 24px;
  margin: 0;
  text-align: -webkit-auto;
}
.text p{
  font-size: 18px;
  margin-top: 30px;
  line-height: 1.5;
  letter-spacing: 0.045em;
}
.fonekr{
    width: 650px;
    position: relative;
    left: 540px;
    overflow: hidden;

}

/*Footer*/

.footer{
  background-color: rgba(51, 153, 51, 0.9);
  display: block;
    overflow: hidden;
}
.logo-circle{
  border-radius: 100%;
  width:75px;
  height:75px;
  background-color: #ffffff;
  text-align: center;
    float: left;
    margin: 7px 0 12px;
}
.footer-green{
  padding: 5px 0 0 14px;
}
.footer-green h1{
  font-size: 20px;
  color: #ffffff;
  margin: 0;
  text-align:-webkit-auto;
  position: relative;
    top: 35px;
    left: 20px;
    letter-spacing: 0.045em;
}
.up{
float: right;
}
.logo-circle img{
  width: 60px;
    height: 60px;
    margin-top: 8px;
}
#go-top {
  position: fixed; 
  bottom: 30px; 
  display:none;
width: 35px;
right: 404px;
}