html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: none;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: none;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
   #welcome-layer
   {
      background-attachment: scroll !important;
   }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)
{
   #welcome-layer
   {
      background-attachment: scroll !important;
   }
}
#wb_masterpageLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#masterpageLayoutGrid1
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
}
#masterpageLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   float: left;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#masterpageLayoutGrid1:before,
#masterpageLayoutGrid1:after,
#masterpageLayoutGrid1 .row:before,
#masterpageLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#masterpageLayoutGrid1:after,
#masterpageLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#masterpageLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_header
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #708090;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#header
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
}
#header > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#header > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#header > .row > .col-1
{
   float: left;
}
#header > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#header:before,
#header:after,
#header .row:before,
#header .row:after
{
   display: table;
   content: " ";
}
#header:after,
#header .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#header > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_indexImage12
{
   margin: 0;
   vertical-align: top;
}
#indexImage12
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 33px;
   vertical-align: top;
}
#wb_indexImage7
{
   margin: 0;
   vertical-align: top;
}
#indexImage7
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 33px;
   vertical-align: top;
}
#wb_indexImage11
{
   margin: 0;
   vertical-align: top;
}
#indexImage11
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 32px;
   vertical-align: top;
}
#wb_indexImage3
{
   margin: 0;
   vertical-align: top;
}
#indexImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 32px;
   vertical-align: top;
}
#wb_indexImage10
{
   margin: 0;
   vertical-align: top;
}
#indexImage10
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 32px;
   vertical-align: top;
}
#wb_indexImage8
{
   margin: 0;
   vertical-align: top;
}
#indexImage8
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 32px;
   vertical-align: top;
}
#wb_indexImage5
{
   margin: 0;
   vertical-align: top;
}
#indexImage5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 33px;
   vertical-align: top;
}
#wb_indexText22 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText22 div
{
   text-align: left;
}
#wb_indexText22
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexText20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText20 div
{
   text-align: left;
}
#wb_indexText20
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexText9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText9 div
{
   text-align: left;
}
#wb_indexText9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexText6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText6 div
{
   text-align: left;
}
#wb_indexText6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexText15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText15 div
{
   text-align: left;
}
#wb_indexText15
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexImage6
{
   margin: 0;
   vertical-align: top;
}
#indexImage6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 49px;
   height: 33px;
   vertical-align: top;
}
#wb_skills-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_skills-text div
{
   text-align: left;
}
#wb_skills-text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#welcome-layer
{
   background-color: transparent;
   background-image: url('../images/kallithea-nikon2012-9840-850x340-small.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border-radius: 0px;
   margin: 0;
}
#wb_welcome-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
   animation: swash-in 1500ms linear 0ms 1 normal;
}
#wb_welcome-text div
{
   text-align: left;
}
#welcome-button
{
   top: 0px;
   width: 171px;
   height: 35px;
   background-color: #7899C7;
   background-image: none;
   border: 0px #FFFFFF solid;
   border-radius: 3px;
}
#welcome-button:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px #708090 solid;
}
#welcome-button_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.17%;
   top: 5.71%;
   width: 97.08%;
   height: 85.71%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#welcome-button:hover span
{
   color: #000000 !important;
}
#welcome-button span:hover
{
   color: #000000 !important;
}
#wb_indexText8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText8 div
{
   text-align: left;
}
#wb_indexText8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #7899C7;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid1
{
   box-sizing: border-box;
   padding: 10px 5px 10px 5px;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid1 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#indexLayoutGrid1
{
   width: 1200px;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2
{
   float: left;
}
#indexLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid1:before,
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:before,
#indexLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid1
{
   width: 100%;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_indexLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #D4D4CD;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid2
{
   box-sizing: border-box;
   padding: 10px 5px 10px 5px;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid2 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid2 > .row > .col-1, #indexLayoutGrid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#indexLayoutGrid2
{
   width: 1200px;
}
#indexLayoutGrid2 > .row > .col-1, #indexLayoutGrid2 > .row > .col-2
{
   float: left;
}
#indexLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid2:before,
#indexLayoutGrid2:after,
#indexLayoutGrid2 .row:before,
#indexLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid2:after,
#indexLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid2
{
   width: 100%;
}
#indexLayoutGrid2 > .row > .col-1, #indexLayoutGrid2 > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_indexLayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #7899C7;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid3
{
   box-sizing: border-box;
   padding: 10px 5px 10px 5px;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid3 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#indexLayoutGrid3
{
   width: 1200px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2
{
   float: left;
}
#indexLayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid3 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid3:before,
#indexLayoutGrid3:after,
#indexLayoutGrid3 .row:before,
#indexLayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid3:after,
#indexLayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid3
{
   width: 100%;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_indexText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText2 div
{
   text-align: left;
}
#wb_indexText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexText13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText13 div
{
   text-align: left;
}
#wb_indexText13
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexImage9
{
   margin: 0;
   vertical-align: top;
}
#indexImage9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 66px;
   height: 66px;
   vertical-align: top;
}
#wb_indexText4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText4 div
{
   text-align: left;
}
#wb_indexText4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexImage2
{
   margin: 0;
   vertical-align: top;
}
#indexImage2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 229px;
   height: 68px;
   vertical-align: top;
}
#wb_indexImage4
{
   margin: 0;
   vertical-align: top;
}
#indexImage4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 281px;
   height: 96px;
   vertical-align: top;
}
#wb_indexLayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #D4D4CD;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid4
{
   box-sizing: border-box;
   padding: 10px 5px 10px 5px;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid4 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#indexLayoutGrid4
{
   width: 1200px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
   float: left;
}
#indexLayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid4:before,
#indexLayoutGrid4:after,
#indexLayoutGrid4 .row:before,
#indexLayoutGrid4 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid4:after,
#indexLayoutGrid4 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid4
{
   width: 100%;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_indexLayoutGrid13
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #708090;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid13
{
   box-sizing: border-box;
   padding: 5px 5px 10px 5px;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid13 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#indexLayoutGrid13
{
   width: 1200px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
   float: left;
}
#indexLayoutGrid13 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#indexLayoutGrid13:before,
#indexLayoutGrid13:after,
#indexLayoutGrid13 .row:before,
#indexLayoutGrid13 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid13:after,
#indexLayoutGrid13 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid13
{
   width: 100%;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#portsShape3
{
   width: 286px;
   height: 66px;
   background-color: #5B6571;
   background-image: none;
   border: 0px #245580 solid;
}
#portsShape3_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.35%;
   top: 1.52%;
   width: 99.3%;
   height: 96.97%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#wb_portsShape3
{
   margin: 0;
   vertical-align: top;
}
#wb_indexLayoutGrid14
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid14
{
   box-sizing: border-box;
   padding: 5px 0 10px 0;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid14 > .row
{
   margin-right: 0;
   margin-left: 0;
}
#indexLayoutGrid14 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#indexLayoutGrid14 > .row > .col-1
{
   float: left;
}
#indexLayoutGrid14 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#indexLayoutGrid14:before,
#indexLayoutGrid14:after,
#indexLayoutGrid14 .row:before,
#indexLayoutGrid14 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid14:after,
#indexLayoutGrid14 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid14 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#indexArticle1
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle1 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle1 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle1 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle1 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle1 .blogsubject a:link, #indexArticle1 .blogsubject a:visited, #indexArticle1 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle1 .blogcomments a:link, #indexArticle1 .blogcomments a:visited, #indexArticle1 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle1 .blogcomments
{
   text-decoration: none;
}
#indexArticle1 .no-thumb
{
   display: none;
}
#indexArticle1 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle1 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle1 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle1 .blogdate, #indexArticle1 .blogcomments
{
   display: none;
}
#indexArticle1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle2
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle2 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle2 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle2 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle2 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle2 .blogsubject a:link, #indexArticle2 .blogsubject a:visited, #indexArticle2 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle2 .blogcomments a:link, #indexArticle2 .blogcomments a:visited, #indexArticle2 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle2 .blogcomments
{
   text-decoration: none;
}
#indexArticle2 .no-thumb
{
   display: none;
}
#indexArticle2 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle2 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle2 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle2 .blogdate, #indexArticle2 .blogcomments
{
   display: none;
}
#indexArticle2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle3
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle3 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle3 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle3 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle3 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle3 .blogsubject a:link, #indexArticle3 .blogsubject a:visited, #indexArticle3 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle3 .blogcomments a:link, #indexArticle3 .blogcomments a:visited, #indexArticle3 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle3 .blogcomments
{
   text-decoration: none;
}
#indexArticle3 .no-thumb
{
   display: none;
}
#indexArticle3 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle3 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle3 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle3 .blogdate, #indexArticle3 .blogcomments
{
   display: none;
}
#indexArticle3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle4
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle4 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle4 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle4 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle4 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle4 .blogsubject a:link, #indexArticle4 .blogsubject a:visited, #indexArticle4 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle4 .blogcomments a:link, #indexArticle4 .blogcomments a:visited, #indexArticle4 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle4 .blogcomments
{
   text-decoration: none;
}
#indexArticle4 .no-thumb
{
   display: none;
}
#indexArticle4 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle4 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle4 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle4 .blogdate, #indexArticle4 .blogcomments
{
   display: none;
}
#indexArticle4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle5
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle5 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle5 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle5 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle5 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle5 .blogsubject a:link, #indexArticle5 .blogsubject a:visited, #indexArticle5 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle5 .blogcomments a:link, #indexArticle5 .blogcomments a:visited, #indexArticle5 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle5 .blogcomments
{
   text-decoration: none;
}
#indexArticle5 .no-thumb
{
   display: none;
}
#indexArticle5 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle5 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle5 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle5 .blogdate, #indexArticle5 .blogcomments
{
   display: none;
}
#indexArticle5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle6
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle6 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle6 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle6 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle6 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle6 .blogsubject a:link, #indexArticle6 .blogsubject a:visited, #indexArticle6 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle6 .blogcomments a:link, #indexArticle6 .blogcomments a:visited, #indexArticle6 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle6 .blogcomments
{
   text-decoration: none;
}
#indexArticle6 .no-thumb
{
   display: none;
}
#indexArticle6 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle6 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle6 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle6 .blogdate, #indexArticle6 .blogcomments
{
   display: none;
}
#indexArticle6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle7
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle7 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle7 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle7 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle7 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle7 .blogsubject a:link, #indexArticle7 .blogsubject a:visited, #indexArticle7 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle7 .blogcomments a:link, #indexArticle7 .blogcomments a:visited, #indexArticle7 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle7 .blogcomments
{
   text-decoration: none;
}
#indexArticle7 .no-thumb
{
   display: none;
}
#indexArticle7 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle7 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle7 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle7 .blogdate, #indexArticle7 .blogcomments
{
   display: none;
}
#indexArticle7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#indexArticle8
{
   box-sizing: border-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.2;
   display: inline-block;
   position: relative;
   width: 100%;
}
#indexArticle8 .blogitem
{
   padding: 0px;
   text-align: left;
}
#indexArticle8 .blogdate
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: none;
}
#indexArticle8 .blogsubject
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #666666;
   font-style: normal;
   text-decoration: none;
}
#indexArticle8 .blogcomments
{
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-size: 16px;
   color: #000000;
   font-style: normal;
   text-decoration: underline;
}
#indexArticle8 .blogsubject a:link, #indexArticle8 .blogsubject a:visited, #indexArticle8 .blogsubject a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle8 .blogcomments a:link, #indexArticle8 .blogcomments a:visited, #indexArticle8 .blogcomments a:hover
{
   color: inherit;
   text-decoration: inherit;
}
#indexArticle8 .blogcomments
{
   text-decoration: none;
}
#indexArticle8 .no-thumb
{
   display: none;
}
#indexArticle8 .blogsubject
{
   display: block;
   margin: 0;
   padding: 0;
}
#indexArticle8 .blogthumb
{
   margin: 0 0 5px 0;
   float: right;
   padding: 0 5px 0 0;
}
#indexArticle8 .blogthumb img
{
   border-width: 0px;
   width: 120px;
   height: auto;
   margin: 0px 0px 0px 0px;
}
#indexArticle8 .blogdate, #indexArticle8 .blogcomments
{
   display: none;
}
#indexArticle8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   margin: 0;
}
#wb_master_frameImage3
{
   margin: 0;
   vertical-align: top;
}
#master_frameImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: animate-fade-in-left 1500ms linear 0ms 1 normal;
   display: inline-block;
   width: 270px;
   height: 85px;
   vertical-align: top;
}
#wb_master_frameImage1
{
   margin: 0;
   vertical-align: top;
}
#master_frameImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 208px;
   height: 75px;
   vertical-align: top;
}
#wb_masterpageImage6
{
   margin: 0;
   vertical-align: top;
}
#masterpageImage6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 89px;
   height: 105px;
   vertical-align: top;
}
#wb_masterpageImage5
{
   margin: 0;
   vertical-align: top;
}
#masterpageImage5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 106px;
   height: 106px;
   vertical-align: top;
}
#wb_masterpageImage4
{
   margin: 0;
   vertical-align: top;
}
#masterpageImage4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 110px;
   height: 103px;
   vertical-align: top;
}
#wb_masterpageImage3
{
   margin: 0;
   vertical-align: top;
}
#masterpageImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 106px;
   height: 105px;
   vertical-align: top;
}
#wb_masterpageText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_masterpageText1 div
{
   text-align: left;
}
#wb_masterpageText1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_masterpageLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #708090;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#masterpageLayoutGrid2
{
   box-sizing: border-box;
   padding: 10px 5px 10px 5px;
   margin-right: auto;
   margin-left: auto;
}
#masterpageLayoutGrid2 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#masterpageLayoutGrid2 > .row > .col-1, #masterpageLayoutGrid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#masterpageLayoutGrid2
{
   width: 1200px;
}
#masterpageLayoutGrid2 > .row > .col-1, #masterpageLayoutGrid2 > .row > .col-2
{
   float: left;
}
#masterpageLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#masterpageLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: right;
}
#masterpageLayoutGrid2:before,
#masterpageLayoutGrid2:after,
#masterpageLayoutGrid2 .row:before,
#masterpageLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#masterpageLayoutGrid2:after,
#masterpageLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#masterpageLayoutGrid2
{
   width: 100%;
}
#masterpageLayoutGrid2 > .row > .col-1, #masterpageLayoutGrid2 > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#headerMenu
{
   list-style: none;
   padding: 8px 15px 8px 15px;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
   font-family: "Open Sans";
   font-weight: 400;   font-stretch: 75%;

   font-style: normal;
   font-size: 0;
   margin: 0;
   text-align: center;
}
#headerMenu > li
{
   display: inline-block;
   font-size: 16px;
   text-transform: none;
}
#headerMenu a
{
   color: #FFFFFF;
   text-decoration: none;
}
#headerMenu a:hover
{
   color: #87CEEB;
   text-decoration: none;
}
#headerMenu > .active
{
   color: #E0FFFF;
}
#headerMenu > .active a
{
   color: inherit;
   pointer-events: none;
}
#headerMenu > li + li:before
{
   content: "|";
   padding: 0 20px;
   color: #E1E1E1;
}
@media only screen and (max-width: 768px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_masterpageLayoutGrid1
{
   visibility: visible !important;
   display: table !important;
}
#wb_masterpageLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#masterpageLayoutGrid1
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#masterpageLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_header
{
   visibility: visible !important;
   display: table !important;
}
#wb_header
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#header
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#header .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#header > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#header > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_indexImage12
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage12
{
   width: 49px;
   height: 33px;
}
#wb_indexImage7
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage7
{
   width: 49px;
   height: 33px;
}
#wb_indexImage11
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage11
{
   width: 49px;
   height: 32px;
}
#wb_indexImage3
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage3
{
   width: 49px;
   height: 32px;
}
#wb_indexImage10
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage10
{
   width: 49px;
   height: 32px;
}
#wb_indexImage8
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage8
{
   width: 49px;
   height: 32px;
}
#wb_indexImage5
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage5
{
   width: 49px;
   height: 33px;
}
#wb_indexText22
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText22
{
   margin: 0;
   padding: 0;
}
#wb_indexText20
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText20
{
   margin: 0;
   padding: 0;
}
#wb_indexText9
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText9
{
   margin: 0;
   padding: 0;
}
#wb_indexText6
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText6
{
   margin: 0;
   padding: 0;
}
#wb_indexText15
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText15
{
   margin: 0;
   padding: 0;
}
#wb_indexImage6
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage6
{
   width: 49px;
   height: 33px;
}
#wb_skills-text
{
   visibility: visible !important;
   display: block !important;
}
#wb_skills-text
{
   margin: 0;
   padding: 0;
}
#indexHtml1
{
   width: 374px !important;
   height: 331px !important;
   visibility: visible !important;
   display: inline-block !important;
}
#welcome-layer
{
   height: 601px !important;
   visibility: visible !important;
   display: block !important;
   margin: 0;
}
#welcome-layer
{
   width: 100%;
   margin: 0;
}
#welcome-layer_Container
{
   width: 768px !important;
}
#welcome-layer
{
    width: 100%;
    height: 601px;
}
#wb_welcome-text
{
   left: 0px !important;
   top: 374px !important;
   width: 600px !important;
   height: 145px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_welcome-text
{
   margin: 0;
   padding: 0;
}
#wb_welcome-button
{
   left: 0px !important;
   top: 527px !important;
   width: 171px !important;
   height: 35px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#welcome-button
{
   width: 171px !important;
   height: 35px !important;
}
#wb_indexText8
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText8
{
   margin: 0;
   padding: 0;
}
#wb_indexLayoutGrid1
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid1
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid1 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid1
{
   width: 763px;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid1 > .row > .col-2
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexLayoutGrid2
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid2
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid2 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid2
{
   width: 763px;
}
#indexLayoutGrid2 > .row > .col-1, #indexLayoutGrid2 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid2 > .row > .col-1
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid2 > .row > .col-2
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexLayoutGrid3
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid3
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid3 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid3
{
   width: 763px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid3 > .row > .col-1
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid3 > .row > .col-2
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexText2
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText2
{
   margin: 0;
   padding: 0;
}
#wb_indexText13
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText13
{
   margin: 0;
   padding: 0;
}
#wb_indexImage9
{
   width: 66px !important;
   height: 66px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage9
{
   width: 66px;
   height: 66px;
}
#wb_indexText4
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText4
{
   margin: 0;
   padding: 0;
}
#wb_indexImage2
{
   width: 229px !important;
   height: 68px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage2
{
   width: 229px;
   height: 68px;
}
#wb_indexImage4
{
   width: 281px !important;
   height: 96px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage4
{
   width: 281px;
   height: 96px;
}
#indexHtml3
{
   width: 241px !important;
   height: 288px !important;
   visibility: visible !important;
   display: inline-block !important;
}
#wb_indexLayoutGrid4
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid4
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid4
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid4 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid4
{
   width: 763px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid4 > .row > .col-1
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexLayoutGrid13
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid13
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid13
{
   height: auto;
   padding: 5px 5px 10px 5px;
}
#indexLayoutGrid13 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid13
{
   width: 763px;
}
#wb_portsShape3
{
   width: 286px !important;
   height: 66px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
}
#portsShape3
{
   width: 286px !important;
   height: 66px !important;
}
#wb_indexLayoutGrid14
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid14
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid14
{
   height: auto;
   padding: 5px 0 10px 0;
}
#indexLayoutGrid14 .row
{
   margin-right: 0px;
   margin-left: 0px;
}
#indexHtml2
{
   width: 346px !important;
   height: 287px !important;
   visibility: visible !important;
   display: inline-block !important;
}
#indexArticle1
{
   visibility: visible !important;
 !important;
}
#indexArticle1 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle2
{
   visibility: visible !important;
 !important;
}
#indexArticle2 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle3
{
   visibility: visible !important;
 !important;
}
#indexArticle3 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle4
{
   visibility: visible !important;
 !important;
}
#indexArticle4 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle5
{
   visibility: visible !important;
 !important;
}
#indexArticle5 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle6
{
   visibility: visible !important;
 !important;
}
#indexArticle6 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle7
{
   visibility: visible !important;
 !important;
}
#indexArticle7 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle8
{
   visibility: visible !important;
 !important;
}
#indexArticle8 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#wb_master_frameImage3
{
   width: 270px !important;
   height: 85px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#master_frameImage3
{
   width: 270px;
   height: 85px;
}
#wb_master_frameImage1
{
   width: 208px !important;
   height: 75px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#master_frameImage1
{
   width: 208px;
   height: 75px;
}
#wb_masterpageImage6
{
   width: 89px !important;
   height: 105px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage6
{
   width: 89px;
   height: 105px;
}
#wb_masterpageImage5
{
   width: 106px !important;
   height: 106px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage5
{
   width: 106px;
   height: 106px;
}
#wb_masterpageImage4
{
   width: 110px !important;
   height: 103px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage4
{
   width: 110px;
   height: 103px;
}
#wb_masterpageImage3
{
   width: 106px !important;
   height: 105px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage3
{
   width: 106px;
   height: 105px;
}
#master_frameExtension1
{
}
#wb_masterpageText1
{
   visibility: visible !important;
   display: block !important;
}
#wb_masterpageText1
{
   margin: 0;
   padding: 0;
}
#wb_masterpageLayoutGrid2
{
   visibility: visible !important;
   display: table !important;
}
#wb_masterpageLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#masterpageLayoutGrid2
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#masterpageLayoutGrid2 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#masterpageLayoutGrid2
{
   width: 763px;
}
#masterpageLayoutGrid2 > .row > .col-1, #masterpageLayoutGrid2 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#masterpageLayoutGrid2 > .row > .col-1
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#masterpageLayoutGrid2 > .row > .col-2
{
   display: block;
   width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: right;
}
#wb_headerMenu
{
   width: 100% !important;
   visibility: visible !important;
   display: block !important;
   margin: 0;
}
#headerMenu
{
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#headerMenu > li + li:before
{
   padding: 0 20px;
}
#masterpageHtml1
{
   width: 123px !important;
   height: 86px !important;
   visibility: visible !important;
   display: inline-block !important;
}
}
@media only screen and (max-width: 320px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_masterpageLayoutGrid1
{
   visibility: visible !important;
   display: table !important;
}
#wb_masterpageLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#masterpageLayoutGrid1
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#masterpageLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#masterpageLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_header
{
   visibility: visible !important;
   display: table !important;
}
#wb_header
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#header
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#header .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#header > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#header > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_indexImage12
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage12
{
   width: 49px;
   height: 33px;
}
#wb_indexImage7
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage7
{
   width: 49px;
   height: 33px;
}
#wb_indexImage11
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage11
{
   width: 49px;
   height: 32px;
}
#wb_indexImage3
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage3
{
   width: 49px;
   height: 32px;
}
#wb_indexImage10
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage10
{
   width: 49px;
   height: 32px;
}
#wb_indexImage8
{
   width: 49px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage8
{
   width: 49px;
   height: 32px;
}
#wb_indexImage5
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage5
{
   width: 49px;
   height: 33px;
}
#wb_indexText22
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText22
{
   margin: 0;
   padding: 0;
}
#wb_indexText20
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText20
{
   margin: 0;
   padding: 0;
}
#wb_indexText9
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText9
{
   margin: 0;
   padding: 0;
}
#wb_indexText6
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText6
{
   margin: 0;
   padding: 0;
}
#wb_indexText15
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText15
{
   margin: 0;
   padding: 0;
}
#wb_indexImage6
{
   width: 49px !important;
   height: 33px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage6
{
   width: 49px;
   height: 33px;
}
#wb_skills-text
{
   visibility: visible !important;
   display: block !important;
}
#wb_skills-text
{
   margin: 0;
   padding: 0;
}
#indexHtml1
{
   width: 310px !important;
   height: 331px !important;
   visibility: visible !important;
   display: inline-block !important;
}
#welcome-layer
{
   height: 601px !important;
   visibility: visible !important;
   display: block !important;
   margin: 0;
}
#welcome-layer
{
   width: 100%;
   margin: 0;
}
#welcome-layer_Container
{
   width: 320px !important;
}
#welcome-layer
{
    width: 100%;
    height: 601px;
}
#wb_welcome-text
{
   left: 0px !important;
   top: 374px !important;
   width: 600px !important;
   height: 145px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_welcome-text
{
   margin: 0;
   padding: 0;
}
#wb_welcome-button
{
   left: 0px !important;
   top: 527px !important;
   width: 171px !important;
   height: 35px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#welcome-button
{
   width: 171px !important;
   height: 35px !important;
}
#wb_indexText8
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText8
{
   margin: 0;
   padding: 0;
}
#wb_indexLayoutGrid1
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid1
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid1 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid1
{
   width: 100%;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid1 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexLayoutGrid2
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid2
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid2 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid2
{
   width: 100%;
}
#indexLayoutGrid2 > .row > .col-1, #indexLayoutGrid2 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid2 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid2 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexLayoutGrid3
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid3
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid3 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid3
{
   width: 100%;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid3 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid3 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexText2
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText2
{
   margin: 0;
   padding: 0;
}
#wb_indexText13
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText13
{
   margin: 0;
   padding: 0;
}
#wb_indexImage9
{
   width: 66px !important;
   height: 66px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage9
{
   width: 66px;
   height: 66px;
}
#wb_indexText4
{
   visibility: visible !important;
   display: block !important;
}
#wb_indexText4
{
   margin: 0;
   padding: 0;
}
#wb_indexImage2
{
   width: 229px !important;
   height: 68px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage2
{
   width: 229px;
   height: 68px;
}
#wb_indexImage4
{
   width: 281px !important;
   height: 96px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#indexImage4
{
   width: 281px;
   height: 96px;
}
#indexHtml3
{
   width: 241px !important;
   height: 288px !important;
   visibility: visible !important;
   display: inline-block !important;
}
#wb_indexLayoutGrid4
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid4
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid4
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#indexLayoutGrid4 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid4
{
   width: 100%;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#indexLayoutGrid4 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexLayoutGrid13
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid13
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid13
{
   height: auto;
   padding: 5px 5px 10px 5px;
}
#indexLayoutGrid13 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid13
{
   width: 100%;
}
#wb_portsShape3
{
   width: 286px !important;
   height: 66px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
}
#portsShape3
{
   width: 286px !important;
   height: 66px !important;
}
#wb_indexLayoutGrid14
{
   visibility: visible !important;
   display: table !important;
}
#wb_indexLayoutGrid14
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid14
{
   height: auto;
   padding: 5px 0 10px 0;
}
#indexLayoutGrid14 .row
{
   margin-right: 0px;
   margin-left: 0px;
}
#indexHtml2
{
   width: 310px !important;
   height: 287px !important;
   visibility: visible !important;
   display: inline-block !important;
}
#indexArticle1
{
   visibility: visible !important;
 !important;
}
#indexArticle1 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle2
{
   visibility: visible !important;
 !important;
}
#indexArticle2 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle3
{
   visibility: visible !important;
 !important;
}
#indexArticle3 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle4
{
   visibility: visible !important;
 !important;
}
#indexArticle4 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle5
{
   visibility: visible !important;
 !important;
}
#indexArticle5 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle6
{
   visibility: visible !important;
 !important;
}
#indexArticle6 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle7
{
   visibility: visible !important;
 !important;
}
#indexArticle7 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#indexArticle8
{
   visibility: visible !important;
 !important;
}
#indexArticle8 .blogitem
{
   flex: 1 1 calc(100% - 6px);
}
#wb_master_frameImage3
{
   width: 270px !important;
   height: 85px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#master_frameImage3
{
   width: 270px;
   height: 85px;
}
#wb_master_frameImage1
{
   width: 208px !important;
   height: 75px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#master_frameImage1
{
   width: 208px;
   height: 75px;
}
#wb_masterpageImage6
{
   width: 89px !important;
   height: 105px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage6
{
   width: 89px;
   height: 105px;
}
#wb_masterpageImage5
{
   width: 106px !important;
   height: 106px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage5
{
   width: 106px;
   height: 106px;
}
#wb_masterpageImage4
{
   width: 110px !important;
   height: 103px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage4
{
   width: 110px;
   height: 103px;
}
#wb_masterpageImage3
{
   width: 106px !important;
   height: 105px !important;
   visibility: visible !important;
   display: inline-block !important;
   margin: 0;
   padding: 0;
}
#masterpageImage3
{
   width: 106px;
   height: 105px;
}
#master_frameExtension1
{
}
#wb_masterpageText1
{
   visibility: visible !important;
   display: block !important;
}
#wb_masterpageText1
{
   margin: 0;
   padding: 0;
}
#wb_masterpageLayoutGrid2
{
   visibility: visible !important;
   display: table !important;
}
#wb_masterpageLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#masterpageLayoutGrid2
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#masterpageLayoutGrid2 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#masterpageLayoutGrid2
{
   width: 100%;
}
#masterpageLayoutGrid2 > .row > .col-1, #masterpageLayoutGrid2 > .row > .col-2
{
   padding-right: 5px;
   padding-left: 5px;
}
#masterpageLayoutGrid2 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#masterpageLayoutGrid2 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: right;
}
#wb_headerMenu
{
   width: 100% !important;
   visibility: visible !important;
   display: block !important;
   margin: 0;
}
#headerMenu
{
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#headerMenu > li + li:before
{
   padding: 0 20px;
}
#masterpageHtml1
{
   width: 123px !important;
   height: 86px !important;
   visibility: visible !important;
   display: inline-block !important;
}
}
@media all and (max-width:320px)
{
*
{
   transition-property: none !important;
   animation: none !important;
}
}
@media (prefers-reduced-motion: reduce)
{
*
{
   transition-property: none !important;
   animation: none !important;
}
}