/* • special widget 1
   	------------------------------------------------------------------------- */
	.sp1 		{ padding-bottom:20px; margin-bottom:20px; background-image:url(images/bg-arrow.svg);
				  background-position:right bottom; background-repeat:no-repeat; background-size:auto 20px; z-index:10 }
	.sp1 p 		{ line-height:normal; color:#13426b;}
	.sp1 img 	{ width:100%; height:auto;}


	/* • special widget 2
   	------------------------------------------------------------------------- */
	.sp2 { margin-left:50px; }
	table.t-sp2 						 		{ width:100%; border:none; margin-bottom:30px}
	table.t-sp2 tbody tr td 			 		{ padding:15px 10px 10px 10px; vertical-align:top; text-align:left; }
	table.t-sp2 tbody tr td:first-child 		{ padding-left:30px; width:170px; padding-top:5px}
	table.t-sp2 tbody tr td:first-child img   	{ width:100px; height:auto; margin-top:10px}
	table.t-sp2 tbody tr td p 					{ font-size:140%; color:#f4364c; line-height:normal;}
	table.t-sp2 tbody tr td:last-child 			{ border-bottom:1px solid #ececec}
	.general table.t-sp2 tbody tr td ul 		{ padding-top:5px; padding-bottom:0; margin-left:-18px}

	table.t-sp2 tbody tr:nth-child(1) td:nth-child(1)		{ border-left:10px solid #fabdb1;}
	table.t-sp2 tbody tr:nth-child(2) td:nth-child(1)		{ border-left:10px solid #f59f93;}
	table.t-sp2 tbody tr:nth-child(3) td:nth-child(1)		{ border-left:10px solid #f28478;}
	table.t-sp2 tbody tr:nth-child(4) td:nth-child(1)		{ border-left:10px solid #f06461;}

	.sp2 .triangle-pos 	{   position:absolute; bottom:-20px; left:-15px}
	.sp2 .triangle 		{ 	width:0; height:0;
							border-style: solid;
							border-width: 20px 20px 0 20px;
							border-color: #f16461 transparent transparent transparent; }


	/* • special widget 3
   	------------------------------------------------------------------------- */
   	.sp3 						{ margin-bottom:50px}
   	.sp3 .flow  				{ border-left:10px solid #ccc; padding:20px 20px 20px 40px; margin-left:40px; }
   	.sp3 .flow:nth-child(odd)	{ background-color:#fff}
   	.sp3 .flow:nth-child(even)	{ background-color:#f1f8fd}
   	.sp3 .flow .img-pos 		{ position:absolute; top:10px; left:-29px; width:50px; height:50px;}
   	.sp3 .flow img 				{ width:50px; height:auto;}
   	.sp3 .flow p 				{ color:#f4364c; line-height:normal; font-size:90%}
   	.sp3 .flow-last  			{ border-left:10px solid #ccc; padding:20px 20px 20px 40px; margin-left:40px; height:30px}
	.sp3 .triangle-pos 	{   position:absolute; bottom:-10px; left:-24px}
	.sp3 .triangle 		{ 	width:0; height:0;
							border-style: solid;
							border-width: 20px 20px 0 20px;
							border-color: #ccc transparent transparent transparent; }
							
	/* ==========================================================================
		Media
	============================================================================= */
	@media only screen and (max-width:1024px) {
	.sp1 		{ padding-bottom:15px; background-size:auto 15px; }

   	.sp3 .flow  { line-height:1.3}
	}

	@media only screen and (max-width:767px) {
	.sp1 		{ background-size:300%; padding-bottom:10px; background-size:auto 10px}

	table.t-sp2 tbody tr td:first-child 		{ padding-left:10px; width:80px; }
	table.t-sp2 tbody tr td:first-child img   	{ width:50px; height:auto; }
	table.t-sp2 tbody tr td p 					{ font-size:120%; }
	table.t-sp2 tbody tr td:last-child 			{ font-size:90%}
	table.t-sp2 tbody tr:nth-child(1) td  		{ padding-top:5px}
	table.t-sp2 tbody tr:nth-child(1) td img	{ margin-top:0px;}

	table.t-sp2 tbody tr:nth-child(1) td:nth-child(1)		{ border-left:6px solid #fabdb1;}
	table.t-sp2 tbody tr:nth-child(2) td:nth-child(1)		{ border-left:6px solid #f59f93;}
	table.t-sp2 tbody tr:nth-child(3) td:nth-child(1)		{ border-left:6px solid #f28478;}
	table.t-sp2 tbody tr:nth-child(4) td:nth-child(1)		{ border-left:6px solid #f06461;}


	.sp2 { margin-left:20px; }

	.sp2 .triangle-pos 	{   position:absolute; bottom:-12px; left:-9px}
	.sp2 .triangle 		{ 	width:0; height:0;
							border-style: solid;
							border-width: 16px 12px 0 12px;
							border-color: #f16461 transparent transparent transparent; }

   	.sp3 .flow,
   	.sp3 .flow-last  	{ border-left:6px solid #ccc;}

   	.sp3 .flow,
   	.sp3 .flow-last  	{ margin-left:30px; }
	 
	.sp3 .flow-last  	{ height:15px}
	.sp3 .triangle-pos 	{   position:absolute; bottom:-10px; left:-15px}
	.sp3 .triangle 		{ 	width:0; height:0;
							border-style: solid;
							border-width: 16px 12px 0 12px;
							border-color: #ccc transparent transparent transparent; }
}