body {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow-x: hidden;
}

a:link,
a:visited {
    text-decoration: none;
    color: #428bca;
}


/*.header_image{background:url(../images/header_bg-2.jpg) no-repeat scroll center top transparent;height:auto;margin:auto}.bodywrapper{background:url(../images/header_bg-2.jpg) center top no-repeat;background-size:100% 500px;height:auto;margin:auto}*/

.img-preview {
    width: 70px;
    height: 70px;
    float: right;
    border: 1px solid #888;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    background: #fff
}

#img-preview11,
#img-preview22 {
    width: 70px;
    height: 70px
}

#img-preview1,
#img-preview2 {
    width: 100%;
    height: 100%
}

input {
    border-radius: 0
}

.dropdown-toggle:after,
a.menu:after {
    content: none
}

.navbar {
    border-radius: 0;
    margin-bottom: 5px
}
.bodywrapper .header .menu .parent li a.logo {
    display: none;
}
.navbar-default .navbar-brand{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #fff
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: 0 0
}

.bodywrapper .header {
    height: auto;
    margin: auto;
    padding-top: 5px
}

.bodywrapper .site_links {
    height: 42px;
    margin: 0 auto auto;
    position: relative;
    width: 1000px
}

.bodywrapper .header .ddl {
    height: 88px;
    float: right
}

.bodywrapper .header .block-bg-header {
    position: relative;
    text-align: right
}

.bodywrapper .header .block-bg-header img {
    position: absolute;
    right: 10px
}

.text-header {
    background: url(../images/bg-search-bar.png) 99% center no-repeat;
    height: 40px;
    padding-top: 10px
}

.text-header input {
    border: 1px solid #ccc;
    background: #fff;
    padding: 3px 15px 3px 5px;
    text-transform: uppercase;
    font-size: 12px
}

.text-header .text-1,
.text-header .text-2 {
    padding-top: 3px
}

.text-header .text-1 {
    text-align: right
}

.bodywrapper .header .ddl .styled-select {
    width: 173px;
    height: 21px;
    overflow: hidden;
    /*overflow:-moz-hidden-unscrollable;*/
    background: url(../images/arrow_down.png) no-repeat right #fff;
    display: inline-block;
    position: relative
}

.bodywrapper .header .ddl .styled-select select {
    background: 0 0;
    width: 173px;
    border: 0;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bodywrapper .header .ddl .box hr {
    width: 170px
}

.bodywrapper .header .ddl .box {
    min-height: 43px;
    margin-top: -10px;
    color: #FFF;
    display: inline-block
}

.bodywrapper .header .ddl .styled-select select .opt1 {
    background: url(../images/eng_flag.png) no-repeat;
    padding-left: 25px;
    padding-top: 2px
}

.bodywrapper .header .ddl .styled-select select .opt2 {
    background: url(../images/japan_flag.png) no-repeat;
    padding-left: 25px;
    padding-top: 2px
}

.bodywrapper .header .ddl .styled-select select .opt3 {
    background: url(../images/france_flag.png) no-repeat;
    padding-left: 25px;
    padding-top: 2px
}

.bodywrapper .header .searchdiv {
    margin-top: -4px;
    position: relative
}

.bodywrapper .header .searchdiv #Search {
    height: 32px;
    margin-top: -2px;
    background: #000;
    color: #fff;
    width: 100%;
    text-transform: none
}

.text-header input.headersearchbutton {
    position: absolute;
    top: -1px;
    right: 1px;
    background-image: url(../images/search_mirror.png);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    width: 30px;
    height: 30px
}

.bodywrapper .header h3 {
    color: #fff;
    margin-top: 0;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.bodywrapper .header h4 {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0
}

.bodywrapper .header .menu {
    background: rgba(135, 2, 0, 1);
    /*background:-moz-linear-gradient(top,rgba(135,2,0,1) 0,rgba(217,0,0,1) 82%,rgba(217,0,0,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(135,2,0,1)),color-stop(82%,rgba(217,0,0,1)),color-stop(100%,rgba(217,0,0,1)));background:-webkit-linear-gradient(top,rgba(135,2,0,1) 0,rgba(217,0,0,1) 82%,rgba(217,0,0,1) 100%);background:-o-linear-gradient(top,rgba(135,2,0,1) 0,rgba(217,0,0,1) 82%,rgba(217,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(135,2,0,1) 0,rgba(217,0,0,1) 82%,rgba(217,0,0,1) 100%);*/
    background: linear-gradient(to bottom, rgba(135, 2, 0, 1) 0, rgba(217, 0, 0, 1) 82%, rgba(217, 0, 0, 1) 100%);
    border: none;
    margin-top: 20px
}

.bodywrapper .header .menu .parent {
    width: 100%
}

.bodywrapper .header .menu .parent li {
    font-size: 13px;
    font-weight: 700;
    background: url(../images/separator.png) right center no-repeat
}

.bodywrapper .header .menu .parent li ul li,
.bodywrapper .header .menu .parent li:last-child {
    background: 0 0
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #431a18
}

.bodywrapper .header .menu .parent ul {
    width: 270px;
    background: url(../images/bg-nav-sub.png);
    /*-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;*/
    border-radius: 0 0 5px 5px
}

.bodywrapper .header .menu #home ul {
    background: none repeat scroll 0 0 #40484B;
    border-radius: 0 0 5px 5px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50px;
    width: 106px
}

.dropdown-menu2 {
    margin-left: 270px;
    width: 248px
}

.bodywrapper .header .menu ul li:first-child a,
.bodywrapper .header .menu ul li:last-child a {
    list-style-type: none
}

.bodywrapper .header .menu li:hover>ul {
    display: block
}

.bodywrapper .header .menu .parent li a {
    color: #fff;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1px;
    padding: 15px 39px;
    text-decoration: none
}

.bodywrapper .header .menu .parent ul li:hover {
    background: url(../images/a-nav-hover.png);
    margin-top: 0
}

.bodywrapper .header .menu .parent ul li:hover a.cars:hover {
    background: url(../images/car.png) no-repeat scroll right center transparent;
    /*width:270px*/
}

.bodywrapper .header .menu .parent ul li:hover a.van:hover {
    background: url(../images/van.png) no-repeat scroll right center transparent;
    width: 270px
}

.bodywrapper .header .menu .parent ul li:hover a.truck:hover {
    background: url(../images/bus.png) no-repeat scroll right center transparent;
    margin-left: -11px;
    width: 270px
}

.bodywrapper .header .menu .parent ul li:hover a.others:hover {
    background: url(../images/other.png) no-repeat scroll right center transparent;
    margin-left: -11px;
    width: 270px
}

.bodywrapper .header .menu .parent li a:hover {
    background: #431a18
}

.bodywrapper .header .menu .parent li ul li:hover {
    background: url(../images/a-nav-hover.png)
}

.bodywrapper .header .menu .parent a.cars {
    background: url(../images/car.png) no-repeat scroll right center transparent;
    /*margin-left:-11px;width:270px*/
}

.bodywrapper .header .menu .parent a.van {
    background: url(../images/van.png) no-repeat scroll right center transparent;
    margin-left: -11px;
    width: 270px
}

.bodywrapper .header .menu .parent a.truck {
    background: url(../images/bus.png) no-repeat scroll right center transparent;
    margin-left: -11px;
    width: 270px
}

.bodywrapper .header .menu .parent a.others {
    background: url(../images/other.png) no-repeat scroll right center transparent;
    margin-left: -11px;
    width: 270px
}

.bodywrapper .header .slider {
    background-color: #CCC;
    box-shadow: 0 0 8px #000;
    height: 303px;
    position: relative
}

.bodywrapper .container {
    position: relative
}

.bodywrapper .container .adv_srch {
    background-color: #000;
    box-shadow: -2px -2px 4px #000;
    min-height: 62px;
    margin-top: -45px;
    padding-top: 15px;
    border-bottom: 4px solid red;
    padding-bottom: 10px
}

.box-list-select select {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0
}

.box-list-select .btn {
    border-radius: 0
}

.box-list-select .dropdown-menu {
    background: #fff;
    border-radius: 0
}

.bodywrapper .container .adv_srch h4 {
    color: #fff;
    font-family: arial;
    padding-left: 0;
    margin-top: 3.5px
}

.fix-btn-search-ad {
    margin: 0!important
}

.btn-search-ad {
    background-color: #D90000;
    border: none;
    border-radius: 0;
    color: #FFF;
    margin: 0!important;
    text-transform: capitalize;
    min-width: 70px
}

.btn-search-ad:hover {
    background-color: #000
}

.ad_srch2,
.ad_srch3,
.ad_srch4,
.ad_srch5,
.ad_srch6,
.bodywrapper .container .adv_srch .ad_srch1 {
    float: left;
    width: 80px;
    padding-left: 22px
}

.bodywrapper .container .adv_srch .ad_srch1 {
    width: 105px;
    height: 21px;
    overflow: hidden;
    /*overflow:-moz-hidden-unscrollable;*/
    background: url(../images/arrow_down_white.png) no-repeat right #fff;
    display: inline-block;
    position: relative
}

.bodywrapper .container .adv_srch .ad_srch1 select {
    background: 0 0;
    width: 146px;
    border: 0;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bodywrapper .container .adv_srch .ad_srch2 {
    width: 105px;
    height: 21px;
    overflow: hidden;
    /*overflow:-moz-hidden-unscrollable;*/
    background: url(../images/arrow_down_white.png) no-repeat right #fff;
    display: inline-block;
    position: relative
}

.bodywrapper .container .adv_srch .ad_srch2 select {
    background: 0 0;
    width: 168px;
    border: 0;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    text-transform: uppercase
}

.bodywrapper .container .adv_srch .ad_srch3 {
    width: 105px;
    height: 21px;
    overflow: hidden;
    /*overflow:-moz-hidden-unscrollable;*/
    background: url(../images/arrow_down_white.png) no-repeat right #fff;
    display: inline-block;
    position: relative
}

.bodywrapper .container .adv_srch .ad_srch3 select {
    background: 0 0;
    width: 85px;
    border: 0;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bodywrapper .container .adv_srch .ad_srch4 {
    width: 86px;
    height: 21px;
    overflow: hidden;
    /*overflow:-moz-hidden-unscrollable;*/
    background: url(../images/arrow_down_white.png) no-repeat right #fff;
    display: inline-block;
    position: relative
}

.bodywrapper .container .adv_srch .ad_srch4 select {
    background: 0 0;
    width: 107px;
    border: 0;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bodywrapper .container .adv_srch .ad_srch5 {
    width: 149px;
    height: 21px;
    overflow: hidden;
    /*overflow:-moz-hidden-unscrollable;*/
    background: url(../images/arrow_down_white.png) no-repeat right #fff;
    display: inline-block;
    position: relative
}

.bodywrapper .container .adv_srch .ad_srch5 select {
    background: 0 0;
    width: 171px;
    border: 0;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bodywrapper .container .container_left {
    min-height: 352px
}

.bodywrapper .container .container_left .left_side {
    background: url(../images/box_line.png) repeat-x scroll 0 0 #101010;
    margin-top: -25px
}

.bodywrapper .container .container_left .left_side .cell {
    font-family: arial;
    font-size: 9px;
    font-weight: 700;
    padding: 9px 31px 15px 0;
    text-align: center;
    color: #fff
}

.bodywrapper .container .container_center {
    min-height: 277px;
    text-align: justify;
    padding: 20px;
    margin-top: 50px
}

.bodywrapper .container .container_center .about,
.mission,
.vision {
    min-height: 100px;
    margin-top: 14px
}

.bodywrapper .container .container_center .about,
.mission,
.vision p {
    color: #575757;
    font-family: arial;
    line-height: 18px;
    padding: 2%
}

.bodywrapper .container .container_right {
    min-height: 329px;
    margin-top: 40px
}

.bodywrapper .container .container_right .box1,
.box2,
.box3 {
    background: url(../images/box.png) no-repeat;
    height: 99px;
    padding: 35px 25px;
    background-size: 100% 104px;
    /*-webkit-background-size:cover*/
}

.bodywrapper .container .container_right .box1 h6,
.box2 h6,
.box3 h6 {
    color: #FFF;
    font-family: arial;
    font-size: 11px;
    margin-top: -26px;
    padding-left: 71px
}

.bodywrapper .container .container_right .box1 img,
.box2 img,
.box3 img {
    margin-left: 17px
}

.bodywrapper .container .slider2 {
    background-color: #CCC;
    box-shadow: 0 0 8px #000;
    height: 225px;
    margin-top: 34px
}

.bodywrapper .container .slider2 p {
    color: #fff;
    font-family: arial;
    font-weight: 700;
    margin-left: 33px;
    margin-top: -42px
}


/*.bodywrapper .footer1{background:#f6f6f6 url(../images/bottom_track.png) no-repeat left bottom}*/

.bodywrapper .footer {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1400px
}

.bodywrapper .footer .footer_wrap {
    margin-bottom: 20px
}

.bodywrapper .footer .footer_wrap .fb1 {
    background-color: #DF0003;
    box-shadow: -2px -2px 4px #000;
    min-height: 280px
}

.bodywrapper .footer .footer_wrap .fb2 {
    min-height: 262px
}

.bodywrapper .footer .footer_wrap .fb2 .fb2_inside1,
.bodywrapper .footer .footer_wrap .fb2 .fb2_inside2 {
    border-bottom: 1px solid #3B3B3B;
    min-height: 132px;
    margin: 10px
}

.bodywrapper .footer .footer_wrap .fb2 .fb2_inside3 {
    min-height: 127px;
    margin: 0 10px 10px
}

.bodywrapper .footer .footer_wrap .fb2 .fb2_inside4 {
    min-height: 126px;
    display: inline-block;
    width: 100%;
    padding-left: 10px
}

.bodywrapper .footer .footer_wrap .fb2 .fb2_inside1 h2,
.bodywrapper .footer .footer_wrap .fb2 .fb2_inside2 h2,
.bodywrapper .footer .footer_wrap .fb2 .fb2_inside3 h2,
.bodywrapper .footer .footer_wrap .fb2 .fb2_inside4 h2 {
    margin: 0
}

.bodywrapper .footer .footer_wrap .fb3 {
    min-height: 135px
}

.bodywrapper .footer .footer_wrap .fb3 div {
    background-size: 100% 100%;
    height: 130px
}

.bodywrapper .footer .footer_wrap .fb3 p {
    color: #fff;
    font-family: arial;
    font-weight: 700;
    margin-left: 10px;
    margin-top: -38px
}

.bodywrapper .footer .fb4 {
    border-top: 2px solid #000;
    border-bottom: 2px solid red;
    min-height: 40px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2px
}

.bodywrapper .container .container_left .left_side #left_list {
    /*color:window;*/
    display: inline;
    float: left;
    font-family: arial;
    font-size: 10px;
    padding-left: 0;
    padding-top: 6px;
    width: 266px
}

.bodywrapper .container .container_wrapper {
    height: auto;
    margin: -355px auto auto;
    width: 945px
}

.bodywrapper .container .container_wrapper .Left_cont {
    float: left;
    height: auto;
    width: 540px
}

.bodywrapper .container .container_wrapper .Left_cont h4 {
    color: #575757;
    font-family: arial;
    font-weight: 700;
    font-size: 13px
}

.bodywrapper .container .container_wrapper .Left_cont p {
    color: #575757;
    font-family: Arial;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 12px;
    text-align: justify;
    margin-top: -15px
}

.bodywrapper .container .container_wrapper .right_cont {
    float: right;
    height: auto;
    margin-right: 0;
    width: 384px
}

.bodywrapper .container .container_wrapper .contact_contain_left {
    float: left;
    height: auto;
    width: 370px
}

.bodywrapper .container .container_wrapper .contact_contain_left .contact_sub_left1 {
    background-image: url(../images/opacity.png);
    width: 306px;
    height: 135px;
    opacity: .74
}

.bodywrapper .container .container_wrapper .contact_contain_left .contact_sub_left1 h5 {
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    padding-left: 16px;
    padding-top: 18px
}

.bodywrapper .container .container_wrapper .contact_contain_left .contact_sub_left1 p {
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    letter-spacing: 2px;
    margin-top: -12px;
    padding-left: 52px;
    text-align: justify
}

.bodywrapper .container .container_wrapper .contact_contain_left .contact_sub_left2 {
    background-image: url(../images/opacity.png);
    width: 306px;
    height: auto;
    margin-top: 7px
}

.bodywrapper .container .container_wrapper .contact_contain_right {
    background-image: url(../images/mab_bg.png);
    margin-top: 61px;
    float: right;
    height: 282px;
    width: 502px
}

.bodywrapper .container_wrapper .product_contant {
    height: 200px;
    margin: auto;
    width: 1000px;
    position: relative
}

.bodywrapper .container_wrapper .product_contant .pro_list {
    float: left;
    padding-right: 52px;
    width: 171px
}

.bodywrapper .container_wrapper .product_contant .pro_list span {
    color: #575757;
    font-family: arial;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 55px;
    margin-top: 28px
}

.bodywrapper .container_wrapper .car_contant {
    height: 200px;
    margin: auto;
    width: 1000px;
    position: relative
}

.bodywrapper .container_wrapper .car_contant .pro_list {
    float: left;
    padding-right: 52px;
    width: 171px
}

.bodywrapper .container_wrapper .car_contant .pro_list span {
    color: #575757;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 70px;
    margin-top: 28px
}

.bodywrapper .container_wrapper .container .heading {
    background-color: #252525;
    height: 26px
}

.bodywrapper .container_wrapper .container .heading span {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    padding: 0 3px
}

.bodywrapper .container .container_wrapper .heading {
    background-color: #252525;
    height: 26px
}

.bodywrapper .container .container_wrapper .heading span {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    padding: 0 3px
}

.bodywrapper .container .container_wrapper .item span {
    color: #575757;
    font-family: arial;
    font-size: 12px;
    text-align: center
}

.bodywrapper .container .container_wrapper .cart_breakpad {
    margin: auto;
    width: 834px
}

.bodywrapper .container .container_wrapper .cart_breakpad_left .text_data span {
    font-family: arial;
    font-size: 14px;
    font-weight: 700;
    width: 196px
}

.bodywrapper .container .container_wrapper .cart_breakpad_right {
    background-color: #000;
    height: 295px;
    margin-left: 437px;
    margin-top: -290px;
    width: 406px
}

.bodywrapper .header .menu .parent a.column1 {
    margin-left: -40px;
    width: 218px
}

.bodywrapper .header .menu .parent ul li:hover a.column1:hover {
    margin-left: 0;
    width: 126px
}

.bodywrapper .header .menu .parent ul li.list_column1:hover {
    background: none repeat scroll 0 0 #572626;
    margin-left: -40px;
    margin-top: 2px;
    width: 192px
}

.bodywrapper .header .menu .parent a.client_column1 {
    margin-left: -25px;
    width: 218px
}

.bodywrapper .header .menu .parent ul li:hover a.client_column1:hover {
    margin-left: -28px;
    width: 150px
}

.bodywrapper .header .menu .parent ul li.client_list_column1:hover {
    background: none repeat scroll 0 0 #572626;
    margin-left: -40px;
    margin-top: 2px;
    width: 192px
}

bodywrapper .header .menu .parent a.client_column2 {
    margin-left: -25px;
    width: 218px
}

.bodywrapper .header .menu .parent ul li:hover a.client_column2:hover {
    margin-left: 0;
    width: 150px
}

.bodywrapper .header .menu .parent ul li.client_list_column2:hover {
    background: none repeat scroll 0 0 #572626;
    margin-left: -40px;
    margin-top: 2px;
    width: 192px
}

bodywrapper .header .menu .parent a.client_column3 {
    margin-left: -25px;
    width: 218px
}

.bodywrapper .header .menu .parent ul li:hover a.client_column3:hover {
    margin-left: 0;
    width: 150px
}

.bodywrapper .header .menu .parent ul li.client_list_column3:hover {
    background: none repeat scroll 0 0 #572626;
    margin-left: -40px;
    margin-top: 2px;
    width: 192px
}

.bodywrapper .header .menu .parent a.supplier_column1 {
    margin-left: -28px;
    width: 218px
}

.bodywrapper .header .menu .parent ul li:hover a.supplier_column1:hover {
    margin-left: -27px;
    width: 172px
}

.bodywrapper .header .menu .parent ul li.supplier_list_column1:hover {
    background: none repeat scroll 0 0 #572626;
    margin-left: -49px;
    margin-top: 2px;
    width: 192px
}

.bodywrapper .header .menu .parent a.supplier_column2 {
    margin-left: -26px;
    width: 110px
}

.bodywrapper .header .menu .parent ul li:hover a.supplier_column2:hover {
    margin-left: -27px;
    width: 173px
}

.bodywrapper .header .menu .parent ul li.supplier_list_column2:hover {
    background: none repeat scroll 0 0 #572626;
    margin-left: -49px;
    margin-top: 2px;
    width: 43px
}

.foot-under .fb4 {
    padding-bottom: 50px;
    background: url(../images/footer_line.png)
}

input#btn_search {
    background-image: url(../images/btn_bg.png);
    border: none;
    color: #fff;
    font-family: arial;
    font-weight: 700
}

.bodywrapper .container .adv_srch .ad_srch1,
.bodywrapper .container .adv_srch .ad_srch2,
.bodywrapper .container .adv_srch .ad_srch3,
.bodywrapper .container .adv_srch .ad_srch4,
.bodywrapper .container .adv_srch .ad_srch5 {
    margin-left: 10px
}

.box-sp {
    display: inline-block;
    width: 100%
}

h1.in_support_24_7 {
    font-family: arial;
    color: #de0200;
    font-size: 64px;
    margin: 0;
    padding: 0
}

div.support_24_7 {
    float: right;
    width: auto;
    text-align: right
}

.main-page {
    background-color: #ebebeb;
    min-height: 200px;
    padding: 15px;
    margin-top: 45px
}

.bread {
    margin: 20px 0
}

.text-bread {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase
}

.car-lists .no-active {
    background: 0 0;
    color: #333;
    font-size: 14px
}

.pro-item {
    margin-bottom: 20px;
    height: 210px;
    overflow: hidden
}

.pro-item .img-pro {
    width: 170px;
    height: 167px;
    background: #fff;
    display: inline-block;
    margin-bottom: 5px
}

.pro-item:hover {
    /*border:2px solid #EC0608;*/
}

.pro-item img {
    margin-bottom: 10px;
    max-width: 170px;
    max-height: 168px
}

.car-lists .btn {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    border: none;
    height: 21px;
    /*background:url(../images/bg-btn-car.jpg) left center repeat-x;*/
    line-height: 10px;
    font-family: Arial;
    color: #ebebeb
}

.nav-prex-next .btn {
    min-width: 70px;
    text-align: center;
    font-weight: 700;
    border: none;
    height: 21px;
    /*background:url(../images/bg-btn-car.jpg) left center repeat-x;*/
    line-height: 10px;
    border-radius: 0
}

.my-table thead th {
    background-color: #252525;
    color: #FFF;
    font-family: arial;
    font-size: 12px;
    font-weight: 700
}

.my-table tbody tr {
    background-color: #f2f2f2!important
}

.my-table tbody td {
    text-align: center;
    vertical-align: middle!important
}

.form-fill-cart {
    margin-bottom: 20px
}

.form-fill-cart form label {
    text-align: left!important
}

.form-fill-cart form input,
.form-fill-cart select,
.form-fill-cart textarea {
    border-radius: 0;
    height: 25px
}

.form-fill-cart form .form-group {
    margin-bottom: 10px
}

.form-fill-cart form .btn_rightalign {
    float: right
}

.form-fill-cart form textarea {
    min-width: 60%;
    min-height: 50px
}

.varify-foot p,
.varify-submit-page p {
    margin: 0;
    font-weight: 700
}

.varify-submit-page h2 {
    font-weight: 700;
    font-size: 24px
}

.varify-submit-info,
.varify-submit-info .col-md-6 {
    margin-bottom: 20px
}

.dis-form h5 {
    font-weight: 700;
    margin: 20px 0
}

.dis-form label {
    font-weight: 400
}

.dis-form fieldset legend {
    width: auto;
    font-size: 14px;
    border: none
}

.dis-form fieldset {
    border: 1px solid #000;
    padding: 10px
}

.out-box-modal {
    /*-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;*/
    border-radius: 5px;
    background-color: #fff;
    padding: 10px
}

.box-content-modal {
    background-color: #ddd;
    padding: 10px
}

.box-content-modal h2 {
    font-size: 13px;
    font-weight: 700
}

.btn-modal {
    display: inline-block;
    width: 100%
}

.btn-modal .btn {
    background-color: #DE0200;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    /*-webkit-border-radius:0*/
    ;
    font-weight: 700;
    padding: 10px
}

.title-modal {
    color: #DE0200;
    font-family: Arial;
    font-size: 23px;
    text-decoration: underline;
    margin: 0 0 20px;
    padding: 0
}

.title-modal.big {
    text-align: center;
    font-size: 30px;
    line-height: 3;
    text-shadow: -3px -3px 15px #000
}


/*.main-page.contact-us-page{background:url(../images/BG1.jpg) center center no-repeat;height:750px;background-size:cover;margin-top:0}*/

.contact-opacity {
    background: #333;
    min-height: 100px;
    padding: 15px;
    margin-bottom: 20px;
    color: #fff
}

.div-map {
    background-size: cover;
    min-height: 282px;
    margin-top: 105px
}

.promotion-page .nav-tabs {
    margin-left: 20px
}

.promotion-page .nav-tabs>li>a {
    background: url(../images/tab_download.png) left center repeat-x;
    border-color: #B8B8B8;
    color: #575757;
    font-weight: 700;
    padding: 7px 15px
}

.promotion-page .nav-tabs>li.active,
.promotion-page .nav-tabs>li.active>a,
.promotion-page .nav-tabs>li.active>a:hover {
    /*background:#d7d7d7 -webkit-gradient(radial,center center,0,center center,460,from(#d7d7d7),to(#a7a7a7));background:#d7d7d7 -webkit-radial-gradient(circle,#d7d7d7,#a7a7a7);background:#d7d7d7 -moz-radial-gradient(circle,#d7d7d7,#a7a7a7);background:#d7d7d7 -o-radial-gradient(circle,#d7d7d7,#a7a7a7);background:#d7d7d7 -ms-radial-gradient(circle,#d7d7d7,#a7a7a7);*/
    background: #d7d7d7 radial-gradient(circle, #d7d7d7, #a7a7a7)
}

.promotion-page .tab-content {
    background: #fff;
    box-shadow: 0 0 15px #000;
    min-height: 300px;
    padding: 15px
}

.main-tab-award {
    background: url(../images/awards_bg.jpg) center center no-repeat;
    background-size: cover;
    min-height: 300px;
    padding: 20px
}

.main-tab-award input {
    margin: 20px 0;
    text-align: center;
    border: 1px solid #888
}

#awards h5 {
    color: red
}

#awards input.serial_number {
    width: auto
}

.download-material .media img {
    margin-bottom: 5px
}

.download-material .media .btn {
    border: none;
    border-radius: 0
}

.download-material .col-md-6 {
    margin-bottom: 20px
}

.knowledge_center .nav a {
    color: #333;
    font-size: 12px;
    text-transform: uppercase
}

.knowledge_center .nav a:hover {
    background: 0 0
}

.box-login {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px;
    padding: 20px
}

.box-login label {
    font-weight: 400
}

.box-login input {
    margin-bottom: 10px
}

#polyglotLanguageSwitcher,
#polyglotLanguageSwitcher * {
    margin: 0;
    padding: 0;
    outline: 0
}

#polyglotLanguageSwitcher ul {
    list-style: none
}

#polyglotLanguageSwitcher {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #444;
    line-height: normal;
    position: relative;
    z-index: 120;
    margin: 15px auto auto;
    width: 170px;
    right: -2px
}

#polyglotLanguageSwitcher form {
    display: none
}

.language_container {
    margin: 0 auto;
    position: relative;
    z-index: 99999
}

.clear {
    clear: both
}

#polyglotLanguageSwitcher a {
    text-decoration: none;
    display: block;
    padding: .5em 6px .5em 28px;
    color: #444;
    width: 130px;
    background-repeat: no-repeat;
    background-position: 6px center
}

#polyglotLanguageSwitcher a:hover {
    color: #000
}

#polyglotLanguageSwitcher a.current:active,
#polyglotLanguageSwitcher a.current:link,
#polyglotLanguageSwitcher a.current:visited {
    position: relative;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    height: 30px;
    width: 170px
}

#polyglotLanguageSwitcher a.current:hover,
#polyglotLanguageSwitcher ul.dropdown li:hover {
    background-color: #F7F7F7
}

#polyglotLanguageSwitcher a.active {
    border-bottom: none!important;
    border-radius: 3px 3px 0 0!important
}

#polyglotLanguageSwitcher span.trigger {
    display: block;
    position: absolute;
    width: 9px;
    height: 5px;
    text-indent: -10000em;
    top: .5em;
    right: 6px
}

#polyglotLanguageSwitcher a.current:link span.trigger,
#polyglotLanguageSwitcher a.current:visited span.trigger {
    background: url(../images/arrow-down.gif) no-repeat left top;
    margin-top: 5px
}

#polyglotLanguageSwitcher a.active span.trigger,
#polyglotLanguageSwitcher a.current:active span.trigger,
#polyglotLanguageSwitcher a.current:hover span.trigger {
    background-position: left bottom!important
}

#polyglotLanguageSwitcher ul.dropdown {
    display: none;
    position: absolute;
    top: 2.333em;
    left: 0;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-top: none!important;
    border-radius: 0 0 3px 3px
}

#polyglotLanguageSwitcher ul.dropdown li {
    border-top: 1px dotted #D4D4D4;
    width: 168px
}

#polyglotLanguageSwitcher ul.dropdown li:last-child {
    border-radius: 0 0 3px 3px
}

#en {
    background-image: url(../images/flags/gb.png)
}

#fr {
    background-image: url(../images/flags/fr.png)
}

#de {
    background-image: url(../images/flags/de.png)
}

#it {
    background-image: url(../images/flags/it.png)
}

#es {
    background-image: url(../images/flags/es.png)
}

#ar {
    background-image: url(../images/flags/ar.png)
}

.navbar-collapse.collapse {
    padding-left: 0;
    padding-right: 0
}
.less {
    display: block;
    height: 124px;
    overflow: hidden
}

.more {
    display: block;
    height: auto;
    overflow: visible
}

.ques_model {
    position: relative;
    z-index: 9999;
    width: 700px;
    margin: 0 auto
}

#quiz_div {
    width: 692px;
    box-shadow: 0 0
}

#quiz_div textarea {
    width: 100%
}

.boarder_2_red {
    border: 2px solid #EC0608;
    /*-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;*/
    border-radius: 4px
}

.newstylewinner {
    font-size: 21px!important;
    margin-top: 20px;
    text-align: justify
}

.normaltext {
    font-weight: 400!important;
    text-transform: none;
    font-size: 16px!important;
    text-decoration: none;
    text-align: justify
}

.nopadmodal {
    padding: 0!important
}

.contact-us-page .form-group #countries_child {
    height: 127px!important
}

.contact-us-page .form-group #branch_msdd,
.contact-us-page .form-group #branch_msdd .borderRadiusTp,
.contact-us-page .form-group #countries_msdd,
.contact-us-page .form-group #countries_msdd .borderRadiusTp {
    border-radius: 0
}

.read_data {
    margin: 0;
    max-height: none!important
}

.about>h2 {
    height: auto!important;
    margin: 0 0 10px
}

@media (max-width:480px) {
    .date-sec {
        text-align: center!important
    }
    .date-sec .sep {
        margin: 0;
        width: 90%!important
    }
    .date-sec .date-time {
        width: 100%!important
    }
}

@media (max-width:767px) {
    .bodywrapper .header .menu .parent li a {
        padding: 15px!important
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.blink {
    animation: blink 1s step-start 0s infinite;
    /*-webkit-animation:blink 1s step-start 0s infinite*/
}

.desc {
    color: #6b6b6b
}

.desc a {
    color: #0092dd
}

.dropdown dd,
.dropdown dt,
.dropdown ul {
    margin: 0;
    padding: 0
}

.dropdown dd {
    position: relative
}

.dropdown a,
.dropdown a:visited {
    color: #816c5b;
    text-decoration: none;
    outline: 0
}

.dropdown a:hover {
    color: #5d4617
}

.dropdown dt a:hover {
    color: #5d4617;
    border: 1px solid #d0c9af
}

.dropdown dt a {
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    position: relative;
    background: #FFF url(../img/arrow.PNG) no-repeat scroll right center;
    display: block;
    padding-right: 20px;
    width: 171px
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    padding: 5px
}

.dropdown dd ul {
    background: #FFF none repeat scroll;
    color: #000;
    display: none;
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 170px;
    list-style: none
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li a {
    border-top: 1px dotted #D4D4D4;
    padding: 5px;
    display: block
}

.dropdown dd ul li a:hover {
    background-color: #F7F7F7
}

.dropdown img.flag {
    float: left;
    border: none;
    vertical-align: middle;
    margin: 3px 4px 0 8px
}

.product-list {
    text-align: center;
    width: 45%
}

.product-list-or {
    width: 10%;
    text-align: center
}

@media (max-width:480px) {
    .product-list {
        text-align: center;
        width: 100%
    }
    .product-list-or {
        width: 100%;
        text-align: center
    }
}

#countries_child {
    overflow: auto !important;
}

.load-more-data {
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
    color: #990000;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    background-image: url("http://s.twimg.com/a/1261078355/images/more.gif");
    background-repeat: repeat-x;
    cursor: pointer;
    border: 1px solid #AAA;
    width: 184px;
    margin: auto;
}

.load-more-data:hover {
    border: 1px solid #bbb;
    text-decoration: none;
    background-position: left -78px;
}

.custom_btn {
    background-color: #787677;
    border-radius: 4px;
    box-shadow: 1px 0 1px gray;
    color: white;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 5px;
}

.productlisting tr td img {
    max-width: 150px !important;
    margin: 0;
    padding: 0;
}


/* my changes */

#kgtslider .slides {
    height: 280px !important;
}

.tab-content .media .media-body {
    margin-bottom: 0 !important;
    float: none;
}


/* .tab-content .marginleft10px
{
margin-left:0 !important;

} */

@media only screen and (max-width: 780px) {
    .tab-content #download-material .marginright50px .hidden-xs {
        width: 60% !important;
    }
}

@media only screen and (max-width: 580px) {
    .tab-content #download-material .marginright50px .hidden-xs {
        width: 90% !important;
    }
}

.media img.media-object {
    height: 180px !important;
    max-width: 100% !important;
    width: 169px !important;
}

.kgtimage542px {
    width: 100%;
    text-align: center;
}

.visible-xs {
    display: none !important;
}

.kgtimage542box {
    padding: 0 !important;
}

#download-material .marginright50px .height187px {
    height: auto !important;
}

.tab-content .col-md-6 {
    float: left !important;
}

@media only screen and (max-width: 1235px) {
    .tab-content .col-md-6 {
        width: 44% !important;
    }
}

@media only screen and (max-width: 992px) {
    .fix-btn-search-ad {
        text-align: center;
        top: 5px;
    }
    .tab-content .col-md-6 {
        width: 98% !important;
    }
}

.nav>li {
    display: table !important;
}

@media only screen and (max-width: 820px) and (min-width: 600px) {
    .navbar {
        margin-bottom: 40px;
        top: 30px;
    }
}

@media only screen and (max-width: 920px) and (min-width: 420px) {
    .tab-content .col-md-6 {
        width: 100% !important;
        float: none !important;
    }
}

@media only screen and (max-width: 420px) {
    .tab-content .col-md-6 {
        width: 100% !important;
        float: none !important;
    }
}

@media only screen and (max-width: 580px) {
    .visible-xs {
        display: none !important;
    }
    #download-material .marginright50px {
        margin-right: 0 !important;
    }
    #download-material .marginright50px .marginright10px {
        margin-right: 0 !important;
    }
    #download-material .marginright50px .hidden-xs {
        width: 98% !important;
    }
    #download-material .marginright50px .height187px {
        height: auto !important;
        margin-bottom: 0;
        float: left;
    }
    /* #download-material .readmore1
	{
		margin-bottom:0 !important;
	} */
    .tab-content .marginleft10px {
        margin-left: 10px !important;
    }
    .customid_hanna a.btn {
        width: 100% !important;
        line-height: inherit !important;
    }
    .hannaleft5 {
        margin-left: 5px;
        display: none;
    }
    .hannabot5 {
        margin-bottom: 5px !important;
        display: inline;
    }
    .media-body {
        width: 100%;
    }
}

@media only screen and (min-width: 580px) {
    .customid_hanna a.btn {
        width: 170px !important;
        line-height: inherit !important;
    }
    .hannaleft5 {
        margin-left: 5px;
        display: inline;
    }
    .hannabot5 {
        margin-bottom: 5px;
        display: none;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 520px) {
    .productbaselisting #vehicle-type-list .product_type_image_wrap {
        width: 47% !important;
        margin-left: 2%;
    }
}


/*.bodywrapper .footer .footer_wrap .fb3 div
{
background-size:auto !important;
}*/

@media only screen and (max-width: 991px) {
    .footer .pull-right {
        float: none !important;
    }
    .bodywrapper .header .block-bg-header img {
        z-index: 1000;
    }
	.navbar-collapse.collapse [class*='col-'] {
		width: auto !important;
		display: inline-block;
		vertical-align: middle;
	}
}

@media only screen and (max-width: 420px) {
    .bodywrapper .header .menu li:hover>ul {
        display: inline-block;
    }
    #bs-example-navbar-collapse-1 .kgtproductcatsubmenu {
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 420px) {
    .searchdiv {
        z-index: 2000;
    }
}

.contact-us-page #countries_msdd {
    width: auto !important;
}

.contact-us-page .marginleft50px {
    margin-left: 0 !important;
    margin-top: 15px !important;
}


/*  @media only screen and (max-width: 420px){

.text-right .btn
{
margin-bottom:5px;
}
}  */

.btn-search-ad:hover {
    background-color: #ddd;
    color: #000;
}

.support_24_7 .margintop-10px .kgt19 {
    color: #000;
}

@media only screen and (max-width: 991px) and (min-width: 801px) {
    .bodywrapper .header .searchdiv #Search {
        width: 72% !important;
    }
}


/* @media only screen and (min-width: 504px) and (max-width: 519px){
.minheight130px .floatright1,.minheight130px .float_right
{
top: -120px !important	;
}
} */

@media only screen and (max-width: 504px) {
    .minheight130px .floatright1,
    .minheight130px .float_right {
        float: none !important;
        top: 80px !important;
        margin-bottom: 60px !important;
    }
    .date-sec .date-time {
        width: auto !important;
    }
    .date-sec .sep {
        display: none !important;
    }
    .logo .floatleft1 {
        float: none !important;
    }
}


/* .modal
{
z-index:2000 !important;
} */

@media only screen and (max-width: 450px) {
    .modal-body .marginleft105px {
        margin-left: 20px !important;
    }
    .modal-body .btn-modal .marginleft65px .col-xs-4 {
        padding-left: 0 !important;
    }
}

#cart_country_msdd {
    width: auto !important;
}

#error_php {
    border: 1px solid #990000;
    padding-left: 20px;
    margin: 0 0 10px 0;
}

#apply_success {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99999;
    color: #F00;
}

#apply_position {
    position: relative;
}

#branch_msdd {
    width: auto !important;
}

* #mainBGaa {
    background: url('./uploads/background/thumbnails/space-bg145.jpg') repeat 0 0;
}

#mainBGaa {
    background: url('../../uploads/background/thumbnails/space-bg1.jpg') no-repeat fixed center center / 100% 100% rgba(0, 0, 0, 0);
}

#career_countries #countries_msdd,
#countries,
#country_msdd {
    width: auto !important;
}

#country_msddHolder #country {
    width: 100% !important;
}


/* application\views\promotion\promotion.php"  */

#kgtpromo .readmore1 {
    color: red;
}

#knowledge_center .font20pxbold {
    font-size: 20px;
    font-weight: bold;
}

#knowledge_center .boxshadownone {
    box-shadow: none;
    padding: 0px
}


/* application\views\career\career.php, application\views\career\apply_form.php  */

.red1 {
    color: red;
}

#kgt1 {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99999;
    color: #F00;
}

.readmore1 {
    color: red;
}

#permanent_job img.nobottommargin {
    margin-bottom: 0px;
}

#countries .width245px,
select #countries .width245px,
#career_countries .width245px {
    width: 245px;
}


/* used in \application\views\promotion\promotion_form.php */

#countdownplace .floatright1 {
    float: right;
}

.kgtmargin {
    margin: 0 18px 20px 18px;
}

.nomargin {
    margin: 0px;
}

#kgtnomargin {
    margin: 0px;
}


/* application\views\distribution\distribution.php"  */

#country .width100percent1,
.width100percent1 {
    width: 100%;
}


/* application\views\career\success.php" */

#modal_success a.floatright1,
#modal_success.floatright1 {
    float: right;
}


/* application\views\cart\cart.php  */

#not_empty_cart .black1,
.black1 {
    color: #000;
}


/*"C:\Users\spartan\Documents\My Web Sites\kondarglobal-codeignitor\shahla\application\views\cart\verify_submit.php"*/

.floatright1 {
    float: right;
}

.black2-nodisplay {
    display: none;
    color: black;
    background-color: whitesmoke;
}

.black2-displayinline {
    display: inline;
    color: black;
    background-color: whitesmoke;
}

.font575757-c {
    color: #575757;
    font-family: arial;
    font-size: 12px;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.kgtmargin1 {
    float: right;
    margin: 23px 7px 0px 0px;
    width: auto;
}

.margintop30px {
    margin-top: 30px;
}

.kgtmargin {
    margin: 0 18px 20px 18px;
}

.kgtcanadaphone {
    position: relative;
    top: -294px;
    left: 75px;
}

.kgtukphone {
    position: relative;
    top: -294px;
    left: 251px;
}

.kgttunisiaphone {
    position: relative;
    top: -259px;
    left: 246px;
}

.kgtdubaiphone {
    position: relative;
    top: -233px;
    left: 305px;
}


/*#customid_jaz {margin-top:-21px;}*/

.searchdiv input#Search {
    border: 1px solid #fff !important;
}

.nav-prex-next .btn {
    min-width: 100px !important;
    height: 30px !important;
    background: none repeat scroll 0 0 #de0002 !important;
    line-height: inherit !important;
}

@media screen and (max-width: 520px) {
    .nav-prex-next .btn {
        width: 100% !important;
        margin-top: 5px !important;
    }
    .nav-prex-next .pull-right {
        float: none !important;
    }
}

.btn-search-ad {
    width: 100px;
}

@media screen and (max-width: 991px) {
    .btn-search-ad {
        width: 100%!important;
    }
    .quick_main_test {
        padding: 0 !important;
    }
    .fix-btn-search-ad {
        padding-left: 15px !important;
    }
    #product_type_span .bootstrap-select {
        z-index: 2000;
    }
    /*#cart_buttons  .btn
	{
	min-width:100% !important;
	margin-top:5px;
	}*/
    .btn-modal .btn {
        min-width: 100px !important;
        margin-bottom: 5px;
    }
    .customid_jaz a.btn {
        background: none repeat scroll 0 0 #de0002 !important;
        height: 30px !important;
        line-height: inherit !important;
        margin-top: 5px;
        width: 100% !important;
    }
    .download-material .media .width55percent {
        width: 95% !important;
        margin-left: 5px;
    }
    .footer-hanna {
        float: left;
        width: 50%;
    }
    .footer-hanna ul {
        list-style: none;
        padding-left: 10px;
    }
    .footer .fb1 .kgtclientul {
        width: 100%;
        margin-top: 10px;
    }
    .footer .fb1 {
        min-height: 170px !important;
    }
    .adv_srch .right {
        width: 100% !important;
    }
    .adv_srch .left {
        width: 100% !important;
    }
}

@media only screen and (max-width: 992px) and (min-width: 800px) {
    .bodywrapper .header .block-bg-header img {
        left: -70px !important;
        top: 0px !important;
        width: 350px !important;
    }
}

@media only screen and (max-width: 800px) and (min-width: 760px) {
    .bodywrapper .header .block-bg-header img {
        left: -40px !important;
        top: 40px !important;
        width: 320px !important;
    }
}

@media only screen and (max-width: 760px) and (min-width: 690px) {
    .bodywrapper .header .block-bg-header img {
        left: -65px !important;
        top: 40px !important;
        width: 280px !important;
    }
}

@media only screen and (max-width: 690px) and (min-width: 665px) {
    .bodywrapper .header .block-bg-header img {
        left: -45px !important;
        width: 250px !important;
    }
}

@media only screen and (max-width: 400px) {
    .nav-prex-next .floatright1 {
        float: none !important;
    }
}

@media only screen and (max-width: 665px) and (min-width: 630px) {
    .bodywrapper .header .block-bg-header img {
        left: -90px !important;
        width: 250px !important;
    }
}

@media only screen and (max-width: 630px) and (min-width: 504px) {
    .bodywrapper .header .text-header {
        margin-top: 100px !important;
    }
    .bodywrapper .header .block-bg-header img {
        left: -150px !important;
        width: 250px !important;
        top: 120px !important;
    }
}

@media only screen and (max-width: 550px) and (min-width: 504px) {
    .bodywrapper .header .block-bg-header img {
        left: -185px !important;
        width: 250px !important;
        top: 120px !important;
    }
}


/* @media only screen and (max-width: 550px) and (min-width: 511px) {
.bodywrapper .header .text-header
{
 margin-top: 100px !important;
}

} */

@media only screen and (max-width: 504px) and (min-width: 380px) {
    .bodywrapper .header .block-bg-header img {
        left: 100px !important;
        width: 250px !important;
        top: -10px !important;
    }
}

@media only screen and (max-width: 375px) {
    .bodywrapper .header .block-bg-header img {
        left: 40px !important;
        width: 250px !important;
        top: -10px !important;
    }
}

@media only screen and (max-width: 991px) {
    .replace-right {
        margin-top: 34px;
    }
    .replace-left {
        margin-top: -68px;
    }
}

@media only screen and (max-width: 767px) {
    .menu_bottom:hover {
        width: 300px !important;
    }
    .navbar-collapse {
        padding-right: 0 !important;
    }
    .cart_right {
        width: 100% !important;
    }
    .cart_right .kgtcart {
        float: right !important;
        margin-right: -15px !important;
        text-align: right;
    }
    .bodywrapper .header .menu .parent li ul li:hover {
        background: #cb0000 !important;
    }
    .bodywrapper .container .slider2 {
        min-height: 200px !important;
    }
    .bodywrapper .header .menu .parent li {
        width: 100% !important;
    }
    .bodywrapper .header .menu .parent ul {
        width: 100% !important;
    }
    #bs-example-navbar-collapse-1 .kgtproductcatsubmenu {
        margin-left: 0 !important;
    }
	.navbar-collapse {
		padding-right: 0 !important;
		background-color: #ffffff;
		position: fixed;
		top: 0;
		left: -310px;
		z-index: 1000;
		width: 300px;
		height: 100% !important;
		padding: 10px 0px;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
		display: block;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		-webkit-transition-duration: 500ms;
		transition-duration: 500ms;
	}
	.navbar-collapse.in {
		left:0px;
	}
	.bodywrapper .header .menu .parent li a {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 15px;
		font-weight: 500;
		padding: 10px 15px !important;
    }
	a.logo {
		text-align: left;
	}
	.navbar-toggle.collapsed .icon-bar {
		transform: rotate(0deg) !important;
		position: relative !important;
		top: auto !important;
	}

	.navbar-toggle .icon-bar:nth-child(2) {
	-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 17px;
		position: absolute;
	}

	.navbar-toggle .icon-bar:nth-child(3) {
		display: none;
	}

	.navbar-toggle .icon-bar:nth-child(4) {
	-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 13px;
		position: absolute;
	}

	button.navbar-toggle {
		position: relative;
		width: 44px;
		height: 37px;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	.navbar-toggle.collapsed .icon-bar:nth-child(3) {
		display: block;
	}
	.navbar-collapse .col-md-7 {
		padding: 0px;
	}
	.navbar-collapse .navbar-nav {
		margin: 0px;
	}
	
}

@media only screen and (max-width: 767px) and (min-width: 420px) {
    .bodywrapper .header .menu .parent li a {
        background-size: 10% !important;
    }
}

@media only screen and (max-width: 808px) and (min-width: 767px) {
    .bodywrapper .header .menu .parent li ul li:hover {
        background: #cb0000 !important;
    }
    #bs-example-navbar-collapse-1 .kgtproductcatsubmenu {
        margin-left: auto !important;
    }
}


/* @media only screen and (min-width: 808px) and (max-width: 1050px){

#bs-example-navbar-collapse-1 .kgtproductcatsubmenu
{
margin-left:300px !important;
}

} */

.customid_jaz a.btn {
    background: none repeat scroll 0 0 #de0002 !important;
    height: 30px !important;
    line-height: inherit !important;
    margin-top: 5px;
    /*width:20%;*/
}

.download-material .media .width55percent .kgt5,
.download-material .media .kgt5 {
    height: auto !important;
}

.varify-submit-page {
    margin-bottom: 10px;
}

@media only screen and (min-width: 991px) {
    .hanna-right {
        float: right !important;
        text-align: right !important;
    }
    .hanna-right p {
        text-align: right !important;
    }
    /* .tab-content .download-material .col-md-6
{
width:100% !important;
} */
    .tab-content .download-material .col-md-6 .col-md-5 {
        width: 20% !important;
        float: left !important;
    }
    .download-material .media .width55percent {
        width: 70% !important;
    }
    .footer .fb1 .footer-hanna ul {
        list-style: none;
        padding-left: 5px;
    }
    .footer .fb1 .kgtclientul {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    #contact_view_timer {
        width: 100% !important;
    }
    #countdownplace {
        float: left !important;
        width: 100% !important;
    }
    #checkVerificationCode .kgt52 {
        width: 100% !important;
    }
    #modal_success .modal-body .floatright1 .kgt15 {
        float: none !important;
    }
    #modal_success .modal-body .floatright1 {
        float: none !important;
    }
    .positionrelative #timer22 {
        width: 100% !important;
        float: none !important;
    }
}

@media only screen and (max-width: 500px) and (min-width: 320px) {
    .flip-clock-divider {
        margin: 4% !important;
    }
    .imagepreview .kgtimagepreview {
        width: 100% !important;
    }
}

@media only screen and (max-width: 320px) {
    .modal-dist-popup-width-5 {
        padding: 6px !important;
    }
    .modal-dist-popup-width-3 {
        padding: 5px !important;
    }
    .flip-clock-divider {
        margin: 4px !important;
    }
    .timerdiv {
        padding-left: 0 !important;
        margin-left: -20px !important;
        margin-bottom: 10px !important;
    }
    #modal_success .timerdiv {
        margin-left: auto !important;
    }
    .imagepreview .kgtimagepreview {
        width: 100% !important;
    }
    #notify_submit .timerdiv {
        margin-left: 0px !important;
    }
    .timerdiv .flip-clock-divider {
        margin: 0 !important;
    }
    .modal-dist-popup-counter-styles #timer1 {
        margin-left: -20px !important;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 320px) {
    .timerdiv,
    .timerdiv2 {
        padding-left: 15px !important;
    }
}

.btn-modal .btn {
    width: 100% !important;
    margin-bottom: 5px !important;
    padding: 5px 10px !important;
}

.modal-body .kgt68 {
    width: auto !important;
    margin-bottom: 5px !important;
}

@media only screen and (max-width: 600px) {
    .modal-body .kgt68 {
        margin: 1em !important;
    }
}

.col-md-12 .btn,
.contact-us-page .col-md-12 .btn {
    background: none repeat scroll 0 0 #de0002 !important;
    height: 30px !important;
    line-height: inherit !important;
}

.product-list .col-md-12 .btn {
    line-height: 10px !important;
}

.car-lists .btn {
    background: none repeat scroll 0 0 #de0002 !important;
    height: 30px !important;
    line-height: 10px !important;
}

#saveBasicDetailsForm .col-md-10 {
    width: 100% !important;
}

#checkVerificationCode .margin_bottom_80 {
    margin-bottom: 20px !important;
}

.modal-body .title-modal {
    margin: 20px 0 20px !important;
}

.file-upload-override-button {
    float: left !important;
}

.modal-dist-popup .nav-prex-next .btn,
.modal-body .nav-prex-next .btn {
    width: 100% !important;
    margin-bottom: 5px !important;
}

@media only screen and (max-width: 991px) and (min-width: 560px) {
    .hanna-country-right {
        float: right;
        margin-right: 10px;
    }
    .hanna_country {
        float: left;
        margin-left: 10px;
    }
    .left_side .kgt21 {
        margin-top: 0 !important;
        height: 150px;
    }
    .hanna-country-right .kgt32,
    .hanna-country-right .kgt33,
    .hanna_country .kgt29 {
        margin-top: -20px !important;
    }
}

@media only screen and (max-width: 560px) {
    .hanna-country-right {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
    }
    .hanna_country {
        float: left;
        margin-left: 10px;
    }
    .hanna_country .kgt29 {
        margin-top: -20px;
    }
    .left_side .kgt21 {
        margin-top: 0 !important;
        height: 250px;
    }
    .hanna-country-right .kgt32,
    .hanna-country-right .kgt33 {
        margin-top: -20px !important;
    }
}

@media only screen and (min-width: 991px) {
    .hanna-country-right,
    .hanna_country {
        float: left;
    }
    .hanna_country .kgt29 {
        margin-top: -20px;
    }
    .left_side .kgt21 {
        margin-top: 0 !important;
        height: 235px;
    }
    .hanna-country-right .kgt32,
    .hanna-country-right .kgt33 {
        margin-top: -20px !important;
    }
}

.bodywrapper .container .container_left {
    min-height: auto !important;
}

.once {
    margin-top: 256px !important;
}

.once2 {
    margin-top: -294px !important;
}

@media only screen and (max-width: 400px) {
    #login_redirect .width57percent {
        width: 85% !important;
    }
}

#claim_award_form .kgtimagepreview {
    width: 100% !important;
    margin-top: 2%;
    margin-left: 0 !important;
    padding: 0 10% !important;
}

.bread .text-bread a {
    color: #428bca;
}

@media only screen and (min-width: 991px) {
    .timerdiv {
        width: 45% !important;
        float: left;
    }
}

.welcome_button {
    background: none repeat scroll 0 0 #de0002 !important;
    height: 30px !important;
    border-radius: 0 !important;
}

@media only screen and (max-width: 768px) {
    #bs-example-navbar-collapse-1 .kgtlogin {
        width: auto !important;
    }
    #bs-example-navbar-collapse-1 .kgtcart {
        width: auto !important;
    }
}

.error {
    color: #FF0000;
    font-size: 14px;
    font-weight: 400;
}

.understand_terms {
    float: left;
    padding-bottom: 29px;
    position: relative;
}

.understand_terms .error {
    bottom: 0;
    left: 0;
    position: absolute;
}

.support_24_7 .margintop-10px .kgt19 {
    color: #000;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
}

.main-page.contact-us-page {
    height: auto !important;
}

@media only screen and (max-width: 540px) {
    .modal-body .kgt54 {
        width: 100% !important;
    }
}

#awards .nav-prex-next .btn {
    line-height: inherit !important;
    width: 100px !important;
}

#claim_award_form #claim_award_countries_msdd {
    width: 100% !important;
}

.btn-modal .btn {
    min-width: 100px !important;
    margin-bottom: 5px;
}

.noscroll {
    overflow: hidden !important;
}

.modal-open .searchdiv,
.noscroll .searchdiv {
    z-index: 0 !important;
}

@media only screen and (min-width: 580px) {
    .send-verification-code-1 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        padding: 0px !important;
        float: right !important;
    }
}

@media only screen and (max-width: 580px) {
    .send-verification-code-1 {
        padding-bottom: 40px !important;
        padding-top: 15px !important;
    }
}

.tab4 {
    margin-top: 10px;
}

.tab2 {
    margin-top: 20px;
}

.tab3 {
    margin-top: 5px;
}

.tab1 {
    width: auto;
}

.rep_table {
    display: table;
}

.tab1 .flip-clock-wrapper {
    width: auto !important;
}

#modal_block_timeout,
#already {
    z-index: 2000 !important;
}

.modal-open,
.noscroll {
    position: fixed;
}

.blockElementWrap {
    background-position: 50% 0 !important;
}

@media only screen and (max-width: 580px) {
    .modal-body #target label,
    #code_verification #div_id_verification_panel label,
    #cart_verification_form label {
        text-align: left;
    }
    .modal-body #target input,
    #code_verification #div_id_verification_panel input,
    #cart_verification_form input {
        width: 100%;
    }
}

.lsnoscroll {
    overflow: hidden !important;
    position: fixed !important;
}

.floatright1,
.my-table input .floatright1 {
    float: right;
}

.filepreview img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.filepreview {
    color: red;
    font-size: 15px;
}

.filepreview.notempty {
    width: 80%;
    margin-left: 10%;
    height: 300px;
    border: 1px solid gray;
    border-radius: 5px;
    float: left;
    margin-top: 25px;
    background: white;
}

.filepreview iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.answer {
    color: #AF6047;
    margin-left: 20px;
    margin-top: 5px;
}

.question {
    color: #DE0200;
    font-weight: bold;
}

.questions_history .one_ques_hist {
    border-radius: 5px;
    padding: 5px;
}

.questions_history .ques_text {
    color: rgb(100, 96, 96);
}

.questions_history .ques_answer {
    color: rgb(207, 60, 60);
    margin-left: 18px;
    margin-bottom: 10px;
}

label {
    font-weight: normal;
}

h2,
h1,
h3,
h4 {
    font-weight: normal;
}

.left {
    float: left;
}

.both {
    clear: both;
}

.file-upload-container {
    width: 140px;
    text-align: center;
    color: white;
    border: 1px solid #efefef;
    padding: 10px;
    background: #DE0200;
}

.file-upload-override-button {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #DE0200;
}

.file-upload-override-button:hover {
    background-color: #DE0200;
}

.file-upload-override-button:active {
    position: relative;
    top: 1px;
}

.file-upload-button {
    position: absolute;
    height: 50px;
    top: -10px;
    left: -10px;
    cursor: pointer;
    opacity: 0;
}

.file-upload-filename {
    margin-left: 10px;
    height: auto;
    padding: 8px;
}

.form-horizontal .control-label {
    text-align: left;
}

@media screen and (max-width: 320px) {
    .toyota-page .col-xs-4 {
        margin-bottom: 10px;
        text-align: center;
        width: 100%
    }
    .toyota-page .col-xs-4 a {
        width: 100%
    }
}

.readmore {
    color: #F00 !important;
    position: absolute;
    bottom: 0px;
}

.readmore1 {
    color: #F00 !important;
}

.blacktext {
    color: #000;
}

.clearboth {
    clear: both;
}

.hidden_lite {
    display: none;
}

.media-heading {
    font-size: 20px;
}

.lesstext {
    display: none;
}

.padding15px {
    padding: 15px;
}

#loading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #353535bd url('../images/load.svg') no-repeat center center;
}

#loading p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: -5em;
    z-index: 9999;
    color: #ebeb0c;
    font-size: 27px;
}

.user-time {
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.entry_door_counter {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.counter_msg_wrap_counter {
    display: inline-block;
}

.child-show {
    display: inline-block;
    margin-left: 10px;
}

.child-show i,
.child-hide i {
    font-size: 15px;
}

.child-hide {
    display: inline-block;
    margin-left: 5px;
}

.parent-show {
    display: inline-block;
    margin-left: 10px;
}

.parent-show i,
.parent-hide i {
    font-size: 15px;
}

.parent-hide {
    display: inline-block;
    margin-left: 5px;
}

.parent-child-show {
    display: inline-block;
    margin-left: 10px;
}

.parent-child-show i,
.parent-child-hide i {
    font-size: 15px;
}

.parent-child-hide {
    display: inline-block;
    margin-left: 5px;
}

.bodywrapper .header .searchdiv #Search::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

.bodywrapper .header .searchdiv #Search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.bodywrapper .header .searchdiv #Search::placeholder {
    color: #fff;
}

.cart_asterisk {
    font-size: 18px;
    margin-left: 3px;
    color: #de0002;
    vertical-align: top;
}


/*entry door footer*/

html {
    height: 100%;
}

.bodywrapper {
    min-height: 100%;
    position: relative;
}

#bodywrapper_entry_door .footer1,
.bodywrapper .footer1 {
    bottom: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    #bodywrapper_entry_door .main-page,
    .bodywrapper .main-page {
        padding-bottom: 130px;
    }
}

#website_loading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #353535bd url('../images/load.svg') no-repeat center center;
}

#website_loading p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: -5em;
    z-index: 9999;
    color: #ebeb0c;
    font-size: 27px;
}

#commission_loading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #353535bd url('../images/load.svg') no-repeat center center;
}

#commission_loading p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: -5em;
    z-index: 9999;
    color: #ebeb0c;
    font-size: 27px;
}


/*end entry door footer*/

.sticky {
    background: #444;
    z-index: 99998;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 100000;
}


/*contact us*/

#branch_child {
    overflow: auto !important;
    height: 127px!important;
}

.signup {
    margin-right: 20px;
}

.signup a {
    width: 150px;
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .signup a {
        width: 90px;
    }
}

@media only screen and (max-width: 504px) {
    .header .minheight130px .floatright1,
    .minheight130px .float_right {
        float: none !important;
        top: 0px !important;
        margin-bottom: 0px !important;
        text-align: center;
    }
    .signup a {
        width: 171px;
    }
    .signup {
        margin-right: 0px;
    }
}

#pagecontent a,
#pagecontent a:link,
#pagecontent a:visited {
    color: #428bca;
    text-decoration: underline;
}

.signup a,
.signup a:link,
.signup a:visited {
    color: #fff;
}

.sales_representatives a,
.sales_representatives a:link,
.sales_representatives a:visited {
    color: #fff;
}

.sales_representatives a {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    border: none;
    font-family: Arial;
}


/*home page*/

#home-page-content hr {
    border-top: 1px solid #c1c1c1;
    margin-top: 40px;
}

.color_red {
    font-weight: bold;
    color: #de0002;
}

.align_centered {
    text-align: center;
}

.border_curve {
    padding: 20px;
    border: 1px solid #ffc000;
    border-radius: 0px 20px 0px 20px;
}

.btn_radius {
    color: #fff !important;
    background-color: #de0002;
    border-radius: 5px;
    font-weight: 500;
}

#home-page-content .row {
    margin-top: 20px;
}

#home-page-content .table-responsive,
#home-page-content .table-responsive thead th {
    text-align: center;
}

#home-page-content .table-responsive thead {
    font-size: 20px;
    color: #de0002;
}

#home-page-content .fa {
    color: #ffc000;
    font-size: 30px;
}

.section_industries {
    margin-bottom: 25px;
}

.section_industries p {
    padding-top: 5px;
}

.section_industries p,
.section_industries .tiny_font {
    text-align: center;
}

.section_industries .tiny_font {
    font-size: 13px;
}

.section_industries img {
    display: unset;
    height: 90px;
}

.color_blue {
    font-weight: bold;
    color: #4281FF;
}

.section_how_it_works .row {
    margin-bottom: 40px;
}

.sales_representatives_view .row {
    margin-right: 0px;
    margin-left: 0px;
}

.sales_representatives_view .row div {
    padding-bottom: 20px;
}

.language_container {
    z-index: 1024;
}

.modal {
    z-index: 99999;
}

#loading {
    z-index: 999999;
}

@media only screen and (min-width: 1025px) {
    .rowflex {
        display: flex;
    }
}

.valigncolumn {
    align-items: center;
    display: flex;
}

.fixed {
    z-index: 9999;
}

.sales_representatives_view img {
    height: 100px;
    width: 100px;
}

.sales_representatives_view h4,
.sales_representatives_view h5,
.sales_representatives_view h6 {
    margin-bottom: 0px;
}