/* Document   : THEME.CSS


   Created on : ocT 25, 2013, 10:34:52 AM


   Author     : Sanjay


   Description:


       Purpose of the stylesheet in to adding the customize effect to the bootstrap


       for the application.


*/


@charset "utf-8";





/*


================================================================================================================================


*************************************      FONT FAMILY STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


@font-face {


    font-family: 'helvetica-neue-light';


    src: url('../fonts/helvetica-neue-light/helvetica-neue-light.eot');


    src: local('☺'), url('../fonts/helvetica-neue-light/helvetica-neue-light.woff') format('woff'), url('../fonts/helvetica-neue-light/helvetica-neue-light.ttf') format('truetype'), url('../fonts/helvetica-neue-light/helvetica-neue-light.svg') format('svg');


    font-weight: normal;


    font-style: normal;


}


@font-face {


    font-family: 'helvetica-neue-medium';


    src: url('../fonts/helvetica-neue/helvetica-neue.eot');


    src: local('☺'), url('../fonts/helvetica-neue/helvetica-neue.woff') format('woff'), url('../fonts/helvetica-neue/helvetica-neue.ttf') format('truetype'), url('../fonts/helvetica-neue/helvetica-neue.svg') format('svg');


    font-weight: normal;


    font-style: normal;


}


@font-face {


    font-family: 'helvetica-neue-bold';


    src: url('../fonts/helvetica-neue-bold/helvetica-neue-bold.eot');


    src: local('☺'), url('../fonts/helvetica-neue-bold/helvetica-neue-bold.woff') format('woff'), url('../fonts/helvetica-neue-bold/helvetica-neue-bold.ttf') format('truetype'), url('../fonts/helvetica-neue-bold/helvetica-neue-bold.svg') format('svg');


    font-weight: normal;


    font-style: normal;


}


@font-face {


    font-family: 'helvetica-neue-regular';


    src: url('../fonts/helvetica-neue-regular/helvetica-neue-regular.eot');


    src: local('☺'), url('../fonts/helvetica-neue-regular/helvetica-neue-regular.woff') format('woff'), url('../fonts/helvetica-neue-regular/helvetica-neue-regular.ttf') format('truetype'), url('../fonts/helvetica-neue-regular/helvetica-neue-regular.svg') format('svg');


    font-weight: normal;


    font-style: normal;


}


@font-face {


    font-family: 'helvetica-neue-italic';


    src: url('../fonts/helvetica-neue-italic/helvetica-neue-italic.eot');


    src: local('☺'), url('../fonts/helvetica-neue-italic/helvetica-neue-italic.woff') format('woff'), url('../fonts/helvetica-neue-italic/helvetica-neue-italic.ttf') format('truetype'), url('../fonts/helvetica-neue-italic/helvetica-neue-italic.svg') format('svg');


    font-weight: normal;


    font-style: normal;


}








/*


================================================================================================================================


*************************************      COMMON STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


html, body {


    /* any div up to fullscreen-cont must have this


    in this case html and body */


    height:100%;


    min-height:100%;


    margin:0;


}





.unstyled{


    list-style: none;


}


.padding-top-5{


    padding-top: 5px;


}


.padding-top-10{


    padding-top: 10px;


}


.padding-top-15{


    padding-top: 15px;


}


.padding-top-20{


    padding-top: 20px;


}


.padding-top-26{


    padding-top: 26px;


}


.padding-top-50{


    padding-top: 50px;


}


.padding-top-70{


    padding-top: 70px;


}


.padding-top-80{


    padding-top: 80px;


}


.padding-top-100{


    padding-top: 100px !important;


}


.margin-top-100{


    margin-top:100px!important;


}


.margin-bottom-100{


    margin-bottom:100px!important;


}


.padding-top-150{


    padding-top: 150px !important;


}


.padding-bottom-5{


    padding-bottom: 5px;


}


.padding-bottom-10{


    padding-bottom: 10px;


}


.padding-bottom-20{


    padding-bottom: 20px;


}


.padding-bottom-50{


    padding-bottom: 50px;


}


.padding-bottom-70{


    padding-bottom: 70px;


}


.padding-bottom-80{


    padding-bottom: 80px;


}


.padding-bottom-100{


    padding-bottom: 100px !important;


}


.padding-bottom-120{


    padding-bottom: 120px;


}


.padding-bottom-150{


    padding-bottom: 150px !important;


}


.padding-left-10{


    padding-left: 10px;


}


.padding-left-15{


    padding-left: 15px;


}


.padding-left-20{


    padding-left: 20px;


}


.padding-left-25{


    padding-left: 25px;


}


.padding-right-10{


    padding-right: 10px;


}


.padding-right-15{


    padding-right: 15px;


}


.padding-right-20{


    padding-right: 20px;


}


.padding-right-25{


    padding-right: 25px;


}


.no-padding-left{


    padding-left: 0px;


}


.no-padding-right{


    padding-right: 0px;


}


.margin-top-7{


    margin-top: 7px;


}


.margin-top-5{


    margin-top: 5px;


}


.margin-top-10{


    margin-top: 10px;


}


.margin-top-20{


    margin-top: 20px;


}


.margin-top-30{


    margin-top: 30px;


}


.margin-top-150{


    margin-top: 150px;


}


.margin-top-295{


    margin-top: 295px;


}


.margin-bottom-5{


    margin-bottom: 5px;


}


.margin-bottom-10{


    margin-bottom: 10px;


}


.margin-bottom-15{


    margin-bottom: 15px;


}


.margin-bottom-20{


    margin-bottom: 20px;


}


.margin-bottom-30{


    margin-bottom: 30px;


}


.margin-bottom-50{


    margin-bottom: 50px;


}


.margin-left-10{


    margin-left: 10px;


}


.margin-left-20{


    margin-left: 20px;


}


.margin-right-10{


    margin-right: 10px;


}


.margin-right-20{


    margin-right: 20px;


}


.no-margin-top{


    margin-top: 0px;


}


.no-margin-bottom{


    margin-bottom: 0px;


}


.no-margin-left{


    margin-left: 0px;


}


.no-margin-right{


    margin-right: 0px;


}


.text-left{


    text-align: left !important;


}


.text-center{


    text-align: center !important;


}


.text-white{


    color: #ffffff !important;


}


.text-white-square{

	color: #ffffff;


}

.text-white-square:hover, .text-white-square:focus{

	color: #ffffff;


}

.text-black{


    color: #000000;


}


.text-red{


    color: #db0808;


}


.border-red{


    border: 1px solid red;


}


.border-grey{


    border: 4px solid #494a4b;


}


.border-bottom-red{


    border-bottom: 1px solid #db0808;


}


.border-bottom-black{


    border-bottom: 1px solid #000000;


}


.border-bottom-dotted{


    border-bottom: 1px dotted #888888;


}


.hidden {


    display:none;


}


.btn-red{


    padding: 10px;


    margin: 5px;


    background: rgb(219,8,8);;


    color: #fff;


    border-radius: 5px;


    cursor: pointer;


}


.image-centered{


    display: block;


    margin-left: auto;


    margin-right: auto;


}


.bg-white{


    background-color: #ffffff;


}


.bg-red{


    background-color: rgb(219,8,8);


}


.car-bg-wrapper{


    background: url("../images/mazda.jpg") center right no-repeat;


    padding-top: 50px;


    background-attachment:fixed;


}


.border-radius-5{


    border-radius: 5px;


}


.datepicker {


    background: url("../images/date-icon.png") no-repeat scroll 98% 55% rgba(0, 0, 0, 0);


}


.form-control::-webkit-input-placeholder {


    color: #000!important;


}


.form-control::-moz-placeholder { /* Firefox 18- */


    color: #000 !important;


}





.form-control::-moz-placeholder {  /* Firefox 19+ */


    color: #000!important;


}





.form-control:-ms-input-placeholder {


    color: #000!important;


}


.font-helvetica-italic{


    font-family: 'helvetica-neue-italic',sans-serif;


}


textarea{


    resize: none;


}





/*


================================================================================================================================


*************************************      HEADER SECTION STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.top-header{


    /*background-color: rgb(219,8,8);*/
    background-color: #AAAAAA;


    height: 75px;


}


#logo:hover{


    cursor: pointer;


}


.social-icon li{


    display: inline;


}


.social-icon li a{


    color: #ffffff;


}


.heading-wrapper{


    background: rgb(219,8,8);


    padding: 5px 10px;


    border-radius: 10px 10px 0 0;


}


.heading-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif;


    color: #ffffff;


}


hr{


    margin:10px 0;


}


/*


================================================================================================================================


*************************************      NAVBAR STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.header-menu-navbar{


    background-color: #484a4b;


    border-radius: 0px;


}


.header-nav-menu ul li a{


    color: #ffffff !important;


    padding-left: 0px;


    margin-right: 10px;


    font-family: 'helvetica-neue-medium',sans-serif;


    font-size: 13px;


}


.header-nav-menu ul li a:hover , .header-nav-menu ul li a:focus{


    color: #DB0808 !important;


}





.navigation li.active a{


    color: #DB0808 !important;


    background: #484a4b!important;


}


.navbar{


    margin-bottom: 0;


}


/*


================================================================================================================================


*************************************      TOP IMAGE WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.carousel-control.left,.carousel-control.right{


    background: transparent;


}


.carousel-control .icon-prev, .carousel-control .icon-next{


    font-size:60px;


}


.carousel-caption{


    top:12%;


    position: absolute;


    left:14%;


    right:14%;


}


.home-image-wrapper{


    padding-top: 120px;


    margin-top:40px;


}


.carousel-caption h1{


    padding-bottom: 5px;


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 40px;


    text-align: left;


}


.carousel-caption h3{


    padding-top: 5px;


    font-family: 'helvetica-neue-light',sans-serif;


    font-size: 31px;


    text-align: left;


}


#carousel-example-generic .carousel-inner img{


    min-height: 500px;


}





/*


================================================================================================================================


*************************************      HOME WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.about-wrapper{


    background-color: #484a4b;


    padding: 50px 0;


    padding: 50px 0;


}


.about-wrapper h3{


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 33px;


}


.about-wrapper p{


    font-family: 'helvetica-neue-light',sans-serif;


    font-size: 15px;


}





/*


================================================================================================================================


*************************************      CAR TYPE WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.car-types-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 16px;


}


.car-type-left-wrapper ul li{


    border-bottom: 1px dotted #333333;


    margin-bottom: 5px;


}


.car-type-left-wrapper ul li a{


    color: #333333;


    font-family: 'helvetica-neue-bold',sans-serif;


    line-height: 30px;


    text-decoration: none;


}


.btn-red{


    background: #ee3130;


    color: #ffffff !important;


    border-radius: 5px;


    border: 2px solid #ffffff !important;


    -webkit-box-shadow: 0px 0px 5px 2px #aaaaaa;


    box-shadow: 0px 0px 5px 2px #aaaaaa;


    font-family: 'helvetica-neue-bold',sans-serif;


    padding:5px 15px;


    font-size: 16px;


    font-weight: bold;


}


.btn-red:hover{


    box-shadow: 0px 0px 8px 5px #aaaaaa;


}


.arrow-right:after, .arrow-right:before {


    left: 100%;


    border: solid transparent;


    content: " ";


    height: 0;


    width: 0;


    position: absolute;


    pointer-events: none;


}


.arrow-right:after {


    border-color: rgba(219, 8, 8, 0);


    border-left-color: #DB0808;


    border-width: 10px;


    top: 20%;


    margin-top: -10px;


}


.arrow-right:before {


    border-color: rgba(219, 8, 8, 0);


    border-left-color: #DB0808;


    border-width: 16px;


    top: 20%;


    margin-top: -16px;


}


/*


================================================================================================================================


*************************************      CHOOSE CAR WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.choose-car-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 16px;


}


.customized-badge{


    background: #888888;


    padding: 5px 0px;


    border-radius: 5px;


    color: #ffffff;


    font-family: 'helvetica-neue-bold'sans-serif;


    font-weight: 500 !important;


    font-size: 22px !important;


    margin-left: 30px;


    margin-right: 30px;


}


.choose-car-btn-lightred{


    background: #ee3130;


    color: #ffffff !important;


    border-radius: 5px;


    border: 2px solid #ffffff !important;


    -webkit-box-shadow: 0px 0px 5px 2px #aaaaaa;


    box-shadow: 0px 0px 5px 2px #aaaaaa;


    font-family: 'helvetica-neue-bold',sans-serif;


    width: 100px;


}














/*


================================================================================================================================


*************************************      CHOOSE OPTION WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.choose-option-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 16px;


}


.choose-option-right-wrapper p{


    font-family: 'helvetica-neue-italic',sans-serif;


    color: #000000;


}


.choose-option-btn-lightred{


    background: #ee3130;


    color: #ffffff !important;


    border-radius: 5px;


    border: 2px solid #ffffff !important;


    -webkit-box-shadow: 0px 0px 5px 2px #aaaaaa;


    box-shadow: 0px 0px 5px 2px #aaaaaa;


    font-family: 'helvetica-neue-bold',sans-serif;


    width: 70px;


}


.choose-option-btn-lightred:hover{


    box-shadow: 0px 0px 5px 3px #aaaaaa;


}


/*


================================================================================================================================


*************************************      RENT WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.rent-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif !important;


    font-size: 16px;


}


.rent-wrapper p{


    font-family: 'helvetica-neue-regular',sans-serif;


}





#rent-wrapper-form label{


    font-family: 'helvetica-neue-regular',sans-serif;


    color: #000000;


    font-weight: 500;


}


#rent-wrapper-form input , #careers-wrapper-form select{


    font-family: 'helvetica-neue-regular',sans-serif;


}


.rent-btn-lightred{


    padding: 8px 15px;


    background: #ee3130;


    color: #ffffff !important;


    border-radius: 5px;


    border: 2px solid #ffffff !important;


    -webkit-box-shadow: 0px 0px 5px 2px #aaaaaa;


    box-shadow: 0px 0px 5px 2px #aaaaaa;


    font-family: 'helvetica-neue-bold',sans-serif;


}











/*


================================================================================================================================


*************************************      CAREER WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.careers-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif !important;


    font-size: 16px;


}


.careers-wrapper p{


    font-family: 'helvetica-neue-regular',sans-serif !important;


}


#careers-wrapper-form label{


    font-family: 'helvetica-neue-regular',sans-serif;


    color: #000000;


    font-weight: 500;


}


#careers-wrapper-form input , #careers-wrapper-form select{


    font-family: 'helvetica-neue-regular',sans-serif !important;


}


.careers-btn-lightred{


    padding: 10px 30px;


    background: #ee3130;


    color: #ffffff !important;


    border-radius: 5px;


    border: 2px solid #fafafa !important;


    -webkit-box-shadow: 0px 0px 5px 2px #aaaaaa;


    box-shadow: 0px 0px 5px 2px #aaaaaa;


    font-family: 'helvetica-neue-bold',sans-serif !important;


}





/*


================================================================================================================================


*************************************      RENTAL SUMMARY WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.rental-summary-location-wrapper{


    background-color: #eeeeee;


    padding-left: 10px;


    padding-right: 10px;


}


.rental-summary-location-wrapper h4{


    font-family: 'helvetica-neue-bold',sans-serif;


}


.rental-summary-wrapper p{


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 12px;


}


.rental-summary-wrapper p span{


    font-family: 'helvetica-neue-light',sans-serif;


}


.rental-btn-lightred{


    background: #ee3130;


    color: #ffffff !important;


    border-radius: 0px;


    font-family: 'helvetica-neue-light',sans-serif;


    width: 40px;


    padding: 2px 10px;


    font-weight: 12px;


    font-weight: bold;


    width: 70px;


}


.rental-btn-lightred:hover{


    box-shadow: 0px 0px 5px 3px #aaaaaa;


}


/*


================================================================================================================================


*************************************      PICK WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.pickup-wrapper-left-wrapper{


    height: 350px;


    border-radius: 5px;


}


.pickup-wrapper-left-wrapper h4{


    font-family: 'helvetica-neue-light',sans-serif;


    font-size: 16px;


    font-weight: 600;


}


.pickup-right-wrapper label , .pickup-right-wrapper p , .pickup-right-wrapper input , .pickup-right-wrapper select{


    font-family: 'helvetica-neue-light',sans-serif;


    font-weight: 600;


}





/*


================================================================================================================================


*************************************      CONTACT WRAPPER STYLE FOR THE SITE      **************************************


================================================================================================================================


*/


.contact-wrapper{


    background-color: #EE2D31;


    padding-top: 50px;


}


.contact-wrapper h3{


    font-family: 'helvetica-neue-bold',sans-serif;


    font-size: 33px;


}


.contact-wrapper ul li{


    font-family: 'helvetica-neue-light',sans-serif;


}


.contact-wrapper label , .contact-wrapper input , .contact-wrapper textarea{


    font-family: 'helvetica-neue-light',sans-serif;


    font-weight: 500;


}


.contact-wrapper p{


    font-family: 'helvetica-neue-medium',sans-serif;


}


.contact-btn-grey{


    padding: 5px 20px;


    background: #494a4b;


    color: #ffffff !important;


    border-radius: 0px;


    font-family: 'helvetica-neue-regular',sans-serif;


}

.linkslide-ext{


    padding: 5px 20px;


    background: #494a4b;


    color: #ffffff !important;


    border-radius: 0px;


    font-family: 'helvetica-neue-regular',sans-serif;
    
    margin-bottom: 10px;


}





/*


================================================================================================================================


*************************************      MEDIA QUERY FOR THE SITE      **************************************


================================================================================================================================


*/


@media (max-width: 1200px) and (min-width: 991px){


    .home-image-wrapper h1{


        font-size: 40px;


    }


    #slide1{


        min-height: 650px;


        padding-top:50px;


    }


    #carousel-example-generic .carousel-inner img{


        min-height: 640px!important;


    }


    .home-image-wrapper h3{


        font-size: 26px;


    }


    .home-image-wrapper{


        height: 800px;


    }


}


@media (max-width: 990px) and (min-width: 768px){


    .customized-badge{


        margin-left: 10px !important;


        margin-right: 10px !important;


        font-size: 20px !important;


    }   


      #slide1{


        /*min-height: 650px;*/


        padding-top:30px;


    }


    #carousel-example-generic .carousel-inner img{


        min-height:inherit!important; 


    }


    .home-image-wrapper{


        height: 700px;


        padding-top: 125px;


    }


}


@media (max-width: 767px){


    .header-nav-menu{


        padding-left: 15px;


    }


    .header-nav-menu ul li a{


        margin-left: 10px;


    }


    #slide1{


       /* min-height: 580px;*/


        padding-top: 30px;


    }


    #carousel-example-generic .carousel-inner img{


       min-height:inherit!important;
        margin-top: 97px;


    }


    .carousel-caption h1{


        padding-bottom: 5px;


        font-family: 'helvetica-neue-bold',sans-serif;


        font-size: 25px;


        text-align: left;


    }


    .carousel-caption h3{


        padding-top: 5px;


        font-family: 'helvetica-neue-light',sans-serif;


        font-size: 18px;


        text-align: left;


    }


    .customized-badge{


        margin-left: 10px !important;


        margin-right: 10px !important;


        font-size: 20px !important;


    }


    .car-type-left-wrapper ul{


        padding-left: 10px;


        padding-right: 10px;


    }


    .car-type-right-wrapper h4 , .choose-option-right-wrapper h4{


        font-size: 16px;


    }


    .contact-address , .contact-form{


        margin-bottom: 40px;


    }


    .contact-address ul{


        padding-left: 0px;


    }


    .copyright{


        margin-top: 50px;


        text-align: center;


    }


    .copyright-content{


        text-align: center;


    }


    .padding-top-100{


        padding-top:10px!important;


    }


    .margin-top-280{


        margin-top:280px!important;


    }


    .margin-top-295{


        margin-top:40px!important;


    }


    .margin-top-150{


        margin-top: 10px;


    }


    .padding-bottom-100{


        padding-bottom: 10px!important;


    }





}


@media (max-width: 560px){


    #slide1{


       /* min-height: 500px;*/


    }


    .carousel-caption h1{


        padding-bottom: 5px;


        font-family: 'helvetica-neue-bold',sans-serif;


        font-size: 20px;


        text-align: left;


    }


    .carousel-caption h3{


        padding-top: 5px;


        font-family: 'helvetica-neue-light',sans-serif;


        font-size: 14px;


        text-align: left;


    }


    .customized-badge{


        margin-left: 5px !important;


        margin-right: 5px !important;


        font-size: 16px !important;


    }


    .rental-summary-location-wrapper h4{


        font-size: 14px;


    }


    .heading-wrapper h4{


        font-size: 16px;


    }


    .rental-btn-lightred{


        width: 50px;


    }


    .padding-top-100{


        padding-top:10px!important;


    }


    .margin-top-295{


        margin-top:40px!important;


    }


    .margin-top-150{


        margin-top: 10px;


    }


    .padding-bottom-100{


        padding-bottom: 10px!important;


    }





}


@media (max-width: 480px) and (min-width: 320px){


    #slide1{


       /* min-height: 400px;*/


    }


    .carousel-caption h1{


        padding-bottom: 5px;


        font-family: 'helvetica-neue-bold',sans-serif;


        font-size: 20px;


        text-align: left;


    }


    .carousel-caption h3{


        padding-top: 5px;


        font-family: 'helvetica-neue-light',sans-serif;


        font-size: 14px;


        text-align: left;


    }


    .heading-wrapper h4{


        font-size: 14px;


    }


    .customized-badge{


        margin-left: 0px !important;


        margin-right: 0px !important;


        font-size: 12px !important;


    }


    .rental-btn-lightred{


        font-size: 12px;


    }


    .car-type-left-wrapper ul li a{


        font-size: 12px;


    }


    .car-type-right-wrapper h4 , .choose-option-right-wrapper h4{


        font-size: 14px;


    }


    .padding-top-100{


        padding-top:10px!important;


    }


    .margin-top-295{


        margin-top:40px!important;


    }


    .margin-top-150{


        margin-top: 10px;


    }


    .padding-bottom-100{


        padding-bottom: 10px!important;


    }





}

.width100{width:100%;}

#step7Popup{width:75%;}
#step7Popup .messageText { height: 460px; overflow: auto;}

#step8Popup{width:75%;}
#step8Popup .messageText { height: 460px; overflow: auto;}