li{
	list-style: none;
}
a{
	text-decoration: none !important;
}

a:hover {
	text-decoration: underline !important;
}


/* Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 1170px;
	margin: 0 auto;
}


/* Header
------------------------------------------------------------------------------*/
	.cart_icon{
		position:relative;
		font-size: 22px;
		color: #666668 !important;
	}
	.account_icon{
		position:relative;
		font-size: 22px;
		color: #666668 !important;
	}
	.account-menu{
		display: none;	
		width: 150px;	
	}
	.account-menu a{
		font-size: 16px;
		text-decoration: none;
		display: block;
		margin-bottom: 5px;
		padding: 5px 8px;
		color: #666668 !important;
	}
	.account-menu a:hover{
		background-color: #b8bcbe;
	}
	.account_icon:hover .account-menu{
		display: block !important;
		position: absolute;
		top: 30px;
		right: 2px;
		z-index:99;
		background-color: #fff;
		padding: 8px;
	}
	.search-btn{
		position: absolute;
		background-color: #b8bcbe;
		color: #fff;
		top:4px;
		right:4px;
		font-size: 17px;
		padding: 2px 8px;
		border:none;
	}
	
	.cart_count{
		position: absolute;
		top:5px;
		left: 50%;
    	transform: translateX(-50%);
		font-size:10px;
		color:#fff;
		cursor: pointer;
	}
	.wishlist_count{
		position: absolute;
		top:9px;
		left: 50%;
    	transform: translateX(-50%);
		font-size:10px;
		color:#fff;
		cursor: pointer;
	}
	.login_btn{
		text-decoration: none;
		color: #737375;
		cursor: pointer;
	}
	.login_btn:hover{	
		color: #737375;
		cursor: pointer;
	}
	

#logo {
	width: 197px;
	height: 52px;
	display: block;
	float: left;
	cursor: pointer;
	text-indent: -9999em;
	background: url(../images/logo.png) no-repeat;
}


/* Navigation
------------------------------------------------------------------------------*/

#menu {
	text-align: center;
	color: #737375;
	font-size: 14px;
	font-weight: 500;
}

#menu li {
	padding: 19px 19px 21px;
	display: inline-block;
	font-family: "Novecentowide";
}

#menu a {
	color: #737375;
}


/* Content
------------------------------------------------------------------------------*/

#breadcrumbs {
	background: #383838;
	color: #d9d9d9;
	font-size: 14px;
	overflow: hidden;
	padding: 12px 0;
}

#breadcrumbs li {
	float: left;
}

#breadcrumbs a {
	color: #a5a5a5;
}

#breadcrumbs li + li:before {
	content: "";
	margin: 13px 13px 0 15px;
	float: left;
	background: url(../images/ico_arrow.png) no-repeat;
	width: 9px;
	height: 5px;
}


.total-count {
	display: block;
	max-width: 568px;
	border: 1px solid #d3d3d3;
	margin: 48px auto 30px;
	font-family: "Novecentowide";
	text-align: center;
	font-size: 18px;
	color: #949697;
	padding-bottom: 35px;
	line-height: 20px;
}

.total-count h4 {
	color: #939597;
	font-size: 24px;
	padding: 32px 0 12px;
}

.btn-grey {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	font-family: "Novecentowide";
	background-color: #373737;
}

.btn-grey:hover{
	opacity: 0.9;
	text-decoration: none;
}

.total-count h3 {
	letter-spacing: -.7px;
	color: #666668;
	font-size: 36px;
	padding: 49px 0 57px;
}

.total-count h3 strong {
	font-weight: 600;
}

.cart-table {
	padding: 13px 0;
	overflow-x:auto;
}
.cart-table table{
	width: 100%;
	min-width: 700px;
}
.cart-table th {
	background: #383838;
	border: 1px solid #383838;
	text-align: center;
	border-top: 0;
	color: #fff;
	line-height: 40px;
	height: 43px;
	font-family: "Novecentowide";
	font-size: 12px;
	font-weight: 500;
	text-shadow: -1px -1px 0 rgba(12,13,13,.5);
}

.cart-table td {
	font-size: 15px;
	line-height: 24px;
	color: #949697;
	border: 1px solid #d3d3d3;
	padding: 15px 15px 14px;
	vertical-align: middle;
	text-align: center;
}


.cart-table h3 {
	color: #656567;
	font-family: "Novecentowide";
	font-size: 13px;
	padding: 5px 0;
	font-weight: 600;
}

.cart-table .image {
	width: 100px;
}


.cart-table .qnt {	
	padding: 0 17px;
}

.cart-table .total {
	white-space: nowrap;
}

.cart-table th {
	border-right: 1px solid #515151;
}

.cart-table .ico-del {
	width: 27px;
	margin: auto;
	display: block;
	height: 27px;
	background: #666668 url(../images/ico_cross.png) no-repeat 50% 50%;
}

.cart-table .ico-del:hover{
	opacity: 0.9;
}
ul{
	 padding-inline-start: 0px;
	     padding-left: 0rem !important;
}

/* Footer
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	background: #222224 url(../images/bg_footer.png);
	padding: 27px 0 0;
	color: #a5a5aa;
	font-size: 14px;
	line-height: 30px;
}

#footer h3 {
	color: #fff;
	font-family: "Novecentowide";
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 10px;
}

#footer li:before {
	content: "- ";
}

#footer .ico {
	display: inline-block;
	background: url(../images/ico_footer.png);
	width: 19px;
	height: 19px;
	margin: -5px 10px -5px 0;
}

#footer .ico.ico-tw {
	background-position: 0 -19px;
}

#footer .ico.ico-gp {
	background-position: 0 -38px;
}

#footer .ico.ico-pi {
	background-position: 0 -57px;
}

#footer .ico.ico-em {
	background-position: 0 -76px;
	margin: -7px 7px -7px 0;
}

#footer .ico.ico-ph {
	background-position: 0 -95px;
	margin: -5px 10px -5px -3px;
}

#footer .social li {
	line-height: 32px;
	padding-bottom: 6px;
}

#footer .social li:before {
	display: none;
}

#footer .contact p {
	line-height: 24px;
	font-size: 14px;
	padding: 2px 0 0;
	margin-bottom: 8px;
}

#footer .newsletter p {
	line-height: 24px;
	font-size: 14px;
	padding: 2px 0 0;
	margin-bottom: 8px;
}

#footer form {
	height: 52px;
	margin: 22px 0;
	position: relative;
	background-color: #fff;
}

#footer form button {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 4px;
	right: 4px;
	border: 0;
	background: #b8bcbe url(../images/ico_plus.png) no-repeat 50% 50%;
}

#footer form button:hover{
	opacity: 0.9;
}

#footer form input {
	width: 100%;
	border: 0;
	color: #656567;
	font-size: 14px;
	padding: 15px 75px 15px 25px;
	line-height: normal;
	height: 52px;
	background: #fff;
}

::-webkit-input-placeholder {
	color: #656567;
}

::-moz-placeholder {
	color: #656567;
	opacity: 1;
}

#footer .col {
	float: left;
	width: 25.7%;
	padding-bottom: 37px;
}

#footer .col.media {
	width: 17%;
}

#footer .col.contact {
	width: 25.7%;
}

#footer .col.newsletter {
	width: 31.6%;
}

#footer a {
	color: #a5a5aa;
}

#footer .copy {
	color: #717176;
	font-size: 14px;
	padding: 28px 0;
	clear: both;
	border-top: 1px solid #333336;
}


/* Media
------------------------------------------------------------------------------*/ 


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

	#logo {
		background-image: url(../images/logo@2x.png);
		background-size: cover;
	}

	#header .right-links span {
		background-image: url(../images/ico_header@2x.png);
		background-size: 60px 20px;
	}

	#footer .ico {
		background-image: url(../images/ico_footer@2x.png);
		background-size: 19px 114px;
	}

	#breadcrumbs li + li:before {
		background-image: url(../images/ico_arrow@2x.png);
		background-size: cover;
	}

	#footer form button {
		background-image: url(../images/ico_plus@2x.png);
		background-size: 16px 16px;
	}

	#footer {
		background-image: url(../images/bg_footer@2x.png);
		background-size: 30px 30px;
	}

	.pagination span {
		background-image: url(../images/ico_pagination@2x.png);
		background-size: 60px 30px;
	}

	#sidebar label.checked:before {
		background-image: url(../images/ico_cross@2x.png);
		background-size: 11px 11px;
	}

	.last-products .bx-next:after,
	.last-products .bx-prev:after {
		background-image: url(../images/ico_arrows@2x.png);
		background-size: 16px 16px;
	}
}

@media screen and (max-width: 1220px) {

	.container {
		width: auto;
		padding: 0 20px;
	}

	#menu li {
		padding: 19px 10px 21px;
	}

	#footer .col {
		width: 49% !important;
		float: none;
		vertical-align: top;
		display: inline-block;
	}

	

	.product .image {
		width: 40%;
		margin-right: 30px;
		height: auto;
	}

	.products article {
		float: none;
		display: inline-block;
	}

	.products {
		padding-left: 1px;
	}

	.products-wrap #content {
		font-size: 0;
		text-align: center;
	}

	#header .right-links li {
		float: none;
		display: inline-block;
	}

	#header .right-links {
		float: none;
		text-align: center;
	}

	#header .container {
		height: auto;
	}

	#logo {
		float: none;
		margin: auto;
		display: block;
	}


}


@media screen and (max-width: 760px) {	

	.quick-links {
		margin: 0;
	}

	#header .right-links span {
		float: none;
		display: inline-block;
		margin: -5px 8px;
	}

	#slider .btn-more {
		margin: 10px auto;
	}

	#slider h3 {
		padding-top: 10px;
		font-size: 13px;
	}

	#slider h2 {
		font-size: 18px;
		margin: -14px 0 -10px;
		letter-spacing: 1px;
	}

	.quick-links article {
		max-width: 100%;
		margin: 0;
		height: auto;
		padding: 10px 0;
	}

	#slider li {
		height: 350px;
	}

	.quick-links .text {
		margin: 0 10px;
		width: auto !important;
		display: block;
	}

	

	.last-products .bx-prev {
		top: 16px;
	}

	.last-products .bx-next {
		right: 10px;
		top: 16px;
	}

	#sidebar .widget {
		float: left;
		padding: 10px 0;
		margin: 0;
		width: 50%;
	}

			
	.total-count h3 {
		line-height: normal;
		font-size: 24px;
	}

	.product .image {
		width: auto;
		margin: 0 0 20px;
		float: none;
	}

	
	#menu .trigger {
		display: block;
		width: 35px;
		height: 30px;
		position: absolute;
		top: 20px;
		right: 10px;
		cursor: pointer;
		background: url(../images/btn_mobile_menu.png) no-repeat 50% 50%;
	}

	#menu ul {
		top: 70px;
		left: 0;
		right: 0;
		display: none;
		z-index: 999;
		background: #fff;
		position: absolute;
		padding-bottom: 10px;
		border-bottom: 1px solid #333;
	}

	#menu ul.active {
		display: block;
	}

	#menu li {
		padding: 5px 20px;
		display: block;
		overflow: hidden;
		text-align: center;
	}

	#menu .container {
		position: static;
	}

	#header .container {
		height: auto;
		padding-top: 10px;
		padding-bottom: 8px;
	}

	#header .container:after {
		content: "";
		display: block;
		clear: both;
	}

	#header .right-links {
		clear: both;
		float: none;
	}

	#header .right-links li {
		padding: 0 10px;
	}

	


} 
@media screen and (max-width: 600px) {
	#header .right-links li{
		padding: 0;
	}
}




@media screen and (max-width: 479px) {

	#footer .col {
		width: 100% !important;
	}
}

@media screen and (max-width: 320px) {
	.last-products .bx-prev{
		right: auto;
		left: 10px;
	}
}


@media screen and (min-width: 460px) and (max-width: 768px) {
	#footer .col:nth-child(1) {
		width: 49% !important;
		padding-right: 15px;
	}

	#footer .col:nth-child(2) {
		width: 49% !important;
	}
}