@import
url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic)
;

@font-face {
    font-family: "NeoTech";
    src: url(../fonts/NeoTech.eot);
    src: url('../fonts/NeoTech.eot?#iefix') format('embedded-opentype'),
        url(../fonts/NeoTech.TTF) format('truetype');
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat.eot);
    src: url('../fonts/Montserrat.eot?#iefix') format('embedded-opentype'),
        url(../fonts/Montserrat.TTF) format('truetype');
}

.body {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -4px;
    bottom: -4px;
    width: 100%;
    height: 100%;
    /* background: url(../img/KPI-device.png); */
    background-size: cover;
    font-family: 'NeoTech', 'Montserrat', sans-serif;
}

body {
    background: url(../img/contact-bg.png); 
    background-repeat:no-repeat;
    background-size:cover;
    font-family: 'NeoTech', 'Montserrat', sans-serif;

}



/* .header-container{
width:500px;
font-size:40px;
font-weight:bold;

margin-top:100px;
margin-left:100px;
} */
.headerimg {
    position: absolute;
    margin-left:33%;
}

.title {
    font-weight: bold;
    color: green;
    font-size: 18px;
    margin-left: 35%;
    padding-top: 10px;
    font-size: 35px;


    animation: blur 1s  ;
    -webkit-animation: blur 1s ;
    -moz-animation: blur 1s  ;

}

@keyframes blur {
    0%,
    90% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
    }
    50% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -o-filter: blur(30px);
        -ms-filter: blur(30px);
    }
}


.header-container {

    margin-top: 50px;
}






.top{
    margin-top:35px;}


a{
    color:black}



.img-contact{

    margin-top: 40px;

}



.box{

    display:flex;
    justify-content:center;
    height: 50px;
    width: 220px;
    border: 3px solid #ccff2f;
    border-radius: 40px;
    margin-top: 100px;
}



.box-body{
    font-weight:bold;

    margin-top:10px;}




.search{
    margin-left: 530px;
    height: 35px;
    width: 250px;
    border: 1px solid grey;
    border-radius: 40px;
    margin-top: 100px;
}




.search-body{
    font-weight:bold;

    margin-top:10px;
    color:grey;

}



.upImg{
    margin-top: 100px;
}


.cent{
    text-align:center;
}



.flexCenter{
    display:flex;
    justify-content:center;}




.nav {
    color: white;
}

.top {
    margin-top: 3%;
}

a {
    color: white
}


a:hover { color: white; }




filter: blur(1px);
-webkit-filter: blur(1px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: url(blur.svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');







.footertop{
    margin-top:100px;}