/***** List *****/
.list                                           { margin:0; padding:0; list-style:none; width:100%; display:flex; align-items:flex-start; flex-direction:column; }
.list li                                        { margin:0; padding:0; display:flex; flex-direction:column; position:relative; }
.list+* 										{ margin-top:20px; }

.list--simple 									{ list-style:disc; gap:20px; }
.list--simple > li 								{ padding:0 0 0 20px; gap:20px; align-items:start; }
.list--simple > li:before						{ content:''; width:6px; height:6px; background-color:var(--color-brand100); border-radius:6px; position:absolute; top:9px; left:0; }

.list--links a 									{ text-decoration:none; }
.list--links a:hover							{ text-decoration:underline; }

.list--stats 									{ margin-top:100px; flex-direction:row; justify-content:center; width:100%; max-width:1000px; display:none; }
.list--stats > li								{ padding:0 40px; flex:1; align-items:center; box-shadow:1px 0 0 var(--color-brand100); }
.list--stats > li:last-child					{ box-shadow:none; }
.list--stats > li p								{ font-size:initial; }
.list--stats > li small							{ color:var(--color-snow); }

.list--cols 									{ margin-top:40px; justify-content:center; gap:40px; width:100%; }
.list--cols > li								{ padding:0; flex:1; gap:20px; height:100%; }
.list--cols > li:last-child						{ box-shadow:none; }
.list--cols+* 									{ margin-top:30px; }

.list--meshed                                 	{ margin-right:0; margin-left:0; grid-gap:0; max-width:100%; display:grid; align-items:initial; }
*+.list--meshed                               	{ margin-top:40px; }
.list--meshed                                 	{ margin-right:0; margin-left:0; grid-gap:0; max-width:100%; }
.list--meshed li                              	{ padding:20px 0; gap:20px; border-bottom:1px solid #EEE; }

.list--meshed2                                 	{ margin-right:0; margin-left:0; grid-gap:0; max-width:100%; display:grid; align-items:initial; }
*+.list--meshed2                               	{ margin-top:40px; }
.list--meshed2                                 	{ margin-right:0; margin-left:0; grid-gap:0; max-width:100%; }
.list--meshed2 li                              	{ padding:20px 0; gap:20px; border-bottom:1px solid #EEE; }

.list--colsSocial  								{ flex-direction:row; flex-wrap:wrap; }
.list--colsSocial li							{ flex:initial; width:calc(50% - 20px); height:auto; }

.list--dialog 									{ margin:0; gap:var(--spaceM); }
.list--dialog > li 								{ padding:20px; display:flex; gap:12px; height:100%; flex-grow:1; box-shadow:inset 0px 0px 0px 1px var(--color-mist); border-radius:var(--radius); transition:all 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; position:relative; }
.list--dialog > li:hover						{ background-color:var(--color-brand50); box-shadow:inset 0px 0px 0px 1px var(--color-brand); }

/*.list--footer 									{ margin-top:10px; flex-direction:row; }
.list--footer > li								{ Display:block; }
.list--footer > li:first-child					{ margin-right:auto; }
.list--footer > li a 							{ display:inline-flex; }*/

.list--tight 									{ gap:6px; }

.cards                                          { margin:0; padding:0; list-style:none; display:grid; grid-gap:24px; width:100%; }
.cards > li                                     { margin:0; padding:20px; display:flex; gap:20px; flex-direction:column; background-color:var(--color-snow); box-shadow:0px 0px 0px 1px var(--color-mist); border-radius:var(--radius); overflow:hidden; position:relative; }

*+.cards--classes,
.cards--classes+* 								{ margin-top:30px; }
.cards--classes 								{ grid-template-columns:repeat( auto-fit, minmax(260px, 1fr) ); }
.cards--classes > li							{ padding:0; gap:0; }

.card__header                   { padding:0; position:relative; }
.card__header img 							{ width:100%; height:auto; }
.card__header p 								{ padding:0 20px; width:100%; height:40px; display:flex; align-items:center; background-color:rgba(254, 43, 107, 0.9); font-family:eagle; color:var(--color-snow); position:absolute; bottom:0; left:0; }
.second .card__header p					{ background-color:rgba(232, 65, 173, 0.9); }
.third .card__header p					{ background-color:rgba(159, 68, 182, 0.9); }
.forth .card__header p 					{ background-color:rgba(68, 68, 182, 0.9); }
.fifth .card__header p 					{ background-color:rgba(85, 182, 68, 0.9); }
.sixth .card__header p 					{ background-color:rgba(182, 172, 68, 0.9); }

.card__body                     { padding:20px; height:100%; display:flex; flex-direction:column; gap:20px; }
.card__body p 									{ min-height:90px; }

.list--years 										{ flex-direction:column; color:var(--color-snow); font-family:eagle; font-size:30px; border-radius:var(--radius); overflow:hidden; }
.list--years li 								{ padding:30px; display:flex; flex:1; justify-content:flex-end; height:300px; width:100%; overflow:hidden; }
.list--years li:nth-child(1) 		{ background-color:rgba(254, 43, 107, 0.9); }
.list--years li:nth-child(2) 		{ background-color:rgba(232, 65, 173, 0.9); }
.list--years li:nth-child(3) 		{ background-color:rgba(68, 68, 182, 0.9);  }
.list--years li:nth-child(4) 		{ background-color:rgba(85, 182, 68, 0.9); }
.list--years li:nth-child(5) 		{ background-color:rgba(204, 162, 16, 0.9); }
.list--years img 								{ height:auto; width:100%; position:absolute; top:50%; left:50%; z-index:1; opacity:.2; transform: translate(-50%, -50%); transition:all 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
.list--years li:hover img 			{ height:120%; width:auto; transform: translate(-50%, -50%); transition:all 0.5s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
.list--years p 									{ display:flex; flex-direction:column; z-index:9; }
.list--years span 							{ font-size:15px; }
.list--years small 							{ font-family:montserrat; color:var(--color-snow); }

.list--times 										{ color:var(--color-black); gap:6px; }
.list--times li									{ flex-direction:row; width:100%; }
.list--times span								{ margin-left:auto; min-width:170px; color:var(--color-gray500); }
.list--times .icon 							{ color:#FE2B6B; }
.list--times .hr:before					{ content:''; background-color:var(--color-mist); height:1px; width:100%; position:relative; }

/***** Timetable *****/
.list--timetable+*							{ margin-top:100px; }
.list--timetable li 						{ padding:10px 0; display:flex; flex-direction:row; width:100%; align-items:center; font-weight:bold; box-shadow:0 1px 0 var(--color-mist); }

.list--timetable .hours					{ min-width:75%; font-weight:bold; display:none; }

.list--timetable .hour					{ margin-left:auto; min-height:30px; font-size:11px; color:#FFF; position:relative; }
.list--timetable .hour span 		{ height:30px; min-width:100px; align-items:center; justify-content:center; background-color:var(--color-brand300); border-radius:var(--radius); }
.dur--30m,
.dur--45m,
.dur--1h,
.dur--1h30m,
.dur--1h45m 										{ width:100px; }

.list--timetable span 					{ display:flex; }
.list--timetable .pill 					{ display:inline; }

/***** Timeline *****/
.list--timeline                 { margin:0; padding:0; list-style:none; position:relative; top:0; left:0; }
.list--timeline:before          { margin:0 0 0 -1px; content:''; width:2px; height:calc(100% - 90px); background-color:#DDD; display:block; position:absolute; left:24px; top:0; }

.list--timeline li:before                       { margin:0 0 0 -25px; content:attr(title); width:50px; height:50px; font-size:14px; font-family:eagle; text-align:center; line-height:50px; color:#FFF; display:block; border-radius:50%; background-color:var(--color-brand); position:absolute; top:0; left:25px; z-index:5; }

.list--timeline ol                              { padding:20px 0 0 30px; list-style:none; -webkit-box-shadow:0 0 0 0 #E5E5E5 inset; -moz-box-shadow:0 0 0 0 #E5E5E5 inset; box-shadow:0 0 0 0 #E5E5E5 inset; }
.list--timeline li li                           { margin:10px 0; padding:13px 0 0; min-height:30px; position:relative; top:0; left:0; }
.list--timeline li li:before                    { content:''; width:10px; height:10px; border-radius:50%; background-color:var(--color-brand200); left:-6px; top:20px; }

.list--timeline > li:last-child                 { padding:0; font-family:eagle; font-size:20px; line-height:20px; color:var(--color-brand); }
.list--timeline > li:last-child ol 				{ padding:20px 0 0; }
.list--timeline > li:last-child li:before       { display:none; }

.list--blog 												{ flex-direction:row; flex-wrap:wrap; gap:40px; }
.list--blog li											{ gap:10px; position:relative; }
.list--blog li h2 									{ font-size:2rem; line-height:2.4rem; }
.list--blog li img 									{ width:100%; }
.list--blog li small								{ margin-bottom:-16px; }
.list--blog li .blog--txt 					{ display:flex; flex-direction:column; justify-content:center; gap:20px; }
.list--blog li .blog--txt p 				{ display:none; }

.list--footer 											{ margin:0; padding:0; display:flex; gap:10px; }
.list--footer li 										{ margin:0; }
.list--footer li a									{ text-decoration:none; }
.list--footer li a:hover						{ color:var(--color-snow); }
.list--footer .flex--inline 				{ flex-direction:row; }

.list--footerLogos 									{ gap:20px; }
.list--footerLogos img 							{ max-width:100px; height:auto; }
.list--footerLogos li 							{ flex-direction:row; width:80%; justify-content:space-between; }

.list--inline 											{ flex-direction:row; gap:30px; }
.list--inline li 										{ flex-direction:row; }
.list--inline li a									{ text-decoration:none; }
.list--inline li:last-child					{ margin-left:auto; }

/***********************************************
Tablet - This applies from 768px onwards
***********************************************/
@media (min-width:768px)                        {
	.list--cols  								{ margin-top:100px; gap:0; flex-direction:row; }
	p+.list--cols 								{ margin-top:30px; }
	.list--cols > li							{ padding:0 40px; gap:20px; box-shadow:1px 0 0 var(--color-mist); }
	.list--cols.txt--center	li					{ align-items:center; }
	
	.list--colsSocial li 						{ flex:1; width:inherit; align-items:center; }
	
	.list--stats 								{ display:flex; }

	.list--meshed                              	{ grid-template-columns:repeat(3, 1fr); }
	.list--meshed li                            { padding:20px; border-right:1px solid #EEE; }
	.list--meshed li:nth-child(3n+3)            { border-right-color:transparent; }
	.list--meshed li:first-child:nth-last-child(3),
	.list--meshed li:first-child:nth-last-child(3) ~ li,
	.list--meshed li:nth-child(3n):nth-last-child(-n+4) ~ li  { border-bottom-color:transparent; }

	.list--meshed2                              { grid-template-columns:repeat(2, 1fr); }
	.list--meshed2 li                           { padding:20px; border-right:1px solid #EEE; }
	.list--meshed2 li:nth-child(2n+2)           { border-right-color:transparent; }
	.list--meshed2 li:first-child:nth-last-child(2),
	.list--meshed2 li:first-child:nth-last-child(2) ~ li,
	.list--meshed2 li:nth-child(2n):nth-last-child(-n+2) ~ li  { border-bottom-color:transparent; }

	/***** Timeline *****/
	.list--timeline:before                      	{ height:calc(100% - 100px); left:50%; }
	.list--timeline li                              { margin:0; padding:0; width:100%; position:relative; top:0; left:0; }
	.list--timeline li:before                       { left:50%; }
	
	.list--timeline ol                              { margin:0; padding:40px 0 0; }
	.list--timeline li li:before                    { left:0; }

	.list--timeline > li                            { padding:0 50% 0 0; align-items:flex-end; text-align:right; }
	.list--timeline > li li                         { padding-right:20px; }
	.list--timeline > li li:before                  { margin:0 -5px 0 0; left:auto; right:0; }

	.list--timeline > li:nth-child(odd)             { padding:0 0 0 50%; align-items:flex-start; text-align:left; }
	.list--timeline > li:nth-child(odd) li          { padding-left:20px; }
	.list--timeline > li:nth-child(odd) li:before   { margin:0 0 0 -5px; left:0; }

	.list--timeline > li:last-child                 { padding:0; align-items:center; text-align:center; font-size:36px; line-height:50px; }
	.list--timeline > li:last-child ol 				{ padding:40px 0 0; }

	.list--dialog 									{ display:grid; grid-template-columns:repeat(2, 1fr); }
	.cards                                          { grid-template-columns:repeat( auto-fit, minmax(360px, 1fr) ); }
	.cards--classes 								{ grid-template-columns:repeat( auto-fit, minmax(360px, 1fr) ); }

	
	.list--years 										{ flex-direction:row; }
	.list--years li 								{ width:auto; }
	.list--years img 								{ height:100%; width:auto; }


	.list--blog li									{ flex:calc(33% - 40px); max-width:calc(33% - 40px); gap:20px; }
	.list--blog li .blog--txt p 					{ display:initial; }

	.list--blog li:first-child						{ margin-bottom:50px; flex:100%; max-width:100%; flex-direction:row; gap:40px; }
	.list--blog li:first-child h2 					{ font-size:3.6rem; line-height:4rem; }
	.list--blog li:first-child .blog--img 			{ width:50%; }
	.list--blog li:first-child .blog--txt 			{ width:50%; }
}


/***********************************************
Smaller screen - This applies from 992px onwards
***********************************************/
@media (min-width:992px)                        {
	.list--timetable .time 						{ min-width:25%; }
	.list--timetable .hours						{ display:flex; }
	.list--timetable .hour						{ min-width:75%; }
	.list--timetable .lunch						{ padding:6px 0px; min-width:100%; justify-content:center; background-color:#efe2f0; border-radius:4px; }


	.dur--30m 									{ width:calc(100% / 12); }
	.dur--45m 									{ width:calc((100% / 24) * 3); }
	.dur--1h 									{ width:calc(100% / 6); }
	.dur--1h30m 								{ width:calc((100% / 24) * 6); }
	.dur--1h45m 								{ width:calc((100% / 24) * 7); }
	.dur--2h 									{ width:calc((100% / 24) * 8); }

	.start--15m 								{ position:absolute; top:0; left:calc((100% / 24) * 1); }
	.start--30m 								{ position:absolute; top:0; left:calc((100% / 24) * 2); }
	.start--45m 								{ position:absolute; top:0; left:calc((100% / 24) * 3); }
	.start--1h 									{ position:absolute; top:0; left:calc((100% / 24) * 4); }
	.start--1h15m								{ position:absolute; top:0; left:calc((100% / 24) * 5); }
	.start--1h30m								{ position:absolute; top:0; left:calc((100% / 24) * 6); }
	.start--1h45m								{ position:absolute; top:0; left:calc((100% / 24) * 7); }
	.start--2h									{ position:absolute; top:0; left:calc((100% / 24) * 8); }
	.start--2h15m								{ position:absolute; top:0; left:calc((100% / 24) * 9); }
	.start--2h30m								{ position:absolute; top:0; left:calc((100% / 24) * 10); }
	.start--2h45m								{ position:absolute; top:0; left:calc((100% / 24) * 11); }
	.start--3h									{ position:absolute; top:0; left:calc((100% / 24) * 12); }
	.start--3h15m								{ position:absolute; top:0; left:calc((100% / 24) * 13); }
	.start--3h30m								{ position:absolute; top:0; left:calc((100% / 24) * 10); }
	.start--3h45m								{ position:absolute; top:0; left:calc((100% / 24) * 15); }
	.start--4h									{ position:absolute; top:0; left:calc((100% / 24) * 16); }
	.start--4h15m								{ position:absolute; top:0; left:calc((100% / 24) * 17); }
	.start--4h30m								{ position:absolute; top:0; left:calc((100% / 24) * 18); }
	.start--4h45m								{ position:absolute; top:0; left:calc((100% / 24) * 19); }
	.start--5h15m								{ position:absolute; top:0; left:calc((100% / 24) * 21); }
}

/***********************************************
Screen - This applies from 1200px onwards
***********************************************/
@media (min-width:1200px)                       {
/*	  .card__header                                           { padding:28px; }
  .card__body                                             { padding:28px; }
  .card__footer                                           { padding:28px; }*/
}