<style>

input, button, select, textarea {font-size:14px;}
.input-wrap {width: 33.33% !important;}


.cityarea {
    width: 360px;
    height: auto;
    display: inline-block;
    /* border-left: 1px solid #009aff; */
    border-right: 1px solid #ff00ff;
    padding: 1% 0;
    text-align: center;
}

 .cityarea .country {
    width: 263px;
    height: 51px;
    display: inline-block;
    background: url(../img/country-bg.gif);
    text-align: center;
}

.count {
    width: 238px;
    height: auto;
    display: inline-block;
    border: 0px solid #fff;
    font-family: 'Laila', serif;
    font-size: 18px;
    color: #fff;
    text-align: center;  
    outline: none;
}

.city {
    width: 263px;
    height: 51px;
    display: inline-block;
    background: url(../img/city-bg.gif);
    text-align: center;
}

.pin {
    width: 263px;
    height: 51px;
    display: inline-block;
    background: url(../img/area-bg.gif);
    text-align: center;
}
.center {
  margin-top: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.card1{  
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem; 
}

</style>