/*
-------------------------
	SLIDER and BANNER
-------------------------
*/
#slider_banners { margin-bottom: 30px; }

/* Slider */
#slider { width: calc(100% - 330px); height: 450px; background: #292929; float: left; }
#slider .slick-list, 
#slider .slick-track, 
#slider .slick-slide { height: 100%; position: relative; }
#slider .slick-slide { background-repeat: no-repeat; background-size: cover; }
#slider .slick-slide.is_custom_slide { background-position: left center; }
#slider .slick-slide .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); position: absolute; }
#slider .slick-slide .text_wrapper { width: 60%; left: 30px; bottom: 50px; color: white; position: absolute; }
#slider .slick-slide .text_wrapper .title { margin-bottom: 20px; font-size: 50px; line-height: 1; }
#slider .slick-slide .text_wrapper .text { font-size: 19px; }
#slider .slick-slide .text_wrapper .button { margin-top: 30px; font-size: 16px; }

/* Dots */
#slider ul.slick-dots { right: 30px; bottom: 30px; font-size: 0; position: absolute; }
#slider ul.slick-dots li { margin-left: 15px; vertical-align: top; display: inline-block; }
#slider ul.slick-dots li button { width: 18px; height: 18px; text-indent: -9999px; background: #292929; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#slider ul.slick-dots li.slick-active button { background: #f46717; }

/* Banners */
#banners { width: 320px; height: 450px; }
#banners .product { height: 100%; background: white; border: 1px solid #ddd; display: block; }
#banners .product:hover { border-color: #aaa; }
#banners.rows-2 .product { height: 50%; height: calc(50% - 5px); }
#banners.rows-2 .product:nth-child(2) { margin-top: 10px; }

#banners.rows-3 .product { height: 33.3333333333%; height: calc(33.3333333333% - 7px); position: relative; }
#banners.rows-3 .product:nth-child(2) { margin-top: 10px; margin-bottom: 11px; }

#banners .product img { width: auto; max-width: 120px; height: auto; max-height: 120px; right: 10px; top: 10px; position: absolute; }

#banners .product .entry { max-width: 180px; padding-top: 20px; }
#banners .product .entry h3 { margin-bottom: 10px; padding-left: 15px; font-size: 18px; font-weight: 700; color: #292929; line-height: 20px; border-left: 3px solid #292929; }
#banners .product .entry .price { padding-left: 18px; }
#banners .product .entry .price .amount { font-size: 22px; font-weight: 700; color: #f46717; }
#banners .product .entry .price del { display: block; }
#banners .product .entry .price del { font-size: 16px; color: #999; }
#banners .product .entry .price del .amount { font-size: 16px; font-weight: 400; text-decoration: line-through; color: #999; }


/*
--------------
	WHY US
--------------
*/
#whyus { margin-bottom: 20px; }
#whyus .inner { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
#whyus .col { height: 100px; padding: 15px 20px 0 90px; position: relative; }

#whyus .col img { width: auto; height: 50px; left: 20px; position: absolute; }
#whyus .col .title { margin-bottom: 2px; font-size: 20px; font-weight: 700; color: #2a2a2a; line-height: 1; }
#whyus .col .text { font-size: 16px; color: #777; line-height: 20px; }
#whyus .col a { font-weight: 700; color: #44403e; }
#whyus .col a:hover { text-decoration: underline; }


/*
--------------------
	WELCOME TEXT
--------------------
*/
#welcome_text p { margin-bottom: 20px; }


/*
-------------------------
	FEATURED PRODUCTS
-------------------------
*/
#featured_products { padding: 30px 0; }
#featured_products .title { margin-bottom: 20px; font-size: 40px; font-weight: 700; vertical-align: top; color: #2a2a2a; line-height: 1; letter-spacing: -2px; display: inline-block; }

#featured_products .featured_products_wrapper .featured_products_image { width: 230px; background-color: #292929; background-repeat: no-repeat; background-size: cover; position: relative; }
#featured_products .featured_products_wrapper .featured_products_image .text { width: 100%; left: 0; top: 0; padding: 20px; position: absolute; }
#featured_products .featured_products_wrapper .featured_products_image .text.bottom { top: auto; bottom: 0; }

#featured_products .featured_products_wrapper .featured_products_list { padding: 20px; border: 1px solid #ddd; border-left: none; }
#featured_products .featured_products_wrapper .featured_products_list .products .item { margin-bottom: 0 !important; visibility: hidden; opacity: 0; }
#featured_products .featured_products_wrapper .featured_products_list .products.slick-initialized .item { visibility: visible; opacity: 1; }

#featured_products .slick-arrow { width: 40px; height: 40px; right: -20px; top: -77px; text-indent: -9999px; background: #f46717 url(images/icon_arrow_right_white.svg) no-repeat center; background-size: 12px auto; position: absolute; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#featured_products .slick-arrow.slick-prev { right: 30px; background-image: url(images/icon_arrow_left_white.svg); }


/*
---------------------------
	FEATURED CATEGORIES
---------------------------
*/
#featured_categories { padding: 30px 0; }
#featured_categories .title { margin-bottom: 20px; font-size: 40px; vertical-align: top; line-height: 100%; display: inline-block; }
#featured_categories .title h1 { font-size: 40px; display: inline-block; }
#featured_categories .featured_categories_wrapper .featured_categories_list { margin-left: -10px; margin-right: -10px; font-size: 0; }
#featured_categories .featured_categories_wrapper .featured_categories_list .term { width: 33.3333333333%; height: 80px; margin-top: 10px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; }
#featured_categories .featured_categories_wrapper .featured_categories_list .term:nth-child(-n+3) { margin-top: 0; }
#featured_categories .featured_categories_wrapper .featured_categories_list .term a { height: 100%; background: white; display: block; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
#featured_categories .featured_categories_wrapper .featured_categories_list .term a:hover { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#featured_categories .featured_categories_wrapper .featured_categories_list .term h4 { width: 100%; padding-left: 90px; padding-right: 10px; font-size: 18px; font-weight: 700; color: #2a2a2a; line-height: 20px; position: absolute; }
#featured_categories .featured_categories_wrapper .featured_categories_list .term img { width: 50px; height: 50px; left: 20px; display: block; position: absolute; }

#featured_categories .featured_categories_wrapper.row .featured_categories_image { width: 230px; background-color: #292929; background-repeat: no-repeat; background-position: center; background-size: cover; }
#featured_categories .featured_categories_wrapper.row .featured_categories_list { padding: 20px 10px; border: 1px solid #ddd; border-left: none; }


/*
------------------
	RWD DESIGN
------------------
*/
@media only screen and (max-width: 1200px) { 

	/* SLIDER and BANNER: Slider */
	#slider .slick-slide .text_wrapper { width: 80%; }
	
	/* WHY US */
	#whyus { padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 960px) { 
	
	/* SLIDER and BANNER: Slider */
	#slider { width: 100%; height: 400px; margin-bottom: 20px; float: none; }
	
	/* SLIDER and BANNER: Banners */
	#banners { width: 100%; height: auto; font-size: 0; float: none; }
	#banners .product { width: 100%; height: 140px; vertical-align: top; display: inline-block; }
	
	#banners.rows-2 .product { width: 50%; width: calc(50% - 5px); height: 140px; }
	#banners.rows-2 .product:nth-child(1) { margin-right: 5px: 0; }
	#banners.rows-2 .product:nth-child(2) { margin-left: 5px; margin-top: 0; }

	#banners.rows-3 .product { width: 33.3333333333%; width: calc(33.3333333333% - 7px); height: 140px; margin-right: 5px; margin-left: 5px; }
	#banners.rows-3 .product:nth-child(1) { margin-left: 0; }
	#banners.rows-3 .product:nth-child(2) { margin-top: 0; margin-bottom: 0; }
	#banners.rows-3 .product:nth-child(3) { margin-right: 0; }
	
	#banners .product img { max-width: 100px; max-height: 100px; }
	
	#banners .product .entry { width: calc(100% - 120px); max-width: none; padding-top: 10px; }
	#banners .product .entry h3 { line-height: 1; }
	#banners .product .entry .price .amount { font-size: 18px; }
	#banners .product .entry .price .additional_text { display: none; }
	
	/* WHY US */
	#whyus .col { padding: 15px; text-align: center; }
	#whyus .col img { height: 40px; left: auto; top: auto; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	
	/* FEATURED PRODUCTS */
	#featured_products { padding: 30px 0; }
	#featured_products .featured_products_wrapper .featured_products_list { padding: 0; border: none; }
	#featured_products .slick-arrow { right: 0; top: -57px; }
	#featured_products .slick-arrow.slick-prev { right: 50px; }
	
	/* FEATURED CATEGORIES */
	#featured_categories .featured_categories_wrapper.row { display: block; }
	#featured_categories .featured_categories_wrapper.row .featured_categories_image { display: none !important; }
	#featured_categories .featured_categories_wrapper.row .featured_categories_list { padding: 0; border: none; display: block; }
}

@media only screen and (max-width: 768px) { 
	
	/* SLIDER and BANNER: Slider */
	#slider { height: 350px; }
	#slider .slick-slide .text_wrapper { width: 100%; left: 20px; bottom: 30px; }
	#slider .slick-slide .text_wrapper .title { font-size: 40px; }
	
	/* SLIDER and BANNER: Slider - Dots */
	#slider ul.slick-dots { right: 20px; bottom: 20px; }
	
	/* SLIDER and BANNER: Banners */	
	#banners.rows-3 .product { width: 50%; width: calc(50% - 5px); }
	#banners.rows-3 .product:nth-child(2) { margin-right: 0; }
	#banners.rows-3 .product:nth-child(3) { display: none; }
	
	/* FEATURED PRODUCTS */
	#featured_products .title { font-size: 6vw; }
	
	/* FEATURED CATEGORIES */
	#featured_categories .title, 
	#featured_categories .title h1 { font-size: 6vw; }
	
	/* NEWEST PRODUCTS */
	.frontpage_products .product_list_header .title { font-size: 6vw; letter-spacing: 0; }
}

@media only screen and (max-width: 640px) { 
	
	/* SLIDER and BANNER: Slider */
	#slider { height: 300px; }
	#slider .slick-slide .text_wrapper .title { font-size: 30px; }
	
	/* SLIDER and BANNER: Banners */	
	#banners.rows-3 .product { width: 100%; margin-left: 0 !important; margin-right: 0 !important; display: block; }
	#banners.rows-3 .product:nth-child(1) { margin-bottom: 20px; }
	
	/* WHY US */
	#whyus .col .title { margin-bottom: 0; font-size: 18px; }
	
	/* FEATURED PRODUCTS */
	#featured_products .title { font-size: 7vw; }
	#featured_products .featured_products_wrapper .featured_products_list .products .item { margin-bottom: 10px !important; visibility: visible; opacity: 1; }
	
	/* FEATURED CATEGORIES */
	#featured_categories { padding-top: 0; }
	#featured_categories .title, 
	#featured_categories .title h1 { font-size: 7vw; }
	#featured_categories .featured_categories_wrapper .featured_categories_list .term { width: 50%; margin-top: 0 !important; margin-bottom: 10px; }
	#featured_categories .featured_categories_wrapper .featured_categories_list .term:last-child { margin-bottom: 0; }
	
	/* NEWEST PRODUCTS */
	.frontpage_products { padding-top: 0; }
	.frontpage_products .product_list_header .title { font-size: 7vw; }
}

@media only screen and (max-width: 480px) { 
	
	/* SLIDER and BANNER: Slider */
	#slider { height: 220px; }
	
	/* SLIDER and BANNER: Banners */
	#slider_banners { margin-bottom: 20px; }
	
	#banners { display: none !important; }
	
	/* WHY US */
	#whyus .col .title { margin-bottom: 0; font-size: 16px; }
	
	/* FEATURED PRODUCTS */
	#featured_products .title { font-size: 8vw; }
	
	/* FEATURED CATEGORIES */
	#featured_categories .title, 
	#featured_categories .title h1 { font-size: 8vw; }
	#featured_categories .featured_categories_wrapper .featured_categories_list { margin-left: 0; margin-right: 0; }
	#featured_categories .featured_categories_wrapper .featured_categories_list .term { width: 100%; display: none; padding-left: 0; padding-right: 0; }
	#featured_categories .featured_categories_wrapper .featured_categories_list .term:nth-child(-n+3) { display: block !important; }
	
	/* NEWEST PRODUCTS */
	.frontpage_products .product_list_header .title { font-size: 8vw; }
}