/***********************************************************

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES
3.1 HOVERS

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.1 FORMS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

***********************************************************/



/***************************************************************************
                           1. CSS RESET
***************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none !important;
	vertical-align: top;

	font-weight: normal;
	line-height: 1.5em;
}

ol, ul {
	list-style:none;
}
a, span {
	vertical-align:baseline;
}
b, strong {
	font-weight: bold;
}
i, dfn {
	font-style: italic;
}

img {
	max-width: 100%;
}



/***************************************************************************
                           2. VARIABLES
***************************************************************************/

/* 2.1 GRADIENTS */























.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {
	background: #000000;
  	color: #ffffff !important;
  	border-bottom: 1px solid #000000;
}

.btn:focus {
  	color: #ffffff !important;
}
.btn:hover i,
.btn:hover a i,
.btn-info:hover i,
.btn-primary:hover i {
  	border-left: 1px solid #000000;
}



.sf-menu {
	

    

}
.sf-menu li {
	position: relative;
}

/*================================>> 1 Level <<========================================*/

.sf-menu > li {
	display: block;

  	float: left;
}

.sf-menu > li > a {
	text-transform: uppercase;
	white-space: nowrap;
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding: 12px 12px 12px;
	color: #ffffff;
}
.sf-menu > li > a > span {
 	display: inline-block;
  	z-index: 100;
  	font-weight: bold;
}
.sf-menu > li > a > b {
	display: block;
	position: absolute;
	width: 100%;
	opacity: .3;
	background: #000000;
	left: 0;
	bottom: 0;
  	height: 0px;
  	z-index: 1;
  	transition: height .2s ease;
}
.sf-menu > li > a:hover > b,
.sf-menu > li.active > a > b {
    height: 100%;
}
.sf-menu > li > a > span:before {
	position: absolute;
 	left: 0;
 	right: 0; 
 	bottom:0;
 	content: "";
	border-bottom: 0px solid #000;
  	z-index: 100;
  	transition: all .4s ease;
}
.sf-menu > li > a:hover > span:before,
.sf-menu > li.active > a > span:before {
    border-bottom-width: 8px;
}
.sf-menu > li.active > a,
.sf-menu > li:hover > a {
	color: #000;
}

.sf-menu > li > a.sf-with-ul:after {
	content: "\f107";
	display: inline-block;
	font-size: 13px;
	margin-left: 7px;
  	margin-top: -3px;
	vertical-align: middle;
	line-height: 1px;
	color: #ffffff;
  	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
	text-indent: 0 !important;
}
.sf-menu > li > a.sf-with-ul:hover:after,
.sf-menu > li.active > a.sf-with-ul:after,
.sf-menu > li.sfHover > a.sf-with-ul:after {
	color: #de0037;
}

/*================================>> 2 Level <<========================================*/


.sf-menu ul {
	position: absolute;
	left: 0;
	top: 45px;
	position: absolute;
	z-index: 99;
	width: 212px;
  	text-align: left;
	display: none;
	background: #ffffff;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
  	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}
.sf-menu ul li {
	position: relative;
	float: none;
	border-bottom: 1px dotted #d3d3d3;
}
.sf-menu ul li a {
	display: block;
	padding: 10px;
	background: none;
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	padding: 8px 15px;
	color: #1a1a1a;
}

.sf-menu ul > li a:hover,
.sf-menu ul > li.active a {
	color: #de0037;
}


#navigation select.menu_mobile {display: none;}

/* 8.3 NIVOSLIDER */
.nivoSlider {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.nivoSlider img {
	max-width: none;
	position: absolute;
	top: 0;
	left: 0;
}
.nivo-main-image {
	width: 100% !important;
	display: block !important;
	position: relative !important;
}

.nivoSlider a.nivo-imageLink {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 6;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
	}

.nivo-slice {
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 5;
}

.nivo-box {
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}
.nivo-box img {
	display: block;
}

.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {
	display: none;
}


.slider_wrap {
	height: 100%;
	position: relative;
	z-index: 1;
  	min-height: 388px;
}

.nivoSlider {
}

.nivo-caption {
	position: absolute;
	left: 0;
	top: 60%;
	margin-top: -69px;
	bottom: 0;
	right: 0;
	z-index: 8;
	display: none;
}
.nivo-caption a {
	display: block;
	text-align: center;
	height: 138px;
}
.nivo-caption h2 {
	font-size: 76px;
	line-height: 76px;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	color: #de0037;
	margin-bottom: -2px;
}
.nivo-caption h3 {
	font-size: 46px;
	line-height: 46px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1em;
	text-transform: uppercase;
	color: #ffffff;
}
.nivo-caption h4 {
	font-size: 14px;
	color: #777777;
	line-height: 1em;
	text-transform: uppercase;
}


.nivo-directionNav a {
  	position: absolute;
	display: block;
	vertical-align: middle;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	margin-top: 0;
	height: 46px;
	width: 45px;
	top: 44.7%;
	background: #4b3521;
	left: auto;
	border: 1px solid #de0037;
}
.nivo-directionNav a:hover {
	border-color: #ffffff;
	background: #4e4e4e;
}
.nivo-directionNav a span {
	display: none;
}
.nivo-directionNav a i {
	display: inline-block;
	line-height: 42px;
	font-size: 30px;
	color: #ffffff;
}
.nivo-prevNav {
	left: 0;
  	border-left: 0px !important;
}
.nivo-nextNav {
	right: 0;
  	border-right: 0px !important;
}


.nivo-controlNav {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.nivo-controlNav a {
	display: inline-block;
	cursor: pointer;
}
.nivo-controlNav a + a {
	margin: 0 0 0 5px;
}
.nivo-controlNav a span {
	display: none;
}
.nivo-controlNav a i {
	display: block;
}
.nivo-controlNav a:hover {
}
.nivo-controlNav a.active {
	cursor: default;
}