/*

	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: #5f5f5f;
}


/* Header */

#header-pc {
	background-color: #404040;
	border-bottom: 0px solid rgba(160, 160, 160, 0.3);
}

#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 {
	color: #fff;
}

#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;
	}
}


/* Footer */

#footer .custom_footer h3 {
	color: #5f5f5f;
}

#footer .custom_footer ul li a {
	color: #8f8f8f;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}

#footer .address-link {
	background: #333 none repeat scroll 0 0;
	color: #fff !important;
}


/* Form */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	background-color: #de0454;
	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: #de0454 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: 240px;
	height: 37px;
    line-height: 37px;
    position: absolute;
    left: 15px;
}
.withcheck{
	padding: 0 1em !important;
	height: 37px !important;
    line-height: 37px !important;
}
	}