html, body {
    position: relative;
    padding: 0px;
    height: 100%;
}
@font-face {
    font-family: 'Toyota Type Book';
    src: url('font/ToyotaType-Book.woff')format('woff2'),
        url('font/ToyotaType-Book.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}@font-face {
    font-family: 'Toyota Type bold';
    src: url('font/ToyotaType-Semibold.woff2') format('woff2'),
        url('font/ToyotaType-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




body {
    font-family: 'Toyota Type Book';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color:#000;
    margin: 0 auto!important;
    padding:5px;
    width: 1080px; margin: auto;
    border: 1px solid red;
    height: 1920px;

}
.serviceShopName{
    position: relative;
}
.serviceShopName::after{
    background: #FF0022;
    content: '';
    height: 10px;
    display: block;
    width: 430px;
    right: 0;
    top: -20px;
    position: absolute;
}
.paragraph,blockquote{
    font-size: 18px;
    color: #8892a0
}
.bold{
    font-family: 'Toyota Display';
    font-weight: bold;
    font-style: normal;
}

.swiper-container {
    width: 100%;
    height: 340px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: block;
}
.swiper-wrapper-new .swiper-slide{margin-top:20px!important }
.active_product::after{
position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background:rgba(0, 0, 0, 0.4);
    z-index: 9999;
    left: 0;
    top: 0;
    opacity: 1;
}

img{
    width: 100%; display: block;
}
.caption{
    height: 110px; padding: 10px 15px; box-sizing: border-box; text-align: left;position: relative
}
h1{
    font-size: 40px!important;
}
.head_logo{
    width: 72px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
}

.products .caption{height: 42px;    margin: 0 0 24px;}
.caption button{
       background: #FF0022;
    position: absolute;
    right: 17px;
    width: 97px;
    color: #fff;
    border: 0;
    border-radius: 0px;
    padding: 0px;
    top:58px;
    height: 44px;
    width: 120px;
    line-height: 1px;
}
.caption p{
    color: #000;     font-size: 15px; margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
     
}

.thumbcarname,.modal-title,.heading_con h3,#filter_form label,.detail li label
,.product_price,h2,.thumbcarname
{
    font-family: 'Toyota Type bold';
    font-weight: 600!important;
}
.products .caption p{
    color: #333; font-size: 24px
}
.products .caption p:last-child{
font-size: 30px; font-weight: bold; color: #000;
}
.caption span{
    float: right;
    color: #fff;
    font-size: 20px; 
    margin: 5px;
}
.imgcon{
    max-height: 215px;
    overflow: hidden;
}
.detail {
    margin: 0;
    padding: 0 0 19px;
    float: left;
    width: 100%;
}
.mainsliderpro .swiper-button-next, .mainsliderpro .swiper-button-prev{
    background-image: none!important;
    top: 50%!important
}
.swiper-button-next svg, .swiper-button-prev svg{
    width: 44px
}
.mainsliderpro .swiper-button-next{
    transform: rotate(180deg); right: 243px
}
.swiper-container-new .swiper-button-next{
   right: 25px;
    transform: rotate(180deg);
}
.product_container .swiper-button-next{
    right: 25px;
    transform: rotate(180deg);
}
.swiper-button-next, .swiper-button-prev{
    background-image: none!important
}
.qr_box1 li{
    list-style-type: disc!important; 
    list-style-position: inside;
   
}
.qr_box1 ul{
    margin-top:10px;
  position: relative;
  float: left;
  width: 100%;
}
.detail .detialul li{
    list-style: none;width: 100%; padding:10px 20px;box-sizing: border-box; text-align: left
}
.serviceShopName{
    float: right;
    margin:35px 0 0;
    font-weight: bold;
}
.detail .detialul li:nth-child(odd) {
    background:#F4F4F4;
}
.detail .detialul li span{
    /* font-weight: 200;*/ font-size: 16px; display: inline-block; 
}
.detail li label{
    font-size: 18px;
        text-transform: capitalize;
        float: right
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
}
.products li{
    float: left; width: 32.4%; margin: 5px; border:1px solid #ededed;; border-radius: 3px; text-align: center; padding: 10px; list-style: none;
    border: 1px solid #ccc; background: #fff; text-align: left; ;
}
.products li img{
    max-width: 100%;height:290px;
}
.products li label{
    font-weight: 600; font-size: 20px; display: block;
}
h1{
    margin:20px 0px
}
ul{
    padding:0;margin: 0
}
footer{
    border-top: 5px solid #d71125;
    float: left;
    width: 100%;
    margin: 0px 0px;
    box-sizing: border-box;
    padding:0px 0;
}
footer .temp img{
    float: right; width: 200px; margin: 20px
}
.leftContent{
    float: left;
    width: 80%
}
footer h3{
    color: #d71125;
    margin: 10px 0;
    font-weight: 900
}


.weather-block {
    float: right;
    width: 165px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.weather-img {
    float: left;
    margin-right: 12px;
    display: block;
    width: 65px;
}
.weather-temp {
    font-size: 30px;
    font-weight: 700;
    display: block;
    color: #d71125
}
.city_name {
    color: grey;
    margin: 0;
}
a.rss_link {
    color: black;
    text-decoration: none;

}
.info-area-imgcon img{
    /* height: 100%; */
    width: 48%;
    margin: auto;
}
    .info-area-imgcon{

    max-height: 321px !important;  
}
.info-area-container{
    height:335px !important;

}
.swiper-pagination-bullet{
    margin: 10px 5px 0!important
}

.swiper-container-detail{
    height: 535px !important;
}
.leftContent ul { margin: 10px 0; width: 100%;
                  padding: 0px;
                  list-style: none;}
.leftContent ol a.rss_link {

    margin: 8px 0; display: inline-block
}
.leftContent ul li {
    margin-bottom: 0px;
    font-size: 14px;
    height: 50px!important; overflow: auto;
}
#filter_form label{ color: #282830; text-align: left; font-size: 16px; margin: 10px 0}
.checkbox label{ color: #000!important; font-size: 16px!important}
.customclose,.customclose:hover{
    background: #fff!important;
    opacity: 1;
    color: #FF0022;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-weight: 800;
    line-height: 0;
    font-size: 54px;

}
.ui-slider .ui-slider-handle{
    width: 20px;
    height: 20px;
    top: -6px;
    border: 1px solid #000;
    border-radius: 30px;
    background: #000;
}
.modal-footer .btn{
    border-radius: 0;
    height: 44px;
    width: 180px;
    background: #fff;
    border-color: #000;
    color: #000;
    border: 0;
    font-size: 20px;
    border: 1px solid ;
}
.heading_con {
    border: 1px solid #222;
    float: left;
    width: 97%;
    margin: 10px;
    padding:20px 0;
}
.clear{
    float: left;
    clear: both
}
.products .swiper-slide{
    border: 1px solid;
    overflow: hidden;
}
#get_results{
    background: #FF0022;
    color: #fff;
    border: 1px solid #FF0022;
}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: 30px;
    top: 148px;
    z-index: 99;
}
.adv-table .btn-info{ width: 200px; text-align: center!important}
.thumbnail {
    width: 100%;
    position: absolute;
    bottom: -184px;
    height: 268px;
    z-index: 9999999999;
}
.thumbnail a>img, .thumbnail>img{
    float: left
}
.form{
    float: left;width: 100%
}
.form .label {
    color: #333;
    display: block;
    text-align: left;
    margin: 11px 0;
    padding: 0;
    font-size: 18px;
    color: #8892a0;
}
.form input,.form textarea { width: 100%;
    border: 1px solid #ccc;
    height: 41px;
    padding: 10px;
    color: #ccc;
}
.form input[type=checkbox], .form input[type=radio] {
    margin: 4px 17px 0px 0;
    margin-top: 1px\9;
    line-height: normal;
    display: inline-block;
    width: 44px!important;
}
.form textarea{
    height: auto!important
}
.checkbox-label{
    height: 40px;
    position: relative;
    top: -12px;
    margin: 0 17px 0 0;
}
.form .button{
   background: red;
    color: #fff;
    border: 0;
    padding: 10px 40px;
    border-radius: 3px;
    font-size: 18px;
}
.product_price{
    font-size:24px ;
    display: block;
    margin: 10px 0;
    font-weight: 600;
}
.wdp-ribbon-two:before, .wdp-ribbon-two:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    border: 9px solid transparent;
    border-width: 14px 8px;
    border-right-color: #1eb5ff;
}
.wdp-ribbon-two:before {
    border-color: red;
    border-left-color: transparent!important;
    left: -9px;
}

.wdp-ribbon{
    display: inline-block;
    padding: 2px 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 16px;
    height: 28px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    border-radius: 0;
    text-shadow: none;
    font-weight: normal;
    background-color: red!important;
    font-size: 18px;
    color: #fff;
}