/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/materialize.woff2') format('woff2');
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'poppins-light';
    src: url('../fonts/Poppins-Light.ttf');
}

@font-face {
    font-family: 'poppins-medium';
    src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'poppins-semibold';
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'poppins-bold';
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: bold;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

body{
    font-family: 'poppins',sans-serif;
    background-color: #f3f3f3!important;
}
.carousel{
    margin-top:0px;
    margin-bottom:15px;
}

.testimonial-box{
   margin-top:20px;
   padding-top:5px;
   padding-bottom: 10px;
   border-top:1px solid #ccc;
   background-color: #fff;
}

.testimonial-section{
    padding-bottom:25px!important;
}

.testimonial-section p{
    text-align: left!important;
}

.testimonial-title{
    border-bottom:1px solid #ccc;
    font-weight: bold;
    color:#555;
}

.testimonial-title > p{
    padding:0;
    margin:0;
}

.testimonial-quote{
    font-size: 0.9rem;
    text-align: justify;
    font-family: 'poppins-light',sans-serif;
}

.product-item-box{
    margin-top:20px;
    margin-bottom:10px;
}

.product-list-box{
    margin-top:20px;
    margin-bottom:10px;
}

.filter-box{
    margin-top: 10px;
    padding-top: 20px!important;
    padding-bottom: 15px;
}

.promotional-box{
    margin-top:20px;
}

.promotional-container{
    padding-bottom:20px;
    /*border-bottom: 2px solid #555;*/
}

.promotional-item{
    margin-top:10px;
    margin-bottom:10px;
}

.category-box{
    margin-top:0px;
    margin-bottom:20px;
}

.flash-sale-box{
    margin-top:0px;
    padding-bottom:10px;
    margin-bottom: 10px;
    background-color:#f1eae3;
}

.best-seller-box{
    margin-top:0px;
    margin-bottom:40px;
}

.discount-value{
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    color: #fff;
    background-color: #e11428;
    border-radius: 80px;
    padding: 9px 6px 9px 6px;
    font-size: 0.8rem;
    font-weight: bold;
}

.product-discount-value{
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    color: #fff;
    background-color: #e11428;
    border-radius: 80px;
    padding: 9px 6px 9px 6px;
    font-size: 0.8rem;
    font-weight: bold;
    z-index: 996;
    margin-top: 25px;
}

.strikethrough-price{
    text-decoration: line-through;
    font-weight: bold;
    color:#555;
    padding: 0;
    font-size: 0.85rem;
    margin-top: 5px;
    margin-bottom: 2px;
}

.discount-price{
    font-weight: bold;
    color:#e11428;
    padding: 0;
    font-size: 1rem;
    margin-top: 5px;
    margin-bottom: 2px;
}

.knowledge-box{
    padding-top:25px;
    padding-bottom: 15px;
    background-color:#f1eae3;
    color:#555;
}

.pagination li.active {
    background-color: #f1eae3;
}

.pagination li.active a {
    color: #555;
}

.brand-logo > img{
	margin-top: 11px;
	margin-bottom: 11px;
	height: 42px;
	width: auto;
}

.footer{
    border-top:1px solid #ccc;
    padding-top:10px;
    padding-bottom:20px;
    background-color:#ccc;
}

.footer-copyright{
    color:#555;
    font-weight: 500;
    font-size: 0.80rem;
}

.footer-copyright h5{
    color:#555;
    font-weight: bold;
    font-size: 0.80rem;
    text-transform: uppercase;
}

.footer-copyright > .row > .col > a{
    color:#555!important;
    text-decoration: none;
}

.footer-copyright > .row > .col > p > a{
    color:#555!important;
    text-decoration: none;
}

.footer-information{
    color:#555;
    font-weight: normal;
    font-size: 0.80rem;
    text-align: justify;
        
}

.social-icons{
    font-size: 24px;
}

.social-link{
    margin-left: 10px;
    margin-right: 10px;
    color:#555!important;
}

.footer-information h5{
    color:#555;
    font-weight: bold;
    font-size: 0.80rem;
    text-align: left;
    text-transform: uppercase;
}
.box-title{
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    /*font-weight: 500;*/
    font-size: 1.2rem;
    margin-top:20px;
    margin-bottom:20px;
    color:#555;
    font-family: 'poppins-semibold',sans-serif;
    /*border-bottom:1px solid #555;*/
}

.box-title-left{
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    /*font-weight: 500;*/
    font-size: 1.2rem;
    margin-top:20px;
    margin-bottom:20px;
    font-family: 'poppins-semibold',sans-serif;
    color:#555;
}

.box-title-link{
    position:relative;
    float:right;
    text-transform:lowercase;
    text-decoration: underline;
    font-weight: normal;
    font-size: 1rem;
    color:#555;
}

.product-item{
    margin-top:10px;
    margin-bottom:10px;
}

.product-item > img{
	max-height: 185px;
  	max-width: 100%;
}

.product-item .product-collapsible{
    position: relative;
    float: left;
    width: 100%;
    margin-top:30px;
    margin-bottom:20px;
}

.pull-right{
    position:absolute;
    right:0;
}

.collapsible-body{
    padding: 0.8rem;
}

.main-promo-image{
    margin-top:20px;
}

.product-item .product-title{
    font-weight: bold;
    /*font-family: 'poppins-bold',sans-serif;*/
    margin:0;
    padding:0;
    text-transform: uppercase;
    color:#555!important;
    border-bottom: 1px solid #555;
}

@media screen and (max-width: 600px) {
  .product-item .product-title{
        font-weight: bold;
        /*font-family: 'poppins-bold',sans-serif;*/
        margin:0;
        padding:0;
        text-transform: uppercase;
        color:#555!important;
        border-bottom: 1px solid #555;
        height: 45px;
    }
    .color-information{
        height:65px;
    }
  	.brand-logo > img {
        margin-top: 7px;
        margin-bottom: 7px;
        height: 42px;
        width: auto;
    }
}

.color-information{
    height:45px;
}

ul.tabs{
    background-color:transparent!important;
}

.redline{
    border-top:1px solid #e11428!important;
    padding-top:20px;
}

.product-item .product-description{
    font-weight: normal;
    margin:0;
    padding:0;
    font-size: 0.85rem;
    color:#555!important;
}
.product-item .product-price{
    font-weight: bold;
    margin:15px 0 0 0;
    padding:0;
    font-size: 1.2rem;
    color:#e11428!important;
}
.product-item .product-price span{
    font-weight: normal;
    margin:15px 0 0 0;
    padding:0;
    font-size: 0.8rem;
    color:#e11428!important;
}
.product-item .product-size{
    color:#555;
    padding:0;
    font-size: 0.85rem;
    margin-top:10px;
    margin-bottom:10px;
}

.product-item .product-size span{
    color:#555;
    font-size: 0.85rem;
    border:1px solid #555;
    padding:1px 5px 1px 5px;
    font-weight: 400;
}

.product-item > .carousel.carousel-slider{
    min-height: 150px!important;
}

.product-item .product-purchase .product-purhcase-link{
    color:#555;
    position:relative;
    float:left;
    width:23%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 1.2rem;
    border: 1px solid #555;
    
}

.product-item .product-purchase .product-purhcase-link:hover{
    color:#fff;
    background-color: #555;
    position:relative;
    float:left;
    width:23%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 1.2rem;
    border: 0px;
}

.product-item .product-purchase .product-purhcase-link-4{
    color:#555;
    position:relative;
    float:left;
    width:23%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 1.2rem;
    border: 1px solid #555;
    
}

.product-item .product-purchase .product-purhcase-link-4:hover{
    color:#fff;
    background-color: #555;
    position:relative;
    float:left;
    width:23%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 1.2rem;
    border: 0px;
}

.product-item .product-purchase .product-purhcase-link-3{
    color:#555;
    position:relative;
    float:left;
    width:31.25%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 1.2rem;
    border: 1px solid #555;
    
}

.product-item .product-purchase .product-purhcase-link-3:hover{
    color:#fff;
    background-color: #e11428;
    position:relative;
    float:left;
    width:31.25%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 1.2rem;
    border: 0px;
}

.product-item .product-purchase .product-purhcase-link-2{
    color:#555;
    position:relative;
    float:left;
    width:48%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 1.2rem;
    border: 1px solid #555;
    
}

.product-item .product-purchase .product-purhcase-link-2:hover{
    color:#fff;
    background-color: #555;
    position:relative;
    float:left;
    width:48%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 1.2rem;
    border: 0px;
}

.product-item .product-purchase .product-purhcase-link-1{
    color:#555;
    position:relative;
    float:left;
    width:98%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 1.2rem;
    border: 1px solid #555;
    
}

.product-item .product-purchase .product-purhcase-link-1:hover{
    color:#fff;
    background-color: #555;
    position:relative;
    float:left;
    width:98%;
    text-align: center;
    margin-left:1%;
    margin-right: 1%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 1.2rem;
    border: 0px;
}

.product-item .product-details{
    color:#555;
    width:98%;
    margin-left: 1%;
    margin-right:1%;
    position:relative;
    float:left;
    margin-top:9px;
    margin-bottom:9px;
    text-align: center;
    padding:8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    border: 1px solid #555;
}

.product-item .product-details:hover{
    background-color: #e11428;
    color:#fff;
    width:98%;
    margin-left: 1%;
    margin-right:1%;
    position:relative;
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;
    padding:8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    border:0px;
}

.no-margin-bottom{
    margin-bottom: 0px!important;
}

.no-margin{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.more-button{
    color:#555;
    border:3px solid #555;
    font-weight:500;
    padding:10px;
    text-transform: uppercase;
    text-align: center;
    margin-top:20px;
    margin-bottom:30px;
}

.more-button:hover{
    background-color:#555;
    color:#f1eae3;
    border:3px solid #f1eae3;
    font-weight:500;
    padding:10px;
    text-transform: uppercase;
    text-align: center;
    margin-top:20px;
    margin-bottom:30px;
}

nav {
    color: #555!important;
    background-color: rgba(255,255,255,0.8);
}

nav.dark {
    color: #fff!important;
    background-color: rgba(0,0,0,0.8);
}

nav.dark ul a {
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    padding-right: 30px!important;
}

.brand-logo{
    color: #555!important;
}

nav ul a{
    color: #555;
    font-weight:bold;
    font-size: 0.9rem;
    padding-right:30px!important;
}

nav a i{
    color: #555!important;
}

.sidenav{
    background-color:#fff;
}

.dropdown-content{
    top:64px!important;
    min-width: 185px!important;
}

.dropdown-content li{
    padding:0;
    min-height: 30px; 
    line-height: 1rem;
    border-bottom: 1px solid #ccc;
}
.dropdown-content li>a, .dropdown-content li>span{
    padding:10px 15px 10px 15px;
}

.dropdown-content li>a:hover, .dropdown-content li>span{
    padding:10px 15px 10px 15px;
}

.logo{
    margin-top: auto;
    margin-bottom:auto;
    height:40px!important;
    width:auto;
    vertical-align: middle;
}

ul > li > a.dropdown-trigger{
    background-color: transparent;
    color:#000;
}

ul > li > a.dropdown-trigger:focus{
    outline:none!important;
}

.nav-wrapper ul li a:hover{
    background-color: transparent;
    color:#e11428;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: #555;
}

.dropdown-content li>a:hover, .dropdown-content li>span:hover{
    color: #e11428;
    background-color:#fff!important;
}

strong{
    font-weight: bold!important;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert > p{
    margin-bottom:0px!important;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.sidenav li>a {
    color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 16px!important;
}

.sidenav li>ul>li>div.collapsible-body>ul>li>a {
    color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px!important;
    background-color: #fff;
}

.force-right{
    position: absolute;
    right: 0;
}

#credit-simulation{
    background:url('../img/pGGNOII6lLhSxMCQbSpq_honda_id_6_banner_bawah_02.jpg') no-repeat no-repeat;
    background-size:cover;
    padding-top:60px;
    padding-bottom: 60px;
    text-align: center;
}

#credit-simulation > .container > a{
    padding:10px;
    border:3px solid #fff;
    color:#fff;
    background-color:rgba(255,255,255,0);
}

#brochure > .container > .row > .col > a{
    color:#e11428!important;
}

a.brochure{
	color: #e11428;
	font-weight: bold;
}