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_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 50vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   height: 50vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: center;
   align-self: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid1 > .col-1 > .col-1-padding
{
   padding: 100px 25px 100px 25px;
}
#LayoutGrid1 > .col-2
{
   background-color: transparent;
   background-image: url(../images/filosofashion1.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: stretch;
   align-self: stretch;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#wb_LayoutGrid1, #LayoutGrid1
{
   height: auto;
}
#LayoutGrid1 > div[class^="col-"]
{
   height: 50vh;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Heading1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: left;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 30px 0px 30px 0px;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_IconFont5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 5px 10px 0px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont5
{
   height: 20px;
   width: 20px;
}
#IconFont5 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 10px;
}
#wb_IconFont5:hover i
{
   color: #FFFFFF;
}
#wb_IconFont6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 5px 10px 0px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont6
{
   height: 20px;
   width: 20px;
}
#IconFont6 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 17px;
}
#wb_IconFont6:hover i
{
   color: #FFFFFF;
}
#wb_IconFont11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 5px 10px 0px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont11:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont11
{
   height: 20px;
   width: 20px;
}
#IconFont11 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 16px;
}
#wb_IconFont11:hover i
{
   color: #FFFFFF;
}
#wb_IconFont3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 5px 10px 0px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont3
{
   height: 20px;
   width: 20px;
}
#IconFont3 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 16px;
}
#wb_IconFont3:hover i
{
   color: #FFFFFF;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 50vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   height: 50vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: url(../images/filosofashion2.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: stretch;
   align-self: stretch;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid2 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: center;
   align-self: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid2 > .col-2 > .col-2-padding
{
   padding: 100px 25px 100px 25px;
}
@media (max-width: 480px)
{
#wb_LayoutGrid2, #LayoutGrid2
{
   height: auto;
}
#LayoutGrid2 > div[class^="col-"]
{
   height: 50vh;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 30px 0px 30px 0px;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#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;
   position: relative;
   display: inline-block;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #FFFFFF;
   border: 1px solid rgba(0,0,0,0.00);
   background-color: #000000;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   height: 26px;
   line-height: 26px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
}
.CssMenu1-effect:before
{
   border: 1px solid rgba(0,0,0,0.00);
   background-color: #FFFFFF;
   background-image: none;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
.CssMenu1-effect
{
   display: inline-block;
   -webkit-transform: perspective(0px) translateX(0);
   transform: perspective(0px) translateX(0);
   position: relative;
   -webkit-transition: color 500ms linear;
   transition: color 500ms linear;
}
.CssMenu1-effect:before 
{
   content: "";
   position: absolute;
   height: 1px;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   -webkit-transform: scaleX(0);
   -webkit-transform-origin: 0 50%;
   -webkit-transition: all 500ms linear;
   transform: scaleX(0);
   transform-origin: 0 50%;
   transition: all 500ms linear;
}
.CssMenu1-effect:hover:before, .CssMenu1-effect:focus:before, .CssMenu1-effect:active:before
{
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 50vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   height: 50vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: center;
   align-self: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-1 > .col-1-padding
{
   padding: 50px 25px 50px 25px;
}
#LayoutGrid3 > .col-2
{
   background-color: transparent;
   background-image: url(../images/filosofashion3.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: stretch;
   align-self: stretch;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#wb_LayoutGrid3, #LayoutGrid3
{
   height: auto;
}
#LayoutGrid3 > div[class^="col-"]
{
   height: 50vh;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_testimonialsLayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 50vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#testimonialsLayoutGrid
{
   box-sizing: border-box;
   height: 50vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#testimonialsLayoutGrid > .col-1, #testimonialsLayoutGrid > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#testimonialsLayoutGrid > .col-1, #testimonialsLayoutGrid > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#testimonialsLayoutGrid > .col-1
{
   background-color: transparent;
   background-image: url(../images/filosofashion4.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: stretch;
   align-self: stretch;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#testimonialsLayoutGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: center;
   align-self: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#testimonialsLayoutGrid > .col-2 > .col-2-padding
{
   padding: 100px 25px 100px 25px;
}
@media (max-width: 480px)
{
#wb_testimonialsLayoutGrid, #testimonialsLayoutGrid
{
   height: auto;
}
#testimonialsLayoutGrid > div[class^="col-"]
{
   height: 50vh;
}
#testimonialsLayoutGrid > .col-1, #testimonialsLayoutGrid > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_galleryLayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#galleryLayoutGrid
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#galleryLayoutGrid > .row
{
   margin-right: 0;
   margin-left: 0;
}
#galleryLayoutGrid > .row > .col-1, #galleryLayoutGrid > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#galleryLayoutGrid > .row > .col-1, #galleryLayoutGrid > .row > .col-2
{
   float: left;
}
#galleryLayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: left;
}
#galleryLayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: left;
}
#galleryLayoutGrid:before,
#galleryLayoutGrid:after,
#galleryLayoutGrid .row:before,
#galleryLayoutGrid .row:after
{
   display: table;
   content: " ";
}
#galleryLayoutGrid:after,
#galleryLayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#galleryLayoutGrid > .row > .col-1, #galleryLayoutGrid > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_galleryLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#galleryLayoutGrid2
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#galleryLayoutGrid2 > .row
{
   margin-right: 0;
   margin-left: 0;
}
#galleryLayoutGrid2 > .row > .col-1, #galleryLayoutGrid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#galleryLayoutGrid2 > .row > .col-1, #galleryLayoutGrid2 > .row > .col-2
{
   float: left;
}
#galleryLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: left;
}
#galleryLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: left;
}
#galleryLayoutGrid2:before,
#galleryLayoutGrid2:after,
#galleryLayoutGrid2 .row:before,
#galleryLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#galleryLayoutGrid2:after,
#galleryLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#galleryLayoutGrid2 > .row > .col-1, #galleryLayoutGrid2 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_galleryLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#galleryLayoutGrid1
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#galleryLayoutGrid1 > .row
{
   margin-right: 0;
   margin-left: 0;
}
#galleryLayoutGrid1 > .row > .col-1, #galleryLayoutGrid1 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#galleryLayoutGrid1 > .row > .col-1, #galleryLayoutGrid1 > .row > .col-2
{
   float: left;
}
#galleryLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: left;
}
#galleryLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: left;
}
#galleryLayoutGrid1:before,
#galleryLayoutGrid1:after,
#galleryLayoutGrid1 .row:before,
#galleryLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#galleryLayoutGrid1:after,
#galleryLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#galleryLayoutGrid1 > .row > .col-1, #galleryLayoutGrid1 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   height: 100vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: center;
   align-self: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-1 > .col-1-padding
{
   padding: 100px 25px 100px 25px;
}
#LayoutGrid5 > .col-2
{
   background-color: transparent;
   background-image: url(../images/filosofashion5.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: stretch;
   align-self: stretch;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#wb_LayoutGrid5, #LayoutGrid5
{
   height: auto;
}
#LayoutGrid5 > div[class^="col-"]
{
   height: 100vh;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 50vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   height: 50vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid6 > .col-1
{
   background-color: transparent;
   background-image: url(../images/keys.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: flex-start;
   align-self: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid6 > .col-1 > .col-1-padding
{
   padding: 50px 25px 50px 25px;
}
#LayoutGrid6 > .col-1 > .col-1-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   background-color: #000000;
   opacity: 0.5;
}
#LayoutGrid6 > .col-2
{
   background-color: #000000;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   -webkit-align-self: center;
   align-self: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid6 > .col-2 > .col-2-padding
{
   padding: 50px 25px 50px 25px;
}
@media (max-width: 480px)
{
#wb_LayoutGrid6, #LayoutGrid6
{
   height: auto;
}
#LayoutGrid6 > div[class^="col-"]
{
   height: 50vh;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#contactName
{
   border: 1px solid #696969;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: 0;
   font-style: normal;
   font-size: 15px;
   box-sizing: border-box;
   line-height: 24px;
   padding: 8px 12px 8px 12px;
   margin: 0px 0px 15px 0px;
   text-align: left;
}
#contactName:focus
{
   border-color: #0078FF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,120,255,0.60);
   outline: 0;
}
#contactEmail
{
   border: 1px solid #696969;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: 0;
   font-style: normal;
   font-size: 15px;
   box-sizing: border-box;
   line-height: 24px;
   padding: 8px 12px 8px 12px;
   margin: 0px 0px 15px 0px;
   text-align: left;
}
#contactEmail:focus
{
   border-color: #0078FF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,120,255,0.60);
   outline: 0;
}
#contactSubject
{
   border: 1px solid #696969;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: 0;
   font-style: normal;
   font-size: 15px;
   box-sizing: border-box;
   line-height: 24px;
   padding: 8px 12px 8px 12px;
   margin: 0px 0px 15px 0px;
   text-align: left;
}
#contactSubject:focus
{
   border-color: #0078FF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,120,255,0.60);
   outline: 0;
}
#contactMessage
{
   border: 1px solid #696969;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   box-sizing: border-box;
   padding: 8px 12px 8px 12px;
   margin: 0px 0px 15px 0px;
   text-align: left;
   overflow: auto;
   resize: none;
}
#contactMessage:focus
{
   border-color: #0078FF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,120,255,0.60);
   outline: 0;
}
#contactButton
{
   border: 1px solid #1C46F2;
   background-color: #1C46F2;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 1px 4px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Heading7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 4px 0px 4px 0px;
   text-align: left;
}
#Heading7
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#wb_FontAwesomeIcon6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 50%;
   text-align: center;
   margin: 0px 10px 10px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_FontAwesomeIcon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#FontAwesomeIcon6
{
   height: 54px;
   width: 54px;
}
#FontAwesomeIcon6 i
{
   color: #3E78B3;
   display: inline-block;
   font-size: 54px;
   line-height: 54px;
   vertical-align: middle;
   width: 41px;
}
#wb_FontAwesomeIcon6:hover i
{
   color: #696969;
}
#wb_FontAwesomeIcon7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 50%;
   text-align: center;
   margin: 0px 10px 10px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_FontAwesomeIcon7:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#FontAwesomeIcon7
{
   height: 54px;
   width: 54px;
}
#FontAwesomeIcon7 i
{
   color: #3E78B3;
   display: inline-block;
   font-size: 54px;
   line-height: 54px;
   vertical-align: middle;
   width: 53px;
}
#wb_FontAwesomeIcon7:hover i
{
   color: #696969;
}
#wb_FontAwesomeIcon9
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 50%;
   text-align: center;
   margin: 0px 10px 10px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_FontAwesomeIcon9:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#FontAwesomeIcon9
{
   height: 54px;
   width: 54px;
}
#FontAwesomeIcon9 i
{
   color: #3E78B3;
   display: inline-block;
   font-size: 54px;
   line-height: 54px;
   vertical-align: middle;
   width: 53px;
}
#wb_FontAwesomeIcon9:hover i
{
   color: #696969;
}
#wb_FontAwesomeIcon8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 50%;
   text-align: center;
   margin: 0px 10px 10px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_FontAwesomeIcon8:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#FontAwesomeIcon8
{
   height: 54px;
   width: 54px;
}
#FontAwesomeIcon8 i
{
   color: #3E78B3;
   display: inline-block;
   font-size: 54px;
   line-height: 54px;
   vertical-align: middle;
   width: 45px;
}
#wb_FontAwesomeIcon8:hover i
{
   color: #696969;
}
#wb_Heading3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0px 0px 10px 0px;
   text-align: left;
}
#Heading3
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
}
#Label5
{
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #3E78B3;
   font-family: Arial;
   font-weight: 1;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   padding: 4px 4px 4px 0px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#progressbar_html
{
   margin: 0px 0px 10px 0px;
   position: relative;
}
#progressbar_html, #progressbar_html .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#progressbar_html, #progressbar_html .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#progressbar_html,ui-widget-content
{
   border-color: #D3D3D3;
   background-color: #FFFFFF;
   background-image: none;
}
#progressbar_html .ui-widget-header
{
   border-color: #3E78B3;
   background-color: #3E78B3;
   background-image: none;
}
#progressbar_html-label
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center;
   line-height: 20px;
   vertical-align: middle;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: 0;
   font-size: 13px;
   font-style: normal;
}
#Label6
{
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #3E78B3;
   font-family: Arial;
   font-weight: 1;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   padding: 4px 4px 4px 0px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#progressbar_uidesign
{
   margin: 0px 0px 10px 0px;
   position: relative;
}
#progressbar_uidesign, #progressbar_uidesign .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#progressbar_uidesign, #progressbar_uidesign .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#progressbar_uidesign,ui-widget-content
{
   border-color: #D3D3D3;
   background-color: #FFFFFF;
   background-image: none;
}
#progressbar_uidesign .ui-widget-header
{
   border-color: #3E78B3;
   background-color: #3E78B3;
   background-image: none;
}
#progressbar_uidesign-label
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center;
   line-height: 20px;
   vertical-align: middle;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: 0;
   font-size: 13px;
   font-style: normal;
}
#Label7
{
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #3E78B3;
   font-family: Arial;
   font-weight: 1;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   padding: 4px 4px 4px 0px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#progressbar_jquery
{
   margin: 0px 0px 10px 0px;
   position: relative;
}
#progressbar_jquery, #progressbar_jquery .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#progressbar_jquery, #progressbar_jquery .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#progressbar_jquery,ui-widget-content
{
   border-color: #D3D3D3;
   background-color: #FFFFFF;
   background-image: none;
}
#progressbar_jquery .ui-widget-header
{
   border-color: #3E78B3;
   background-color: #3E78B3;
   background-image: none;
}
#progressbar_jquery-label
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center;
   line-height: 20px;
   vertical-align: middle;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: 0;
   font-size: 13px;
   font-style: normal;
}
#Label8
{
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #3E78B3;
   font-family: Arial;
   font-weight: 1;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   padding: 4px 4px 4px 0px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#progressbar_php
{
   margin: 0px 0px 10px 0px;
   position: relative;
}
#progressbar_php, #progressbar_php .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#progressbar_php, #progressbar_php .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#progressbar_php,ui-widget-content
{
   border-color: #D3D3D3;
   background-color: #FFFFFF;
   background-image: none;
}
#progressbar_php .ui-widget-header
{
   border-color: #3E78B3;
   background-color: #3E78B3;
   background-image: none;
}
#progressbar_php-label
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center;
   line-height: 20px;
   vertical-align: middle;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: 0;
   font-size: 13px;
   font-style: normal;
}
#wb_Heading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Heading2
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: left;
}
#wb_IconFont2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 50%;
   text-align: center;
   margin: 0px 10px 10px 0px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont2:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont2
{
   height: 54px;
   width: 54px;
}
#IconFont2 i
{
   color: #808080;
   display: inline-block;
   font-size: 54px;
   line-height: 54px;
   vertical-align: middle;
   width: 49px;
}
#wb_IconFont2:hover i
{
   color: #696969;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 10px 0px 10px 0px;
   margin: 0px 0px 10px 0px;
   text-align: left;
}
#wb_Text4
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   line-height: 17px;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#wb_Text7
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 12px;
   line-height: 14px;
}
#wb_Text7 div
{
   text-align: left;
}
#RollOverText2 .image
{
   display: block;
   position: relative;
   -webkit-transition: all 400ms linear 0.5s;
   transition: all 400ms linear 0.5s;
}
#RollOverText2 .caption 
{
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
   background-color: rgba(0,0,0,0.60);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText2 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transform: translateY(400%);
   transform: translateY(400%);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText2 .description
{
   position: relative;
   margin: 0;
   padding: 6px 0px 0px 0px;
   text-align: center;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
}
#RollOverText2 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 6px 0px 0px 0px;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText2:hover .caption
{
   opacity: 1;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText2:hover .image
{
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}
#RollOverText2:hover .title
{
   opacity: 1;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
}
#RollOverText2:hover .description
{
   opacity: 1;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms;
}
#RollOverText2:hover .link
{
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 2000ms;
   transition-delay: 2000ms;
}
#RollOverText2 .caption::before
{
   position: absolute;
   top: 50%;
   right: 33px;
   bottom: 50%;
   left: 33px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   background-color: #FFFFFF;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText2:hover > .caption::before
{
   top: 33px;
   bottom: 33px;
   opacity: 1;
   background-color: rgba(255,255,255,0.00);
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText2 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText2
{
   border: 0px solid #000000;
   margin: 0;
}
#RollOverText1 .image
{
   display: block;
   position: relative;
   -webkit-transition: all 400ms linear 0.5s;
   transition: all 400ms linear 0.5s;
}
#RollOverText1 .caption 
{
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
   background-color: rgba(0,0,0,0.60);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText1 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transform: translateY(400%);
   transform: translateY(400%);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText1 .description
{
   position: relative;
   margin: 0;
   padding: 6px 0px 0px 0px;
   text-align: center;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
}
#RollOverText1 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 6px 0px 0px 0px;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText1:hover .caption
{
   opacity: 1;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText1:hover .image
{
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}
#RollOverText1:hover .title
{
   opacity: 1;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
}
#RollOverText1:hover .description
{
   opacity: 1;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms;
}
#RollOverText1:hover .link
{
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 2000ms;
   transition-delay: 2000ms;
}
#RollOverText1 .caption::before
{
   position: absolute;
   top: 50%;
   right: 33px;
   bottom: 50%;
   left: 33px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   background-color: #FFFFFF;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText1:hover > .caption::before
{
   top: 33px;
   bottom: 33px;
   opacity: 1;
   background-color: rgba(255,255,255,0.00);
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText1 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText1
{
   border: 0px solid #000000;
   margin: 0;
}
#RollOverText3 .image
{
   display: block;
   position: relative;
   -webkit-transition: all 400ms linear 0.5s;
   transition: all 400ms linear 0.5s;
}
#RollOverText3 .caption 
{
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
   background-color: rgba(0,0,0,0.60);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText3 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transform: translateY(400%);
   transform: translateY(400%);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText3 .description
{
   position: relative;
   margin: 0;
   padding: 6px 0px 0px 0px;
   text-align: center;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
}
#RollOverText3 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 6px 0px 0px 0px;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText3:hover .caption
{
   opacity: 1;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText3:hover .image
{
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}
#RollOverText3:hover .title
{
   opacity: 1;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
}
#RollOverText3:hover .description
{
   opacity: 1;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms;
}
#RollOverText3:hover .link
{
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 2000ms;
   transition-delay: 2000ms;
}
#RollOverText3 .caption::before
{
   position: absolute;
   top: 50%;
   right: 33px;
   bottom: 50%;
   left: 33px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   background-color: #FFFFFF;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText3:hover > .caption::before
{
   top: 33px;
   bottom: 33px;
   opacity: 1;
   background-color: rgba(255,255,255,0.00);
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText3 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText3
{
   border: 0px solid #000000;
   margin: 0;
}
#RollOverText4 .image
{
   display: block;
   position: relative;
   -webkit-transition: all 400ms linear 0.5s;
   transition: all 400ms linear 0.5s;
}
#RollOverText4 .caption 
{
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
   background-color: rgba(0,0,0,0.60);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText4 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transform: translateY(400%);
   transform: translateY(400%);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText4 .description
{
   position: relative;
   margin: 0;
   padding: 6px 0px 0px 0px;
   text-align: center;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
}
#RollOverText4 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 6px 0px 0px 0px;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText4:hover .caption
{
   opacity: 1;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText4:hover .image
{
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}
#RollOverText4:hover .title
{
   opacity: 1;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
}
#RollOverText4:hover .description
{
   opacity: 1;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms;
}
#RollOverText4:hover .link
{
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 2000ms;
   transition-delay: 2000ms;
}
#RollOverText4 .caption::before
{
   position: absolute;
   top: 50%;
   right: 33px;
   bottom: 50%;
   left: 33px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   background-color: #FFFFFF;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText4:hover > .caption::before
{
   top: 33px;
   bottom: 33px;
   opacity: 1;
   background-color: rgba(255,255,255,0.00);
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText4 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText4
{
   border: 0px solid #000000;
   margin: 0;
}
#RollOverText5 .image
{
   display: block;
   position: relative;
   -webkit-transition: all 400ms linear 0.5s;
   transition: all 400ms linear 0.5s;
}
#RollOverText5 .caption 
{
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
   background-color: rgba(0,0,0,0.60);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText5 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transform: translateY(400%);
   transform: translateY(400%);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText5 .description
{
   position: relative;
   margin: 0;
   padding: 6px 0px 0px 0px;
   text-align: center;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
}
#RollOverText5 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 6px 0px 0px 0px;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText5:hover .caption
{
   opacity: 1;
   -webkit-transition-delay: 0ms;
   transition-delay: 0ms;
}
#RollOverText5:hover .image
{
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}
#RollOverText5:hover .title
{
   opacity: 1;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
}
#RollOverText5:hover .description
{
   opacity: 1;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms;
}
#RollOverText5:hover .link
{
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 2000ms;
   transition-delay: 2000ms;
}
#RollOverText5 .caption::before
{
   position: absolute;
   top: 33px;
   bottom: 33px;
   right: 50%;
   left: 50%;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   background-color: #FFFFFF;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms;
}
#RollOverText5:hover > .caption::before
{
   left: 33px;
   right: 33px;
   opacity: 1;
   background-color: rgba(255,255,255,0.00);
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
}
#RollOverText5 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText5
{
   border: 0px solid #000000;
   margin: 0;
}
#wb_contactText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_contactText
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   line-height: 22px;
}
#wb_contactText p, #wb_contactText ul
{
   margin: 0;
   padding: 0;
}
