/*
-------------------------
	SLIDER and BANNER
-------------------------
*/
#slider_banners { margin-bottom: 30px; }
#slider_banners .slider_banners_wrap { display: grid; grid-template-columns: 1fr 310px; gap: 10px; }

/* Slider */
#slider .slick-slide { width: 100% !important; display: block; }
#slider .slick-slide a { display: block; }
#slider .slick-slide img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; display: block; }

/* 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: var(--color-dark); cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#slider ul.slick-dots li.slick-active button { background: var(--color-orange); }

/* Banners */
#banners { display: grid; grid-template-rows: 1fr; gap: 10px; }
#banners.rows-2 { grid-template-rows: repeat(2, 1fr); }
#banners.rows-3 { grid-template-rows: repeat(3, 1fr); }
#banners .product { height: 100%; background: #FFFFFF; border: 1px solid var(--color-silver-line); display: block; position: relative; }
#banners .product img { width: auto; max-width: 100px; height: auto; max-height: 100px; right: 10px; top: 10px; position: absolute; }

#banners .product .entry { max-width: 180px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
#banners .product .entry h3 { margin-bottom: 10px; padding-left: 15px; font-size: 18px; font-weight: 700; color: var(--color-dark); line-height: 20px; border-left: 3px solid var(--color-dark); }
#banners .product .entry .price { padding-left: 18px; }
#banners .product .entry .price .amount { font-size: 22px; font-weight: 700; color: var(--color-orange); }
#banners .product .entry .price del { display: block; }
#banners .product .entry .price del { font-size: 16px; color: var(--color-gray); }
#banners .product .entry .price del .amount { font-size: 16px; font-weight: 400; text-decoration: line-through; color: var(--color-gray); }
#banners .product .entry .price .screen-reader-text { display: none !important; }


/*
--------------
	WHY US
--------------
*/
#whyus { margin-bottom: 20px; }
#whyus .whyus_wrap { border-top: 2px solid var(--color-silver-line); border-bottom: 2px solid var(--color-silver-line); display: flex; }
#whyus .whyus_wrap .block { flex: 1; padding: 25px 20px 20px 90px; position: relative; }
#whyus .whyus_wrap .block img { width: auto; height: 50px; left: 20px; position: absolute; }
#whyus .whyus_wrap .block .title { margin-bottom: 2px; font-size: 20px; font-weight: 700; line-height: 100%; }
#whyus .whyus_wrap .block .text { font-size: 16px; line-height: 20px; }


/*
--------------------
	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: var(--color-dark); 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: var(--color-orange) 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: #FFFFFF; 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: var(--color-dark); 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: 1280px) { 

	/* SLIDER and BANNER: Slider */
	#slider .slick-slide .text_wrapper { width: 80%; }
}

@media only screen and (max-width: 960px) { 
	
	/* SLIDER and BANNER: Slider */
	#slider_banners .slider_banners_wrap { grid-template-columns: 1fr; }
	
	/* SLIDER and BANNER: Banners */
	#banners { display: flex; }
	#banners .product { flex: 1; min-height: 120px; }
	
	/* WHY US */
	#whyus .whyus_wrap .block { padding: 20px; }
	#whyus .whyus_wrap .block img { height: 40px; margin-bottom: 10px; left: auto; top: auto; position: relative; }
	
	/* 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_banners .slider_banners_wrap { grid-template-columns: 1fr; }
	
	/* SLIDER and BANNER: Banners */
	#banners .product { padding: 10px 0; display: flex; }
	#banners .product .entry { max-width: none; height: auto; order: 2; }
	#banners .product img { right: auto; top: auto; margin-bottom: 10px; position: relative; order: 1; }
	
	/* WHY US */
	#whyus .whyus_wrap .block { flex: auto; padding: 15px 0 15px 60px; border-bottom: 1px solid var(--color-silver-line); }
	#whyus .whyus_wrap .block:last-child { border-bottom: none; }
	#whyus .whyus_wrap .block img { margin-bottom: 0; left: 0; position: absolute; }

}

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

	/* SLIDER and BANNER: Banners */
	#banners .product:nth-child(3) { display: none !important; }
	
	
}