/*** Asset: asset/css/aasc.css ***/
body {
    background: url(/asset/img/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #000;
    font: 13px Arial, Helvetica, sans-serif;
    position: relative;
}

.no-padding {
    padding:0;
}

.linebreak {
    height: 4px;
}
.aasc-bgblue {
    background-color: #33357d;
}

.aasc-bgorange {
    background-color: #f2682b;
}

.aasc-orange {
    color: #f2682b;
}

.aasc-white {
    color: #FFFFFF;
}

.aasc-blue {
    color: #33357d;
}

.aasc-bgwhite {
    background-color: #FFFFFF;
}

.nav-bg {
    background-color: #33357d;
}

.navbar {
    padding-top:0px;
    padding-bottom:0px;
}
.navbar-brand {
    background-color: #FFFFFF;
    padding-right:40px;
    padding-left:40px;
    margin-left:-15px;
}

.navbar-dark .navbar-nav .active>.nav-link {
    color:#f2682b;
}

.navbar-dark .navbar-nav .nav-link {
    color:#33357d;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#f2682b;
}

.navbar-dark .navbar-nav>li {
	background-color:transparent;
	margin-left:2px;
    border-left: 1px solid #bcbcbc;	
    padding-left:20px;
    padding-right: 20px;
	
}

.navbar-dark .navbar-nav > li:first-child {
	border-left: none;
}

.bgbreadcrumb {
    line-height: 25px;
    color: #FFFFFF;
}

.breadcrumbs a {
    color: #FFFFFF;
}

.contact-mask {
    position: absolute;
    background-color: #000000;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    
}

.bgimgcontact {
    background-size: cover;
    background-repeat: no-repeat;
}

.contacttext {
   position: relative;
   top:15%;
   color: #FFFFFF;
}

.contacttext-blue {
    position: relative;
    top:15%;
    color: #33357d;
}

.socialtext {
   position: relative;
   top:15%;
   color: #FFFFFF;
}

.contacttext h5 {
    text-align: center;
}

.contacttext ul li {
    padding:5px;
    font-size: 1rem;
}

.contacttext ul li i {
    padding-right: 10px;
    float: left;
    padding-bottom: 5px;
}

.home-tyre {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:20px;
    padding-bottom:20px;
}

div.cardbox {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    background-color: #FFFFFF;
    opacity: 0.8;
}
  
.cardbox .cardcontent {
    padding: 10px;
}

.product-inline {
    display: inline-block;
    padding: 5px;
}

.product-inline a{
    color:#33357d;
    text-decoration: none;
}

.instalogo {
    display: inline-block;
    padding:5px;
}

.hero-bg{
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
}

.contactherotext {
    position: relative;
    top:60%;
    color: #FFFFFF;
    left:5%;
 }

 .contactherotext h3{
    color:#f2682b;
    padding-left: 50px;
 }

 .imgpromotion {
     max-width: 250px;
     float:right;
 }

.box > .icon { 
    text-align: center; 
    position: relative; 
}
.box > .icon > .image { 
    position: relative; 
    z-index: 2; 
    margin: auto; 
    width: 60px; 
    height: 60px; 
    /*border: 8px solid white;*/ 
    line-height: 60px; 
    /*border-radius: 50%; background: #63B76C;*/ 
    vertical-align: middle; 
}
/*.box > .icon:hover > .image { 
    background: #333; 
}*/
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
.box .space { height: 30px; }


.listing-block{/*height:500px; padding-top:20px; overflow-y:scroll;*/}
.slimScrollDiv{width:41%!important;}
.media {background:#fff; position:relative; margin-bottom:15px;}
.media img{width:200px;margin:0; height:136px;}
.media-body{border:0px solid #bcbcbc; border-left:0; height:136px;}
.media .price{float:left; width:100%; font-size:30px;font-weight:600; color:#4765AB;padding-top:10px;}
.media .price small{display:block; font-size:17px; color:#232323;}
.media .stats{float:left; width:100%; margin-top:10px;}
.media .stats span{float:left; margin-right:10px; font-size:15px;}
.media .stats span i{margin-right:7px; color:#4765AB;}
.media .address{float:left; width:100%;font-size:14px; margin-top:5px; color:#888;}
.media .fav-box{position:absolute; right:10px; font-size:20px; top:4px; color:#E74C3C;}