/*10px=1vw  */
  body{
	font-family: "Roboto",Helvetika,Arial,sans-sarif;
	font-size: 1.4vw;
	line-height: 1.42857143;
	color: #333333;

	background-color: #f0f0f0;
}
#top{
	background-color: #555555;
	padding: 1vw 0;

}
#top .offer{
	color: #eeeeee;

}
#top .offer .btn{
	text-transform: uppercase;
}


@media(max-width: 99.1vw){
	#top .offer{
		margin-bottom: 1vw;
	}
}
@media(max-width: 99.1vw){
	#top{
		font-size: 1.2vw;
		text-align: center;
	}
}


#top a{
	color: #fff;
}
#top ul.menu{
	padding-top: .5vw;
	margin: 0;
	text-align: right;
	font-size: 1.2vw;
	list-style: none;
}

@media(max-width: 99.1vw){
	#top ul.menu{
		text-align: center;
	}
}
#top ul.menu{
	text-align: center;
}

#top ul.menu> li{
	display: inline-block;
}
#top ul.menu> li a{
	color: #eeeeee;


}
#top ul.menu> li + li:before{
	content: "|\00a0";
	padding: 0 .5vw;
	color: #f7f7f7;
}

/*Header Sstyle*/

.navbar{
	background: white;
}
.navbar-collapse .right {
	float: right;
}
.navbar-brand {
	float: left;
	padding: 1vw 1.5vw;
	font-size: 1.8vw;
	line-height: 2vw;
	height: 7vw;


}

.navbar-brand:hober,
.navbar-brand:focus{
	text-decoration: none;
}
.navbar ul.nav >li > a{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4vw;
}



.padding-nav{
	padding-top: 1vw;

}
.navbar ul.nav > li >a:hover{
	background: #e7e7e7;
}
.btn-primary{
	color: rgb(255,255,255);
	background-color: rgb(79, 191, 168);
	border-color: rgb(65, 179, 156);  
}

#search .navbar-form{
	float: right;
}
#search{
	clear: both;
	border-top: solid .1vw #9adacd;
	text-align: right; 
}
#search .navbar-form .input-group{
	display: table;
}
#search .navbar-form .input-group .form-control{
	width: 100%;
}

/*Slider*/

#slider{
	margin-bottom: 4vw;
}

/*Advantage Styles*/
.box{
	background: #fff;
	margin: 0 0 30px;
	border: solid 2px #f1a009;
	padding: 20px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
#advantage{
	text-align: center;
}
#advantage .box .icon{
	position: absolute;
	font-size: 120px;
	width: 100%;
	text-align: center;
	top: -20px;
	left: 0;
	height: 100%;
	float: left;
	color: #eeeeee;
	transition: all 0.2s ease-out;
	z-index: 1;
	box-sizing: border-box;
}
#advantage .box h3{
	position: relative;
	margin: 0 0 2vw;
	font-weight: 300;
	text-transform: uppercase;
	z-index: 2;
}
#advantage .box h3 a:hover{
	text-decoration: none;
}

#advantage .box p{
	position: relative;
	color: #555555;
	z-index: 2;
}
/*product box generation*/
#hotbox h2{
	background: #f4f109;
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	font-size: 3.6vw;
	color: #4993e4;
	font-weight: 100;
	text-align: center;
}


/*product*/
#content{
	padding-left: 2.5vw;
}

.single{
	width: 29vw;

}
@media(max-width: 76.8vw){
	.single{
		width: 60%;
		margin: 0 auto;
	}
}
#content .product{
	background: #fff;
	border: solid .1vw #e6e6e6;
	box-sizing: border-box;
	margin-bottom: 3vw;
	
}
#content .product .text h4{
	font-size: 1.8vw;
	text-align: center;
	float: center;
	font-weight: 300;
}
#content .product .text p.price{
	font-size: 1.8vw;
	text-align: center;
	font-weight: 300;
}
#content .product .text h4.price{
	
	text-align: center;
	font-weight: 300;
}
#content .product .text .buttons{
	clear: both;
	text-align: center;
}
#content .product .text h3{
	text-align: center;
	font-size: 2vw;

}

#content .product .text h3 a{
	color: rgb(85, 85, 85,);

}



#content .product .text{
	padding: 1vw 1vw 1vw;
}
#content .product .text .buttons .btn{
	margin-bottom: 1vw;
}
/*sidebar product category*/
#content .panel .sidebar-menu{
box-sizing: border-box;
box-shadow: 0 .1vw .5vw rgba(0, 0, 0, 0.1);
}
#content .panel.sidebar-menu ul.nav.category-menu{
margin-bottom: 2vw;
}
#content .panel.sidebar-menu ul.nav.category-menu li a{
	text-transform: uppercase;
	font-weight: bold;
}
#content .panel.sidebar-menu h3{
	padding: .5vw;
	margin: 0;
}
/*Breabcrumb section*/
.Breadcrumb{
	padding: .8vw 1.5vw;
	margin-bottom: 2vw;
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: 0 .1vw .5vw rgba(0, 0, 0, 0.5); 
}
.Breadcrumb >li + li:before{
	content: ">\00a0";
	color: #cccccc;
}
@media(max-width: 99.1vw){
.Breadcrumb{
	padding: .8vw 0;
	text-align: center;
    }	
}
/*shop product style*/
@media (max-width: 76.8vw){
	.center-responsive{
		width: 70%;
		margin: 0 auto;
	}
}
@media (max-width: 55vw){
	.center-responsive{
		width: 95%;
		margin: 0 auto;
	}
}


/*details page style*/
#content #productmain{
	margin-bottom: 3vw;
}
#content #productmain .price{
	font-size: 3vw;
	font-weight: 300;
	text-align: center;
	margin-top: 4vw;
}
#content #mainimage{
	box-shadow: 0 .1vw .5vw rgba(0, 0, 0, 0.7);
}
#content .thumb a{
	display: block;
	box-shadow: 0 .1vw .5vw rgba(0, 0, 0, 0.2);
	border: solid .2vw transparent;
}
#content .headline{
	height: 35vw;
}
/*Cart Style*/
#content #cart .table tbody tr td img{
	width: 5vw;
}
#content #cart .table tbody tr td input{
	width: 4vw;
	text-align: right; 
}
#content #cart .table tbody tr td{
	vertical-align: middle;
}
#content #cart .table tfoot{
	font-size: 1.8vw;
}
.box .box-footer{
	background: #f7f7f7;
	margin: 3vw -2vw -2vw;
	padding: 2vw;
	border-top: solid .1vw #eeeeee;
}
.box .box-footer:before,
.box .box-footer:after{
	content: "";
	display: table;
}
.box .box-footer:after{
	clear: both;
}
.box .box-header{
	background: #f7f7f7;
	margin: -2vw -2vw 2vw;
	padding: 2vw;
	border-bottom: solid .1vw #eeeeee;
}
#content #order-summary table{
	margin-top: 2vw; 
}
#content #order-summary table td{
	color: #999999;
}
#content #order-summary table tr.total td,
#content #order-summary table tr.total th{
	font-size: 1.8vw;
	color: #555555;
	font-weight: 700; 
}


/*Footer Style*/

#footer{
	background: #88e8f1;
	padding: 2vw 0;
}

	
#footer ul{
	padding-left: 0;
	list-style: none;
}
#footer ul a{
	color: #e93a0b;
	padding: 2vw 0;
}
#footer .social {
	text-align: left;
}
#footer .social a{
	margin: 0 1vw 0 0;
	color: #fff;
	display: inline-block;
	width: 3vw;
	height: 3vw;
	border-radius: 1.5vw;
	line-height: 3vw;
	font-size: 1.5vw;
	text-align: center;
	transform: all 0.2s ease-out;
	vertical-align: bottom;
	background-color: #555555;
}
/*style for copyright section*/
#copyright{
	background: #333;
	color: #ccc;
	padding: 2vw;
	font-size: 1.2vw;
}
#copyright p{
	margin: 0;
}