MINI MINI MANI MO

@import "http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
body { background-color: #222; }
#wrapper { width: 100%; }
.mainHeader{
	background:#fff url(../images/bg.jpg) repeat-x left top;
	}
.logoBack{
	background:#ececec url(../images/logoBack.png) repeat-x left top;
	margin-top:40px;
	}
.logo{
	margin:30px 0 30px 30px;
	}
.navbar{
	border-radius:0;
	margin-bottom:0;
	}
.navbar-collapse{
	padding-left:0;
	padding-right:0;
	}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	background:#b4af12;
	}
.navbar-inverse .navbar-nav > li > a:hover{
	background:#b4af12;
	}
.navbar-inverse .navbar-nav > li{
	border-right:1px solid #5e4f4f;
	}
.navbar-inverse .navbar-nav > li > a{
	border-right:1px solid #302828;
	padding:13px 30px;
	transition:all 0.8s;
	}
.searchMain{
	border-left:1px solid #302828;
	}
.searchbox{
	color:#fff;
	font-size:20px;
	padding:12px 20px 5px;
	cursor:pointer;
	border-left:1px solid #5e4f4f;
	float:left;
	}
.searchMain .inputFie{
	float:left;
	background:#302828;
	width:80px;
	overflow:hidden;
	
	transition:all 0.3s;
	}
.inputFie input[type='text']{
	border:none;
	background:none;
	line-height:46px;
	color:#ddd;
	padding:0 10px;
	}
.searchMain:hover .inputFie, .searchMain:focus .inputFie{
	width:180px;
	}
.carouselBack{
	background:rgba(47, 81, 106, 0.7);
	}
.carouselText{
	font-size:22px;
	}
.indicaPosi{
	bottom:-40px;
	z-index:3;
	}
.sliderShadow{
	background:url(../images/slider-shadow.png) no-repeat left center;
	height:44px;
	}
	.carousel-indicators li{display:inline-block;width:15px;height:15px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0.7);border:2px solid #ddd;border-radius:10px}
	.carousel-indicators .active{width:15px;height:15px;margin:0;background-color:#fff; border:2px solid #333;}
.mainContainer{
	background:#fff;
	}

[class^="boxcate"] {
	background:#443939;
	outline:1px solid #dadada;
	border:6px solid #fff;
	padding:15px;
	text-align:center;
	color:#fff;
	min-height:240px;
	
	transition:all 0.3s;
}
[class^="boxcate"]:hover{
	outline:1px solid #555;
	}
[class^="boxcate"] h4{
	text-transform:uppercase;
	border-bottom:1px solid #4f4242;
	padding-bottom:10px;
	margin-bottom:0;
	}
[class^="boxcate"] h4 a{
	color:#eee;
	}
[class^="boxcate"] h4 a:hover{
	color:#fff;
	text-decoration:none;
	}
[class^="boxcate"] p{
	font-size:13px;
	padding-top:15px;
	border-top:1px solid #a39292;
	margin-bottom:0;
	}
[class^="boxcate"] .imageicon{
	padding-top:10px;
	}
[class^="boxcate"] img{
	width:100%;
	}
.boxcate-2{
	background:#665959;
	}
.boxcate-3{
	background:#8c7c7c;
	}
.boxcate-4{
	background:#af9c9c;
	}
.box-shadoww{
	background:#fff url(../images/box-shadow.png) no-repeat center top;
	padding-bottom:11px;
	}
.contentSection{
	margin:40px 0 20px 0px;
	}
.contentSection h1{
	margin-top:0;
	}
.readmore{
	margin-top:20px;
	}
.recent{
	background:#132a44;
	padding:0px 30px 30px;
	border-radius:5px;
	box-shadow:0 0 5px 0 #050b11 inset;
	margin-bottom:50px;
	margin-top:40px;
	}
.recent .col-item{
	margin-bottom:20px;
	}
/*for bottom slider*/


.col-item {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}
.col-item .photo img {
    margin: 0 auto;
    width: 100%;
}
.col-item .info {
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
    padding: 10px;
}
.col-item:hover .info {
    background-color: #f5f5dc;
}
.col-item .price {
    margin-top: 5px;
	text-align:center;
}
.col-item .price h5 {
    line-height: 20px;
    margin: 0;
	font-size:15px;
}
.price-text-color {
    color: #219fd1;
}
.col-item .info .rating {
    color: #777;
}
.col-item .rating {
    float: left;
    font-size: 17px;
    height: 52px;
    line-height: 52px;
    margin-bottom: 10px;
    text-align: right;
}
.col-item .separator {
    border-top: 1px solid #e1e1e1;
}
.clear-left {
    clear: left;
}
.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.col-item .separator p i {
    margin-right: 5px;
}
.col-item .btn-add {
    float: left;
    width: 50%;
}
.col-item .btn-add {
    border-right: 1px solid #e1e1e1;
}
.col-item .btn-details {
    float: left;
    padding-left: 10px;
    width: 50%;
}
.controls {
    margin-top: 20px;
}
[data-slide="prev"] {
    margin-right: 10px;
}
.recent h3{
	color:#fff;
	font-size:30px;
	text-shadow:1px 1px 0 #050b11;
	font-family:"open Sans", sans-serif, arial;
	}
.bordre{
	background:#333 url(../images/bordre.png) repeat-x left 0;
	margin:0px 0 20px;
	height:2px;
	}
#footer{
	color:#ccc;
	border-bottom:1px solid #0f0f0f;
	padding-bottom:10px;
	}
#footer h3{
	font-size:22px;
	}
#footer ul{
	margin-left:0;
	padding-left:0;
	list-style:none;
	}
	
#footer ul.short span{
	margin-right:8px;
	}
#footer ul.short li{
	line-height:16px;
	padding:5px 0;
	}
#footer ul.short li a{
	color:#ccc;
	}
#footer ul.short li a:hover{
	color:#fff;
	text-decoration:none;
	}
#footer ul.getin li{
	font-size:13px;
	}
.map{
	margin-top:23px;
	}
.copy{
	border-top:1px solid #353535;
	padding-top:10px;
	font-size:12px;
	color:#b3b3b3;
	text-shadow:1px 1px 0 #090909;
	padding-bottom:10px;
	}
.product .col-item{
	border:1px solid #ddd;
	margin-bottom:20px;
	}
.product .col-item:hover{
	box-shadow:0 0 5px 0 #555;
	border:1px solid #333;
	}
.contact ul{
	list-style:none;
	margin-left:0;
	padding-left:10px;
	}
.contact li{
	font-size:16px;
	line-height:16px;
	padding:8px 0;
	}
.contact li span{
	margin-right:8px;
	}
.contact li a{
	color:#333;
	}
.goToTop {
  position: fixed;
  top: 0;
  z-index: 100;
  width:1090px;
}
.staticMainLogo{
	display:none!important;
	}
.staticLogo{
	display:block!important;
	}
.navbar-inverse.goToTop .navbar-nav > li > a{
	padding:13px 20px;
	}
.navbar-inverse.goToTop .navbar-nav > li:first-child > a{
	padding:0px;
	}
.slidess{
	margin-top:60px;
	}
@media only screen and (max-width:1000px){
	.mainHeader{
	background:#fff url(../images/bg.jpg) repeat-x left -80px;
	}
.sliderShadow {
	-webkit-background-size: 750px 44px;
	-moz-background-size: 750px 44px;
	-o-background-size: 750px 44px;
	background-size: 750px 44px;
}
	}
@media only screen and (max-width:800px){
	.mainHeader{
	background:#fff url(../images/bg.jpg) repeat-x left -130px;
	}
	
.sliderShadow {
	-webkit-background-size: 700px 44px;
	-moz-background-size: 700px 44px;
	-o-background-size: 700px 44px;
	background-size: 700px 44px;
}
[class^="boxcate"]{
	margin-top:10px;
	}
	}
	
@media only screen and (max-width:480px){
	.mainHeader{
	background:#fff url(../images/bg.jpg) repeat-x left -130px;
	}
	
.sliderShadow {
	background:none;
}
	}
@media only screen and (max-width:1070px){
	.goToTop {
	position: static!important;
	width:100%;
	}
.staticLogo{
	display:none!important;
	}
.slidess{
	margin-top:0px;
	}
	}