html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_top2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#top2
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: left;
}
#wb_summary_t 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   padding: 10px 10px 25px 10px;
   margin: 0;
   text-align: left;
}
#wb_summary_t div
{
   text-align: left;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#Heading1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 29px;
   margin: 0;
   text-align: center;
}
#wb_top1
{
   background-color: #3E78B3;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   width: 100%;
}
#top1
{
   display: flex;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: flex-start;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
   box-sizing: border-box;
   font-size: 0;
}
#top3
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: flex-end;
   align-content: flex-start;
   margin: 0;
   background-color: #3E78B3;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#summary
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_skills
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   position: relative;
}
#skills
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 5024px;
   background-color: transparent;
   background-image: none;
   box-sizing: border-box;
   font-size: 0;
}
#wb_skills_t 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   padding: 10px 10px 10px 10px;
   margin: 0;
   text-align: left;
}
#wb_skills_t
{
   color: #3E78B3;
   font-family: Arial;
   font-weight: normal;
   font-size: 17px;
   line-height: 20px;
}
#wb_skills_t p, #wb_skills_t ul
{
   margin: 0;
   padding: 0;
}
#PanelLayer
{
   background-color: #3E78B3;
   background-image: none;
}
#PanelLayer_panel
{
   background-color: #3E78B3;
   background-image: none;
   border-radius: 0px;
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
@media only screen and (max-width:480px) 
{
#PanelLayer
{
   width: 100% !important;
}
#PanelLayer_panel
{
   width: 100% !important;
}
body
{
   margin-left: 0 !important;
}
}
#wb_CssMenu1
{
   border: 0px solid #C0C0C0;
   background-color: transparent;
   margin: 0;
   text-align: left;
}
#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: #D3D3D3;
   border: 0px solid #CCCCCC;
   background-color: #3E78B3;
   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: 40px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 40px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: #696969;
   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;
}
#ergasia
{
   display: flex;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_study
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   position: relative;
}
#study
{
   display: flex;
   position: relative;
   min-height: 100vh;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: stretch;
   align-content: stretch;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1280px;
   background-color: transparent;
   background-image: none;
   box-sizing: border-box;
   font-size: 0;
}
#contact
{
   display: flex;
   position: relative;
   min-height: 100vh;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_LayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid7
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid7 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2
{
   float: left;
}
#LayoutGrid7 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid7 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid7:before,
#LayoutGrid7:after,
#LayoutGrid7 .row:before,
#LayoutGrid7 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid7:after,
#LayoutGrid7 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 8px solid #87AED6;
   border-radius: 50%;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Heading3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0 0 10px 0;
   text-align: left;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
}
#Heading3
{
   color: #3E78B3;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
}
#name
{
   border: 1px solid #D3D3D3;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 24px;
   padding: 8px 8px 8px 10px;
   margin: 10px 0 10px 0 ;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   text-align: left;
}
#email
{
   border: 1px solid #D3D3D3;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 24px;
   padding: 8px 8px 8px 10px;
   margin: 10px 0 10px 0 ;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   text-align: left;
}
#message
{
   border: 1px solid #D3D3D3;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 24px;
   padding: 8px 8px 8px 10px;
   margin: 10px 0 10px 0 ;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   text-align: left;
}
#send_message
{
   border: 1px solid #D3D3D3;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 0;
   text-align: center;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   -webkit-appearance: none;
   margin: 10px 0 10px 0 ;
}
#wb_Heading4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 20px 0 20px 0 ;
   padding: 0;
   text-align: left;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
}
#Heading4
{
   color: #696969;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
}
#wb_close-panel
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
}
#close-panel
{
   height: 28px;
   width: 28px;
}
#close-panel i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 28px;
   vertical-align: middle;
   width: 21px;
}
#close-panel:hover i
{
   color: #F5F5F5;
}
#wb_Heading5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#Heading5
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
}
#wb_FontAwesomeIcon5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#FontAwesomeIcon5
{
   height: 42px;
   width: 48px;
}
#FontAwesomeIcon5 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 42px;
   line-height: 42px;
   vertical-align: middle;
   width: 41px;
}
#FontAwesomeIcon5:hover i
{
   color: #F5F5F5;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2, #LayoutGrid1 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2, #LayoutGrid1 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid1 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid1 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid1 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid1 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid1 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2, #LayoutGrid1 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text4 div
{
   text-align: right;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card5
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
}
#Card5{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card5-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card5-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card5-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card5-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 13px;
   margin: 0;
}
#Card5 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card5 .arrow::before, #Card5 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card5, .Card5.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card5 > .arrow, .Card5.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card5 > .arrow::before, .Card5.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card5 > .arrow::after, .Card5.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card5 .arrow{
   top: 13.5px;
}
#Card5{
   height: 100%;
}
#wb_formfieldsoverviewLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#formfieldsoverviewLayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#formfieldsoverviewLayoutGrid1 > .col-1, #formfieldsoverviewLayoutGrid1 > .col-2, #formfieldsoverviewLayoutGrid1 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#formfieldsoverviewLayoutGrid1 > .col-1, #formfieldsoverviewLayoutGrid1 > .col-2, #formfieldsoverviewLayoutGrid1 > .col-3
{
   flex: 0 0 auto;
}
#formfieldsoverviewLayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#formfieldsoverviewLayoutGrid1 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#formfieldsoverviewLayoutGrid1 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#formfieldsoverviewLayoutGrid1 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#formfieldsoverviewLayoutGrid1 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#formfieldsoverviewLayoutGrid1 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#formfieldsoverviewLayoutGrid1 > .col-1, #formfieldsoverviewLayoutGrid1 > .col-2, #formfieldsoverviewLayoutGrid1 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text3 div
{
   text-align: right;
}
#wb_Text3
{
   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;
}
#Card4{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card4-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card4-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card4-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card4-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#Card4 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card4 .arrow::before, #Card4 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card4, .Card4.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card4 > .arrow, .Card4.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card4 > .arrow::before, .Card4.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card4 > .arrow::after, .Card4.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card4 .arrow{
   top: 13.5px;
}
#Card4{
   height: 100%;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid2 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid2 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid2 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid2 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid2 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text5 div
{
   text-align: right;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card6
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
}
#Card6{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card6-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card6-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card6-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card6-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card6-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#Card6 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card6 .arrow::before, #Card6 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card6, .Card6.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card6 > .arrow, .Card6.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card6 > .arrow::before, .Card6.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card6 > .arrow::after, .Card6.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card6 .arrow{
   top: 13.5px;
}
#Card6{
   height: 100%;
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2, #LayoutGrid3 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2, #LayoutGrid3 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid3 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid3 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid3 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2, #LayoutGrid3 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text6 div
{
   text-align: right;
}
#wb_Text6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card7
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
}
#Card7{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card7-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card7-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card7-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card7-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card7-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#Card7 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card7 .arrow::before, #Card7 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card7, .Card7.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card7 > .arrow, .Card7.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card7 > .arrow::before, .Card7.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card7 > .arrow::after, .Card7.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card7 .arrow{
   top: 13.5px;
}
#Card7{
   height: 100%;
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2, #LayoutGrid4 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2, #LayoutGrid4 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid4 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid4 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid4 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid4 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid4 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2, #LayoutGrid4 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text7 div
{
   text-align: right;
}
#wb_Text7
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card8
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
}
#Card8{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card8-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card8-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card8-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card8-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#Card8 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card8 .arrow::before, #Card8 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card8, .Card8.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card8 > .arrow, .Card8.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card8 > .arrow::before, .Card8.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card8 > .arrow::after, .Card8.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card8 .arrow{
   top: 13.5px;
}
#Card8{
   height: 100%;
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2, #LayoutGrid5 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2, #LayoutGrid5 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid5 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid5 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid5 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2, #LayoutGrid5 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text8 div
{
   text-align: right;
}
#wb_Text8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card9
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
}
#Card9{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card9-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card9-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card9-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card9-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#Card9 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card9 .arrow::before, #Card9 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card9, .Card9.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card9 > .arrow, .Card9.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card9 > .arrow::before, .Card9.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card9 > .arrow::after, .Card9.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card9 .arrow{
   top: 13.5px;
}
#Card9{
   height: 100%;
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2, #LayoutGrid6 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2, #LayoutGrid6 > .col-3
{
   flex: 0 0 auto;
}
#LayoutGrid6 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid6 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid6 > .col-2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   flex-basis: 100px;
   max-width: 100px;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid6 > .col-2::before
{
   content: "";
   border-left: 4px solid #E2E3E5;
   width: 0px;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid6 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 100px) / 2);
   max-width:  calc((100% - 100px) / 2);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid6 > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
@media (max-width: 480px)
{
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2, #LayoutGrid6 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: right;
}
#wb_Text9 div
{
   text-align: right;
}
#wb_Text9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card10
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
}
#Card10{
   background-color: transparent;
   background-image: none;
   border: 2px solid #BADBCC;
   border-radius: 3px;
   text-align: left;
}
#Card10-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card10-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card10-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card10-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card10-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#Card10 .arrow
{
   position: absolute;
   display: block;
   width: 27px;
   height: 13.5px;
   margin: 0;
}
#Card10 .arrow::before, #Card10 .arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
#Card10, .Card10.bs-popover-auto[x-placement^="left"]
{
   margin-right: 13.5px;
}
#Card10 > .arrow, .Card10.bs-popover-auto[x-placement^="left"] > .arrow
{
   right: 0;
   width: 13.5px;
   height: 27px;
   margin: 0;
}
#Card10 > .arrow::before, .Card10.bs-popover-auto[x-placement^="left"] > .arrow::before
{
   right: 0;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #BADBCC;
}
#Card10 > .arrow::after, .Card10.bs-popover-auto[x-placement^="left"] > .arrow::after
{
   right: 2px;
   border-width: 13.5px 0 13.5px 13.5px;
   border-left-color: #FFFFFF;
}
#Card10 .arrow{
   top: 13.5px;
}
#Card10{
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   padding: 10px 10px 25px 10px;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#upStickyLayer
{
   background-color: #2C579B;
   background-image: none;
   border-radius: 50%;
}
#wb_upIcon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3E3E3E;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
}
#upIcon
{
   height: 24px;
   width: 24px;
}
#upIcon i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
   width: 23px;
}
#upIcon:hover i
{
   color: #678FD3;
}
#wb_contactText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 20px 0;
   margin: 0;
   text-align: left;
}
#wb_contactText
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 16px;
}
#wb_contactText p, #wb_contactText ul
{
   margin: 0;
   padding: 0;
}
#wb_Heading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#Heading2
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   margin: 0;
   text-align: left;
}
#wb_Card6
{
   display: flex;
   width: 100%;
   z-index: 17;
}
#wb_Shape1
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 12;
   position: relative;
}
#wb_CssMenu1
{
   position: absolute;
   left: 0px;
   top: 183px;
   width: 250px;
   height: 222px;
   z-index: 7;
}
#message
{
   display: block;
   height: 42px;
}
#wb_Shape2
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 15;
   position: relative;
}
#wb_Shape3
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 18;
   position: relative;
}
#wb_Image1
{
   position: absolute;
   left: 37px;
   top: 9px;
   width: 139px;
   height: 139px;
   z-index: 8;
}
#wb_upIcon
{
   position: absolute;
   left: 9px;
   top: 9px;
   width: 24px;
   height: 24px;
   text-align: center;
   z-index: 67;
}
#send_message
{
   display: block;
   width: 169px;
   height: 35px;
   z-index: 45;
}
#email
{
   display: block;
   height: 42px;
}
#PanelLayer
{
   text-align: center;
}
#Shape1
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Card10
{
   display: flex;
   width: 100%;
   z-index: 29;
}
#Shape2
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Heading4
{
   display: inline-block;
   z-index: 41;
}
#Shape3
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Card9
{
   display: flex;
   width: 100%;
   z-index: 26;
}
#Shape4
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Heading5
{
   display: inline-block;
   width: 658px;
   z-index: 2;
}
#Shape5
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Card8
{
   display: flex;
   width: 100%;
   z-index: 23;
}
#wb_Heading2
{
   display: inline-block;
   width: 89px;
   z-index: 3;
}
#Shape6
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Heading3
{
   display: inline-block;
   z-index: 32;
}
#wb_contactText
{
   position: absolute;
   left: 37px;
   top: 381px;
   width: 168px;
   height: 15px;
   z-index: 10;
}
#PanelLayer_Container
{
   width: 250px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Shape7
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#wb_Shape4
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 21;
   position: relative;
}
#name
{
   display: block;
   height: 42px;
}
#wb_Shape5
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 24;
   position: relative;
}
#wb_Heading1
{
   display: inline-block;
   width: 834px;
   z-index: 0;
}
#wb_Shape6
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 27;
   position: relative;
}
#wb_Card5
{
   display: flex;
   width: 100%;
   z-index: 11;
}
#wb_FontAwesomeIcon5
{
   display: inline-block;
   width: 48px;
   height: 42px;
   text-align: center;
   z-index: 1;
}
#wb_close-panel
{
   position: absolute;
   left: 201px;
   top: 1px;
   width: 28px;
   height: 28px;
   visibility: hidden;
   text-align: center;
   z-index: 9;
}
#upStickyLayer
{
   position: fixed;
   text-align: left;
   left: auto;
   right: 25px;
   top: auto;
   bottom: 25px;
   width: 51px;
   height: 53px;
   z-index: 71;
}
#wb_Shape7
{
   display: inline-block;
   width: 20px;
   height: 20px;
   z-index: 30;
   position: relative;
}
#wb_Card4
{
   display: flex;
   width: 100%;
   z-index: 14;
}
#wb_top2
{
   display: inline-block;
   width: 331px;
   z-index: 4;
}
#wb_Card7
{
   display: flex;
   width: 100%;
   z-index: 20;
}
@media only screen and (max-width: 480px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_summary_t
{
   width: auto;
   height: auto;
   visibility: visible;
   display: inline;
}
#wb_summary_t
{
   margin: 0;
   padding: 10px 10px 25px 10px;
}
#wb_Heading1
{
   width: 405px;
   height: 58px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_top1
{
   visibility: visible;
   display: block;
   background-color: #3E78B3;
   background-image: none;
}
#top1
{
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: flex-start;
}
#top3
{
   visibility: visible;
   display: flex;
   background-color: #3E78B3;
   background-image: none;
}
#top3
{
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: flex-start;
}
#summary
{
   visibility: visible;
   display: flex;
}
#summary
{
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_skills
{
   visibility: visible;
   display: block;
}
#skills
{
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_skills_t
{
   width: auto;
   height: auto;
   visibility: visible;
   display: inline;
}
#wb_skills_t
{
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#PanelLayer
{
   left: 507px;
   top: 117px;
   width: 250px;
}
#PanelLayer_Container
{
   width: 250px;
}
#wb_CssMenu1
{
   left: 0px;
   top: 226px;
   width: 250px;
   height: 200px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 100%;
}
#wb_CssMenu1 a
{
   color: #D3D3D3;
   border: 0px solid #CCCCCC;
   background-color: #3E78B3;
   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: 40px;
   padding: 0px 5px 0px 5px;
   line-height: 40px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: #696969;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding-bottom: 0px !important;
}
#Timer1
{
   left: 998px;
   top: 724px;
   width: 48px;
   height: 48px;
   visibility: visible;
   display: inline;
}
#ergasia
{
   visibility: visible;
   display: flex;
   background-color: transparent;
   background-image: none;
}
#ergasia
{
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_study
{
   visibility: visible;
   display: block;
}
#study
{
   min-height: 0;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 10px 10px 10px 10px;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: stretch;
   align-content: flex-start;
}
#contact
{
   visibility: visible;
   display: flex;
}
#contact
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_LayoutGrid7
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid7
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid7
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid7 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid7 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid7 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Image1
{
   left: 49px;
   top: 38px;
   width: 139px;
   height: 139px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Heading3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0 0 10px 0;
}
#name
{
   width: auto;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 10px 0 10px 0 ;
   padding: 8px 8px 8px 10px;
   text-align: left;
}
#name
{
   line-height: 4px;
}
#email
{
   width: auto;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 10px 0 10px 0 ;
   padding: 8px 8px 8px 10px;
   text-align: left;
}
#email
{
   line-height: 4px;
}
#message
{
   width: auto;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 10px 0 10px 0 ;
   padding: 8px 8px 8px 10px;
   text-align: left;
}
#message
{
   line-height: 4px;
}
#send_message
{
   width: 169px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 10px 0 10px 0 ;
   padding: 0;
}
#wb_Heading4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: inline;
   margin: 20px 0 20px 0 ;
   padding: 0;
}
#wb_close-panel
{
   left: 198px;
   top: 4px;
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#close-panel
{
   width: 28px;
   height: 28px;
}
#close-panel i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_Heading5
{
   width: 600px;
   height: 54px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_FontAwesomeIcon5
{
   width: 48px;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#FontAwesomeIcon5
{
   width: 48px;
   height: 42px;
}
#FontAwesomeIcon5 i
{
   line-height: 42px;
   font-size: 42px;
   width: 41px;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2, #LayoutGrid1 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid1 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid1 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid1 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid1 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text4
{
   visibility: visible;
   display: block;
}
#wb_Text4
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape1
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card5
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card5
{
}
#Card5-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card5-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card5-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card5-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 13px;
   margin: 0;
}
#wb_formfieldsoverviewLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_formfieldsoverviewLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#formfieldsoverviewLayoutGrid1
{
   height: auto;
   padding: 0;
}
#formfieldsoverviewLayoutGrid1 > .col-1, #formfieldsoverviewLayoutGrid1 > .col-2, #formfieldsoverviewLayoutGrid1 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#formfieldsoverviewLayoutGrid1 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#formfieldsoverviewLayoutGrid1 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#formfieldsoverviewLayoutGrid1 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#formfieldsoverviewLayoutGrid1 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#formfieldsoverviewLayoutGrid1 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape2
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card4
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card4
{
}
#Card4-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card4-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card4-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card4-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 0;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2, #LayoutGrid2 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid2 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid2 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid2 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid2 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid2 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text5
{
   visibility: visible;
   display: block;
}
#wb_Text5
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape3
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card6
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card6
{
}
#Card6-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card6-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card6-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card6-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: auto;
   padding: 0;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2, #LayoutGrid3 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid3 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid3 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid3 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text6
{
   visibility: visible;
   display: block;
}
#wb_Text6
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape4
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card7
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card7
{
}
#Card7-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card7-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card7-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card7-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid4
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   height: auto;
   padding: 0;
}
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2, #LayoutGrid4 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid4 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid4 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid4 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid4 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid4 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text7
{
   visibility: visible;
   display: block;
}
#wb_Text7
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape5
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card8
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card8
{
}
#Card8-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card8-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card8-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card8-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid5
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   height: auto;
   padding: 0;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2, #LayoutGrid5 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid5 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid5 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid5 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text8
{
   visibility: visible;
   display: block;
}
#wb_Text8
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape6
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card9
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card9
{
}
#Card9-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card9-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card9-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card9-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#wb_LayoutGrid6
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid6
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid6
{
   height: auto;
   padding: 0;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2, #LayoutGrid6 > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid6 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid6 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid6 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #E2E3E5;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid6 > .col-3
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: flex-start;
   -webkit-align-items: flex-start;
   align-content: flex-start;
   align-items: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid6 > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 20px 0 20px 0;
}
#wb_Text9
{
   visibility: visible;
   display: block;
}
#wb_Text9
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_Shape7
{
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Card10
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card10
{
}
#Card10-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card10-card-item0 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
#Card10-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 3px 3px !important;
   margin: 20px 20px 0 20px;
   padding: 0;
}
#Card10-card-item1 h2
{
   color: #0F5132;
   font-family: Calibri;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   margin: 0;
}
#wb_Text1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 10px 10px 25px 10px;
}
}
body
{
    width: auto !important;
}
#container
{
    width: 100%;
    height: 100%;
}
#PanelLayer_Container, #PanelLayer
{
   height: 100%;
}
#wb_Copyrights
{
   top: auto !important;
   bottom: 20px;
}