body
{
   background-color: #000000;
   color: #000000;
   font-family: "Exo 2";
   font-weight: 400;
   font-weight: 400;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow-y: scroll;
}
.visibility-hidden
{
   visibility: hidden;
}
#preloader
{
   background: #FFFFFF url("images/cube.gif") no-repeat center center;
   bottom: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/evening-sky.webp');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/red ecl.webp');
   background-repeat: space;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 14px;
   padding-left: 14px;
   position: relative;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 66.66666667%;
   max-width: 66.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid2 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 800px)
{
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/Relaxed_Mario.png');
   background-repeat: space;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 1000px)
{
#LayoutGrid3 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#CardContainer1
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: stretch;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
@media all and (max-width:980px) 
{
#CardContainer1
{
   flex-direction: column;
   flex-wrap: nowrap;
}
}
#wb_Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 13px 13px 13px 13px;
   background-image: linear-gradient(315deg, #D200F7 0%, #28F5FC 45%, #28F5FC 55%, #207CCA 100%);
   border: 0px inset #DEDEDE;
   border-radius: 12px;
   box-shadow: 1px 1px 16px rgba(15,111,198,0.20);
   text-align: left;
}
#Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
.stretched-link::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0,0,0,0);
}
#Card2-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card2-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card2-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#Card2-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card2-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 0px;
   transform: scaleY(-1.0);
   transition: height 2000ms ease;
   z-index: -1;
}
#Card2-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#Card2-divider-bottom .divider-fill
{
   fill: #FFFFFF;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#Card2-divider-bottom.show
{
   height: 50px;
}
#wb_Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 13px 13px 13px 13px;
   background-image: linear-gradient(315deg, #D200F7 0%, #28F5FC 45%, #28F5FC 55%, #207CCA 100%);
   border: 0px inset #DEDEDE;
   border-radius: 12px;
   box-shadow: 0px 0px 21px rgba(0,157,217,0.20);
   text-align: left;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
.stretched-link::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0,0,0,0);
}
#Card1-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card1-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card1-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card1-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 0px;
   transform: scaleY(-1.0);
   transition: height 2000ms ease;
   z-index: -1;
}
#Card1-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#Card1-divider-bottom .divider-fill
{
   fill: #FFFFFF;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#Card1-divider-bottom.show
{
   height: 50px;
}
#wb_Card7
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 13px 13px 13px 13px;
   background-image: linear-gradient(315deg, #D200F7 0%, #28F5FC 45%, #28F5FC 55%, #207CCA 100%);
   border: 0px solid #DEDEDE;
   border-radius: 12px;
   box-shadow: 1px 1px 17px rgba(15,111,198,0.20);
   text-align: left;
}
#Card7-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
.stretched-link::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0,0,0,0);
}
#Card7-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card7-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card7-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card7-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#Card7-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card7-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 0px;
   transform: scaleY(-1.0);
   transition: height 2000ms ease;
   z-index: -1;
}
#Card7-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#Card7-divider-bottom .divider-fill
{
   fill: #FFFFFF;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#Card7-divider-bottom.show
{
   height: 50px;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
   box-shadow: 0px 0px 14px #000000;
}
#wb_Text5 div
{
   text-align: center;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#ThemeableButton1
{
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 21px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton1
{
   border-radius: 12px;
   margin: 0;
   box-shadow: 0px 0px 18px #84BDDA;
   vertical-align: top;
}
#ThemeableButton1
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton1 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton1
{
   color: #1C94C4;
   text-decoration: none;
}
#ThemeableButton1 :hover
{
   color: #C77405;
}
#ThemeableButton1 :active
{
   color: #EB8F00;
}
#wb_ThemeableButton1 .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M69%2022%20C70%2021%2c%2070%2020%2c%2070%2019%20C70%2018%2c%2070%2017%2c%2069%2016%20C68%2015%2c%2067%2014%2c%2066%2014%20C65%2014%2c%2064%2015%2c%2063%2016%20C62%2017%2c%2061%2018%2c%2061%2019%20C61%2020%2c%2062%2021%2c%2063%2022%20C64%2023%2c%2065%2023%2c%2066%2023%20C67%2023%2c%2068%2023%2c%2069%2022%20Z%20M81%205%20C81%2013%2c%2080%2020%2c%2077%2026%20C75%2031%2c%2071%2037%2c%2066%2043%20C63%2045%2c%2060%2048%2c%2056%2051%20L55%2069%20C55%2069%2c%2055%2069%2c%2055%2070%20L37%2080%20C37%2080%2c%2036%2080%2c%2036%2080%20C36%2080%2c%2035%2080%2c%2035%2080%20L32%2077%20C32%2077%2c%2031%2076%2c%2032%2076%20L36%2063%20L22%2049%20L9%2053%20C9%2053%2c%209%2053%2c%209%2053%20C9%2053%2c%208%2053%2c%208%2053%20L5%2050%20C4%2049%2c%204%2049%2c%205%2048%20L15%2030%20C15%2030%2c%2016%2030%2c%2016%2029%20L34%2029%20C37%2025%2c%2040%2022%2c%2042%2019%20C48%2014%2c%2054%2010%2c%2059%207%20C65%205%2c%2071%204%2c%2079%204%20C80%204%2c%2080%204%2c%2081%204%20C81%205%2c%2081%205%2c%2081%205%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
   display: inline-block;
   overflow: visible;
   margin-right: 10px;
   vertical-align: middle;
   width: 21px;
   height: 21px;
}
#wb_ThemeableButton1:hover .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23C77405%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M69%2022%20C70%2021%2c%2070%2020%2c%2070%2019%20C70%2018%2c%2070%2017%2c%2069%2016%20C68%2015%2c%2067%2014%2c%2066%2014%20C65%2014%2c%2064%2015%2c%2063%2016%20C62%2017%2c%2061%2018%2c%2061%2019%20C61%2020%2c%2062%2021%2c%2063%2022%20C64%2023%2c%2065%2023%2c%2066%2023%20C67%2023%2c%2068%2023%2c%2069%2022%20Z%20M81%205%20C81%2013%2c%2080%2020%2c%2077%2026%20C75%2031%2c%2071%2037%2c%2066%2043%20C63%2045%2c%2060%2048%2c%2056%2051%20L55%2069%20C55%2069%2c%2055%2069%2c%2055%2070%20L37%2080%20C37%2080%2c%2036%2080%2c%2036%2080%20C36%2080%2c%2035%2080%2c%2035%2080%20L32%2077%20C32%2077%2c%2031%2076%2c%2032%2076%20L36%2063%20L22%2049%20L9%2053%20C9%2053%2c%209%2053%2c%209%2053%20C9%2053%2c%208%2053%2c%208%2053%20L5%2050%20C4%2049%2c%204%2049%2c%205%2048%20L15%2030%20C15%2030%2c%2016%2030%2c%2016%2029%20L34%2029%20C37%2025%2c%2040%2022%2c%2042%2019%20C48%2014%2c%2054%2010%2c%2059%207%20C65%205%2c%2071%204%2c%2079%204%20C80%204%2c%2080%204%2c%2081%204%20C81%205%2c%2081%205%2c%2081%205%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton1:active .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23EB8F00%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M69%2022%20C70%2021%2c%2070%2020%2c%2070%2019%20C70%2018%2c%2070%2017%2c%2069%2016%20C68%2015%2c%2067%2014%2c%2066%2014%20C65%2014%2c%2064%2015%2c%2063%2016%20C62%2017%2c%2061%2018%2c%2061%2019%20C61%2020%2c%2062%2021%2c%2063%2022%20C64%2023%2c%2065%2023%2c%2066%2023%20C67%2023%2c%2068%2023%2c%2069%2022%20Z%20M81%205%20C81%2013%2c%2080%2020%2c%2077%2026%20C75%2031%2c%2071%2037%2c%2066%2043%20C63%2045%2c%2060%2048%2c%2056%2051%20L55%2069%20C55%2069%2c%2055%2069%2c%2055%2070%20L37%2080%20C37%2080%2c%2036%2080%2c%2036%2080%20C36%2080%2c%2035%2080%2c%2035%2080%20L32%2077%20C32%2077%2c%2031%2076%2c%2032%2076%20L36%2063%20L22%2049%20L9%2053%20C9%2053%2c%209%2053%2c%209%2053%20C9%2053%2c%208%2053%2c%208%2053%20L5%2050%20C4%2049%2c%204%2049%2c%205%2048%20L15%2030%20C15%2030%2c%2016%2030%2c%2016%2029%20L34%2029%20C37%2025%2c%2040%2022%2c%2042%2019%20C48%2014%2c%2054%2010%2c%2059%207%20C65%205%2c%2071%204%2c%2079%204%20C80%204%2c%2080%204%2c%2081%204%20C81%205%2c%2081%205%2c%2081%205%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-left
{
   border-bottom-left-radius: 12px;
   border-top-left-radius: 12px;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-right
{
   border-bottom-right-radius: 12px;
   border-top-right-radius: 12px;
}
#wb_ThemeableButton1 .ui-button
{
   background-image: linear-gradient(315deg, #005CBF 0%, #1FD6DC 75%, #03D4A8 100%);
   border: 1px solid #CCCCCC;
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-state-hover, #wb_ThemeableButton1 .ui-button:hover
{
   border-color: #FBCB09;
   background-color: #FDF5CE;
   background-image: none;
   color: #C77405;
}
#wb_ThemeableButton1 .ui-state-active, #wb_ThemeableButton1 .ui-button:active
{
   border-color: #FBD850;
   background-color: #FFFFFF;
   background-image: none;
   color: #EB8F00;
}
#wb_Card8
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 16px;
   box-shadow: 0px 0px 27px rgba(160,104,22,0.20);
   text-align: left;
}
#Card8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card8-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 96px;
}
#Card8-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #E4F4DF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card8-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card8-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
}
#wb_Text13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 0;
   text-align: left;
}
#wb_Text13
{
   color: #6B3CFC;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
}
#wb_Text13 div
{
   text-align: left;
}
#wb_Text13
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_CssMenu5
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   z-index: 1111 !important;
}
#wb_CssMenu5 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
}
#wb_CssMenu5 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 100%;
}
#wb_CssMenu5 a
{
   display: block;
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   vertical-align: middle;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu5 .firstmain a
{
   margin-top: 0px;
}
#wb_CssMenu5 li.lastmain
{
   padding-bottom: 0px;
}
#wb_CssMenu5 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   display: none;
   height: 46px;
   overflow-y: scroll;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1
{
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 16px;
   line-height: 23.5px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   display: none;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#ThemeableButton2
{
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 21px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton2
{
   border-radius: 15px;
   margin: 0;
   box-shadow: 0px 0px 22px #F8BD66;
   vertical-align: top;
}
#ThemeableButton2
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton2 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton2
{
   color: #1C94C4;
   text-decoration: none;
}
#ThemeableButton2 :hover
{
   color: #C77405;
}
#ThemeableButton2 :active
{
   color: #EB8F00;
}
#wb_ThemeableButton2 .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%231C94C4%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M43%2040%20C43%2040%2c%2043%2039%2c%2043%2039%20C43%2039%2c%2043%2038%2c%2043%2038%20C43%2038%2c%2042%2037%2c%2042%2037%20C40%2037%2c%2038%2038%2c%2037%2040%20C35%2041%2c%2034%2043%2c%2034%2045%20C34%2045%2c%2035%2046%2c%2035%2046%20C35%2046%2c%2036%2046%2c%2036%2046%20C36%2046%2c%2037%2046%2c%2037%2046%20C37%2046%2c%2037%2045%2c%2037%2045%20C37%2044%2c%2038%2043%2c%2039%2042%20C40%2041%2c%2041%2040%2c%2042%2040%20C42%2040%2c%2043%2040%2c%2043%2040%20Z%20M50%2037%20C53%2039%2c%2054%2042%2c%2054%2045%20C54%2048%2c%2053%2051%2c%2050%2054%20C48%2056%2c%2045%2057%2c%2042%2057%20C39%2057%2c%2036%2056%2c%2034%2054%20C31%2051%2c%2030%2048%2c%2030%2045%20C30%2042%2c%2031%2039%2c%2034%2037%20C36%2034%2c%2039%2033%2c%2042%2033%20C45%2033%2c%2048%2034%2c%2050%2037%20Z%20M6%2072%20L78%2072%20L78%2066%20L6%2066Z%20%20M55%2058%20C58%2054%2c%2060%2050%2c%2060%2045%20C60%2040%2c%2058%2036%2c%2055%2032%20C51%2029%2c%2047%2027%2c%2042%2027%20C37%2027%2c%2033%2029%2c%2029%2032%20C26%2036%2c%2024%2040%2c%2024%2045%20C24%2050%2c%2026%2054%2c%2029%2058%20C33%2061%2c%2037%2063%2c%2042%2063%20C47%2063%2c%2051%2061%2c%2055%2058%20Z%20M12%2015%20L30%2015%20L30%209%20L12%209Z%20%20M6%2024%20L78%2024%20L78%2018%20L78%2012%20L39%2012%20L36%2018%20L6%2018Z%20%20M84%2012%20L84%2072%20C84%2074%2c%2083%2075%2c%2082%2076%20C81%2077%2c%2080%2078%2c%2078%2078%20L6%2078%20C4%2078%2c%203%2077%2c%202%2076%20C1%2075%2c%200%2074%2c%200%2072%20L0%2012%20C0%2010%2c%201%209%2c%202%208%20C3%207%2c%204%206%2c%206%206%20L78%206%20C80%206%2c%2081%207%2c%2082%208%20C83%209%2c%2084%2010%2c%2084%2012%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
   display: inline-block;
   overflow: visible;
   margin-right: 10px;
   vertical-align: middle;
   width: 21px;
   height: 21px;
}
#wb_ThemeableButton2:hover .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23C77405%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M43%2040%20C43%2040%2c%2043%2039%2c%2043%2039%20C43%2039%2c%2043%2038%2c%2043%2038%20C43%2038%2c%2042%2037%2c%2042%2037%20C40%2037%2c%2038%2038%2c%2037%2040%20C35%2041%2c%2034%2043%2c%2034%2045%20C34%2045%2c%2035%2046%2c%2035%2046%20C35%2046%2c%2036%2046%2c%2036%2046%20C36%2046%2c%2037%2046%2c%2037%2046%20C37%2046%2c%2037%2045%2c%2037%2045%20C37%2044%2c%2038%2043%2c%2039%2042%20C40%2041%2c%2041%2040%2c%2042%2040%20C42%2040%2c%2043%2040%2c%2043%2040%20Z%20M50%2037%20C53%2039%2c%2054%2042%2c%2054%2045%20C54%2048%2c%2053%2051%2c%2050%2054%20C48%2056%2c%2045%2057%2c%2042%2057%20C39%2057%2c%2036%2056%2c%2034%2054%20C31%2051%2c%2030%2048%2c%2030%2045%20C30%2042%2c%2031%2039%2c%2034%2037%20C36%2034%2c%2039%2033%2c%2042%2033%20C45%2033%2c%2048%2034%2c%2050%2037%20Z%20M6%2072%20L78%2072%20L78%2066%20L6%2066Z%20%20M55%2058%20C58%2054%2c%2060%2050%2c%2060%2045%20C60%2040%2c%2058%2036%2c%2055%2032%20C51%2029%2c%2047%2027%2c%2042%2027%20C37%2027%2c%2033%2029%2c%2029%2032%20C26%2036%2c%2024%2040%2c%2024%2045%20C24%2050%2c%2026%2054%2c%2029%2058%20C33%2061%2c%2037%2063%2c%2042%2063%20C47%2063%2c%2051%2061%2c%2055%2058%20Z%20M12%2015%20L30%2015%20L30%209%20L12%209Z%20%20M6%2024%20L78%2024%20L78%2018%20L78%2012%20L39%2012%20L36%2018%20L6%2018Z%20%20M84%2012%20L84%2072%20C84%2074%2c%2083%2075%2c%2082%2076%20C81%2077%2c%2080%2078%2c%2078%2078%20L6%2078%20C4%2078%2c%203%2077%2c%202%2076%20C1%2075%2c%200%2074%2c%200%2072%20L0%2012%20C0%2010%2c%201%209%2c%202%208%20C3%207%2c%204%206%2c%206%206%20L78%206%20C80%206%2c%2081%207%2c%2082%208%20C83%209%2c%2084%2010%2c%2084%2012%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton2:active .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23EB8F00%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M43%2040%20C43%2040%2c%2043%2039%2c%2043%2039%20C43%2039%2c%2043%2038%2c%2043%2038%20C43%2038%2c%2042%2037%2c%2042%2037%20C40%2037%2c%2038%2038%2c%2037%2040%20C35%2041%2c%2034%2043%2c%2034%2045%20C34%2045%2c%2035%2046%2c%2035%2046%20C35%2046%2c%2036%2046%2c%2036%2046%20C36%2046%2c%2037%2046%2c%2037%2046%20C37%2046%2c%2037%2045%2c%2037%2045%20C37%2044%2c%2038%2043%2c%2039%2042%20C40%2041%2c%2041%2040%2c%2042%2040%20C42%2040%2c%2043%2040%2c%2043%2040%20Z%20M50%2037%20C53%2039%2c%2054%2042%2c%2054%2045%20C54%2048%2c%2053%2051%2c%2050%2054%20C48%2056%2c%2045%2057%2c%2042%2057%20C39%2057%2c%2036%2056%2c%2034%2054%20C31%2051%2c%2030%2048%2c%2030%2045%20C30%2042%2c%2031%2039%2c%2034%2037%20C36%2034%2c%2039%2033%2c%2042%2033%20C45%2033%2c%2048%2034%2c%2050%2037%20Z%20M6%2072%20L78%2072%20L78%2066%20L6%2066Z%20%20M55%2058%20C58%2054%2c%2060%2050%2c%2060%2045%20C60%2040%2c%2058%2036%2c%2055%2032%20C51%2029%2c%2047%2027%2c%2042%2027%20C37%2027%2c%2033%2029%2c%2029%2032%20C26%2036%2c%2024%2040%2c%2024%2045%20C24%2050%2c%2026%2054%2c%2029%2058%20C33%2061%2c%2037%2063%2c%2042%2063%20C47%2063%2c%2051%2061%2c%2055%2058%20Z%20M12%2015%20L30%2015%20L30%209%20L12%209Z%20%20M6%2024%20L78%2024%20L78%2018%20L78%2012%20L39%2012%20L36%2018%20L6%2018Z%20%20M84%2012%20L84%2072%20C84%2074%2c%2083%2075%2c%2082%2076%20C81%2077%2c%2080%2078%2c%2078%2078%20L6%2078%20C4%2078%2c%203%2077%2c%202%2076%20C1%2075%2c%200%2074%2c%200%2072%20L0%2012%20C0%2010%2c%201%209%2c%202%208%20C3%207%2c%204%206%2c%206%206%20L78%206%20C80%206%2c%2081%207%2c%2082%208%20C83%209%2c%2084%2010%2c%2084%2012%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton2 .ui-corner-all, #wb_ThemeableButton2 .ui-corner-left
{
   border-bottom-left-radius: 15px;
   border-top-left-radius: 15px;
}
#wb_ThemeableButton2 .ui-corner-all, #wb_ThemeableButton2 .ui-corner-right
{
   border-bottom-right-radius: 15px;
   border-top-right-radius: 15px;
}
#wb_ThemeableButton2 .ui-button
{
   background-image: linear-gradient(315deg, #FEE6EF 0%, #FBD5A3 19%, #FBAB7F 39%, #FAC77D 63%, #FEE7F1 84%, #FBEAC7 100%);
   border: 1px solid #CCCCCC;
   color: #1C94C4;
}
#wb_ThemeableButton2 .ui-state-hover, #wb_ThemeableButton2 .ui-button:hover
{
   border-color: #FBCB09;
   background-color: #FDF5CE;
   background-image: none;
   color: #C77405;
}
#wb_ThemeableButton2 .ui-state-active, #wb_ThemeableButton2 .ui-button:active
{
   border-color: #FBD850;
   background-color: #FFFFFF;
   background-image: none;
   color: #EB8F00;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text2 p, #wb_Text2 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_links
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/Sunset-room.webp');
   background-repeat: no-repeat;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#links
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 55px 0 55px 0;
   margin-right: auto;
   margin-left: auto;
}
#links > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#links > .col-1
{
   flex: 0 0 auto;
}
#links > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#links > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/Linux-user-Room.webp');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 35px 0 35px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 6px;
   padding-left: 6px;
   position: relative;
}
#LayoutGrid4 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 800px)
{
#LayoutGrid4 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 0;
   text-align: left;
}
#wb_Text4
{
   color: #6B3CFC;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_CssMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   z-index: 1111 !important;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 100%;
}
#wb_CssMenu1 a
{
   display: block;
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   vertical-align: middle;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu1 .firstmain a
{
   margin-top: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-bottom: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#ThemeableButton3
{
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 21px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton3
{
   border-radius: 12px;
   margin: 0;
   box-shadow: 0px 0px 22px #4B93D4;
   vertical-align: top;
}
#ThemeableButton3
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton3 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton3
{
   color: #1C94C4;
   text-decoration: none;
}
#ThemeableButton3 :hover
{
   color: #C77405;
}
#ThemeableButton3 :active
{
   color: #EB8F00;
}
#wb_ThemeableButton3 .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M75%2018%20C76%2019%2c%2076%2020%2c%2077%2021%20C78%2023%2c%2078%2024%2c%2078%2025%20L78%2079%20C78%2081%2c%2078%2082%2c%2077%2083%20C76%2084%2c%2075%2084%2c%2073%2084%20L10%2084%20C9%2084%2c%208%2084%2c%207%2083%20C6%2082%2c%206%2081%2c%206%2079%20L6%204%20C6%203%2c%206%202%2c%207%201%20C8%200%2c%209%200%2c%2010%200%20L52%200%20C54%200%2c%2055%200%2c%2057%201%20C58%202%2c%2059%202%2c%2060%203%20Z%20M54%206%20L54%2024%20L72%2024%20C71%2023%2c%2071%2022%2c%2071%2022%20L56%207%20C56%207%2c%2055%207%2c%2054%206%20Z%20M72%2078%20L72%2030%20L52%2030%20C51%2030%2c%2050%2030%2c%2049%2029%20C48%2028%2c%2048%2027%2c%2048%2025%20L48%206%20L12%206%20L12%2078Z%20%20M24%2037%20C24%2037%2c%2024%2037%2c%2024%2036%20C25%2036%2c%2025%2036%2c%2025%2036%20L58%2036%20C59%2036%2c%2059%2036%2c%2060%2036%20C60%2037%2c%2060%2037%2c%2060%2037%20L60%2040%20C60%2041%2c%2060%2041%2c%2060%2042%20C59%2042%2c%2059%2042%2c%2058%2042%20L25%2042%20C25%2042%2c%2025%2042%2c%2024%2042%20C24%2041%2c%2024%2041%2c%2024%2040%20Z%20M58%2048%20C59%2048%2c%2059%2048%2c%2060%2048%20C60%2049%2c%2060%2049%2c%2060%2049%20L60%2052%20C60%2053%2c%2060%2053%2c%2060%2054%20C59%2054%2c%2059%2054%2c%2058%2054%20L25%2054%20C25%2054%2c%2025%2054%2c%2024%2054%20C24%2053%2c%2024%2053%2c%2024%2052%20L24%2049%20C24%2049%2c%2024%2049%2c%2024%2048%20C25%2048%2c%2025%2048%2c%2025%2048%20Z%20M58%2060%20C59%2060%2c%2059%2060%2c%2060%2060%20C60%2061%2c%2060%2061%2c%2060%2061%20L60%2064%20C60%2065%2c%2060%2065%2c%2060%2066%20C59%2066%2c%2059%2066%2c%2058%2066%20L25%2066%20C25%2066%2c%2025%2066%2c%2024%2066%20C24%2065%2c%2024%2065%2c%2024%2064%20L24%2061%20C24%2061%2c%2024%2061%2c%2024%2060%20C25%2060%2c%2025%2060%2c%2025%2060%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
   display: inline-block;
   overflow: visible;
   margin-right: 10px;
   vertical-align: middle;
   width: 21px;
   height: 21px;
}
#wb_ThemeableButton3:hover .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23C77405%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M75%2018%20C76%2019%2c%2076%2020%2c%2077%2021%20C78%2023%2c%2078%2024%2c%2078%2025%20L78%2079%20C78%2081%2c%2078%2082%2c%2077%2083%20C76%2084%2c%2075%2084%2c%2073%2084%20L10%2084%20C9%2084%2c%208%2084%2c%207%2083%20C6%2082%2c%206%2081%2c%206%2079%20L6%204%20C6%203%2c%206%202%2c%207%201%20C8%200%2c%209%200%2c%2010%200%20L52%200%20C54%200%2c%2055%200%2c%2057%201%20C58%202%2c%2059%202%2c%2060%203%20Z%20M54%206%20L54%2024%20L72%2024%20C71%2023%2c%2071%2022%2c%2071%2022%20L56%207%20C56%207%2c%2055%207%2c%2054%206%20Z%20M72%2078%20L72%2030%20L52%2030%20C51%2030%2c%2050%2030%2c%2049%2029%20C48%2028%2c%2048%2027%2c%2048%2025%20L48%206%20L12%206%20L12%2078Z%20%20M24%2037%20C24%2037%2c%2024%2037%2c%2024%2036%20C25%2036%2c%2025%2036%2c%2025%2036%20L58%2036%20C59%2036%2c%2059%2036%2c%2060%2036%20C60%2037%2c%2060%2037%2c%2060%2037%20L60%2040%20C60%2041%2c%2060%2041%2c%2060%2042%20C59%2042%2c%2059%2042%2c%2058%2042%20L25%2042%20C25%2042%2c%2025%2042%2c%2024%2042%20C24%2041%2c%2024%2041%2c%2024%2040%20Z%20M58%2048%20C59%2048%2c%2059%2048%2c%2060%2048%20C60%2049%2c%2060%2049%2c%2060%2049%20L60%2052%20C60%2053%2c%2060%2053%2c%2060%2054%20C59%2054%2c%2059%2054%2c%2058%2054%20L25%2054%20C25%2054%2c%2025%2054%2c%2024%2054%20C24%2053%2c%2024%2053%2c%2024%2052%20L24%2049%20C24%2049%2c%2024%2049%2c%2024%2048%20C25%2048%2c%2025%2048%2c%2025%2048%20Z%20M58%2060%20C59%2060%2c%2059%2060%2c%2060%2060%20C60%2061%2c%2060%2061%2c%2060%2061%20L60%2064%20C60%2065%2c%2060%2065%2c%2060%2066%20C59%2066%2c%2059%2066%2c%2058%2066%20L25%2066%20C25%2066%2c%2025%2066%2c%2024%2066%20C24%2065%2c%2024%2065%2c%2024%2064%20L24%2061%20C24%2061%2c%2024%2061%2c%2024%2060%20C25%2060%2c%2025%2060%2c%2025%2060%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton3:active .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23EB8F00%22%20viewBox%3d%220%200%2084%2084%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M75%2018%20C76%2019%2c%2076%2020%2c%2077%2021%20C78%2023%2c%2078%2024%2c%2078%2025%20L78%2079%20C78%2081%2c%2078%2082%2c%2077%2083%20C76%2084%2c%2075%2084%2c%2073%2084%20L10%2084%20C9%2084%2c%208%2084%2c%207%2083%20C6%2082%2c%206%2081%2c%206%2079%20L6%204%20C6%203%2c%206%202%2c%207%201%20C8%200%2c%209%200%2c%2010%200%20L52%200%20C54%200%2c%2055%200%2c%2057%201%20C58%202%2c%2059%202%2c%2060%203%20Z%20M54%206%20L54%2024%20L72%2024%20C71%2023%2c%2071%2022%2c%2071%2022%20L56%207%20C56%207%2c%2055%207%2c%2054%206%20Z%20M72%2078%20L72%2030%20L52%2030%20C51%2030%2c%2050%2030%2c%2049%2029%20C48%2028%2c%2048%2027%2c%2048%2025%20L48%206%20L12%206%20L12%2078Z%20%20M24%2037%20C24%2037%2c%2024%2037%2c%2024%2036%20C25%2036%2c%2025%2036%2c%2025%2036%20L58%2036%20C59%2036%2c%2059%2036%2c%2060%2036%20C60%2037%2c%2060%2037%2c%2060%2037%20L60%2040%20C60%2041%2c%2060%2041%2c%2060%2042%20C59%2042%2c%2059%2042%2c%2058%2042%20L25%2042%20C25%2042%2c%2025%2042%2c%2024%2042%20C24%2041%2c%2024%2041%2c%2024%2040%20Z%20M58%2048%20C59%2048%2c%2059%2048%2c%2060%2048%20C60%2049%2c%2060%2049%2c%2060%2049%20L60%2052%20C60%2053%2c%2060%2053%2c%2060%2054%20C59%2054%2c%2059%2054%2c%2058%2054%20L25%2054%20C25%2054%2c%2025%2054%2c%2024%2054%20C24%2053%2c%2024%2053%2c%2024%2052%20L24%2049%20C24%2049%2c%2024%2049%2c%2024%2048%20C25%2048%2c%2025%2048%2c%2025%2048%20Z%20M58%2060%20C59%2060%2c%2059%2060%2c%2060%2060%20C60%2061%2c%2060%2061%2c%2060%2061%20L60%2064%20C60%2065%2c%2060%2065%2c%2060%2066%20C59%2066%2c%2059%2066%2c%2058%2066%20L25%2066%20C25%2066%2c%2025%2066%2c%2024%2066%20C24%2065%2c%2024%2065%2c%2024%2064%20L24%2061%20C24%2061%2c%2024%2061%2c%2024%2060%20C25%2060%2c%2025%2060%2c%2025%2060%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton3 .ui-corner-all, #wb_ThemeableButton3 .ui-corner-left
{
   border-bottom-left-radius: 12px;
   border-top-left-radius: 12px;
}
#wb_ThemeableButton3 .ui-corner-all, #wb_ThemeableButton3 .ui-corner-right
{
   border-bottom-right-radius: 12px;
   border-top-right-radius: 12px;
}
#wb_ThemeableButton3 .ui-button
{
   background-image: linear-gradient(315deg, #5878B2 0%, #0ADAD8 19%, #008080 48%, #869FC8 78%, #5878B2 100%);
   border: 1px solid #87B7E2;
   color: #FFFFFF;
}
#wb_ThemeableButton3 .ui-state-hover, #wb_ThemeableButton3 .ui-button:hover
{
   border-color: #FBCB09;
   background-color: #FDF5CE;
   background-image: none;
   color: #C77405;
}
#wb_ThemeableButton3 .ui-state-active, #wb_ThemeableButton3 .ui-button:active
{
   border-color: #FBD850;
   background-color: #FFFFFF;
   background-image: none;
   color: #EB8F00;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text8
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text8 p, #wb_Text8 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 16px;
   box-shadow: 0px 0px 29px rgba(248,189,102,0.20) inset;
   text-align: left;
}
#Card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card3-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 96px;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: -32px 20px 12px 20px;
   padding: 12px 20px 12px 20px;
   color: #E4F4DF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card3-card-item2
{
   box-sizing: border-box;
   margin: 0 25px 0 25px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card3-card-item3
{
   box-sizing: border-box;
   margin: 12px 0 12px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text9
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text9 p, #wb_Text9 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/staircase.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 75px 0 75px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid5 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 0;
   text-align: left;
}
#wb_Text10
{
   color: #6B3CFC;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
}
#wb_Text10 div
{
   text-align: left;
}
#wb_Text10
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_CssMenu2
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   z-index: 1111 !important;
}
#wb_CssMenu2 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
}
#wb_CssMenu2 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 100%;
}
#wb_CssMenu2 a
{
   display: block;
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   vertical-align: middle;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu2 .firstmain a
{
   margin-top: 0px;
}
#wb_CssMenu2 li.lastmain
{
   padding-bottom: 0px;
}
#wb_CssMenu2 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text12
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text12 p, #wb_Text12 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text12
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text11
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text11 p, #wb_Text11 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text11
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Layer1
{
   background-image: linear-gradient(135deg, #00FFFF 0%, #00CCCC 16%, #00CC99 33%, #008080 45%, #000080 50%, #0066CC 53%, #0099CC 68%, #0099FF 83%, #CCFFFF 100%);
   border-radius: 17px;
   box-shadow: 0px 0px 21px #66C4E8;
   padding: 0;
}
#Layer1
{
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
}
#wb_Icon2
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon2:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon2
{
   height: 16px;
   width: 16px;
}
#Icon2 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon2:hover #Icon2 i
{
   color: #13A89E;
}
#wb_Icon2
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon2:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon3
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon3:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon3
{
   height: 16px;
   width: 16px;
}
#Icon3 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 19px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #13A89E;
}
#wb_Icon3
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon3:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon4
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon4 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon4:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon4
{
   height: 16px;
   width: 16px;
}
#Icon4 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon4:hover #Icon4 i
{
   color: #13A89E;
}
#wb_Icon4
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon4:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon9
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon9 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon9:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon9
{
   height: 16px;
   width: 16px;
}
#Icon9 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon9:hover #Icon9 i
{
   color: #13A89E;
}
#wb_Icon9
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon9:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon10
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon10 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon10:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon10
{
   height: 16px;
   width: 16px;
}
#Icon10 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon10:hover #Icon10 i
{
   color: #13A89E;
}
#wb_Icon10
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon10:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_LayoutGrid9
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/escape_velocity.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid9
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 55px 0 55px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 12px;
   padding-left: 12px;
   position: relative;
}
#LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid9 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 66.66666667%;
   max-width: 66.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid9 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 800px)
{
#LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#SiteSearch2
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #F6F6F6;
   background-image: none;
   color: #1C94C4;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   line-height: 16px;
   margin: 0;
   text-align: left;
   box-shadow: 0px 0px 14px #0F6FC6;
   padding: 4px 4px 4px 4px;
}
#SiteSearch2:focus
{
   outline: 0;
}
.search-item, .search-text
{
   color: #000000;
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 13px;
   padding: 4px 4px 4px 4px;
}
.search-text
{
   margin: 0 0 4px 0;
}
.search-title, .search-title:active, .search-title:hover, .search-title:visited
{
   color: #1A0DAB;
}
.search-url, .search-url:active, .search-url:hover, .search-url:visited
{
   color: #006621;
   text-decoration: none;
}
.search-highlight
{
   font-weight: bold;
   font-style: normal;
}
.clickable
{
   cursor: pointer;
}
#search-pagination
{
   display: inline-block;
   list-style: none;
   padding: 0;
   border-radius: 4px;
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 0;
   margin: 8px 0 0 4px;
}
#search-pagination > li
{
   display: inline;
   font-size: 13px;
}
#search-pagination > li > a, #search-pagination > li > span
{
   position: relative;
   float: left;
   padding: 4px 10px 4px 10px;
   text-decoration: none;
   background-image: none;
   border: 1px #DDDDDD solid;
   color: #000000;
   margin-left: -1px;
}
#search-pagination > li:first-child > a, #search-pagination > li:first-child > span
{
   margin-left: 0;
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
}
#search-pagination > li:last-child > a, #search-pagination > li:last-child > span
{
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
}
#search-pagination > li > a:hover, #search-pagination > li > span:hover, #search-pagination > li > a:focus, #search-pagination > li > span:focus 
{
   background-color: #CCCCCC;
   color: #23527C;
}
#search-pagination > .active > a, #search-pagination > .active > span, #search-pagination > .active > a:hover, #search-pagination > .active > span:hover, #search-pagination > .active > a:focus, #search-pagination > .active > span:focus
{
   z-index: 2;
   background-color:#000000;
   border-color:#000000;
   color: #FFFFFF;
   cursor: default;
}
#search-pagination > .disabled > span, #search-pagination > .disabled > span:hover, #search-pagination1 > .disabled > span:focus, #search-pagination > .disabled > a, #search-pagination > .disabled > a:hover, #search-pagination > .disabled > a:focus 
{
   background-color: #FFFFFF;
   color: #777777;
   cursor: not-allowed;
}
.search-autocomplete
{
   position: absolute;
   background: #F6F6F6;
   border: 1px solid #CCCCCC;
   color: #1C94C4;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   list-style-type: none;
   z-index: 999;
   padding: 0;
   width: 376px;
   margin: 0;
}
.search-autocomplete li
{
   padding: 4px 4px 4px 4px;
   margin: 0;
}
.search-autocomplete li.selected
{
   background: #CCCCCC;
   color: #F6F6F6;
}
.ui-dialog
{
   padding: 4px 4px 4px 4px;
   text-align: left;
}
.ui-dialog .ui-dialog-title
{
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: transparent;
}
.ui-dialog .ui-dialog-titlebar
{
   padding: 4px 4px 4px 4px;
}
.ui-dialog .ui-dialog-content
{
   padding: 6px 2px 2px 2px;
}
.ui-dialog .ui-dialog-titlebar-close
{
   right: 10px;
}
.ui-dialog .ui-dialog-buttonpane button
{
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
}
#Button2
{
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-image: linear-gradient(to top, #02A8E4 0%, #00ACE5 6%, #47BDF0 7%, #147BB6 30%, #005081 52%, #7295B5 96%, #023661 100%);
   color: #FFFFFF;
   box-shadow: 0px 0px 15px #009DD9;
   cursor: pointer;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
}
#Button2:focus
{
   outline: 0;
}
#wb_Icon11
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon11 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon11:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon11
{
   height: 16px;
   width: 16px;
}
#Icon11 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon11:hover #Icon11 i
{
   color: #13A89E;
}
#wb_Icon11
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon11:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon12
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon12 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon12:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon12
{
   height: 16px;
   width: 16px;
}
#Icon12 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 19px;
}
#wb_Icon12:hover #Icon12 i
{
   color: #13A89E;
}
#wb_Icon12
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon12:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon13
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon13 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon13:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon13
{
   height: 16px;
   width: 16px;
}
#Icon13 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon13:hover #Icon13 i
{
   color: #13A89E;
}
#wb_Icon13
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon13:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon14
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon14 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon14:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon14
{
   height: 16px;
   width: 16px;
}
#Icon14 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon14:hover #Icon14 i
{
   color: #13A89E;
}
#wb_Icon14
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon14:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon15
{
   background-image: linear-gradient(to top, #CCFFFF 0%, #0099FF 17%, #0099CC 32%, #0066CC 46%, #000080 50%, #008080 54%, #00CC99 67%, #00CCCC 84%, #00FFFF 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon15 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon15:hover
{
   background-image: linear-gradient(to top, #A5C8EA 0%, #7BB2EE 49%, #4AA0F7 50%, #B6FBFE 100%);
   border: 2px solid #FFFFFF;
}
#Icon15
{
   height: 16px;
   width: 16px;
}
#Icon15 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon15:hover #Icon15 i
{
   color: #13A89E;
}
#wb_Icon15
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon15:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#Banner1
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   text-shadow: 0px 0px 10px rgba(75,147,212,1.00);
   margin: 0;
}
#Banner1 span
{
   display: block;
   height: 27px;
   margin: 4px 0 4px 0 ;
}
#Banner1 span:before, #Banner1 span:after 
{
   display: block;
   position: absolute;
   top: 48px;
   left: 0;
   right: 0;
}
Banner1 span:before
{
   content: "Explore More";
   opacity: .3;
   transform: scaleY(-1);
}
#Banner3
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   text-shadow: 0px 0px 13px rgba(16,207,155,1.00);
   margin: 0;
}
#Banner3 span
{
   display: block;
   height: 27px;
   margin: 4px 0 4px 0 ;
}
#Banner3 span:before, #Banner3 span:after 
{
   display: block;
   position: absolute;
   top: 48px;
   left: 0;
   right: 0;
}
Banner3 span:before
{
   content: ""I use Arch, btw"";
   opacity: .3;
   transform: scaleY(-1);
}
#Banner5
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   text-align: center;
   text-shadow: 0px 0px 11px rgba(204,235,247,1.00);
   margin: 0;
}
#Banner5 span
{
   display: block;
   height: 21px;
   margin: 49px 0 49px 0 ;
}
#Banner5 span:before, #Banner5 span:after 
{
   display: block;
   position: absolute;
   top: 85px;
   left: 0;
   right: 0;
}
Banner5 span:before
{
   content: "How do you know someone uses linux? Don't worry they'll tell you.";
   opacity: .3;
   transform: scaleY(-1);
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text7
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text7 p, #wb_Text7 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text7
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Banner6
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 29px;
   text-align: center;
   text-shadow: 0px 0px 8px rgba(250,211,153,1.00);
   margin: 0;
}
#Banner6 span
{
   display: block;
   height: 29px;
   margin: 2px 0 2px 0 ;
}
#Banner6 span:before, #Banner6 span:after 
{
   display: block;
   position: absolute;
   top: 50px;
   left: 0;
   right: 0;
}
Banner6 span:before
{
   content: "Exploring the World Through My Lens";
   opacity: .3;
   transform: scaleY(-1);
}
#Banner7
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 29px;
   text-align: center;
   text-shadow: 0px 0px 8px rgba(160,104,22,1.00);
   margin: 0;
}
#Banner7 span
{
   display: block;
   height: 29px;
   margin: 2px 0 2px 0 ;
}
#Banner7 span:before, #Banner7 span:after 
{
   display: block;
   position: absolute;
   top: 50px;
   left: 0;
   right: 0;
}
Banner7 span:before
{
   content: "My Projects";
   opacity: .3;
   transform: scaleY(-1);
}
#Banner8
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 29px;
   text-align: center;
   text-shadow: 0px 0px 9px rgba(255,0,0,1.00);
   margin: 0;
}
#Banner8 span
{
   display: block;
   height: 29px;
   margin: 21px 0 21px 0 ;
}
#Banner10
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Lucida Console";
   font-weight: normal;
   font-style: normal;
   font-size: 29px;
   text-align: center;
   text-shadow: 0px 0px 9px rgba(27,138,143,1.00);
   margin: 0;
}
#Banner10 span
{
   display: block;
   height: 29px;
   margin: 0;
}
#Banner10 span:before, #Banner10 span:after 
{
   display: block;
   position: absolute;
   top: 34px;
   left: 0;
   right: 0;
}
Banner10 span:before
{
   content: "Ahoy!";
   opacity: .3;
   transform: scaleY(-1);
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text3 p, #wb_Text3 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Banner11
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   text-shadow: 0px 0px 12px rgba(75,147,212,1.00);
   margin: 0;
}
#Banner11 span
{
   display: block;
   height: 27px;
   margin: 4px 0 4px 0 ;
}
#Banner11 span:before, #Banner11 span:after 
{
   display: block;
   position: absolute;
   top: 48px;
   left: 0;
   right: 0;
}
Banner11 span:before
{
   content: "External Links";
   opacity: .3;
   transform: scaleY(-1);
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text6 p, #wb_Text6 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Icon16
{
   background-image: linear-gradient(315deg, #D200F7 0%, #28F5FC 45%, #28F5FC 55%, #207CCA 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon16 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon16:hover
{
   background-image: linear-gradient(315deg, #CCCCFF 0%, #A4CCFF 19%, #CB9AFF 41%, #9966FF 64%, #9ACCFF 83%, #CCCCFF 100%);
   border: 2px solid #FFFFFF;
}
#Icon16
{
   height: 24px;
   width: 24px;
}
#Icon16 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
   width: 23px;
}
#wb_Icon16:hover #Icon16 i
{
   color: #13A89E;
}
#wb_Icon16
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon16:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#Banner12
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   text-align: center;
   text-shadow: 0px 0px 4px rgba(23,64,109,1.00);
   margin: 0;
}
#Banner12 span
{
   display: block;
   height: 21px;
   margin: 8px 0 8px 0 ;
}
#Banner12 span:before, #Banner12 span:after 
{
   display: block;
   position: absolute;
   top: 44px;
   left: 0;
   right: 0;
}
Banner12 span:before
{
   content: "A collection of my projects, code contributions, and experiments.";
   opacity: .3;
   transform: scaleY(-1);
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text20
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text20 p, #wb_Text20 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text20
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text21 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text21
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text21 p, #wb_Text21 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text21
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card4
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 16px;
   box-shadow: 0px 0px 29px rgba(248,189,102,0.20);
   text-align: left;
}
#Card4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
.stretched-link::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0,0,0,0);
}
#Card4-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 9px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 107px;
}
#Card4-card-item1
{
   box-sizing: border-box;
   margin: -30px 20px 12px 20px;
   padding: 12px 20px 12px 20px;
   color: #EDF2DA;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card4-card-item2
{
   box-sizing: border-box;
   margin: 0 25px 0 25px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_Card4:hover #Card4-card-item2
{
   color: #F49100;
   transition: color 500ms linear 0ms;
}
#Card4-card-item3
{
   box-sizing: border-box;
   margin: 12px 0 12px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
}
#wb_Text23 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text23
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   line-height: 33px;
}
#wb_Text23 p, #wb_Text23 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text23
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#SnapScroll1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 14px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   margin: 0;
   list-style: none;
   padding: 10px 10px 10px 4px;
   position: fixed;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 9997;
}
#SnapScroll1 a
{
   display: block;
   position: relative;

   color: #0F6FC6;
   line-height: 8px;
   width: 8px;
   height: 8px;
   margin: 0 0 5px 0 ;
}
#SnapScroll1 li:last-child a
{
   margin-bottom: 0;
}
#SnapScroll1 a .label
{
   color: #1C94C4;
   position: absolute;
   left: 27px;
   top: 0;
   opacity: 0;
   transition: opacity 0.5s ease;
   white-space: nowrap;
}
#SnapScroll1 a:hover .label
{
   opacity: 1;
   display: inline-block;
}
#SnapScroll1 a:after
{
   content: "";
   width: 6px;
   height: 6px;
   display: block;
   border-radius: 50%;
   border-radius: 50%;
   background-color: #FFFFFF;
   box-shadow: 0 0 0 #0F6FC6;
   transition: box-shadow 0.3s ease;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
}
#SnapScroll1 a.active:after
{
   background-color: #0F6FC6;
   box-shadow: 0 0 6px #0F6FC6;
}
@media all and (max-width:320px) 
{
#SnapScroll1
{
   display: none;
}
}
#wb_Text24 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text24
{
   color: #000000;
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 13px;
   line-height: 19px;
}
#wb_Text24 p, #wb_Text24 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text24
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text25 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text25
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text25 p, #wb_Text25 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text25
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text17 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   height: 46px;
   overflow-y: scroll;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text17
{
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 19px;
   line-height: 27.5px;
}
#wb_Text17 p, #wb_Text17 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text17
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text14 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text14
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text14 p, #wb_Text14 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text14
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#NavigationBar1 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar1 ul.navbar li
{
   height: 29px;
   width: 322px;
   margin: 0 0 5px 0;
   vertical-align: bottom;
   overflow: hidden;
}
#NavigationBar1 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar1 ul.navbar li a img
{
   position: absolute;
   left: 0;
   z-index: 1;
   border-width: 0;
}
#NavigationBar1 ul.navbar li span
{
   display: block;
   height: 29px;
   width: 322px;
   position: absolute;
   z-index: 2;
}
#NavigationBar1 ul li a.active span
{
   visibility: hidden !important;
}
#NavigationBar1 ul li a.active .hover
{
   visibility: visible !important;
}
#NavigationBar1 ul li a.active img
{
}
#NavigationBar1_wrapper
{
   position: absolute;
   background-color: #FFFFFF;
   opacity: 0.00;
   z-index: 9999;
}
#wb_Text15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text15
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text15 p, #wb_Text15 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text15
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
.SiteTree1
{
   background-image: linear-gradient(to top, #B7DEED 0%, #71CEEF 50%, #21B4E2 51%, #B7DEED 100%);
   border: 0px solid #000000;
   border-radius: 7px;
   box-sizing: border-box;
   color: #A4D2E8;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 1.12;
   margin: 0;
   text-align: left;
}
#SiteTree1 ul
{
   list-style-type: square;
}
#SiteTree1 ul
{
   padding: 0 50px;
}
#SiteTree1 ul
{
   margin: 0;
}
#Banner2
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #FFFFFF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   text-shadow: 0px 0px 10px rgba(75,147,212,1.00);
   margin: 0;
}
#Banner2 span
{
   display: block;
   height: 27px;
   margin: 4px 0 4px 0 ;
}
#Banner2 span:before, #Banner2 span:after 
{
   display: block;
   position: absolute;
   top: 48px;
   left: 0;
   right: 0;
}
Banner2 span:before
{
   content: "Site Map";
   opacity: .3;
   transform: scaleY(-1);
}
#wb_FlipSwitch1
{
   position: relative;
   margin: 0;
}
#FlipSwitch1
{
   display: none;
}
#FlipSwitch1-label
{
   display: block;
   overflow: hidden;
   cursor: pointer;
   border: 2px solid #636363;
   border-radius: 31px;
   box-sizing: border-box;
   max-width: 100%;
   height: 100%;
   transition: border-color 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
}
#FlipSwitch1-inner
{
   box-sizing: border-box;
   display: block;
   width: 200%;
   margin-left: -100%;
   transition: margin 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
}
#FlipSwitch1-inner:before, #FlipSwitch1-inner:after
{
   display: block;
   float: left;
   width: 50%;
   height: 31px;
   padding: 0;
   line-height: 31px;
   color: #000000;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   border-radius: 31px;
   text-align: center;
}
#FlipSwitch1-inner:before
{
   content: "On";
   padding-right: 31px;
   background-color: #0275D8;
   color: #FFFFFF;
   border-radius: 31px 0 0 31px;
}
#FlipSwitch1-inner:after
{
   content: "Off";
   padding-left: 31px;
   background-color: #E9E9E9;
   color: #000000;
   border-radius: 0 31px 31px 0;
}
#FlipSwitch1-switch
{
   display: block;
   width: 31px;
   margin: 0;
   background: #FFFFFF;
   border: 2px solid #636363;
   border-radius: 31px;
   box-shadow: 0px 0px 5px rgba(15,111,198,0.30);
   position: absolute;
   top: 2px;
   bottom: 2px;
   right: 47px;
   transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
   box-sizing: border-box;
}
#FlipSwitch1:checked + #FlipSwitch1-label
{
   border-color: #636363;
}
#FlipSwitch1:checked + #FlipSwitch1-label #FlipSwitch1-inner
{
   margin-left: 0;
}
#FlipSwitch1:checked + #FlipSwitch1-label #FlipSwitch1-switch
{
   right: 2px;
   background: #FFFFFF;
   border-color: #636363;
}
#wb_Icon1
{
   background-image: linear-gradient(to top, #FF3333 0%, #990000 100%);
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon1:hover
{
   background-image: linear-gradient(to top, #000000 0%, #000000 68%, #207CCA 75%, #28F5FC 81%, #28F5FC 81%, #D200F7 91%, #000000 95%, rgba(0,0,0,0.99) 100%);
   border: 2px solid #FFFFFF;
}
#Icon1
{
   height: 16px;
   width: 16px;
}
#Icon1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 16px;
   line-height: 16px;
   vertical-align: middle;
   width: 15px;
}
#wb_Icon1:hover #Icon1 i
{
   color: #13A89E;
}
#wb_Icon1
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Icon1:hover
{
   transform: rotate(360deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_Text16 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text16
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text16 p, #wb_Text16 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text16
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Toast1 
{
   background-image: linear-gradient(to top, #B7DEED 0%, #71CEEF 50%, #21B4E2 51%, #B7DEED 100%);
   border: 0px dotted #C0C0C0;
   border-radius: 5px;
   text-align: left;
   box-shadow: 0px 0px 7px rgba(0,255,255,0.13);
}
#Toast1
{
   color: #000000;
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 13px;
}
#toasts
{
   left: 0;
   pointer-events: none;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999999;
}
.toast *
{
   box-sizing: border-box;
}
.toast.showing 
{
   opacity: 1;
}
.toast
{
   background-clip: padding-box;
   margin-left: auto;
   margin-right: 0;
   opacity: 0;
   overflow: hidden;
   pointer-events: auto;
   transition: opacity .15s linear;
}
.toast.show
{
   display: block;
   opacity: 1;
}
.toast.hide
{
   display: none;
}
.toast strong
{
   font-weight: bolder;
   margin-right: auto;
}
.toast small
{
   font-size: 80%;
   font-weight: 400;
}
.toast .close
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   border: 0;
   color: #C0C0C0;
   cursor: pointer;
   float: right;
   font-size: 150%;
   font-weight: 700;
   line-height: 1;
   margin-left: 0.5rem;
   opacity: 0.5;
   padding: 0;
   text-shadow: 0px 1px 0px #fff;
}
.toast p, .toast ul
{
   margin: 0;
   padding: 0;
}
#Toast1
{
   margin-bottom: 12px !important;
   text-align: left;
   width: 330px;
}
#Toast1 .toast-header
{
   align-items: center;
   background-clip: padding-box;
   display: flex;
   border-bottom: 1px solid rgba(0,0,0,0.06);
   background-color: rgba(255,255,255,0.50);
   color: #6C757D;
   font-family: "Exo 2";
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   padding: 10px 12px 10px 12px;
}
#Toast1 .toast-body
{
   padding: 10px 10px 10px 10px;
}
#Toast1 .svg-icon
{
   display: inline-block;
   fill: #007AFF;
   height: 13px;
   left: 0;
   margin-right: 10px;
   position: relative;
   top: 0;
   width: 13px;
}
#wb_Text18 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   display: none;
   padding: 0;
   margin: 0;
   text-align: center;
   box-shadow: 0px 0px 14px #000000;
}
#wb_Text18 div
{
   text-align: center;
}
#wb_Text18
{
   display: none;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Icon1
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 39;
}
#wb_ThemeableButton1
{
   display: inline-block;
   width: 215px;
   height: 51px;
   z-index: 17;
}
#Banner1
{
   display: inline-block;
   width: 204px;
   height: 48px;
   z-index: 45;
}
#wb_Card1
{
   display: flex;
   z-index: 10;
}
#Button2
{
   display: inline-block;
   width: 100px;
   height: 28px;
   z-index: 62;
}
#wb_Icon11
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 52;
}
#wb_Icon10
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 44;
}
#wb_Icon4
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 42;
}
#Banner3
{
   display: inline-block;
   width: 547px;
   height: 48px;
   z-index: 33;
}
#wb_Card3
{
   display: flex;
   width: 100%;
   z-index: 30;
}
#Banner2
{
   display: inline-block;
   width: 374px;
   height: 47px;
   z-index: 58;
}
#wb_Icon13
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 54;
}
#NavigationBar1
{
   display: inline-block;
   width: 322px;
   height: 136px;
   z-index: 48;
}
#wb_Card2
{
   display: flex;
   z-index: 11;
}
#wb_Icon12
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 53;
}
#Banner5
{
   display: inline-block;
   width: 854px;
   height: 130px;
   z-index: 31;
}
#wb_Icon15
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 56;
}
#wb_Icon14
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 55;
}
#wb_FlipSwitch1
{
   display: inline-block;
   width: 80px;
   height: 35px;
   z-index: 46;
}
#Banner7
{
   display: inline-block;
   width: 1155px;
   height: 48px;
   z-index: 12;
}
#wb_Icon9
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 43;
}
#basicclock
{
   color: #F49100;
   font-size: 21px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-align: center;
   text-decoration: none;
}
#ThemeableButton3
{
   width: 100%;
   height: 100%;
}
#ThemeableButton2
{
   width: 100%;
   height: 100%;
}
#Banner6
{
   display: inline-block;
   width: 547px;
   height: 48px;
   z-index: 23;
}
#ThemeableButton1
{
   width: 100%;
   height: 100%;
}
#wb_Icon16
{
   display: inline-block;
   width: 24px;
   height: 24px;
   text-align: center;
   z-index: 19;
}
#wb_Card8
{
   display: flex;
   width: 100%;
   z-index: 8;
}
#SiteSearch2_form
{
   display: inline;
}
#Banner8
{
   display: inline-block;
   width: 770px;
   height: 85px;
   z-index: 5;
}
#SiteTree1
{
   display: block;
   width: 100%;
}
#Layer1
{
   position: fixed;
   text-align: center;
   left: auto;
   right: 0px;
   top: auto;
   bottom: 0px;
   width: 331px;
   height: 49px;
   z-index: 70;
}
#Banner10
{
   display: inline-block;
   width: 1191px;
   height: 28px;
   z-index: 4;
}
#wb_JavaScript5
{
   display: inline-block;
   width: 100%;
   z-index: 63;
}
#wb_JavaScript2
{
   display: inline-block;
   width: 100%;
   z-index: 57;
}
#Banner11
{
   display: inline-block;
   width: 774px;
   height: 48px;
   z-index: 50;
}
#wb_JavaScript1
{
   display: inline-block;
   width: 100%;
   z-index: 38;
}
#wb_JavaScript4
{
   display: inline-block;
   width: 100%;
   z-index: 0;
}
#SiteSearch2
{
   display: block;
   width: 100%;
   height: 26px;
   z-index: 61;
}
#wb_Icon2
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 40;
}
#wb_ThemeableButton2
{
   display: inline-block;
   width: 215px;
   height: 53px;
   z-index: 28;
}
#Banner12
{
   display: inline-block;
   width: 669px;
   height: 48px;
   z-index: 14;
}
#wb_Icon3
{
   display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   z-index: 41;
}
#Layer1_Container
{
   width: 100%;
}
#wb_ThemeableButton3
{
   display: inline-block;
   width: 325px;
   height: 45px;
   z-index: 35;
}
#wb_Card4
{
   display: flex;
   width: 100%;
   z-index: 2;
}
#wb_Card7
{
   display: flex;
   z-index: 9;
}
#greeting
{
   font-family: "Exo 2";
   font-size: 16px;
   color: #FFFFFF;
   font-weight: normal;
   font-style: normal;
   text-align: center;
   text-decoration: none;
}
@media only screen and (min-width: 480px) and (max-width: 1199px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: 100vh;
   padding: 0;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: 100vh;
   padding: 0;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
   background-color: transparent;
   background-image: url('images/Lofi-Desktop-Man-Studying.webp');
   background-repeat: space;
   background-position: left center !important;
   background-attachment: scroll;
   background-size: cover;
}
#wb_LayoutGrid3
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: 100vh;
   padding: 0;
}
#CardContainer1
{
   visibility: hidden;
   display: none;
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 13px 13px 13px 13px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#Card2-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card2-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card2-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#Card2-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card2
{
   text-align: left;
}
#Card2-divider-bottom.show
{
   height: 50px;
}
#Card2-divider-bottom
{
   bottom: 0%;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 13px 13px 13px 13px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#Card1-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card1-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card1-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card1
{
   text-align: left;
}
#Card1-divider-bottom.show
{
   height: 50px;
}
#Card1-divider-bottom
{
   bottom: 0%;
}
#wb_Card7
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 13px 13px 13px 13px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#Card7-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card7-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card7-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card7-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#Card7-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card7
{
   text-align: left;
}
#Card7-divider-bottom.show
{
   height: 50px;
}
#Card7-divider-bottom
{
   bottom: 0%;
}
#wb_Text5
{
   visibility: visible;
   display: block;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_ThemeableButton1
{
   width: 187px;
   height: 52px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 21px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 50px;
   padding: 0;
}
#wb_Card8
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card8-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 96px;
}
#Card8-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #E4F4DF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card8-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card8-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
}
#wb_Card8
{
   text-align: left;
}
#wb_Text13
{
   visibility: visible;
   display: block;
}
#wb_Text13
{
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: left;
}
#wb_CssMenu5
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu5 li
{
   width: 100%;
}
#wb_CssMenu5 a
{
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu5 li
{
   padding-bottom: 0px !important;
}
#wb_Shape1
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text1
{
   height: 162px;
   visibility: visible;
   display: block;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_ThemeableButton2
{
   width: 184px;
   height: 55px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 21px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 53px;
   padding: 0;
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_links
{
   visibility: visible;
   display: table;
}
#wb_links
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#links
{
   height: 100vh;
   padding: 55px 0 55px 0;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid4
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   height: 100vh;
   padding: 35px 0 35px 0;
}
#wb_Text4
{
   visibility: visible;
   display: block;
}
#wb_Text4
{
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: left;
}
#wb_CssMenu1
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 100%;
}
#wb_CssMenu1 a
{
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding-bottom: 0px !important;
}
#wb_Shape2
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_ThemeableButton3
{
   width: 333px;
   height: 48px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton3
{
   font-size: 21px;
}
#wb_ThemeableButton3 .ui-button
{
   line-height: 46px;
   padding: 0;
}
#wb_Text8
{
   visibility: visible;
   display: block;
}
#wb_Text8
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_Card3
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card3-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 107px;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #E4F4DF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#Card3-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card3-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
}
#wb_Card3
{
   text-align: left;
}
#wb_Text9
{
   visibility: visible;
   display: block;
}
#wb_Text9
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid5
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   height: 100vh;
   padding: 75px 0 75px 0;
}
#wb_Text10
{
   visibility: visible;
   display: block;
}
#wb_Text10
{
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: left;
}
#wb_CssMenu2
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu2 li
{
   width: 100%;
}
#wb_CssMenu2 a
{
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu2 li
{
   padding-bottom: 0px !important;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text12
{
   visibility: visible;
   display: block;
}
#wb_Text12
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_Text11
{
   visibility: visible;
   display: block;
}
#wb_Text11
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#Layer1
{
   width: 284px;
   height: 49px;
   visibility: hidden;
   display: none;
}
#Layer1
{
   padding: 0;
}
#wb_Icon2
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon2
{
   width: 16px;
   height: 16px;
}
#Icon2 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon3
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon3
{
   width: 16px;
   height: 16px;
}
#Icon3 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_Icon4
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon4
{
   width: 16px;
   height: 16px;
}
#Icon4 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon9
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon9
{
   width: 16px;
   height: 16px;
}
#Icon9 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon10
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon10
{
   width: 16px;
   height: 16px;
}
#Icon10 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_LayoutGrid9
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid9
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid9
{
   height: 100vh;
   padding: 55px 0 55px 0;
}
#SiteSearch2
{
   width: 100%;
   height: 26px;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#SiteSearch2
{
   width: 456px;
   height: 26px;
}
#Button2
{
   width: 96px;
   height: 25px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_Icon11
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon11
{
   width: 16px;
   height: 16px;
}
#Icon11 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon12
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon12
{
   width: 16px;
   height: 16px;
}
#Icon12 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_Icon13
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon13
{
   width: 16px;
   height: 16px;
}
#Icon13 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon14
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon14
{
   width: 16px;
   height: 16px;
}
#Icon14 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon15
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon15
{
   width: 16px;
   height: 16px;
}
#Icon15 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#Banner1
{
   width: 350px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 27px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner1 span
{
   height: 27px;
   margin: 11px 0 11px 0 ;
}
#Banner3
{
   width: 468px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 27px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner3 span
{
   height: 27px;
   margin: 11px 0 11px 0 ;
}
#Banner5
{
   width: 468px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 21px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner5 span
{
   height: 21px;
   margin: 14px 0 14px 0 ;
}
#wb_Text7
{
   visibility: visible;
   display: block;
}
#wb_Text7
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#Banner6
{
   width: 450px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 29px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner6 span
{
   height: 29px;
   margin: 10px 0 10px 0 ;
}
#Banner7
{
   width: 460px;
   height: 150px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 29px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner7 span
{
   height: 29px;
   margin: 60px 0 60px 0 ;
}
#Banner8
{
   width: 452px;
   height: 150px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#Banner8 span
{
   height: 29px;
   margin: 60px 0 60px 0 ;
}
#Banner10
{
   width: 460px;
   height: 150px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 29px;
   font-family: "Lucida Console";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner10 span
{
   height: 29px;
   margin: 60px 0 60px 0 ;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#Banner11
{
   width: 350px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 27px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner11 span
{
   height: 27px;
   margin: 11px 0 11px 0 ;
}
#wb_Text6
{
   visibility: visible;
   display: block;
}
#wb_Text6
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Icon16
{
   width: 28px;
   height: 27px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon16
{
   width: 28px;
   height: 27px;
}
#Icon16 i
{
   line-height: 27px;
   font-size: 27px;
   width: 26px;
}
#Banner12
{
   width: 460px;
   height: 150px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 21px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner12 span
{
   height: 21px;
   margin: 64px 0 64px 0 ;
}
#wb_Text20
{
   visibility: visible;
   display: block;
}
#wb_Text20
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Text21
{
   visibility: visible;
   display: block;
}
#wb_Text21
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Card4
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   box-shadow: 0px 0px 29px rgba(248,189,102,0.20);
}
#Card4-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 107px;
}
#Card4-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #EDF2DA;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#Card4-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_Card4:hover #Card4-card-item2
{
   color: #F49100;
   transition: color 500ms linear 0ms;
}
#Card4-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
}
#wb_Card4
{
   text-align: left;
}
#wb_Text23
{
   visibility: hidden;
   display: none;
}
#wb_Text23
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#SnapScroll1
{
   margin: 0;
   padding: 10px 10px 10px 4px;
}
#wb_Text24
{
   visibility: visible;
   display: block;
}
#wb_Text24
{
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 20px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 29px;
}
#wb_Text25
{
   visibility: visible;
   display: block;
}
#wb_Text25
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Text17
{
   height: 162px;
   visibility: hidden;
   display: none;
}
#wb_Text17
{
   margin: 0;
   padding: 0;
}
#wb_Text14
{
   visibility: visible;
   display: block;
}
#wb_Text14
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#NavigationBar1
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text15
{
   visibility: visible;
   display: block;
}
#wb_Text15
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#SiteTree1
{
   width: 100%;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Banner2
{
   width: 350px;
   height: 50px;
   visibility: hidden;
   display: none;
   margin: 0;
   font-size: 27px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner2 span
{
   height: 27px;
   margin: 11px 0 11px 0 ;
}
#wb_FlipSwitch1
{
   width: 66px;
   height: 33px;
   visibility: visible;
   display: inline-block;
}
#FlipSwitch1-label
{
   border-radius: 29px;
   height: 100%;
}
#FlipSwitch1-inner:before, #FlipSwitch1-inner:after
{
   height: 29px;
   padding: 0;
   line-height: 29px;
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 13px;
}
#FlipSwitch1-inner:before
{
   padding-right: 29px;
   border-radius: 29px 0 0 29px;
}
#FlipSwitch1-inner:after
{
   padding-left: 29px;
   border-radius: 0 29px 29px 0;
}
#FlipSwitch1-switch
{
   width: 29px;
   border-radius: 29px;
   top: 2px;
   bottom: 2px;
   right: 35px;
}
#wb_Icon1
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon1
{
   width: 16px;
   height: 16px;
}
#Icon1 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_JavaScript1
{
   height: 66px;
   visibility: visible;
   display: block;
}
#wb_JavaScript2
{
   height: 26px;
   visibility: visible;
   display: block;
}
#wb_JavaScript4
{
   height: 26px;
   visibility: visible;
   display: block;
}
#wb_Text16
{
   visibility: visible;
   display: block;
}
#wb_Text16
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_JavaScript5
{
   height: 45px;
   visibility: visible;
   display: block;
}
#Toast1
{
   width: 310px;
}
#Toast1
{
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 13px;
   text-align: left;
}
#Toast1 .toast-header
{
   font-size: 13px;
}
#Toast1 .toast-body
{
   padding: 10px 10px 10px 10px;
}
#wb_Text18
{
   visibility: hidden;
   display: none;
}
#wb_Text18
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (max-width: 479px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: 100vh;
   padding: 0;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: 100vh;
   padding: 0;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
   background-color: transparent;
   background-image: url('images/Lofi-Desktop-Man-Studying.webp');
   background-repeat: space;
   background-position: left center !important;
   background-attachment: scroll;
   background-size: cover;
}
#wb_LayoutGrid3
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: 100vh;
   padding: 0;
}
#CardContainer1
{
   visibility: hidden;
   display: none;
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 13px 13px 13px 13px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#Card2-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card2-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card2-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card2-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card2
{
   text-align: left;
}
#Card2-divider-bottom.show
{
   height: 50px;
}
#Card2-divider-bottom
{
   bottom: 0%;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 13px 13px 13px 13px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#Card1-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card1-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card1-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card1
{
   text-align: left;
}
#Card1-divider-bottom.show
{
   height: 50px;
}
#Card1-divider-bottom
{
   bottom: 0%;
}
#wb_Card7
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 13px 13px 13px 13px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#Card7-card-item0
{
   display: inline-block;
   height: 43px;
   box-sizing: border-box;
   border-radius: 12px 12px 0 0 !important;
   margin: 20px 0 0 20px;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #1ABC9C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#Card7-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#Card7-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
}
#Card7-card-item1
{
   box-sizing: border-box;
   margin: -40px 0 0 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card7-card-item2
{
   box-sizing: border-box;
   margin: 20px 20px 30px 80px;
   padding: 12px 20px 12px 20px;
   color: #17406D;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card7
{
   text-align: left;
}
#Card7-divider-bottom.show
{
   height: 50px;
}
#Card7-divider-bottom
{
   bottom: 0%;
}
#wb_Text5
{
   visibility: hidden;
   display: none;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_ThemeableButton1
{
   width: 130px;
   height: 36px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 21px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 34px;
   padding: 0;
}
#wb_Card8
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card8-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 75px;
}
#Card8-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #E4F4DF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#Card8-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card8-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 20px;
}
#wb_Card8
{
   text-align: left;
}
#wb_Text13
{
   visibility: visible;
   display: block;
}
#wb_Text13
{
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: left;
}
#wb_CssMenu5
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu5 li
{
   width: 100%;
}
#wb_CssMenu5 a
{
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu5 li
{
   padding-bottom: 0px !important;
}
#wb_Shape1
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text1
{
   height: 229px;
   visibility: visible;
   display: block;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_ThemeableButton2
{
   width: 172px;
   height: 34px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 21px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 32px;
   padding: 0;
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_links
{
   visibility: visible;
   display: table;
}
#wb_links
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#links
{
   height: 100vh;
   padding: 55px 0 55px 0;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid4
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   height: 100vh;
   padding: 35px 0 35px 0;
}
#wb_Text4
{
   visibility: visible;
   display: block;
}
#wb_Text4
{
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: left;
}
#wb_CssMenu1
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 100%;
}
#wb_CssMenu1 a
{
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding-bottom: 0px !important;
}
#wb_Shape2
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_ThemeableButton3
{
   width: 288px;
   height: 49px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton3
{
   font-size: 21px;
}
#wb_ThemeableButton3 .ui-button
{
   line-height: 47px;
   padding: 0;
}
#wb_Text8
{
   visibility: hidden;
   display: none;
}
#wb_Text8
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_Card3
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card3-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 75px;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #E4F4DF;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#Card3-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card3-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 20px;
}
#wb_Card3
{
   text-align: left;
}
#wb_Text9
{
   visibility: visible;
   display: block;
}
#wb_Text9
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid5
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   height: 100vh;
   padding: 75px 0 75px 0;
}
#wb_Text10
{
   visibility: visible;
   display: block;
}
#wb_Text10
{
   font-family: Arial;
   font-weight: 400;
   font-size: 15px;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: left;
}
#wb_CssMenu2
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu2 li
{
   width: 100%;
}
#wb_CssMenu2 a
{
   color: #787878;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
   text-align: left;
}
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
{
   color: #6B3CFC;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu2 li
{
   padding-bottom: 0px !important;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text12
{
   visibility: visible;
   display: block;
}
#wb_Text12
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#wb_Text11
{
   visibility: hidden;
   display: none;
}
#wb_Text11
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#Layer1
{
   width: 275px;
   height: 43px;
   visibility: hidden;
   display: none;
}
#Layer1
{
   padding: 0;
}
#wb_Icon2
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon2
{
   width: 16px;
   height: 16px;
}
#Icon2 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon3
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon3
{
   width: 16px;
   height: 16px;
}
#Icon3 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_Icon4
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon4
{
   width: 16px;
   height: 16px;
}
#Icon4 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon9
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon9
{
   width: 16px;
   height: 16px;
}
#Icon9 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon10
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon10
{
   width: 16px;
   height: 16px;
}
#Icon10 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_LayoutGrid9
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid9
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid9
{
   height: 100vh;
   padding: 55px 0 55px 0;
}
#SiteSearch2
{
   width: 100%;
   height: 26px;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#SiteSearch2
{
   width: 296px;
   height: 26px;
}
#Button2
{
   width: 96px;
   height: 25px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_Icon11
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon11
{
   width: 16px;
   height: 16px;
}
#Icon11 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon12
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon12
{
   width: 16px;
   height: 16px;
}
#Icon12 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_Icon13
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon13
{
   width: 16px;
   height: 16px;
}
#Icon13 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon14
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon14
{
   width: 16px;
   height: 16px;
}
#Icon14 i
{
   line-height: 16px;
   font-size: 16px;
   width: 15px;
}
#wb_Icon15
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon15
{
   width: 16px;
   height: 16px;
}
#Icon15 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#Banner1
{
   width: 133px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 20px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner1 span
{
   height: 20px;
   margin: 14px 0 14px 0 ;
}
#Banner3
{
   width: 308px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 20px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner3 span
{
   height: 20px;
   margin: 14px 0 14px 0 ;
}
#Banner5
{
   width: 308px;
   height: 152px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 16px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner5 span
{
   height: 16px;
   margin: 67px 0 67px 0 ;
}
#wb_Text7
{
   visibility: hidden;
   display: none;
}
#wb_Text7
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#Banner6
{
   width: 288px;
   height: 82px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 20px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner6 span
{
   height: 20px;
   margin: 30px 0 30px 0 ;
}
#Banner7
{
   width: 289px;
   height: 71px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 20px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner7 span
{
   height: 20px;
   margin: 24px 0 24px 0 ;
}
#Banner8
{
   width: 289px;
   height: 72px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#Banner8 span
{
   height: 29px;
   margin: 21px 0 21px 0 ;
}
#Banner10
{
   width: 289px;
   height: 32px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 21px;
   font-family: "Lucida Console";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner10 span
{
   height: 21px;
   margin: 5px 0 5px 0 ;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#Banner11
{
   width: 296px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 20px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner11 span
{
   height: 20px;
   margin: 14px 0 14px 0 ;
}
#wb_Text6
{
   visibility: visible;
   display: block;
}
#wb_Text6
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Icon16
{
   width: 12px;
   height: 13px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon16
{
   width: 12px;
   height: 13px;
}
#Icon16 i
{
   line-height: 13px;
   font-size: 12px;
   width: 11px;
}
#Banner12
{
   width: 300px;
   height: 71px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   font-size: 16px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner12 span
{
   height: 16px;
   margin: 26px 0 26px 0 ;
}
#wb_Text20
{
   visibility: visible;
   display: block;
}
#wb_Text20
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Text21
{
   visibility: visible;
   display: block;
}
#wb_Text21
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Card4
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   box-shadow: 0px 0px 59px rgba(250,211,153,0.20) inset;
}
#Card4-card-item0
{
   box-sizing: border-box;
   border-radius: 16px 16px 0 0 !important;
   margin: 10px 20px 0 20px;
   padding: 0;
   color: #E4F4DF;
   font-family: "Times New Roman";
   font-weight: bold;
   font-style: normal;
   font-size: 75px;
}
#Card4-card-item1
{
   box-sizing: border-box;
   margin: -40px 20px 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #EDF2DA;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#Card4-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px #E4F4DF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_Card4:hover #Card4-card-item2
{
   color: #F49100;
   transition: color 500ms linear 0ms;
}
#Card4-card-item3
{
   box-sizing: border-box;
   margin: 20px 0 20px 20px;
   padding: 12px 20px 12px 20px;
   color: #CAE9C0;
   font-family: "Exo 2";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#wb_Card4
{
   text-align: left;
}
#wb_Text23
{
   visibility: hidden;
   display: none;
}
#wb_Text23
{
   font-family: Arial;
   font-weight: 400;
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 33px;
}
#SnapScroll1
{
   margin: 0;
   padding: 10px 10px 10px 4px;
}
#wb_Text24
{
   visibility: visible;
   display: block;
}
#wb_Text24
{
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 11px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 15px;
}
#wb_Text25
{
   visibility: visible;
   display: block;
}
#wb_Text25
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_Text17
{
   height: 229px;
   visibility: hidden;
   display: none;
}
#wb_Text17
{
   margin: 0;
   padding: 0;
}
#wb_Text14
{
   visibility: visible;
   display: block;
}
#wb_Text14
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#NavigationBar1
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text15
{
   visibility: visible;
   display: block;
}
#wb_Text15
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#SiteTree1
{
   width: 100%;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Banner2
{
   width: 300px;
   height: 50px;
   visibility: hidden;
   display: none;
   margin: 0;
   font-size: 20px;
   font-family: "Exo 2";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#Banner2 span
{
   height: 20px;
   margin: 14px 0 14px 0 ;
}
#wb_FlipSwitch1
{
   width: 63px;
   height: 29px;
   visibility: visible;
   display: inline-block;
}
#FlipSwitch1-label
{
   border-radius: 25px;
   height: 100%;
}
#FlipSwitch1-inner:before, #FlipSwitch1-inner:after
{
   height: 25px;
   padding: 0;
   line-height: 25px;
   font-family: "Exo 2";
   font-weight: normal;
   font-size: 13px;
}
#FlipSwitch1-inner:before
{
   padding-right: 25px;
   border-radius: 25px 0 0 25px;
}
#FlipSwitch1-inner:after
{
   padding-left: 25px;
   border-radius: 0 25px 25px 0;
}
#FlipSwitch1-switch
{
   width: 25px;
   border-radius: 25px;
   top: 2px;
   bottom: 2px;
   right: 36px;
}
#wb_Icon1
{
   width: 16px;
   height: 16px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 10px 10px 10px 10px;
}
#Icon1
{
   width: 16px;
   height: 16px;
}
#Icon1 i
{
   line-height: 16px;
   font-size: 16px;
   width: 19px;
}
#wb_JavaScript1
{
   height: 44px;
   visibility: visible;
   display: block;
}
#wb_JavaScript2
{
   height: 26px;
   visibility: visible;
   display: block;
}
#wb_JavaScript4
{
   height: 26px;
   visibility: visible;
   display: block;
}
#wb_Text16
{
   visibility: visible;
   display: block;
}
#wb_Text16
{
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
#wb_JavaScript5
{
   height: 45px;
   visibility: visible;
   display: block;
}
#Toast1
{
   width: 310px;
}
#Toast1
{
   font-family: "Exo 2";
   font-weight: 400;
   font-size: 13px;
   text-align: left;
}
#Toast1 .toast-header
{
   font-size: 13px;
}
#Toast1 .toast-body
{
   padding: 10px 10px 10px 10px;
}
#wb_Text18
{
   visibility: visible;
   display: block;
}
#wb_Text18
{
   margin: 0;
   padding: 0;
}
}
.darktheme body
{
   background-color: #FFFFFF;
}
.darktheme #wb_Card2,
.darktheme #wb_Card1,
.darktheme #wb_Card7
{
   filter: invert(100%);
}