@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Lato, sans-serif
}

@font-face {
    src: url(/fonts/segoeui.eot);
    src: local('☺'), url(/fonts/segoeui.woff) format('woff'), url(/fonts/segoeui.ttf) format('truetype'), url(/fonts/segoeui.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 12px;
    background: #fff
}

.wrapper {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.top_head {
    width: 100%;
    display: inline-block;
    height: 34px;
    background: #32489d;
    color: #fff;
    font-size: 14px;
    float: left;
    font-family: Lato, sans-serif
}

.main_header,
.main_nav,
.tab-content .col-md-3 {
    font-family: 'Segoe UI'
}

.top_head span {
    font-weight: 700;
    line-height: 34px
}

.top_head .social .btn {
    font-size: 13px;
    font-weight: 400;
    padding: 4px 10px;
    margin-top: 4px;
    border: none
}

.top_head .social .btn .caret {
    margin-left: 7px
}

.top_head .social .dropdown-menu {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    min-width: 125px;
    border-radius: 0;
    border: 0
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 11px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap
}

.top_head .social a i {
    font-size: 17px;
    color: #ccd1e6;
    line-height: 34px
}

.top_head .social a i:hover {
    color: #DB4800
}

.hidden-desktop {
	display: none;
}

.main_header {
    width: 100%;
    background: #fff;
    height: 64px;
    float: left
}

.main_header .logo_top {
    line-height: 62px
}

.main_header .nav {
    font-weight: 500;
    font-size: 13px;
    text-align: right
}

.main_nav,
h3.sm_box_containers {
    font-size: 14px;
    text-transform: uppercase
}

.main_header .nav-pills>li {
    float: none;
    padding-right: 23px;
    line-height: 64px;
    text-align: right;
    display: inline-block
}

.main_header .nav-pills>li:last-child {
    padding: 0
}

.main_header .nav-pills>li>a {
    border-radius: 0;
    padding: 0;
    color: #0b232e
}

.main_header .nav>li>a:focus,
.main_header .nav>li>a:hover {
    color: #00A7F1;
    background: 0 0
}

.main_nav {
    width: 100%;
    float: left;
    background: #121b39;
    color: #fff;
    line-height: 60px;
    height: 60px;
    border-radius: 0;
    font-weight: 500
}

.main_nav .navbar-nav>li>a {
    padding: 0 7px;
    color: #fff;
    line-height: 59px
}

.main_nav .nav>li>a:focus,
.main_nav .nav>li>a:hover {
    background: #DB4800;
    color: #fff
}

.slicknav_menu {
	display:none;
}


h3.sm_box_containers {
    margin: 0;
    padding: 0;
    line-height: 34px;
    font-weight: 700;
    text-indent: 15px
}

.dark_blue {
    background: #32489d;
    color: #FFF
}

.dark_red {
    background: #ED1C24;
    color: #FFF
}

.cyan_blue {
    background: #01A7F1;
    color: #FFF
}

.small_intro {
    border-top: 1px solid #32489d;
    border-bottom: 1px solid #32489d;
    background-color: #f7f7f7
}

.small_intro h2 {
    font-size: 22px
}

.col-md-12.box_container {
    padding: 0;
    margin: 0 0 5px;
    display: inline-block
}

.search_left label {
    width: 22%;
    font-size: 14px;
    color: #000;
    font-weight: 400
}

.search_left .btn-group {
    width: 76%
}

.search_left .btn {
    width: 100%;
    border: 1px solid #d4d4d4;
    height: 29px;
    padding-top: 0;
    font-size: 13px;
    line-height: 28px;
    text-align: left;
    padding-bottom: 0
}

.search_left .btn .caret {
    float: right;
    margin-top: 12px
}

.search_left .form-group {
    margin-bottom: 10px
}

.search_left .btn_search {
    float: left
}

.search_left .btn_search .btn {
    border: none;
    height: auto;
    line-height: 34px;
    text-align: center;
    padding: 0 19px
}

.menu_btn {
    display: none
}

.col-md-12.box_container ul {
    margin: 0;
    padding: 0
}

.col-md-12.box_container ul li {
    list-style-type: none;
    display: inline-block;
    border-bottom: #e7e7e7 solid 1px;
    line-height: 34px;
    float: left;
    width: 100%
}

.col-md-12.box_container ul li a {
    text-decoration: none;
    color: #383838;
    font-size: 12px;
    font-weight: 400
}

.col-md-12.box_container ul li a:hover {
    color: #00A7F1
}

.col-md-12.box_container ul li a .img_area {
    width: 40px;
    display: inline-block
}

.col-md-12.box_container ul li a span.orange {
    color: #f1892b
}

.col-md-12.box_container ul li a img {
    height: auto;
    max-width: 100%
}

.col-md-12.box_container.stock_reg ul {
    margin: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: inline-block
}

.col-md-12.box_container.stock_reg ul li {
    border-bottom: 0;
    line-height: inherit;
    float: left;
    width: 100%;
    padding-top: 12px
}

.slider,
.spec_off img {
    border: 1px solid #d1d1d1
}

.type_center .col-md-12.box_container ul li {
    width: 48%
}

.type_center .col-md-12.box_container ul li:nth-child(even) {
    margin-right: 0
}

.type_center .col-md-12.box_container ul li:nth-child(odd) {
    margin-right: 9px
}

.stock_reg-cent .col-md-12.box_container.stock_reg ul {
    padding: 0
}

.spec_off img {
    width: 100%;
    height: auto
}

.text-info-400 {
    color: #00a7f1;
    font-weight: 400
}

.slider {
    height: 145px;
    background: #f9f9f9;
    border-top: 0;
    padding-top: 6px
}

.flex-control-nav,
.flex-direction-nav {
    height: auto!important
}

.flex-control-nav li {
    margin-left: 4px!important;
    width: 23%!important
}

.flex-control-nav {
    width: 99%;
    position: absolute;
    bottom: 3px;
    text-align: center;
    margin: 5px auto!important
}

.adverts_area img,
.tab-content .col-md-3 img {
    width: 100%;
    height: auto
}

.tab_area {
    margin: 23px 0 0
}

.nav-tabs>li>a {
    margin-right: 0;
    line-height: 41px;
    border: none;
    border-right: 1px solid #32489d;
    border-bottom: 2px solid #32489d;
    border-radius: 0;
    background: #e2e2e2;
    font-weight: 700;
    color: #000;
    font-size: 15px;
    padding: 0 15px
}

.nav-tabs>li:last-child a {
    border-right: none
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #DB4800;
    border: 0;
    border-bottom: 2px solid #DB4800
}

.tab-content .col-md-3 {
    margin-top: 21px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 500;
}

.tab-content .col-md-3 a {
    color: #00a7f1
}

.d_blue {
    color: #00405d
}

.red {
    color: #de0000
}

.red-300 {
    color: #e14f43!important
}

.stike {
    color: #a5a197;
    text-decoration: line-through
}

.flex-direction-nav .flex-prev {
    left: -3px;
    color: #000;
    opacity: 1;
    font-size: 10px;
    font-size: 0
}

.flex-direction-nav a:before {
    font-size: 19px
}

.flex-direction-nav .flex-next {
    right: 8px;
    text-align: right;
    color: #000;
    opacity: 1;
    font-size: 10px;
    font-size: 0
}

.tab-content_in {
    width: 100%;
    display: inline-block
}

.other_vichel {
    float: left
}

.other_vichel .top_title_area {
    border-bottom: #00a7f1 solid 1px;
    padding: 0;
    margin: 0;
    float: left
}

.other_vichel .top_title_area h1 {
    float: left;
    font-size: 18px;
    line-height: 31px;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 0 20px 0 0;
    border-bottom: #00a7f1 solid 3px;
    background: 0 0
}

a {
    transition: .25s linear 0s
}

.import_text .top_title_area {
    border-bottom: #f18200 solid 1px;
    padding: 0;
    margin: 0 0 15px;
    float: left
}

.import_text .top_title_area h1 {
    float: left;
    font-size: 22px;
    line-height: 31px;
    color: #000;
    font-weight: 400;
    margin: 0;
    padding: 0 20px 0 0;
    border-bottom: #f18200 solid 3px;
    background: 0 0
}

.import_text p {
    font-size: 13px;
    color: #000;
    font-family: Arial, Lato, sans-serif;
    line-height: normal;
    float: left;
    text-align: justify
}

.col-md-12.box_container .testimials_content {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #383838;
    line-height: 18px
}

.col-md-12.box_container .testimials_content .inner_img {
    margin-bottom: 12px;
    text-align: center
}

.col-md-12.box_container .testimials_content .inner {
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #383838;
    line-height: 13px;
    padding: 0;
    margin: 12px 0 0
}

.col-md-12.box_container .testimials_content .inner p {
    margin-bottom: 5px
}

.col-md-12.box_container .testimials_content .inner a {
    color: #f1892b
}

.adverts_area .col-md-12.box_container {
    margin: 0 0 3px!important
}

.footer_top {
    width: 100%;
    float: left;
    background: #444;
    padding: 25px 0
}

.footer_top h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 8px;
    margin: 0 0 8px;
    background: 0 0
}

.footer_top ul {
    margin: 0;
    padding: 0
}

.footer_top ul li {
    float: left;
    list-style-type: none;
    display: inline-block;
    width: 100%;
    line-height: 17px
}

.footer_top ul li a {
    color: #c6c6c6;
    font-size: 12px;
    line-height: 34px;
    line-height: 18px;
    font-weight: 400
}

.footer_top ul li a:hover {
    color: #8dd5ff
}

footer {
    overflow: hidden;
    text-align: center;
    /*height: 34px;*/
    background: #000;
    font-size: 12px;
    color: #fff
}

footer .col-md-9 {
    text-align: left;
    padding-top: 8px
}

footer .col-md-9 a {
    color: #6498B8;
    text-decoration: underline
}

footer .col-md-3 {
    text-align: right;
    font-size: 14px
}

footer .col-md-3 a {
    font-size: 20px;
    color: #fff;
    margin-left: 5px
}

footer .col-md-3 a:hover {
    color: #8dd5ff
}

.breadcrumb,
.breadcrumb a {
    color: #121b39
}

.list_nav_page .col-md-12.box_container {
    padding: 0;
    margin: 0 0 3px;
    display: inline-block
}

.list_nav_page h1.sm_box_containers a {
    background: url(/images/minus_accor.png) center center no-repeat;
    font-size: 0;
    transition: inherit;
    width: 11px
}

.list_nav_page h1.sm_box_containers a.collapsed {
    background: url(/images/plus_accor.png) center center no-repeat
}

.breadcrumb {
    padding: 0 0 5px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0
}

h1.panel-title {
    font-size: 30px;
    font-family: arial;
    color: #000
}

h2.subtitle {
    font-size: 28px;
    font-family: arial;
    color: #428bca
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #121b39;
    content: ">\00a0"
}

.breadcrumb>.active {
    color: #32489d
}

.bg-lightblue {
    background: #00aeef;
    color: #fff
}

.btn {
    transition: .25s ease 0s
}

.btn:hover {
    background: #000;
    color: #fff
}

.list_page_d .panel-heading {
    border-bottom: none
}

.slider_area .imgare img {
    width: 100%;
    height: auto
}

.list_page .panel-heading p {
    font-size: 13px;
    font-family: verdana;
    color: #949494;
    line-height: normal;
    width: 100%;
    display: inline-block;
    margin-top: 7px
}

.about_short h3,
.search_area h1 {
    font-weight: 400;
    font-family: arial
}

.list_page .flex-control-nav {
    display: none
}

.list_page .slider {
    height: auto;
    background: #fff;
    border: 0;
    border-top: 0;
    padding-top: 0
}

.list_page .col-md-12.box_container .testimials_content .inner {
    border-bottom: 0;
    margin: 10px 0 0;
    padding: 0
}

.list_page .col-md-12.box_container ul li,
.list_page .flex-control-nav,
.list_page .flex-direction-nav,
.list_page .slides,
.list_page .slides>li {
    height: auto
}

.list_page .col-md-12.box_container ul li img {
    width: 100%
}

.hidden-xs {
    display: inherit!important
}

.list_page .flex-direction-nav a {
    right: 0;
    color: #000;
    background: rgba(255, 255, 255, .6);
    opacity: 1;
    font-size: 10px;
    font-size: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    margin: -30px 5px
}

.list_page .flex-direction-nav a.flex-next {
    right: 0
}

.list_page .flex-direction-nav a.flex-prev {
    left: 0
}

.list_page .col-md-12.box_container ul li {
    border-bottom: 0
}

.slider2 p {
    line-height: 16px;
    color: #000
}

.list_page .col-md-12.box_container .slider2 ul li img {
    width: auto
}

.search_area {
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 21px;
    border-bottom: 1px solid #e0e0e0
}

.search_area h1 {
    font-size: 18px;
    color: #000;
    margin: 0 0 15px
}

.search_area select {
    outline: inherit;
    padding-left: 4px;
    font-size: 12px;
    height: 30px;
    width: 100%;
    background: url(/images/select_arrow.png) right top no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dadada
}

.search_area .form-group {
    width: 100%;
    display: inline-block;
    margin-bottom: 11px
}

.search_area input[type=checkbox]:not(old),
.search_area input[type=radio]:not(old) {
    text-align: center;
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0
}

.search_area input[type=checkbox]:not(old)+label,
.search_area input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 19px;
    background: url(/images/checkbox.png) no-repeat;
    font-weight: 400;
    line-height: 12px;
    color: #000;
    font-size: 13px
}

.search_area input[type=checkbox]:not(old):checked+label {
    background-position: 0 -13px
}

.checlarea span {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em;
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    height: 33px;
    border-radius: 2px;
    width: 189px
}

.dataTables_length select {
    height: 33px;
    background: url(/images/select_arrow_lg.png) right top no-repeat;
    -webkit-appearance: none;
    width: 58px;
    font-size: 14px;
    border-radius: 2px;
    padding-left: 5px;
    border: 1px solid #d7d7d7
}

.dataTables_length {
    margin-bottom: 26px
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none
}

table.dataTable thead td,
table.dataTable thead th {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 9px;
    text-align: center
}

table.dataTable tbody td,
table.dataTable tbody th {
    padding: 10px 9px;
    text-align: center;
    font-size: 13px;
    color: #121b39
}

table.dataTable tbody td.w-122 {
    width: 122px!important;
    display: inline-table
}

.dataTables_wrapper {
    overflow: auto;
    border-bottom: 1px solid #d7d7d7
}

.dataTables_info {
    color: #888
}

.dataTables_paginate .next,
.dataTables_paginate .previous {
    display: none!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #333!important;
    border: 0;
    background-color: #fff;
    border-right: 1px solid #d7d7d7;
    padding: .8em 1em;
    margin: 0;
    border-radius: 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button:last-child {
    border-right: 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: #3f51b5;
    color: #fff!important
}

.about_short h3,
table.dataTable.no-footer {
    border-bottom: 1px solid #d7d7d7
}

.dataTables_paginate {
    border: 1px solid #d7d7d7;
    margin: 10px 0;
    padding: 0!important;
    border-radius: 3px
}

.about_short h3 {
    font-size: 18px;
    margin-top: 0;
    color: #000;
    padding-bottom: 12px
}

.content_area {
    clear: both
}

.about_short p {
    line-height: 16px;
    color: #000;
    font-family: Arial, Lato, sans-serif;
    font-size: 13px;
    margin-bottom: 15px;
    text-align: justify
}

.primg_border {
    border: 1px solid #000
}

.swiper-button-next,
.swiper-button-next2 {
    background: url(/images/arrowrightin.png) no-repeat;
    right: -16px
}

.swiper-button-prev,
.swiper-button-prev2 {
    background: url(/images/arrowleftin.png) no-repeat;
    left: -1px
}

.swiper-container,
.swiper-container2 {
    width: 100%;
    height: auto;
    margin: 10px auto 41px
}

.swiper-wrapper {
    padding-left: 2px
}

.swiper-slide {
    text-align: left;
    font-size: 18px;
    background: #fff;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.slider-firs .swiper-wrapper {
    padding-left: 20px;
    text-align: center
}

.more_photos .swiper-wrapper {
    padding-left: 0;
    padding-top: 5px
}

.slider-firs .swiper-container {
    width: 98%;
    height: auto;
    margin: 10px 0 0;
    text-align: center
}

.slider-firs .swiper-slide {
    width: auto!important;
    margin-left: 10px
}

.slider-firs .more_photos .swiper-slide {
    margin-right: 25.5px;
    margin-left: 0;
    width: 95px!important;
    height: 80px
}

.more_photos li a {
    background: #121b39;
    color: #fff;
    border: 1px solid #32489d;
    width: 95px!important;
    height: 80px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    font-weight: 700
}

.more_photos li a i,
.shared span,
.similar_p span {
    display: inline-block;
    width: 100%
}

.more_photos li a i, .more_photos div {
    text-align: center;
	margin-top:5px;
    margin-bottom: 5px
}

.shared {
    font-size: 18px;
    padding-left: 0;
    line-height: 17px;
    vertical-align: middle
}

.shared span {
    font-size: 14px;
    font-size: 12px;
    color: #8b8b8b
}

.prod_left input[type=text] {
    border-radius: 0
}

.more_photos li a:hover {
    background: #DB4800;
    text-decoration: none;
    border-color: #DB4800
}

.zoomable {
    position: relative
}

.zoomable img {
    cursor: -webkit-zoom-in
}

.zoom_ico {
    position: absolute;
    bottom: 0;
    left: 0
}

.similar_p h2 {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #000;
    margin-top: 20px;
    border-top: 1px solid #d5d5d5;
    padding-top: 13px
}

.similar_p a {
    color: #00aaf1;
    text-decoration: underline
}

.icon-arrowc,
.iconcarc {
    height: 18px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block
}

.similar_p li {
    font-size: 13px;
    display: inline-block
}

.similar_p li img {
    margin-bottom: 5px
}

.similar_p .swiper-wrapper {
    padding-left: 24px
}

.orange {
    color: #f14900
}

.iconcarc {
    background: url(/images/car_icon_d.png) 0 -19px no-repeat
}

li.active .icon-arrowc,
li.active .iconcarc {
    background-position: 0 0
}

.icon-arrowc {
    background: url(/images/tab_arrow_d.png) 0 -19px no-repeat
}

.breadcrumb_nav li img,
.contact_area_in h2 img,
.tab_content_detail .btn-group img {
    vertical-align: sub
}

.nav-tabs2 {
    border-bottom: 1px solid #ddd;
    font-family: Helvetica
}

.nav-tabs2>li>a,
.tab_content_detail {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.nav-tabs2>li {
    margin-bottom: 0;
    margin-right: 3px
}

.nav-tabs2>li.active>a,
.nav-tabs2>li.active>a:focus,
.nav-tabs2>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #32489d;
    border: 0;
    border-bottom: none
}

.nav-tabs2>li>a {
    margin-right: 0;
    line-height: 42px;
    border: none;
    border-radius: 4px 4px 0 0;
    background: #ebebeb;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    padding: 0 15px
}

.tab_content_detail {
    padding-top: 0
}

/*.tab_content_detail .car_nam {*/
.car_nam {
    font-size: 22px;
    color: #fff;
    background-color: #81bd2b;
    line-height: 47px;
    float: left;
    text-align: center;
    font-weight: 700
}

/*.tab_content_detail .car_pric {*/
.car_pric {
    font-size: 30px;
    background: #ebebeb;
    line-height: 47px;
    float: right;
    text-align: center;
    font-weight: 700;
    color: #000
}

.contact_area_in label,
.tab_content_detail h2,
.tab_content_detail table a {
    font-weight: 400
}

/*.tab_content_detail .car_pric .cut {*/
.car_pric .cut {
    text-decoration: line-through;
    color: #7e7e7e;
    font-weight: 400
}

.tab_content_detail h2 {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #cd483d;
    margin-top: 5px;
    margin-bottom: 13px
}

.bg_td_ligh {
    background: #f5f5f5
}

.tab_content_detail table {
    color: #000;
    font-family: arial
}

.contact_area_in {
    background: #f2f2f2;
    border: 1px solid #d5d5d5
}

.contact_area_in input,
.contact_area_in select {
    border-radius: 0;
    height: 24px
}

.contact_area_in h2 {
    width: 100%;
    background: #f14900;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    margin: 0 0 10px;
    line-height: 41px;
    text-align: center
}

a.black_bt,
a.red_bt {
    margin-left: 6px!important
}

.contact_area_in .form-group {
    margin-bottom: 7px
}

.contact_area_in select {
    padding-top: 0;
    -webkit-appearance: none;
    padding-bottom: 0;
    line-height: 24px;
    background: url(/images/arrow_qout.png) right top no-repeat #fff
}

.contact_area_in input[type=submit] {
    background: #81bd2b;
    border: none;
    color: #fff;
    width: 100%;
    line-height: 34px;
    font-size: 22px;
    height: auto;
    padding: 0;
    text-align: center;
    margin-bottom: 7px;
    transition: .5s ease 0s
}

.contact_area_in input[type=submit]:hover {
    background: #f14900
}

.tab_content_detail .col-md-3 {
    font-family: arial
}

.tab_content_detail .col-md-1,
.tab_content_detail .col-md-3 {
    padding: 7px 0 5px 12px!important
}

a.black_bt,
a.blue_bt,
a.red_bt {
    padding: 10px 15px;
    color: #fff
}

.tab_content_detail .btn-group {
    margin-top: 10px
}

a.red_bt {
    background: #cd483d
}

a.blue_bt {
    background: #32489d
}

a.black_bt {
    background: #414141
}

a.black_bt:hover,
a.blue_bt:hover,
a.red_bt:hover {
    background: #f16f37
}

.box-orang {
    border: 1px solid #d5d5d5
}

.box-orang h2 {
    width: 100%;
    background: #f14900;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    margin: 0 0 14px;
    line-height: 41px;
    text-align: left;
    padding-left: 17px
}

.box-orang p {
    color: #41414;
    font-size: 14px
}

.box-orang ul {
    padding-left: 16px;
    font-size: 13px;
    line-height: 24px;
    color: #f14900
}

.text-blue {
    color: #00a7f1!important
}

.text-yelow {
    color: #ffd200
}

.text-blue-300 {
    color: #7bdbff!important
}

.text-blue-700 {
    color: #32489d
}

.breadcrumb_nav li {
    padding-right: 14px;
    padding-left: 18px
}

.breadcrumb_nav li:last-child {
    padding-right: 0
}

.breadcrumb_nav li a {
    color: #000
}

.breadcrumb_nav li a:hover {
    text-decoration: none;
    color: #00a7f1
}

.breadcrumb_nav li img {
    margin-right: 2px
}

.page_de_head {
    background-color: #32489D;
    height: 101px;
    padding: 15px 20px
}

.uppercase {
    text-transform: uppercase
}

.font-16 {
    font-size: 16px
}

.page_de_head p {
    margin: 0
}

.page_de_head h1 {
    margin: 0;
    color: #fff;
    font-size: 30px
}

.page_de_head .head_box {
    background: url(/images/certi-baner-in.png) no-repeat;
    width: 302px;
    height: 75px
}

.enquiry_btn a,
.invoice_btn a {
    width: 100%;
    height: 70px;
    display: inline-block
}

.head_box ul {
    padding-left: 95px;
    list-style: none;
    line-height: 19px;
    padding-top: 10px
}

.ecom_baner h2,
.quilty_baner h2,
.recom_baner h2 {
    line-height: 18px;
    padding-top: 23px;
    padding-bottom: 15px;
    color: #fff
}

.head_box ul li span {
    font-weight: 700
}

.quilty_baner {
    background: url(/images/cjc_top_quality.jpg) no-repeat
}

.quilty_baner h2 {
    font-size: 36px;
    font-weight: 400
}

.quilty_baner p {
    font-size: 18px;
    padding-right: 47px;
    color: #fff
}

.recom_baner {
    background: url(/images/cjc_recommended.jpg) no-repeat
}

.recom_baner h2 {
    font-size: 36px;
    font-weight: 400
}

.recom_baner p {
    font-size: 18px;
    padding-right: 47px;
    color: #fff
}

.ecom_baner {
    background: url(/images/cjc_economical.jpg) no-repeat
}

.ecom_baner h2 {
    font-size: 36px;
    font-weight: 400
}

.ecom_baner p {
    font-size: 18px;
    padding-right: 47px;
    color: #fff
}

.prod_right .price-top {
    color: #121b39;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    margin: 0 0 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}

.prod_right .price-top span {
    font-weight: 700
}

.order_selects label img {
    margin-right: 3px;
    vertical-align: sub
}

.order_selects label {
    font-size: 18px;
    font-weight: 400;
    color: #121b39;
    margin-bottom: 9px
}

.order_selects .form-group select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    background: url(/images/select_arrow2.png) right top no-repeat;
    font-size: 15px
}

.extra-btn {
    margin-top: 19px
}

.extra-btn a.btn {
    font-size: 29px;
    text-align: left;
    line-height: 27px;
    padding-top: 14px;
    position: relative
}

.extra-btn a.btn span {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    float: left
}

.extra-btn a.btn img {
    position: absolute;
    right: 10px;
    top: 17px
}

.btn-info {
    color: #fff;
    background-color: #00aeef;
    border-color: #00aeef
}

.total_fob {
    border: 3px solid #00aeef;
    font-size: 30px;
    padding: 21px 0;
    color: #121b39;
    text-align: center;
    background: #f6f6f6
}

.import_text.model_dis p,
p {
    color: #000
}

.total_fob span {
    font-weight: 700
}

.invoice_btn a {
    background: url(/images/free_invoice.png) no-repeat
}

.invoice_btn a:hover {
    background: url(/images/free_invoicehov.png) no-repeat
}

.enquiry_btn a {
    background: url(/images/enquiry_btn2.png) no-repeat
}

.enquiry_btn a:hover {
    background: url(/images/enquiry_btn1.png) no-repeat
}

p {
    font-family: Arial, Lato, sans-serif;
    font-size: 13px;
    text-align: justify
}

.more-left {
    width: 442px;
    float: left
}

.more-right {
    width: 62%;
    float: right
}

.more-right ul {
    list-style: none;
    display: inline-block;
    padding: 0
}

.more-right ul li {
    display: inline-block;
    margin-right: 1.277777%;
    margin-bottom: 13px
}

.more-right ul li:nth-child(15),
.more-right ul li:nth-child(22),
.more-right ul li:nth-child(7) {
    margin-right: 0
}

.extra_area input[type=checkbox]:not(old),
.search_area input[type=radio]:not(old) {
    text-align: center;
    width: 14px;
    margin: 0;
    padding: 0;
    opacity: 0
}

.extra_area input[type=checkbox]:not(old)+label,
.extra_area input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -14px;
    padding-left: 0;
    background: url(/images/checkbox2.png) no-repeat;
    font-weight: 400;
    line-height: 25px;
    width: 14px;
    color: #000;
    font-size: 0;
    cursor: pointer;
    height: 12px
}

.tire_cond ul,
.tire_cond ul li {
    width: 100%;
    display: inline-block
}

.extra_area input[type=checkbox]:not(old):checked+label {
    background: url(/images/checkboxhove2.png) left top no-repeat;
    cursor: pointer
}

.extra_area table td {
    padding-left: 10px!important
}

.import_text.model_dis,
.remarks_in,
.tesimoni,
.tire_cond {
    font-family: Lato, sans-serif
}

.import_text.model_dis h6 {
    font-weight: 700;
    color: #353535;
    font-size: 14px;
    margin-bottom: 0
}

.tire_cond .top_title_area h1 {
    color: #000;
    border-bottom: #8b8b8b solid 3px
}

.tire_cond .top_title_area {
    border-bottom: #8b8b8b solid 1px
}

.tire_cond ul {
    list-style: none;
    padding: 0
}

.tire_cond ul li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 3px 0
}

.tire_cond ul li span {
    font-weight: 700;
    width: 146px;
    display: inline-block
}

.tesimoni .testimials_content {
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #383838;
    line-height: 18px;
    display: inline-block
}

.tesimoni .testimials_content .inner {
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #383838;
    line-height: 13px;
    padding: 0;
    border-bottom: none;
    margin: 12px 0 10px
}

.tesimoni .top_title_area {
    margin: 0 0 10px;
    border-bottom: #32489d solid 1px
}

.import_text.tesimoni .top_title_area h1 {
    border-bottom: #32489d solid 3px
}

.tesimoni .testimials_content .inner_img {
    margin-bottom: 8px;
    background: #000;
    text-align: center
}

.condit-vicl {
    margin: 10px 0
}

.condit-vicl .col-sm-5 {
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.condit-vicl .col-sm-5 span {
    display: block;
    color: red;
    font-weight: 400
}

.import_text.tesimoni p {
    font-weight: 400;
    margin-bottom: 8px
}

.import_text.tesimoni .slider a {
    display: block;
    color: #b4b4b4;
    font-size: 14px
}

.remarks_in .top_title_area {
    margin: 0 0 10px;
    border-bottom: #00aeef solid 1px
}

.remarks_in .top_title_area h1 {
    border-bottom: #00aeef solid 3px
}

input[type=radio] {
    display: none
}

input[type=radio]+label {
    color: #292321;
    font-size: 14px;
    font-weight: 400
}

input[type=radio]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #00aeef
}

input[type=radio]:checked+label span {
    background-color: #00aeef
}

input[type=radio]+label span,
input[type=radio]:checked+label span {
    -webkit-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    transition: background-color .25s linear
}

.remarks_in ul {
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style: none;
    margin-top: 9px
}

.remarks_in ul li {
    margin-bottom: 6px;
    color: #383838
}

.brand_new h2,
.select_brand h2 {
    color: #cd483d
}

.list_page .tesimoni .flex-direction-nav a.flex-next {
    right: 11px;
    padding-top: 8px
}

.list_page .tesimoni .flex-direction-nav a.flex-prev {
    left: 11px;
    padding-top: 8px
}

.col-testi .inner-tesm {
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight: 400
}

.col-testi img {
    width: 100%;
    height: auto
}

.col-testi .inner-tesm p {
    padding: 10px 10px 0;
    margin: 0
}

.col-testi .inner-tesm p span.text-blue {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 11px
}

.detal3-right .docs-pictures img {
    width: 100%
}

.detal3-right .prod_left {
    width: 64%
}

.detal3-right .prod_right {
    width: 36%
}

.more-right2 {
    width: 100%;
    display: inline-block
}

.more-right2 li img {
    width: 100%
}

.bslider_area .swiper-wrapper {
    cursor: move
}

.brand_new h2 {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 13px
}

.all_brds,
.box-inside h5,
.trac_impl .col-md-2 a h6 {
    font-weight: 700
}

.blue_area {
    background: #1D3484;
    padding: 0
}

.bslider_area .swiper-wrapper img {
    width: 100%
}

.bslider_area .swiper-container {
    margin: 10px auto 31px
}

.blue_area .box-inside {
    border: 1px solid #000;
    background: #fff;
    text-align: center;
    padding: 19px 0 10px;
    height: 165px;
    margin-bottom: 15px
}

.blue_area.blue_area2 .box-inside {
    height: 194px
}

.box-inside a {
    text-decoration: none
}

.box-inside a:hover h5 {
    color: #000
}

.box-inside h5 {
    font-size: 21px;
    margin-top: 0;
    color: #1D3484
}

.col-md-12.select_brand .testimials_content {
    text-align: center;
    font-size: 13px;
    color: #383838;
    line-height: 18px
}

.col-md-12.select_brand .testimials_content .inner {
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #383838;
    line-height: 13px;
    padding: 0;
    border-bottom: #e7e7e7 solid 1px;
    margin: 12px 0 0
}

.col-md-12.select_brand .testimials_content .inner_img {
    margin-bottom: 12px;
    background: #000;
    text-align: center
}

.more-teti.extra-btn {
    width: 100%
}

.more-teti.extra-btn a.btn {
    font-size: 17px;
    padding-bottom: 8px;
    padding-top: 8px
}

.all_brds {
    font-size: 18px;
    color: #fff;
    margin-top: 25px
}

.trac_impl .col-md-2 img {
    width: 100%;
    height: auto
}

.trac_impl .col-md-2 {
    margin-bottom: 10px;
    padding-left: 0
}

.trac_impl div a {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #000;
    height: 140px;
    background: #fff;
	vertical-align:middle;
    border: 1px solid #ccc;
}

.trac_impl .col-md-2 a:hover {
    background: #f1f1f1
}

.detal3-right .prod_left.tract-left {
    width: 56%
}

.detal3-right .prod_right.tract-right {
    width: 44%
}

.img-fix {
    width: 100%;
    height: 100%
}

.trac_impl.trac_imp_in .col-md-2 a {
    height: auto
}

.trac_impl.trac_imp_in {
    border-bottom: 1px solid #ddd;
    padding-bottom: 13px
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pl-0 {
    padding-left: 0
}

.pb-0 {
    padding-bottom: 0
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pl-5 {
    padding-left: 5px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.btn {
    border-radius: 0
}

@media (min-width:992px) {
    .wrapper {
        max-width: 1200px
    }
	.hidden-desktop {
		display: none!important
	}	
    .main_header .nav-pills>li {
        padding-right: 6px
    }
    .main_header .col-md-6 {
        width: 59%
    }
    .tab-content .col-md-3 {
        width: 29.1%;
        /*margin-right: 27px;*/
		margin-right: 17px;
        padding: 0;
    }
	.home_listing {
		height:150px;	
	}
    .tab-content .col-md-3:nth-child(3n+3) {
        margin-right: 0
    }
    .main_header .logo_top {
        width: 41%
    }
    .nav-tabs>li>a {
        font-size: 13px;
        padding: 0 4px
    }
    .main_nav {
        font-size: 11px
    }
    .search_left .btn_search .btn {
        width: 100%
    }
    .stock_reg-cent {
        padding-left: 0;
        width: 39%
    }
    .spec_off img {
        height: 188px
    }
    .type_center {
        width: 61%
    }
    .flex-control-nav,
    .flex-direction-nav,
    .slides,
    .slides>li {
        text-align: center;
        height: 77px;
        overflow: hidden
    }
}

@media (max-width:768px) {
	.main_header {
		width: 100%;
		background: #fff;
		height: auto;
		float: left
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-right: 5px;
		padding-left: 5px;		
	}
    .wrapper {
        max-width: 750px
    }
    .hidden-xs {
        display: none!important
    }
	.hidden-desktop {
		display: block!important
	}		
	.navbar-form {
	    padding: 2px 2px;
	}
	.panel-heading {
	    padding: 5px 7px;		
	}			
	h1.panel-title {
		font-size: 20px;
	}	
	.more_photos .col-xs-3 {
		/*height:50px;	*/
	}
	.more_photos div {
	    text-align: center;
		margin-top:3px;
	    margin-bottom: 3px;
	}	

	.js #menu {
		display:none;
	}	
	.js .slicknav_menu {
		display:block;
	}

}

@media (min-width:1200px) {
    .wrapper {
        max-width: 1276px
    }
	.hidden-desktop {
		display: none!important
	}	
    .col-md-12.box_container .testimials_content .inner {
        margin-bottom: 2px
    }
    .main_header .col-md-6,
    .main_header .logo_top {
        width: 50%
    }
    .main_nav {
        font-size: 11px
    }
    .main_nav .navbar-nav>li>a {
        padding: 0 15px
    }
    .main_nav .nav>li>a>img {
        max-width: none;
        margin-right: 6px
    }
    .search_left .btn_search .btn {
        width: auto
    }
    .nav-tabs>li>a {
        font-size: 14px;
        padding: 0 9px
    }
    .search_left .btn_search a {
        margin-left: 9px
    }
    .tab-content .col-md-3 {
        width: 21.6%;
        /*margin-right: 27px;*/
		margin-right: 17px;
        padding: 0;
    }
	.home_listing {
		height:150px;	
	}	
    .tab-content .col-md-3:nth-child(3n+3) {
        /*margin-right: 27px*/
		margin-right: 17px;
    }
    .tab-content .col-md-3:nth-child(4n+4) {
        margin-right: 0
    }
}

@media (max-width:500px) {
	.main_header {
		width: 100%;
		background: #fff;
		height: auto;
		float: left
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-right: 5px;
		padding-left: 5px;				
	}
    .hidden-xs {
        display: none!important
    }
	.hidden-desktop {
		display: block!important
	}	
	.navbar-form {
	    padding: 2px 2px;
	}
	.panel-heading {
	    padding: 5px 7px;		
	}	
    .footer_top {
        display: none
    }
    .flex-control-nav,
    .flex-direction-nav,
    .slides,
    .slides>li {
        height: 111px;
        overflow: hidden;
        text-align: center
    }
    .slider {
        height: 197px
    }
    .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
        width: 50%
    }
    .nav-tabs>li>a {
        font-size: 11px
    }
	.navbar-nav>li>a {
		padding-top:0px;
		padding-bottom:0px;
	}
	.container>.navbar-header { 
		margin-right: 0px; 
    	margin-left: 0px; 
	}
    .tab-content .col-md-3 {
        text-align: center;
		
    }
    .tab-content .col-xs-4 {
        text-align: center;
		height:150px;
    }	
    .tab-content .col-md-3 img {
        /*width: auto*/
    }
    .import_text p {
        margin: 0 0 10px
    }
	/*
    .navbar-nav {
        margin-top: 46px
    }
    .main_nav {
        height: auto
    }
	*/
    .menu_btn {
        display: block
    }
    img.responsive {
        width: 100%
    }
    .page_de_head p {
        margin: 0;
        font-size: 13px;
        color: #666
    }
    .page_de_head h1 {
        margin: 0;
        color: #333;
        font-size: 18px
    }
    .page_de_head {
        background: 0 0;
        height: auto;
        padding: 15px 20px
    }
    .quilty_baner p {
        font-size: 14px;
        padding-right: 60px;
        color: #fff;
        padding-left: 48px
    }
    .quilty_baner h2 {
        font-size: 17px;
        font-weight: 400;
        line-height: 18px;
        padding-top: 14px;
        padding-bottom: 8px
    }
    .more_photos .swiper-wrapper {
        padding-left: 0;
        padding-top: 19px;
        overflow: auto
    }
    .extra-btn a.btn span {
        display: none
    }
    .extra-btn a.btn {
        font-size: 20px;
        width: 100%
    }
    .enquiry_btn a,
    .invoice_btn a {
        background-size: 100%
    }
    .total_fob {
        font-size: 18px
    }
    .more-left {
        width: 100%;
        float: left
    }
    .more-right {
        width: 100%;
        float: right;
        margin-top: 10px
    }
    .similar_p li {
        width: 26%!important
    }
	h1.panel-title {
		font-size: 20px;
	}	
	.more_photos .col-xs-3 {
		/*height:50px;	*/
	}
	.more_photos div {
	    text-align: center;
		margin-top:3px;
	    margin-bottom: 3px;
	}	

	.js #menu {
		display:none;
	}	
	.js .slicknav_menu {
		display:block;
	}

}

@-moz-document url-prefix() {
    .search_left .btn .caret {
        float: right;
        margin-top: -17px
    }
}

@media (min-width:1200px) {
    .nav-tabs2>li>a {
        font-size: 18px;
        padding: 0 12px
    }
	
	.hidden-desktop {
		display: none!important
	}		
}

.contact_area_in .col-md-3 {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0 15px!important
}

.blue_area .col-md-3 {
    padding-right: 0
}

.blue_area .col-md-3:nth-child(4),
.blue_area .col-md-3:nth-child(8) {
    padding-right: 15px
}

.flex-next {
    font-size: 0!important
}