/* LEARNING HUB PAGE */
#bglearnhubpage {width:100%;margin:0 auto;padding:0;}
#bolearnhubpage {width:100%;margin:0 auto;padding:0;background:aliceblue;}
#learnhubpagebox {margin:0 auto;padding:0;}

#learnhubpagetop {width:1200px;margin:0 auto;padding:50px 0;display:flex;}
#learnhubpagetopleft {width:40%;margin:0;padding:0;}
.learnhubpagetopimg {width:100%;height:auto;margin:0;padding:0;}
.learnhubpagetopimg img {width:100%;height:auto;}
#learnhubpagetoprite {width:60%;margin:0;padding-left:20px;}
.learnhubpagetoptit {font-weight:700;font-size:30px;color:#348CCB;}
.learnhubpagetopdes {font-weight:400;font-size:16px;color:#222222;}
.learnhubpagetopdes span {float:right;font-weight:400;font-size:12px;text-transform:uppercase;}
.learnhubpagetopdes span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
.learnhubpagetopdes span a:hover {background:#EE613D;color:#FFFFFF;}

#learnhubpagebot {width:100%;margin:0 auto;padding:50px 0;display:flex;background:#fff;}
#learnhubpagebotcon {width:1200px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#learnhubpagebotbox {width:24%;margin:0 0.5% 1%;padding:0;display:flex;flex-wrap:wrap;background:#FFFFFF;border-radius:5px;overflow:hidden;}
#learnhubpagebothed {width:100%;margin:0;padding:0;}
.learnhubpagebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.learnhubpagebotimg img {width:100%;height:auto;}
.learnhubpagebotimg a {line-height:0;}
#learnhubpagebotfot {width:100%;margin:0;padding:20px;}
.learnhubpagebotcat {margin:0 auto;padding:0;}
.learnhubpagebotcat span {padding:4px 10px;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;color:#348CCB;border:1px solid #98C5E4;}
.learnhubpagebottit {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:0;}
.learnhubpagebottit a {color:#0C1D2B;}
.learnhubpagebottit a:hover {color:#EE613D;}
.learnhubpagebotdet {margin:0 auto;padding:0;color:#666666;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
	
	/* POTRAIT */
	@media screen and (max-width:820px)
	{
		
		/* MOBILE */
		@media screen and (max-width:502px)
		{
			
		}
	}
}
/* ================================================================================================================================================================== */

/* LEARNING HUB PAGE CAT */
#bglearnhubpagecat {width:100%;margin:0 auto;padding:20px 0;}
#bolearnhubpagecat {width:100%;margin:0 auto;padding:0;}

#bolearnhubpagecattop {width:1200px;margin:0 auto 20px;padding:0;display:flex;}
#bolearnhubpagecattopleft {width:40%;margin:0;padding:0;}
.bolearnhubpagecattopimg {width:100%;height:auto;}
.bolearnhubpagecattopimg img {width:100%;height:auto;}
#bolearnhubpagecattoprite {width:60%;margin:0;padding-left:20px;}
.bolearnhubpagecattoptit {margin:0 auto;padding:0;}
.bolearnhubpagecattoptit h1 {font-weight:700;font-size:30px;color:#348CCB;text-transform:uppercase;}
.bolearnhubpagecattopdes {margin:0 auto;padding:0;}
.bolearnhubpagecattopdes h2 {font-weight:400;font-size:20px;color:#222222;}

#bolearnhubpagecatbot {width:80%;margin:0 auto;padding:0;}

#learnhubpagecathead {margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
#learnhubpagecatheadlef {width:40%;float:left;margin:0 auto;padding:0;}
.learnhubpagecatheadimg {width:100%;height:auto;overflow:hidden;line-height:0;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.learnhubpagecatheadimg img {width:100%;height:auto;}
#learnhubpagecatheadrit {width:60%;float:left;margin:0 auto;padding:0 2%;}
.learnhubpagecatheadcat {margin:0 auto;padding:0;font-weight:500;font-size:15px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.learnhubpagecatheadcat a {color:#348CCB;}
.learnhubpagecatheadcat a:hover {color:#000000;}
.learnhubpagecatheaddet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#566A80;}
.learnhubpagecatheadtit {margin:0 auto;padding:0;}
.learnhubpagecatheadtit h2 {font-weight:600;font-size:25px;font-family:'Roboto', sans-serif;color:#0C1D2B;}
.learnhubpagecatheadtit h2:hover {color:#EE613D;}
.learnhubpagecatheadnot {margin:0 auto;padding:0;}
.learnhubpagecatheadnot h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.learnhubpagecatheadput {margin:0 auto;padding:0;} 
.learnhubpagecatheadput h3 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#25628F;}
.learnhubpagecatheaddes {margin:0 auto;padding:0;}
.learnhubpagecatheaddes h3 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;color:#444444;}

#learnhubpagecatfoot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#learnhubpagecatbox {width:48%;float:left;margin:0 1% 2%;padding:0;overflow:hidden;}
#learnhubpagecatboxtop {width:40%;float:left;margin:0 auto;padding:0;}
.learnhubpagecatboxtopimg {width:100%;height:auto;overflow:hidden;line-height:0;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.learnhubpagecatboxtopimg img {width:100%;height:auto;}
.learnhubpagecatboxtopimg a {line-height:0;}
#learnhubpagecatboxbot {width:60%;float:left;margin:0 auto;padding:2%;}
.learnhubpagecatboxbotcat {margin:0 auto;padding:0;font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.learnhubpagecatboxbotcat a {color:#348CCB;}
.learnhubpagecatboxbotcat a:hover {color:#000000;}
.learnhubpagecatboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:#566A80;}
.learnhubpagecatboxbottit {margin:0 auto;padding:0;}
.learnhubpagecatboxbottit h2 {font-weight:700;font-size:17px;font-family:'Roboto', sans-serif;color:#0C1D2B;}
.learnhubpagecatboxbottit h2:hover {color:#EE613D;}
.learnhubpagecatboxbotnot {margin:0 auto;padding:0;}
.learnhubpagecatboxbotnot h2 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#348CCB;}
.learnhubpagecatboxbotput {margin:0 auto;padding:0;}
.learnhubpagecatboxbotput h3 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#25628F;}

/* PUBLIC LIST */
#bgpubliclist {width:100%;margin:0 auto;padding:100px 0;background:aliceblue;}
#bopubliclist {width:1200px;margin:0 auto;padding:0;}
#publiclistbox {margin:0 auto;padding:0;}

#publiclistbot {width:100%;margin:0 auto;padding:0;display:flex;}
#publiclistbotcon {width:47%;margin:0 1%;padding:20px;border:1px solid #DDDDDD;background:#FFFFFF;}
#publiclistbotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #DDDDDD;display:flex;align-items:center;justify-content:space-between;}
#publiclistbotrow span {float:right;font-weight:400;font-size:12px;}
#publiclistbotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publiclistbotrow span a:hover {background:#EE613D;color:#FFFFFF;}
#publiclistbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publiclistbothed {width:20%;margin:0 auto;padding:0;}
.publiclistbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.publiclistbotimg img {width:100%;height:auto;}
.publiclistbotimg a {line-height:0;}
#publiclistbotfot {width:80%;margin:0 auto;padding:0 20px;}
.publiclistbotcat {margin:0 auto;padding:0;font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.publiclistbotcat a {color:#348CCB;}
.publiclistbotcat a:hover {color:#000000;}
.publiclistbotdet {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:#566A80;}
.publiclistbottit {margin:0 auto;padding:0;}
.publiclistbottit h2 {font-weight:700;font-size:17px;font-family:'Roboto', sans-serif;color:#0C1D2B;}
.publiclistbottit h2:hover {color:#EE613D;}
.publiclistbotnot {margin:0 auto;padding:0;}
.publiclistbotnot h2 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publiclistbotput {margin:0 auto;padding:0;}
.publiclistbotput h3 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#25628F;}