/******** DEFAULT SETTING ********/
* {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

header, hgroup, section, footer, aside, nav, article, figure, figcaption, canvas, address { 
  display: block; 
}

body {
  margin:0;
  padding:0;
  font-family: 'Fira Sans', sans-serif;
  font-size:100%;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   
}

.wrapper {
  width:84%;
  margin:0 auto;
  position:relative;
}

img.fit {
  width:100%;
  height:auto;
  display:block;
  border:none;
}

.clearfix {
  clear:both;
}

a {
  text-decoration:none;
}


/******** Header & Nav ********/
header {
    width:100%;
    padding:20px 0;
    background:#ffffff;
    border-top:3px solid #cd2127;
}

.hdwrap {
    width:84%;
    margin:0 auto;
    position:relative;
}

.logo {
    float:left;
    width:14%;
}

.logo h1 {
    font-family: 'Racing Sans One', cursive;
    font-weight:400;
    font-size:2.5em;
    color:#cd2127;
}

.logo h1 span {
    color:#111111;
}

.hdcol {
    float:right;
    width:35%;
    margin-top:10px;
    text-align:right;
}


a.hdcon {
    display:inline-block;
    font-weight:400;
    font-size:1em;
    color:#333333;
    position:relative;
    bottom:3px;
}

span.hdicon {
    font-size:1.2em;
    margin-right:5px;
    color:#01773d;
}


i.l {
    display:inline-block;
    font-style:normal;
    font-size:1.3em;
    margin:0 10px;
    color:#898989;
    position:relative;
    bottom:3px;
}

a.fblink {
    display:inline-block;
    font-size:0.8em;
    color:#cd2127;
    font-style:italic;
    margin-left:6px;
    position:relative;
    bottom:3px;
}

a.fblink:hover {
    text-decoration:underline;
}


em.hdcon2 {
    font-weight:400;
    font-size:1em;
    color:#333333;
    font-style:normal;
}

i.menubtn {
    position:absolute;
    top:3px;
    right:15px;
    width:33px;
    height:33px;
    display:none;
}

nav {
    width:100%;
    background:#0b0b0b;
}


.navwrap {
    width:84%;
    margin:0 auto;
}

ul.nav {
    width:100%;
    list-style:none;
}

ul.nav li {
    display:inline-block;
    margin-right:40px;
}

ul.nav li:last-child {
    margin-right:0;
}

ul.nav a {
    display:block;
    padding:15px 0;
    font-weight:500;
    font-size:1.1em;
    color:#ffffff;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

ul.nav a:hover {
    color:#ea1c18;
}

.ncolR {
    float:right;
    text-align:right;
    width:20%;
    display:none;
}

/*
a.hdfb {
    display:inline-block;
    margin-top:8px;
    font-size:1.8em;
    color:#ffffff;
}
*/


/******** Home ********/
.hmbanner {
    width:100%;
}

.hmban {
    width:84%;
    margin:0 auto;
}


.rbtagsec {
    width:100%;
    background:#f1f1f1;
    position:relative;
    z-index:50;
}

.rbtag {
    width:70%;
    background:#cd2127;
    position:absolute;
    top:-35px;
    left:15%;
    border-radius:80px;
    border:4px solid #ffffff;
    text-align:center;
    padding:30px 0;
    color:#ffffff;
}

p.rbtag1 {
    display:inline-block;
    font-weight:600;
    font-size:2.3em;
    
}

p.rbtag2 {
    display:inline-block;
    font-weight:600;
    font-size:1.7em;
    margin-left:20px;
}

.hmsec1 {
    width:100%;
    background:#f6f6f6;
    padding:120px 0 60px;
    position:relative;
}

.hmsec1wrap {
  width:84%;
  margin:0 auto;
}

.hmsec1 h1 {
    font-weight:400;
    font-size:1.5em;
    color:#555555;
    text-align:center;
    line-height:160%;
}

.hmsec1 h2 {
    font-weight:500;
    font-size:2em;
    color:#333333;
    text-align:center;
    margin-top:20px;
}

.hmsec1col {
    width:55%;
    margin:100px 0 0;
    text-align:center;
}

table.hmrb-tab {
    width:100%;
    border-collapse:collapse;
    border:4px solid #9fc690;
}

table.hmrb-tab th {
    border:1px solid #c8dac1;
    font-size:1.3em;
    font-weight:500;
    color:#cd2127;
    padding:20px 0;
}

table.hmrb-tab td {
    border:1px solid #c8dac1;
    padding:20px 0;
    text-align:center;
}

table.hmrb-tab h3 {
    font-size:1.2em;
    font-weight:500;
    color:#333333;
}

table.hmrb-tab p {
    font-size:1.2em;
    color:#555555;
}

a.linkbtn1 {
    display:inline-block;
    margin-top:30px;
    padding:10px 35px;
    background:#222222;
    border-radius:4px;
    font-size:1.1em;
    color:#ffffff;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

a.linkbtn1:hover {
    background:#cd2127;
}

.hmsec1girl {
    position:absolute;
    bottom:0;
    right:50px;
    width:38%;
}

.hmsec2 {
    width:100%;
    background:#ffffff;
    padding:50px 0;
}

.hmsec2 h1 {
    font-size:1.8em;
    font-weight:500;
    color:#333333;
    text-align:center;
}

hr.line1 {
  width:80px;
  margin:20px auto 0;
  border-top:4px solid #cd2127;
  border-bottom:none;
  border-left:none;
  border-right:none;
}


.hmsec2 h2 {
    margin-top:40px;
    font-size:1.7em;
    font-weight:300;
    color:#333333;
    text-align:center;
}


.brncol {
    float:left;
    width:22%;
    border:2px solid transparent;
    margin:40px 4% 0 0;
    padding-bottom:20px;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

.brncol4 {
    margin-right:0;
}

.brncol:hover {
    border:2px solid #dfdfdf;
}

.carbox {
    width:100%;
}

.carname {
    width:100%;
    text-align:center;
}

.carname h3 {
    font-size:1.4em;
    font-weight:500;
    color:#333333;
}

.carname p {
    margin-top:10px;
    font-size:1.2em;
    color:#cd2127;
}

.carname p span {
    font-size:0.8em;
}



/******** Pg Banner ********/
.pgbanner {
    width:100%;
}

.pgbanwrap {
  width:84%;
  margin:0 auto;
}

.pgbanlogo {
    width:25%;
    float:left;
    margin:80px 0 60px;
}

.pgbanlogo h3 {
    margin-top:20px;
    font-size:1.3em;
    color:#333333;
    font-weight:500;
    text-align:center;
}

.pgbancar {
    width:55%;
    float:right;
    margin-bottom:-180px;
}

.pgbancar-axia {
    width:42%;
    float:right;
    margin-bottom:-180px;
}

.pgbancar-alza {
    width:48%;
    float:right;
    margin-bottom:-180px;
}

.pgbanrow {
    width:100%;
    background:#dfdfdf;
    padding:35px 0;
}

a.pgbanlink {
    display:inline-block;
    padding:13px 25px;
    border-radius:4px;
    background:#cd2127;
    font-size:1em;
    color:#ffffff;
    font-weight:500;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

a.pgbanlink2 {
    background:#01773d;
    margin-left:15px;
}

a.pgbanlink:hover {
     background:#111111;
}


/******** Car Section ********/

/**** Promo & Rebate ****/
section.prices {
    width:100%;
    padding:45px 0;
}

section.prices2 {
    background:#f5f5f5;
}

.carwrapper {
    width:90%;
    margin:0 auto;
    position:relative;
}


h1.sectag {
    text-align:center;
    font-size:1.6em;
    font-weight:500;
    color:#333333;
}

h1.sectag2 {
    color:#ffffff;
}

i.bdL {
    display:inline-block;
    width:60px;
    border-top:3px solid #cd2127;
    border-bottom:none;
    border-left:none;
    border-right:none;
    margin-right:30px;
    position:relative;
    bottom:7px;
}

i.bdR {
    display:inline-block;
    width:60px;
    border-top:3px solid #cd2127;
    border-bottom:none;
    border-left:none;
    border-right:none;
    margin-left:30px;
    position:relative;
    bottom:7px;
}

p.txt1 {
    margin-top:50px;
    text-align:center;
    font-size:1.4em;
    font-weight:300;
    color:#333333;
    line-height:150%;
}

p.txt2 {
    margin-top:20px;
    text-align:center;
    font-size:1.5em;
    font-weight:400;
    color:#01773d;
}

table.pricetab {
    margin-top:60px;
    width:100%;
    border-collapse:collapse;
    border:2px solid #c0dcb5;
}

table.pricetab2 {
    margin-top:20px;
}

col.promo {
    background:#eef5eb;
}

table.pricetab th {
    border:1px solid #c8dac1;
    font-size:1.1em;
    font-weight:500;
    color:#333333;
    padding:15px 0;
}

table.pricetab th em {
    font-size:0.7em;
    font-weight:400;
}

table.pricetab td {
    border:1px solid #c8dac1;
    padding:15px 0;
    text-align:center;
}

table.pricetab h2 {
    font-size:1em;
    font-weight:500;
    color:#444444;
}

table.pricetab p {
    font-size:1.1em;
    color:#444444;
}

ul.remark {
    margin:20px 0 0 15px;
    font-size:0.8em;
    color:#444444;
}

ul.remark li {
    margin-bottom:8px;
}

ul.remark2 {
    margin:50px 0 0 15px;
}


/**** Video1 ****/
section.vdsec1 {
    width:100%;
    padding:60px 0;
    background:#111111;
}

p.txt3 {
    margin-top:30px;
    text-align:center;
    font-size:0.9em;
    color:#efefef;
    line-height:150%;
}

.ytvideo {
    width:60%;
    margin:50px auto 0;
}

.ytvideo iframe {
    display:block;
    width:100%;
    height:450px;
}


/**** Color ****/
section.clsec {
    width:100%;
    padding:60px 0;
    background:#ffffff;
}


.mdcolor {
    width:84%;
    margin:30px auto 0;
}

img.model {
    display:block;
    width:66%;
    margin:0 auto;
    height:auto;
}

p.color {
    text-align:center;
    font-size:1.2em;
    color:#050608;
    font-weight:600;
}

p.color em {
    font-size:0.9em;
    color:#050608;
    font-weight:400;
    font-style:normal;
}

p.color span {
    display:block;
    font-size:0.8em;
    color:#cd2127;
    font-weight:400;
}



/**** Gallery ****/
section.galsec {
    width:100%;
    padding:60px 0;
    background:#f0f0f0;
}

.gallery {
    width:100%;
    margin-top:60px;
}

.galcol1, .galcol2 {
    float:left;
    width:50%;
    margin-bottom:25px;
}

.galbox {
    float:left;
    width:33.33%;
    padding:0 15px;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

.galbox:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transform:scale(1.1);
}

/**** GearUp ****/
section.gearup {
    width:100%;
    padding:60px 0;
    background:#111111;
}

.gupcol1 {
    width:60%;
    margin:50px auto 0;
}

.gupcol2 {
    width:60%;
    margin:40px auto 0;
}

.gupcol2 iframe {
    display:block;
    width:100%;
    height:380px;
}


/**** Axia ****/
section.piconly {
    width:100%;
    padding:60px 0;
    background:#f0f0f0;
}

.pic {
    width:70%;
    margin:50px auto 0;
}



/**** Form ****/
section.testdrive {
    width:100%;
    padding:60px 0;
    background:#ffffff;
}

p.txt4 {
    margin-top:40px;
    text-align:center;
    font-size:0.9em;
    color:#333333;
}

.formpanel {
    width:70%;
    margin:40px auto 0;
}

.fmrow {
    width:100%;
    overflow:hidden;
    margin-bottom:8px;
}

label.info {
    display:block;
    float:left;
    width:33%;
    font-size:1em;
    color:#444444;
}

.fmrow i {
    display:block;
    float:left;
    width:2%;
    font-size:1em;
    color:#050608;
    font-style:normal;
}

.fill {
    float:left;
    width:65%;
}


input.data {
    width:100%;
    padding:8px 15px;
    font-family: 'Fira Sans', sans-serif;
    font-size:1em;
    color:#050608;
    background:#fafafa;
    border:1px solid #dddddd;
    outline:none;
    margin-bottom:10px;
}

ul.tdlist {
    margin:0 0 0 6%;
    font-size:0.95em;
    color:#444444;
}

ul.tdlist li {
    margin-bottom:5px;
}

select.data-select {
    width:100%;
    padding:6px 12px;
    font-family: 'Fira Sans', sans-serif;
    font-size:0.95em;
    color:#050608;
    background:#fafafa;
    border:1px solid #dad3b6;
    outline:none;
    margin-bottom:10px;
}

textarea.data-textarea {
    width:100%;
    height:120px;
    padding:6px 12px;
    font-family: 'Fira Sans', sans-serif;
    font-size:0.95em;
    color:#050608;
    background:#fafafa;
    border:1px solid #dad3b6;
    outline:none;
    margin-bottom:10px;
}

.fmrow2 {
    width:100%;
}


input.tick {
    margin-top:4px;
}

.fill div {
    margin-bottom:8px;
}

label.tickitem {
    font-size:0.95em;
    color:#444444;
}

label.tickmodel {
    font-size:1em;
    color:#444444;
}

input.tickone:checked ~ label.tickmodel {
    color:#cd2127;
}


input.btn {
    display:inline-block;
    margin:20px 5px 0 5px;
    padding:6px 25px;
    font-size:0.95em;
    color:#ffffff;
    background:#050608;
    border:none;
    outline:none;
    cursor:pointer;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

input.btn:hover {
    background:#cd2127;
}


/******** Price & Promotion ********/
.pricemd {
    margin-top:60px;
    text-align:center;
}


img.pricemd-logo {
    display:inline-block;
    width:200px;
}


/******** Free Gift ********/
body#freegift {
    margin:0;
    padding:0;
    font-family: 'Fira Sans', sans-serif;
    font-size:100%;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:url('images/bg-freegift.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

.giftpanel {
    width:80%;
    margin:0 auto;
}

.fgleft {
    float:left;
    width:45%;
    margin-top:50px;
}

.fgright {
    float:right;
    width:45%;
    margin-top:50px;
}


ol.fglist {
    list-style:decimal;
    font-size:1.2em;
    color:#333333;
    line-height:150%;
    font-weight:300;
}

ol.fglist li {
    margin-bottom:6px;
}



/******** Need Support ********/
section.support {
  width:100%;
  padding:40px 0;
  background:#0b0b0b;
  text-align:center;
}

section.support p {
  font-size:1.5em;
  color:#dfdfdf;
}

section.support h4 {
  font-size:1.8em;
  color:#f0f0f0;
  font-weight:500;
}

a.whatsappcol {
    display:inline-block;
    margin-top:20px;
}

a.whatsappcol span {
    font-size:2em;
    color:#28c34b;
}

a.whatsappcol h5 {
    display:inline-block;
    margin-left:15px;
    font-size:2.2em;
    color:#cd2127;
    font-weight:500;
}


/******** Footer ********/
footer {
    width:100%;
}

.ftwrapper {
  width:84%;
  margin:0 auto;
  position:relative;
}

.ftrow1 {
    width:100%;
    padding:30px 0;
    background:#efefef;
}

.ftcol {
    float:left;
    width:25%;
    border-right:1px solid #aaaaaa;
    padding:30px 0 30px 0;
    text-align:center;
}

.ftcol4 {
    border-right:none;
}

span.fticon {
    margin-right:10px;
    font-size:1.5em;
    color:#333333;
}

a.fblink2 {
    display:block;
    font-size:0.8em;
    color:#cd2127;
    font-style:italic;
    margin:5px 0 0 45px;
    
}

a.fblink2:hover {
    text-decoration:underline;
}

a.ftcon1 {
    font-weight:400;
    font-size:1.1em;
    color:#444444;
    font-weight:500;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

a.ftcon1:hover {
    color:#cd2127;
}

a.ftcon2 {
    pointer-events: none;
}


em.ftcon2 {
    font-weight:500;
    font-size:1em;
    color:#555555;
    font-style:normal;
}


.ftrow2 {
    width:100%;
    padding:50px 0;
    background:#ffffff;
    text-align:center;
    border-bottom:5px solid #cd2127;
}

h1.ftlogo {
    font-family: 'Racing Sans One', cursive;
    font-weight:400;
    font-size:1.8em;
    color:#cd2127;
}

h1.ftlogo span {
    color:#111111;
}

p.cpright {
    margin-top:20px;
    font-size:0.85em;
    color:#555555;
}


/******** Footer ********/
.goodmail {
  width:80%;
  margin:0 auto;
  padding-top:250px;
  text-align:center;
  font-family:'century gothic';
}

.goodmail h1 {
    font-family: 'Racing Sans One', cursive;
    font-weight:400;
    font-size:2.2em;
    color:#cd2127;
}

.goodmail h1 span {
    color:#111111;
}

.goodmail p {
    font-size:1em;
    color:#333333;
    line-height:150%;
    margin-top:20px;
}

.goodmail a {
  display:inline-block;
  font-size:0.95em;
  color:#da2528;
  margin-top:30px;
}

.goodmail a:hover {
  text-decoration:underline;
}

@media screen and (max-width:835px) {
    
    img.gdmail-logo {
      width:180px;
    }
    
    .goodmail p,
    .goodmail a {
      font-size:0.85em;
    }


}

@media screen and (max-width:481px) {
    
    .goodmail {
      padding-top:200px;
      
    }


}

/**** Rashid ****/
.rashid {
    position:fixed;
    bottom:0;
    right:2%;
    width:150px;
    border:3px solid #ffffff;
    z-index:6000;
}

p.alitxt {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    background:rgba(193,3,3,0.8);
    padding:8px;
    font-size:0.65em;
    color:#ffffff;
    font-weight:600;
}

@media screen and (max-width:836px) {
    
    .rashid {
        width:130px;
    }
    
    .rashid span {
        display:none;
    }
    
    p.alitxt {
        font-size:0.75em;
    }

}

@media screen and (max-width:482px) {
    
    .rashid {
        width:110px;
    }
    
    p.alitxt {
        font-size:0.6em;
    }
}

@media screen and (max-width:416px) {
    
    .rashid {
        width:90px;
    }
    
    p.alitxt {
        font-size:0.5em;
        padding:5px;
    }
}