body {

    margin: 0;

    font-family: Raleway, Arial, Helvetica, sans-serif;

    background-color: #f9f9f9;

  }

  

  .topnav {

    overflow: hidden;

    max-width:1000px;

    margin:auto;

  }

  

  .topnav .menu_elem {

    float: right;

    color: grey;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    font-size: 17px;

  }



  .logo{

      float:left;

      color: grey;

      text-align: center;

      padding: 14px 16px;

      text-decoration: none;

      font-size: 20px;

  }

  

  .topnav .menu_elem:hover {

    text-decoration: underline;

    color: grey;



  }

  

  .topnav .menu_elem.active {

    color: white;

    text-decoration: underline;

  }



  #bannerimage {

    width: 100%;

    background-image: url("../images/banner.jpg");

    height: 70px;

    
    background-position: center;

    transition: ease 0.5s;

    overflow: hidden;

  }

  .add_input_box{

    text-align: center;

    margin: auto;

    margin-top:25px;

    padding: 0px;

    min-width:300px;

    max-width:600px;

    height:0px;

    font-size:16px;

    background-color: white; /*#EFEFEF;*/

    width:60%;

    transition: 0.5s;

    overflow: hidden;

    display: block;

    box-shadow:

      2.4px 3.5px 2.1px rgba(0, 0, 0, 0.023),

      4.9px 7.1px 4.8px rgba(0, 0, 0, 0.031),

      7.6px 11.1px 8.4px rgba(0, 0, 0, 0.036),

      10.9px 15.7px 13.3px rgba(0, 0, 0, 0.041),

      15px 21.8px 20.3px rgba(0, 0, 0, 0.045),

      21.2px 30.7px 31.3px rgba(0, 0, 0, 0.05),

      32px 46.5px 50.8px rgba(0, 0, 0, 0.056),

      60px 87px 104px rgba(0, 0, 0, 0.07)

    ;

}



.add_input, .add_input_place{

  margin-top:10px;

  padding: 10px;

  width:250px;

  max-width:80%;

  background-color:transparent;

  border: none;

  border-bottom: 2px solid grey;

  font-family: Raleway, Arial, Helvetica, sans-serif;

}

.add_input_place{

   width: 270px;

   

}



  .input_search_div{text-align:center; padding:30px;}

  .input_search{

    min-width:300px;

    height: 30px;

    font-size:16px;

    background-color: #d4d4d4;

    border: none;

    width:30%;

  }



  .input_search:focus{outline:none;}



  .list_box_elem, .success_box{

    margin: auto;

    margin-top:25px;

    padding: 30px;

    min-width:300px;

    max-width:600px;

    height:auto;

    font-size:16px;

    background-color: white; /*#EFEFEF;*/

    width:60%;

    transition: 0.2s;

    box-shadow:

      2.4px 3.5px 2.1px rgba(0, 0, 0, 0.023),

      4.9px 7.1px 4.8px rgba(0, 0, 0, 0.031),

      7.6px 11.1px 8.4px rgba(0, 0, 0, 0.036),

      10.9px 15.7px 13.3px rgba(0, 0, 0, 0.041),

      15px 21.8px 20.3px rgba(0, 0, 0, 0.045),

      21.2px 30.7px 31.3px rgba(0, 0, 0, 0.05),

      32px 46.5px 50.8px rgba(0, 0, 0, 0.056),

      60px 87px 104px rgba(0, 0, 0, 0.07)

    ;



    /*

    -moz-box-shadow:    3px 3px 3px 3px rgb(215, 215, 215);

    -webkit-box-shadow: 3px 3px 3px 3px rgb(215, 215, 215); /*#ccc;*/

    /*box-shadow:         1px 3px 2px 3px rgb(215, 215, 215);*/

  }



  .list_box_elem:hover{

    /*min-width:305px;

    max-width:605px;

    width:60.5%;*/

    box-shadow:

    0.7px 0.7px 2.2px rgba(0, 0, 0, 0.02),

    1.7px 1.6px 5.3px rgba(0, 0, 0, 0.028),

    3.1px 3px 10px rgba(0, 0, 0, 0.035),

    5.6px 5.4px 17.9px rgba(0, 0, 0, 0.042),

    10.4px 10px 33.4px rgba(0, 0, 0, 0.05),

    25px 24px 80px rgba(0, 0, 0, 0.07)

  ;

  }



  .list_box_elem:onclick{

    min-width:300px;

    max-width:600px;

    width:60%;

    background-color: white;

    -moz-box-shadow:    0px 0px 3px 3px rgb(215, 215, 215);

    -webkit-box-shadow: 0px 0px 3px 3px rgb(215, 215, 215); /*#ccc;*/

    box-shadow:         0px 0px 0px 0px rgb(215, 215, 215);

  }



  .ad_description{

    color:grey;

    font-size: 14px;

  }



  .res_input{

    background-color:transparent;

    border: 0px;



  }



  .smallcar{

    float: right;

  }



  .footer {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: grey;

    color: white;

    text-align: center;

  }



  .res_input{

    margin-top:10px;

    padding: 10px;

    width:250px;

    max-width:80%;

    background-color:transparent;

    border: none;

    border-bottom: 2px solid grey;

    font-family: Raleway, Arial, Helvetica, sans-serif;

 }

 .btn_submit{

    margin-top:10px;

    padding: 10px;

    width:250px;

    max-width:80%;

    background-color: transparent;

    font-family: Raleway, Arial, Helvetica, sans-serif;

    border: 1px solid grey;

    transition: 0.2s;

 }

 .btn_submit:hover{

     background-color: rgb(71, 138, 201);

     color: white;

 }



 .btn_decline{

  margin-top:10px;

  padding: 10px;

  width:150px;

  max-width:80%;

  background-color: transparent;

  font-family: Raleway, Arial, Helvetica, sans-serif;

  border: 1px solid grey;

  transition: 0.2s;

 }



 .btn_accept{

  margin-top:10px;

  padding: 10px;

  width:150px;

  max-width:60%;

  background-color: transparent;

  font-family: Raleway, Arial, Helvetica, sans-serif;

  border: 1px solid grey;

  transition: 0.2s;

 }

 .btn_accept:hover{

   background-color:lightgreen;

 }

 

 .btn_decline:hover{

  background-color:lightcoral;

}