﻿/*valet 20/12/16*/
.button {
     background: transparent url("images/Request-vehicle.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    float: none;
    height: 41px;
    outline: medium none;
    width: 200px;
}

.paybutton {
     background: transparent url("images/pay-now-BTN.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    float: none;
    height: 41px;
    outline: medium none;
    width: 200px;
}

@media (max-width:767px)
{

    .form-container {
        margin: 0px auto;
        height: 100%;
        padding-bottom: 20px;
        background-color: #dddddf;
    }
    
      /*.form-wrapper{background:rgba(1, 53, 109,0.6);}*/
     
      .bg-full img{background-size:cover;}
}
	  @media (max-width:499px)
{
	.form-wrapper{width:80%;}

    .form-container {
        padding-bottom: 20px;
        width: 100%;
        background-color: #dddddf;
    }
	
}


.logo {
        position: relative;
        height:80px;
    }
    .logo img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        width: 234px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .valet-img {
        position: relative;
        height: 200px;
    }

        .valet-img img {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: auto;
        }
         .valet-text p {
        font-size: 22px;
        text-align: center;
        color:#9fa0a1;
        padding-top: 25px;
        padding-bottom: 15px;
        margin: 0;
        font-weight: normal;

       
    
    font-weight: bold;
    text-align: center;
    width: 100%;
    }

.valet-text-big  {
    font-size: 26px;
    text-align: center;
    color: #0d0d0d;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    font-weight: bold;
    width: 100%;
}

.valet-text-medium {
    font-size: 18px;
    text-align: center;
    color: #0d0d0d;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    font-weight: bold;
    width: 100%;
}

    .valet-bottom-text p {
        font-size: 18px;
        text-align: center;
        color:#9fa0a1;
        padding-top: 20px;
        font-weight: normal;
        padding-bottom: 10px;
        margin: 0;
    }

    .valet-bottom-text h4 {
        font-size: 22px;
        text-align: center;
        color: #9fa0a1;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }
 
.valet-bottom-text-brighter p {
    font-size: 20px;
    text-align: center;
    color: #737475;
    padding-top: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}
.form-container {
    background-color: #dddddf;
}

.valet-btn{position:relative;text-align:center;margin-top: 60px;}
.valet-btn button{font-size:16px;border-radius:50px;background: #008ef2;color:#fff;text-transform:capitalize;box-shadow:none;border:none;padding: 15px 40px;font-weight: normal;}

/*.login_but {
    background-color: #008ef2;
    border: 1px solid #008ef2;
    border-radius: 25px;
    color: #fff;
    width: 200px;
    font-size: 19px;
    height: 45px;
}

    .login_but:hover, .login_but:focus, .login_but:active {
    background-color: #008ef2;
    border: 1px solid #008ef2;
    color: #fff;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}*/