/* Fonts */
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
        url('fonts/lato-bold-webfont.html') format('woff2'),
        url('fonts/lato-bold-webfont.woff') format('woff'),
        url('fonts/lato-bold-webfont.ttf') format('truetype'),
        url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

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

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


}

/* @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Roboto-Regular.woff') format('woff'), 
        url('fonts/Roboto-Regular.ttf') format('truetype'), 
        url('fonts/Roboto-Regular.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Roboto-Bold.woff') format('woff'), 
        url('fonts/Roboto-Bold.ttf') format('truetype'), 
        url('fonts/Roboto-Bold.otf') format('opentype');
}
@font-face 
{
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Roboto-Light.ttf') format('truetype'), 
        url('fonts/Roboto-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Roboto-Medium';
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Roboto-Medium.ttf') format('truetype'), 
        url('fonts/Roboto-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Roboto-Thin.ttf') format('truetype'),  
        url('fonts/Roboto-Thin.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
*/


body{ font-family: "latoregular"; font-size:95%}
a{ outline: 0}
a:hover{ outline: 0}
a:focus{ outline: 0}
a:active{outline: 0}
.header{ width:100%; float:left; position:relative;height:130px}
.marg_level{ position: absolute !important}
.pos_fixed{ position: fixed !important}
.calllus{float: right; width:58%; padding:2px 0 0 100px}
.calllus ul{ padding:0 ; margin:0}
.calllus ul li.call_li{  margin-top:1.1%}
.calllus ul li{ list-style:none; float:left; width: auto; padding-left:1%; font-size: 15px}
.calllus ul li:first-child{ padding-right:70px;}
.calllus ul li h5{ color:#1d417f; font-size:18px}
.calllus ul li p{ color:#000; font-family:"arial"}
.main_header{float:left; width:30% ; background:#fff; padding:0;}
//.main_header{float:left; width:24% ; background:#fff; padding:0;}
.main_header .img{float:left; width:100%; }
.main_header .img img{ width:100%; padding-top: 4px }
.mnu_list{float:right; width:60%; position:relative;  }
.mnu_list ul{ width:100%; float:left; position:relative; padding:0; margin:0}
.mnu_list ul li{ width:auto; float:left; position:relative;  list-style:none ; color:#5d5d5d; font-size:131%; background:#fff; padding:4% 2% 4% 2%; cursor: pointer}
.mnu_list ul li:hover{ color:#fff !important;  background:#2C487E; }
.mnu_list ul li.active_mnu{ color:#fff !important;  background:#2C487E; }
.mnu_list ul li.active_mnu a{ color:#fff !important;   }
.img_per{ width:100%}
.slider{width:100%; float:left; position:relative}
//.slider{width:100%; float:left; position:relative}
.scroller{width:100%; float:left; position:relative;padding: 0% 0 3%;}
.ul_list{width:100%; float:left; position:relative; padding:0; margin:0}
.ul_list li{width:auto; float:left; padding-left:3%; position:relative; list-style:none}
ul.ul_sub {   background: #000 none repeat scroll 0 0; float: left; left: 0; position: absolute !important; top: 100%; width: 250px; z-index: 9; display: none}
.dropdown-menu li{ position: relative;}
.dropdown-menu li ul.ul_sub { padding: 0; margin: 0; border-top: 2px solid #000;  background: #1d417f none repeat scroll 0 0; display: none;float: left;left: 0;position: relative !important;top: 100%;
                              width: 250px; z-index: 9;}
.dropdown-menu ul.ul_sub li { list-style: none; background: #1d417f none repeat scroll 0 0; border-bottom: 1px solid #222; float: left; text-align: left;width: 100%;}
.dropdown-menu ul.ul_sub li a{ color: #fff; text-decoration: none; outline: none}
.dropdown-menu li.has_sub_link{ background:rgba(0, 0, 0, 0) url("../images/has_sub_link.png") no-repeat scroll 55% 50%}
.dropdown-menu ul.ul_sub li a:hover{ color: #fff; text-decoration: none; outline: none}
ul.ul_sub li {    background:#2C487E none repeat scroll 0 0; border-bottom: 1px solid #222; float: left;  text-align: left;width: 100%;}
ul.ul_sub li:hover { width: 100%; float: left; background: #d5d5d5; color: #000 !important }
ul.ul_sub li:hover a{ color: #000 !important}
ul.ul_sub li a{ padding-left: 6% ;padding:0% 0 0% 10%; display: block;}
a.position{ position:absolute; top:28%}
a.prev{left:0%}
a.nxt{right:9%}
.bold{ color: #666}

/* Error Element */
.error{ border:1px solid #a94442; }
.fieldsreq{ margin-left:10px;  font-size:10px; text-align:right; color:#a94442; border:none; }
small{ margin-left:5px;  font-size:10px; text-align:left; color:#a94442 !important; border:none;  }


.rt.white.text_ali_none > p { font-size: 16px;line-height:28px;font-family: 'latolight_italic';}
.three_col_min_ht{min-height:120px}

.full_wid{width:100%;position:relative;}
/* .full_wid70{width:70%; float:left; position:relative;}
.full_wid30{width:30%; float:left; position:relative;background:#B3D1FF;height:380px;}
.full_wid30 h3{color:#1D417F;} */
.locationblock
{
position: absolute;
    /* left: 0px; */
    background: url("../images/location_bg.png") repeat;
    width: 320px;
    height: 380px;
    float: left;
    right: 6%;
    z-index: 9;
    top: 0;

}
.locationblock h3{font-family: 'latosemibold';
    font-size: 20px;
    color: #3162ab;
        padding: 27px 0 0 20px;
    margin: 0px;
	
	}
	
.loc_list_1{width:95px;height:85px;background:url("../images/icon/list_icon1.png");margin: 15px 0 0 10px;float: left;border:1px solid #dddddd;}	
.loc_list_2{width:95px;height:85px;background:url("../images/icon/list_icon2.png");margin: 15px 0 0 10px;float: left;border:1px solid #dddddd;}	
.locations_list{width:100%;float:left;}	
.clse_loc{background:url("../images/icon/wrong_icon.png"); width:15px; height:15px;float: right;
    margin: 6px 8px 0 0;}
	.clse_loc:hover{cursor:pointer;}
.locations_list p{margin:0 ; color:#626262;    float: left;padding: 20px 0 0 13px;font-size: 14px;
    font-family: 'latosemibold';
    margin-top: 8%;}
.full_wid .lft_container{width:50%; float:left; position:relative; overflow: hidden;height: 328px;}
.full_wid .lft_container .lft_cont_inner{  float: left;min-height: 328px;padding: 8% 0 0 17%;position: relative;width: 100%; top:0}
//.full_wid.regular .lft_container .lft_cont_inner{  float: left;min-height: 325px;padding: 11% 0 0 17%;position: relative;width: 100%;}
.full_wid .rt_container .rt_cont_inner{  float: left;min-height: 333px;padding: 8% 0 0 17%;position: relative;width: 100%; top: 0}
.full_wid .rt_container{width:50%; float:left; position:relative; overflow: hidden;height: 328px;}
.rt_container img{width:100%;}
.lft_container img{width:100%;}
.bg_img{ background: url('../images/trans_banner.jpg'); min-height:444px; background-size: cover	}
.clr_white{color:#fff;}
.clr_fff{ color:#fff; text-align:center; margin-top:16%}
.top_arw{  left: 15%;position: absolute; top:-4.6%; display: none}
.customers{ background: url('../images/customer_bg.jpg'); min-height:555px; background-size: cover; padding: 0.8% 0 4%	}
body .inner_container{width:71%; margin:0 auto; position:relative}
.left_cont{width:30%; float:left; margin-right:3%; text-align:center}
.left_cont.insurance a:hover{cursor:pointer;text-decoration:none;}
.left_cont.insurance:hover p.apply_a{background:#fff;color:#1d417f;}
.left_cont.exchange:hover p.apply_a{background:#fff;color:#1d417f;}
.left_cont.offers:hover p.apply_a{background:#fff;color:#1d417f;}

.whole_cont{   margin-top: 0% !important;}
.clr_1d417f{color:#1d417f;}
//.onroad_bg{min-height: 325px;}
.bg_clr_222{ background: #222}
.bg_clr_f8f8f8{ background: #f8f8f8}
//.onroad_bg{background: rgba(0, 0, 0, 0) url("../images/onroad.png") no-repeat fixed 0 0 / 100% auto;min-height: 325px;}
//.onroad_bg{background: rgba(0, 0, 0, 0) url("../images/onroad.png") no-repeat ;min-height: 325px;}
.clr_fff1{/*background: rgba(0, 0, 0, 0) url("../images/slice.png") no-repeat scroll 0 50%;*/border-left: 7px solid #f08f00; color: #fff;padding-left: 1%;}
.white{color: #fff}
.cnts{ width:68%; float:left;font-family: 'latoregular';font-size: 16px;line-height: 26px;}
.know{width:100%; float:left}
.a_know{   background:rgba(0, 0, 0, 0) url("../images/rt_arrow_white.png") no-repeat scroll 77% 0;display: block; font-size: 16px !important;height: 50px;padding: 0 0 0 0;text-decoration: none;width: 150px;}
.a_know.rt_white  { background:rgba(0, 0, 0, 0) url("../images/rt_arrow_white.png") no-repeat scroll 77% 0;display: block;font-size: 140%;height: 50px;text-decoration: none;}
.a_know:hover{text-decoration:none; font-size:140%;  color: #fff }
.onroad_whole{     margin-top: 7% !important;}
//.body_repair{background: rgba(0, 0, 0, 0) url("../images/body_repair_bg.png") repeat scroll 0 0 / 100% auto;min-height: 328px;}
.body_repair_whole{  margin-top: 6% !important; position:absolute}
.clr_222{ color:#222222}
.inner_container1{  margin-left: 63%;    width: 26%;}
.cnts1{width:100%}
.regular_bg{background: rgba(0, 0, 0, 0) url("../images/regular.png") repeat scroll 0 0 / 100% auto;
            min-height: 321px;}
.regular_whole{   margin-top: 7% !important;}
.test_bg{background: url('../images/test.jpg'); min-height:536px; background-size: cover}
.txt_align{ text-align:center}
.txt_align_lft{ text-align:left}
.marn_top{ margin-top:6% !important}
.test_cnt{ width:100%; float:left; position:relative}
.test_cnt .lft{ float:left; width:12%; position:relative; }
.test_cnt .rt{ float:left; width:85%; position:relative; margin-top: 0.5%;}
.text_ali_none{ text-align:left}
.testimonial{ font-size: 111%;    margin-top: 1%;}
.yellow{ color:#d5ad20; font-size:130%}
.footer{width:100%; float:left; position:relative; background-color:#1D417F; color:#fff; padding: 1.5% 0 0.5%;}
.footer .foot_link{width:100%; float:left; position:relative;padding-left: 0%;}
.footer .foot_link.mobile_social{width:100%; float:left; position:relative; padding-left: 37%;}
//.footer .foot_link.mobile_social{width:100%; float:left; position:relative; padding-left: 41%;}
.foot_link li{ list-style:none; float:left; width:auto ; padding-right:3%}
.test_drive{ padding-right:8% !important}
.mob_txt{ display:none}
.slider ul{ width:100%; float:left;position:relative ; padding:0; margin:0}
.bx-wrapper{ max-width:100% !important}
.slider ul li{ list-style:none}
.absolute{ position: absolute; bottom:5%}
.test_drive{ right:14%}
.get{ right:8%}
.bs-example{ display:none}
.bx-wrapper .bx-viewport{ left: 0 !important}
.bx-wrapper {margin: 0 auto 5px !important;padding: 0;position: relative;}
.bx-wrapper .bx-pager.bx-default-pager a{ background: #fff !important}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3368b2 !important}
.title_box{ width: 100%; float: left; position: relative; display: block}
.title_box_hold{ width: 100%; float: left; position: relative; padding:3% 0 5%;}
.title_box_hold .lft{ margin-left: 5%;  float: left;position: relative; text-align: right; width: 43%;  padding-right: 2%; border-right: 1px solid #1d417f}
.title_box_hold .lft h1{  padding: 0;margin: 0}
.title_box_hold .rt{ width: 33%; float: left; position: relative; text-align: left;    padding-left: 1.6%;    padding-top: 0.5%;}
.title_box_hold .rt h4{ padding: 0;margin: 0; font-weight: normal; line-height: 130%;font-size: 183%;}
.mrng_top2{ margin-top: 9%}
.testimonial_slider.owl-carousel .owl-item img{ display: inline; width: auto   }
.bx-wrapper .bx-viewport{ box-shadow: none !important;}
p.apply_a{background: #1d417f none repeat scroll 0 0;
          color: #fff;
          display: block;
          font-size: 14px;
          margin: 0 auto;
          padding: 8px;
          text-decoration: none;
          transition: all 0.5s ease-in-out 0s;
          width: 50%;}
.left_cont a{text-decoration:none;}
.left_cont img:first-child {transition: all 0.5s ease-in-out 0s;}
//.mnu_list ul li {transition: all 0.1s ease-in-out 0s;}
.transtion{transition: opacity 0.5s ease-in-out 0s;}
//.choose_banner_btns ul li{ opacity: 0}
/* .apply_a:hover{ background: #ffffff none repeat scroll 0 0; color: #1d417f; font-size: 137%;padding: 4% 16%; text-decoration: none} */
.p_pad_btm{ font-family: "latoregular"; font-size: 16px; padding-bottom: 5%; line-height: 25px;text-decoration:none;}
.a_link{ color: #1d417f; text-decoration: none}
.a_link:hover{ color: #fff; text-decoration: none}
.a_link:focus{ color: #fff; text-decoration: none}
.a_know.spec{ color: #000; text-decoration: none;background: rgba(0, 0, 0, 0) url("../images/arrw_blk.png") no-repeat scroll 77% 0;}
.a_know.spec:hover{ color: #f08f00; text-decoration: none}
.a_link:hover{ color: #fff; text-decoration: none}
.mnu_list ul li a{font-size:13px ; color: #5d5d5d; text-decoration: none}
.mnu_list ul li a:hover{ color: #fff; text-decoration: none }
.scroller{position:relative;float:left;}
/* .scroller h5{ color: #000; font-family: 'latobold'; font-size: 20px; text-align: center} */
.bg_img h2{ font-size: 50px; font-family: "latolight";color: color: #000;margin-bottom: 40px;}
.title_box_hold .rt h4{ font-size: 20px; font-family: "latoregular";  margin-top: 3%; }
.title_box_hold .lft h1{ font-size: 50px; font-family:"latolight" }
.left_cont h3{font-size: 21px ; font-family: 'latosemibold';}
.lft_cont_inner h1{ font-size: 39px; font-family: 'latobold'}
.rt_cont_inner h1{ font-size: 39px; font-family: 'latobold'}
.lft_br{   padding-left: 1%;border-left: 7px solid #f08f00;}
.test_bg h1{ font-size: 34px; font-family:'latobold'}
.testimonial i{  font-family: "latolight";   font-size: 19px; line-height: 24px;}
.foot_link li a{color: #fff; font-size: 12px; font-family: "latoregular";	 }
.foot_link li a:hover{color: #fff; text-decoration: none}
.foot_text{  float: left; font-size: 11px; padding: 1% 0 0; text-align: center; width: 100%;}
p.foot_text a{text-decoration:none;color:#fff;}
/*.fb{background: rgba(0, 0, 0, 0) url("../images/fb.png") repeat scroll 0 100%; display: block; height: 16px;width: 8px;  transition: all 0.5s ease-in-out 0s;}
.tw{background: rgba(0, 0, 0, 0) url("../images/tw.png") repeat scroll 0 100%; display: block; height: 16px;width: 21px;}
.int{background: rgba(0, 0, 0, 0) url("../images/in.png") repeat scroll 0 100%; display: block; height: 16px;width: 17px;}
.goo{background: rgba(0, 0, 0, 0) url("../images/goo.png") repeat scroll 0 100%; display: block; height: 16px;width: 15px;}
.yahoo{background: rgba(0, 0, 0, 0) url("../images/yahoo.png") repeat scroll 0 100%; display: block;  height: 12px; margin-top: 15%; width: 17px;}
.fb.active_bg{background: rgba(0, 0, 0, 0) url("../images/fb_yellow.png") repeat scroll 0 100%; display: block; height: 16px;width: 8px;}
.tw.active_bg{background: rgba(0, 0, 0, 0) url("../images/tw_yellow.png") repeat scroll 0 100%; display: block; height: 16px;width: 21px;}
.int.active_bg{background: rgba(0, 0, 0, 0) url("../images/in_yellow.png") repeat scroll 0 100%; display: block; height: 16px;width: 17px;}
.goo.active_bg{background: rgba(0, 0, 0, 0) url("../images/goo_yellow.png") repeat scroll 0 100%; display: block; height: 16px;width: 15px;}
.yahoo.active_bg{background: rgba(0, 0, 0, 0) url("../images/yahoo_yellow.png") repeat scroll 0 100%; display: block;  height: 12px; margin-top: 15%; width: 17px;}*/

.fb{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -38px -8px}
.tw{ background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -4px -8px;}
.int{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -104px -8px}
.goo{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -69px -7px}
.yahoo{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -127px -9px}
.fb.active_bg{background:  rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -38px -40px}
.tw.active_bg{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -4px -44px;}
.int.active_bg{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -104px -44px}
.goo.active_bg{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -69px -43px}
.yahoo.active_bg{background: rgba(0, 0, 0, 0) url("../images/social-icon.png") no-repeat scroll -127px -44px}
li.social a { display: block; height: 25px; transition: all 0.5s ease-in-out 0s; width: 25px;}
.a_know{transition: margin 300ms ease 0s;}
.a_know:hover{color: #f08f00; margin-left: 3%}
.testimonial_slider .owl-controls .owl-nav .owl-prev {  background: rgba(0, 0, 0, 0) url("../images/test_arw_lft.png") no-repeat scroll 0 0 / 50% auto;
                                                        float: left;height: 30px;position: absolute;right:4%;top: 139%;width: 56px;}
.testimonial_slider .owl-controls .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/test_arw_rt.png") no-repeat scroll 0 0 / 50% auto;float: right;position: absolute;right: 0%;top: 139%;width: 56px;height: 30px;}
ul.small_car{ padding: 0;margin: 0 }
ul.small_car li{ list-style: none;padding-right:35px;background:url('../images/car_li_range_bg.png') no-repeat right center;}
ul.small_car .owl-controls .owl-nav .owl-prev{background: #0B4381 url('../images/blue_prev_range.png') no-repeat scroll center center / 52% auto;float: left;height: 55px;position: absolute; left: -3%;top: 35% !important;width: 25px;}
ul.small_car .owl-controls .owl-nav .owl-next{background: #0B4381 url('../images/blue_nxt_range.png') no-repeat scroll center center / 52% auto;float: right; height: 55px;position: absolute;right: -6%;top: 35% !important;width: 25px;}
ul.small_car .owl-controls .owl-nav .owl-prev:hover{background:#f08f00 url('../images/blue_prev_range.png') no-repeat scroll center center / 52% auto;}
ul.small_car .owl-controls .owl-nav .owl-next:hover{background:#f08f00 url('../images/blue_nxt_range.png') no-repeat scroll center center / 52% auto}

.small_car .owl-controls .owl-nav .owl-prev {background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 0 / 50% auto;float: left;height: 55px;position: absolute; left: -3%;top: 35%; width: 56px;}
.small_car .owl-controls .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 0 / 50% auto;float: right; height: 55px;position: absolute;right: -6%;top: 35%;width: 56px;}
.flt_lft{float: left; position: relative}
.mnu_list ul li:hover a{ color: #fff}
.desk_top{ display: block}
.mobile_social{ display: block}
.double_quote{ float: left; position: relative; width: 100%}
.double_quote .quote{ margin-top: 0;    margin-bottom: 2%;}
.dropdown-menu {background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;float: left;font-size: 14px;left: 0;list-style: outside none none; margin: 2px 0 0; min-width: 281px;padding: 57% 5%;position: absolute;top: 100%;z-index: 1000;}
.small_car_tit{  float: left;margin: 0; position: relative;text-align: center; width: 100%;}
h4.small_car_tit{color:#2b3435;font-size:22px;font-size: 18px;padding: 25px 0 0 15px;}
.pop_up_addr h3{color:#1e407f;}
.foot_inner{ width: 100%; float: left; text-align: center}
.desk_hide{ display: none}
.mnu_head{ width: 100%; float: left; background:#0A5098a;  z-index: 9;margin-left:0px;left:0px;}
//.mnu_head{ width: 100%; float: left; position: relative; background: #fff}
.test_drive_head{ width: 100%; float: left; position: relative; text-align: center}
.test_drive_frm{ width: 100%; float: left; position: relative; font-size: 140%; }
.test_drive_frm .fld_holder{ width: 100%; float: left; position: relative; padding: 2% 0 }
.test_drive_frm .fld_holder .cbo_box{  border: 1px solid #ccc; padding: 2.5%; width: 96%; }
//.test_drive_frm .fld_holder .cbo_box.state_sm{   padding: 2% 0;  width: 96%; }
//.test_drive_frm .fld_holder .cbo_box.city_sm{width: 92%; padding: 2.5% 0; }
.test_drive_frm .top_padg{ padding: 2% 0 0; }
//.test_drive_frm .top_pad_btn{ padding: 7% 0 0; }
.test_drive_frm .txt_fld{  border: 1px solid #ccc; padding: 2%; width: 96%; }
.test_drive_frm .text_top{   padding-top: 2% }
.test_drive_frm .text_area{   border: 1px solid #ccc; padding: 2% 0 2% 2%;width: 97% !important;}
.test_drive_frm .text_top.city_tab{   padding-top: 2% }
.test_drive_frm .btn_test_drive{   background: #980c0b none repeat scroll 0 0;  border: medium none;   border-radius: 7px;  color: #fff; padding: 2% 4%; }
//.test_drive_frm .name_top_space{   padding-top: 4% }
.mrn_btm_space{ padding: 4% 0}
.test_drive_head > h2 {  margin: 1% 0 0;}

.test_drive_frm ::-webkit-input-placeholder {
    font-size: 100%
}

.test_drive_frm :-moz-placeholder { /* Firefox 18- */
    font-size: 100%
}

.test_drive_frm ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 100%  
}

.test_drive_frm :-ms-input-placeholder {  
    font-size: 100%
}

.fancybox-close{ background-image: url('../images/fancy_close.png') !important;  height: 16px !important;
                 width: 16px !important; top:-15px !important; right: -18px !important}
//.customSelect {/* Styles For Your Select Box */position: relative;}
.customSelectInner {background:url('../images/customSelect-arrow.gif') no-repeat center right; font-size: 90%}

//.test_drive_frm select option{ font-size: 90%; color: #ccc}

/* ------------ WHY FPL------------ */

#why_fpl{ line-height: 25px}
#why_fpl .head_tit{ position: absolute; top: 5em; width: auto; z-index: 9;}
.breadcrums{   color: #000; float: left; font-size: 14px;padding: 2% 0;}
#why_fpl .about_tit{ position: relative; width: 100%; float: left; }
#why_fpl .about_tit .h2_tit{ margin: 0; padding: 0}
#why_fpl .about_tit .h5_tit{ margin: 0; padding: 1% 0 0}
#why_fpl .lft_border{ border-left: 7px solid #ed8c01; padding-left: 11px}
#why_fpl .lft_border.border_wid{ border-left: 3px solid #ed8c01; padding-left: 2%}
#why_fpl .main_desc{ width: 100%; float: left; position: relative; padding-top: 4%;font-family: 'latomedium';}
#why_fpl .sub_desc{ width: 100%; float: left; position: relative; padding-top: 4%;}
.clr_24242e{ color: #24242e}
.clr_8c8c8c{color: #8c8c8c}
.abt_hyndai p{ font-size: 15px; padding: 0 3.5% 0 0;text-align:justify;line-height:30px;}
.bread_container{ background: #f5f5f5 none repeat scroll 0 0;float: left;width: 100%;}
.why_fpl_hyundai{ padding: 45px 0}
.clr_1e407f{color: #1e407f}
#why_fpl .credentials{ background: #e3e3e2; padding: 45px 0}
.credential_desc{ width: 100%; float: left; position: relative}
.credential_desc img{  position:absolute;left:0;-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;}
.credential_desc img:hover{  opacity:0;}
.credential_desc .credential_sub_tit{ width: 100%; float: left; position: relative; font-size: 16px;color:#000;}
.credential_desc .credential_tit{ padding: 2% 0 0; width: 100%; float: left; position: relative; font-size: 17px; margin-top: 70%;margin-bottom:5px;color:#a4a4a4;font-family: 'latomedium';}
.credential_desc .credential_tit_desc{ width: 100%; float: left; position: relative; font-size: 14px;}
.credential_container{ padding: 2% 0 3% 0;}
.clr_343434{color: #343434}
.opacit{ opacity: 0}
.clr_000{ color: #000000}
.creden_link{transition: margin 300ms ease 0s; background: rgba(0, 0, 0, 0) url("../images/cre_arw_ccc.png") no-repeat scroll 100% 44%;color: #343434;display: block;float: left;font-size: 14px;padding-bottom: 2%;padding-right: 0;padding-top: 2%;text-decoration: none;width: 27%;}
.creden_link:hover{ background: rgba(0, 0, 0, 0) url("../images/cre_arw_yellow.png") no-repeat scroll 100% 44%;color: #eb8c00;display: block;float: left;font-size: 14px;padding-bottom: 2%;padding-right: 0;padding-top: 2%;text-decoration: none;width: 27%; margin-left: 15px}
.mission_vision{ padding: 45px 0 25px}
.mission  p{ float: left; font-size: 14px; padding: 0 0 3% 3.3%;}
.vision  p{ float: left; font-size: 14px; padding: 0 0 3% 3.3%;}
.mission .mission_tit{ padding-top: 5%}
.vision .mission_tit{ padding-top: 5%}
.vision .count{padding-left:66px; }
.vision .count1{background: rgba(0, 0, 0, 0) url("../images/count1.jpg") no-repeat scroll 16px 0; }
.vision .count2{background: rgba(0, 0, 0, 0) url("../images/count2.jpg") no-repeat scroll 16px 0; }
.vision .count3{background: rgba(0, 0, 0, 0) url("../images/count3.jpg") no-repeat scroll 16px 0;}
.team_inner{width: 100%; float: left; position: relative; padding: 4% 0 10% }
.team_inner .team_tit{width:100%; float: left; position:  relative; margin: 0 ;padding: 0 }
.team_inner .team_role{width:100%; float: left; position:  relative; margin: 0 ;padding: 14% 0 6%; }
.team_slider{ width: 100%; float: left; position: relative}
.team_slider .items{ width: 100%}
.team_slider .owl-controls .owl-nav .owl-prev{  background: rgba(0, 0, 0, 0) url("../images/test_arw_lft.png") no-repeat scroll 0 0 / 50% auto;float: left;height: 30px;position: absolute;left: 46%;bottom:-27%;width: 56px;}
.team_slider .owl-controls .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/test_arw_rt.png") no-repeat scroll 0 0 / 50% auto;float: right;height: 30px;position: absolute; left:  50%;bottom: -27%;width: 56px;}
.team_items .social_shadow{     background: #d67e00 none repeat scroll 0 0; float: left; opacity: 0.8; padding: 34% 0; position: absolute; bottom: 180%;
                                left: 50%; width: 87.5%; text-align: center; transform: translate(-50%, 50%); transition: all 0.5s ease 0s; height:72% !important}
.social_icons ul{  padding: 0;position: relative; text-align: center; width: 38%; margin: 0 auto}
.social_icons ul li{  float: left;list-style: outside none none; width: auto;}
.social_icons ul li a{ display: block; height: 25px; transition: all 0.5s ease-in-out 0s; width: 25px;}
//.col3_inner { position: relative; width: 100%; float: left}
/*.team_items img{ -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
.social_shadow{ position: absolute;  -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out; opacity: 0.8}
.team_items .team_img:hover, .social_shadow:hover{ opacity: 0; }*/

//.social_shadow{ bottom: -100%; left: 50%; position: absolute; text-align: center; transform: translate(-50%, 50%); transition: all 0.5s ease 0s;}
/*.team_items .ovrly {
    background: #f04e23 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    transition: all 0.5s ease 0s;
    width: 100%;
}*/
.team_img_holder{ width: 100%; float: left; position: relative}
.team_items:hover .social_shadow {bottom: 64.5%;}
//.trans_social{ bottom: 64.5% !important}

/* contact us  */
#contact_us .contact_maps{ width: 100%; float: left; position: relative}
#contact_us .form_holder{ width: 100%; float: left; position: relative; margin-top: 2%;padding:0;}
#contact_us .fld_holder{ width: 100%; float: left; position: relative; font-size: 14px; padding: 1.5% 0;}
#contact_us .fld_holder .txt_fld{  border: 1px solid #ccc; padding: 10px; width: 100%;}
#contact_us .fld_holder .textarea_cls{  border: 1px solid #ccc; padding:4% 2%; width: 100%;}
#contact_us .fld_holder .contact_btn{ background: #ed8c01 none repeat scroll 0 0; border: medium none; color: #fff;padding: 2% 4% 1.5%;  margin-right: 3%;}
#contact_us .contact_desc{ width: 100%; float: left; position: relative; background: #fff; padding:20px 0 33px; font-size: 14px;}
#contact_us .lft_border { border-left: 7px solid #ed8c01;padding-left: 11px;}
h2.lft_border { border-left: 7px solid #ed8c01;padding-left: 11px;text-align:left;color:#1e407f;}

#contact_us .lft_bor_head { border-left: 4px solid #ed8c01;padding-left: 6px !important;}
#contact_us .pad_top2 {  padding: 2% 0 0}
#contact_us .locate {  padding: 2% 0 0}
#contact_us .locate ul { width: 100%; float: left; position: relative; margin: 0;    padding: 0 0 10px; border-bottom: 1px solid #ccc }
#contact_us .locate ul:last-child {  border-bottom: none}
#contact_us .locate ul h4 {  margin: 0; padding:0 0  }
#contact_us .locate ul li {   border-bottom: 1px solid #f1f1f1; float: left; list-style: outside none none;  margin: 0; padding-top:  10px; padding-bottom: 10px; position: relative; width: 100%;line-height: 24px;}
#contact_us .locate ul li:last-child {   border-bottom:  none}
#contact_us .locate ul li.addr { background: rgba(0, 0, 0, 0) url("../images/contact_addr.png") no-repeat scroll 0 13px;padding-left: 30px; }
#contact_us .locate ul li.addr span{font-size: 16px;color:#1e407f;font-family: 'latomedium'; }
#contact_us .locate ul li.tel { background: rgba(0, 0, 0, 0) url("../images/contact_tel.png") no-repeat scroll 0 50%;padding-left: 30px; }
#contact_us .locate ul li.mob { background: rgba(0, 0, 0, 0) url("../images/phone_ico.png") no-repeat scroll 0 50%;padding-left: 30px; }
#contact_us .locate ul li.fax { background: rgba(0, 0, 0, 0) url("../images/contact_fax.png") no-repeat scroll 0 50%;padding-left: 28px; }
#contact_us .locate ul li.contact_mail { background: rgba(0, 0, 0, 0) url("../images/contact_mail.png") no-repeat scroll 0 50%;padding-left: 31px; }
#contact_us .contact_mail a{ color: #333;text-decoration:none;}
#contact_us .contact_mail a:hover{text-decoration:none;}

/* choose a car  */
#choose_car{ font-size: 14px}
#choose_car .banner_section{ width:100%; float: left; position: relative}
#choose_car .car_video{float: left; position: relative; width: 100%}
#choose_car .car_video img{width: 100%; display: none !important}
#choose_car .choose_banner_btns{ bottom: 7%; float: left; padding-left: 31%; position: absolute; width: 83%;}
//#choose_car .choose_banner_btns{ bottom: 7%;float: left;padding-left: 40%;position: absolute;width: 94%;}
#choose_car .choose_banner_btns ul{ width:100%; float: left; margin: 0; padding: 0}
#choose_car .choose_banner_btns ul li{  float: left;height: 75px; list-style: outside none none;margin-right: 5%;width: 9%; cursor:pointer}
#choose_car .choose_banner_btns ul li{transition: all 0.5s ease-in-out 0s;}
#choose_car .choose_banner_btns ul li.video_icon{   background:rgba(0, 0, 0, 0) url("../images/video_icon.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.rotate_icon{   background: rgba(0, 0, 0, 0) url("../images/rotate_icon.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.gallery_icon{   background: rgba(0, 0, 0, 0) url("../images/gallery_icon.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.video_icon.act_icon{   background:rgba(0, 0, 0, 0) url("../images/video_icon_act.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.rotate_icon.act_icon{   background: rgba(0, 0, 0, 0) url("../images/rotate_icon_act.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.gallery_icon.act_icon{   background: rgba(0, 0, 0, 0) url("../images/gallery_icon_act.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.video_icon:hover{   background:rgba(0, 0, 0, 0) url("../images/video_icon_act.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.rotate_icon:hover{   background: rgba(0, 0, 0, 0) url("../images/rotate_icon_act.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .choose_banner_btns ul li.gallery_icon:hover{   background: rgba(0, 0, 0, 0) url("../images/gallery_icon_act.png") no-repeat scroll 0 0 / 100% auto;}
#choose_car .tab_menus{ width:100%; float: left; position: relative; background: #414248}
#choose_car .tab_menus_inner{ width:100%; float: left; position: relative; background: #414248}
#choose_car .share_mnus{ width:100%; float: left; position: relative; background: #fff}
#choose_car .share_mnus_inner{ width:100%; float: left; position: relative; background: #fff; padding: 2% 0 2%}
#choose_car .share_mnus_inner ul{    float: right; margin: 0;padding: 0; position: relative;width: 32%;}
#choose_car .share_mnus_inner ul li{  float: left;list-style: outside none none;margin-right: 12%;width: auto; cursor: pointer}
#choose_car .share_mnus_inner ul li.print{    background: rgba(0, 0, 0, 0) url("../images/print_icon.png") no-repeat scroll 0 0; padding-left: 26px;}
#choose_car .share_mnus_inner ul li.download{    background: rgba(0, 0, 0, 0) url("../images/download_icon.png") no-repeat scroll 0 0; padding-left: 26px;}
#choose_car .share_mnus_inner ul li.share{    background: rgba(0, 0, 0, 0) url("../images/share_icon.png") no-repeat scroll 0 0; padding-left: 26px;}
#choose_car .mnu_section{ width:100%; float: left; position: relative; margin: 0; padding: 0}
#choose_car .mnu_section li{  color: #fff; float: left;list-style: outside none none;width: auto; font-size: 14px; cursor: pointer}
#choose_car .mnu_section li{  transition: all 0.5s ease-in-out 0s;}
#choose_car .mnu_section li.act{ background: #ed8c00;  transition: all 0.5s ease-in-out 0s;}
#choose_car .mnu_section li:hover{ background: #ed8c00}
#choose_car .mnu_section li:first-child{  }
#choose_car ul.mnu_section li a{color:#fff;padding:15px 67px;display:block;text-decoration:none;}
#choose_car .download a{ color: #fff ;text-decoration:none;display:block;}
#choose_car .pad0{ padding: 0 !important}
#choose_car .download a:hover{  text-decoration: none }
#choose_car .tab_desc_holder{ width:100%; float: left; position: relative;padding: 2% 0;  }
#choose_car .exterior_slider{ width:100%; float: left; position: relative; padding: 35px 0 0 }
#choose_car .side_banner_desc{ width:100%; float: left; position: relative;}
#choose_car .side_banner_desc p.p_side_desc{ width:60%;  }
.side_banner_desc .left_img_col img{ width: auto !Important; float: left}
#choose_car .test_link{ width:100%; float: left; position: relative;   border-bottom: 1px solid #e5e5e5;}
#choose_car .test_link .test_a{   background: rgba(0, 0, 0, 0) url("../images/test_lnk.png") no-repeat scroll 31% 13% / 100% auto; color: #fff; font-size: 14px; height: 41px;padding-left: 7%; padding-top: 1%;width: 23%;}
.clr_1d417f{ color: #1d417f}
#choose_car .pad_tp10{ padding-top:4%}
.exterior_slider .side_banner{ width: 100%;}
.exterior_slider .owl-controls .owl-nav .owl-prev { background: rgba(0, 0, 0, 0) url("../images/choose_car_prev.png") no-repeat scroll 0 0;float: left; height: 55px; right: 4%; position: absolute; bottom: 0%;width: 56px;}
.exterior_slider .owl-controls .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/choose_car_next.png") no-repeat scroll 0 0; float: right; height: 55px;position: absolute; right: 0; bottom: 0%; width: 56px;}
.interior_slider .owl-controls .owl-nav .owl-prev { background: rgba(0, 0, 0, 0) url("../images/choose_car_prev.png") no-repeat scroll 0 0;float: left; height: 55px; right: 4%; position: absolute; bottom: 0%;width: 56px;}
.interior_slider .owl-controls .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/choose_car_next.png") no-repeat scroll 0 0; float: right; height: 55px;position: absolute; right: 0%; bottom: 0%; width: 56px;}
.interior_slider    .owl-nav {   padding: 27px 0;}
//.num { width:100%; float: left; position: relative;}
.tab_desc { width:100%; float: left; position: relative;}
.tab_desc .slide_number{ }
.interior{ background: #f5f5f5}
.interior_img_ban{ margin-top: 0%; position: relative; }
#choose_car .pad_tp3{ padding-top: 3%}
#choose_car #hyundai_video{ display: none; }
.car_video .video_close{    background: rgba(0, 0, 0, 0) url("../images/video_close.png") repeat scroll 0 0 !important;cursor: pointer; height: 16px;position: absolute;right: 2%;top: 11%;width: 16px; display: none}
#choose_car .img_360_deg{float: left; position: relative; width: 100%; background: #e5e5e5 none}
#choose_car .choose_gallery{float: left; position: relative; width: 100%; background: #e5e5e5; padding: 2% 0}
#choose_car .choose_gallery .gallery_holder{float: left; position: relative; width: 100%; }
#choose_car .choose_gallery .gallery_holder .single_gal:last-child{ }
#choose_car .choose_gallery .gallery_holder .single_gal{float: left; position: relative;  width: 100%;height: 360px;
    overflow: auto;}
#choose_car .color_panel{float: left; position: relative; width: 100%;  padding-top: 12%;}
#choose_car .color_panel ul{float: left; position: relative; width: 100%; margin: 0; padding: 0}
#choose_car .color_panel ul li{ float: left;list-style: outside none none; margin-bottom: 14px; margin-right: 9%;position: relative;text-align: center;width: 23%;}
#choose_car .color_panel ul li img{cursor: pointer}
#choose_car .img_360_deg img{ width: 100%}
#choose_car .fancybox-close {background: url('../images/fancybox_sprite.png') !important}
.choose_car_banner_descs .banner_desc{ display: none; min-height: 510px}
.choose_car_banner_descs .banner_desc:first-child{ display: block}
.img_360_deg{ padding: 2% 0}
.img_360_demo { width: 100% !important; float: left;}
#img_360_demo {   background-repeat: no-repeat; background-size: 95% auto;}
.img_360_demo img { width: 100% }
#choose_car .clr_desc { display: block;  font-size: 13px; padding-top: 4px;}
.dis_none{ display: none}
//.gallery_holder .single_gal a{    float: left; position: relative;width: 17%;margin-bottom: 3%; margin-right: 3%; border: 4px solid #fff;}
.gallery_holder .single_gal a { border: 4px solid #fff;  float: left;  margin-bottom: 3%; margin-right: 3%; min-height: 140px;position: relative;width: 17%;}
.gallery_holder .single_gal a:last-child{     margin-right: 0%; }
.gallery_holder .single_gal a img{float: left; position: relative; width: 100%;height: 140px;}
.single_gal .small_caption{     position: absolute;top: 0;left: 0;height: 100%;width: 100%; opacity: 0.9;text-align: center;color: #000; padding-top: 28%; display: none;    font-size: 105%; background:#ccc none no-repeat scroll 75% 57%}
/* .tab_mnu_locate .tab_desc_holder{ display: none}*/
/*#choose_car .tab_mnu_locate .tab_desc_holder:first-child{ display: block}*/
#choose_car .demo_desc{ float: left; width: 100%}
#choose_car .banner_bg{ background: url('../images/choose_car_banner.jpg'); background-size: cover; min-height: 564px}
#choose_car .banner_section a.drive{ position: absolute; }
#choose_car .banner_section a.drive.test_drive{ position: absolute; right:26%; bottom: 10%}
#choose_car .banner_section a.drive.get{ position: absolute; right:19%; bottom: 10%}
#choose_car .banner_section a img{ width: 100%}
#choose_car .act_br{ border:2px solid #000;    border-radius: 9px;}
.interior_slider_img_hold img {margin:0 auto;width: auto !important;}

/*  book service  */
#service_book{     background: #fff none repeat scroll 0 0;  float: left; font-size: 15px; position: relative; width: 100%;}
#service_book .about_tit { float: left; position: relative; width: 100%; margin-bottom: 3%}
#service_book .form_container{ width: 100%; float: left; position: relative; padding: 10px 0}
#service_book .form_container .fld_holder{ width: 100%; float: left; position: relative;padding: 4% 0 1%; }
#service_book .form_container .fld_holder .col-sm-12 {padding-left:0 !important;}
#service_book .form_container .fld_holder .col-sm-12  .col-sm-6{padding-left:0 !important;}
#service_book .form_container .head_cust_info{ width: 100%; float: left; position: relative; margin-top: 22% }
#service_book  .h2_exchange{ width: 100%; float: left; position: relative; margin-top: 7% }
#service_book .form_container .fld_holder .txt_fld{  border: 1px solid #ddd; padding: 3% 4%; width: 100%;}
#service_book .form_container .fld_holder .cbo_select{  border: 1px solid #ddd; padding: 3% 4%; width: 100%;}
#service_book .form_container .fld_holder .tscls{  border: 1px solid #ddd; padding: 6% 4%; width: 100%;}
#service_book .form_container .fld_holder .btn_submit{   border: medium none; color: #fff;padding:2% 6% 1.6%;    margin-right: 4%; background: #1d417f none repeat scroll 0 0;font-size: 14px; font-family: 'latoregular' !important;}
#service_book .form_container .pad2{padding-top: 1.5%}
.sidebar_slider{ width: 100%; float: left; position: relative;}
.owl-carousel .owl-controls .owl-dots {text-align: center;}



/*   carrer  */

#carrer{     background: #fff none repeat scroll 0 0;  float: left; font-size: 15px; position: relative; width: 100%;}
#carrer .about_tit { float: left; position: relative; width: 100%; margin-bottom: 3%}
#carrer .form_container{ width: 100%; float: left; position: relative; padding: 10px 0}
#carrer .form_container .fld_holder{ width: 100%; float: left; position: relative;padding: 4% 0 1%; }
#carrer .form_container .fld_holder .col-sm-12 {padding-left:0 !important;}
#carrer .form_container .fld_holder .col-sm-12  .col-sm-6{padding-left:0 !important;}
#carrer .form_container .head_cust_info{ width: 100%; float: left; position: relative; margin-top: 22% }
#carrer  .h2_exchange{ width: 100%; float: left; position: relative; margin-top: 7% }
#carrer .form_container .fld_holder .txt_fld{  border: 1px solid #ddd; padding: 3% 4%; width: 100%;}
#carrer .form_container .fld_holder .cbo_select{  border: 1px solid #ddd; padding: 3% 4%; width: 100%;}
#carrer .form_container .fld_holder .tscls{  border: 1px solid #ddd; padding: 6% 4%; width: 100%;}
#carrer .form_container .fld_holder .btn_submit{   border: medium none; color: #fff;padding:2% 6% 1.6%;    margin-right: 4%; background: #1d417f none repeat scroll 0 0;font-size: 14px; font-family: 'latoregular' !important;}
#carrer .form_container .pad2{padding-top: 1.5%}


/* show room */
#show_room{  background: #f1f1f1 none repeat scroll 0 0;  float: left; font-size: 14px; padding: 3% 0; position: relative; width: 100%;}
#show_room .show_room_inner{ width: 100%; float: left; position: relative}
#show_room .about_tit { float: left; position: relative; width: 100%; margin-bottom: 1%}
#show_room .lft_border { border-left: 7px solid #ed8c01;padding-left: 11px;}
#show_room p {float: left;position: relative; width: 100%;}
#show_room .show_room_gallery {float: none;position: relative;  }
#show_room .show_room_gallery .img_holder{float: left;position: relative; width: 100%; border: 1px solid #ccc;background: #e5e5e5}
#show_room .show_room_gallery .img_holder  img { width: 100%;}
#show_room .show_room_gallery .img_holder .dis_none { display: none;}
#show_room .show_room_gallery .img_holder .show_car_name { float: left;position: relative; width: 100%; text-align: center}
#show_room .show_room_gallery .marn_btm {  margin-bottom: 28px}
.payment_logo{  background: #000 none repeat scroll 0 0; position: fixed;  right: 0;  top: 41%;  z-index: 999;display:none;}
.offer_logo{  background: #000 none repeat scroll 0 0; position: fixed;  left: 0;  top: 41%;  z-index: 999;}
.payment_logo .payment_inner span{   color: #fff;  display: block;  font-size: 10px;  padding: 7px 27px; }

/* added css */
/* Used cars */
.used_car_cnt{ width: 100%; float: left; position: relative; padding: 0 0}
.used_car_cnt .quote_p{font-size: 20px;color:#1e407f;padding: 14px 0 22px;font-family: 'latomedium'; 
                       text-align: left;}
.used_car_cnt .sud_txt{ padding: 0 0 10px}
.used_car_cnt .benefit_li{ width: 100%; float: left; position: relative; padding: 0 0 15px}
.career_mail{ color: #1e407f;text-decoration: none; outline: 0}
.career_mail:hover{ color: #333;text-decoration: none; outline: 0}
.career_form{width: 100%; float: left; position: relative; padding: 6px 0 25px}
.career_form #career_frm{width: 100%; float: left; position: relative; }
.career_form #career_frm .frm_container{width: 84%; float: left; position: relative; padding: 18px 0 0; }
.career_form #career_frm .frm_container.submit_btn{ text-align: end; padding: 28px 0 0 }
#career_frm .txt_fld{ border: 1px solid #ddd;padding: 12px 0 12px 17px;width: 100%;}
#career_frm .txtsubmit{ background: #1e407f none repeat scroll 0 0;border: medium none;color: #fff; font-size: 16px; padding: 10px 26px;}
.pad_top5 {padding-top: 5px !important; }

.pad_top10 {
    padding-top: 10px !important; }

.pad_top15 {
    padding-top: 15px !important; }

.pad_top20 {
    padding-top: 20px !important; }

.pad_top25 {
    padding-top: 25px !important; }

.pad_top30 {
    padding-top: 30px !important; }

.pad_top35 {
    padding-top: 35px !important; }

/* emi calc */
/*.emi_calculator .emi_head {font-size: 30px; color: #1e407f; font-weight: normal !important;}
.emi_calculator .loan_frm { width: 100%; position: relative}
.emi_calculator .loan_frm .loan_frm_rt{ padding: 0 0 11px;}
.emi_calculator .loan_frm .loan_frm_lft{ padding: 3px 0 7px;}
.emi_subhead{ font-size: 18px}
.emi_calculator #loan_amount {border: 1px solid #ddd;padding: 5px 0 5px 10px !important;width: 22% !important;}
.emi_calculator #interest {border: 1px solid #ddd;padding: 5px 0 5px 10px !important;width: 22% !important;}*/

/*.emi_calculator .emicalA {background: #1e407f none repeat scroll 0 0; border: medium none; color: #fff; font-weight: normal; padding: 8px 10px 5px;}
.emi_calculator .emi_submit_btn {padding: 18px 0}
.emi_calculator .fRightAa.colGraya {padding: 20px 0 1px;    color: #1e407f;}
.emi_calculator .fRightAA {padding: 10px 0;}
.emi_calculator .fRightAa {padding: 0 0 5px;}
.emi_calculator .fRightAb.colGrayb {color: #1e407f;}
.finance_link{   color: #1e407f;display: block;font-size: 16px;outline: 0 none;padding: 22px 0 0; }
.container-fluid.emi_calculator {font-size: 14px;}*/

.navbar.navbar-inverse.navbar-fixed-top{ display: none;}
iframe{ width: 100% !important; max-width: 100% !important}
//.owl-carousel .owl-controls{ position: relative}
.exterior_slider .owl-controls .owl-nav{ padding: 42px 0}
//.exterior_slider .owl-controls{position: relative; wi:100%; float: left}
#img_360_demo.onLoadingDiv{/*opacity: 0 !important*/ display: none !important}
.content_sliders{padding:0 !important ;}
.interior_slider_img_hold{padding:0 !important ;}
.interior_slider.owl-carousel {    float: left;}
.onroadcontact{background:url("../images/contact_white.png") no-repeat 0 9px;height:38px;width:100%;float:left;position:relative;}
.onroadcontact p{margin:0;font-size:25px;color:#fff;padding: 3px 0 0 6%;font-family: 'latobold';}
.bodyrepaircontact{background:url("../images/contact_black.png") no-repeat 0 9px;height:38px;width:100%;float:left;position:relative;}
.bodyrepaircontact p{margin:0;font-size:25px;color:#000;padding: 3px 0 0 6%;font-family: 'latobold';}
a.rtsales{padding-right:2%;}
.exchange_car { background: #1e407f url("../images/arrow_right_white.png") no-repeat scroll 94% 50%; float: left;  height: 30px;  margin-bottom: 2%;
                padding: 0 0 0 10px;  text-align: left;  width: 15%;}
.exchange_car:hover{background:#ed8c01 url("../images/arrow_right_white.png") no-repeat 94% 50%;}
.exchange_car a{color:#fff;display:block;font-size:16px;padding: 4px;text-decoration:none;}
.exchange_car a:hover{text-decoration:none;}
.usedcardiv{float:left;width:100%;}
.usedcardiv img{width:100%;margin-bottom:3%;}
.service_feedbackdiv{float:left;width:100%;}
.service_feedbackdiv img{width:100%;margin-bottom:3%;}
.address_Insurance_ren{float:left;width:100%;}
.contact_fpl{ background: url("../images/phone_blue.png") no-repeat; background-position: left center;}
.contact_fpl p{font-size: 25px;color: #1e407f;
               font-weight: bold;
               margin: 0;
               padding: 3px 0 0 6%;}
.contact_fpl p a{color: #1e407f;text-decoration:none;}
.contact_fpl p a:hover{color: #1e407f;}
.contact_fpl p a:focus{color: #1e407f;}
.contact_fpl h3{text-align:left;color:#000;margin:0px;}
.address_loan_app{float:left;width:100%;}

p.special_offr{font-size: 18px;
               padding-top: 14%;}
.spl_offr_div{width:200px;height:150px;float:left;}
span.cust_name{font-size:12px; display: none}
img.single_car_img{width:30%;}
.slider_Top{margin-top:74px;}
.range_car_div{background:url('../images/our_range_car_heading.png') no-repeat center center;color: #fff;height: 72px;}
.range_car_div h5{text-align:center; font-size: 20px;margin: 0;padding-top: 21px;}
.addrs_fpl_head{border-left: 3px solid #ed8c01;color: #1e407f;padding-left: 11px;text-align: left;font-size:18px;font-size: 14px;}
.addrs_fpl{font-size: 15px;color:#000;line-height: 28px;}
.tab_desc_holder h2{border-left: 7px solid #ed8c01;color: #1e407f;padding-left: 11px;text-align: left;font-family: 'latosemibold';}
.address_Insurance_ren h3{border-left: 3px solid #ed8c01;color: #1e407f;padding-left: 11px;text-align: left;font-size:18px;font-family: 'latomedium'; }
.address_Insurance_ren .addrs_fpl{font-size: 15px;line-height: 30px;}
.top_fpl_insurance{margin-top:25px;}
.address_loan_app h3{border-left: 3px solid #ed8c01;color: #1e407f;padding-left: 11px;text-align: left;font-size:18px;}
.address_loan_app .addrs_fpl{font-size: 15px;line-height: 30px;}
.service_feedbackdiv h3{border-left: 3px solid #ed8c01;color: #1e407f;padding-left: 11px;text-align: left;font-size:18px;font-family: 'latomedium'; }
.about_tit h2{color: #ed8c01;text-align: left;font-family: 'latosemibold';}
.benefit_li  h4{color: #1e407f;}
ul.buyer_benefit_fpl{list-style-image:url("../images/orange_arrow_list.png");margin: 0;
                     padding-left: 19px;}
ul.buyer_benefit_fpl li{line-height:31px;color:#000}
.usedcardiv h3{border-left: 3px solid #ed8c01;color: #1e407f;padding-left: 11px;text-align: left;font-size:18px;font-family: 'latomedium'; }
.finance_cal_div{width:33%;background: #1e407f url("../images/calculator_fin.png") no-repeat scroll 2% 50% / 12% auto;
                 padding: 10px 0 10px 28px;}
				 .finance_cal_div:hover{background: #ed8c01 url("../images/calculator_fin.png") no-repeat scroll 2% 50% / 12% auto;transition: all 0.5s ease-in-out 0s; }
.finance_cal_div a{color:#fff;text-decoration:none;}

.credentials-block { margin:30px 0px; }
.credential_div{border:1px solid #eaeaea;float:left; width:100%; height:260px;text-align:center; padding:15px; transition:all 600ms ease-in-out; position:relative }
.credential_div:after { position:absolute; width:2px; height:100px; background:#ed8c01; top:0px; left:0px; content:"" }
span.icon{display:block;width:100px;height:80px;margin:0 auto;}
.icon1{background:url("../images/icon/icon1.png") no-repeat center center;}
.icon2{background:url("../images/icon/icon2.png") no-repeat center center;}
.icon3{background:url("../images/icon/icon3.png") no-repeat center center;}
.icon4{background:url("../images/icon/icon4.png") no-repeat center center;}
.icon5{background:url("../images/icon/icon5.png") no-repeat center center;}
.icon6{background:url("../images/icon/icon6.png") no-repeat center center;}
.icon7{background:url("../images/icon/icon7.png") no-repeat center center;}
.icon8{background:url("../images/icon/icon8.png") no-repeat center center;}
.icon9{background:url("../images/icon/icon9.png") no-repeat center center;}
.icon10{background:url("../images/icon/icon10.png") no-repeat center center;}
.icon11{background:url("../images/icon/icon11.png") no-repeat center center;}
.icon12{background:url("../images/icon/icon12.png") no-repeat center center;}
.icon13{background:url("../images/icon/icon13.png") no-repeat center center;}
.icon14{background:url("../images/icon/icon14.png") no-repeat center center;}
.icon15{background:url("../images/icon/icon15.html") no-repeat center center; background-size: 80px auto !important;}

.credential_div:hover .icon1{background:url("../images/icon/icon1-hover.png") no-repeat center center;}
.credential_div:hover .icon2{background:url("../images/icon/icon2-hover.png") no-repeat center center;}
.credential_div:hover .icon3{background:url("../images/icon/icon3-hover.png") no-repeat center center;}
.credential_div:hover .icon4{background:url("../images/icon/icon4-hover.png") no-repeat center center;}
.credential_div:hover .icon5{background:url("../images/icon/icon5-hover.png") no-repeat center center;}
.credential_div:hover .icon6{background:url("../images/icon/icon6-hover.png") no-repeat center center;}
.credential_div:hover .icon7{background:url("../images/icon/icon7-hover.png") no-repeat center center;}
.credential_div:hover .icon8{background:url("../images/icon/icon8-hover.png") no-repeat center center;}
.credential_div:hover .icon9{background:url("../images/icon/icon9-hover.png") no-repeat center center;}
.credential_div:hover .icon10{background:url("../images/icon/icon10-hover.png") no-repeat center center;}
.credential_div:hover .icon11{background:url("../images/icon/icon11-hover.png") no-repeat center center;}
.credential_div:hover .icon12{background:url("../images/icon/icon12-hover.png") no-repeat center center;}
.credential_div:hover .icon13{background:url("../images/icon/icon13-hover.png") no-repeat center center;}
.credential_div:hover .icon14{background:url("../images/icon/icon14-hover.png") no-repeat center center;}
.credential_div:hover .icon15{background:url("../images/icon/icon15_hover.html") no-repeat center center;  background-size: 80px auto !important;}

.credential_div img{margin:0 auto;display:block;}
.credential_div h2{text-transform:uppercase;font-size:14px;color:#173a79;font-family: 'latobold'; margin:0px; padding:10px 0px 20px 0px; }
.credential_div  p{color:#000; font-family: 'latolight'; font-size:15px;padding:10px;}

.credential_div:hover{ background:#1e407f;  -webkit-transform: translate(0,-3em);
                       -moz-transform: translate(0,-3em);
                       -o-transform: translate(0,-3em);
                       -ms-transform: translate(0,-3em);
                       transform: translate(0,-3em); }
.credential_div:hover h2 {color:#fff;}
.credential_div:hover p {color:#fff;}
.tab_mnu_locate .content_sliders h1{color:#1e407f;font-family: 'latolight';/* text-transform:capitalize; */ font-size:30px;margin:0;}
.tab_mnu_locate .content_sliders h1 span{text-transform:none;}

.heading_choose_car{padding:0 !Important;}

.tab_mnu_locate .content_sliders p{font-family: 'latoregular'; margin:0; font-size:15px;line-height:27px;text-align:justify;}
.tab_mnu_locate .interior_slider{padding:35px 0 0 0;}

.side_banner_desc h1{color:#1e407f;font-family: 'latolight';text-transform:capitalize; font-size:30px;margin:0;}
.side_banner_desc p{font-family: 'latoregular'; margin:0; font-size:15px;line-height:27px;}



.why_fpl_btn p{margin:0;}
.why_fpl_btn{width:18%; background:#1d417f;color:#fff;font-family: "latolight";margin:0 auto;text-align:center;}
.why_fpl_btn p a{font-size:17px;margin:0;display:block;color:#fff;text-decoration:none;padding:15px;transition: all 0.5s ease-in-out 0s; font-weight: bold; text-transform: uppercase}
.why_fpl_btn p a:hover{cursor:pointer;background:#111;color:#e5e5e5 !important;}
.infra_top_pad10{ padding-top: 10px }
.infratab_content img{ max-width: 100%}
.infratab_content a{ color: #1e407f}
.infra_tab_cnt{ padding-top: 20px; border-top:1px solid #ccc}
.infra_txt_bg{  height: 100%; top:0; left: 0; background: rgba(42,56,94,0.7); position: absolute;  min-width: 300px; }
.infra_txt_bg p{ text-align: center !important; position: relative; color: #fff;  top: 50%; font-size: 22px;transform: translateY(-50%);}
.a_infra_link{ display: inline-block; position: relative; }
.a_infra_link .infra_txt_bg{ opacity: 0;transition: opacity 1s ease-in-out}
.infra_gallery{ width: 100%; float:left ; position: relative}
.infra_gallery .singles{ float: left;  margin-bottom: 21px;  margin-right: 2%;  position: relative; width: 23%; }
//.opacity_full{ opacity: 1 !important;}

.a_infra_link:hover .infra_txt_bg{ opacity: 1; }

//.infratab_content .nav.nav-tabs {  float: none;  margin: 0 auto;  width: 320px; border: none}
.infratab_content .nav-tabs > li.active > a {  background:#1d417f; color: #fff }
.infratab_content .nav-tabs > li > a {  background:#e6e6e6; }
.act_bread_link{ color:#ccc;text-decoration:none;}
.act_bread_link:hover{ color:#8a8a8e;text-decoration:none;}
//.infra_img_txt{ padding: 1px; border: 1px solid #1e407f; width: 99%}
.infra_img_txt{ max-width: 100%}
.bodyrepaircontact p a{text-decoration:none;color:#000;}
.bodyrepaircontact p a:hover{text-decoration:none;color:#000;}
.bodyrepaircontact p a:focus{text-decoration:none;color:#000;}
.mob_number{color: #111; text-decoration: none; outline: none}
.mob_number:hover{color: #111; text-decoration: none; outline: none}
.mob_number:focus{color: #111; text-decoration: none; outline: none}
.mob_numberwhite{color: #fff; text-decoration: none; outline: none}
.mob_numberwhite:hover{color: #fff; text-decoration: none; outline: none}
.mob_numberwhite:focus{color: #fff; text-decoration: none; outline: none}
.map_max_wid{ max-width: 100% !important}
.img_txt_viewmore{ width: 100%; float: left; text-align: left !important; font-size: 15px !important; padding-top: 5px}
.media_tit{ margin-bottom: 0 !important}
.pad_btm15{ padding-bottom: 15px}
select{outline:none;}
select:hover{cursor:pointer;}
input{outline:none;}
textarea{outline:none;}
.addrs_fpl a{text-decoration:none;}
.addrs_fpl a:hover{text-decoration:none;}
.img_txt_viewmore a{text-decoration:none;}
.img_txt_viewmore a { transition:all 0.3s ease-in-out;
    text-decoration: none;
    background: #173a79;
    color: #fff;
    font-size: 13px;
    padding: 0 13px;
    margin: 16px 0 0;
}

.img_txt_viewmore a:hover{ background:#222; color:#fff}
.img_txt_viewmore a:hover{text-decoration:none;}
.addrs_fpl a{color:#000;}
h3.awardtitle{font-size:18px; margin:0 0 10px 0;}
.about_tit a {text-decoration:none;}
h2.awardheading{color:#1e407f;font-size:18px;}

.nooffer{float:left;width:100%;}
.nooffer img{float:left;}
.nooffer p{margin:0 ;float:left; color: #1e407f;
    font-size: 25px;
    padding: 60px 0 25px 10px;}
a.medias{min-height:350px;display:block;}
a.medias img{}
@media screen and (max-width: 767px) {
    .full_wid .rt_container .rt_cont_inner{ background: #ccc !important}
    .footer .foot_link.mobile_social{ padding-left:  0 !important}
    .desk_hide ul { margin: 0 auto !important; width: 192px !important;}

    li.social a{ width: 17px}
    .why_fpl_btn {
        background: #1d417f none repeat scroll 0 0;
        color: #fff;
        font-family: "latolight";
        margin: 0 auto;
        min-width: 123px;
        text-align: center;
        width: 18%;
    }
    .payment_logo{ display: none}
    .offer_logo{ display: none}
    /*    #choose_car .tab_desc_holder { float: left; padding: 2% 0 55px;position: relative;width: 100%;}
    .interior_slider.owl-carousel .owl-controls{ bottom: -13%; float: left;  position: absolute;  width: 100%;}*/
    .pad_tp_10{  float: left; padding-top: 8px;  width: 100%;}
    .mob_justify{ text-align: justify}
    .pos_fixed{ position: relative !important}
    .header{padding-top: 45px;}
    .dropdown-menu{ padding-top: 0 !important; padding-bottom: 0 !important}
    .navbar-inverse .navbar-nav > li > a{ font-size: 13px}
    .navbar.navbar-inverse.navbar-fixed-top{ display: block}
    //.dropdown-menu{ display: block}
    .desk_hide ul{ margin: 0 auto;width: 100%;}
    // .desk_hide  ul{ width: 100% ; }
    .calllus ul li {float: left;font-size: 13px;list-style: outside none none;padding-left: 1%; width: 100%;}
    .footer .foot_link.mobile_social{ padding-left: 0}
    .calllus ul{ width: 100%; text-align: center}
    .desk_hide{ display: block}
    .top_mob_link li.social{ padding:0 0 4%}
    .footer .foot_link {float: left;padding: 0;position: relative;width: 100%;}
    .foot_link li{ text-align: center}
    .mobile_social ul li{ float: left; margin-right: 5%; padding-bottom: 12%; width: auto;}
    .desk_top{ display: none}
    .mobile_social{ display: block}
    .dropdown-menu{ background:#1d417f }
    .dropdown-menu > li > a{ color:#fff}
    .bs-example{   position: absolute;right: 2%; top: 38%;width: 9%;}
    .dropdown-menu{ right:-4%; left: auto}
    .bs-example{ display:block}
    .absolute img{ width:36%}
    .test_drive {right: 18%;}
    .get {right: 0%;}
    .test_drive{ padding-right:0% !important}
    .absolute {bottom: 11%;position: absolute;  width: 44%;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom: 6% !important;left: 1% !important;position: absolute !important;text-align: left !important;width: 32% !important;}
    .calllus{ width:100%; text-align:center; padding:5% 0 1%}
    .calllus li{ display:none}
    .calllus li:first-child{ display:block}
    .main_header{width:100%;}
    .mnu_list{ display:none}
    .main_header .img { float: none; margin: 0 auto; padding: 2% 0; text-align: center; width: 46%;}
    .top_arw {left: 15%;position: absolute;top: -10.2%; display:none}
    .top_arw img{width:60%}
    .ul_list img{ width:100%}
    a.nxt {right: -2%;}
    a.position {position: absolute;top: 50%;}
    .left_cont {loat: left;margin-right: 3%;padding-bottom: 9%;padding-top: 11%;text-align: center;width: 100%;}
    .clr_fff1 {/*background: rgba(0, 0, 0, 0) url("../images/slice.png") no-repeat scroll 0 0;*/color: #fff;padding-left: 2%;}
    .cnts {float: left;width: 100%;}
    .inner_container1 {margin-left: 9%;width: 90%;}
    .test_cnt .rt {float: left;position: relative;width: 100%;}
    .test_cnt .lft {float: left;position: relative;width: 100%;}
    .mob_resp{ width:100%}
    .foot_link li {float: left;list-style: outside none none;padding: 5% 0;width: 100%;}
    .mob_txt{ display: block}
    .customers{ background: #ccc; min-height:555px; background-size: cover;    padding: 2% 0 10%;	}
    .onroad_bg{background: #fff;min-height: 325px;}
    .regular{background: #222;}
    .body_repair{background: #f8f8f8;min-height: 328px;}
    .regular_bg {background: #222;min-height: 321px;}
    .test_bg {background: #3368b2 none repeat scroll 0 0;min-height: 575px; padding: 10% 0 13%;}
    .title_box{ display: none}
    .testimonial { font-size: 111%; margin-top: 1%; text-align: center}
    //.dropdown-toggle img { width: 50%}

    .full_wid .lft_container {float: left;position: relative;width: 100%;}
    .bg_img h2 {font-family: "latolight";font-size: 28px;}
    .full_wid .rt_container {float: left;position: relative;width: 100%;}
    .full_wid .lft_container .lft_cont_inner{ padding: 8% 0 0 4%}  
    .mrng_btm_mob{ padding-bottom: 58%}
    .testimonial_slider .owl-controls .owl-nav .owl-prev{top:138%; right: 21%}
    .testimonial_slider .owl-controls .owl-nav .owl-next{top:138%}
    .full_wid .rt_container .rt_cont_inner{padding: 8% 0 0 4%; width: 99% !important}
    .lft_container .lft_cont_inner{width:99% !important}
    .dropdown-toggle img{width: 100%}
    .small_car .owl-controls .owl-nav .owl-prev{    left: auto; right: 12%;top: -9%; background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 0 / 15% auto;}
    .small_car .owl-controls .owl-nav .owl-next{ right: -25%; top: 24%; right: -1%; top:-9%; background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 0 /15% auto;}
    .mrg_tp0{margin-top: 0 !important}
    .yahoo{margin-top: 0}
    .calllus ul li{ font-size: 110%}
    .bg_img{ padding-bottom: 13%; min-height: 0}
    .lft_cont_inner h1 {font-family: 'latobold';font-size: 33px;}

    /* WHY FPL */
    .team_inner{ padding: 4% 0 38%}
    .team_slider .owl-controls .owl-nav .owl-prev{ left: 34%}
    .creden_link{ width: 33%}
    .creden_link:hover{ width: 33%}

    /* choose a car  */
    #choose_car .choose_banner_btns { bottom: 0; float: left; padding-left: 27%; position: absolute; width: 94%;}
    #choose_car .choose_banner_btns ul li {cursor: pointer; float: left; height: 75px;list-style: outside none none; margin-right: 5%; width: 14%;}
    #choose_car .mnu_section li {color: #fff;cursor: pointer;float: left;font-size: 66%;list-style: outside none none;padding: 4.3% 2.5%;width: auto;}
    #choose_car .banner_section a img {width: 45%;}

    /* show room*/
    #show_room .show_room_gallery .marn_btm {  margin-bottom: 28px; float: left}

    .mob_hide{ display: none}
    .mob_pads_tp{ padding-top: 20px; }


    /* mobile only stop animate*/
    @media screen and (min-width: 320px) and (max-width: 767px) {
        .media_list{ margin-bottom: 30px}

       .customers .bounceInLeft {
            -webkit-animation-name: test;
            animation-name: test;
        }
       .customers .bounceInUp {
            -webkit-animation-name: test;
            animation-name: test;
        }
       .customers .bounceInRight {
            -webkit-animation-name: test;
            animation-name: test;
        }
    }
  



}

@media screen and (min-width: 639px) and (max-width: 767px) {
    ul.small_car .owl-controls .owl-nav .owl-next{ right: -5%}
    .dropdown-toggle img { width: 70%;}
}
@media screen and (min-width: 318px) and (max-width: 359px) {
    .credential_div{margin-bottom:8%;}
    .finance_cal_div {width:64%;}
    .absolute img {
        float: left;
        margin-left: 10px;
        margin-right: 5px;
        width: 91%;
    }
    .test_drive {
        padding-right: 0 !important;
    }
    .absolute {display: block;float: left;padding-right: 0;position: relative;
               right: 0;
               width: 50%;
    }

    .calllus ul li a.findmap {
        display: none;
    }
    .main_header .img {width: auto;}
    .mobile_social ul li{padding-left:7%;}
    .exchange_car {width:55%;}

    .side_banner_desc .left_img_col img {  width: 100% !important;}
    #choose_car .banner_section a.fancybox img { width: 100%;}
    .interior_slider .owl-controls .owl-nav .owl-prev{ bottom: -10%}
    .interior_slider .owl-controls .owl-nav .owl-next{ bottom: -10%}
    #choose_car .tab_desc_holder{ padding: 2% 0 55px}
    .gallery_holder .single_gal a {border: 4px solid #fff;float: left; margin-bottom: 3%; margin-right: 3%; position: relative; width: 100%;}
	
    #choose_car .banner_section a.drive.test_drive { bottom: 2%; position: absolute; right: 29%;}
    .testimonial_slider .owl-controls .owl-nav .owl-prev{top:124%; right: 21%}
    .testimonial_slider .owl-controls .owl-nav .owl-next{top:124%}
    #choose_car .banner_section a.drive.get { bottom: 2%; position: absolute; right: 0%;}
    .img_360_demo{   float: left; height: 134px !important;width: 100% !important;}
    .exterior_slider .owl-controls .owl-nav .owl-prev{ right: 9%}
    .interior_slider .owl-controls .owl-nav .owl-next{ left: 87%}
    iframe{ height: 134px !important}
    #choose_car .banner_bg{ min-height:  134px}
    #choose_car .banner_section{ background: #ccc}
    #choose_car .choose_banner_btns {background: #ccc none repeat scroll 0 0; bottom: 0; float: left; padding-left: 27%; position: relative; width: 94%;}
    #choose_car .choose_banner_btns ul{padding: 4% 0 0 }
    .small_car .owl-controls .owl-nav .owl-prev{    left: auto; right: 12%;top: 0% !important; background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 0 / 15% auto;}
    .small_car .owl-controls .owl-nav .owl-next{ right: -25%; top: 24%; right: -1%; top:0% !important; background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 0 /15% auto;} 
    .content_sliders{ max-height: 150px}
}
@media screen and (max-width: 370px) {
    .range_car_div{ margin-top: 5px }
    .onroadcontact{ padding-left: 10px}
    .bodyrepaircontact{ padding-left: 10px}
    .full_wid.footer .mobile_social ul { margin: 0 auto !important;padding: 0 !important; width: 163px !important;}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
    .mobile_social ul {
        margin: 0 auto !important;
        padding: 0 !important;
        width: 85px !important;
    }
}
@media screen and (min-width: 360px) and (max-width: 479px) {
.img_txt_viewmore{text-align:center !Important;}
.about_tit h3{font-size:18px;}
.about_tit{float:left;}
p.sub_desc{float:left;}
.locationblock{position:relative;display:block;z-index:1;right:0;}
.clse_loc{display:none;}
.full_wid .rt_container {padding:0;}
p.apply_a{width:53%;}
    .credential_div{margin-bottom:12%;}
    .finance_cal_div {width:60%;}
    .full_wid .rt_container .rt_cont_inner {min-height:auto;}
    .slider_Top{margin-top:0;}
    .lft_cont_inner h1 {
        font-family: 'latobold';
        font-size: 24px;
    }
    .cnts{font-size: 14px;}
    .onroadcontact p{padding: 3px 0 0 9%;}
    .full_wid .lft_container .lft_cont_inner {min-height:auto;}
    .rt_cont_inner h1{font-size: 24px;}
    .bodyrepaircontact p{padding: 3px 0 0 9%;}
    .range_car_div{margin-top:0;}
    ul.small_car .owl-controls .owl-nav .owl-prev {left: -14px;margin-top: 20%;}
    ul.small_car .owl-controls .owl-nav .owl-next {margin-top: 20%;}
    .rt_container img{width:100%;}
    .full_wid .rt_container {height:auto;}
    .lft_container img{width:100%;}
    .full_wid .lft_container{height:auto;}
    .bg_clr_222 {height:250px;}
    .absolute img {
        float: left;
        margin-left: 10px;
        margin-right: 5px;
        width: auto;
    }
    .test_drive {
        padding-right: 0 !important;
    }
    .absolute {display: block;float: left;padding-right: 0;position: relative;
               right: 0;
               width: auto;
    }
    .main_header .img {width: auto;}
    .footer .foot_link.mobile_social{margin-left:13%;}
    .exchange_car {  width: 50%;}
    .calllus ul li a.findmap{display:none;}
    .calllus ul li:first-child {
        padding-right: 2.5%;
    }	

    .side_banner_desc .left_img_col img {  width: 100% !important;}
    .exterior_slider .owl-controls .owl-nav .owl-prev{ bottom: -23%}
    .exterior_slider .owl-controls .owl-nav .owl-next{ bottom: -23%}
    .content_sliders{ max-height: 150px}
    #choose_car .tab_desc_holder{ padding: 2% 0 55px}
    #choose_car .banner_section a.fancybox img { width: 100%;}
    .gallery_holder .single_gal a {border: 4px solid #fff;float: left; margin-bottom: 3%; margin-right: 3%; position: relative; width: 100%;}
    .small_car .owl-controls .owl-nav .owl-prev{    left: auto; right: 12%;top: 0% !important; background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 0 / 15% auto;}
    .small_car .owl-controls .owl-nav .owl-next{ right: -25%; top: 24%; right: -1%; top:0% !important; background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 0 /15% auto;}  
    .testimonial_slider .owl-controls .owl-nav .owl-prev{top:124%; right: 21%}
    .testimonial_slider .owl-controls .owl-nav .owl-next{top:124%}
    #choose_car .banner_section a.drive.test_drive {  bottom: 2%; position: absolute; right: 29%;}
    #choose_car .banner_section a.drive.get {bottom: 2%; position: absolute; right: 0%;}
    .img_360_demo{   float: left; height: 134px !important;width: 100% !important;}
    .exterior_slider .owl-controls .owl-nav .owl-prev{ right: 9%;}
    .interior_slider .owl-controls .owl-nav .owl-next{ right:-2%; bottom: -6%}
    .interior_slider .owl-controls .owl-nav .owl-prev{ bottom: -6%}
    .desk_hide ul{ margin: 0 auto;width: 84%;}
    .mrng_btm_mob { padding-bottom: 5%;}
    #choose_car .mnu_section li{font-size: 74%;}
    #choose_car .banner_section{ background: #ccc}
    #choose_car .choose_banner_btns {background: #ccc none repeat scroll 0 0; bottom: 0; float: left; padding-left: 27%; position: relative; width: 94%;}
    #choose_car .choose_banner_btns ul{padding: 4% 0 0 }
    #choose_car .banner_bg{ min-height:  160px}
    iframe{ height: 160px !important}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.abt_hyndai {
    text-align: center;
}
.abt_hyndai1{float:left;}
.img_txt_viewmore{text-align:center !important;}
    .finance_cal_div {width:42%;}
    .footer .foot_link.mobile_social{margin-left:20%;}
    .exchange_car {  width: 37%;}
    .side_banner_desc .left_img_col img {   width: 100% !important;}
    #choose_car .tab_desc_holder{ padding: 2% 0 70px}
    .interior_slider .owl-controls .owl-nav .owl-next{ bottom: -2%}
    .interior_slider .owl-controls .owl-nav .owl-prev{ bottom: -2%}
    #choose_car .banner_section a.fancybox img { width: 100%;}
    .gallery_holder .single_gal a {border: 4px solid #fff;float: left; margin-bottom: 3%; margin-right: 3%; position: relative; width: 100%;}
    #choose_car .banner_section a.drive.test_drive {bottom: 1%; position: absolute; right: 37%;}
    #choose_car .banner_section a.drive.get { bottom: 1%; position: absolute; right: 20%;}
    .img_360_demo{   float: left; height: 165px !important;width: 100% !important;}
    .desk_hide ul{ margin: 0 auto;width: 59%;}
    .mrng_btm_mob { padding-bottom: 11%;}
    #choose_car .mnu_section li{font-size: 99%;} 
    #choose_car .banner_section{ background: #ccc}
    #choose_car .choose_banner_btns {background: #ccc none repeat scroll 0 0; bottom: 0; float: left; padding-left: 27%; position: relative; width: 94%;}
    #choose_car .choose_banner_btns ul{padding: 4% 0 0 }
    #choose_car .banner_bg{ min-height:  200px}
    iframe{ height: 200px !important}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about_tit1{float:left;}
.abt_hyndai1{float:left;}
.img_txt_viewmore{text-align:center !important;}
.lft_cont_inner h1{font-size:26px;}
.full_wid .lft_container .lft_cont_inner{height:auto;}
p.apply_a{width:60%;}
.locationblock{position:relative;z-index:1;right:0;height:auto;}
.clse_loc{display:none;}
.full_wid .rt_container{height:auto;padding:0;}
.full_wid .lft_container{height:auto;padding:0;}
img.single_car_img {
    width: 70%;
}
    .infra_gallery .singles {
        float: left;
        margin-bottom: 21px;
        margin-right: 2%;
        position: relative;
        width: 48%;
    }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.img_txt_viewmore{text-align:center !Important;}
.about_tit h3{font-size:18px;}
.about_tit1{float:left;}
p.sub_desc{float:left;}
.abt_hyndai{text-align:center;}
.img_txt_viewmore{text-align:center !Important;}
.locationblock{display:none;}
    .mobile_social ul { margin: 0 auto; width: 173px !important;
    }
    .credential_div{margin-bottom:12%;}
    .foot_link li{padding:2% 0;}
    .mobile_social ul{margin:0 auto;}

    .side_banner_desc .left_img_col img { width: 100% !important;}
    .side_banner_desc .left_img_col img{ width: 100% !important}
    #choose_car .tab_desc_holder{ padding: 2% 0 70px}
    .interior_slider .owl-controls .owl-nav .owl-next{ bottom: -4%}
    .interior_slider .owl-controls .owl-nav .owl-prev{ bottom: -4%}
    #choose_car .banner_section a.fancybox img { width: 100%;}
    .gallery_holder .single_gal a {border: 4px solid #fff;float: left; margin-bottom: 3%; margin-right: 3%; position: relative; width: 100%;}

    #choose_car .banner_section a.drive.test_drive {bottom: 8%; position: absolute; right: 12%;}
    #choose_car .banner_section a.drive.get { bottom: 8%; position: absolute; right: 0%;}
    .desk_hide ul{ margin: 0 auto;width: 44%;}
    .mrng_btm_mob { padding-bottom: 0%;}
    #choose_car .mnu_section li { color: #fff; cursor: pointer; float: left; font-size: 96%; list-style: outside none none;padding: 2.3% 5.5%;width: auto;    }
    #choose_car .banner_section{ background: #ccc}
    #choose_car .choose_banner_btns {background: #ccc none repeat scroll 0 0; bottom: 0; float: left; padding-left: 27%; position: relative; width: 94%;}
    #choose_car .choose_banner_btns ul{padding: 4% 0 0 }
    #choose_car .banner_bg{ min-height:  268px}
    iframe{ height: 268px !important}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.locationblock{height:auto;padding:15px;}
    .main_header{ width: 28% !important}
    .main_header .img img {padding-top: 14px;}
    .mnu_list{ width: 72% !important}
    .a_infra_link {display: inline-block;position: relative;width: 100%;}
    .infra_txt_bg { background: rgba(42, 56, 94, 0.7) none repeat scroll 0 0;height: 100%;left: 0;min-width: auto;position: absolute;top: 0;width: 100%;}
    .credential_div{margin-bottom:12%;}
    .finance_cal_div {width:57%;}
    .three_col_min_ht {  min-height: 158px;}
    p.apply_a {width: 60%;font-size: 12px;}
    .left_cont {margin: 0 auto 0 5%;width: 25%;margin-right:0;}
    ul.small_car .owl-controls .owl-nav .owl-next {right:0;}
    .footer .foot_link.mobile_social{margin-left:0;padding-left:33%;}
    body .inner_container{width:100% !important;}
    .foot_link li{padding-left:2% !important;padding-right:0 !important;padding-bottom:0 !Important;}
    .foot_link li a{ font-size: 11px}
	.foot_link li a {
    font-size: 9px;
}
    .exchange_car {  width: 49%;}
    #choose_car .banner_section a.fancybox img { width: 100%;}
    .gallery_holder .single_gal a { border: 4px solid #fff; float: left; margin-bottom: 3%; margin-left: 25%; margin-right: 3%; position: relative;width: 48%;}
    .interior_slider .owl-controls .owl-nav .owl-next{ bottom: 0%}
    .interior_slider .owl-controls .owl-nav .owl-prev{ bottom: 0%}
    .content_sliders { max-height: 150px; }
    #choose_car .banner_section{ background: #ccc}
    #choose_car .choose_banner_btns {background: #ccc none repeat scroll 0 0; bottom: 0; float: left; padding-left: 27%; position: relative; width: 94%;}
    #choose_car .choose_banner_btns ul{padding: 4% 0 0 }
    #choose_car .banner_bg{ min-height:  325px}
    iframe{ height: 325px !important}
    .mnu_list ul li a{ font-size: 11px}
    .mnu_list ul li{ padding: 4% 2%}
    .title_box_hold .lft h1{font-size: 33px}
    .title_box_hold .rt h4{font-size: 15px}
    //   .lft_cont_inner h1{font-size: 26px}
    .full_wid .lft_container {float: left;position: relative;width: 100%;}
    .full_wid .rt_container {float: left;position: relative;width: 100%;}
    .top_arw {left: 15%; position: absolute; top: -6.5%; }
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom: 8%;left: 25% !important;position: absolute;text-align: left;width: 16% !important;}
    .test_drive { right: 25%;}
    .mnu_list ul li {background: #fff none repeat scroll 0 0;color: #5d5d5d;float: left;font-size: 94%;list-style: outside none none; margin-left: 0;padding: 4% 1.5%; position: relative;width: auto;}
    ul.ul_sub {   background: #000 none repeat scroll 0 0; float: left; left: 0; position: absolute !important; top: 100%; width: 100%; z-index: 9; display: none}
    ul.ul_sub li {    background: #000 none repeat scroll 0 0; border-bottom: 1px solid #222; float: left; padding: 4% 0 4% 10%;text-align: left;width: 250px; }
    ul.ul_sub li:hover { width: 250px; float: left; background: #d5d5d5; color: #000 !important }
    ul.ul_sub li:hover a{ color: #000 !important}
    ul.ul_sub li a{ padding-left: 6% }
    .mnu_list {float: right;position: relative; width: 76%;}
    .calllus {color: #fff;float: right;padding: 0.8% 0;width: 88%;}
    .left_cont h3{   font-size: 162%;    font-weight: bold;}
    .left_cont a img{width: 85%}
    .test_bg {background: #3368b2 none repeat scroll 0 0;min-height: 575px; padding: 10% 0 13%;}
    .main_header .img { float: left; width: 76%;}
    .fnt_less{font-size: 205%}
    .foot_link li {float: left;list-style: outside none none; padding-bottom: 4%; padding-right: 7%; width: auto;}
    .footer .foot_link {float: none !important;
                        margin: 0 auto;
                        padding: 0;
                        position: relative;
                        width: 659px;}
    .small_car .owl-controls .owl-nav .owl-prev{    left: auto; right: 12%;top: -24%; background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 0 / 33% auto;}
    .small_car .owl-controls .owl-nav .owl-next{ right: -25%; top: -24%; right: -1%;  background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 0 /33% auto;}
    /* CHOOSE A CAR*/
    #choose_car .mnu_section li { padding: 1.3% 6.5%;}
    #choose_car .banner_section a img {width: 45%;}
    #choose_car .banner_section a.drive.test_drive {bottom: 9.5%;position: absolute;right: 17%;}
    #choose_car .banner_section a.drive.get { bottom: 9.5%; position: absolute; right: 13%;}
	.credential_div p {font-size: 13px;}
	.img_txt_viewmore{text-align:center !important;}
	.img_txt_viewmore a{width: 60%;}	
	.about_tit a h3{font-size:18px;}
	
}

@media screen and (min-width: 1024px) and (max-width: 1201px) {   
ul.small_car .owl-controls .owl-nav .owl-next{ right: -2%;top: 22% !important;}
.p_pad_btm {font-size: 15px;}
p.apply_a{width:60%;}
ul.small_car .owl-controls .owl-nav .owl-prev{top: 22% !important;}
.locationblock{/* height:auto;padding:15px; */display:none;}
    .foot_link li a{ font-size: 11px}
    .a_infra_link { display: inline-block; position: relative; width: 100%;}
    .infra_txt_bg {background: rgba(42, 56, 94, 0.7) none repeat scroll 0 0;height: 100%;left: 0;min-width: auto;position: absolute;top: 0;width: 100%;}

    .finance_cal_div {width:42%;}
    .footer .foot_link{padding-left:0;}
    .footer .foot_link.mobile_social {padding-left: 38%;}
    .exchange_car {width: 37%;}
    .mnu_list ul li{ padding: 4% 2%;}
    #choose_car .banner_section a.fancybox img { width: 100%;}
    .gallery_holder .single_gal a { border: 4px solid #fff; float: left; margin-bottom: 3%; margin-left: 25%; margin-right: 3%; position: relative;width: 48%;}
    .calllus {color: #fff;float: right;padding: 0.8% 0;width: 70%;}
    .mnu_list ul li{ font-size: 120%}
    .mnu_list{width: 69%}
    .fnt_less{font-size: 205%}
    .left_cont h3{ font-size: 205%}
    .foot_link li {
    padding-right: 2%;
}
    .mnu_list ul li a{ font-size: 12px}
    .mnu_list ul li{ padding: 4% 2%}
    .title_box_hold .lft h1{font-size: 33px}
    .title_box_hold .rt h4{font-size: 15px}
    //   .lft_cont_inner h1{font-size: 26px}
    .full_wid .lft_container {float: left;position: relative;width: 100%;}
    .full_wid .rt_container {float: left;position: relative;width: 100%;}
    .test_drive{right: 18%}
    .small_car .owl-controls .owl-nav .owl-next{ right: -4%}
    .small_car .owl-controls .owl-nav .owl-prev{ left: -2%}
    #choose_car .banner_section a img { width: 72%;}
    #choose_car .banner_section a.drive.test_drive {bottom: 5%; position: absolute;right: 22%;}
    #choose_car .banner_section a.drive.get {bottom: 5%; position: absolute;right:16%;}
    #choose_car .mnu_section li{   padding: 1.3% 8%;}
    #choose_car .banner_section{ background: #ccc}
    #choose_car .choose_banner_btns {background: #ccc none repeat scroll 0 0; bottom: 0; float: left; padding-left: 27%; position: relative; width: 94%;}
    #choose_car .choose_banner_btns ul{padding: 4% 0 0 }
    #choose_car .banner_bg{ min-height:  430px}
    iframe{ height: 430px !important}
	.credential_div p {font-size: 13px;}
	.img_txt_viewmore{text-align:center !important;}
	.img_txt_viewmore a{width: 50%;}
}
@media screen and (min-width: 1279px){
    .footer .foot_link.mobile_social {float: none !important; margin: 0 auto !important;padding-left: 0 !important;position: relative;width: 198px !important;}
}
@media screen and (min-width: 1280px)
{
	.foot_link li {padding-right: 2%;}
    .lft_container img {height: 328px;}
	.rt_container img {
    height: 328px;
}
.locationblock{width: 290px;right: 2%;}
.locationblock h3 {font-size: 18px;padding: 16px 0 6px 14px;}
}
@media screen and (min-width: 1024px) and (max-width : 1100px){
    .interior_slider .owl-controls .owl-nav .owl-next{ bottom: 0%;}
    .interior_slider .owl-controls .owl-nav .owl-prev{ bottom: 0%}
}


@media screen and (min-width: 979px) and (max-width : 1015px){

    .small_car .owl-controls .owl-nav .owl-prev { background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 0 / 33% auto; left: auto; right: 12%; top: -11%;}
    .small_car .owl-controls .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 0 / 33% auto;right: -1%;top: -11%;}
}
@media screen and (min-width: 1600px) and (max-width:1700px) {
    #choose_car .banner_bg{min-height: 663px}
}
@media screen and (min-width: 1600px) {
    #choose_car .choose_banner_btns { bottom: 7%; float: left; padding-left: 31%; position: absolute; width: 76%;}
}
@media screen and (min-width: 1700px) and (max-width : 1920px) {
    #choose_car .choose_banner_btns {bottom: 7%; float: left;padding-left: 31%;position: absolute;width: 67%;}
}
@media screen and (min-width: 1100px) {
    .quote > img {
        width: 8%;
    }
    .pd_tp_55{padding-top: 55px}
}
.media_list{  background: #fff none repeat scroll 0 0;  height: 245px;  overflow: hidden;}