@charset "utf-8";

.img-full { display:block; }
.img-tab  { display:none; }
.img-mob  { display:none; }

@media only screen and (min-width: 769px) {
	.intro-panel .img { position:absolute; top:0; right:0; height:100%; width:100%; line-height:100%; }
	.intro-panel .txt { width:60%; margin-right:auto; }
	.intro-panel .img > img { object-fit:contain; object-position:right; }

	#introRosette { top:44%; left:45%; transform-origin:top left; }
}
@media only screen and (max-width: 768px) {
	.intro-panel .img { width:100%; height:1px; padding-top:60%; }
}
@media only screen and (max-width: 550px) {
	.intro-panel .img { padding-top:70%; }
}
@media only screen and (max-width: 475px) {
	.intro-panel .img { padding-top:75%; }
}
.intro-panel .img > img { position:absolute; top:0; left:0; height:100%; width:100%; }
	
#introRosette { position:absolute; width:220px; height:270px; }
#introRosette img { width:100%; }
	
/* default -> top section INC homepage */
.intro-panel .txt				{ width:auto; }
.intro-panel .txt h1 			{ color:#F9EE6C; font-size:4em; font-weight:400; margin:0.5em 0 1px; }
.intro-panel .txt p		 		{ font-size:calc(1em + 1px); font-weight:300; line-height:150%; margin:15px 0; }
.intro-panel .txt p.para1 		{ font-size:24px; }
.intro-panel .txt p.para2 		{ font-size:21px; }
.intro-panel .txt p.para2 em 	{ display:block; padding-top:3px; font-size:16px; opacity:0.6; }
.intro-panel .txt p.para3 		{ font-size:18px; }
.intro-panel .txt p.txt-info 	{ /*color:#99ADAD;*/ }
.intro-panel .txt p.btn-row		{ margin-top:1.5em; }
.intro-panel .txt p.btn-row a.btn {
	background: linear-gradient(150deg, #D0A210 0%, #D0A210 50%, #E1C75A 80%, #F3EEA8 85%, #E1C75A 90%, #D0A210 100%);
	font-size:1em;
	padding:1em 3em;
}
.intro-panel .txt ul.list-diamond 			{ color:#FCF8AD; font-size:21px; font-weight:300; margin-top:0; margin-bottom:0; }
.intro-panel .txt ul.list-diamond li			{}	
.intro-panel .txt ul.list-diamond > li:before	{ background:#FCF8AD; }
.intro-panel .txt ul.list-diamond li > b		{ font-weight:400; }

/* learn more -> top section 
#learnMore .intro-panel .txt h1 		{}
#learnMore .intro-panel .txt p.para1 	{ font-weight:300; }
#learnMore .intro-panel .txt p.para2,
#learnMore .intro-panel .txt p.para3 	{ color:#F4C418; }
#learnMore .intro-panel .txt p.para2 	{  }
#learnMore .intro-panel .txt p.para3 	{  }

#learnMore .intro-panel .txt ul.list-diamond 			{ font-size:calc(1em + 2px); font-weight:300; margin-top:0; margin-bottom:0; }
#learnMore .intro-panel .txt ul.list-diamond > li:before{ background:#FFF; }
#learnMore .intro-panel .txt ul.list-diamond li > b		{ font-weight:500; }
*/
/* merchants intro -> top section 
#merchants #introRosette 				{ top:5%; left:50%; width:200px; height:260px; }
#merchants .intro-panel .txt h1 		{ text-transform:uppercase; }
#merchants .intro-panel .txt p.para1 	{ font-size:29px; font-weight:400; }
#merchants .intro-panel .txt p.para2 	{ padding-right:10%; }
#merchants .intro-panel .txt p.para3	{ font-size:20px; color:#F9EE6C; font-weight:300; }

@media only screen and (min-width: 769px) {
	#merchants .intro-panel .txt p.para-hd 	{ font-size:1.6em; margin:0.1em 0 0.6em; }
}*/
#merchants .intro-panel .txt					{ font-size:19px; }
#merchants .intro-panel .txt h1 				{ margin-top:0.4em; }
#merchants .intro-panel .txt p 					{ margin:12px 0; }
#merchants .intro-panel .txt p.para1 			{ font-size:21px; }
#merchants .intro-panel .txt p.para2 			{ font-size:1em; }
#merchants .intro-panel .txt p.para2 em 		{ font-size:0.8em; }
#merchants .intro-panel .txt ul.list-diamond	{ font-size:calc(1em + 1px); }
#merchants .intro-panel .txt p.para3 			{ font-size:calc(1em - 1px); }
#merchants .intro-panel .txt p.btn-row a.btn 	{ font-size:calc(1em - 3px); }

/* affiliates 
.affiliates .intro-panel .txt 	  	  { padding-right:10% !important; }
.affiliates .intro-panel .txt h1  	  { margin-bottom:1px; } 
.affiliates .intro-panel .txt p.para1  { color:#E6EBEB; }
.affiliates .intro-panel .txt p.para1 b { display:block; padding-bottom:0.2em; color:#FFF; font-size:1.2em; }

@media only screen and (min-width: 769px) {
	.affiliates .intro-panel .img 	{ width:45%; }
	.affiliates .intro-panel .txt 	{ margin-right:45%; }	
	.affiliates .intro-panel .img img{ object-position: 60% 50%; }

	.affiliates #introRosette 		{ top:56%; left:-30%; transform-origin:top center; width:200px; }
}*/

@media only screen and (min-width: 769px) and (max-width: 1500px) {
	/* top section */
	#introRosette { left:42%; }
	
	.intro-panel .txt h1 					{ font-size:3.8em; }

	/* home -> top section */
	
	/* merchants intro -> top section */
	#merchants .intro-panel .txt p.para1 			{ font-size:20px; }
}
	
@media only screen and (min-width: 769px) and (max-width: 1400px) {
	/* top section */
	#introRosette 							{ transform: scale(0.9); left:43%; }
	
	.intro-panel .txt h1 					{ font-size:3.6em; }

	/* home -> top section */
	
	/* merchants intro -> top section 
	#merchants #introRosette 				{ left:47%; }
	#merchants .intro-panel .txt 			{ width:50%; }
	#merchants .intro-panel .txt p.para1 	{ }
	#merchants .intro-panel .txt p.para2 	{ font-size:1.4em; }*/
}
	
@media only screen and (min-width: 1101px) and (max-width: 1300px) {
	
	/* Rosette */
	#introRosette 					{ left:43%; top:46%; transform: scale(0.85); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 			{ font-size:3.6em; }
	.intro-panel .txt p		 		{ font-size:1em; margin:14px 0; }
	.intro-panel .txt p.para1 		{ font-size:22px; }
	.intro-panel .txt p.para2 		{ font-size:20px; }
	.intro-panel .txt p.para2 em 	{ font-size:15px; }
	.intro-panel .txt p.para3 		{ font-size:17px; }
	.intro-panel .txt p.btn-row a.btn { font-size:0.9em; }
	.intro-panel .txt ul.list-diamond 	{ font-size:20px; }

	
	/* merchants -> top section */
	#merchants .intro-panel .img > img 				{ object-position:105% center; }
	#merchants .intro-panel .txt					{ font-size:18px; }
	#merchants .intro-panel .txt h1 				{ margin-top:0.5em; }
	#merchants .intro-panel .txt p 					{ margin:11px 0; }
	#merchants .intro-panel .txt p.para1 			{ font-size:19px; }
}
	
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	
	/* top section - images */
	.intro-panel .img-full 					{ display:none; }
	.intro-panel .img-tab  					{ display:block; }
	
	/* Rosette */
	#introRosette 							{ transform: scale(0.8); }
	#merchants #introRosette 				{ top:71%; left:40%; }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 					{ font-size:3.4em; }
	.intro-panel .txt p		 				{ font-size:1em; margin:13px 0; }
	.intro-panel .txt p.para1 				{ font-size:21px; }
	.intro-panel .txt p.para2 				{ font-size:19px; }
	.intro-panel .txt p.para2 em 			{ padding-top:3px; font-size:14px; }
	.intro-panel .txt p.para3 				{ font-size:16px; }
	.intro-panel .txt ul.list-diamond 		{ font-size:19px; }
	
	/* merchants intro -> top section */
	#merchants .intro-panel .txt p.para1 	{ max-width:62.5%; }
}
	
@media only screen and (min-width: 769px) and (max-width: 1100px) {
	
	/* Rosette */
	#introRosette 						{ transform: scale(0.75); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 				{ font-size:3.4em; }
	.intro-panel .txt p		 			{ margin:12px 0; }
	.intro-panel .txt p.para1 			{ font-size:20px; }
	.intro-panel .txt p.para2 			{ font-size:18px; }
	.intro-panel .txt p.para2 em 		{ padding-top:2px; font-size:13px; }
	.intro-panel .txt p.para3 			{ font-size:15px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:18px; }
	
	/* merchants -> top section */
	#merchants .intro-panel .img > img 				{ object-position:110% center; }
	#merchants .intro-panel .txt					{ font-size:17px; }
	#merchants .intro-panel .txt h1 				{ margin-top:0.5em; }
	#merchants .intro-panel .txt p 					{ margin:10px 0; }
	#merchants .intro-panel .txt p.para1 			{ font-size:19px; }
}
@media only screen and (min-width: 900px) and (max-width: 1050px) {
	
	/* top section images */
	.intro-panel .img > img 			{ object-position:105% center; }
	
	/* Rosette */
	#introRosette 						{ transform: scale(0.7); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt ul.list-diamond 	{ font-size:17px; }
	
	/* merchants intro -> top section */
	#merchants .intro-panel .txt p.para1 	{ max-width:55%; }
}
	
@media only screen and (min-width: 900px) and (max-width: 1000px) {
	
	/* top section images 
	.intro-panel .img > img 			{ object-position:105% center; }*/
	
	/* Rosette */
	#introRosette 						{ left:34%; top:69%; transform: scale(0.8); }
	#merchants #introRosette 			{ transform: scale(0.7); }
	
	/* merchants -> top section */
	#merchants .intro-panel .img > img 				{ object-position:115% center; }
	#merchants .intro-panel .txt					{ font-size:16px; }
	#merchants .intro-panel .txt h1 				{ margin-top:0.5em; }
	#merchants .intro-panel .txt p 					{ margin:10px 0; }
	#merchants .intro-panel .txt p.para1 			{ font-size:18px; max-width:58%; }
}
	
@media only screen and (min-width: 900px) and (max-width: 950px) {
	/* top section */
	.intro-panel .img > img 			{ object-position:115% center; }
	
	/* Rosette */
	#introRosette 					{ left:32%; top:70%; transform: scale(0.75); }
	
	/* merchants -> top section */
	#merchants .intro-panel .img > img 				{ object-position:125% center; }
}
	
@media only screen and (min-width: 769px) and (max-width: 900px) {
	
	/* top section images */
	.intro-panel .img > img 			{ object-position:110% center; }
	
	/* Rosette */
	#introRosette 						{ left:32%; top:70%; transform: scale(0.7); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 				{ font-size:3.2em; }
	.intro-panel .txt p		 			{ margin:11px 0; }
	.intro-panel .txt p.para1 			{ font-size:19px; }
	.intro-panel .txt p.para2 			{ font-size:17px; }
	.intro-panel .txt p.para2 em 		{ padding-top:2px; font-size:12px; }
	.intro-panel .txt p.para3 			{ font-size:14px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:16px; }
	
	/* merchants -> top section */
	#merchants .intro-panel .img > img 				{ object-position:125% center; }
	#merchants .intro-panel .txt					{ font-size:15px; }
	#merchants .intro-panel .txt h1 				{ margin-top:0.5em; }
	#merchants .intro-panel .txt p 					{ margin:10px 0; }
	#merchants .intro-panel .txt p.para1 			{ font-size:17px; max-width:58%; }
}
	
@media only screen and (min-width: 769px) and (max-width: 840px) {
	
	/* top section images */
	.intro-panel .img > img 			{ object-position:115% center; }
	
	/* Rosette */
	#introRosette 					{ left:32%; top:70%; transform: scale(0.65); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 			{ font-size:3em; }
	.intro-panel .txt p		 		{ margin:10px 0; }
	.intro-panel .txt p.para1 		{ font-size:18px; }
	.intro-panel .txt p.para2 		{ font-size:16px; }
	.intro-panel .txt p.para2 em 	{ padding-top:1px; font-size:11px; }
	.intro-panel .txt p.para3 		{ font-size:13px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:15px; }
	
	
	/* merchants -> top section */
	#merchants .intro-panel .img > img 				{ object-position:135% center; }
	#merchants .intro-panel .txt					{ font-size:14px; }
	#merchants .intro-panel .txt p 					{ margin:9px 0; }
	#merchants .intro-panel .txt p.para1 			{ font-size:16px; }
}

@media only screen and (max-width: 768px) {
	/* top section */
	.img-full 					{ display:none; }
	.img-tab  					{ display:none; }
	.img-mob  					{ display:block; }
	
	.intro-panel .img 			{ height:auto; padding:0; }
	.intro-panel .img > img,
	.intro-panel .img > img 	{ position:relative; }
	
	#introRosette 		  		{ top:14%; left:8%; transform-origin:top left; }
	#introRosette 		  		{ width:190px; height:240px; }
	
	.intro-panel .txt h1 		{ font-size:3.6em; }
	
	/* merchants -> top section */
	#merchants .intro-panel .txt			{ font-size:18px; }
	#merchants .intro-panel .txt h1 		{ font-size:3.6em; }
	#merchants .intro-panel .txt p.para1 	{ font-size: calc(1em + 2px); }
}

@media only screen and (max-width: 700px) {
	
	/* Rosette */
	#introRosette 					{ transform: scale(0.9); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 			{ font-size:3.4em; }
	.intro-panel .txt p		 		{ font-size:1em; margin:13px 0; }
	.intro-panel .txt p.para1 		{ font-size:21px; }
	.intro-panel .txt p.para2 		{ font-size:19px; }
	.intro-panel .txt p.para2 em 	{ padding-top:3px; font-size:14px; }
	.intro-panel .txt p.para3 		{ font-size:16px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:19px; }
	
}

@media only screen and (max-width: 625px) {
	
	/* Rosette */
	#introRosette 					{ transform: scale(0.8); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 			{ font-size:3em; }
	.intro-panel .txt p		 		{}
	.intro-panel .txt p.para1 		{ font-size:19px; }
	.intro-panel .txt p.para2 		{ font-size:17px; }
	.intro-panel .txt p.para2 em 	{ padding-top:2px; font-size:13px; }
	.intro-panel .txt p.para3 		{ font-size:14px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:17px; }
	
	/* merchants -> top section */
	#merchants .intro-panel .txt			{ font-size:17px; }
	#merchants .intro-panel .txt h1 		{ font-size:3.4em; }
}

@media only screen and (max-width: 550px) {
	
	/* Rosette */
	#introRosette 					{ transform: scale(0.7); }
	
	/* default -> top section INC homepage */
	.intro-panel .txt h1 			{ font-size:2.6em; }
	.intro-panel .txt p		 		{ margin:11px 0; }
	.intro-panel .txt p.para1 		{ font-size:16px; }
	.intro-panel .txt p.para2 		{ font-size:15px; }
	.intro-panel .txt p.para2 em 	{ padding-top:2px; font-size:12px; }
	.intro-panel .txt p.para3 		{ font-size:13px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:16px; }
	
	/* merchants -> top section */
	#merchants .intro-panel .txt					{ font-size:16px; }
	
}

@media only screen and (max-width: 475px) {
	
	/* Rosette */
	#introRosette 					{ transform: scale(0.6); }
	
	/* default -> top section INC homepage */
	.intro-panel 					{ font-size:15px; }
	.intro-panel .txt h1 			{ font-size:2em; }
	.intro-panel .txt p		 		{ margin:10px 0; }
	.intro-panel .txt p.para1 		{ font-size:15px; }
	.intro-panel .txt p.para2 		{ font-size:14px; }
	.intro-panel .txt p.para2 em 	{ padding-top:2px; font-size:11px; }
	.intro-panel .txt p.para3 		{ font-size:12px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:14px; }
	
	/* merchants -> top section */
	#merchants .intro-panel .txt					{ font-size:15px; }
	#merchants .intro-panel .txt h1 				{ font-size:3.2em; }
	#merchants .intro-panel .txt p.para1 			{ font-size: calc(1em + 1px); }
	#merchants .intro-panel .txt p.para2 			{ font-size:1em; }
	#merchants .intro-panel .txt p.para2 em 		{ font-size:0.85em; }
	#merchants .intro-panel .txt ul.list-diamond	{ font-size:1em; }
	#merchants .intro-panel .txt p.para3 			{ font-size:calc(1em - 1px); }
	#merchants .intro-panel .txt p.btn-row a.btn 	{ font-size:calc(1em - 2px); }
}

@media only screen and (max-width: 400px) {
	
	/* Rosette */
	#introRosette 					{ transform: scale(0.5); }
	
	/* default -> top section INC homepage */
	.intro-panel 					{ font-size:14px; }
	.intro-panel .txt h1 			{ font-size:2em; }
	.intro-panel .txt p		 		{ margin:9px 0; }
	.intro-panel .txt p.para1 		{ font-size:14px; }
	.intro-panel .txt p.para2 		{ font-size:13px; }
	.intro-panel .txt p.para2 em 	{ padding-top:1px; font-size:10px; }
	.intro-panel .txt p.para3 		{ font-size:11px; }
	.intro-panel .txt ul.list-diamond 	{ font-size:13px; }
	
	/* merchants -> top section */
	#merchants .intro-panel .txt			{ font-size:14px; }
	#merchants .intro-panel .txt h1 		{ font-size:3em; }
}

@media only screen and (max-width: 360px) {
	#introRosette { transform: scale(0.40); }
	
	/* default -> top section INC homepage */
	.intro-panel 					{ font-size:13px; }
	
}