body {
    background: #eee url('/content/img/bg.jpg') center center;
    background-size: 100%;
    background-size: cover;
    background-attachment: fixed;
    font: 14px 'Nexa', Helvetica, Arial;
    color: #333;
}

a {
    color: #B41730;
}
a:hover {
    color: #C40F2C;
    text-decoration: none;
}
/*-------------------------------------*/


.navbar {
    background: #FFF;
}

#login-dp{
    min-width: 300px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.85);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
    border-color: rgba(0, 0, 0, 0.1);
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}


/*-------------------------------------*/

.form-top {
  overflow: hidden;
  padding: 15px 25px 12px;
  background: #FFF;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-align: left;
}
    .form-top h3 {
        margin: 0;
    }
.form-bottom {
  padding: 25px 25px 8px;
  background: #EEE;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-align: left;
}
input[type="text"], textarea, textarea.form-control {
  background: #F8F8F8;
  border: 3px solid #DDD;
  font-size: 16px;
  font-weight: 300;
  color: #888;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}
input[type="text"]:focus, textarea:focus, textarea.form-control:focus {
  outline: 0;
  background: #FFF;
  border: 3px solid #CCC;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-group {width: 100%;}
.input-group-btn:last-child>.btn {z-index: 2;margin-left: -3px;}
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
    box-shadow: none;
}
.btn-primary {
    background-color: #B41730;
    border: 3px solid #B41730;
    border-left: none;
    padding: 4px 12px;
    -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #C40F2C;
    border: 3px solid #C40F2C;
    border-left: none;
}

.input-group-addon {
    border-width: 3px;
    border-color: #DDD;
}
input[type=range] {
  margin-bottom: 5px;
}
.avancedSearch {
    margin-top: 15px;
}
    #distance, #price {
        text-align: right;
        border-right: 3px solid #DDD;
        border-left: none;
    }
    .carSize {
        width: 100%;
    }
        .carSize button {
            width: 33%;
        }

.result {
  margin-bottom: 15px;
  border-radius: 4px;
  overflow: hidden;
}
.result .form-top {
  background: #EEE;
  padding: 5px 15px;
  position: relative;
  overflow: visible;
}
.roadMap {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #DDD;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.05);
}
.result .form-bottom {
  background: #FFF;
  padding: 20px 20px 10px;
}
.scoretable {margin-top: -10px; font-size: 12px; text-align: right; color:#999;}
.leftnav.affix{
  width: 360px;
  top: 20px;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}