/*

	Future Imperfect by HTML5 UP

	html5up.net | @n33co

	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

*/


/* Reset */

body {
	background: #fff none repeat scroll 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #3c3b3b;
}

a:hover {
	color: #F85100 !important;
}

a:hover:before {
	color: #f85100 !important;
}

.title-gray {
	color: #7D7D7D;
}


/* Header */

#header-pc {}

#header-pc h1 {
	color: #3c3b3b;
}

.main ul>.left {
	color: #aaaaaa;
}

#header-pc .main ul li>.icon.fa-shopping-cart {
	color: #fff;
}

#header-pc .main ul li>a::before {
	color: #fff;
}

.main ul>.left a.fa-angle-down::before {}

#footer .copyright {
	color: #aaaaaa;
}

ul.breadcrumb {
	background-color: #fff;
}

@media screen and (max-width: 436px) {
	#header-app .main ul li>a {
		color: #aaaaaa !important;
	}
	#header-app .main ul li>a:before {
		color: #aaaaaa !important;
	}
}




/* Form */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	background-color: #000;
	box-shadow: inset 0 0 0 1px rgba(160, 160, 160, 0.3);
	/*color: #fff !important;*/
}

input[type="submit"]::before,
input[type="submit"]::after,
input[type="reset"]::before,
input[type="reset"]::after,
input[type="button"]::before,
input[type="button"]::after,
button::before,
button::after,
.button::before,
.button::after {
	color: #aaaaaa;
}


/* Main */

.post {
	background: #ffffff none repeat scroll 0 0;
	border: 0px solid rgba(160, 160, 160, 0.3);
}

#menu {
	background: #ffffff none repeat scroll 0 0;
	border-left: 1px solid rgba(160, 160, 160, 0.3);
}


/* Detail */

ul.deta-actions .fa-shopping-cart {
	background: #EE7378 none repeat scroll 0 0;
	border: 0px solid #eb4e01;
	color: #fff !important;
	font-weight: normal;
}

ul.deta-actions .fa-shopping-cart::before {
	color: #fff !important;
}

.withput {
	background: #f2f2f2;
	position: relative;
	color: #1D1D1D !important;
	width: 250px;
	height: 37px;
	line-height: 37px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

.withput span {
	position: absolute;
	top: 2px;
	left: 20px;
}

.withput img {
	width: 80px;
	position: absolute;
	top: 10px;
	right: 0;
}

.withcheck {
	display: block;
	float: left;
}

@media screen and (max-width: 480px) {
	.withput {
		background: #f2f2f2;
		position: relative;
		color: #1D1D1D !important;
		width: 230px;
		height: 37px;
		line-height: 37px;
		position: absolute;
		left: 15px;
	}
	.withcheck {
		padding: 0 1em !important;
		height: 37px !important;
		line-height: 37px !important;
	}
}