.header{background: #c62828; border-bottom: 5px solid #c62828;}

@media only screen and (min-width: 992px) {

.cd-primary-nav .cd-secondary-nav {background: #fff;}

.cd-primary-nav .cd-secondary-nav a {color:#c62828;}

.cd-primary-nav > li > a { color: #ffffff;background: transparent url(TemplateStyle/KH005/Skin02/Images/bg_slash.png) scroll right center no-repeat; }

.cd-primary-nav > li > a.selected {background: #c62828;}

.cd-primary-nav .cd-secondary-nav > li > a .sub-title-menu {font-weight:700;}

.cd-primary-nav .cd-secondary-nav a:hover {color: #e31d1a;}

.cd-primary-nav .cd-secondary-nav > li {width: 14%;}

}

.cd-primary-nav > li > a:hover{color:#FFF;background-color:#c62828;}

.footer {background: #E8E8E8;}

.copyright {background: #E8E8E8; border-top: 1px solid #cdcdcd;}

.cd-nav-toggle {border-color: #ffffff;}

.col-sm-6 {

position: relative;

min-height: 1px;

}

.cd-primary-nav, .cd-primary-nav ul {

background: #c62828;

}

.cd-primary-nav a, .cd-primary-nav ul a {

border-bottom: 1px solid #fcfcfc;

}

/* ===== FLEX ===== */

.flex-container{

display: -webkit-box;

display: -moz-box;

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

-webkit-flex-flow: row wrap;

flex-flow: row wrap;

-webkit-justify-content:center;

justify-content:center;

-webkit-align-items:flex-start;

align-items:flex-start;

-webkit-align-content:flex-start;

align-content:flex-start;

margin-left:-10px;

margin-right:-10px;

}

.flex-item{

-webkit-flex-grow:1;

flex-grow:1;

-webkit-align-self:flex-start;

align-self:flex-start;

padding-left:10px;

padding-right:10px;

}

.flex-item-2x{

-webkit-flex-grow:2;

flex-grow:2;

}

.flex-item-3x{

-webkit-flex-grow:3;

flex-grow:3;

}

.flex-item-1{

width:8.33333333%;

}

.flex-item-2{

width:16.66666667%;

}

.flex-item-3{

width:25%;

}

.flex-item-4{

width:33.33%;

}

.flex-item-5 {

width: 41.66666667%;

}

.flex-item-6{

width:50%;

}

.flex-item-7 {

width: 58.33333333%;

}

.flex-item-8{

width:66.66%;

}

.flex-item-9{

width:75%;

}

.flex-item-10 {

width: 83.33333333%;

}

.flex-item-11 {

width: 91.66666667%;

}

.flex-item-12{

width:100%;

}

/* ===== Button ===== */

.btn-custom{

position:relative;

color:#fff;

background:#c62828;

padding:8px 20px;

text-align:center;

-webkit-border-radius:0;

-moz-border-radius:0;

border-radius:0;

border:none;

font-size:100%;

-webkit-transition: all 0.25s ease-in;

-moz-transition: all 0.25s ease-in;

transition: all 0.25s ease-in;

z-index: 1;

}

.btn-custom:hover,

.btn-custom:focus{

color:#fff;

background-color:transparent;

}

.btn-custom:before {

position: absolute;

content: "";

z-index: -1;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: #1b394e;

-webkit-border-radius:0;

-moz-border-radius:0;

border-radius:0;

-webkit-transform: scaleX(0);

-moz-transform: scaleX(0);

-ms-transform: scaleX(0);

-o-transform: scaleX(0);

transform: scaleX(0);

-webkit-transition: all 0.25s ease-in-out;

-moz-transition: all 0.25s ease-in-out;

-o-transition: all 0.25s ease-in-out;

transition: all 0.25s ease-in-out;

}

.btn-custom:hover:before,

.btn-custom:focus:before {

-webkit-transform: scaleX(1);

-moz-transform: scaleX(1);

-ms-transform: scaleX(1);

transform: scaleX(1);

-webkit-transition: all 0.25s ease-in-out;

-moz-transition: all 0.25s ease-in-out;

-o-transition: all 0.25s ease-in-out;

transition: all 0.25s ease-in-out;

}

.btn-blue{

background:#135b99;

}

.btn-blue:before{

background: #c62828;

}

/* ===== MODEL PRICE ===== */

.model-car {

margin-bottom:20px;    

border-bottom: 2px solid #e3e3e3;

}

.model-car h1,

.model-car h2,

.model-car h3,

.model-car h4,

.model-car h5,

.model-car h6,

.model-car p {

margin-bottom:0;

}

.model-car .model-car-header {

padding-bottom:6px;   

}

.model-car .model-car-body {

border-top: 1px dotted #999;

padding:10px 0;

}

.model-car .model-car-name {

display:inline-block;

font-size:120%;

}

.model-car .model-car-price {

display:inline-block;

color: #e31d1a;

font-weight: 600;

padding-left:30px;

}

.model-car .model-car-img a{

display:block;

}

.model-car .model-car-spec {    

padding: 0 20px;

border-left: 1px dotted #999;

}

.model-car .model-car-spec .spec-name {

font-size:90%;

margin-top:5px;

}

.model-car .model-car-spec .spec-speed {

font-size:80%;

color:#9f9f9f;

}

.model-car .model-car-spec .spec-number {

font-weight:600;

}

.model-car .model-car-spec .spec-number span {

font-size:125%;

}

.model-car .btn{

font-size:14px;

padding:6px 12px;

width:100%;

margin-bottom:5px;

}

.model-car .view-detail {

color:#c62828;

font-size: 14px;

}

.model-car .view-detail:hover{

color:#e31d1a;

}

@media (min-width: 768px){

.col-sm-6 {

float: left;

width: 50%;

}

.col-sm-6:first-child{

padding-right:15px;

}

.col-sm-6:last-child{

padding-left:15px;

}

.col-sm-4 {

width: 33.33333333%;

float: left;

}

.col-sm-8 {

width: 66.66666667%;

float: left;

}

}

.tab-pane li {

padding-top: 6px;

padding-bottom: 6px;

font-size: 120%;

}

@media (max-width: 480px) {

.flex-item-1,

.flex-item-2,

.flex-item-3,

.flex-item-4,

.flex-item-5,

.flex-item-6,

.flex-item-7,

.flex-item-8,

.flex-item-9,

.flex-item-10,

.flex-item-11,

.flex-item-12{

width:100%;

}

}

.btn-shopping-cart {

display: none;

}

@media screen and (min-width: 651px) {

.btn-call-now {

display: block;

height: 50px;

position: fixed;

width:260px;

bottom: 10px;

background: #b70100;

text-decoration: none;

-webkit-box-shadow: 0 0 5px #ddd;

-moz-box-shadow: 0 0 5px #ddd;

box-shadow: 0 0 5px #ddd;

z-index: 999999999;

left: 0;

color: #FFF;

font-weight: 700;

font-size: 125%;

border-radius: 25px;

padding: 5px;

-moz-animation-duration: 500ms;

-moz-animation-name: calllink;

-moz-animation-iteration-count: infinite;

-moz-animation-direction: alternate;

-webkit-animation-duration: 500ms;

-webkit-animation-name: calllink;

-webkit-animation-iteration-count: infinite;

-webkit-animation-direction: alternate;

animation-duration: 500ms;

animation-name: calllink;

animation-iteration-count: infinite;

animation-direction: alternate;

}

.btn-call-now:hover {

color: #fff;

}

.btn-call-now em {

position: relative;

color: #b70100;

font-size: 30px;

background: #fff;

width: 40px;

height: 40px;

border-radius: 20px;

margin-right: 5px;

}

.btn-call-now em:before {

position: absolute;

top: 5px;

left: 8px;

}

}

@media screen and (max-width: 650px){

.btn-call-now{

display:block;

width:55%; 

height:40px;

font-size: 100%;

left:0;

bottom:0; 

color:#fff;

background: #b70100;

font-weight:700;

font-size:14px;

border-radius:0;

border-top:none;

padding:10px 10px;

box-shadow:none; 

-webkit-box-shadow:none; 

-moz-box-shadow:none; 

}

.btn-call-now em{

font-size:100%;

}

.btn-call-now em:before {

position:relative;

top:inherit;

left:inherit;

}

.btn-link-car {

width:45%; 

}

}

@keyframes calllink {

0%{color:#eba11e;}

50%{color:#fff;}

100%{color:#ebfa48;}

}

@media (max-width: 480px) {

.model-car .model-car-spec {

display: none;

}