html {
  font-size: 14px;
  overflow-x: hidden;
}
.sale{ 
    background: #ff5b00;
    color: #fff;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 0px;
    height: 30px;
    margin-bottom: -30px;
    z-index: 1000;
    position: relative;
    font-size: 20px;
}
.old_price{ 
    position: absolute;
    right: 0px;
    top: -22px;
    color: #b7b7b7; 
}
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #f5f3f3;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;

}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #778388;
}


input,div,span,small,h1,h2,h3,h4,h6,td,tr,th,table,section,p{
	font-family: 'Open Sans', sans-serif;
}

.header{
	background: #290f6d;
	width: 100%;
	float: left;
	display: inline-block;
}
.top-header{
	width: 100%;
	background: #fff;
	float: left;
}

.horizontal-top-menu{
	float: left;
	margin: 0px;
	padding: 0px;
/*    display: flex;
    width: 100%;*/
}
.dropdown-item{
    font-size: 11px !important;
}

.horizontal-top-menu li:first-child{
/*	padding-left: 0px;*/
}
.horizontal-top-menu li{
	float: left;
	list-style-type: none;
	padding: 0px 10px;
	margin: 5px 0px;
/*
    list-style-type: none;
    padding: 0px 10px;
    margin: 0px;
    flex-basis: 25%;
    justify-content: space-between;*/
}

.horizontal-top-menu li a{
	color: #292b2c;
}
.horizontal-top-menu li > a,
.horizontal-top-menu li > div > a{
    padding: 5px 0px;
}
.horizontal-top-menu li{
	border-right: 1px solid #ccc;
	font-size: 11px !important;

}

.horizontal-top-menu li:last-child{
	border: 0px;
}

.middle-header{
	float: left;
	width: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
}


.middle-header .logo{
	display: inline-block;
	margin-bottom:  10px;
}
/*.search-group{
	width: 80%;
	display: inline-block;	

}
.search-input{
	width: 100%;
	padding: 7px;
	border-radius: 5px;
	border: 0px; > 
	padding-right: 40px;
    height: 30px;
    font-size: 12px;
}*/
.search-group{

}
.search-group input{
    font-size: 12px;
    border: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
}
.search-group .input-group-append .btn{
	
    line-height: 1em;
    background: #f26313;
    color: #fff;
    border: 0px !important;
}
.bottom-header{
	float: left;
	width: 100%;
	background: #290f6d !important;
	border-top: 1px solid #fff;
	font-weight: lighter;
}
.bottom-header {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #fff;
	display: inline-block;
}


.bottom-header a{
	padding: 5px 15px !important;
	font-size: 13px;
	float: left;
	color: #fff !important;
}

.cart-btn{
	color: #fff !important;
}

.cart-btn .fa{
    float: left;
}
.cart-btn span{
    font-size: 10px;
    float: left;
    line-height: 1.3em;
    margin-left: 5px;
    font-weight: 400;
    padding: 3px 0px;
    color: #f26313 !important;
}


.truck-img{

    position: absolute;
    width: 415px;
    top: -7.5px;
    right: -276%;
    height: 140px;
    z-index: 10;


   /* position: absolute;
    top: 20.5px;
    right: -150%;
    z-index: 10;
    height: 82px;*/
}

.carousel-indicators{
    bottom: -40px;
}
.carousel-indicators li{
	box-shadow: 0px 0px 0px 1px #eee;
	background: #c6bddd;
    max-width: 10px;
    height: 10px;
    border-radius: 50%;
}
.carousel-indicators .active{
	background: #290f6d !important; 
}

.carousel-item{
	background: #fff;
	text-align: center;
}

.carousel-item img{
    right: 0%;
    position: relative; 
    width: 100%;
    height: 100%;
    max-height: 700px;
}
.static-banner-container{

    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

.static-banner{

    width: 30%;
    height: 100%;
    position: absolute;
    background-color: rgba(242, 98, 19, 0.8); 
    z-index: 1;  
}

.static-banner img{

    position: absolute;
    bottom: 0px;
    right: 25px;
    width: 115%;
}

.container-header{
    background: #290f6d;
    color: #fff;
    padding: 10px;
    top: 20px;
/*    margin-bottom: 55px;*/
    text-transform: uppercase; 
}

.featured-products{
    display: flex;
    justify-content: space-evenly;
    flex-wrap:wrap;
}
 
.featured-products-card{
	background: transparent;
    flex-basis: 24%; 
    text-align: center; 
    padding: 0px;
    padding-top: 10px;
    margin-top: 15px;
    transition: .1s ease-in-out;
}
.featured-products-card > a{
    width: 180px; 
    overflow: hidden;
}
.featured-products-card:hover{
	box-shadow: 0px 0px 0px 2px #ccc;
	cursor: pointer;
}
@media(max-width:1000px){
	.featured-products-card{

    flex-basis: 32%; 
	}
}
@media(max-width:768px){
	.featured-products-card{
	    flex-basis: 49%; 
	}
    .static-banner img{
        width: 155%;
    }
}
@media(max-width:1024px){
    .static-banner img{
        width: 115%;
    }
}
@media(max-width:1044px){
    .static-banner img{
        width: 95%;
    }
}
@media(max-width:558px){
	.featured-products-card{
	    flex-basis: 100%; 
	}
}
.featured-products-card-img-top{
	display: inline-block;
    height: 180px;
     width: 180px;
}
.featured-products-card-block{
	text-align: left;
}
.featured-products-card-title{ 
    font-weight: bolder;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0px;
    line-height: 1.2em;
    color: #000;
    min-height: 41px;
}
.featured-products-card-text{
    font-size: 11px;
    margin: 0px;
    line-height: 1.2em;
    padding: 0px 10px;
    color: #000;
}

.featured-products-card .list-group-item{
	padding: 0px;
    border: 0px;
}

.featured-products-card .list-group-item b{
    width: 70%;
    float: left;
    padding: 8px 0px 0px 10px;
    color: #f26313;
    background: #323232;
    font-weight: bolder;
    height: 40px;
}
.featured-products-card .list-group-item a{
	width: 30%;
	float: left;
	font-size: 10px;
    background: #f26313;
    height: 40px;
    color: #fff;

    padding: 7px 5px;
}

h4.brands-header {
    padding: 20px 0px;
    color: #f26313;
    font-size: xx-large;
    font-weight: 100;
}


h4.brands-header b{
	color: #290f6d;
	font-weight: 900;
}

.featured-products-paginations {
	padding: 0px;
}
.featured-products-paginations .btn{
	font-size: 13px;
	border-radius: 0px;
	background: #290f6d;
	border: 0px !important;
	margin: 0px 20px;
	margin-right: 0px;
}

.copyright{
	background: #323232;
	text-align: center;
	padding: 0px;
	color: #fff;
}

.copyright p{
	padding: 5px 0px;
	font-size: 13px;
    margin: 0px;
}
.nb-footer{
	background: #f5f3f3;
    padding-top: 25px;
}


.nb-footer .title{
    text-transform: uppercase;
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
    color: #290f6d;
}

.nb-footer .list-unstyled{
	font-weight: 400;
	font-size: 13px;
	color: #000; 
}

.nb-footer .list-unstyled a:hover{
	text-decoration: none;
}
.nb-footer .list-unstyled a{
    color: #292b2c;
}

.get-in-touch-info{
	font-size: 14px;
}

.get-in-touch-info i{
	float: left;
	width: 20px;
    padding: 3px;
    font-size: 20px;
    color: #555559;
    margin-right: 10px;
}
.get-in-touch-info span{
	float: right;
	width: 100%;
	line-height: 2em;
}

.color-transparent{
	color: transparent;
}

.giti-with-img img{

    width: 35px;
    height: 30px;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 5px;
}

.features-list{
    padding-left: 25px;
    font-size: 13px !important;
}

.bg-violet{
    background: #290f6d !important;
    border-color: #290f6d;
}

.br-0{
    border-radius: 0px !important;
}

input.qty[type=number]::-webkit-inner-spin-button{
    display: none;
}


#gallery_01 img{border:2px solid white;}
 
 /*Change the colour*/
/* .active img{border:2px solid #333 !important;}*/

.thumb_image img{
    width: 120px !important;
    height: 105px;
    box-shadow: 0px 0px 0px 1px #ccc;
}
.preview_image{
    height: 450px;
    max-height: 450px;
}


.btn:hover{
    cursor: pointer;
}

.text-violet{
    color: #290f6d;
}


.link_:hover{
    cursor: pointer;
    text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: ">";
    font-family: cursive;
}

.breadcrumb{
    border-bottom: 2px solid #eee;
    border-radius: 0px;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(255, 255, 255, 1) url(Spinner-0.8s-200px.gif) no-repeat center center;
}

.bg-orange{
    background: #f26313 !important;
}

.twitter-typeahead{
    width: 90%;
}

.tt-dataset a{
    color: #000;
    text-align: left;
}

.cart-modal{
    z-index: 2000 !important;
}

.tt-hint{
    font-weight: bold !important;;
    color: #b9b9b9 !important;;
}

.tt-input{
    font-weight: bold !important;
}

.cursor-pointer{
    cursor: pointer;
}
.select2-container{
    width: 100% !important;
}

.subscription_footer{
    position: fixed;
    bottom: 0;
    width: 400px;
    height: 55px;
    z-index: 88888;
    background: #290f6d;
    color: #fff;
    text-align: center;
}