* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
font-family: 'Open Sans', sans-serif;
color: #000 
}
*{box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
p{
line-height: 24px!important;
margin:.8em 0;
}
p a{
text-decoration: underline;
font-weight: 600;
color: #000
}
.mtop1{
margin-top: 1em
}
.mtop2{
margin-bottom: 2em
}
span.red_txt{
color: #D81E05;
font-weight: bold;
}
body{
font-size: 16px;
font-weight: 400;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
a, a:hover, a:focus {
text-decoration: none;
outline: none;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
h1 {
font-size: 1.94em;
}
h2 {
font-size: 1.937em;
}
h3 {
font-size: 1.375em;
}
.full_width{
width: 100%;
float: left;
}
.slick-prev{
left: 0;
}
.slick-next{
right: 0;
}
.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
background: rgba(216,30,5,.8);
width: 30px;
height: 30px;
z-index: 9;
top: 50%;
margin-top: -50px;
}
section{
width: 100%;
float: left;
}
.page_wrapper{
width: 100%;
float: left;
padding-top: 110px;
min-height: 100%;
}
.container{
max-width: 1560px;
width: 100%;
padding: 0px;
}
.wdth100{
width: 100%;
float: left;
}
.padd_top0{
padding-top:0px !important;
}
.mg_bot32{
margin-bottom: 32px;
}
.mg_top0{
margin-top: 0px !important;
}
.pos_rel{
position: relative;
}
.defualt-grey-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.25em;
font-size: 0.875em;
cursor: pointer;
font-weight: 800;
background: linear-gradient(to bottom,#979798,#63666A);
color: #FFFFFF;
border: none;
height: 2.5em;
text-decoration: none;
text-transform: uppercase;
}
.defualt-grey-btn.defualt-red-btn{
background: linear-gradient(to bottom,#FF0000,#D81E05);
}
hr{
border: 1px solid #D8D8D8;
margin: 4em 0;
display: inline-block;
width: 100%;
}
hr.mar0 {
margin: 1em 0 0;
}
.custom-logo-link {
display: inline-block;
width: 144px;
}
.custom-logo-link img{max-width:100%; height:auto} .header{
position: fixed;
z-index: 9999;
top:0;
left: 0;
width: 100%;
}
.header_top{
background:#63666A;
border-bottom: 1px solid #D8D8D8;
padding: 9px 0;
}
.top_header_list{
width: auto;
display: inline-block;
float: right;
line-height: 0px;
}
.top_header_list li{
display: inline-block;
margin: 0 5px;
}
.top_header_list li:first-child{
margin-left: 0px;
}
.top_header_list li:last-child{
margin-right: 0px;
}
.top_header_list li a{
color: #fff;
font-size: .75em;
font-weight: 600;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
}
.top_header_list li a>span{
margin-left: 4px;
}
.top_header_list li a:hover, .top_header_list li a:hover > svg{
color: #D81E05;
fill: #D81E05 
}
.top_header_list li a svg{
width: 12px;
height: auto;
fill: #fff;
margin-right: 3px;
}
.header_links>img{
max-width: 100%;
width: 12px;
}
.header_links:hover, .header_links:focus {
color: #D81E05;
}
.header_bottom{
background: #fff;
border-bottom: 1px solid #D8D8D8;
}
.header_wrap{
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.logo{
display: inline-block;
width: 144px;
}
.logo>img{
max-width: 100%;
}
.header_rt{
width: calc(100% - 144px);
}
.menus_list{
width: auto;
float: right;
}
.menus_list li{
float: left;
position: relative;
}
.menus_list li ul.sub-menu{
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 13.5em;
background: white;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
overflow: hidden;
z-index: 1;
box-sizing: border-box;
-webkit-transition: all .25s ease;
transition: all .25s ease;
display:none; }
.menus_list li.show ul.sub-menu {
max-height: 50vh; display:block
}
.menus_list li.show.show-modal ul.sub-menu { opacity:1;
visibility:hidden; }
.menus_list li ul.sub-menu li{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
}
.menus_list li ul.sub-menu li:first-child{
padding-top: 10px;
}
.menus_list li ul.sub-menu li:last-child{
padding-bottom: 10px;
}
.menus_list li ul.sub-menu li:after{
display: none;
}
.menus_list li ul.sub-menu li a{
font-size: .8em;
font-weight: 600;
text-transform: uppercase;
color: #63666A;
padding: 0 15px !important;
line-height: 2em;
width: 100%;
display: block;
}
.menus_list li ul.sub-menu li a:hover{
color: #D81E05
}
.submenu_wrapper {
position: fixed;
top: 107px;
left: 0;
width: 100%; background: rgba(0,0,0,0.75);
-webkit-transition: all .5s ease;
transition: all .5s ease;
z-index: 99;
display: none;
opacity: 1;
visibility: visible;
}
.overlay_bg{
width: 100%;
position: fixed;
position: fixed;
top: 107px;
left: 0;
width: 100%;
height: calc(100% - 107px);
background:red;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.submenu_wrapper:before{
}
.menus_list li.show .submenu_wrapper{
display: block;
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity: 1;
visibility: visible;
}
.submenu_wrapper .container{
background: #fff;
position: relative;
z-index: 9;
}
.submenu_wrapper .submenu_head{
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
float: left;
width: 100%;
}
.submenu_wrapper .submenu_head .submenu_tab{
width: auto;
float: left;
padding: 0 5px;
}
.submenu_wrapper .submenu_head .submenu_tab li{width:auto; float:left;     position: relative;}
.submenu_wrapper .submenu_head .submenu_tab li:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
content: '';
width: 3px;
margin-top: 0;
height: .8em;
background: #D81E05;
}
.submenu_wrapper .submenu_head .submenu_tab li a{
padding: 14px 15px;
color: #727272;
font-size: 0.8em;
float: left;
font-weight: 700;
text-transform: uppercase;
}
.submenu_wrapper .submenu_head .submenu_tab li.active a{
color: #D81E05 
}
.submenu_wrapper .submenu_tab_container{
width: 100%;
float: left;
padding: 0 15px 15px;
}
.submenu_wrapper .submenu_tab_container ul{
padding: 0 ;
margin: 0px;
}
.submenu_wrapper .submenu_tab_col{
display: none;
}
.submenu_wrapper .submenu_tab_col.active{
display: block;
}
.submenu_wrapper .submenu_tab_container ul li{
width: 10.5%;
float: left;
list-style: none;
text-align: center;
font-size: 12px;
cursor: pointer;
margin-right: 25px;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: .5;
padding: 20px 0 10px;
}
.submenu_wrapper .submenu_tab_container ul li:hover{
opacity: 1;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.submenu_wrapper .submenu_tab_container ul li span{
padding: 0 10px;
width: 100%;
float: left;
margin-top: 10px;
}
.submenu_wrapper .submenu_tab_container ul li img{
max-width: 100%;
}
.submenu_wrapper .submenu_tab_container ul li:after{
display: none;
}
.menus_list li:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
content: '';
width: 3px;
margin-top: 0;
height: .8em;
background: #D81E05;
}
.sub_to_submenu_wrapper{
width: 100%;
float: left;
}
.menus_list li a{
color: #727272;
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
padding: 29px 1em;
float: left;
cursor: pointer;
}
.menus_list li a:hover{
color: #D81E05 
}
.menus_list li:first-child a{
padding-left: 0px;
}
.menus_list li:last-child a{
padding-right: 0px;
border-right: 0px;
}
.sub_to_submenu_wrapper{
height: calc(100vh - 370px);
overflow: hidden;
box-sizing: border-box;
-webkit-transition: all .25s ease;
transition: all .25s ease;
max-height: 350px;
display: none;
position: relative;
}
.sub_to_submenu_wrapper.show{
display: block;
}
.sub_to_submenu_tabs{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-position: center !important;
background-size: cover !important;
overflow: hidden;
display: none;
}
.sub_to_submenu_tabs.active{
display: block;
}
.sub_to_submenu_tabs .tabs_content_wrapper {
position: absolute;
top: 0;
left: 0;
width: 43%;
height: 100%;
-webkit-transition: all .45s ease;
transition: all .45s ease;
}
.sub_to_submenu_tabs .tabs_content_wrapper:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: #D81E05;
-webkit-transition: all .35s ease-in;
transition: all .35s ease-in;
z-index: 0;
mix-blend-mode: multiply;
}
.sub_to_submenu_tabs .tabs_content_col{
position: absolute;
top: 0;
left: 0;
width: calc(100% - 2.6em);
height: calc(100% - 2em);
z-index: 1;
padding: 1em 1.3em;
color: white;
}
.sub_to_submenu_tabs .tabs_content_col h2{
font-weight: 800;
text-transform: uppercase;
font-size: 4.4vh;
}
.sub_to_submenu_tabs .tabs_content_col p{
margin-top: .25em;
}
.sub_to_submenu_tabs .pricing_section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1em;
}
.sub_to_submenu_tabs .pricing_section span{
font-size: .9em;
margin-bottom: .25em;
}
.sub_to_submenu_tabs .pricing_section p{
font-weight: 800;
font-size: 3vh;
}
.sub_to_submenu_tabs .button_col {
margin-top: 1.5em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.default-learn-btn.red-btn{
background: linear-gradient(to bottom,#FF0000,#D81E05);
margin-right: 10px;
}
.default-learn-btn{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.25em !important;
font-size: 0.8em !important;
cursor: pointer;
font-weight: 800;
background: linear-gradient(to bottom,#979798,#63666A);
color: #FFFFFF !important;
border: none;
height: 2.2em;
text-transform: uppercase;
}
.banner{
padding: 0px;
}
.bannr_slider .slick-slide {
position: relative;
}
.bannr_slider{
margin-bottom: 0px;
border-bottom: 4px solid #d81e05;
}
.bannr_slider .slick-dots{
max-width: 1560px;
width: 100%;
bottom: 20px;
text-align: left;
left: 50%;
margin-left: -740px;
}
.bannr_slider .slick-dots li.slick-active button{
background:#D81E05;
opacity: 1;
}
.bannr_slider .slick-dots li button{
background:#fff;
opacity: 0.49;
border-radius: 100%;
width: 15px;
height: 15px;
}
.bannr_slider .slick-dots li button:before{
content: '';
}
.bannr_slider .slider_row{
position: absolute;
left: 0;
right: 0;
top:0;
bottom: 0;
}
.bannr_slider .slick-dots li {
width: 15px;
height: 15px;
margin: 0 3px;
}
.hero_cntnt{
display:none;
position: relative;
left: 0;
top: 0;
bottom: 0;
height: 100%;
margin: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 620px;
color: #FFFFFF;
padding: 37px;
}
.hero_cntnt:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 0; }
.hero_cntnt h1{
color: #fff;
position: relative;
text-transform: uppercase;
font-size: 62px;
line-height: 65px;
}
.hero_cntnt span{
font-size:50px;
position: relative;
font-weight: 700;
line-height: 50px;
}
.news-room-slider .hero_cntnt {
width: 65%;
}
.news-room-slider .hero_cntnt span{
font-size: 20px;
}
.slick-slide img{
max-width: 100%;
width: 100%;
height: auto;
}
.hero_cntnt .anchor_btn{
}
.hero_cntnt .default_grey_btn{
margin-top: 32px;
}
.slick-dotted.slick-slider{
margin-bottom: 0px;
}
.default_grey_btn{
font-weight: 800;
background: linear-gradient(to bottom,#979798,#63666A);
color: #FFFFFF;
border: none;
height: auto;
text-transform: uppercase;
font-size: 13px;
padding: 5px 20px;
text-align: center;
position: relative;
width: auto;
display: inline-block;
}
.default_grey_btn:hover, .default_grey_btn:focus{
color: #fff;
}
.prod_slider{
border-bottom: 1px solid #f0f0f0;
}
.prod_slider.pad45{
padding: 4.5em 0;
margin-bottom: 4.5em;
}
.prod_slider.pad45.pad_bot_zero{
margin-bottom:0;
}
.prod_slider .slick-slide {
margin: 0 16px;
min-height: 224px;
position: relative;
}
.prod_slider .slick-prev, .prod_slider .slick-next, .prod_slider .slick-prev:hover, .prod_slider .slick-prev:focus, .prod_slider .slick-next:hover, .prod_slider .slick-next:focus{
background: rgba(216,30,5,.8);
margin-top: -50px;
}
.prod_col{
background:#FAFAFA;
width: 20%;
}
.prod_img{
position: relative;
}
.img_wrap{
display: block;
height: 128px;
overflow: hidden;
}
.img_wrap img{
max-width: 100%;
width: 100%;
margin-top: 0;
}
.prod_cntnt{
padding-bottom: 34px;
}
.prod_cntnt h5{
font-weight: 800;
text-transform: uppercase;
font-size: .65em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3.1em 0 2em 0;
text-align: center;
}
.dealer_info{
display: flex;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #E6E6E6;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.dealer_info a{
font-size: 9.6px;
color: #9B9B9B;
border-right: 1px solid #E6E6E6;
border-bottom: 0px;
padding: 9px 16px;
width: 50%;
text-align: center;
text-transform: capitalize;
}
.dealer_info>a:last-child{
border-right: 0px;
}
.default_red_btn{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
color: #FFFFFF;
font-size: 10.4px;
padding: 0 16px;
font-weight: 700;
border: none;
height: 2.2em;
text-transform: uppercase;
background: linear-gradient(to bottom,#FF0000,#D81E05);
}
.prod_img .default_red_btn {
position: absolute;
left: 50%;
margin-left: -50px;
bottom: -10px;
}
.prod_pkg{    margin: 0;}
.prod_pkg_row{
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
}
.prod_pkg_slider{
width: 49.5%;
background: #FAFAFA;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
}
.prod_pkg_slider .prod_img {
position: relative;
}
.prod_pkg_slider .prod_img .default_grey_btn{
position: absolute;
bottom: -1em;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 2.5em;
background: linear-gradient(to bottom,#979798,#63666A);
color: white;
padding: .25em 1.5em;
font-weight: 800;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8em;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.prod_pkg_grid{
width: 49.5%;
}
.prod_pkg_col{
position: relative;
padding-bottom: 27px;
}
.prod_pkg_col.slick-slide img{    max-width: inherit;
width: 100%;}
.prod_pkg_col .prod_cntnt{
padding: 15px;
}
.prod_pkg_row h5{
font-size: 13px;
padding: 0px;
justify-content: flex-start;
}
.prod_pkg_row p{
margin-top: 8px;
font-size: 13px;
}
.prod_pkg_col .img_wrap{
height: 318px;
}
.prod_pkg_slider .slick-dots li{
width: 10px;
height: 10px;
}
.prod_pkg_slider .slick-dots{
width: auto;
left: 50%;
margin-left: -30px;
bottom: 14px;
line-height: 0;
}
.prod_pkg_slider .slick-dots li.slick-active button{
background:#D81E05;
opacity: 1;
}
.prod_pkg_slider .slick-dots li button{
background:#9B9B9B;
opacity: 0.49;
border-radius: 100%;
width: 10px;
height: 10px;
}
.prod_pkg_slider .slick-dots li button:before{
content: '';
}
.prod_grid_col{
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
background: #FAFAFA;
overflow: hidden;
z-index: 1;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
align-items: center;
height: 235px;
}
.prod_grid_col .red_bg_col{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: white;
font-size: .8em;
padding: 1em 2em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prod_grid_col .red_bg_col img{
height: 38px;
z-index: 50;
}
.prod_grid_col .red_bg_img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: #D81E05;
mix-blend-mode: multiply;
}
.prod_grid_col>a{
width: 60%;
}
.prod_grid_col>a>img{
max-width: 100%;
}
.bg_img{
background-size: cover !important;
position: relative;
cursor: pointer;
height: 100%;
}
.prod_grid_col:first-child{
margin-bottom: 16px;
}
.prod_grid_cntnt{
width: calc(100% - 60%);
padding: 16px 16px 16px 40px;
-webkit-transform: skewX(-5deg) translateX(-1.5em);
-ms-transform: skewX(-5deg) translateX(-1.5em);
transform: skewX(-5deg) translateX(-1.5em);
background: #FAFAFA;
position: relative;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.prod_grid_cntnt .full_width{
-webkit-transform: skewX(5deg);
-ms-transform: skewX(5deg);
transform: skewX(5deg);
}
.prod_grid_cntnt .full_width p {
margin-top: 5px;
}
.prod_grid_cntnt .full_width .default_grey_btn {
margin-top: 12px;
font-size: 11px;
}
.prod_grid_cntnt>h5, .prod_grid_cntnt>p, .prod_grid_cntnt>a{
-webkit-transform: skewX(5deg);
-ms-transform: skewX(5deg);
transform: skewX(5deg);
}
.prod_grid_cntnt>a{
margin-top: 16px;
font-size: 10px;
}
.prod_pkg_row .default_grey_btn{
padding: 10px 20px;
}
.disclaimer{
padding-bottom: 3em;
padding-top: 7em;
}
.disclaimer.ptop2{
padding-top: 2em;
}
.disclaimer p{
color: #9B9B9B;
font-size: 12px;
font-weight: 600;
font-style: italic;
line-height: 24px;
}
.footer{
background: white;
color: #313131;
padding: 1% 0;
width:100%;
float:left;
margin-top: 2.5em;
}
.footer_row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 48px 0;
border-top: 1px solid #727272;
border-bottom: 1px solid #727272;
}
.footer_col{
width: 20%;
}
.footer_col h5{
font-size: 14px;
font-weight: bold;
margin: 0 0 0.5em 0;
font-family: Open Sans,sans-serif;
color: #63666A;
}
.footer_col h5.fs16{
font-size: 16px;
color: #313131;
}
.footer_col li{
list-style: none;
padding: 0;
margin: 0;
display: block;
line-height: 1.525;
color: #9B9B9B;
}
.social_icon li{
list-style: none;
padding: 0;
margin: 0;
float: left;
width: auto;
margin-right: 27px;
font-size: 31px;
line-height: 1.525;
color: #9B9B9B;
}
.social_icon li i{
color: #9B9B9B;
font-size: 34px;
}
.social_icon li i:hover{
color: #727272;
}
.footer_col li a{
color: #727272;
font-size: 14px;
}
.footer_col li a:hover{
color: #313131;
}
.footer_copyright{
margin-top: 25px;
display: flex;
width: 100%;
justify-content: space-between;
}
.footer_copyright span.copyrhgt{
float: left;
width: 40%;
}
.footer_copyright span{
font-size: 12px;
}
.footer_copyright span a{
color: #727272;
}
.footr_btm li{
list-style: none;
display: inline-block;
margin: 0 2.5% 0 0;
padding: 0 0 5%;
border: none;
font-size: 12px;
color: #727272;
}
.footr_btm li>a{
font-size: 12px;
color: #727272;
} .middle-container-section{
padding-top: 2.5em;
}
.h100{
height: 100%
}
.inner_banner{
width: 100%;
height: 45vh;
position: relative;
min-height: 339px;
border-bottom: 4px solid #D81E05;
}
.inner_banner.bakkies_car_page{    width: 100%;
height: 30vw;
min-height: 20vh;
max-height: 60vh;
position: relative;}
.inner_banner_bg{
position: absolute;
background-position: center !important;
background-size: cover !important;
width: 100%;
height: 100%;
left: 0;
display: block;
}
.inner_banner .content_section{
box-sizing: border-box;
height: 100%;
width: 33.229vw;
padding: 1.25em 0.625em 0.625em;
position: relative;
float:left;
}
.inner_banner .content_section:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ''; mix-blend-mode: multiply;
}
.inner_banner .content_section .content_div{
margin: 0;
color: white;
text-transform: uppercase;
font-weight: 800;
font-size: 3vw;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.inner_banner .content_section .content_div h2{
font-size: 55px;
line-height: 65px;
position: relative;
} 
.inner_banner .content_section .content_div .starting_pricce{       margin: 1em 0 0.25em 0;
position: relative;
line-height: 32px;
font-size: 16px;
margin-bottom: 30px;}
.inner_banner .content_section .content_div .starting_pricce span{    display: block;
font-family: Open Sans,sans-serif;
font-weight: 900;
font-size: 50px;
margin: 0 0 0.25em 0;
-webkit-letter-spacing: .05em;
-moz-letter-spacing: .05em;
-ms-letter-spacing: .05em;
letter-spacing: .05em;}
.inner_banner .content_section .content_div .color_palete_col{   position: absolute;
bottom: 0;
margin-bottom: 20px;}
.inner_banner .content_section .content_div .color_palete_col ul{margin:0px; padding:0px;}
.inner_banner .content_section .content_div .color_palete_col ul li{width:25px; height:25px; float:left; margin-right:5px; position:relative; border-radius:100%; }
.inner_banner .content_section .content_div .color_palete_col ul li span{    background: rgba(0,0,0,.3);
padding: 3px;
border-radius: 5px;
position: absolute;
left: 0;
width: 100px;
font-size: 12px;
text-align: center;
margin-left: -31px;
top: -29px; display:none}
.inner_banner .content_section .content_div .color_palete_col ul li:hover span{display:block}
.grey_bar_nav {
background-color: #63666A;
border-top: 3px solid #D81E05;
text-align: center;
width: 100%;
z-index: 5;
position: relative;
margin-bottom:20px;
float:left;
}
.grey_bar_nav ul{
width: 100%;
height: 100%;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.grey_bar_nav ul li{
box-sizing: border-box;
display: inline-block;
height: 100%;
cursor: pointer;
color: white;
text-transform: uppercase;
position: relative;
font-size: 0.875em;
line-height: 1.5;
}
.grey_bar_nav ul li a{
position: relative;
z-index: 2;
padding: 20px 22px;
display: block;
color: white;
}
.grey_bar_nav ul li:before{
content: ' ';
-webkit-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #D81E05;
-webkit-transform: scaleX(0);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-duration: 0.01s;
-webkit-transition-duration: 0.01s;
transition-duration: 0.01s;
}
.grey_bar_nav ul li.current-menu-item:before, .grey_bar_nav ul li:hover:before{
-webkit-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
}
.cms-pages{
}
.video_section{
border-left: 5px solid #D81E05;
margin-bottom: 50px;
margin-top:1.5em;
display: inline-block;
padding-left: 25px;
width:100%;
float:left;
}
.video_section iframe{
width:72%;
height:405px;
}
.video_section p{
line-height: 24px;
margin-top: 0;
margin-bottom: 1em;
}
.map_bg_col{
background: #F0F0F0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.map_bg_col .map_col{
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 1em;
-ms-flex-preferred-size: 1em;
flex-basis: 1em;
-webkit-box-flex: 0.75;
-webkit-flex-grow: 0.75;
-ms-flex-positive: 0.75;
flex-grow: 0.75;
padding: 2em;
}
.map_bg_col .map_col img{max-width:100%}
.map_content_section{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-flex-basis: 1em;
-ms-flex-preferred-size: 1em;
flex-basis: 1em;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 2em 1em;
}
.map_content_section .map_content_col{
width: 48%;
width: calc(50% - 0.5em);
padding: 0;
margin-bottom: 2em
}
.map_content_section .map_content_col h3{
font-size: 1.375em;
margin-bottom: 1em;
font-weight: 700;
}
.about_company_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom: 2.5em;
}
.about_company_col .left_col{
width: calc(50% - 0.5em);
padding: 0;
margin: 0;
}
.about_company_col .rht_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column: 2;
grid-row: 1;
margin-bottom: 2.5em;
width: 48%;
width: calc(50% - 0.5em);
padding: 0;
margin: 0;
}
.about_company_col .rht_col h3{
margin-bottom: 1.5em;
}
.prod_pkg_slider.about_prod_slider{
width: 96%;
box-shadow: 0 0 0 0 rgba(0,0,0,0.12);
background: #fff;
height: 300px;
min-height: 20vh;
max-height: 50vh;
overflow: hidden;
}
.vehicle_pro_co {
border-left: 5px solid #D81E05;
margin-bottom: 10px;
padding: 20px 0 0 25px;
}
.vehicle_pro_co h4{
font-size: 1.937em;
}
.vehicle_pro_co ul{
padding-left: 2.25em;
margin-bottom: 22px;
margin-top: 16px;
}
.vehicle_pro_co ul li{
list-style: inherit;
}
.prod_pkg_slider.about_prod_slider.no_height{
height: auto;
max-height: inherit;
}
.about_company_col .rht_col h3.m_bot-7{
margin-bottom: .7em;
}
.company_history{
padding: 3em 4em;
margin: 2.5rem auto 8.8125rem;
position: relative;
}
.company_history:before{
content: ' ';
width: 2px;
height: 100%;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
background: #9B9B9B;
}
.company_history .first_step_icon {
width: 14px;
height: 14px;
display: block;
border-radius: 100%;
background: #FFFFFF;
position: absolute;
left: 0;
right: 0;
margin: auto;
border: 1px solid #9B9B9B;
top: 0;
}
.company_history .last_step_icon {
width: 14px;
height: 14px;
display: block;
border-radius: 100%;
background: #FFFFFF;
position: absolute;
left: 0;
right: 0;
margin: auto;
border: 1px solid #9B9B9B;
bottom: 0;
}
.company_history .history_wrapper{
}
.company_history .history_wrapper:nth-child(odd) .history_sec_col {
flex-direction: row-reverse;
}
.company_history .history_wrapper:nth-child(odd) .history_sec_col .history_section::after{
left: 0;
right: inherit;
top: 34px;
transform: rotate(45deg);
}
.company_history .history_sec_col{
position: relative;
z-index: 2;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.company_history .history_sec_col .history_date {
width: 71px;
border: 1px solid #9B9B9B;
font-weight: 800;
color: #D81E05;
padding: 10px;
text-align: center;
line-height: 10px;
position: absolute;
left: 50%;
right: 0;
margin-top: 1.5rem;
background: white;
margin-left: -36px;
top: 10px;
font-weight: 800;
}
.company_history .history_sec_col .history_date:after {
content: ' ';
width: 10px;
height: 10px;
display: block;
border-radius: 100%;
background: #D81E05;
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin: auto;
}
.company_history .history_sec_col .history_section {
margin-top: 0;
width: 42%;
background: white;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.17);
padding: 0.625em;
margin-bottom: 0.625rem;
position: relative;
}
.company_history .history_sec_col .history_section::after{
content: "";
position: absolute;
width: 0;
height: 0;
margin-right: -31px;
top: 74px;
right: 0;
box-sizing: border-box;
border: 1em solid black;
border-color: transparent transparent #fff #fff;
transform-origin: 0 0;
transform: rotate(-135deg);
box-shadow: -3px 3px 3px 0 rgba(0,0,0,0.1);
}
.company_history .history_sec_col .history_section img {
width: 100%;
margin-bottom: 10px;
}
.company_history .history_sec_col .history_section h3{
font-size: 1.9375em;
text-transform: uppercase;
font-weight: 800;
color: black;
margin: 0.625rem auto 0.8125rem;
}
.company_history .history_sec_col .history_section h3 span{
color: #D81E05;
}
.company_history .history_sec_col .history_section p{
color: #313131;
font-size: 0.875em;
} .list_capcity{
border-bottom: 1px solid grey;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3em 0;
font-size: 1.1em;
width: 100%;
}
.cpacity_col{
border-right: 1px solid;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.inner_col{
padding: 0 2em;
}
.head{
font-size: 25.6px;
font-weight: bold;
color: #D81E05;
margin: 0;
}
.kg {
font-size: 0.5em;
color: #D81E05;
margin: 0;
}
.capcity_para{
font-size: 1em;
color: #000000;
margin: 0;
cursor: pointer;
}
.cpacity_col.bdr_right0{
border-right: 1px solid;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-right: none;
}
.maximum_row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 3.5em auto;
}
.max_inner_row{
width: 100%;
float:left;
}
.max_durbility{
font-size: 2em;
font-weight: bold;
color: #000000;
margin: 0;
text-transform: uppercase;
}
.max_durbility_para{
font-weight: normal;
margin-bottom: 60px;
color: #000000;
margin-top: 10px;
}
.max_durbility_para>span {
font-weight: bold;
}
.max_durbility >span {
color: #D81E05;
}
.max_durability_anchor{
webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: linear-gradient(to bottom,#FF0000,#D81E05);
border: none;
color: #FFFFFF;
font-size: 0.8em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1em 2.5em;
font-weight: 800;
margin: 1em 0 4.5em 0;
width: 40%;
cursor: pointer;
}
.col_two{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 2em 0 0;
max-width: 100%;
}
.inner_col_two{
background: url(//isuzubotswana.co.bw/wp-content/themes/isuzu/images/isuzu_doubleCab_new.png) no-repeat center center;
background-size: cover;
position: relative;
height: 18.88em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0 1.27em;
}
.col_two_anchor{
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 1;
}
.col_two_para{
color: #FFFFFF;
z-index: 1;
font-size: 1.1em;
padding: 0 1em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
opacity: 0;
-webkit-transition: .5s ease;
transition: .5s ease;
width: 70%;
}
.col_two_head{
white-space: nowrap;
color: white;
font-size: 1.1em;
position: absolute;
overflow: hidden;
bottom: 0;
margin-bottom: 1em;
left: 1em;
z-index: 1;
text-transform: uppercase;
}
.over_lay{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #D81E05;
overflow: hidden;
width: 100%;
height: 20%;
opacity: 0.9;
-webkit-transition: .5s ease;
transition: .5s ease;
mix-blend-mode: darken;
}
.inner_col_two:hover .over_lay {
height: 100%;
}
.inner_col_two:hover .col_two_para {
opacity: 1;
} .book_test_drive h1{
text-align: center;
margin: 10px 0;
font-size: 1.94em;
text-transform: uppercase;
}
.book_test_drive p{
line-height: 24px;
margin: 20px 0;
}
.steps_row{
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: center;
margin: 14px 0;
}
.steps_row .steps_col:first-child{
margin-left: 0px;
}
.steps_row .steps_col:last-child{
margin-right: 0px;
}
.steps_col{
width: calc(33% - 8px);
border: 1px solid #D8D8D8;
padding: 40px 24px;
margin: 0 10px;
}
.select_vehicles{
text-align: center;
}
.step_block_col{
display: none;
}
.step_block_col.active{
display: block;
}
.step_no{
background: #D81E05;
width: 47px;
height: 47px;
border-radius: 100%;
display: -webkit-box;
display: -webkit-inline-flex;
display: -ms-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20.8px;
color: white;
font-weight: bold;
cursor: pointer;
}
.step_head{
margin-top: 18px;
font-weight: bold;
font-size: 16px;
text-transform: capitalize;
}
.book_test_drive p.step_txt{
margin-top: .35em;
font-size: .9em;
line-height: 10px;
margin-bottom: 0;
}
.veh_img{
margin-top: 3em;
}
.veh_img img{
width: 100%;
}
.container_wdt1024{
max-width: 1024px;
width: 100%;
margin: 0 auto;
}
.container_wdt1024 h1{
text-align: left;
}
.container_wdt1024 .steps_col {
width: calc(50% - 8px);
}
.form_btns button.pad10 {
padding: 10px 32px;
height: auto;
font-weight: 500;
}  .custom-select {
position: relative;
margin-bottom: 15px;
}
.custom-select select {
display: none; }
.select-selected {
background-color: #fff;
}
.select-selected:focus, .select-selected:visited, .select-selected:active{
background-color: #000;
color: #fff;
} .select-selected:after {
position: absolute;
content: "\f107";
top: 11px;
right: 10px;
width: 10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
} .select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
} .select-items div,.select-selected {
color: #000;
padding: 8px 16px;
border: 1px solid #000;
cursor: pointer;
user-select: none;
text-align: left;
text-transform: capitalize;
} .select-items {
position: absolute;
background-color: #fff;
left: 0;
right: 0;
z-index: 99;
top: 48px;
border: 1px solid #d8d8d8;
}
.select-items>div{
border:none;
}
.select-items>div.same-as-selected{
color: #fff;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: #000;
color: #fff;
}
.cstm_field{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 15vh;
padding: .5em 0 .5em .75em;
background: transparent;
border: 1px solid black;
color: black;
outline: none;
border-radius: 0;
margin-bottom: 1.5em;
}
.prod_name{
display: block;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 1.5em 0;
float: left;
width: 100%;
}
.cstm_input{
border: 1px solid #000;
padding: 8px 16px;
box-shadow: 0px 0px 0px;
border-radius: 0px;
height: auto;
}
.cstm_input.cust_textarea{
height: 15vh;
}
.cstm_ph::-webkit-input-placeholder { color: #9f9f9f;
font-size: 16px;
text-transform: capitalize;
}
.cstm_ph::-moz-placeholder { color: #9f9f9f;
font-size: 16px;
text-transform: capitalize;
}
.cstm_ph:-ms-input-placeholder { color: #9f9f9f;
font-size: 16px;
text-transform: capitalize;
}
.cstm_ph:-moz-placeholder { color: #9f9f9f;
font-size: 16px;
text-transform: capitalize;
}
.cstmr_fields_row{
margin-top: 68px;
}
.cstmr_fields_row.input-region-wrap{margin-top:40px;}
.auto_complete_search{    display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
padding: 0;}
.auto_complete_search .select-dealer{    display: block;
list-style: none;
border: 1px solid black;
overflow-y: scroll;
max-height: 45vh;}
.auto_complete_search .select-dealer ul li{    padding: 0.5em 1em;
border-bottom: 1px solid #CECACA;
margin: 0;
font-size: 16px;
color: #111;}
.auto_complete_search .select-dealer ul li a{    color: #111;
font-size: 16px;}
.bottm_car_sec{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 4em 0 3em;
}
.bottm_car_sec img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.bottm_car_sec .car_sec_col{
width: calc( 50% - 0.5em);
position: relative;
height: 25vw;
margin: 0 9px;
max-height: 16em;
}
.bottm_car_sec .car_sec_col:first-child{margin-left:0px;}
.bottm_car_sec .car_sec_col:last-child{margin-right:0px;}
.abslt_cntnt{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 14px 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
}
.abslt_cntnt:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: #D81E05;
mix-blend-mode: multiply;
}
.abslt_cntnt h5{
z-index: 10;
font-size: 18px;
text-transform: uppercase;
padding: 0 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 800;
margin: 0;
}
.abslt_cntnt h5>i{
margin-left: 15px;
font-size: 24px;
font-weight: 700;
} #myInput:focus{
border-color: #000;
box-shadow: 0px 0px 0px;
} .autocomplete {
position: relative;
display: block;
}
input {
border: 1px solid transparent;
background-color: #f1f1f1;
padding: 10px;
font-size: 16px;
}
input[type=submit] {
background-color: DodgerBlue;
color: #fff;
cursor: pointer;
}
.autocomplete-items {
position: absolute;
border: 1px solid #000;
border-top: none;
z-index: 99;
box-shadow: 5px 5px 15px #333; top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
text-align: left;
}
.autocomplete-items div:last-child{
border-bottom: 0px;
} .autocomplete-items div:hover {
background-color: #000;
color: #fff;
} .autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
} .custom-checkbox {
position: absolute;
opacity: 0;
}
.custom-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
padding-left: 37px;
margin: 0;
}
label.bold_none{
font-weight: inherit;
}
.custom-checkbox + label:before {
content: "";
vertical-align: text-top;
width: 29px;
height: 27px;
border: 1px solid black;
margin-right: 0.5em;
background: white;
position: absolute;
left: 0;
}
.custom-checkbox:checked + label:before {
background: black;
}
.custom-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.custom-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.custom-checkbox:checked + label:after {
content:"\f00c";
position: absolute;
left: 0;
top: 0;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
width: 29px;
height: 27px;
text-align: center;
line-height: 27px;
background: #000;
color: #fff;
}
.t_c{
text-align: left;
}
.t_c>a{
float: left;
font-size: 12px;
height: auto;
padding: 7px 16px;
} .chkbox_cont {
display: block;
position: relative;
padding-left: 32px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
} .bg_grey{
background: #F0F0F0 !important;
}
.locate_dealer_row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #CECACA;
padding: 64px 0;
}
.service_steps{
width: 60%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
}
.steps>span{
font-size: 24px;
}
.steps{
position: relative;
width: 56px;
height: 56px;
background: #63666A;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #63666A;
position: relative;
z-index: 1;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.steps svg{
fill: #FFFFFF;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.steps p{
text-transform: capitalize;
position: absolute;
left: 0;
top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 48px 0;
font-weight: 600;
color: #CECACA;
}
.steps.active p{
color: #63666A;
}
.liner{
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 0.5em;
background: #F0F0F0;
margin-left: -8px;
margin-right: -8px;
width: 50%;
z-index: 0;
}
.half_liner{
width: 50%;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
height: 100%;
background: #63666A;
display: table;
}
.full_liner{
width: 0%;
height: 100%;
background: #63666A;
}
.vehicle > svg {
fill: #63666A;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.dealer_row.mtop4{ margin-top:3em}
.dealer_col{
width: 100%;
}
.dealer_col h3{
text-transform: uppercase;
}
.search_dealer_wrapper{
width: 100%;
float: left
}
.search_dealer_wrapper .dealer_searc_lft_col{
width: 25%;
float: left;
}
.search_dealer_wrapper .dealer_searc_rht_col{
width: 75%;
float: left;
padding-left: 1em;
padding-top: 1.5em 
}
.search_dealer_wrapper .dealer_searc_rht_col h4{
margin-bottom: 0.5em;
padding-left: 0.5em;
}
.search_dealer_wrapper .dealer_searc_rht_col ul{
margin: 0px;
padding: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search_dealer_wrapper .dealer_searc_rht_col ul li{
width: 18%;
font-size: .8em;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1.5px solid #D8D8D8;
border-radius: .5em;
display: -webkit-box;
display: -webkit-flex;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
margin: .25em 0.5em;
padding-left: 1em;
background: #FFFFFF;
border: 1.5px solid #D8D8D8;
}
.search_dealer_wrapper .dealer_searc_rht_col ul li.active{
background: #D81E05;
border: 1.5px solid #D81E05;
color: white;
}
.search_dealer_wrapper .dealer_searc_rht_col ul li.active svg{
fill: #fff
}
.search_dealer_wrapper .dealer_searc_rht_col ul li svg{
fill: #727272;
height: 35px;
padding-right: 7px;
width: 23px;
padding-right: 7px;
}
.dealer_col .autocomplete{
margin:16px 0;
}
.dealer_col button{
font-size: 12.8px;
padding: 11px 16px;
height: auto;
width: 100%;
justify-content: center;
font-family: sans-serif;
align-items: end;
-webkit-align-items: end;
-webkit-box-align: end;
-ms-flex-align: end;
}
.loc_icn{
width: 20px;
height: 10px;
display: inline-block;
margin-right: 16px;
}
.loc_icn>svg{
fill:#fff;
}
.horizontal{
background: #aaa;
border: 0;
height: 1px;
margin: 2% 0;
}
.dealers_add h4{
font-size: 19px;
font-weight: 600;
text-transform: capitalize;
}
.dealers_add h4>span{
color: #D81E05;
margin-right: 10px;
}
.dealer_add_Slider{
margin:30px 0px;
}
.dealer_add_Slider .slick-prev, .dealer_add_Slider .slick-next {
background: rgba(216,30,5,1);
margin-top: -15px;
}
.dealer_add_Slider .slick-prev{
left: -23px;
}
.dealer_add_Slider .slick-next{
right: -23px;
}
.dealer_add_Slider .slick-prev:before {
content: '←';
}
.dealer_add_Slider .slick-prev:before, .dealer_add_Slider .slick-next:before{
}
.add_slider_col{
width: 23%;
float: left;
}
.add_slider_col.active {
border: 1px solid #D81E05;
}
.dealer_prodts{
color: #000000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-style: italic;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px;
margin: 14px 0;
font-size: 14px;
}
.dealer_prodts li{
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0;
width: 50%;
}
.dealer_prodts li>a{
font-size: 14px;
font-weight: 400;
color: #000;
}
.dealer_prodts li>svg{
fill: #000000;
padding-right: 5%;
height: 30px;
width: 21px;
}
.dealer_name{
font-size: 16px;
font-weight: 700;
padding: 10px 16px;
text-align: left;
top: 0;
float: left;
color: #000;
width: 100%;
}
.dealer_name .dealer_distance{
width: 100%;
float: left;
}
.dealer_name>span{
display: block;
}
.slider_cntnt{
padding: 10px 16px;
}
.slider_cntnt .default_btn_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slider_cntnt .default_btn{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: .2em 0;
background: #727272;
color: white;
border: none;
height: 34px;
width: 50%;
z-index: 1000;
margin: 0.5em 0;
font-weight: bold;
margin: 0.5em 0.2em;
font-size: 13px;
background: white;
border: 1px solid #D81E05;
color: #D81E05;
}
.slider_cntnt .default_btn.red_btn{
background: linear-gradient(to bottom,#FF0000,#D81E05);
border: 1px solid #D81E05;
color: #fff;
}
.add_slider_col.active .dealer_name {
background: #D81E05;
color: #fff;
}
.dealer_cont{
margin: 16px 0;
}
.dealer_cont p{
margin:0px;
}
.add_slider_col .default_red_btn{
font-size: 16px;
font-family: sans-serif;
height: auto;
padding: 5px 16px;
justify-content: center;
width: 100%;
display: none;
}
.add_slider_col.active .default_red_btn {
display: inline-flex;
}
.add_slider_col .default_red_btn:hover{
color: #fff;
}
.add_slider_col address{
margin-bottom: 0px;
float: left;
width: 100%;
}
.add_slider_col address p{
margin:0;
}
.dealer_add_Slider .slick-track{margin-left:0}
.dealer_add_Slider .slick-slide {
margin: 0 15px 0 0;
}
.dealer_add_Slider .add_slider_col .default_btn_wrapper{
display: none;
}
.dealer_add_Slider .add_slider_col.active .default_btn_wrapper{
display: flex;
}
.map_link{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 16px;
font-weight: 600;
cursor: pointer;
letter-spacing: 0;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
margin:0 0 2em 0;
padding-bottom: 12px;
color: #000;
border-bottom: 1px solid #ccc;
}
.map_link>svg{
margin-left: 10px;
width: 15px;
height: 25px;
}
.select_vehicle h1{
font-size: 31px;
}
.select_vehicle h1>span{
font-size: 16px;
font-weight: 400;
display: block;
line-height: 10px;
}
.vehicle_form{
padding: 32px 0;
border-top: 1px solid #ccc;
margin-top: 20px;
}
.select_vehicle .vehicle_form h1 {
font-size: 31px;
margin-bottom: 41px;
}
.select_vehicle .vehicle_form h1 span{
margin-top: 10px;
line-height: inherit;
}
.form_btns button{
padding: 22px 32px;
height: auto;
font-size: 16px;
}
.form_btns .default_red_btn{
opacity: .5;
}
.chng_dealer{
padding: 16px;
position: relative;
margin-top: 10px;
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.book-service-change-dealer{display: inline-block;
margin-top: 30px;}
.cstm_tooltip{
display: inline-block;
position: relative;
}
.isuzu-form-step h1 span{    width: 100%;
float: left;
font-size: 15px;
font-weight: 400;
line-height: initial;
margin-top: 10px;
margin-bottom: 35px;}
.cstm_tooltip>span{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 18px;
height: 18px;
margin: 0 12.8px;
padding: 3px;
background: #63666A;
border-radius: 50%;
cursor: pointer;
}
.tooltip_cntnt{
width: 20em;
right: -110px;
top: 0;
margin-top: -298px;
color: #fff;
background-color: #222;
border-radius: 3px;
display: inline-block;
font-size: 13px;
opacity: 0;
padding: 8px 21px;
position: absolute;
pointer-events: none;
transition: opacity 0.3s ease-out;
visibility: hidden;
z-index: 99999;
}
.tooltip_cntnt:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -8px;
background: url(//isuzubotswana.co.bw/wp-content/themes/isuzu/images/angle_down.png)no-repeat bottom;
background-size: 24px;
height: 24px;
}
.tooltip_cntnt.tooltip_rt{
right: 100%;
top: 50%;
margin-top: -143px;
}
.tooltip_cntnt.tooltip_rt:after{
content: '';
position: absolute;
left: 97%;
right: 0;
top: 50%;
margin-top: -12px;
background: url(//isuzubotswana.co.bw/wp-content/themes/isuzu/images/angle_down.png)no-repeat center;
background-size: 24px;
height: 15px;
width: 24px;
transform: rotate(270deg);
}
.cstm_tooltip:hover .tooltip_cntnt{
opacity: 1;
visibility: visible;
}
.hours_row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 6px 0;
font-size: 13px;
font-weight: 400;
}
.cstm_ta{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 15vh;
padding: .5em 0 .5em .75em;
background: transparent;
border: 1px solid black;
color: black;
outline: none;
border-radius: 0;
margin-bottom: 1.5em;
}
.vehicle_form .cstm_ta{
margin: 16px 0;
}
.cstm_ta::-webkit-input-placeholder { line-height: 18px;
font-size: 14px;
color: #757575;
}
.cstm_ta::-moz-placeholder { line-height: 18px;
font-size: 14px;
color: #757575;
}
.cstm_ta:-ms-input-placeholder { line-height: 18px;
font-size: 14px;
color: #757575;
}
.cstm_ta:-moz-placeholder { line-height: 18px;
font-size: 14px;
color: #757575;
}
.red_colr{
color: #D81E05;
}
.selcted_day, .selcted_time{
font-size: 16px;
font-weight: 900;
margin-bottom: 15px;
text-transform: uppercase;
}
.select_tym .custom-select{
width: 51%;
float: left;
}
.hours_col_lt{
width: 40%;
}
.hours_col_rt{
text-align: left;
}
.grey_bg{
background:#F0F0F0;
}
.appnmnt_details h3{
text-transform: uppercase;
font-weight: 900;
}
.tooltip_cntnt p{
text-transform: uppercase;
font-weight: 700;
}
.service_row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-around;
-webkit-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.service_box{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 15em;
height: 5em;
margin-bottom: 1.5em;
}
.service_inner{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F0F0F0;
width: 100%;
height: 100%;
}
.service_inner.selected{background:#ccc}
.chkbox_lbl{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
width: 100%;
height: 100%;
position: relative;
z-index: 99999 
}
.checkbox_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: hidden;
width: 1.5em;
height: 1.5em;
background: #91BF5F;
border-radius: 50%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -15px;
padding: 0.2em 0.2em;
}
.toggle_visiblity{
visibility: visible;
}
.checkbox_col>svg{
fill: #FFFFFF;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.service_inner .cstm_chkbox{
visibility: hidden;
}
.appnmnt_details{
padding: 14px;
}
.details_row{
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 20px 0;
}
.appnmt_col_lt{
margin-right: 10px;
}
.details_row p{
margin-top:10px;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
}
.edit_details{
color: red;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
} .grey_btn_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
border-bottom: 1px solid #D8D8D8;
margin: 1.5em 0 0 0;
padding-bottom: 3em;
}
.grey_btn_wrapper a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30%;
text-transform: uppercase;
font-weight: bold;
padding: 1em 0;
color: #FFFFFF;
background: linear-gradient(to bottom,#979798,#63666A);
outline: none;
cursor: pointer;
border: none;
}
.grey_btn_wrapper a svg{
float: left;
width: auto;
margin-right:10px;
fill: #fff;
width: 30px;
height: 24px;
}
.overview_col .about_company_col .rht_col h3 {
font-size: 1.937em;
}
.overview_col .about_company_col .vehicle_pro_co {
border-left: 0px;
margin-bottom: 0;
padding:0;
}
.overview_col .about_company_col .defualt-grey-btn {
margin-right: .5em;
padding: 0.5em 2em;
font-size: 1em;
}
.overview_col .about_company_col .defualt-grey-btn:hover{color:#fff}
.overview_col .prod_pkg_slider.about_prod_slider {
width: 100%;
}
.overview_col .prod_pkg_slider.about_prod_slider{
max-height: 59vh;
}
.overview_col .about_company_col {
margin-bottom: 2em;
}
.overview_col.warranty_sec .prod_pkg_slider.about_prod_slider {
width: 93%;
}
.overview_col.warranty_sec .about_company_col .rht_col h3 {
font-size: 1.5em;
font-weight: 800;
}
.warranty_info_wrapper{
width: 100%;
float: left 
}
.warranty_info_wrapper.padtop40{padding-top: 40px;}
.warranty_info_wrapper h4{
font-size: 1.9375em;
padding-top: 60px;
margin-bottom: 30px;
}
.warranty_info_col{
width: 100%;
float: left;
padding: 0 0 10px 0;
border-bottom: 2px solid #F0F0F0;
margin-bottom: 30px;
}
.warranty_info_col h5{
font-size: 1.5625em;
margin-bottom: 1em;
color: #D81E05;
font-weight: 600;
}
.warranty_info_col ul{
margin: 0px;
padding: 0;
}
.warranty_info_col ul li{
margin-bottom: 2em;
font-size: 0.875em;
line-height: 2;
}
.warranty_info_col ul li span{
font-weight: 700;
}
.grey_btn_wrapper.bor_zero{
border-bottom: 0px;
}
.grey_btn_wrapper.bor_zero a{
width: 22%
}
.warranty_2_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
padding: 3.56em 0 0 0;
border-bottom: 1px solid #D8D8D8;
justify-content: space-between;
}
.warranty_2_col .warrant_lft_col{
width: 47%;
margin-bottom: 3.125em;
}
.warranty_2_col img {
width: 100%;
}
.warranty_2_col h3{
font-weight: 800;
text-transform: uppercase;
margin: 2rem auto 0;
font-size: 1.5625em
}
.warranty_2_col p{
font-size: 1em;
}
.warranty_btn_wrap2{
width: 50%;
float: left;
}
.warranty_btn_wrap2 a{
width: 100%;
margin-bottom: 10px;
text-align: center;
justify-content: center;
height: 3em;
font-size: 0.875em;
}
.roadside_heading_wrapper{
padding-top: 3em;
}
.roadside_heading_wrapper h3{
line-height: 26px;
font-size: 1.937em;
}
.roadside_heading_wrapper span{
width: 100%;
font-size: 16px;
display: inline-block;
}
.warranty_2_col.roadside_2_col{
padding: 2.56em 0 0 0;
}
.warranty_2_col.roadside_2_col .warrant_lft_col {
width: 49%;
}
.warranty_2_col.roadside_2_col .warrant_lft_col img{
margin-bottom: 10px;
}
.roadside_content_wrapper h4{
margin: 1em 0 1em 0;
font-size: 1em;
text-transform: uppercase;
}
.roadside_content_wrapper br{display:none;}
.roadside_content_wrapper{
width: 100%;
float: left;
}
.roadside_content_wrapper ul{
padding: 0 0 0 26px 
}
.roadside_content_wrapper ul li{
list-style: inherit;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-around;
-webkit-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
width: 49%;
height: 100%;
box-shadow: 2px 2px 2px 1px #aaaaaa;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col .bg_img_wrapper{
background-size: cover;
position: relative;
height: 10em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col .bg_img_wrapper .title_wrapper{
position: absolute;
left: 0;
top: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #FFFFFF;
padding: 0.5em;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col .bg_img_wrapper .title_wrapper:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: #D81E05;
mix-blend-mode: multiply;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col .bg_img_wrapper .title_wrapper h5{
z-index: 1;
font-size: 1.5em;
text-transform: uppercase;
margin: 0;
font-family: Open Sans,sans-serif;
font-weight: 800;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col .bg_img_wrapper .title_wrapper span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: white;
z-index: 1;
font-size: 0.7em;
}
.menus_list .dropdown-toggle {
display: none;
}
.warranty_2_col.roadside_2_col.col_2_shadow .assi_content_wrapper{
padding: 1em;
position: relative;
min-height: 10em;
}
.warranty_2_col.roadside_2_col.col_2_shadow .assi_content_wrapper p{
margin: 0px;
}
.warranty_2_col.roadside_2_col.col_2_shadow .btn_wrapper{
position: absolute;
bottom: 15px;
left: 15px;
}
.warranty_2_col.roadside_2_col.col_2_shadow .btn_wrapper a{
justify-content: center;
}
.warranty_info_wrapper h4.ptop10 {
padding-top: .5em;
}
ol.order_list{
padding-left: 25px;
}
ol.order_list li{
margin-bottom: 15px;
}
.safety_list_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 2em 0;
}
.safety_list_col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 23%;
height: 100%;
padding: 1em 0.5em;
}
.safety_list_col .safety_img_col {
width: 5em;
height: 5em;
}
.safety_list_col .safety_content_area {
width: 100%;
height: 100%;
}
.safety_list_col .safety_content_area h4{
margin: 1em 0 1em 0;
text-transform: uppercase;
}
.safety_list_col .safety_img_col svg {
fill: #D81E05;
}
.warranty_btn_wrap3{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 2em;
margin-bottom: 4em;
}
.warranty_btn_wrap3 a{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 1em;
color: #FFFFFF;
}
.grey_btn_wrapper a .flex_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.grey_btn_wrapper a .flex_col span{
font-size: .70em;
text-transform: none;
font-weight: 500;
}
.warranty_info_col .list_style_circle{
padding: 0 0 0 26px;
}
.warranty_info_col .list_style_circle li {
margin-bottom: 0;
list-style: inherit;
}
.warranty_btn_wrap3.btn_wdt_auto a{
width:auto;
}
.customer_care_greybg{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-evenly;
-ms-flex-pack: justify;
justify-content: space-evenly;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background: #F0F0F0;
padding: 2em;
margin: 4.25rem auto;
box-sizing: border-box;
}
.customer_care_greybg .customer_care_col{
width: 33.33%;
float: left;
border-right: 1px solid #9B9B9B;
padding-left: 5%;
padding-right: 5%;
}
.customer_care_greybg .customer_care_col:last-child{
border-right: 0
}
.customer_care_greybg .customer_care_col:first-child{
padding-left: 0;
}
.customer_care_greybg .customer_care_col h3{
margin-bottom: 11px;
font-size: 1em;
margin-bottom: 13px;
position: relative;
padding-left: 1.75em;
display: inline-block;
}
.customer_care_greybg .customer_care_col h3 svg{
height: 21px;
position: absolute;
left: 0;
}
.customer_care_greybg .customer_care_col span{
font-size: 0.75em;
margin-bottom: 15px;
display: inline-block;
}
.customer_care_greybg .customer_care_col .customer_des_col{
padding-left: 1.75em;
font-size: 1em;
position: relative;
margin-bottom: 2.6875em;
color: black;
}
.customer_care_greybg .customer_care_col .phone_num_col{
margin-bottom: 12px;
}
.customer_care_greybg .customer_care_col .phone_num_col span{
margin-bottom: 0;
color: #D81E05;
font-size: 1em !important;
font-weight: 600;
}
.customer_care_greybg .customer_care_col .phone_num_col a{
text-decoration: underline;
color: #000;
}
form.recall_from{
margin-top: 2em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 5em;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
form.recall_from p{
margin: 0;
text-align: right;
font-weight: bold;
font-style: italic;
font-size: .66em;
text-transform: uppercase;
margin-top: .5em;
}
.call_input_wrapper{
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.recall_input{
width: 40px;
height: 40px;
min-width: 40px;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: .25em;
text-align: center;
text-transform: uppercase;
border: 1px solid black;
box-sizing: border-box;
outline: none;
-webkit-transition: all .25s ease;
transition: all .25s ease;
background:#fff;
margin-bottom:5px;
}
.default-learn-btn.recall_btn{
height: 40px;
padding: 0 2.5em 0 50px !important;
font-weight: 600;
margin-left: 1.72em;
margin-top: 0;
color: #fff;
display: inline;
position: relative;
}
.recall_btn svg{
fill: #fff;
width: 20px;
height: 20px;
position: absolute;
left: 20px;
}
.blog_listing { -webkit-column-count: 4;
-moz-column-count:4;
column-count: 4;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}
.blog_listing .item {
display: inline-block;
background: #fff;
margin: 0 0 1.5em;
width: 100%;
-webkit-transition:1s ease all;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.29);
line-height: 28px;
}
.blog_listing .item .blog_img_wrapper{
width: 100%;
height: 200px;
overflow: hidden;
}
.blog_listing .item .blog_img_wrapper img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog_listing .item .blog_content_area{
padding: 0 1em 1em 1em;
}
.blog_listing .item .blog_content_area p{
font-size: 16px;
font-weight: bold;
color: #D81E05;
text-transform: uppercase;
}
.blog_listing .item .blog_content_area p span {
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
color: #9B9B9B;
padding-left: 10px;
}
.blog_listing .item .blog_content_area h3{
margin: 0;
text-transform: none;
font-family: Open Sans Semi-Bold,sans-serif;
font-size: 22px;
color: #1B1B1B;
}
.blog_listing .item .blog_content_area p.description{
font-size: 14px;
font-weight: inherit;
text-transform: inherit;
color: #000000;
}
.blog_listing .item .blog_content_area p.description a{text-decoration:none; color: #000000;}
.blog_listing .item .social_icon_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 57px;
border-top: 1px solid #E9E9E9;
padding-right: 10px;
}
.blog_listing .item .social_icon_wrapper .icons {
cursor: pointer;
margin: 0 5px;
padding: 0;
outline: none;
height: 30px;
}
.blog_listing .item .social_icon_wrapper svg {
fill: #CECACA;
}
.blog_filter_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px 0;
}
.blog_filter_wrapper p{    font-family: Open Sans Semi-Bold,sans-serif;
font-size: 22px;
color: #202020;
margin-right: 25px;}
.blog_filter_wrapper form{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.blog_filter_wrapper form p{
font-family: Open Sans Semi-Bold,sans-serif;
font-size: 22px;
color: #202020;
margin-right: 25px;
}
.blog_filter_wrapper form .fitler_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 16px;
font-family: Open Sans,sans-serif;
font-size: 18px;
color: #202020;
text-transform: capitalize;
cursor: pointer;
}
.pagination_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
margin-top: 30px;
padding: 20px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination_wrapper ul {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.pagination_wrapper ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 34px;
height: 34px;
list-style: none;
margin: 0 5px;
color: #63666A;
font-size: 18px;
font-family: Open Sans Semi-Bold,sans-serif;
border-radius: 50%;
}
.pagination_wrapper .page-numbers.prev, .pagination_wrapper .page-numbers.next {width:auto}
.pagination_wrapper .page-numbers.current{color:#D81E05}
.pagination_wrapper ul li a {
color: #63666A;
font-size: 18px;
font-family: Open Sans Semi-Bold,sans-serif;
}
.offer_list_wrapper{
width: 100%;
float: left;
}
.offer_list_wrapper .offer_tab_col{
margin-top: 7.375em;
display: none;
border-top: 1px solid #CECACA;
}
.offer_list_wrapper .offer_tab_col.active{
display: block;
}
.offer_list_wrapper .offer_tab_list{
padding: 3.75em 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
color: #313131;
border-bottom: 1px solid #CECACA;
}
.offer_list_wrapper .offer_tab_list .offer_left_img{
margin-right: 2%;
position: relative;
width: 50%;
height: 60%;
}
.offer_list_wrapper .offer_tab_list .offer_left_img img{max-width:100%;}
.offer_list_wrapper .offer_tab_list .offer_rht_content{
width: 45%;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content h2{
margin: 0;
font-size: 1.9375em;
text-transform: uppercase;
color: #000000;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_price{
color: #D81E05;
font-size: 3.125em;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_price span{
font-size: 16px;
font-style: italic;
color: #313131;
white-space: nowrap;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content p.terms_text{
font-size: 0.75em;
margin-bottom: 1.875em;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_specifcation_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-around;
-webkit-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
background: #D8D8D8;
border-radius: 5px;
padding: 1.0625em;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_specifcation_wrapper .offer_speci_col {
margin-right: 1em;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_specifcation_wrapper .offer_speci_col img{max-width:100%}
.offer_list_wrapper ul.offer_spc_liststyle{
margin-bottom: 0px;
padding: 0px;
}
.offer_list_wrapper ul.offer_spc_liststyle li{
font-size: 1em;
position: relative;
width: auto;
line-height: 26px;
padding-right: 20px;
display: inline-block;
}
.offer_list_wrapper ul.offer_spc_liststyle li:last-child:after{display:none}
.offer_list_wrapper ul.offer_spc_liststyle li:after{
content: '|';
margin: 0 5px;
position: absolute;
right: 0;
}
.offer_list_wrapper .warranty_btn_wrap3 a{
width: 50%
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_price span.guranteed_text{
color: #D81E05;
font-style: normal;
font-size: 2.9375rem;
font-weight: 700;
float: left;
width: 100%;
margin-bottom: 11px;
} .stats_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.stats_container{
border-bottom: 1px solid grey;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3em 0;
font-size: 1.1em;
width: 100%;
}
.stats_col{
border-right: 1px solid;
padding: 0 2em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.stats_col:last-child{
border-right: 0px;
}
.stats_col h3{
font-size: 1.6em;
font-weight: bold;
color: #D81E05;
margin: 0;
}
.stats_col h3 span{
font-size: 0.5em;
color: #D81E05;
margin: 0;
}
.stats_col p{
font-size: 1em;
color: #000000;
margin: 0;
cursor: pointer;
}
.car_perfo_wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 2em 0 0;
max-width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 4.44em 0;
}
.car_perfo_wrapper .car_perf_col {
width: calc(50% - 0.635em);
background-size: cover !important;
position: relative;
height: 18.88em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0 1.27em;
}
.car_perfo_wrapper .car_perf_col:hover > .transation_shade{
height: 100%;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.car_perfo_wrapper .car_perf_col .transation_shade{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #D81E05;
overflow: hidden;
width: 100%;
height: 20%;
opacity: 0.9;
-webkit-transition: .5s ease;
transition: .5s ease;
mix-blend-mode: darken;
}
.car_perfo_wrapper .car_perf_col h5{
white-space: nowrap;
color: white;
font-size: 1.1em;
position: absolute;
overflow: hidden;
bottom: 0;
margin-bottom: 1em;
left: 1em;
z-index: 1;
text-transform: uppercase;
}
.car_perfo_wrapper .car_perf_col p{
color: #FFFFFF;
z-index: 1;
font-size: 1.1em;
padding: 0 1em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
opacity: 0;
-webkit-transition: .5s ease;
transition: .5s ease;
width: 70%;
}
.car_perfo_wrapper .car_perf_col:hover >p{
opacity: 1
}
.isuzu-form input.error, .isuzu-form select.error{
border:1px solid #f00f00;
}
.isuzu-form span.error{
color: #f00f00;
font-size: 12px;
}
.isuzu-form .form-group,.isuzu-form .custom-select{
text-align: left;
}
.t_c>input[type="submit"] {
float: left;
font-size: 12px;
height: auto;
padding: 7px 16px;
}
.safty_slider_col{
width: 100%;
float: left;
margin:4px 0;
}
.safty_slider_col ul{
margin:0px;
padding: 0px;
}
.safty_slider_col ul li{
width: 31%;
margin:0px 18px;
float: left;
background: #FFFFFF;
border: 1px solid #CECACA;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
height: 450px;
}
.safty_slider_col ul li img{
position: relative;
width: 100%;
height: 250px;
object-fit: cover;
}
.safty_slider_col ul li .desc_col{
background: #FFFFFF;
color: #000000;
padding: 5%;
}
.safty_slider_col ul li .desc_col h3{
margin: 0;
padding-bottom: 5%;
text-transform: uppercase;
font-size: 1.375em;
}
.safty_slider_col ul li .desc_col p{
color: #000 
}
.exterior_feature{
background: #313131;
color: white;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 3em;
padding-top: 60px;
width: 100%;
}
.exterior_feature .ext_feat_content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 2em 0;
width: 100%;
}
.exterior_feature .ext_feat_content .img_col{
width: 50%;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.exterior_feature .ext_feat_content .img_col img{
max-width: 100%;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.exterior_feature .ext_feat_content .ext_feat_cont_col{
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 1%;
padding-right: 10%;
}
.car_interior_col{
position: relative;
}
.car_interior_col img{
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.car_interior_col .plus_icon_detail{
position: absolute;
}
.car_interior_col .plus_icon_detail .icon {
width: 2em;
height: 2em;
z-index: 2;
background-image: url(https://isuzubotswana.co.bw/wp-content/themes/isuzu/images/plus_icon.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.car_interior_col .plus_icon_detail:hover, .car_interior_col .plus_icon_detail.active {
cursor: pointer;
background-image: url(https://isuzubotswana.co.bw/wp-content/themes/isuzu/images/plus_icon_red.svg);
}
.car_interior_col .plus_icon_detail.active{
z-index: 99;
}
.car_interior_col .plus_icon_detail.point_first{
bottom: 5%;
left: 37%;
}
.car_interior_col .plus_icon_detail.point_second{
bottom: 29%;
left: 49.8%;
}
.car_interior_col .plus_icon_detail.point_third{
bottom: 30%;
left: 58.8%;
}
.car_interior_col .plus_icon_detail.point_fourth{
bottom: 46%;
left: 49.8%;
}
.car_interior_col .plus_icon_detail.point_fifth{
bottom: 46%;
left: 64.8%;
}
.car_interior_col .plus_icon_detail.point_sixth{
bottom: 39%;
left: 65.8%;
}
.car_interior_col .ext_plus_detail{
position: absolute;
display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 40px;
left: 40px;
width: 25vw;
background-color: white;
color: #fff;
text-align: center;
padding: 0.5em 0.5em;
margin: auto;
}
.car_interior_col .plus_icon_detail.active .ext_plus_detail{
display: block;
}
.car_interior_col .ext_plus_detail .ext_close_icon{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
background: #D81E05;
width: 3em;
height: 3em;
right: 0.5em;
opacity: 0.8;
}
.car_interior_col .ext_plus_detail .ext_close_icon svg{
fill: #fff
}
.car_interior_col .ext_plus_detail .int_car_des{
padding: 1em;
}
.car_interior_col .ext_plus_detail .int_car_des h3 {
font-size: 1.5em;
font-weight: bold;
color: #000000;
margin: 0 0 1em;
text-align: left;
}
.car_interior_col .ext_plus_detail .int_car_des p{
text-align: left;
font-weight: normal;
margin: 0;
color: #000000;
}
.compare_section_col{
width: 100%;
float: left;
border: 1px solid silver;
margin-top: 5em;
}
.compare_section_col .compare_thead{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.compare_section_col .compare_first_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 30%;
padding: 1em;
}
.compare_section_col .compare_first_col h3{
color: #000000;
font-size: 1.72em;
font-weight: bold;
text-align: left;
}
.compare_section_col .compare_first_col .des_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.compare_section_col .compare_prodct_section{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
}
.compare_section_col .compare_prodct_section .compare_product_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding: 1em;
}
.compare_section_col .compare_prodct_section .compare_product_col .img_col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
width: 100% ; -webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.compare_section_col .compare_prodct_section .compare_product_col .img_col img{
max-width: 100%;
}
.compare_section_col .compare_prodct_section .compare_product_col .compare_prod_title{
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 1.5em 0;
color: black;
max-height: 47px;
}
.compare_section_col .compare_prodct_section .compare_product_col .compare_prod_title .compare_price{
color: #D81E05;
padding: .5em 0;
width: 100%;
float: left;
min-height: 20px;
}
.compare_section_col .compare_prodct_section .compare_product_col .select_model_option{
width: 100%;
position: relative;
}
.compare_section_col .compare_prodct_section .compare_product_col .select_model_option button{
color: #000000;
width: 100%;
padding: 1em 1em;
background: transparent;
border: 1px solid #000000;
outline: none;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.compare_section_col .compare_prodct_section .compare_product_col .select_model_option .compare_option_list{
position: absolute;
color: #FFFFFF;
list-style: none;
display: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #000000;
outline: none;
width: 99.5%;
background: black;
z-index: 1;
}
.compare_section_col .compare_prodct_section .compare_option_list .compare_select_accordion{
position: relative;
width: 100%;
border-bottom: 1px solid #CECACA;
background: #313131;
}
.compare_section_col .compare_prodct_section .compare_option_list .compare_select_accordion .compare_select_heading{
max-width: 100%;
cursor: pointer;
font-weight: bold;
color: #fff;
padding: 1em;
}
.compare_select_sub_list{
overflow: auto;
-webkit-transition: all 3s ease;
transition: all 3s ease;
background: #000000;
height: auto;
max-height: 65vh;
display: none;
}
.compare_select_sub_list.active{
display: block;
}
.compare_select_sub_list ul{
margin:0px;
padding: 0px;
}
.compare_select_sub_list ul li{
padding: .5em 1em;
list-style: none;
}
.compare_section_col .compare_accordion{
border-radius: 2px;
}
.compare_accordion_body{
display: none;
flex-direction: column;
width: 100%;
}
.compare_accordion_body.active{
display: block;
}
.compare_accordion_item{
width: 100%;
float: left;
border-bottom: 1px solid #fff;
}
.compare_accordion_item:last-child{
border-bottom: 0px;
}
.compare_accordion_item_heading{
max-width: 100%;
overflow: hidden;
cursor: pointer;
font-weight: 700;
color: #fff;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
padding: 1em 1em;
font-size: .975em;
background: #313131;
outline: none;
}
.compare_accordion_item_heading:after{
content: '\f107';
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
width: 40px;
height: 100%;
position: absolute;
right: 0;
top: 0;
font-size: 29px;
line-height: 48px
}
.compare_body_list{
width: 100%;
float: left;
border-bottom: 1px solid #9B9B9B;
display: flex;
}
.compare_body_list:last-child{
border-bottom: 0px;
}
.compare_body_list .compare_first_col{
background: #F2F2F2;
}
.compare_body_list .compare_prodct_section .compare_product_col{
border-left: 1px solid #9B9B9B;
}
.truck_detail_table table{width: 100%; border: 1px solid #9B9B9B;}
.truck_detail_table table thead{    width: 100%;
background: #63666A;}
.truck_detail_table table thead tr td, .truck_detail_table table tbody tr td{color: white;
font-size: 1.175em;
padding: 15px 10px;
border-right: 1px solid #9B9B9B;
font-weight: 700;
text-align: center;}
.truck_detail_table table tbody tr td{    color: black;
font-weight: 500;
}
.truck_detail_table table tbody tr td .defualt-grey-btn{width: 100%; text-align: center;}
.truck_filter_wrapper{    display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.truck_filter_wrapper .trruck_range_slider{    width: auto;
margin-bottom: 0;
margin-right: 15.25%;}
.truck_filter_wrapper .transimisson_col{    width: 16.79%;
padding-left: 1em;
border-left: 1px solid #CECACA;}
.truck_filter_wrapper .transimisson_col .transimisson_row{width: 100%; margin-bottom: 20px; float: left;}
.truck_filter_wrapper .transimisson_col .transimisson_row h3{    font-weight: 700;
font-size: 1em;
color: #313131;
margin-bottom: 1em;}
.truck_filter_wrapper .transimisson_col .transimisson_row ul{margin:0px; padding: 0px;}
.truck_filter_wrapper .transimisson_col .transimisson_row ul li{    width: 100%;
float: left;
margin-bottom: 15px;
position: relative;}
.truck_filter_wrapper .transimisson_col .transimisson_row ul li .custom-checkbox + label:before {
width: 28px;
height: 28px;
border: 1px solid #63666A;
margin-right: 0.5em;
}
.truck_filter_wrapper .transimisson_col .transimisson_row ul li .custom-checkbox + label {
font-weight: 500;
color: #727272;
}
div.wpcf7-response-output {
margin: 10px 0;
padding: 8px;
border: 2px solid #ff0000;
float: left;
width: 100%;
font-size: 13px;
}
div.wpcf7-response-output {
color: #f00;
font-size: 13px;
font-weight: normal;
text-align: left;
float: left;
width: 100%;
padding: 10px 0px 0;
}
.steps_row .form-group {
margin-bottom: 15px;
float: left;
width: 100%;
}
.custom_wp_checkbox span.wpcf7-list-item{margin:0px;}
.custom_wp_checkbox label{ font-weight:inherit}
.custom_wp_checkbox input[type=checkbox]{    width: 20px;
height: 20px;
margin: 0;
position: relative;
top: 3px;}
.steps_col input[type=submit]{    float: left;
font-size: 12px;
height: auto;
padding: 7px 16px;
border: 0px;
background-color: initial;}
.about_hr{       border: 1px solid #D8D8D8;
margin: 0 0 40px;
width: 100%;}
.custom_radio_btn{    margin: 16px;
font-family: Open Sans,sans-serif;
font-size: 18px;
color: #202020;
float: left;
text-transform: capitalize;
cursor: pointer;}
.custom_radio_btn [type="radio"]:checked,
.custom_radio_btn [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.custom_radio_btn [type="radio"]:checked + label,
.custom_radio_btn [type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
font-family: Open Sans,sans-serif;
font-size: 18px;
color: #202020;
font-weight: 400;
}
.custom_radio_btn [type="radio"]:checked + label:before,
.custom_radio_btn [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
background: #fff;
width: 22px;
height: 22px;
border: 1px solid #202020;
padding: 0;
margin: 0;
cursor: pointer;
}
.custom_radio_btn [type="radio"]:checked + label:after,
.custom_radio_btn [type="radio"]:not(:checked) + label:after {
content: '';
width: 12px;
height: 12px;
background: #63666A;
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.custom_radio_btn [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.custom_radio_btn [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .vechile_filter_head_col{    width: 100%;
display: flex;
justify-content: space-between;}
.vechicle_listing_col{    display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;}
.vechicle_list_wrapper{margin-bottom:50px}
.vechicle_listing_col .vechicle_list_detail{      width: 24%;
position: relative;
border: 1px solid transparent;
margin: 0 0.5em 0.5em 0;
padding: 8px 8px 0px 8px;}
.vechicle_listing_col .vechicle_list_detail:hover{    position: relative;
z-index: 99;}
.whte_bg_col{background:#fff}
.vechicle_listing_col .vechicle_list_detail:hover > .vechicle_list_btns{opacity:1;  }
.vechicle_listing_col .vechicle_list_detail .vechicle_img_col{width: 100%;     position: relative;
height: auto;}
.vechicle_listing_col .vechicle_list_detail .vechicle_img_col img{
max-width: 100%;
display: inline-block;}
.vechicle_listing_col .vechicle_list_detail .vechicle_text_data {    width: 100%;
position: relative;
padding-left: 1em;
padding-bottom: 1em;}
.vechicle_listing_col .vechicle_list_detail .vechicle_text_data h5{     line-height: 1.5em;
margin: 0;
text-transform: uppercase;
font-weight: bold;
color: #D81E05;
font-size: 1.2em;}
.vechicle_listing_col .vechicle_list_detail .vechicle_text_data p{    text-transform: uppercase;     font-weight: 700;
color: #63666A;
font-size: 0.8em;
padding-right: 1.5em;}
.vechicle_listing_col .vechicle_list_detail .vechicle_list_btns{       position: absolute;
top: 0;
height: 100%;
border: 1px solid #ccc;
width: 100%;
left: 0;
opacity: 0;
display: flex;
flex-direction: column-reverse;
padding: 0 20px;
min-height: 340px;
}
.vechicle_listing_col .vechicle_list_detail .vechicle_list_btns a{width:100%; margin-bottom:10px;}
.vechicle_listing_col .vechicle_list_detail .vechicle_text_data p span{text-transform: capitalize;}
.vechile_filter_head_col h3{float:left}
.vechile_filter_head_col .vechle_sorting{float:right}
.truck_filter_wrapper .transimisson_col.vehicle_listing_col_filter{    width: 100%;
display: flex;
justify-content: space-between;}
.truck_filter_wrapper .transimisson_col.vehicle_listing_col_filter .transimisson_row {
width: 20%;
}
.used_car_list{    margin: 17px 0;
float: left;
width: 100%;}
.used_car_list ul{ margin:0px; padding:0px;}
.used_car_list ul li{    width: 100%;
float: left;
border-bottom: 1px solid #ccc;
padding: 7px 0;
font-size: 14px;
color: #000;}
.used_car_list ul li span{width:50%; float:left}
.used_car_list ul li:last-child{border-bottom:0px;}
.used_car_detail_popup{display:none; position:absolute; top:0; height:100%; width:100%; left:0;     z-index: 99999;}
.used_car_detail_popup.show{display:block}
.used_car_detail_popup:after{background:rgba(0,0,0,.3); position:fixed; width:100%; height:100%; left:0; top:0; content:'';}
.used_car_gallery{  max-width: 600px;
position: fixed;
z-index: 99;
background: #fff;
overflow: auto;
margin: 100px auto 0;
float: none;
left: 50%;
margin-left: -300px;}
.used_car_gallery .close_icon{    position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
background: red;
text-align: center;
font-size: 24px;
color: #fff;
font-weight: bold;
line-height: 45px;}
.used_car_gallery .content{width:100%; height:auto; float:left}
.used_car_gallery .content img{width: 100%;
height: 470px;
object-fit: cover;}
.used_car_gallery .thumbnail{width:auto; float:left}
.used_car_gallery .thumbnail .thumb{    width: 80px;
float: left;
padding: 1px;
margin: 4px;
border: 1px solid #ccc;
height: 80px;}
.used_car_gallery .thumbnail .thumb img{    object-fit: cover;
height: 100%;}  
.my_team_wrapper{width:100%; float:left; margin-bottom:20px;}
.my_team_wrapper h4{ width:100%; float:left; margin-bottom:20px; }
.my_team_wrapper .my_team_list{width:24%; float:left; border:1px solid #ccc; min-height: 381px; padding:10px; margin:5px}
.my_team_wrapper .my_team_list img{max-width: 100%;
height: 230px;
margin-bottom: 20px;
width: 100%;
object-fit: cover;}
.my_team_wrapper .my_team_list h5{font-size:15px; float:left; width:100%; font-size:16px; margin:0;}
.my_team_wrapper .my_team_list p{font-size:15px; float:left; width:100%; font-size:13px;  margin:0;}
.site-inner{padding-top: 76px;}
.site-content{width:100%; float:left}
.customer_des_col.contct_new p{line-height: inherit !important;
margin: 0;}
.team_select_wrap{    width: 100%;
float: left;
position: relative;
z-index: 9999;
margin-top: 20px;}
.team_select_wrap .location-label{    font-size: 16px;
float: left;
margin-top: 8px;
margin-right: 10px;}
.team_select_wrap .select-location{float:left}
.team_select_wrap .select-location select{    width: 240px;
height: 39px;
border-radius: 9px;
color: #000;
font-size: 16px;
font-weight: 500;
padding: 0 10px;
float: left;
margin-left: 10px;}
.header_top.footer-fixed-mob{
position:fixed;
bottom:0px;
display:none;
}
.buses_table thead{background: rgb(99, 102, 106);}
.buses_table thead tr td {
padding: 15px 10px;
color: #fff;
border: 0px;
font-weight: bold;
font-size: 22px;
}
.buses_table tbody tr td{     color: #000;
font-weight: 400;
font-size: 18px;
padding: 14px 10px;
border: 0px;
}
.car_ext_slider .safty_slider_col{ margin:0px}
.car_ext_slider .safty_slider_col ul li {
width: 100%;
margin: 0;
position: relative;
border: 0px;
box-shadow: 0 0 0 #fff;
height: auto;
}
.car_ext_slider .safty_slider_col ul li img {
height: 70vh;  
}
.car_ext_slider .safty_slider_col ul li .desc_col{      position: absolute;
left: 50%;
top: 0;
margin-left: -780px;
background: transparent;
padding-top: 50px;
padding: 50px 0 0 0;
max-width: 1560px !important;
width: 100%;}
.car_ext_slider .safty_slider_col ul li  .desc_col h3{color: #fff;
text-transform: uppercase;
font-size: 30px;
font-weight: bold;}
.truck_detail_table.single-table-data table {
float: left;
margin-bottom: 80px;
border-collapse: inherit;
}
.safty_slider_col.trcuk_slider_saftey ul li {
height: auto;
min-height: 579px;
}
.safty_slider_col.mtop40 {
margin-top: 40px;
}
@media only screen and (min-width:768px) and (max-width:1230px){
.footer_row {
display: block;
}
.footer_col {
width: 33%;
float: left;
min-height: 252px;
}
}
@media only screen and (min-width:768px) and (max-width:1024px){
.company_history {
padding: 3em 0;
}
.company_history .history_sec_col .history_section h3 {
font-size: 1.5em;
}
.steps_row {
display: block;
}
.steps_col {
float: left;
width:calc(49% - 8px);
height:800px;
margin-bottom:20px;
}
.steps_row .steps_col:last-child {
margin-right: 0px;
margin-left: 0px;
width: 98.6%;
}
.customer_care_greybg .customer_care_col {
padding-right: 2%;
}
.container_wdt1024 .steps_col {
}
.container_wdt1024 .steps_col:last-child {
width:calc(50% - 8px);
}
}
@media only screen and (min-width:1500px) and (max-width:2800px){
.container {
max-width: 1560px !important;
}
}
@media only screen and (min-width: 1025px){
.page_wrapper {
padding-top: 107px;
}
.container{max-width: 1231px;}
.hero_cntnt h1 {
font-size: 55px;
line-height: 55px;
}
.bannr_slider .slick-dots {
max-width: 1040px;
margin-left: -580px;
}
.company_history {
padding: 3em 0em;
margin: 2.5rem auto 8.8125rem;
}
.search_dealer_wrapper .dealer_searc_rht_col ul li {
width: 28%;
}
}
*[disabled] {
cursor: not-allowed;
color: #9B9B9B;
}
.color-slider-image {
opacity: 0;
}
.color-slider-image.active {
opacity: 1;
}
.ajax-loader img{width:auto;height:auto;margin:auto;margin-top:0px;position:absolute;top:45%;left:45%;}
.mobile_menu{     display: none;
width: 40px;
height: 40px;
position: absolute;
right: 15px;
top: -60px;
text-align: right;}
.mobile_menu i{    font-size: 32px;
line-height: 40px;
color: #000;}
.bannr_slider .slider_col, .prod_row .prod_col{
display: none;
}
.bannr_slider .slider_col:first-child,  .prod_row .prod_col:first-child{
display: block;
}
.slick-initialized.slick-slider .slider_col,
.slick-initialized.slick-slider .slider_col:first-child{
display: block;
}
.slick-initialized.slick-slider .prod_col,
.slick-initialized.slick-slider .prod_col:first-child{
display: block;
}
.ref_code_heading{    margin: 30px 0;
text-align: center;}
.ref_code_heading span{    word-break: break-all;}
@keyframes isuzuLocation {
from {
-webkit-transform: translate3d(0px, 0px, 0px) scale(0);
-ms-transform: translate3d(0px, 0px, 0px) scale(0);
transform: translate3d(0px, 0px, 0px) scale(0);
background: linear-gradient(rgba(255, 0, 0, 1), rgba(216, 30, 5, 1));
border-width: 10px; 
padding: 0px 0px;
}
to {
-webkit-transform: translate3d(0px, 0px, 0px) scale(0.4);
-ms-transform: translate3d(0px, 0px, 0px) scale(0.4);
transform: translate3d(0px, 0px, 0px) scale(0.4);
background: linear-gradient(rgb(255, 0, 5, 0.3), rgba(216, 30, 5, 0.3));
border-width: 0px;
padding:50px 50px;
}
}
.isuzuLocationMarker{
position: absolute;
width: 10px;
height: 10px;
top: 35px;
left: -5px;
background: linear-gradient(rgb(255, 0, 0), rgb(216, 30, 5));
border-radius: 50%;
}
.isuzuLocationMarker::after, .isuzuLocationMarker::before{
content: "";
top: 50%;
left: 50%;
box-sizing: border-box;
position: absolute;
width: 100px;
height: 100px;
transform: translate3d(0px, 0px, 0px) scale(0);
margin: -50px 0px 0px -50px;
background: linear-gradient(rgb(255, 0, 0), rgb(216, 30, 5));
border-width: 10px;
border-style: solid;
border-color: rgb(216, 30, 5);
border-image: initial;
border-radius: 50%;
animation: 4s ease-in 0s infinite normal none running isuzuLocation;
}
.isuzuLocationMarker::after{
animation-delay: 2s;
}
.irs--modern .irs-line {
top: 25px;
height: 14px;
background-color: #fff;
background: #fff;
border: 1px solid #727272;
border-bottom-width: 1px;
border-radius: 5px;
}
.irs--modern .irs-bar {
top: 25px;
height: 13px;
background: #727272;
background: #727272;
}
.irs--modern .irs-handle {
top: 22px;
width: 20px;
height: 20px;
border: 1px solid #9b9b9b;
border-top-width: 1px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
border-radius: 100%;
text-indent: -9999px;
cursor:pointer;
background: #fff;
}
.irs--modern .irs-handle i{display:none !important}
.irs--modern .irs-grid-text {
color: #4c4646;
font-size: 14px;
font-weight: 700;
}
.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
display: none;
}
.irs-max{display:none}
.irs--modern .irs-grid {
bottom: -11px;
}
.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover{background:#fff}
@media only screen and (min-width:267px) and (max-width:1024px){
.menus_list li.show.show-modal ul.sub-menu {
opacity: 1;
visibility: visible;
display: none;
}
.page_wrapper {
padding-top: 76px;
}
.submenu_wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
float: left;
}
.mobile_menu{display: block;}
.header_rt {
width: 100%;
float: left;
position: absolute;
top: 100%;
right: 0;
}
.menus_list {
width: 100%;
float: right;
position: absolute;
background: #fff;
left: 0;
height: 100vh;
display: none;
overflow-y: auto;
}
.menus_list li:first-child a {
padding: 10px;
}
.menus_list li {
width: 100%;
}
.menus_list li a {
font-size: 1.1em;
padding: 10px;
border-bottom: 1px solid #727272;
width: 100%;
}
.menus_list li:not(:last-child):after{display: none;}
.header_wrap {
display: inherit;
padding: 14px 0;
}
.inner_banner .content_section {
width: 45.229vw;
}
.inner_banner .content_section .content_div h2 {
font-size: 40px;
line-height: 45px;
}
.video_section iframe {
width:100%;
height:300px;
}
.about_company_col .left_col {
width:100%;
margin-bottom:10px;
}
.about_company_col .rht_col h3 {
margin-bottom: 10px;
}
.prod_pkg_slider.about_prod_slider {
width: 100%;     min-height: 100px;     height: auto;
}
h3 {
font-size: 18px !important ;
}
p {
line-height: 24px!important;
font-size: 14px;
}
.about_company_col .rht_col {
width:100%;
padding:0px 0px;
}
.map_content_section .map_content_col {
width: 100%;
margin-bottom:1em;
}
}
@media only screen and (min-width:267px) and (max-width:767px){
.menus_list li{position:relative}
.menus_list li ul.sub-menu{    position: static;
height: auto;
transform: inherit;
float: left;
width: 100%;
margin: 0;
opacity:1;
visibility: visible;
padding: 0;}
.menus_list li ul.sub-menu li{padding:0px !important}
.menus_list li ul.sub-menu li a {
padding: 6px 11px!important;
}
.submenu_wrapper{display:none !important}
.menus_list li.menu-item-has-children:before{content: '+';
width: 50px;
height: 45px; position: absolute;
right: 0;
top: 0;
font-size: 23px;
text-align: center;
line-height: 45px;}
.truck_filter_wrapper .trruck_range_slider {
width: 94%;
margin-bottom:40px;
margin-right: 0px;
padding-left: 0px;
margin-top: 20px;
}
.truck_detail_table{    width: 100%;
overflow-x: scroll;}
.truck_filter_wrapper .transimisson_col {
width: 100%;
padding-left: 0px;
border-left: 0px;
}
.inner_banner {
min-height: 149px;
height: 159px;
}
.prod_slider .slick-slide {
margin: 0 5px;
}
.prod_cntnt {
padding-bottom: 68px;
}
.dealer_info {
display: inherit;
}
.dealer_info a {
width: 100%;
text-align: center;
float: left;
border-bottom: 1px solid #E6E6E6;
}
.ref_code_heading span{     float: left;
width: 100%; }
.header_top.footer-fixed-mob{
display:block;
padding:0px;
}
.header_top{
display:none;
}
.top_header_list {
width: 100%;
text-align:center;
}
.top_header_list li{
width:32.3%;
margin:0px;
text-align:center;
border-right:1px solid #000;
}
.top_header_list li:last-child{
border:0px;
}
.top_header_list li a>span {
margin-left: 0px;
width:100%;
float:left;
}
.top_header_list li a{
display: block;
padding:0px 15px 15px;
}
.top_header_list li a svg {
margin-right: 0px;
height:40px;
}
.bannr_slider .slick-dots {
bottom: 10px;
text-align: right;
left: 0;
margin-left: 0;
}
.bannr_slider .slick-dots li {
width: 12px;
height: 12px;
}
.submenu_wrapper .submenu_tab_container {
display: none;
}
.submenu_wrapper .submenu_head .submenu_tab.pull-right{display: none}
.submenu_wrapper .submenu_head .submenu_tab {
width: 100%;
}
.bannr_slider .slick-dots li button {
width: 12px;
height: 12px;
}
.company_history {
padding: 3em 0;
}
.company_history .history_sec_col .history_section {
width: 100%;
margin-top:100px;
}
.company_history .history_sec_col .history_section::after {
transform: rotate(-225deg);
margin-right: 0px;
top: 0px;
left: 50%;
margin-left: 22px;
}
.company_history .history_sec_col .history_section h3 {
font-size: 1em;
}
.steps_row {
display: block;
}
.steps_col {
float: left;
width:100%;
height:auto;
margin-bottom:20px;
margin-right: 0px;
margin-left: 0px;
padding: 10px 15px;
}
.cstmr_fields_row {
margin-top: 18px;
}
.select-items div, .select-selected {
font-size: 14px;
}
.cstm_field {
height: 100px;
margin-bottom: 0;
font-size: 14px;
}
.cstm_input {
padding: 8px 11px;
font-size: 14px;
}
.auto_complete_search .select-dealer ul li a {
font-size: 14px;
}
.bottm_car_sec {
display: block;     margin: 0;
}
.disclaimer {
padding-bottom: 10px;
}
.footer {
margin-top: 10px;
}
.bottm_car_sec .car_sec_col {
width:100%;
height:auto;
margin-bottom:10px;
margin-left: 0;
}
.bottm_car_sec .car_sec_col:first-child, .bottm_car_sec .car_sec_col:last-child {
margin-right: 0px;
margin-left: 0px;
}
.grey_btn_wrapper{
display: block;
padding-bottom: 10px;
}
.grey_btn_wrapper a {
width: 100%;
margin: 8px 0px;
padding: 10px 0;
}
.defualt-grey-btn {
display: block;
width:100%;
margin-bottom:10px;
padding:10px 1.25em;
}
.warranty_2_col {
display: block;
}
.warranty_2_col .warrant_lft_col {
width:100%;
}
.warranty_btn_wrap2 {
width:100%;
}
.grey_btn_wrapper.bor_zero a {
width:100%;
}
.overview_col.warranty_sec .prod_pkg_slider.about_prod_slider {
width: 100%;
}
.warranty_2_col.roadside_2_col .warrant_lft_col {
width: 100%;
float:left;
}
.warranty_2_col.roadside_2_col {
display:block;     padding: 10px 0;
}
.warranty_2_col.roadside_2_col.col_2_shadow .warrant_lft_col {
display:block;
width:100%;
float:left;
}
.warranty_2_col.roadside_2_col.col_2_shadow .assi_content_wrapper {
min-height: 14em;
}
.warranty_2_col.roadside_2_col.col_2_shadow .btn_wrapper {
width: 100%;
position: static;
margin-top: 20px;
}
ol.order_list li {
font-size: 14px;
}
.roadside_heading_wrapper {
padding-top: 0;
}
.warranty_btn_wrap3 {
display:block;
}
.safety_list_col {
width: 100%;
}
.customer_care_greybg {
display:block;
width:100%;
float:left;
margin: 10px auto;
padding: 10px;
}
.customer_care_greybg .customer_care_col {
width: 100%;
padding:0px;
border:0px;
}
.container_wdt1024 .steps_col {
width: 100%;
}
.inner_banner .content_section .content_div h2 {
font-size: 16px;
line-height: 21px;
}
.container {
padding: 0px 10px;
}
.footer_row {
padding: 18px 0 0;
}
.footer_row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.footer_col {
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.footer_copyright {
margin-top: 0px;
}
.hero_cntnt h1 {
font-size: 18px;
line-height: 20px;
}
.hero_cntnt {
display: inherit;
width: 200px;
padding: 10px;
}
.hero_cntnt .default_grey_btn {
margin-top: 12px;
}
.default_grey_btn {
font-size: 12px;
padding: 4px 8px;
width: auto;
display: inline-block;
}
.hero_cntnt span {
font-size: 15px;
line-height: 28px;
}
.prod_pkg_row {
display: inherit;
}
.prod_pkg_slider {
width: 100%;
}
.prod_grid_col {
height: auto;
display: inherit;
}
.prod_grid_col>a {
width: 100%;
height: 210px;
float: left;
}
.prod_grid_cntnt {
width: 100%;
padding: 16px 16px 16px 16px;
transform: inherit !important;
display: inherit;
float: left;
}
.prod_pkg_col .img_wrap {
height: auto;
}
.prod_pkg_grid {
width: 100%;     margin-top: 20px;
}
.prod_grid_cntnt .full_width {
transform: inherit;
}
.prod_grid_cntnt .full_width .default_grey_btn {
margin-top: 0;
}
.dealer_row.mtop4 {
margin-top: 0;
}
.search_dealer_wrapper .dealer_searc_lft_col {
width: 100%;
}
.search_dealer_wrapper .dealer_searc_rht_col {
width: 100%;
padding-left: 0;
padding-top: 20px;
}
.search_dealer_wrapper .dealer_searc_rht_col h4 {
padding-left: 0;
}
.search_dealer_wrapper .dealer_searc_rht_col ul li {
width:100%;}
.locate_dealer_row {
display: inherit;
padding: 14px 0 30px;}
.service_steps {padding: 0 15px;
width: 100%;}
.steps {
line-height: 20px;
width: 36px;
height: 36px;}
.steps svg {
width: 18px;
}
.steps p {
display: inherit;
margin:19px 0 0;
font-size: 10px;
}
.custom-select {
float: left;
width: 100%;
}
.isuzu-form-step .form-group {
margin-bottom: 15px;
float: left;
width: 100%;
}
.service_row {
display: inherit;
}
.service_box {
display: inherit;
width: 100%;
height: 43px;
margin-bottom: 4px;
float: left;
}
.select_tym .custom-select {
width: 100%;}
.offer_list_wrapper .offer_tab_list {
padding: 20px 0; display: inherit;}
.offer_list_wrapper .offer_tab_list .offer_left_img {
margin-right: 0;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content {
width: 100%;
}
.offer_list_wrapper .warranty_btn_wrap3 {
margin-top: 2em;
margin-bottom: 0px;
}
.used_car_gallery {
max-width: 100%;
margin:10px 10px 0;
float: none;
left: inherit;
margin-left: 6px;
width: 96%;
}
.used_car_gallery .content img {
height: 210px;
}
.used_car_gallery .thumbnail .thumb {
width: 50px;
padding: 1px;
margin: 2px;
height: 50px;
}
.map_bg_col {
display: inline-block;
width: 100%;
}
.map_bg_col .map_col {
display: inline-block;
padding: 10px;
width: 100%;
}
.map_content_section {
padding: 10px;
}
hr {
margin: 20px 0;
}
.grey_bar_nav ul li {
font-size: 12px;
}
.grey_bar_nav ul li a {
padding: 7px 11px;
}
.company_history .history_sec_col .history_section::after, .company_history .history_wrapper:nth-child(odd) .history_sec_col .history_section::after{display:none}
.abslt_cntnt h5 {
font-size: 14px;}
.abslt_cntnt {
padding: 7px 0;}
.vehicle_pro_co {
margin-bottom: 10px;
padding: 10px 0 0 15px;
}
.vehicle_pro_co h4 {
font-size: 20px;
}
.video_section {
font-size: 14px;
padding-left: 15px;
}
.about_company_col{margin-bottom:0px;}
.blog_listing {
column-count: 1;
column-gap: 1em;
margin: 1.5em 0;
column-gap: inherit;
}
.blog_listing .item .blog_content_area h3 {
font-size: 18px;}
.maximum_row {
margin: 10px 0;
}
.max_durbility {
font-size: 18px;}
.overview_col .about_company_col .rht_col h3 {
font-size: 18px;
}
.warranty_2_col h3 {
font-size: 18px;
}
.warranty_2_col p {
font-size: 14px;
}
.warranty_info_wrapper.padtop40 {
padding-top: 0;
}
.warranty_info_wrapper h4 {
font-size: 18px;
padding-top: 10px;
margin-bottom: 30px;
}
.warranty_info_col h5 {
font-size: 16px;
}
.middle-container-section {
padding-top: 0px;
}
.book_test_drive h1 {
font-size: 18px !important;
}
.customer_care_greybg .customer_care_col h3 {
font-size: 14px !important;
}
.customer_care_greybg .customer_care_col h3 {
margin-bottom: 11px;
font-size: 1em;
margin-bottom: 0px;}
.customer_care_greybg .customer_care_col .customer_des_col {
margin-bottom: 20px;
}
.max_inner_row {
font-size: 14px;
}
.offer_list_wrapper .offer_tab_col {
margin-top: 30px;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content h2 {
font-size: 18px;}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_price {
font-size: 16px;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_price span {
font-size: 14px;
}
.offer_list_wrapper ul.offer_spc_liststyle li {
font-size: 13px;
padding-right: 15px;
}
.offer_list_wrapper .offer_tab_list .offer_rht_content .offer_specifcation_wrapper .offer_speci_col {
margin-right: 10px;
width: 70px;
}   
.compare_accordion_item_heading {
padding: 10px;
font-size: 14px;
}
.exterior_feature {
padding-bottom: 20px;
padding-top: 20px;
}
.exterior_feature .ext_feat_content {
display: inline-block;
padding: 10px 10px;
width: 100%;
}
.exterior_feature .ext_feat_content .img_col {
width: 100%;
margin-bottom: 20px;
}
.exterior_feature .ext_feat_content .ext_feat_cont_col {
padding-left: 0;
padding-right: 0;
}
.exterior_feature .ext_feat_content .ext_feat_cont_col br{display:none;}
.compare_section_col {
width: 100%;
margin-top: 20px;
overflow-y: scroll;
}
.compare_section_col .compare_thead {
width: 800px;
}
.compare_section_col .compare_accordion {
width: 800px;
}
.compare_section_col .compare_first_col {
padding: 10px;
font-size: 13px;
}
.compare_section_col .compare_prodct_section .compare_product_col {
padding: 10px;
font-size: 13px;
}
.stats_container {
border-bottom: 1px solid grey;
padding: 15px 0;
font-size: 1.1em;
width: 100%; flex-wrap: wrap;
justify-content: flex-start;
}
.inner_banner .content_section .content_div .starting_pricce {
line-height: 20px;
font-size: 12px;
margin:6px 0 30px 0;
}
.inner_banner .content_section .content_div .starting_pricce span {
font-size: 16px;
}
.stats_col {
border-right: 0px;
padding: 0;
float: left;
width: 50%;
margin-bottom: 18px;
}
.stats_col p {
font-size: 14px;}
.inner_banner .content_section .content_div .color_palete_col {
bottom: 0;
margin-bottom: 8px;
}
.inner_banner .content_section .content_div .color_palete_col ul li {
width: 10px;
height: 10px;}
.car_perfo_wrapper {
display: inline;
margin: 2em 0 0;
max-width: 100%;
margin: 0 0 4.44em 0;
}
.car_perfo_wrapper .car_perf_col {
width: 100%;
height: 150px;
margin: 0 0 1.27em;
}
}
.used-car-popup-block {
display: none;
position: absolute;
top: 0;
height: 100%;
width: 100%;
left: 0;
z-index: 99999;
}
.used-car-popup-block:after {
background: rgba(0,0,0,.3);
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: '';
}
.used-car-quote{
max-width: 600px;
position: fixed;
z-index: 99;
background: #fff;
overflow: auto;
margin: 50px auto 0;
float: none;
left: 50%;
margin-left: -300px;
width: 100%;
}
.used-car-popup-block .used-car-quote .close-icon {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
background: red;
text-align: center;
font-size: 24px;
color: #fff;
font-weight: bold;
line-height: 45px;
}
.used-car-popup-block .used-car-quote .content {
height: auto;
width: 80%;
margin: 30px auto;
}
.used-car-popup-block .used-car-quote .content .heading{
padding: 10px 0px 20px;
}
.used-car-popup-block .used-car-quote .content input[type=submit] {
background: red;
}
.used-car-popup-block input[name="valid_offer_amount"]{
display: none;
}