:focus{
    outline:0!important
}
.reset{
    clear:both
}

a{
    text-decoration:none!important;
    color:#7d7c7c
}
a:hover{
    text-decoration:none!important;
    color:#000
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgb(255 255 255 / 84%);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:  rgb(255 255 255 / 84%);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgb(255 255 255 / 84%);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgb(255 255 255 / 84%);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: rgb(255 255 255 / 84%);
}

::placeholder { /* Most modern browsers support this now. */
   color:  rgb(255 255 255 / 84%);
}

.bookbg ::-moz-placeholder,.bookbg :-ms-input-placeholder,
.bookbg :-moz-placeholder,.bookbg ::-webkit-input-placeholder{
    color:#fff !important
}

#scrl::-webkit-scrollbar{
    width:2px;
    background-color:#000
}
#scrl::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border-radius:10px
}
ul{
    padding:0;
    margin:0
}


.p2{
    padding:2px
}
.p5{
    padding:5px
}

@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}

body.about  .nav-menu>li a.about ,body.infrastructure  .nav-menu>li a.infrastructure,
body.contacts  .nav-menu>li a.contacts, body.home  .nav-menu>li a.home ,
body.products  .nav-menu>li a.products

 {
    color: #91C88E  
 }