/* Homepage CSS Document */
article.frame { background:#FFF; }
#hdLogo { display:none; }

main {  }
main > article { display:flex; flex-direction:column; }
main > article > section { width:55%; text-align:center; z-index:1; }

.txt				{ width:90%; margin:0 auto; }
.txt p b			{ color:#1F1F2D; font-size:calc(1em + 1px); font-weight:500; }

.h2-margin-top		{ margin-top:3.5em !important; }

#intro 				{}
#introLogo			{ width:65%; min-width:250px; margin:0 auto; padding-top:1em; }
#intro .img			{ width:90%; margin:3em auto; }
#introLogo img,
#intro .img img		{ display:block; width:100%; }
#intro .txt			{ width:80%; min-width:350px; }
#intro .txt h1		{ color:#D80000; font-size:2em; }
#intro .txt p		{ line-height:170%; }
#intro .txt p b		{}

#products {}
#products .txt p b		{}

#productItems						{ max-width:550px; }
#productItems.owl-carousel .item 	{ padding:1em 1em 1px; }
#productItems.owl-carousel .item p 	{ margin:0; padding:2px 1em; }
#productItems.owl-carousel img 		{ width:350px; margin:1em auto; }

#productItems.owl-carousel .owl-dots { /*margin-top:0;*/ }

#productItems .item-dd				{ background:#000; border-radius:1em; color:#FFF; }
#productItems .item-dd h3			{ color:#FFF !important; }

#findUsIn 				{}
#findUsIn h3.kanitRed	{ font-size:0.8em; margin-bottom:2em; }
#findUsIn .txt p  		{}
#findUsIn .txt p b 		{}
#findUsIn .logos 		{ display:flex; flex-wrap:wrap; justify-content:center; gap:1px 2em; max-width:500px; margin:2em auto 3em; }
#findUsIn .logos .img 	{ width:50%; max-width:200px; line-height:0; }
#findUsIn .img img 		{ display:block; width:100%; }

#logosRetailers .img3 	{ width:100%; flex-grow: 2; }


#whyUs 					{}
#whyUs .logos 			{ display:flex; justify-content:center; gap:1px 1em; margin:2em auto 3em; }
#whyUs .logos .img 		{ width:25%; max-width:200px; line-height:0; }
#whyUs .img img 		{ display:block; width:100%; margin:0 auto; }

#whyUs .item .img		{ width:90%; max-width:600px; margin:0 auto 0.5em; }

#whyUs .item .img img	{ width:98%; border:3px solid #FFF; border-radius:50%; box-shadow:0 1px 3px #333; }

#whyUsItems 			{ max-width:700px; }


#testimonialItems.owl-carousel .owl-dots { margin-top:0.5em; }
#testimonialItems .item 	{ display:flex; background:#FF4040; border-radius:4px; overflow:hidden; }
#testimonialItems .img 		{ width:49%; background-repeat:no-repeat; background-position:center; background-size:cover; }
#testimonialItems .txt 		{ width:51%; padding:1em 2em; color:#FFF; }
#testimonialItems .comment 	{ font-family:"Charm", "Times New Roman", Times, serif; font-size:1.2em; line-height:140%; }


@media all and (min-width: 1401px) and (max-width: 1600px) {
	#productItems.owl-carousel img 		{ width:320px; }

	#testimonialItems .txt 				{ padding:1em 1.5em; }
}
@media all and (min-width: 1281px) and (max-width: 1400px) {
	#productItems.owl-carousel img 		{ width:300px; }
}
@media all and (min-width: 1025px) and (max-width: 1400px) {
	#testimonialItems .txt 				{ padding:1em 1em; }
}
@media all and (min-width: 1141px) and (max-width: 1280px) {
	#intro .txt							{ width:85%; }

	#productItems.owl-carousel img 		{ width:270px; }
	
	#findUsIn .logos 					{ max-width:450px; }
	#findUsIn .logos .img 				{ max-width:180px; }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
	#testimonialItems .comment 			{ font-size:1.1em; }
}
@media all and (min-width: 1025px) and (max-width: 1140px) {
	#intro .txt							{ width:90%; }
	
	#productItems.owl-carousel img 		{ width:220px; }
	
	#findUsIn .logos 					{ max-width:400px; }
	#findUsIn .logos .img 				{ max-width:160px; }
}
@media all and (max-width: 1024px) {
	main > article > section 			{ width:100%; }
	#findUsIn .logos 					{ max-width:none; }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	#intro .txt							{ width:90%; }
	
	#productItems.owl-carousel img 		{ width:220px; }
	
	#findUsIn .logos .img 				{ max-width:160px; }
	
	#testimonialItems .txt 				{ padding:1.5em 2.5em; }
	#testimonialItems .comment 			{ font-size:1.4em; line-height:150%; }
}
@media all and (max-width: 767px) {
	#intro .txt							{ width:95%; }
	
	#productItems.owl-carousel img 		{ width:200px; }
	
	#findUsIn .logos .img 				{ max-width:140px; }
}

@media all and (max-width: 675px) {
	#testimonialItems .txt 				{ padding:1em 1.5em; }
}
@media all and (max-width: 600px) {
	#whyUs .logos 						{ flex-wrap:wrap; gap:1em; }
	#whyUs .logos .img 					{ width: 50%; }
	
	#testimonialItems .item 			{ display:block; }
	#testimonialItems .img 				{ width:100%; padding-top:70%; height:0; }
	#testimonialItems .txt 				{ width:100%; padding:0.5em 2em 1em; }
	#testimonialItems .comment 			{ font-size:1.3em; line-height:150%; }
}
@media all and (max-width: 500px) {
	#intro .txt							{ width:auto; min-width:0 }
	#intro .txt h1 						{ font-size:1.8em; }
	
	#order								{ /*display:none;*/ }
	
	#productItems.owl-carousel img 		{ width:180px; }
	
	#findUsIn .logos .img 				{ max-width:120px; }
	#whyUs .logos .img 					{ width:calc(50% - 0.5em); }
}
@media all and (max-width: 400px) {
	#intro .txt h1 						{ font-size:1.6em; }
	
	#productItems.owl-carousel img 		{ width:160px; }
	
	#testimonialItems .img 				{ padding-top:75%; }
	#testimonialItems .txt 				{ padding:0.5em 1em 1em; }
	#testimonialItems .comment 			{ font-size:1.25em; }
}