/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .am-car-list .am-car-item .am-car-image{
	/*height: 120px;*/
 }
 .automob-contact-form{
 	display: inline-block;
 }
.automob-inventory-controller .am-left-block, .automob-inventory-controller .am-right-block{
	float:left;
     width: 50%;
	padding: 10px;
}
.automob-clearfix:after 
{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.automob-clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .automob-clearfix { height: 1%; }
.automob-clearfix { display: block; }
.automob-inventory-controller .am-car-title{
     margin:0px; 
}
.automob-inventory-controller ul{
     
     list-style: none;
}

.automob-inventory-controller .am-car-title{
    font-size: 14px; 
}
.automob-inventory-controller .vehicle-details-options li{
     font-size: 12px;
}
.automob-inventory-controller img{
     /*width: 120px;*/
}
.automob-inventory-controller h2.am-car-price{
     font-size: 20px;
}
.am-car-item{
    border-bottom: solid 1px #ddd; 
        padding:10px;
}
.right-content{
     text-align: right;     
}
.vehicle-details-options{
     margin: 0;
     margin-bottom: 5px;
}
#car-item-details{
     padding: 10px
}

.automob-contact-form input[type="submit"]{
     margin-top: 10px;
}

.gallery-images{
     margin-right: 5px;
     border: 1px solid #a9a9a9;
     text-align: center;
     text-decoration: none;
     padding: 4px 4px 4px 4px;
     display: inline-block;
     margin-top: 5px;
     cursor: pointer;     
}
.single-car-container{
        margin: 20px auto;
    max-width: 750px;
}
.no-margins{
    margin: 0px;
    padding: 0px;
}
body{
    background: #EBEBEB;
}
/*Vehicle Form*/
#car-item-form h3{
    margin-bottom:15px; 
}
#car-item-form{
    padding-top: 40px;
    position: fixed;
    top: 50%;
    max-width: 300px;
    background-color: white;
    left: 50%;
    transform: translate(-50%, -50%); 
    padding: 20px; 
    transition: max-width 0ms ease-in-out, opacity 175ms ease-in, z-index 0ms ease-in;
    width: 300px;
        z-index: 999;
}

#car-item-details h5,#am-spec-description{
    margin-bottom:15px; 
}
#am-iam-intrested{
/*    font: 400 20px/30px 'Roboto Condensed';
    background-color: #efc62c;
    color: #fff;
    padding: 7px 20px;
    display: block;
    text-align: center;
    color:white;
    text-decoration: none;*/
     display: block;
    text-align: center;
    margin-top: 20px;
}

#am-iam-intrested:hover{
    text-decoration: none;
}
.automob-contact-form *{
    
    -webkit-font-smoothing: antialiased;
}
.automob-contact-form input[type="text"], .automob-contact-form textarea{
    width: 100%;
}
#am-dim-background{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
    z-index: 99;
}

#am-dim-background,#car-item-form{
    display: none;
}

.automob-contact-form input[type="submit"]{
    background-color: black;
    color: white;
    border: none;
    padding: 5px;
    float: right;
}

.am-car-image-container{
    position: relative;
}
.am-car-image-container .am-car-ribbon{
    position: absolute;
    top: 0px;
    left: 0px;
}

.automob-inventory-controller .page-numbers li{
    display: inline;
}
.automob-inventory-controller .page-numbers{
    text-align: center;
}
#vehicle-details-options li{
    margin-left:0px;
}
#vehicle-details-options{
    margin-top:10px;
    margin-bottom:10px; 
}

.automob-search-form{
    padding: 10px;
 
}
.am-field-holder,.max-min-holder{
    padding: 5px;
}

.am-field-holder label,.max-min-holder label
{
    display: block;
}
.windows8 {
    position: relative;
    width: 16px;
    height:16px;
    margin:auto;
}

.windows8 .wBall {
    position: absolute;
    width: 15px;
    height: 15px;
    opacity: 0;
    transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
    animation: orbit 4.2325s infinite;
        -o-animation: orbit 4.2325s infinite;
        -ms-animation: orbit 4.2325s infinite;
        -webkit-animation: orbit 4.2325s infinite;
        -moz-animation: orbit 4.2325s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 2px;
    height: 2px;
    background: rgb(0,0,0);
    left:0px;
    top:0px;
    border-radius: 2px;
}

.windows8 #wBall_1 {
    animation-delay: 0.926s;
        -o-animation-delay: 0.926s;
        -ms-animation-delay: 0.926s;
        -webkit-animation-delay: 0.926s;
        -moz-animation-delay: 0.926s;
}

.windows8 #wBall_2 {
    animation-delay: 0.183s;
        -o-animation-delay: 0.183s;
        -ms-animation-delay: 0.183s;
        -webkit-animation-delay: 0.183s;
        -moz-animation-delay: 0.183s;
}

.windows8 #wBall_3 {
    animation-delay: 0.3665s;
        -o-animation-delay: 0.3665s;
        -ms-animation-delay: 0.3665s;
        -webkit-animation-delay: 0.3665s;
        -moz-animation-delay: 0.3665s;
}

.windows8 #wBall_4 {
    animation-delay: 0.5495s;
        -o-animation-delay: 0.5495s;
        -ms-animation-delay: 0.5495s;
        -webkit-animation-delay: 0.5495s;
        -moz-animation-delay: 0.5495s;
}

.windows8 #wBall_5 {
    animation-delay: 0.743s;
        -o-animation-delay: 0.743s;
        -ms-animation-delay: 0.743s;
        -webkit-animation-delay: 0.743s;
        -moz-animation-delay: 0.743s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
    opacity: 0;
        transform:rotate(900deg);
    }

    100% {
    opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
    opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
    opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
    opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
    opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
    opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
    opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }

    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }

    76% {
    opacity: 0;
        -moz-transform:rotate(900deg);
    }

    100% {
    opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

#am-ajax-spinner{
       margin-top: 20px;
       display: none;
}

.automob-contact-form input[type="text"],.automob-contact-form input[type="email"],.automob-contact-form textarea{
    margin:5px;
    width: 100%;
    min-height: 30px;
}
#am-ajax-result{
    text-align: center;
}
.vehicles-for-sale .attachment-full,
.vehicles-for-sale .entry-header, 
.vehicles-for-sale .attachment-post-featured-image, 
.vehicles-for-sale .attachment-post-thumbnail, 
.vehicles-for-sale .entry-thumbnail, 
.vehicles-for-sale .size-post-featured-image {
    display: none;
}
.amcs-button
{
    display: inline-block;
    text-align: center;
    line-height: .9em;
    font-size: .9em;
    background-color: #428dcb;
    color: #fff;
    border-radius: 3px;
    padding: 16px 24px;
    text-decoration: none;
    
} 
.am-field-holder select
{
    width: 100%;
}
#am-search-show-results{
    float: right;
    margin: 5px;
    background-color: #428dcb;
}
    
.max-min-holder .rangeslider--horizontal{
    height: 10px;
}

.max-min-holder .rangeslider--horizontal .rangeslider__handle {
    width: 20px;
    height: 20px;
    top: -5px;
}

.max-min-holder .rangeslider__fill {
    background: #428dcb;
    position: absolute;
}

.am-inventory-car-spec{
    max-width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.am-car-location{
    font-style: italic;
}

.am-status-available{
    color: green;
}
.am-status-sold{
    color: red;
}