.car_row {
    width: calc(33.3333% - 40px);
    float: left;
    margin: 20px;
    border: 1px solid #e5e5e5;
    padding: 24px;
    background: white;
    border-radius: 4px;
}
.first_row {
    display: block;
    overflow: hidden;
}
.car_row h3 b {
    max-width: 169px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    transform: translateY(3px);
}
.car_row h3 {
    font-size: 14px;
    float: left;
    display: inline-block;
    margin: 0;
}
span.details {
    font-size: 14px;
    float: right;
    display: inline-block;
    margin: 0;
}

.modal{
    z-index: 99999999999999999;
}

.car_row .image_carousel img {
    width: 100%;
    
}



.car_row .image_carousel {
	display: none;
}
.car_row .image_carousel:first-of-type {
  display: block;
} 

.image_area_carousel {
    min-height: 203px;
}


.bottom_section {
    width: calc(100% + 48px);
    margin-left: -24px;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.price_section {
    display: block;
    text-align: right;
    padding-right: 24px;
    color: #616161;
    font-size: 18px;
    font-weight: bold;
}

.bottom_section {
    width: calc(100% + 48px);
    margin-left: -24px;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

span.starting_at {
    display: block;
}

.price span.currency {
    font-size: 10px;
    transform: translate(-2px, -10px);
    display: inline-block;
}

span.price {
    color: #00a8df !important;
    font-size: 24px;
}

button.select {
    width: calc(100% - 48px);
    display: block;
    background: white;
    border: 1px solid #40a8df;
    color: #00a8df;
    margin: 10px 24px;
    padding: 6px;
    border-radius: 4px;
    font-size: 20px;
}

button.select:hover {
    background: #52a8df;
    color: white;
}

.details span.fa.fa-info {
    border: 1px solid;
    padding: 1px 4px 0px 5px;
    font-size: 11px;
    border-radius: 100%;
    cursor: pointer;
    color: #27b3e3;
    transform: translate(3px, -1px);
}

span.sipp {
    text-align: left;
    display: block;
    color: #666361;
    font-size: 12px;
}
.pill {
    display: inline-block;
    float: left;
    border: 1px solid #0700447a;
    padding: 10px 20px;
    color: #070044ba;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    cursor: pointer;
}
.pill_filters {
    display: block;
    margin-top: 24px;
    overflow: hidden;
    padding: 0 20px;
}
.pill:hover {
    background: #070044ba;
    color: white;
}

.pill[data-selected="selected"] {
    background: #070044ba;
    color: white;
}

.car_container.loading .car_row {
    opacity: 0.1;
}

.car_container .fa-spinner{
	display: none;
}
.car_container.loading .fa-spinner {
    display: block;
    font-size: 25px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    color: #00a8df;
}
i.fa.fa-chevron-right {
    transform: translateX(30px);
}
i.fa.fa-chevron-left {
    transform: translateX(-30px);
}

.modal-content {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 40px;
}

h2.modal_titlee {
    font-size: 17px;
}


img.image_modal {
    position: absolute;
    top: -166px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100vw;
    max-width: 405px;
}

#modal_content_here strong {
    font-size: 18px;
    color: #575280;
}

.vehicle_info div, .price_info div {
    padding: 6px 10px;
}

div#modal_content_here {
    text-align: left;
}

#modal_content_here img {
    margin-right: 10px;
}

span.soft {
    color: #757575;
    font-size: 16px;
    padding-left: 10px;
}

span.price_strong {
    color: #575280;
    font-weight: bold;
    font-size: 20px;
    padding-left: 10px;
}

span.currency {
    font-size: 12px;
    transform: translateY(-6px);
    display: inline-block;
    margin-left: 1px;
    color: #8784a5;
}


   .close {
        color: aliceblue;
        float: right;
        font-size: 67px;
        font-weight: 700;
        color: #282d35 !important;
        width: 62px;
        position: fixed;
        top: 0px;
        right: 0;
        opacity: 0.8;
        border-bottom-left-radius: 22px;
    }

h2.modal_titlee {
    text-align: center;
    padding: 20px 0;
    font-size: 22px;
}

.vehicle_info, .price_info {
    width: 50%;
    float: left;
    padding-bottom: 20px;
    padding-top: 10px;
}

.price_per_day_modal {
    display: block;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
}



/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 1024px) {
  .car_row {
	    width: calc(50% - 40px);
	}
}

@media screen and (max-width: 700px) {
    .modal-content {
        width: 90% !important;
    }

    .vehicle_info, .price_info {
        width: 100%;
        float: left;
    }


  .car_row {
	    width: calc(100% - 40px);
	}

    img.image_modal {
        display: none !important;
    }

    .vehicle_info {
        border-bottom: 1px solid #efefef;
    }

   span.close {
        border-radius: 0;
        border-top-left-radius: 10px;
        background: white;
        opacity: 1;
        border-color: #efefef;
        border: none;
        position: relative;
        right: -18px;
        top: -18px;
    }

	/*.pill {
	    margin-bottom: -2px;
	}*/
	/*.newly_added {
	    display: none;
	    width: 113px;
	    position: absolute;
	    z-index: 99999999;
	    background: white;
	    margin-top: 41px;
	}*/
	
	/*.newly_added .pill {
	    width: 100%;
	    margin: 0;
	    border-radius: 0;
	    border-top: 0;
	}*/
	/*.mobile_filter:first-of-type:after {
	    content: '▽';
	    position: absolute;
	    right: 9px;
	    font-weight: bold;
	}
	.mobile_filter {
	    display: block !important;
	    display: inline-block;
	    float: left;
	    border: 1px solid #0700447a;
	    padding: 10px 20px;
	    color: #070044ba;
	    border-radius: 4px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	    text-transform: capitalize;
	    cursor: pointer;
	    min-width: 113px;
	    margin-bottom: 0px;
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	    position: relative;
	    background: white;
	}*/
}