@import url(https://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);

*,
body {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

.top-header,
footer {
    background: #87b800
}

.btn,
.leftpart h1,
.leftpart h2 {
    text-align: center
}

.middle-header .wrapper,
.why-section .wrapper,
.why-section h1,
.why-section ul {
    position: relative
}

.Home-highlighted li a,
.logo,
.why-img,
.why-img-text {
    position: absolute
}

.bottom-header img,
.checkout-btn i,
.logo img {
    vertical-align: middle
}

.accordion-heading h2,
.car-description ul,
.cl-content h1,
.mainmenu a,
.page-title h1,
.top-header {
    text-transform: uppercase
}

@font-face {
    font-family: confidelregular;
    src: url('../fonts/confidel-webfont.eot');
    src: url('../fonts/confidel-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/confidel-webfont.woff2') format('woff2'), url('../fonts/confidel-webfont.woff') format('woff'), url('../fonts/confidel-webfont.ttf') format('truetype'), url('../fonts/confidel-webfont.svg#confidelregular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latoheavy;
    src: url('../fonts/lato-heavy-webfont.eot');
    src: url('../fonts/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-heavy-webfont.woff2') format('woff2'), url('../fonts/lato-heavy-webfont.woff') format('woff'), url('../fonts/lato-heavy-webfont.ttf') format('truetype'), url('../fonts/lato-heavy-webfont.svg#latoheavy') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: cocogooseregular;
    src: url('../fonts/cocogoose_trial-webfont.eot');
    src: url('../fonts/cocogoose_trial-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cocogoose_trial-webfont.woff2') format('woff2'), url('../fonts/cocogoose_trial-webfont.woff') format('woff'), url('../fonts/cocogoose_trial-webfont.ttf') format('truetype'), url('../fonts/cocogoose_trial-webfont.svg#cocogooseregular') format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    background: url(../images/page-bg.png)
}

a {
    color: #000;
    text-decoration: none
}

.btn,
.mainmenu a,
.page-default ol li a:hover,
.page-default p a:hover,
.page-default ul li a:hover,
.slider-content,
.top-header,
.top-header-middle a,
footer,
footer a {
    color: #fff
}

a:hover {
    text-decoration: underline
}

.row {
    width: 100%;
    float: left
}

.wrapper {
    max-width: 1130px;
    margin: 0 auto
}

.clear {
    clear: both
}

.btn {
    font-size: 20px;
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: .3s
}

.btn:hover {
    background: #333;
    border-color: #b3b3b3;
    text-decoration: none
}

.car-list .cl-row,
.leftpart {
    border: 1px solid #a1a1a1;
    background: #fff
}

.top-header {
    height: 34px;
    font-size: 16px;
    line-height: 34px
}

.top-header-middle,
.top-header-middle a {
    font-size: 17px;
    font-family: 'Ropa Sans', sans-serif
}

.top-header-left {
    float: left;
    width: 290px;
    font-family: 'Ropa Sans', sans-serif
}

.top-header-middle {
    float: left;
    width: 55%;
    text-align: center
}

.top-header-right {
    float: right;
    font-family: 'Ropa Sans', sans-serif;
    width: 200px;
    text-align: right
}

.top-header-right a {
    color: #fff;
    font-family: 'Ropa Sans', sans-serif
}

.middle-header {
    height: 110px
}

.logo {
    left: 50%;
    margin-left: -97px;
    top: 5px
}

.mainmenu {
    padding-top: 30px
}

.bottom-header ul,
.footer-left ul,
.main-slider ul.slides,
.mainmenu ul,
.social-links ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mainmenu li {
    float: left;
    margin: 0 0 0 65px
}

.Home-highlighted li:first-child,
.footer-left li:first-child,
.mainmenu li:first-child,
.social-links li:first-child {
    margin-left: 0
}

.mainmenu li:nth-child(4) {
    margin-left: 440px
}

.mainmenu a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 2px solid transparent
}

.mainmenu a:hover,
.mainmenu li.active a {
    text-decoration: none;
    border-color: #87b800
}

.car-description li,
.leftpart li {
    border-top: 1px solid #d6d6d6
}

.bottom-header {
    background: #fff;
    height: 70px
}

.main-slider,
.slider-transparent {
    height: 330px
}

.bottom-header li {
    float: left;
    height: 70px;
    line-height: 70px;
    margin-right: 34px
}

#slider-container .film_roll_shuttle,
.bottom-header li:first-child {
    margin-left: 0 !important
}

footer {
    height: 52px
}

.car-description *,
.cl-content address *,
.leftpart *,
footer * {
    font-family: 'Ropa Sans', sans-serif
}

.car-description h2,
.leftpart h1,
.leftpart h2 {
    font-family: confidelregular;
    font-weight: 400
}

.footer-left {
    font-size: 20px;
    padding: 12px 0 0;
    float: left
}

.footer-left li {
    float: left;
    margin-left: 35px
}

.social-links {
    float: right;
    padding-top: 12px
}

.social-links li {
    float: left;
    margin-left: 20px
}

.middle-section {
    padding: 22px 0
}

.leftpart {
    width: 290px;
    padding: 10px;
    float: left
}

.Home-highlighted li a,
.slider-transparent {
    background: url(../images/transparent-1.png)
}

.leftpart h1,
.leftpart h2 {
    font-size: 44px;
    color: #333;
    border-bottom: 1px solid #626262;
    padding-top: 5px
}

.car-description ul,
.leftpart ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.leftpart ul {
    font-size: 21px
}

.car-description li:first-child,
.leftpart li:first-child {
    border-top: none
}

.leftpart a {
    display: block;
    height: 40px;
    line-height: 40px;
    background: url(../images/arrow.png) 98% 14px no-repeat
}

.leftpart a:hover,
.leftpart li.active a {
    text-decoration: none;
    color: #87b800;
    background-position: 98% -27px
}

.rightpart {
    width: 800px;
    float: right
}

.car-list .cl-row {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.car-img {
    float: left;
    margin: 50px 0 10px 10px;
    width: 320px
}

.car-description {
    width: 440px;
    float: right;
    text-align: right;
    margin: 15px 20px 10px 0
}

.car-description h2 {
    font-size: 36px;
    border-bottom: 2px solid #000
}

.car-description ul {
    font-size: 20px
}

.car-description li {
    padding: 4px 0
}

.car-description li label,
.car-description li label a {
    color: #87b800;
    font-size: 18px
}

.additional-info {
    font-size: 14px;
    font-weight: 700
}

.Home-highlighted p,
.additional-info p,
.am-left p,
.cl-content address p,
.testimonial-section P {
    margin: 0
}

.about-highlighted h3 label,
.additional-info strong,
.cl-content address a,
.faq-title.opened,
.tw-by span {
    color: #87b800
}

.main-slider {
    border-top: 1px solid #333
}

.main-slider ul.slides li {
    background: url(../images/slide-1.jpg) center/cover no-repeat
}

.slider-content {
    max-width: 670px;
    padding: 25px 0;
    text-align: center;
    margin: 0 auto
}

.slider-content h3 {
    font-size: 15px;
    font-weight: 400;
    font-family: latoheavy;
    max-width: 410px;
    margin: 0 auto 8px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 7px 0
}

.slider-content h2 {
    font-family: confidelregular;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.1
}

.slider-content a {
    color: #87b800;
    font-family: confidelregular
}

.slider-btn a,
.slider-content p {
    font-family: 'Ropa Sans', sans-serif
}

.slider-content p {
    font-style: italic;
    font-size: 14px;
    margin: 2px 0
}

.contact-widget,
.slider-btn {
    margin-top: 25px
}

.slider-btn a {
    display: inline-block;
    font-size: 13px;
    border: 1px solid #fff;
    padding: 6px 10px;
    min-width: 160px;
    color: #fff
}

.main-slider .flex-control-nav {
    bottom: 10px
}

.main-slider .flex-control-paging li a {
    border-radius: 0;
    background: 0 0;
    border: 1px solid #fff
}

.main-slider .flex-control-paging li a.flex-active {
    background: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.Home-highlighted {
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 2
}

.Home-highlighted h2 {
    font-family: cocogooseregular;
    font-size: 29px;
    font-weight: 400
}

.bg-black.toyata-product-section2.Home-highlighted.home-section2 h2 {
    color: #fff !important;
}

.Home-highlighted h2 span,
.testimonial-section h2 span,
.why-section h1 span,
.Home-highlighted.home-section2 .heading-card h1 {
    font-family: cocogooseregular;
    color: #87b800
}

.Home-highlighted a {
    color: #87b800;
    font-weight: 600
}

.Home-highlighted ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.Home-highlighted li {
    width: 366px;
    height: 240px;
    float: left;
    background: center/cover no-repeat none;
    border: 1px solid #fff;
    position: relative;
    margin-left: 12px
}

.Home-highlighted li a {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.Home-highlighted li a * {
    font-family: 'Ropa Sans', sans-serif;
    color: #fff
}

.Home-highlighted li a label {
    display: block;
    font-size: 20px;
    position: absolute;
    border: 1px solid #fff;
    font-weight: 400;
    letter-spacing: 2px;
    width: 240px;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -120px;
    line-height: 1.4;
    padding: 8px 0;
    cursor: pointer
}

.Home-highlighted li a label span {
    display: block;
    font-size: 18px
}

.Home-highlighted li:last-child a label {
    width: 300px;
    margin-left: -150px
}

.why-section {
    background: url(../images/strip1.jpg) center repeat-y #b4b4b4;
    padding: 15px 0
}

.why-section h1 {
    font-family: cocogooseregular;
    font-size: 29px;
    font-weight: 400;
    text-align: center;
    z-index: 1;
    padding-top: 10px
}

.why-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 550px;
    z-index: 1
}

.why-section li {
    background: url(../images/arrow-green.png) 15px center no-repeat;
    padding: 17px 0 17px 60px;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 29px;
    border-top: 2px solid grey;
    width: 80%
}

.why-section li:first-child {
    border: none
}

.rating .rating-active.rate-5,
.why-faq-wrap .why-img img,
.why-section li:nth-child(2) {
    width: 100%
}

.why-img {
    width: 617px;
    top: 0;
    right: -35px
}

.why-img-text {
    right: 35px;
    bottom: -20px
}

.why-img-text h3 {
    text-align: right;
    font-weight: 400
}

.why-img-text h3 a {
    font-family: cocogooseregular;
    font-size: 34px;
    display: inline-block;
    background: url(../images/call-icon.png) left center no-repeat;
    padding-left: 40px
}

.why-img-text .click-here {
    font-family: latoheavy;
    font-size: 21px;
    width: 430px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    background: url(../images/strip2.png) repeat-x;
    display: block;
    text-align: center;
    border-radius: 5px
}

.page-content,
.testimonial-section {
    padding: 20px 0;
    color: #fff
}

.testimonial-section h2 {
    font-family: cocogooseregular;
    font-size: 29px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px
}

.contact-social,
.ts-comma1 .slides {
    text-align: center
}

.testimonial-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    line-height: 1.8
}

.home-testimonail-slider-section *,
.testimonial-section ul * {
    font-family: 'Droid Serif', serif
}

.ts-comma1 {
    background: url(../images/ts-comma1.png) no-repeat;
    padding: 0 0 0 90px
}

.ts-comma2 {
    background: url(../images/ts-comma2.png) bottom right no-repeat;
    padding: 0 90px 0 0
}

.rating {
    background: url(../images/rating.png) no-repeat;
    width: 130px;
    height: 26px;
    margin: 0 auto
}

.rating .rating-active {
    background: url(../images/rating-active.png) no-repeat;
    height: 26px
}

.rating .rating-active.rate-1 {
    width: 20%
}

.rating .rating-active.rate-2 {
    width: 40%
}

.rating .rating-active.rate-3 {
    width: 60%
}

.rating .rating-active.rate-4 {
    width: 80%
}

.tw-by {
    text-align: center;
    margin: 15px 0 0
}

.ts-content {
    margin-bottom: 10px
}

.testimonail-slider .flexslider {
    padding-bottom: 25px
}

.testimonail-slider .flex-control-nav {
    bottom: -5px
}

.testimonail-slider .flex-control-paging li a {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.home-testimonail-slider-section .slick-dots li.slick-active button,
.testimonail-slider .flex-control-paging li a.flex-active,
.testimonial-section.row.home-testimonial-section.bg-white .home-testimonail-slider-section .slick-dots li.slick-active button {
    background: #87b800
}

.page-title {
    background: url(../images/title-bg.png) center/cover no-repeat
}

.transparent-2 {
    background: url(../images/transparent-3.png)
}

.page-title h1 {
    font-family: confidelregular;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 65px 0
}

.page-title h1:after {
    background: #87b800;
    display: block;
    content: '';
    width: 140px;
    height: 3px;
    margin: 20px auto 0
}

.page-title h1 span {
    text-align: center;
    color: #fff;
    font-size: 25px;
    display: block
}

.pg-container {
    background: url(../images/transparent-2.png)
}

.pad20 {
    padding: 20px 30px
}

.about-highlighted {
    border-bottom: 2px solid #fff;
    padding-bottom: 35px;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.7
}

.ah-left {
    width: 580px;
    float: left
}

.about-highlighted h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3
}

.about-highlighted p {
    margin: 10px 0 0
}

.ah-right {
    text-align: center;
    width: 350px;
    float: right;
    margin-right: 40px
}

.checkout-btn {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #87b800;
    margin-top: 15px
}

.contact-left,
.contact-left:before {
    background: url(../images/transparent-2.png)
}

.checkout-btn i {
    margin-left: 2px
}

.about-models {
    color: #fff;
    position: relative;
    padding-bottom: 140px
}

.about-models h2 {
    font-family: cocogooseregular;
    font-weight: 400;
    text-align: center;
    font-size: 29px
}

.about-models h2 span {
    color: #87b800;
    font-family: cocogooseregular
}

.am-left {
    width: 700px;
    font-size: 18px;
    line-height: 1.2;
    padding: 30px 0 0
}

.am-right {
    position: absolute;
    right: 25px;
    top: 40px
}

.page-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

.faq-row {
    line-height: 1.8
}

.faq-title {
    font-size: 24px;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer
}

.faq-title:before {
    content: "\f059";
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    margin-left: -32px;
    color: #87b800
}

.banner-testimonial .tw-by,
.banner-testimonial .tw-by * {
    font-family: "Droid Serif", serif
}

.faq-content {
    padding: 0 0 0 35px;
    display: none
}

.content-popup-box p,
.faq-content p {
    margin: 0 0 25px
}

.contact-page {
    padding: 0
}

.contact-left {
    width: 665px;
    float: left;
    position: relative
}

.contact-left:before {
    content: '';
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%
}

.cl-content {
    width: 485px;
    margin: 0 auto;
    padding: 30px 0
}

.cl-content h1 {
    font-family: confidelregular;
    font-size: 50px;
    font-weight: 400
}

.cl-content address {
    font-style: normal;
    font-size: 21px;
    font-family: 'Ropa Sans', sans-serif;
    margin-bottom: 20px
}

.contact-form .field-row {
    margin-bottom: 8px
}

.contact-form input[type=text],
.contact-form textarea,
.contact-form .wpcf7-text {
    border: none;
    width: 100%;
    padding: 0 25px;
    height: 46px;
    line-height: 46px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

.contact-form textarea {
    height: 100px;
    line-height: 1.5;
    padding: 7px 25px;
    resize: none
}

.captcha-section {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px
}

.es,
.flex-direction-nav .flex-next:before,
.flex-direction-nav .flex-prev:before {
    display: none
}

.contact-form input[type=submit] {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    background: #87b800;
}

.contact-form .form-btn {
    text-align: right;
    padding-top: 20px
}

.contact-right {
    width: 425px;
    float: right;
    padding: 25px 0
}

.contact-right iframe {
    width: 411px;
    height: 300px;
    border: 7px solid #b9b9b9
}

.contact-widget:first-child {
    margin-top: 0
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
    width: 16px;
    height: 28px;
    font-size: 0;
    text-indent: -9999px;
    margin-top: -8px;
    opacity: 1
}

.contact-social img {
    margin: 0 15px
}

.content-popup h2 {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.content-popup h2:after {
    display: block;
    content: '';
    width: 540px;
    height: 4px;
    background: #fff;
    margin: 10px auto 20px
}

.content-popup-box {
    border: 4px solid #fff;
    background: #0f0f0f;
    padding: 25px 30px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    line-height: 1.4
}

.book-btns {
    font-size: 12px;
    line-height: 1.2;
    padding: 15px 0
}

.book-btns a {
    display: inline-block;
    width: 226px;
    height: 62px;
    border: 2px solid #fff;
    color: #fff;
    margin: 0 11px
}

.book-btns a span {
    display: block;
    font-size: 22px;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 2px
}

.book-btns a:hover {
    border-color: #76a000;
    text-decoration: none
}

.fancybox-close {
    top: 20%
}

.page-default ol,
.page-default ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 22px;
    font-weight: 400
}

.page-default hr,
.page-default p {
    margin: 0 0 30px
}

.page-default ol li,
.page-default ul li {
    background: url(../images/list-arrow.png) 0 9px no-repeat;
    padding: 0 0 0 30px;
    margin-bottom: 25px
}

.page-default p {
    line-height: 1.7;
    font-size: 17px
}

.page-default ol li a,
.page-default p a,
.page-default ul li a {
    color: #87b800;
    text-decoration: underline
}

.page-default p a.checkout-btn {
    width: auto;
    display: inline-block;
    padding: 0 25px;
    margin: 0;
    transition: .35s;
    color: #fff;
    text-decoration: none
}

.page-default p a.checkout-btn:hover {
    background: #fff;
    color: #87b800;
    text-decoration: none
}

.page-default p img {
    display: block;
    width: 100%;
    height: auto
}

.es {
    color: red
}

#slider-container .film_roll_next,
#slider-container .film_roll_prev,
.logo-slider-header .slick-next,
.logo-slider-header .slick-prev {
    display: none !important
}

.banner-testimonial .rating,
.banner-testimonial .tw-by {
    display: inline-block;
    vertical-align: middle
}

.flex-direction-nav .flex-prev {
    background: url(../images/white-left-arrow.png) no-repeat;
    left: 0
}

.flex-direction-nav .flex-next {
    background: url(../images/white-right-arrow.png) no-repeat;
    right: 0
}

.banner-testimonial {
    max-width: none
}

.banner-testimonial p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 700
}

.banner-testimonial .tw-by {
    margin: 0 0 0 15px;
    font-style: italic;
    font-size: 18px
}

.banner-testimonial .tw-row {
    padding: 20px 0 10px
}

.toyota-prius-hybrid-battery {
    background: #fff;
    padding: 20px 20px 15px;
    margin-bottom: 20px
}

.toyota-prius-hybrid-battery h1 {
    font-weight: 700;
    font-size: 18px
}

.toyota-prius-hybrid-battery p {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 17px;
    margin-top: 10px;
    line-height: 1.5
}

.prius-hybrid-battery {
    width: 100% !important;
    float: right !important;
    margin: 0 !important
}

.prius-hybrid-battery.car-description {
    float: right;
    margin-left: 300px;
    width: 435px
}

.Home-highlighted.home-section2,
.page-content.home-faq-section,
.testimonial-section.home-testimonial-section {
    padding: 50px 0
}

.Home-highlighted.home-section2 h2,
.Home-highlighted.home-section2 .heading-card h1 {
    max-width: 780px;
    margin: 0 auto;
    line-height: 45px;
    font-size: 29px
}

.home-highlighted-service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0
}

.home-highlighted-service-list-col {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 30px;
}

.blog .home-highlighted-service-list-col {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 30px
}

.home-highlighted-service-list-col-info {
    border: 1px solid #fff;
    height: 100%;
    padding: 30px 15px
}

.home-highlighted-service-list-col-info h3 {
    font-size: 20px;
    font-family: cocogooseregular;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px
}

.home-highlighted-service-list-col-info p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px
}

.home-highlighted-service-call-btn a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #87b800;
    margin-top: 15px;
    padding: 0 25px;
    text-decoration: none;
    border: 1px solid #87b800;
    transition: .7s
}

.home-highlighted-service-call-btn a span {
    margin-right: 5px
}

.home-highlighted-service-call-btn a:hover {
    background: #fff;
    color: #87b800
}

.why-section.why-faq-section {
    padding: 50px 0;
    background: linear-gradient(90deg, #fff, #e5e5e5)
}

.Home-highlighted.home-bottom-expertise-section h2,
.why-section.why-faq-section h1 {
    padding: 0;
    max-width: 640px;
    margin: 0 auto;
    line-height: 45px;
    font-size: 29px
}

.why-faq-wrap {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.why-faq-wrap .accordion {
    width: 55%
}

.why-faq-wrap .why-img {
    position: unset;
    width: 40%
}

.accordion-collapse-list {
    transition: .2s;
    padding: 20px 0 18px;
    border-top: 1px solid
}

.accordion-collapse-list:first-child {
    border-top: 0;
    padding-top: 0
}

.accordion-heading {
    display: block;
    width: 100%;
    position: relative
}

.accordion-heading h2 {
    font-size: 29px;
    text-decoration: none;
    position: relative;
    display: block;
    color: #000;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: 400;
    line-height: 23px;
    cursor: pointer;
    padding-left: 35px
}

.accordion-heading:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border-right: 3px solid #87b800;
    border-bottom: 3px solid #87b800;
    transform: rotate(-45deg)
}

.accordion-collapse-list.active .accordion-heading:before {
    transform: rotate(45deg);
    top: -10px
}

.accordion-collapse-content {
    border-top: 1px solid;
    margin-top: 18px;
    padding-top: 18px;
    display: none
}

.accordion-collapse-content p {
    color: #000;
    font-size: 17px;
    line-height: 25px;
    margin: 0 0 10px
}

.why-faq-wrap .why-img .why-img-text {
    position: unset;
    margin: 25px 0 0
}

.why-faq-wrap .why-img .why-img-text h3 {
    text-align: center;
    margin-bottom: 10px
}

.home-testimonial-heading {
    margin-bottom: 30px;
    text-align: center
}

.home-testimonial-heading h2 {
    margin: 0 auto 10px;
    line-height: 45px;
    font-size: 29px
}

.home-testimonial-heading p {
    font-size: 18px;
    line-height: 28px;
    max-width: 800px;
    margin: 0 auto
}

.home-testimonial-section .ts-content p {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 20px;
    line-height: 35px;
    text-align: center
}

.testimonial-tagline {
    margin: 60px 0 0
}

.home-testimonial-section .testimonial-tagline p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin: 0
}

.home-testimonial-section .ts-comma1,
.home-testimonial-section .ts-comma2 {
    padding: 0;
    background: 0 0
}

.home-testimonail-slider-section .ts-content {
    padding: 0 50px;
    position: relative
}

.home-testimonail-slider-section .ts-content::after {
    width: 55px;
    content: "";
    position: absolute;
    background: url(../images/ts-comma2.png) 0 0/contain no-repeat;
    bottom: 0;
    right: 0;
    height: 70px
}

.home-testimonail-slider-section .ts-content::before {
    width: 55px;
    content: "";
    position: absolute;
    background: url(../images/ts-comma1.png) 0 0/contain no-repeat;
    top: 0;
    left: 0;
    height: 70px
}

.home-testimonail-slider-section .slick-prev {
    background: url(../images/white-left-arrow.png) 0 0/cover no-repeat;
    left: -80px;
    width: 16px;
    height: 28px;
    top: 0;
    bottom: 0;
    margin: auto
}

.home-testimonail-slider-section .slick-next {
    background: url(../images/white-right-arrow.png) 0 0/cover no-repeat;
    width: 16px;
    height: 28px;
    right: -40px;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto
}

.Home-highlighted.home-bottom-expertise-section,
.bg-white {
    color: #000;
    background: linear-gradient(90deg, #fff, #e5e5e5)
}

.home-testimonail-slider-section ul.slick-dots {
    left: 0;
    right: 0;
    bottom: -40px
}

.home-testimonail-slider-section .slick-dots li button {
    background: #fff;
    opacity: 1;
    width: 11px;
    height: 11px
}

.Home-highlighted.home-bottom-expertise-section {
    padding: 50px 0
}

.Home-highlighted.home-bottom-expertise-section h3 {
    font-size: 19px;
    line-height: 28px;
    max-width: 800px;
    margin: 20px auto 10px;
    font-family: cocogooseregular;
    font-weight: 400
}

.Home-highlighted.home-bottom-expertise-section p {
    font-size: 18px;
    line-height: 28px;
    max-width: 900px;
    margin: 0 auto
}

.home-bottom-expertise-section .home-highlighted-service-call-btn a {
    margin-top: 20px
}

.bottom-header.logo-slider-header {
    height: auto;
    padding: 15px 0 8px
}

.bottom-header.logo-slider-header img,
.why-section.row.why-faq-section.bg-white .why-img-text .click-here {
    margin: auto
}

.logo-slider-header .wrapper.autoplay {
    display: flex;
    justify-content: center
}

.Home-highlighted.row.home-bottom-expertise-section.bg-grey {
    background: url(../images/page-bg.png);
    color: #fff
}

.Home-highlighted.row.home-section2.bg-white .home-highlighted-service-list-col-info {
    border: 1px solid #949394
}

.why-section.row.why-faq-section.bg-white .why-img-text {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px
}

.main-slider.row.oem-banner .slider-content p {
    font-style: normal;
    font-size: 23px;
    margin: 14px 0 2px
}

.main-slider.row.oem-banner .slider-content h2 {
    font-size: 54px
}

.main-slider.row.oem-banner,
.main-slider.row.oem-banner .slider-transparent {
    height: 480px
}

.main-slider.row.oem-banner .slider-btn a {
    font-size: 18px
}

.testimonial-section.row.home-testimonial-section.bg-white .home-testimonail-slider-section .slick-dots li button {
    background: #000
}

.Home-highlighted.row.home-bottom-expertise-section.bg-grey h2 {
    font-size: 24px
}

.Home-highlighted.row.home-section2.bg-white .common-hybrid-section-heading p {
    margin: 25px
}

.why-section.row.why-faq-section.bg-white h1 {
    font-size: 28px
}

.Home-highlighted.row.home-section2.bottom-grey.bg-grey h2 {
    font-size: 25px
}

.testimonial-section.row.home-testimonial-section.bg-white .slick-next,
.testimonial-section.row.home-testimonial-section.bg-white .slick-prev {
    filter: invert(1)
}

.toyata-product-section1.Home-highlighted.home-section2 .heading-card h1 {
    color: #fff !important;
    max-width: 930px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: cocogooseregular;
}

.toyata-product-section1.Home-highlighted.home-section2 .heading-card h1 span {
    color: #87b800 !important;
    font-weight: 400;
    font-family: cocogooseregular;
}

.toyata-product-section1.Home-highlighted.home-section2 .heading-card p {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 29px;
}

.Home-highlighted.row.home-section2.toyata-product-section2.bg-white {
    background: linear-gradient(90deg, #fff, #e5e5e5);
}

.toyata-product-section2 .home-highlighted-service-list-col-info {
    border-color: #000;
}

.toyata-product-section2 .wrapper {
    max-width: 100%;
    padding: 0px 0px;
}

.toyata-product-section2 .home-highlighted-service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
    padding: 0px 210px;
}

.Home-highlighted.row.home-section2.toyata-product-section2 * {
    box-sizing: border-box;
}

.toyata-product-section2 .home-highlighted-service-list-col-info * {
    color: #000;
}

.toyata-product-section2 .home-highlighted-service-list-col {
    width: 23%;
    margin: 0;
}

.toyata-product-section2.custom-width-kia .home-highlighted-service-list-col {
    width: 33%;
    margin: 0;
    padding-bottom: 20px;
}

.toyata-product-section2 .home-highlighted-service-list-col-info {
    border-color: #000;
    padding: 26px 12px;
}

.toyata-product-section2 .home-highlighted-service-list-col-info h3 {
    line-height: 30px;
}

.toyata-product-section2 .home-highlighted-service-list-col-info p,
.toyata-product-section2 .home-highlighted-service-list-col-info ul li,
.design1-section1.cmn-ul li,
.design1-section2.cmn-ul li {
    font-size: 16px;
    line-height: 26px;
}

.toyata-product-section2.Home-highlighted.home-section2 h2 {
    color: #000 !important;
}

.toyata-product-section2 .home-highlighted-service-list-col-info p strong,
.toyata-product-section2 .home-highlighted-service-list-col-info ul li strong,
.design1-section1 .cmn-ul li strong,
.design1-section2 .cmn-ul li strong,
.hybrid-system-warning-section ul li strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.toyata-product-section2 .home-highlighted-service-list-col-info ul li,
.design1-section1.cmn-ul li,
.design1-section2.cmn-ul li,
.hybrid-system-warning-section ul li {
    width: 100%;
    height: auto;
    border: 0;
    list-style-type: disc;
    list-style-position: inside;
    float: none;
    margin: 0px 0px 10px;
}

.toyata-product-section2 .home-highlighted-service-list-col-info ul {
    margin-top: 0;
}

.toyata-product-section3-d-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
    padding: 0px 210px;
}

.toyata-product-col6-card {
    width: 50%;
    padding: 0px 15px;
}

.toyata-product-section3-info {
    border: 1px solid #fff;
    padding: 30px 15px;
}

.toyata-product-section3-info {
    border: 1px solid #fff;
    padding: 30px 35px;
    text-align: left;
    height: 100%;
}

.toyata-product-section2.Home-highlighted.home-section2 .toyata-product-section3-info h2 {
    color: #fff !important;
    margin-bottom: 15px;
}

.toyata-product-section3-info p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 20px;
}

.toyata-product-section3 .toyata-product-section3-info ul {
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
    clear: both;
}

.toyata-product-section3 .toyata-product-section3-info ul li {
    width: 100%;
    border: 0;
    height: auto;
    font-size: 16px;
    margin: 0;
    list-style-type: disc;
    float: none;
}

.toyata-product-section4.Home-highlighted.home-section2 h2 {
    max-width: 630px;
}

.middle-section.toyata-product-list.row {
    padding: 0 0 50px;
}

.service_heading {
    max-width: 1240px;
    margin: 0 auto;
}

.service_heading p {
    padding-top: 8px;
    font-size: 18px;
    line-height: 32px;
}

.home-highlighted-service-call-btn p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    padding: 0 25px;
}

.home-highlighted-service-call-btn a.p_link {
    padding: 0;
    background: transparent;
    color: #87b800;
    border: 0;
    min-height: auto;
    margin: 0;
}

.home-highlighted-service-call-btn a.p_link:hover {
    text-decoration: underline;
}

.bmw_atf.toyata-product-section1.Home-highlighted.home-section2 .heading-card {
    margin: 0 -20px;
}


/** ABOUT PAGE CSS START **/
.about-wrap-section1 {
    margin: 50px -15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.col6 {
    width: 50%;
    padding: 0px 15px
}

.about-wrap-section1 * {
    box-sizing: border-box;
}

.about-col-info-card.home-highlighted-service-list-col-info {
    border: 1px solid #fff;
    text-align: left;
    padding: 30px 25px;
}

.about-col-info-card.home-highlighted-service-list-col-info h3,
.about-col-info-card.home-highlighted-service-list-col-info p,
.about-col-info-card.home-highlighted-service-list-col-info ul li {
    color: #fff;
}

.about-col-info-card.home-highlighted-service-list-col-info ul li {
    margin-bottom: 1px;
}

.about-col-info-card.home-highlighted-service-list-col-info ul+p {
    margin-top: 20px;
}

.col6.home-highlighted-service-list-col {
    width: 45%;
}

.col3.home-highlighted-service-list-col {
    width: 33.33%;
    text-align: left;
}

.col3.home-highlighted-service-list-col .home-highlighted-service-list-col-info {
    padding: 26px 30px;
}

.col3.home-highlighted-service-list-col .home-highlighted-service-list-col-info ul li {
    margin-bottom: 5px;
}

.about-bottom-section .service_heading {
    max-width: 1000px;
}

/** ABOUT PAGE CSS END **/

.design1-section1 .heading-card {
    border-bottom: 2px solid #fff;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.design1-section2 .service_heading {
    border-bottom: 2px solid #000000;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.design1-section1 .heading-card:last-child,
.design1-section2 .service_heading:last-child {
    border-bottom: 0px solid #000000;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.design1-section1 .heading-card h2 {
    font-size: 25px;
}

.design1-section1 .heading-card h2 span {
    color: #87b800 !important;
    font-weight: 400;
    font-family: cocogooseregular;
}

.page-content.row.home-faq-section.bg-white .pg-container.row {
    background: #fff;
    box-shadow: rgb(204 204 204 / 15%) 0px 0px 5px;
}

.about_models_item {
    border-bottom: 2px solid #fff;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.about_models_item:last-child {
    border-bottom: 0px solid #fff;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.about_models_item h2 {
    text-align: left;
}

.about_models_item p:last-child {
    margin-bottom: 0;
}

.about-models.about_models_wrapper.row {
    padding-bottom: 30px;
}

.experts-repair-section {
    padding-bottom: 120px;
}

.about-models.get_back_section.row {
    padding-bottom: 0;
}

.about-models.get_back_section p a {
    color: #87b800;
    font-weight: 600;
}

.about_models_item.experts-repair-section .am-left {
    padding-top: 10px;
}

.about_models_item.experts-repair-section .am-right {
    top: 0px;
}

.page-content.get_back_page_content.row {
    margin-bottom: 50px;
}

.abt_first_section {
    padding-top: 50px;
}

.Home-highlighted.row.home-section2.toyata-product-section2.bg-white.hybrid-system-warning-section {
    border-top: 2px solid #e3e3e3;
}

.home-highlighted-service-list.hybrid-system-warning-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 50px;
}

.hybrid-system-warning-col-left {
    width: 48%;
}

.hybrid-system-warning-right-col {
    width: 44%;
}

.hybrid-system-warning-img-card {
    width: 100%;
}

.hybrid-system-warning-img-card img {
    width: 100%;
}

.hybrid-system-warning-col-left * {
    text-align: left !important;
}

.hybrid-system-warning-section ul li {
    font-size: 18px;
    line-height: 26px;
}

.Home-highlighted.row.home-section2.toyata-product-section1.product-heading-section {
    padding: 25px 0px 30px;
}

.Home-highlighted.row.home-section2.toyata-product-section1.product-heading-section .heading-card h1 {
    text-transform: uppercase;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* --- 1. Main Container Styles --- */
.wp-pagenavi {
    clear: both;
    /* Ensures it is below any floated elements */
    padding: 20px 0;
    text-align: center;
    /* Center the pagination block */
    font-family: sans-serif;
    line-height: 1.5;
}

/* --- 2. Styles for all links and current page (the individual 'buttons') --- */
.wp-pagenavi a,
.wp-pagenavi span {
    color: #444;
    /* Default text color */
    background-color: #f7f7f7;
    /* Default background */
    border: 1px solid #ddd;
    /* Light border */
    padding: 8px 12px;
    margin: 0 4px;
    /* Space between the items */
    text-decoration: none;
    /* Remove underline from links */
    display: inline-block;
    /* Allows padding and margin to work well */
    border-radius: 4px;
    /* Optional: adds subtle rounded corners */
    transition: all 0.2s ease-in-out;
    /* Smooth transition for hover effects */
}

/* --- 3. Hover State (what happens when the mouse is over a link) --- */
.wp-pagenavi a:hover {
    color: #fff;
    /* White text on hover */
    background-color: #0073aa;
    /* A primary blue color for background */
    border-color: #0073aa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Subtle shadow on hover */
}

/* --- 4. Current Page (the page you are on) --- */
.wp-pagenavi span.current {
    font-weight: bold;
    color: #fff;
    /* White text for current page */
    background-color: #0073aa;
    /* The same blue as the hover state, but solid */
    border-color: #0073aa;
    cursor: default;
    /* Change cursor to indicate it's not a clickable link */
}

/* --- 5. Total Pages Count (e.g., "Page 1 of 5") --- */
.wp-pagenavi span.pages {
    color: #777;
    background: none;
    border: none;
    padding: 8px 10px;
}

#loader {
    display: none;
    text-align: center;
    padding: 20px 0;
}

.spinner {
    border: 4px solid rgb(255 253 253);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #87b800;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

span.wpcf7-spinner {
    position: absolute;
    right: 10%;
    bottom: 7%;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}